* { margin:0; padding:0; box-sizing:border-box }
body { margin:0; padding:0; background:#fff; font-size:13px; -webkit-text-size-adjust: 100%;font-family: 'Fira Sans', sans-serif;}
h2.help-pp{width:21%!important}
input[type="text"],input[type="email"],input[type="search"],textarea,button,input[type="button"]{appearance:none;-webkit-appearance:none;}
select:focus{outline:none}
a:focus{outline:none} 
a{text-decoration: none; transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;}
.not_trash {opacity: 0.5;}
input{text-decoration: none; transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;}
::-moz-selection {background:#cf2027;color:#FFF;}
a:hover { text-decoration:none }
img{width:auto;height: auto;max-width: 100%}
h1,h2,h3,h4,h5{font-weight: 800;}

.banner-top.thankyouWrap {
    padding: 150px 0 60px;
}
.thankYou h2 {
    font-size: 27px;
    font-weight: 600;
}
.smstxt {
    font-size: 20px;
}
.thankYou a {
    text-decoration: underline;
    color: #d0151d;
    white-space: nowrap;
}
.thankYou p:last-child {
    margin: 0;
}
.thankYou .success {
    color: #4c993d;
    font-size: 20px;
}
.thankYou {
    max-width: 730px;
    margin: 0 auto;
    text-align: center;
    background: #ffffffe0;
    padding: 30px;
    border-radius: 5px;
    box-shadow: 0 0 15px #3333330f;
}
.thankYou img {
    width: 90px;
    margin: 0 0 10px;
}
.profileImg img {
    width: 120px;
    height: 120px;
    object-fit: cover;
    border-radius: 10px;
}
.stj_photo_up_Wrap.profile .stj_photo_up {
    float: left;
    margin: 0;
    width: 100%;
}
.stj_photo_up_Wrap.profile {
    border-bottom: 1px solid #d9d9d9;
    padding: 10px 0 20px;
}
.stj_photo_up.profileImg {
    display: flex;
    column-gap: 15px;
}
.proTopDel p {
    margin: 1px 0 0;
    font-size: 16px;
}
.proTopDel p strong {
    color:#000;
}
.profileListing ul {
    display: flex;
    flex-wrap: wrap;
}
.profileListing ul li {
    width: 50%;
    padding: 8px 10px;
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
}
.profileListing ul li p {
    margin: 0;
    font-size: 16px;
}
.profileListing ul li p strong {
    color:#000;
}
.profileListing {
    border-left: 1px solid #e5e5e5;
    margin: 0 0 30px;
}
.videogallery.stj_pb_edit.profileVideo {
    padding-bottom: 0;
}
.galleryList .galleryListCol h2 {
	float: none;
}
.galleryListBox iframe {
    width: 100%;
}

.galleryListWrp {
    display: flex;
    column-gap: 15px;
    margin: 15px 0 20px;
    flex-wrap: wrap;
	clear:both;
}
body.individual-profile-class .reg_dv .galleryList h2 {
	float:none;
}
.galleryList {
    display: flex;
    column-gap: 30px;
}
.galleryListCol {
    width: 50%;
}
.galleryListBox {
    width: 31.4%;
    margin: 0 0 15px;
}
input.txt_lg.phone {
    width: 130px;
	padding:0 5px 0;
}

.editBtn {
    background: url(https://www.movemystuff.com.au/removal-costs-calculator/assets/images/editIcon.png);
    width: 18px;
    height: 18px;
    background-size: 100%;   
    cursor: pointer;
}
.editBtnWrapp {
    position: absolute;
    right: 4px;
    top: 4px;
}
.updatephBtn, .updatefrBtn {
  background: url(https://www.movemystuff.com.au/removal-costs-calculator/assets/images/saveIcon.png);
    background-size: auto;
  text-indent: -999px;
  overflow: hidden;
  width: 18px;
  height: 18px;
  border: 0;
  background-size: 100%;
  margin:0;
  display:none;
}
.editBtnWrapp.active .editBtn {
  display: none;
}
.editBtnWrapp.active .updatephBtn, .editBtnWrapp.active .updatefrBtn {
  display: block;
}
.edit_input.date_of_moves.picker-date, .edit_input.date_of_moves.picker-date01 {
    pointer-events: auto;
}
.edit_input.picker-date, .edit_input.picker-date01 {
    pointer-events: none;
}
.flexBox span {
    display: inline-block;
}
.flexBox {
    position: relative;
}
input.edit_input {
  border: 1px solid #FFF;
  padding: 5px 10px 3px;
  -moz-appearance: textfield;
  appearance: textfield;
  outline: none;
}
.phone01.edit_input.edit {
    border: 1px solid #bdbdbd;
    border-radius: 5px;
}
.editBtnWrapp.active {
    top: 6px;
}
#changePassword .modal-body {position:relative;padding:15px;float: left;width: 100%;}
#changePassword .modal-footer {padding:15px;text-align: center;border-top:1px solid #e5e5e5}

.navigation { float:right;border-right:1px solid #cbcbcb;border-left:1px solid #cbcbcb;width: calc(100% - 307px);text-align: right}
.bx-wrapper img { display: block; width: 100%; }
.home_bnr { width:100%; float:left; position:relative; min-height:400px;overflow:hidden;}
.home_bnr #slideshow li{display:none;}
.home_bnr #slideshow li:first-child{display:block;}
.bx-wrapper { position:relative; }
.bx-pager { margin: 12px auto 52px auto; text-align: center; max-width: 1000px; }
.bx-pager-link { background:#fff; width:88px; height:1px; display:inline-block; text-indent:-9999px; font-size:0; transition: all 0s ease 0s; }
.bx-pager-link.active { background:#fff; height:3px; float:left; margin-bottom:-1px }
.bx-pager-item { display: inline-block; margin: 0 2px 0px 0px; }
.bx-controls { position:absolute; right:0px; bottom:0; z-index:99; width:100%; }
.bx-pager-link:hover { border: 2px solid #fff; }
.btn-primary { background:none; color:#185169; font-size:16px; font-weight:700; border-radius:0; border:1px solid #c3c3c2; padding:22px 41px }
.btn-primary:hover { background:#2399d0; border-color:#2399d0 }
.bxpagermain { position:absolute; bottom:40px; left:0; width:100%; z-index:99 }

.supportForm .modal-title {margin:0;line-height:1.42857143;font-size: 26px;font-weight: 600;text-transform: uppercase;text-align: center;}
.supportForm .modal-header .close {position: absolute;right: 20px;top: 20px;font-size: 40px;opacity: 1;}
.supportFormInner label {
    font-size: 15px;
    font-weight: 500;
}
.jobdetail .supportForm select {
	float:none;
}

body .modal.in {
    overflow-x: hidden;
    overflow-y: auto;
}

.supportFormInner .form-control {height:40px; border:1px solid #8f8f8f;font-size:15px;padding:6px 12px;}
.supportFormInner textarea.form-control {height:100px;}
.supportFormInner {
    padding: 10px 15px 10px;
}
.supportFormInner .form-group.submitBtn {
    text-align: center;
}
.form-group.submitBtn .btn, .form-group.submitBtn .btn:focus {
    padding: 12px 40px 12px;
	outline:none;
}

#bx-pager { position:absolute; }
.btn { transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; }
.popover-navigation button.btn.btn-sm.btn-default.disabled {
    display: none;
}
.stj_login_wrap.stj_reg_wrap .form-check {
  position: relative;
  clear: both;
  float: left;
  width: 100%;
}
.termsPop h2 {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
}
.stj_photo_up_Wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
}
.helpRequestBtn {
  width: 510px;
  font-size: 16px;
  padding: 20px 16px;
  text-align: center;
 background-image: repeating-linear-gradient(-60deg, #f03737, #f03737 3px, transparent 3px, transparent 6px, #f03737 6px), repeating-linear-gradient(30deg, #f03737, #f03737 3px, transparent 3px, transparent 6px, #f03737 6px), repeating-linear-gradient(120deg, #f03737, #f03737 3px, transparent 3px, transparent 6px, #f03737 6px), repeating-linear-gradient(210deg, #f03737, #f03737 3px, transparent 3px, transparent 6px, #f03737 6px); background-size: 1px calc(100% + 12px), calc(100% + 12px) 1px, 1px calc(100% + 12px) , calc(100% + 12px) 1px; background-position: 0 0, 0 0, 100% 0, 0 100%; background-repeat: no-repeat; animation: borderAnimation 1s infinite linear; border-radius:5px;}

@keyframes borderAnimation { from { background-position: 0 0, -12px 0, 100% -12px, 0 100%; } to { background-position: 0 -12px, 0 0, 100% 0, -12px 100%; } } 

.helpRequestBtn a {color:#CF2027;white-space: nowrap;text-decoration:underline;font-weight:500;} 

.profile-action .btn {
	font-size: 15px;
color: #000;
text-transform: uppercase;
font-weight: 500;
border: 2px solid #2f5597 !important;
width: 186px;
padding: 15px 0;
text-align: center;
float: left;
background-color: #ffffff;
}
.profile-action .btn:hover {
	font-size: 15px;
color: #ffffff;
text-transform: uppercase;
font-weight: 500;
border: 2px solid #2f5597 !important;
width: 186px;
padding: 15px 0;
text-align: center;
float: left;
background-color: #2f5597;
}
.stj_login_wrap .login_dv .lg_dv_rgt ul li.registerBTN {
    position: relative;
}
.questionToolTip i {
    font-size: 26px;
    color: #4c506f;
	cursor:pointer;
}
.questionToolTip {
    position: absolute;
    right: -5px;
    top: 10px;
}
 

.btn-group.post-btn.profile-action.pull-left .btn-danger{background: #fff;border-color: #2f5597;border-radius:0;}
.btn-group.post-btn.profile-action.pull-left.open .btn-danger,
.btn-group.post-btn.profile-action.pull-left .btn-danger:hover{background: #2f5597;border-color: #2f5597;border-radius:0;color:#fff;}
.btn-group.post-btn.profile-action.pull-left .dropdown-menu ul li a{background: none !important;border:none !important;padding: 6px 0;border-bottom:1px solid #ccc !important;color:#000 !important;}
.btn-group.post-btn.profile-action.pull-left .dropdown-menu ul li{padding:0;vertical-align: top}
.btn-group.post-btn.profile-action.pull-left .dropdown-menu ul li a:hover{background: #1d396a !important;color:#fff !important;}
.btn-group.post-btn.profile-action.pull-left .dropdown-menu {padding:0;margin: 0;border-radius: 0;border:none;}

#bx-pager a img { opacity:0; vertical-align:bottom; width:50px; height:30px; margin-bottom:-3px; visibility:hidden; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; }
#bx-pager a { display:inline-block; border-bottom:3px solid #dedede; }
#bx-pager a:hover img { opacity:1; visibility:visible }
#bx-pager a.active { border-color:#dc662f; }
#bx-pager a.active:hover img { opacity:0 }
p { font-size:20px; color:#656565; font-weight:400;font-style: italic;line-height: 30px; }
ul li { font-size:18px; color:#656565; font-weight:400 } 
#slideshow {background: #ffffff; float: left; height: 100%; width: 100% !important;}
.header .logo{float:left;margin: 19px 0} 
.header .loginlik{float:left}
.header .loginlik.business-profile-class > a,.header .loginlik.business-profile-class > a:hover { background: #4D5170;}
.header .loginlik.business-profile-class ul li a:hover { background: #4D5170;}
  .header .loginlik a { background: #cf2027; color: #fff; display: block; font-size: 15px; font-weight: 500; letter-spacing: 0.06em; padding: 29px 73px;
text-transform: uppercase;}
body.individual-profile-class .header .loginlik a { background: #cf2027; }
body.business-profile-class .header .loginlik a { background: #4D5170; }

.header .loginlik a:hover{background:#000000}
.header .selectdrpdwn{float:left;padding:29px 24px;}
.header .selectdrpdwn select{font-size:15px;color:#000;background: url(../images/selectdwn.png) no-repeat right center;appearance:none;-webkit-appearance:none;-moz-appearance:none;border:none;padding-right: 17px;letter-spacing: 0.06em}

.slogan{position:absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 99; background: rgba(39,62,84,0.55);}
.slogan .bannerleft{margin-top:100px;max-width: 650px;float:left;position: relative;z-index: 1;}
.slogan .bannerleft h3{font-size:90px;color:#fff;text-transform: uppercase;font-weight: 800;letter-spacing: 0.02em;margin: 0}
.slogan .bannerleft h4{font-size:56px;color:#fff;text-transform: uppercase;font-weight: 800;letter-spacing: 0.02em;margin: 0}
.slogan .bannerleft .captiontext{color:#fff;font-size: 15px;letter-spacing: 0.34em;text-transform: uppercase;float:left;padding: 5px 0;}
.slogan .bannerleft .wrk{float:left;width: 100%;margin-top: 78px;}
.slogan .bannerleft .wrk ul li{float:left;color:#fff; font-size: 57px; text-transform: uppercase;letter-spacing: 0.06em;font-weight: 700;margin-right: 16px;list-style: none;}
.slogan .bannerleft .wrk ul li:after{content: "Ã¢â‚¬Â¢";margin-left: 16px;}
.slogan .bannerleft .wrk ul li:last-child:after{display: none;}
.guard{text-align:center;width: 100%;position: absolute;bottom: 0;left: 0;pointer-events: none}
.slogan .rgt_frm{float:right;background: #fff;padding:50px 35px 23px;max-width: 565px;margin-top: 40px; position: relative;}
.slogan .rgt_frm h3{margin:0 0 0 0;font-size: 30px;color:#000;font-weight:700;text-transform: uppercase;margin-bottom: 15px;}
.slogan .rgt_frm .radio label{font-size: 18px;font-style: italic;font-weight: 400;padding-left: 21px}
.slogan .rgt_frm .radio{float:left;width: auto;margin: 0 30px 0 0}
.slogan .rgt_frm ul {float:left;width: 100%;margin-top: 20px;}
.slogan .rgt_frm ul li{float:left;width: 100%;list-style: none;margin-bottom: 10px;}
.slogan .rgt_frm ul li input.textbox{background: #e4e4e4;font-size:18px;font-weight: 400;font-style: italic;border:none;width: 100%;padding: 12px 15px;color:#000000;}
.slogan .rgt_frm ul li .submit_btn{background: #cf2027;color:#fff;float:left;width: 100%;text-align: center;border-radius:5px;text-transform: uppercase;margin-top: 15px;padding: 11px 0}
.slogan .rgt_frm ul li .submit_btn:hover{background: #000000}

.radio input[type="radio"]{margin-left:0;position: relative}
.radio label{min-height: 0;padding: 0;line-height: normal;}
 
[type="radio"]:not(:checked),[type="radio"]:checked {position: absolute;left: -9999px;}
[type="radio"]:not(:checked) + label,[type="radio"]:checked + label {position: relative;padding-left: 1.7em;cursor: pointer;}
[type="radio"]:not(:checked) + label::before, [type="radio"]:checked + label::before {
  background: rgba(0, 0, 0, 0) url("../images/radio.png") no-repeat scroll 0 2px;
  content: "";
  height: 17px;
  left: 0;
  position: absolute;
  top: 1px;
  width: 17px;
}
[type="radio"]:not(:checked) + label::after, [type="radio"]:checked + label::after
{position: absolute; left: 0; top: 1px; width:17px; height:17px;	background: url(../images/radio.png) no-repeat 0 -19px;	content: "";  transition: all 0.2s ease 0s;}
[type="radio"]:not(:checked) + label:after
{opacity: 0;transform: scale(0);}
[type="radio"]:checked + label:after
{opacity: 1;transform: scale(1);} 

.jobwrap{width:100%;}
.jobwrap .col1{float:left;width: 50%}
.jobwrap .col1 .secjob{float:right;width: 720px;padding: 0 15px;display: table;height: 100%}
.jobwrap .col1 .secjob h2{color:#fff;text-transform: uppercase;font-size: 70px;font-weight: 800;display: table-cell;vertical-align: middle}
.jobwrap .col2{background:#fff url(../images/joinbg.png) top repeat-x;float:left;width: 50%}
.jobwrap .col2 .joindetail > ul > li{margin-top: 60px;float: left;width: 100%;list-style: none}
.jobwrap .col2 .joindetail > ul > li .icnwrap{float:left;width: 90px;height: 90px;background: #fff;border-radius: 50%;text-align: center;line-height: 90px;margin-left: -45px;margin-right: 12px;}
.jobwrap .col2 .joindetail > ul > li .jcnt{overflow: hidden;}
.jobwrap .col2 .joindetail > ul > li .jcnt h3{text-transform: uppercase;font-size: 34px;color:#505677;font-weight: 800;margin-bottom: 3px;margin-top: 16px;letter-spacing: 0.04em;}
.jobwrap .col2 .joindetail > ul > li .jcnt p{margin-bottom: 15px;}
.btn{font-size: 15px;color:#cf2027;text-transform: uppercase;font-weight: 500;border:1px solid #cf2027;letter-spacing: 0.06em;padding: 8px 13px}
.btn:hover{background: #cf2027;color:#fff;}
.jobwrap .col2 .joindetail{float:left;width: 720px;padding-bottom: 43px;}
.jobwrap .col2 .joindetail .btn{min-width: 140px;}
h3{text-transform: uppercase;font-size: 34px;color:#505677;font-weight: 800;margin-bottom: 15px;letter-spacing: 0.04em;margin-top: 0}
.abtleft{float:left;width: 50%}
.abtleft .abtcnt{float:right;width: 720px;padding: 53px 15px 40px 15px ;}
.abtleft .abtcnt h3{margin: 0px 0 23px}
.abtleft .abtcnt p{margin-bottom: 15px;}
.abtrgt{float:left;width: 50%;}
.abtrgt img{width:100%;}
.joinwrap{float:left;width: 100%;background-size:cover !important;padding: 85px 0 127px 0 }
.joinwrap ul.joinlist{margin-top:30px;}
.joinwrap ul.joinlist li{float:left;width: 20%;padding:0 15px;list-style: none;text-align: center}
.joinwrap ul.joinlist li .j_icon{width: 90px;height: 90px;display: table;line-height: 90px;border: 1px solid #fff;border-radius:50%;margin: 0 auto;margin-bottom: 15px;}
.joinwrap h2{font-size: 44px;color:#fff;text-transform: uppercase;font-weight: 800;letter-spacing: 0.04em;margin-bottom: 18px;}
.joinwrap p{line-height: 30px;font-style: italic;color:#fff;font-size: 20px;}
.joinwrap h4{color:#fff;font-size: 18px;font-weight: 500}
.joinwrap .joinbtn{float:left;width: 100%;text-align: center}
.joinwrap .joinbtn .learnmore {background: #cf2027; border-radius: 4px;color: #fff; display: inline-block; font-size: 20px; letter-spacing: 0.06em;  padding: 15px 31px; text-transform: uppercase;}
.joinwrap .joinbtn .learnmore:hover{background:#000000;}
.joinwrap .joinbtn {margin-top:33px;}
.securewrap{float:left;width: 100%;}
.securewrap .sec_cnt{float:left;width: 50%;padding: 67px 0 47px 0}
.securewrap .sec_cnt .subtxt p{font-weight: 300;line-height: 30px;color:#262626;font-size: 18px;font-style: normal;}
.securewrap .sec_cnt .subtxt{margin-top:30px;}
.securewrap .sec_cnt .subtxt h4{font-size: 30px;color:#cf2027;text-transform: uppercase;letter-spacing: 0.02em}
.securewrap .sec_cnt .subtxt .btn{padding:8px 21px;}
.footer{float:left;width:100%;background: #313131;padding: 54px 0;}
.footer .flogo{float:left;margin-top: 34px;}
.footer{float:left;width:100%;background:#313131;padding:46px 0;color:#fff;font-style:normal;}
.footer a{color:#fff;}
.footer .footermenu{float:right;margin-top:15px;}
.footer .footermenu ul li{float:left;margin-left:15px;list-style:none}
.footer .footermenu ul li:last-child{margin-right:0;}
.footer .footermenu ul li a{color:#fff;font-size:15px;text-transform:uppercase;font-weight:500;letter-spacing: 0.06em;}
.footer .footermenu ul li a:hover{color:#C1C1C1}
.footer .footermenu ul li.current_page_item a{color:#C1C1C1}
.footer .copyright{float:left;width:100%;text-align:right;font-size:15px;color:#fff;font-weight:500;margin-top:8px;text-transform: uppercase;letter-spacing: 0.06em;}
.footer .copyright a{color:#cd162a;}
.footer .copyright a:hover{color:#fff;}
.footer .social{float:left;width: 100%;text-align: right;margin-top: 10px;}
.footer .social a{color:#adadad;font-size: 23px;margin-left: 10px;}
.footer .social a:hover{color:#fff;}
#ui-datepicker-div { 
    z-index: 999999 !important;
}
/*innerpage*/
ul li, ol li ,ul , ol{ list-style: none;}
.header.inner_header{border-bottom: 1px solid #d6d6d6;}
.stj_job_wrap{float:left; width: 100%; padding: 30px 0 0; background: #f1f3f6;}
.stj_filter_inn{float:left;box-shadow: 0 4px 7px rgba(0, 0, 0, 0.14); width: 100%; background: #fff;}
.stj_filter_inn h2{float:left; padding: 16px 15px; width: 100%; margin: 0; color: #212121; font-size: 18px; font-weight: 600;}
.stj_filter_inn .stj_ctg h3 button {    width: 100%;    text-align: left;    background: transparent;    border: 0; position:relative; text-transform:uppercase;}
.stj_filter_inn .stj_ctg h3 button:focus {    border: 0;    outline: none;}
.stj_filter_inn .stj_ctg{float:left; padding: 26px 15px 16px; border-top: 1px solid #f0f0f0;width: 100%;}
.stj_filter_inn .stj_ctg h3{float:left; width: 100%; margin: 0 0 14px; color: #212121; font-size: 13px; font-weight: 500; text-transform: uppercase;}
.stj_filter_inn .stj_ctg ul{float:left; width: 100%; margin: 0; padding: 0;}
.stj_filter_inn .stj_ctg ul li{float:left; width: 100%; margin:0 0 11px; padding: 0;}
.stj_filter_inn .stj_ctg ul li label{float:left; margin: 0; width: 100%; position: relative;color: #878787; font-size: 13px; font-weight: normal;}
.stj_filter_inn .stj_ctg ul li label.chk_lb{ cursor: pointer;padding: 0 0 0 20px; background: url(../images/uncheck.png) no-repeat left 1px;}
.stj_filter_inn .stj_ctg ul li label.chk_lb .sj_chk{ position: absolute; left: 0; top: 0; opacity: 0;}
.stj_filter_inn .stj_ctg ul li label.chk_lb.checked{ background-image: url(../images/check.png);}
.stj_brc ul{float:left; margin: 0; padding: 0; width: 100%;}
.stj_brc ul li{float:left; width: 100%; margin: 0 0 20px;}
.stj_brc ul li a img{float:left; width: 100%;}
.stj_jb_inr{float:left; width: 100%; margin: 0 0 41px; background: #fff;}
.stj_jb_inr .tabs{float:left;margin: 0; padding: 0; width: 100%; background: #f1f3f6;}
.stj_jb_inr .tabs li{float:left; width: 20%;}
.stj_jb_inr .tabs li a{float:left; width: 100%; font-size: 18px; color: #878787; font-weight: normal; text-align: center; padding:16px 10px;}
.stj_jb_inr .tabs li.active a{ background: #fff;box-shadow: 0 4px 7px rgba(0, 0, 0, 0.14); color: #212121; font-weight: 600;}
.stj_jb_inr .tabs li a:hover{ background: #fff;box-shadow: 0 4px 7px rgba(0, 0, 0, 0.14); color: #212121; }
.stj_jb_inr .tab_container{float:left;margin: 0;box-shadow: 0 4px 7px rgba(0, 0, 0, 0.14); position: relative; z-index: 1; padding: 0; width: 100%; background: #fff;}
.stj_jb_inr .tab_container .tab_content{float:left;width: 100%;}
.stj_sort{float:left; width: 100%; padding:20px; border-bottom: 1px solid #e7e7e7;}
.stj_sort .sort_ul{float:left; width:auto; margin:7px 0 0; padding: 0;}
.stj_sort .sort_ul li{float:left; width:auto; margin: 0 16px 0 0; padding: 0;}
.stj_sort .sort_ul li label{float:left; width:auto; margin: 0; padding: 0; font-size: 13px; font-weight: normal; color:#878787;}
.stj_sort .sort_ul li a{float:left; width:auto; border-bottom: 2px solid transparent; margin: 0; padding: 0 0 5px; font-size: 13px; font-weight: normal; color:#262626;}
.stj_sort .sort_ul li a.active{color:#006cff; border-bottom: 2px solid #006cff;}
.stj_sort .sort_ul li a:hover{color:#006cff; border-bottom: 2px solid #006cff;}
.stj_sort .srch_dv{float: right; width: 100%; height: 35px; border: 1px solid #e7e7e7;}
.stj_sort .srch_dv .txt_srch{float:left; width: calc(100% - 41px); padding: 0 9px; background: transparent; border: none; color: #878787; font-size: 15px; font-weight: normal; font-style: italic; height: 100%;}
.stj_sort .srch_dv .btn_srch{float:right; margin-top:0px; width: 34px; border: none; text-indent: -9999px; display: inline-block;background: transparent url(../images/srch.png) no-repeat center center; height: 32px;}
.stj_job_list{ float: left ;width: 100%;}
.stj_job_list ul{ margin: 0; padding: 0; float: left ;width: 100%;}
.stj_job_list ul li{ float: left ;width: 100%; border-bottom: 1px solid #e7e7e7;padding: 30px 32px; position: relative;}
.stj_job_list ul li .stj_si{ position: absolute; left: 0; background: url(../images/side_bg.png) no-repeat center center;top: 0; width: 73px; height: 73px; text-align: center;}
.stj_job_list ul li .stj_si span{color: #cf2027;float: left;font-size: 13px;font-weight: bold;margin: 20px 0 0 -7px;text-transform: uppercase;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);
width: 100%;}
.stj_job_list ul li .stj_jl_img{float:left; border: 1px solid #e8e8e8; margin: 0 30px 0 0; width: 128px;}
.stj_job_list ul li .stj_jl_img img{float:left; width: 100%;}
.stj_job_list ul li .stj_jl_dtl{float:left; width: 350px;}
.stj_job_list ul li .stj_jl_dtl .stj_jd_cn{float:left; margin: 0 0 10px; width:100%;}
.stj_job_list ul li .stj_jl_dtl h2{float:left; width: 100%; margin:-5px 0 0; padding: 0; font-size: 24px; font-weight: 600; color: #484848;}
.stj_job_list ul li .stj_jl_dtl h5{float:left; width: 100%; margin: 0 0 13px; padding: 0; font-size: 14px; font-weight:500; color: #484848;}
.stj_job_list ul li .stj_jl_dtl .stj_jd_cn p{float: left; font-style: normal;width: 100%; margin: 0; color: #878787; line-height: 20px;font-size: 14px; font-weight: 500;}
.stj_job_list ul li .stj_jl_dtl .stj_jd_cn p span{ color: #51577a;}
.stj_job_list ul li .stj_jl_dtl .stj_jd_cn p span b{ font-weight: 500; color: #cf2027;}
.stj_job_list ul li .stj_jl_rgt{float: right; position: relative;width: 300px;}
.stj_job_list ul li .stj_jl_rgt .stj_rating{float:left; margin: 0 0 30px; width:100%;}
.stj_job_list ul li .stj_jl_rgt .stj_rating label{float:left; margin: 0 9px 0 0; color: #878787; line-height: 20px;font-size: 14px; font-weight: 500; }
.stj_job_list ul li .stj_jl_rgt .stj_rating .stj_star{float: left;line-height: normal;margin: -3px 2px 0 0;}
.stj_job_list ul li .stj_jl_rgt .stj_jd_cn{float:left; margin: 0 0 10px; width:100%;}
.stj_job_list ul li .stj_jl_rgt .stj_jd_cn p{float: left; font-style: normal;width: 100%; margin: 0; color: #878787; line-height: 20px;font-size: 14px; font-weight: 500;}
.stj_job_list ul li .stj_jl_rgt .stj_jd_cn p span{ color: #51577a;}
.stj_job_list ul li .stj_jl_rgt .a_pyb{float:left; padding: 9px 24px; letter-spacing: 1px; font-weight: 500; font-size: 15px; color: #fff; text-transform: uppercase; border-radius: 5px; background: #414c62;}
.stj_job_list ul li .stj_jl_rgt .a_pyb:hover{ background: #cf2027;}
.stj_job_list ul li .stj_jl_rgt .bid_start {    position: relative;    padding: 3px 15px;    top: 16px;    background: #efefef;    font-style: italic;    font-weight: 500;    font-size: 14px;    color: #878787;}
.stj_job_list ul li .stj_jl_rgt .bid_start span{color:#cf2027;}
.stj_loader{float:left; width: 100%; text-align: center; font-weight: bold; color: #d1d1d1; font-size: 40px;  letter-spacing: 2px; margin: 0 0 55px;}
.stj_abt_wrap{float:left; width: 100%; padding: 30px 0 54px; background: #f1f3f6 url(../images/abt-bg.jpg) no-repeat left top; background-size: 100% auto;}
.stj_about_inn h2,.stj_about_inn h1{float:left; width: 100%; margin: 0; background: #414c62; font-size: 22px; text-transform: uppercase; color: #fff; font-weight: 600; padding: 9px 18px;margin-bottom: 10px;}
.stj_abt_con{float:left; width: 100%; background: #fff;box-shadow: 0 4px 7px rgba(0, 0, 0, 0.14); padding: 23px 18px 21px;}
.stj_abt_con h3{float:left; width: 100%; margin:0 0 12px; text-transform: uppercase; font-size: 15px; font-weight: 900; color: #cf2027;}
.stj_abt_con p{float:left; width: 100%; margin:0 0 10px; font-style: normal; line-height: 22px; font-size: 15px; font-weight: 500; color: #51577a;}
.stj_abt_con .s_tm{float:left; width: 100%; margin:4px 0 10px; font-style: normal;  font-size: 20px; font-weight: 900; color: #cf2027;}
.stj_abt_con hr{float:left; margin: 0 0 11px; width: 100%; border: none; height: 1px; background: #e7e7e7;}
.stj_abt_con p a{color:#cf2027; text-decoration: underline; font-weight: 600;}
.stj_abt_con p a:hover{color:#51577a;}
.stj_cnt_wrap{float:left; width: 100%; padding:30px 0 104px; background: #f1f3f6 url(../images/contact-bg.jpg) no-repeat left top; background-size: 100% auto;}
.stj_cnt_inn h2,.stj_cnt_inn h1{float:left; width: 100%; margin: 0; background: #414c62; font-size: 25px; text-transform: uppercase; color: #fff; font-weight: 600; padding: 17px 18px;}
.stj_contact_dv{float:left; padding:24px 20px 32px; width: 100%;box-shadow: 0 0 7px rgba(0, 0, 0, 0.14); background: #fff;}
.stj_contact_dv .stj_cnt_form{float:left; width: 786px;}
.stj_contact_dv .stj_cnt_form ul{float:left; margin: 0; width: 100%;}
.stj_contact_dv .stj_cnt_form ul li{float:left; margin: 0 40px 18px 0; width: 373px;}
.stj_contact_dv .stj_cnt_form ul li.full_li{ margin-right: 0; width: 100%;}
.stj_contact_dv .stj_cnt_form ul li:nth-child(2n){ margin-right: 0;}
.stj_contact_dv .stj_cnt_form ul li label{float:left; width: 100%; margin: 0 0 7px; font-size: 14px; font-weight: 500; color: #878787;}
.stj_contact_dv .stj_cnt_form ul li label em{ color: #cf2027;}
.stj_contact_dv .stj_cnt_form ul li .txt_cnt{float:left; width: 100%; border: 1px solid #c5c5c5; font-size: 14px; color:#000; height: 35px; padding: 7px 10px;}
.stj_contact_dv .stj_cnt_form ul li .txtarea_cnt{float:left; width: 100%; border: 1px solid #c5c5c5; font-size: 14px; color:#000; height: 103px; resize: none;padding: 7px 10px;}
.stj_contact_dv .stj_cnt_form ul li .btn_cnt{float: right; background: #cf2027; border-radius: 3px; border: none; font-size: 15px; font-weight: 500; text-transform: uppercase; color: #fff; text-align:center; padding: 6px 75px; height: 40px; margin: 12px 0 0;}
.stj_contact_dv .stj_cnt_form ul li .btn_cnt:hover{ background: #000;}
.stj_contact_dv .stj_cnt_dtl{float: right; border-left:1px solid #e7e7e7; min-height: 264px; margin: 26px 0 0; width: 298px; padding: 0 0 0 46px;}
.stj_contact_dv .stj_cnt_dtl ul{float:left; width:100%; margin: 0;}
.stj_contact_dv .stj_cnt_dtl ul li{float:left;overflow-wrap: break-word; width:100%; margin: 0 0 7px; padding: 3px 0 3px 32px; font-size: 14px ;line-height: 22px; font-weight: 500; color: #51577a;}
.stj_contact_dv .stj_cnt_dtl ul li a{color: #51577a;}
.stj_contact_dv .stj_cnt_dtl ul li a:hover{color: #cf2027;}
.stj_contact_dv .stj_cnt_dtl ul li.add_l{ background: url(../images/add.png) no-repeat left 6px;}
.stj_contact_dv .stj_cnt_dtl ul li.mail_l{ background: url(../images/mail.png) no-repeat left 6px;}
.stj_contact_dv .stj_cnt_dtl ul li.phone_l{ background: url(../images/phone.png) no-repeat left 6px;}
.stj_contact_dv .stj_cnt_dtl ul li.mob_l{ background: url(../images/mobile.png) no-repeat left 6px;}
.stj_map{float:left; width: 100%;box-shadow: 0 4px 7px rgba(0, 0, 0, 0.14);}
.stj_map iframe{float:left; width: 100%; height: 434px;}
.stj_faq_dv{float:left; width: 100%;box-shadow: 0 4px 7px rgba(0, 0, 0, 0.14); background: #fff;}
.faq_srch{float:left; width: 100%; border-bottom: 1px solid #e7e7e7; background: #f2f2f2; padding: 15px 20px;}
.faq_srch .faq_srch_inn{float:left; width: 100%; border: 1px solid #bfbfbf; background: #fff;}
.faq_srch .faq_srch_inn .txt_faq{float:left; width: calc(100% - 64px); border: none; background: transparent; text-align: right; height: 43px; padding: 7px 10px; font-size: 15px; font-style: italic; color: #878787;}
.faq_srch .faq_srch_inn .btn_faq{float: right; width: 64px;height: 43px; border: none;background:transparent url(../images/search.png) no-repeat center center; text-indent: -9999px; display: inline-block;}
.faq_points{float:left; width: 100%; padding: 30px 24px 0;}
.faq_points .faq_accordian{float:left; width: 100%; }
.faq_points .faq_accordian .faq_accordian_inn{float:left; width: 100%; border: 1px solid #c9c9c9; margin: 0 0 30px; padding: 0 20px;}
.faq_points .faq_accordian .faq_accordian_inn .submenuheader{float:left; padding: 14px 30px 14px 0; width: 100%; background:url(../images/plus.png) no-repeat right center; font-size: 17px; color: #878787; font-weight: 600;}
.faq_points .faq_accordian .faq_accordian_inn .submenuheader.openHeader{ background-image:url(../images/minus.png) ; color: #cf2027;}
.faq_points .faq_accordian .faq_accordian_inn .submenu{float:left ;width: 100%; margin: 11px 0 0;}
.faq_points .faq_accordian .faq_accordian_inn .submenu p{float:left ;width: 100%; margin:0 0 9px; font-size: 14px; line-height: 22px; font-weight: 500; color:#51577a; font-style: normal;}
.faq_points .faq_accordian .faq_accordian_inn .submenu ul li {font-size: 14px;line-height: 22px;font-weight: 500;color: #51577a;font-style: normal;list-style: disc outside;margin-left: 15px;}
.stj_abt_wrap.stj_faq_wrap {  padding-bottom: 100px;}
.bp_wrap{float:left; width: 100%; padding:30px 0 74px; background:#f1f3f6 url(../images/abt-bg2.jpg) no-repeat left top; background-size: 100% auto;}
.bp_dv{float:left; width: 100%;box-shadow: 0 4px 7px rgba(0, 0, 0, 0.14); background: #fff;}
.bp_dv .bp_dv_bnr{float:left; padding: 20px 0 22px; width: 100%; background: url(../images/bus_bg.jpg) no-repeat center center; background-size: cover; text-align: center; position: relative;}
.bp_wrap .container { width:auto; max-width: 1172px;}
.bp_dv .bp_dv_bnr .a_logout{ position: absolute; right: 29px; top: 24px; /* background: url(../images/lgo.png) no-repeat left center; padding: 0 0 0 32px; */ font-weight: bold; font-size: 15px; color: #ffffff;}
.bp_dv .bp_dv_bnr .a_logout:hover{color:#cf2027 ;}
.bp_dv .bp_dv_bnr .bp_pf_img{display: inline-block; width: 150px; border-radius: 50%;}
.bp_dv .bp_dv_bnr .bp_pf_img img{display: inline-block; width: 100%;}
.bp_dv .bp_dv_bnr h2{float:left; width: 100%; text-shadow: 0 0 19px #000; text-transform: uppercase; font-size: 30px; font-weight: 600; color: #ffffff; margin:14px 0 0;}
.bp_dv_dtl{float:left; width: 100%;}
.bp_dv_dtl .bp_dv_lftdtl{float: left;width: 28.2%; padding:30px 30px;}
.bp_dv_dtl .bp_dv_lftdtl .bp_crd{border-radius: 3px; margin: 0 0 28px; overflow: hidden; float: left; width: 100%;}
.bp_dv_dtl .bp_dv_lftdtl .bp_crd .bp_crd_dtl {float:left; width: 100%;border-radius: 3px; background: #4d5170; color: #fff; text-align: center; font-weight: 500; font-size: 14px; text-transform: uppercase; line-height: normal; padding: 15px 10px 7px; position: relative; z-index: 1;}
.bp_dv_dtl .bp_dv_lftdtl .bp_crd .bp_crd_dtl span{float: left;font-size: 80px;line-height: 83px;width: 100%;margin: -2px 0 0;}
.bp_dv_dtl .bp_dv_lftdtl .bp_crd a.a_bmc{float:left; width: 100%; font-size: 16px; color: #cf2027; font-weight: 900; text-transform: uppercase; text-align: center; padding:17px 10px 12px; background: #f2f2f2; border-radius: 3px; border: 1px solid #e0e0e0; margin: -5px 0 0;}
.bp_dv_dtl .bp_dv_lftdtl .bp_crd a.a_bmc:hover{ background: #cf2027; color: #fff;}
body.individual-profile-class .bp_dv_dtl .bp_dv_lftdtl .bp_crd a.a_bmc{ color: #CF2027  }
body.business-profile-class .bp_dv_dtl .bp_dv_lftdtl .bp_crd a.a_bmc{ color: #4D5170 }
body.individual-profile-class .bp_dv_dtl .bp_dv_lftdtl .bp_crd a.a_bmc:hover{ color: #FFFFFF; background: #cf2027;  }
body.business-profile-class .bp_dv_dtl .bp_dv_lftdtl .bp_crd a.a_bmc:hover{ color: #FFFFFF; background: #4D5170; }

.bp_dv_dtl .bp_dv_lftdtl .bp_code{float:left;  width: 100%;}
.bp_dv_dtl .bp_dv_lftdtl .bp_code h3{float:left; width: 100%; margin:0 0 8px; font-weight: 900; text-transform: uppercase;font-size: 14px; color: #4d5170;}
.bp_dv_dtl .bp_dv_lftdtl .bp_code span{float:left; width: 100%; margin: 0 0 13px; font-weight: 300;text-transform: uppercase; text-align: center;font-size: 50px; color: #4d5170; background: #f2f2f2; border: 1px solid #e0e0e0; padding:4px 10px;}
.bp_dv_dtl .bp_dv_lftdtl .bp_code p{float:left; width: 100%; font-style: normal; margin: 0; font-size: 14px; line-height: 20px; font-weight: normal; color: #51577a;}
.bp_dv_dtl .bp_dv_rgtdtl{float: right; width: 71.8%; border-left:1px solid #d8d8d8;}
.bp_jobs_link{float:left; width: 100%;border-bottom: 1px solid #d8d8d8; background: #fff; margin: 0;}
.bp_jobs_link li{float: left; width: 16.66%;border-top: 1px solid #d8d8d8;border-right: 1px solid #d8d8d8; text-align: center;}
.bp_jobs_link li:nth-child(6n){border-right: 0px solid #d8d8d8;}
.bp_jobs_link li a{float: left; padding: 11px 10px; width: 100%; font-size: 14px; color: #000000; font-weight: normal;}
.bp_jobs_link li a:hover{ color: #cf2027 !important;}
.bp_jobs_link li a:hover span{ color: #cf2027;}
.bp_jobs_link li a span{float:left; width: 100%; margin: -7px 0 0; font-weight: bold; color: #4d5170; font-size: 24px;}
.bp_jobs_link li a.a_lk{ font-weight: bold; padding: 23.5px 10px; color: #4d5170; font-size: 15px;}
.bp_jobs_link li a.a_lk img{display: inline-block; vertical-align: middle; margin: -1px 10px 0 0;}
.bp_jobs_dtl{float:left; width: 100%; background: #f5f5f5; padding:29px 30px 18px;}
.bp_jobs_dtl .act_dtl{float:left; padding: 0 0 16px; margin: 0 0 25px; width: 100%; border-bottom: 1px solid #e7e7e7;}
.bp_jobs_dtl .act_dtl h3{float:left; width: 100%; padding: 0 0 0 28px;margin: 0 0 13px; font-size: 14px; color: #4d5170; font-weight: 900;}
.bp_jobs_dtl .act_dtl ul{float:left; width: 100%; margin: 0;}
.bp_jobs_dtl .act_dtl ul li{float:left; width: 100%; padding: 0 0 0 28px; margin: 0 0 10px; font-size: 14px; color: #000000; font-weight: normal;}
.bp_jobs_dtl .act_dtl ul li a{color:#006cff; font-size: 13px;}
.bp_jobs_dtl .act_dtl ul li a:hover{color:#cf2027;}
.bp_jobs_dtl .act_dtl ul li.add_dtl{ background: url(../images/add.png) no-repeat left 1px;}
.bp_jobs_dtl .act_dtl ul li.call_dtl{background: url(../images/phone.png) no-repeat left 1px;}
.bp_jobs_dtl .act_dtl ul li.user_dtl{background: url(../images/ic_4.png) no-repeat left 1px;}
.bp_jobs_dtl .act_dtl ul li.mail_dtl{background: url(../images/mail.png) no-repeat left 4px;}
.bp_jobs_dtl .act_dtl ul li.pass_dtl{background: url(../images/ic_5.png) no-repeat left 1px;}
.bp_jobs_dtl .cmp_dtl{float:left;border-bottom: 1px solid #e7e7e7; margin: 0 0 27px; width: 100%; padding: 0 0 30px 28px; background: url(../images/ic_6.png) no-repeat left -1px;}
.bp_jobs_dtl .cmp_dtl h3{float:left ;width: 100%; margin: 0 0 2px; text-transform: inherit; font-size: 14px; color: #878787; font-weight: normal;}
.bp_jobs_dtl .cmp_dtl p{float:left ;width: 100%; font-style: normal;margin: 0 0 13px; font-size: 14px; line-height: 20px; color: #000; font-weight: normal;}
.bp_jobs_dtl .cmp_dtl .cmp_map{float:left; width: 100%; border: 1px solid #e5e7ec;}
.bp_jobs_dtl .cmp_dtl .cmp_map iframe{float:left; width: 100%; height: 210px;}
.bp_jobs_dtl .bank_dtl{float:left; width: 100%; position: relative;background: url(../images/ic_7.png) no-repeat left 0px; padding: 0 0 0 28px;}
.bp_jobs_dtl .bank_dtl h3{float:left; width: 100%; font-size: 14px; color: #4d5170; font-weight: 900; margin: 0 0 13px;}
.bp_jobs_dtl .bank_dtl ul{float:left; margin: 0; width: 100%;}
.bp_jobs_dtl .bank_dtl ul li{float:left; margin: 0 0 10px; width: 100%; font-size: 14px; color: #878787; font-weight: normal;}
.bp_jobs_dtl .bank_dtl ul li span{color:#000000;}
.bp_jobs_dtl .bank_dtl .a_edb{ position: absolute; font-weight: 500; right: 20px; top: 10px; font-size: 13px; color: #006cff; }
.bp_jobs_dtl .bank_dtl .a_edb:hover{ color: #cf2027; }
.ip_wrap .bp_dv_dtl .bp_dv_lftdtl .bp_crd .bp_crd_dtl.business-profile-class {  background: #4d5170;}
.bp_dv_dtl .bp_dv_lftdtl .bp_crd .bp_crd_dtl.individual-profile-class{background-color: #cf2027;}
.ip_wrap .bp_dv_dtl .bp_dv_lftdtl .bp_code h3 {  color: #cf2027;}
.ip_wrap .bp_jobs_link li a span {  color: #cf2027;}
.ip_wrap .bp_jobs_link li a.a_lk {  color: #CF2027;}
.ip_wrap .bp_jobs_dtl .bank_dtl h3 {  color: #CF2027;}
.ip_wrap .bp_jobs_dtl .bank_dtl ul li p {  color: #000;  float: left;  font-size: 14px;  font-style: normal;  line-height: 20px;  margin: 1px 0 20px;  width: 100%;}
.ip_wrap .bp_jobs_dtl .bank_dtl ul li .srch_prf {  border: 1px solid #e7e7e7;  clear: right;  float: left; margin: 5px 0 0;  width: 240px;}
.ip_wrap .bp_jobs_dtl .bank_dtl ul li .srch_prf .txt_search {  background: transparent none repeat scroll 0 0;  border: medium none;  float: left;  font-size: 15px;  font-style: italic;  height: 33px;
  width: calc(100% - 34px);  padding: 0 10px;}
.ip_wrap .bp_jobs_dtl .bank_dtl ul li .srch_prf .btn_search {  float: right;  height: 33px;  width: 34px;  background: transparent url(../images/search.png) no-repeat center center;  border: none;
  text-indent: -999px;  display: inline-block; background-size: 14px auto;}
.ip_wrap .bp_jobs_dtl .bank_dtl ul li .cmp_map{float:left; margin: 3px 0 7px; width: 100%; border: 1px solid #e5e7ec;}
.ip_wrap .bp_jobs_dtl .bank_dtl ul li .cmp_map iframe{float:left; width: 100%; height: 210px;}
.ip_wrap .bp_jobs_dtl .bank_dtl.prsnl_dtl {  border-bottom: 1px solid #e7e7e7; background-image: url(../images/ic_6.png);  margin: 0 0 23px;  padding-bottom: 9px;}
.ip_wrap .bp_jobs_dtl .bank_dtl ul li a { color: #006cff;}
.ip_wrap .bp_jobs_dtl .bank_dtl ul li a:hover { color: #cf2027;}
.ip_wrap .ip_avail{float:left; margin: 0 0 28px; width: 100%;}
.ip_wrap .ip_avail h3{float:left; width: 100%; padding-bottom: 10px; margin: 0 0 -3px; font-size: 14px; text-transform: uppercase; font-weight: 900; color: #cf2027;}
.ip_wrap .ip_avail h3 a{float: right; font-weight: 500;  color: #006cff; font-size: 13px; text-transform: none;}
.ip_wrap .ip_avail h3 span{ color: #51577a; font-weight: normal; text-transform: none;}
.ip_wrap .ip_avail h3 a:hover { color: #cf2027;}
.ip_wrap .ip_avail p {float: left; width: 100%; margin: 0; font-style: normal;font-weight: normal;  color: #000; font-size: 14px; text-transform: none;}
.ip_wrap .bp_dv_dtl .bp_dv_lftdtl .bp_code { margin: 0 0 33px;}
.ip_wrap .ip_avail ul{float:left; width: 100%; margin:16px 0 0;}
.ip_wrap .ip_avail ul li{float:left; padding: 1px 0; width: 100%;margin: 0; color: #000000; font-size: 14px; font-weight: normal;}
.ip_wrap .ip_avail ul li:last-child{ border-bottom: none;}
.ip_wrap .ip_avail ul li span{float:right;}
.ip_profile{float:left; background: #f1f1f1; width: 100%;}
.ip_profile .ip_prf_lft{float:left; width: 28.2%;}
.ip_profile .ip_prf_lft img{float:left; width: 100%;}
.ip_profile .ip_prf_rgt{float:left; width: 71.8%;}
.ip_profile .ip_prf_rgt .ip_pr_hdr{float:left; position: relative; background: #cf2027; height: 90px; padding: 20px 30px 10px; width: 100%;}
.ip_profile .ip_prf_rgt .ip_pr_hdr h2{float:left; width: auto; margin: 0; font-size: 30px; color: #ffffff; font-weight: 600; text-transform: uppercase;}
.ip_profile .ip_prf_rgt .ip_pr_hdr h2 span {  font-size: 14px;  font-weight: normal;  margin: 1px 0 0;  float: left;  width: 100%;}
.ip_profile .ip_prf_rgt .ip_pr_hdr .a_lot {  /* background: rgba(0, 0, 0, 0) url("../images/lgo.png") no-repeat scroll left center; */  color: #ffffff;  font-size: 15px;  font-weight: bold;
  padding: 2px 0 2px 32px;  position: absolute;  right:30px;  top: 33px;}
.ip_profile .ip_prf_rgt .ip_pr_info{float:left; width: 100%; padding:25px 30px;}
.ip_profile .ip_prf_rgt .ip_pr_info ul{float:left; width: 100%; margin: 0;}
.ip_profile .ip_prf_rgt .ip_pr_info ul li{float:left; width: 100%; padding: 0 0 0 28px; margin: 0 0 10px; font-size: 14px; color: #000000; font-weight: normal;}
.ip_profile .ip_prf_rgt .ip_pr_info ul li a{color:#006cff; font-size: 13px;}
.ip_profile .ip_prf_rgt .ip_pr_info ul li a:hover{color:#cf2027;}
.ip_profile .ip_prf_rgt .ip_pr_info ul li.add_dtl{ background: url(../images/add.png) no-repeat left 1px;}
.ip_profile .ip_prf_rgt .ip_pr_info ul li.call_dtl{background: url(../images/phone.png) no-repeat left 1px;}
.ip_profile .ip_prf_rgt .ip_pr_info ul li.user_dtl{background: url(../images/ic_4.png) no-repeat left 1px;}
.ip_profile .ip_prf_rgt .ip_pr_info ul li.mail_dtl{background: url(../images/mail.png) no-repeat left 4px;}
.ip_profile .ip_prf_rgt .ip_pr_info ul li.pass_dtl{background: url(../images/ic_5.png) no-repeat left 1px;}
.bp_wrap.ip_wrap{ background-image: url(../images/ip_bg.jpg);padding-bottom: 44px;}
.stj_job_wrap.stj_course_wrap{ background:#F1F3F6 url(../images/abt-bg.jpg) no-repeat left top; background-size: 100% auto;}
.stj_crs_dv h2,.stj_crs_dv h1{float:left; width: 100%; margin: 0; font-size: 25px; color: #ffffff; font-weight: 600; text-transform: uppercase; background: #414c62; padding: 16px 20px;}
.stj_crs_dv .stj_sort {  background: #f2f2f2 none repeat scroll 0 0;}
.stj_crs_dv .stj_sort .srch_dv {  background: #fff none repeat scroll 0 0;}
.stj_crs_inn{float:left; width: 100%; margin: 0 0 32px; background: #fff;box-shadow: 0 4px 7px rgba(0, 0, 0, 0.14);}
.crs_list{float:left; width: 100%;}
.crs_list ul {float:left; width: 100%; margin: 0;}
.crs_list ul li{float:left; width: 100%; margin: 0; border-bottom: 1px solid #e7e7e7; padding: 30px 22px 30px 30px;}
.crs_list ul li .crs_list_lft{float: left; width: 180px; border: 1px solid #e8e8e8;}
.crs_list ul li .crs_list_lft img{float: left; width: 100%;}
.crs_list ul li .crs_list_rgt{float: right; width: 670px;}
.crs_list ul li .crs_list_rgt h3{float:left; letter-spacing: 0px; text-transform: none; width: 100%; margin: -4px 0 10px; font-size: 24px; font-weight: 600; color: #cf2027;}
.crs_list ul li .crs_list_rgt p {  color: #878787;  float: left;  font-size: 14px;  font-style: normal;  font-weight: 500;  line-height: 20px;  margin: 0;  width: 100%;}
.crs_list ul li .crs_list_rgt p span {  color: #51577a;}
.crs_list ul li .crs_list_rgt p span b {  color: #2679ff;  font-weight: 900;}
.crs_list ul li .crs_list_rgt .crs_lr_lft{float:left; width: 300px;}
.crs_list ul li .crs_list_rgt .crs_lr_rgt{float:right; margin: 5px 0 0; width: 189px;}
.crs_list ul li .crs_list_rgt .crs_lr_rgt a{float:left ;width: 100%; background: #ebebeb; text-align: center;font-weight: 500; color: #000000; font-size: 14px; text-transform: uppercase; border-radius: 3px; margin: 0 0 10px; padding: 11px 15px;}
.crs_list ul li .crs_list_rgt .crs_lr_rgt a.a_apply{ color: #fff; margin: 0; background: #414C62;}
.crs_list ul li .crs_list_rgt .crs_lr_rgt a:hover{ background:#cf2027 !important; color: #fff !important;}
.stj_crs_dv .stj_loader {  margin-bottom: 31px;}
.stj_course_wrap .stj_filter_inn .stj_ctg h3 { color: #cf2027;}

.stj_login_wrap{float:left; width: 100%; padding: 30px 0 184px; background:#f1f3f6 url(../images/ip_bg.jpg) no-repeat left top; background-size: 100% auto;}
.stj_login_wrap .container{ width:auto; max-width: 1172px;}
.stj_login_wrap .login_dv{float:left; width: 100%; padding: 40px 68px 66px; background: #fff;box-shadow: 0 4px 7px rgba(0, 0, 0, 0.14);}
.stj_login_wrap .login_dv .lg_dv_lft{float:left; padding-right: 67px; width: 50%; border-right:1px solid #cccccc;}
.stj_login_wrap .login_dv .lg_dv_lft h2{float:left; width: 100%; margin:-5px 0 17px; font-size: 30px; color: #cf2027; font-weight: 600; text-transform: uppercase;}
.stj_login_wrap .login_dv .lg_dv_lft ul{float:left;width: 100%; margin: 0;}
.stj_login_wrap .login_dv .lg_dv_lft ul li{float:left; width: 100%; margin:0 0 17px;}
.stj_login_wrap .login_dv .lg_dv_lft ul li label{float:left; width: 100%; margin:0 0 8px; font-size: 14px; font-weight: 500; color: #878787;}
.stj_login_wrap .login_dv .lg_dv_lft ul li label em{color:#cf2027;}
.stj_login_wrap .login_dv .lg_dv_lft ul li .txt_lg{float:left ;width: 100%; background: #fff; font-size: 14px; font-weight: 500; color: #000; padding: 3px 10px; height: 35px; border: 1px solid #c5c5c5;}
.stj_login_wrap .login_dv .lg_dv_lft ul li .a_fp{float:left; margin: 11px 0 0; font-size: 13px; color: #006cff; font-weight: normal;}
.stj_login_wrap .login_dv .lg_dv_lft ul li .a_fp:hover{ color: #cf2027; }
.stj_login_wrap .login_dv .lg_dv_lft ul li .btn_lg{float: right; border: none; border-radius: 3px; text-align: center; background: #cf2027; font-size: 15px; font-weight: 500; color: #ffffff; text-transform: uppercase; width: auto; padding: 0 48px; height: 40px;}
.stj_login_wrap .login_dv .lg_dv_lft ul li .btn_lg:hover{ background: #414C62;}
.stj_login_wrap .login_dv .lg_dv_lft .lg_social{float:left; padding: 20px 0 0; width: 100%;border-top: 1px solid #cccccc;}
.stj_login_wrap .login_dv .lg_dv_lft .lg_social .lg_fb{float:left; width: 100%;font-size: 15px; font-weight: 500; text-align: center; padding: 14px 10px; border-radius: 3px;color: #ffffff; text-transform: uppercase; background: #3b5998; margin: 0 0 10px;}
.stj_login_wrap .login_dv .lg_dv_lft .lg_social .lg_fb:hover{background: #414C62;}
.stj_login_wrap .login_dv .lg_dv_lft .lg_social .lg_fb img {  display: inline-block;  margin: -3px 16px 0 0;}
.stj_login_wrap .login_dv .lg_dv_lft .lg_social .lg_g{float:left; width: 100%;font-size: 15px; font-weight: 500; text-align: center; padding: 14px 10px; border-radius: 3px;color: #ffffff; text-transform: uppercase; background: #dd4b39; margin: 0 0;}
.stj_login_wrap .login_dv .lg_dv_lft .lg_social .lg_g:hover{background: #414C62;}
.stj_login_wrap .login_dv .lg_dv_lft .lg_social .lg_g img {  display: inline-block;  margin: -3px 16px 0 0;}
.stj_login_wrap .login_dv .lg_dv_rgt{float:left; padding-left: 67px; width: 50%; }
.stj_login_wrap .login_dv .lg_dv_rgt h2{float:left; width: 100%; margin:-5px 0 17px; font-size: 30px; color: #cf2027; font-weight: 600; text-transform: uppercase;}
.stj_login_wrap .login_dv .lg_dv_rgt ul{float:left; padding:0 0 0 24px; width: 100%; margin: 0;}
.stj_login_wrap .login_dv .lg_dv_rgt ul li{float:left; width: 100%; margin:0 0 17px;}
.stj_login_wrap .login_dv .lg_dv_rgt ul li label{float:left; width: 100%; margin:0 0 8px; font-size: 14px; font-weight: 500; color: #878787;}
.stj_login_wrap .login_dv .lg_dv_rgt ul li label em{color:#cf2027;}
.stj_login_wrap .login_dv .lg_dv_rgt ul li .txt_lg{float:left ;width: 100%; background: #fff; font-size: 14px; font-weight: 500; color: #000; padding: 3px 10px; height: 35px; border: 1px solid #c5c5c5;}
.stj_login_wrap .login_dv .lg_dv_rgt ul li .btn_lg{float: right; border: none; border-radius: 3px; text-align: center; background: #cf2027; font-size: 15px; font-weight: 500; color: #ffffff; text-transform: uppercase; width: auto; padding: 0 48px; height: 40px;}
.stj_login_wrap .login_dv .lg_dv_rgt ul li .btn_lg:hover{ background: #414C62;}
.stj_login_wrap .login_dv .lg_dv_rgt ul li .iaa{float:left; margin:12px 18px 0 0; font-size: 14px; color: #878787; font-weight: 500;}
.stj_login_wrap .login_dv .lg_dv_rgt ul li .rd_lb{float: left; cursor: pointer;margin: 0 40px 0 0; width: auto; background: url(../images/radio-uncheck.png) no-repeat left 3px; padding: 0 0 0 30px; position: relative; font-weight: 600; color: #878787; font-size: 20px;}
.stj_login_wrap .login_dv .lg_dv_rgt ul li .rd_lb.active{background-image: url(../images/radio-check.png);color: #cf2027;}
.stj_login_wrap .login_dv .lg_dv_rgt ul li .rd_lb .rd_chk{ position: absolute; left: 0; top: 0; opacity: 0;}
.stj_login_wrap .login_dv .lg_dv_rgt ul li .rd_lb:last-child{ margin-right: 0;}

.reg_dv{float:left; width: 100%; padding:0; background: #fff;box-shadow: 0 4px 7px rgba(0, 0, 0, 0.14);}
.reg_dv h2{float:left; width: 100%; margin: 0; background: #414c62; text-transform: uppercase; color: #fff; font-weight: 600; font-size: 25px; padding:16px 30px;}
body.individual-profile-class .reg_dv h2{float:left; width: 100%; margin: 0; background: #CF2027; text-transform: uppercase; color: #fff; font-weight: 600; font-size: 25px; padding:16px 30px;}
body.business-profile-class .reg_dv h2{float:left; width: 100%; margin: 0; background: #414c62; text-transform: uppercase; color: #fff; font-weight: 600; font-size: 25px; padding:16px 30px;}
.reg_dv .reg_cd{float:left; width: 100%; padding:26px 27px 40px;}
.reg_dv .reg_cd.reg_bd{ background: #f4f4f4;}
.reg_dv .reg_cd h3{float:left; text-transform: none;width: 100%; margin: 0 0 19px; font-weight: 600; font-size: 24px; color: #484848; padding: 0 33px; background: url(../images/ic_8.png) no-repeat left 2px;}
.reg_dv .reg_cd.reg_bd h3{background-images: url(../images/ic_9.png);}
.reg_dv .reg_cd .reg_ul{ float:left; width: 100%; padding: 0 33px;}
.reg_dv .reg_cd ul{float:left; padding:0; width: 100%; margin: 0;flex-wrap: wrap;display: flex;}
.reg_dv .reg_cd ul li{float:left; width: 50%; padding-right: 75px; min-height: 80px; border-right:1px solid #e7e7e7;margin:0 0;}
.reg_dv .reg_cd ul li:nth-child(2n){border-right: none;padding-left: 75px;padding-right: 0;}
.reg_dv .reg_cd ul li label{float:left; width: 100%; margin:0 0 8px; font-size: 14px; font-weight: 500; color: #878787;}
.reg_dv .reg_cd ul li label em{color:#cf2027;}
.reg_dv .reg_cd ul li .txt_lg{float:left ;width: 100%; background: #fff; font-size: 14px; font-weight: 500; color: #000; padding: 3px 10px; height: 35px; border: 1px solid #c5c5c5;}
.reg_dv .reg_cd ul li .btn_lg{float: right;margin: 23px 0 0; border: none; border-radius: 3px; text-align: center; background: #cf2027; font-size: 15px; font-weight: 500; color: #ffffff; text-transform: uppercase; width: auto; padding: 0 48px; height: 40px;}
.reg_dv .reg_cd ul li .btn_lg:hover{ background: #414C62;}
.reg_dv .reg_cd ul li.btn_li{ padding: 0; width: 100%; border: none; min-height: inherit;}
.stj_login_wrap.stj_reg_wrap{ padding: 30px 0 42px;}

/*..job detail...*/
.jobdetail {min-height:300px;background: #fff;}
.jobdetail ul.jobtab{background: #f1f3f6;float:left;width: 100%;margin-bottom: 13px;}
.jobdetail ul.jobtab li a{color:#afafaf;font-weight: 600;text-align: center;width: 100%;float: left;padding:19px 10px;position: relative}
.jobdetail ul.jobtab li {float:left;width: 50%;}
.jobdetail ul.jobtab li.active a{background: #313131;color:#fff}
.jobdetail ul.jobtab li.active a::after {width: 0px;	height: 0px;	border-top: 32px solid transparent;	border-bottom: 32px solid transparent;	border-left: 31px solid #313131;	content: "";	position: absolute;	right: 0;	top: -1px;	margin-right: -31px;}
.jobdetail ul.jobtab li:last-child.active a::after{display:none}
.jobdetail .jobleft{width: 50%;padding-left: 60px;padding-right: 75px;border-right:1px solid #e7e7e7;display: table-cell;}
.jobdetail .jobleft ul li label{float:left; width: 100%; margin:0 0 8px; font-size: 14px; font-weight: 500; color: #878787;}
.jobdetail .jobleft ul li label em{color:#cf2027;}
.jobdetail .jobleft ul li .txt_lg{float:left ;width: 100%; background: #fff; font-size: 14px; font-weight: 500; color: #000; padding: 3px 10px; height: 35px; border: 1px solid 
	#c5c5c5;}
.jobdetail .jobleft ul{margin-left: -3%}
.jobdetail .jobleft ul li {margin-bottom:17px;float:left;width: 47%;margin-left: 3%}
.jobdetail .jobleft ul li.full-width {    width: 100%;}
.jobdetail .jobleft .rdrow{float:left;margin-right: 50px;margin-top: 7px;}
.jobdetail .jobleft .rdrow input{position: absolute;opacity: 0}
.jobdetail .jobleft .rdrow [type="radio"]:not(:checked) + label::before, .jobdetail .jobleft .rdrow [type="radio"]:checked + label::before {
  background: rgba(0, 0, 0, 0) url("../images/radio_btn.png") no-repeat scroll 0 2px; content: ""; height: 19px; left: 0; position: absolute; top: -2px; width: 17px;}
.jobdetail .jobleft .rdrow [type="radio"]:not(:checked) + label::after,.jobdetail .jobleft .rdrow  [type="radio"]:checked + label::after{position: absolute; left: 0; top: -2px; width:17px; height:17px;	background: url(../images/radio_btn.png) no-repeat 0 -27px;	content: "";  transition: all 0.2s ease 0s;}
.jobdetail .jobleft .rdrow [type="radio"]:not(:checked) + label:after{opacity: 0;transform: scale(0);}
.jobdetail .jobleft .rdrow [type="radio"]:checked + label:after{opacity: 1;transform: scale(1);} 
.jobdetail select{float:left ;width: 100%; background:url(../images/selectdwn2.png) no-repeat right 10px center; font-size: 13px; font-weight: 400; color: #000; padding:3px 10px 3px 5px; height: 35px; border: 1px solid #c5c5c5;appearance:none;-webkit-appearance:none;-moz-appearance:none;}
.jobdetail .jobleft ul li textarea{float:left ;width: 100%; background: #fff; font-size: 14px; font-weight: 500; color: #000; padding: 5px 10px; height: 35px; border: 1px solid 
	#c5c5c5;resize: none;font-family: 'Fira Sans', sans-serif;height: 115px}
.file-upload{display:block;text-align:center;font-family: "Fira Sans";position:relative}
.file-upload .file-select {   display: block; border: 1px solid #c5c5c5;  color: #000; cursor: pointer;
    height: 35px;line-height: 22px;text-align: left;background: #FFFFFF;position: relative;margin-top: 29px;
    padding: 3px 0px;margin-bottom: 10px;}
.file-upload .file-select .file-select-button {
    background: #d1d1d1;
    padding: 0 30px;
    position: absolute;
    vertical-align: top;
    display: inline-block;
    height: 27px;
    line-height: 27px;
    float: right;
    font-size: 14px;
    color: #000000;
    margin-right: 3px;
    font-weight: 600;
    border: 1px solid #c5c5c5;
    border-radius: 2px;
    right: 0;
    top: 3px;
}
.jobdetail .jobleft ul li .file-upload .formErrorContent{margin-top:5px;}
.file-upload .file-select .file-select-name {color: #9f9f9f; display: inline-block; font-size: 14px; font-weight: 400; line-height: 27px; max-width: calc(100% - 155px); overflow-wrap: break-word; padding: 0 15px;}
.file-upload .file-select input[type=file]{z-index:100; cursor:pointer; position:absolute; height:100%; width:100%; top:0;left:0; opacity:0; filter:alpha(opacity=0);}
.nofile{font-size: 14px;color:#061c4c;float:left}
.form .addmore a{display:inline-block}
.jobdetail .jobleft .tk [type="checkbox"]:not(:checked) + label::before, .jobdetail .jobleft .tk [type="checkbox"]:checked + label::before {
  background: rgba(0, 0, 0, 0) url("../images/checkbox.png") no-repeat scroll 0 0px; content: ""; height: 22px; left: 0; position: absolute; top: 0px; width: 20px;background-size: 20px auto;}
.jobdetail .jobleft .tk [type="checkbox"]:not(:checked) + label::after,.jobdetail .jobleft .tk  [type="checkbox"]:checked + label::after{position: absolute; left: 0; top: -1px; width:20px; height:20px;	background: url(../images/checkbox.png) no-repeat 0 -27px;	content: "";  transition: all 0.2s ease 0s; background-size: 20px auto;}
.jobdetail .jobleft .tk [type="checkbox"]:not(:checked) + label:after{opacity: 0;transform: scale(0);}
.jobdetail .jobleft .tk [type="checkbox"]:checked + label:after{opacity: 1;transform: scale(1);} 
.jobdetail .jobleft .tk label{padding-left: 30px;position: relative;color:#000000;font-size:14px;font-weight: normal}
.jobdetail .jobleft .tk  [type="checkbox"]{position:absolute;left: 0;opacity: 0}
.jobdetail .jobleft .tk {float:left;width: 100%;position: relative}
.jobdetail .nextbtn{float:left;width: 100%;padding: 0px 60px 38px;}
.jobdetail .nextbtn .btn_lg{float: right;margin: 23px 0 0; border: none; border-radius: 3px; text-align: center; background: #cf2027; font-size: 15px; font-weight: 500; color: #ffffff; text-transform: uppercase; width: auto; padding: 0 48px; height: 40px;}
.jobdetail .nextbtn .btn_lg:hover{ background: #414C62;}

.selectbx .rw {float:left;width: 100%}
.selectbx .rw input{float: left}
.selectbx .rw label{width: auto !important;margin-left: 10px !important;float:left}
.selectbx {height:119px;overflow: auto;width: 100%;border:1px solid #c5c5c5;padding:5px 10px;}
.formErrorContent{font-size: 13px;font-weight: normal !important}
.jobdetail .jobleft ul.chosen-choices{margin-left:0;float: left;	width: 100%;	background: #fff;	font-size: 14px;	font-weight: 500;	color: #000;	padding: 3px 10px;	height: 35px;
	border: 1px solid #c5c5c5;overflow: auto}
.chosen-container-multi .chosen-choices li.search-field input[type="text"]{font-size: 14px !important;}
.jobdetail .jobleft ul.chosen-results li{width:100%;margin-left: 0;font-size: 13px;padding:7px 10px;margin-bottom: 0}
.jobdetail .jobleft ul.chosen-results{margin-left:0}
body .chosen-container-multi .chosen-choices li.search-choice{width:auto;background: #d1d1d1;border:none;padding:6px 55px 6px 11px;margin:0 10px 6px -5px;box-shadow: none}
body .chosen-container-multi .chosen-choices li.search-choice span{font-size: 14px;color:#878787;}
body .chosen-container-multi .chosen-choices li.search-choice .search-choice-close,body .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {background: url(../images/close.png) no-repeat 0 1px;height: 18px;width: 20px;}
.chosen-container-multi .chosen-choices li.search-field{width:1px;}
body .chosen-container .chosen-results li.highlighted {background-color: #313131;	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #313131), color-stop(90%, #313131));	background-image: linear-gradient(#313131 20%, #313131 90%);color: #fff;}
.danger{ color:red;}
.clear{clear:both;}
.rdk{position:inherit !important;}
/*....publish....*/
.jobdetail ul.jobtab li.active:last-child a::after {width: 0px;	height: 0px;	border-top: 32px solid transparent;	border-bottom: 32px solid transparent;	border-left: 31px solid #F1F3F6;	content: "";	position: absolute;	left: 0;	top: -1px;	margin-right: -31px;display: block}
.jobdetail .jobleft.publish{width: 50%;float: left;margin-bottom: 40px;}
.jobdetail .jobleft.publish ul li{width:97%}
.jobdetail .jobleft.publish ul li label{float:left;width: 150px;}
.jobdetail .jobleft.publish ul li .detail{overflow: hidden;font-size: 14px;font-weight: 500;color: #878787;}
.jobdetail .jobleft.publish .nextbtn{padding: 0}
.jobdetail .jobright{float: right;width: 50%;padding: 0 40px;}

/*.... End publish....*/

/*..new request ..*/
 
.newrequest ul li{float:left;width: 50%;border-bottom: 1px solid #e7e7e7;padding-left: 15px;padding-right: 15px;background: #fcfcfc;background: #fff;}
.newrequest ul li .rqstmain{background: #fcfcfc;border: 1px solid #e8e8e8;padding: 16px 20px;margin: 22px 0px;position: relative}
.newrequest ul li .leftimg{float:left;margin-right: 30px;background: #fff;border-radius:50%;overflow: hidden;border:1px solid #e8e8e8;}
.newrequest ul li .rgtcnt{overflow: hidden;padding-right: 35px;}
.newrequest ul li .rgtcnt h2{color:#484848;font-size:22px;font-weight: 600;margin-top: 0}
.newrequest ul li .rgtcnt p{color:#878787;line-height: 20px;font-weight: 500;font-size:14px;font-style: normal;margin-bottom: 6px;}
.newrequest ul li .rgtcnt .rat{margin-bottom:5px;}
.newrequest ul li .rgtcnt .viewrate{color:#51577a;font-size:14px;font-weight: 500}
.newrequest ul li .addwsh{position:absolute;right:20px;top:17px;}
.newrequest ul li .addwsh i{font-size:26px;color:#cf2027}
.newrequest ul li:nth-child(2n+1){padding-left:30px;}
.newrequest ul li:nth-child(2n){padding-right:30px;}
.newrequest ul li .addwsh i.like:before{content: "\f004";}

/*14-4-18*/
.stj_bid_wrap {  background: #fff none repeat scroll 0 0;  box-shadow: 0 4px 7px rgba(0, 0, 0, 0.14);  float: left; width: 100%; padding: 30px;}
.stj_bid_top{float:left; margin: 0 0 17px; width: 100%;}
.stj_bid_top .stj_bdt_rgt{float:right; width: 240px;}
.stj_bid_top .stj_bdt_rgt ul{float:left; width:100%; margin: 0 0 20px;}
.stj_bid_top .stj_bdt_rgt ul li{float:left; width:100%; color: #878787; font-size: 14px; font-weight: 500; line-height: 25px;}
.stj_bid_top .stj_bdt_rgt ul li span{ color: #51577a;}
.stj_bid_top .stj_bdt_rgt .stj_bdt_rgt_iframe{float:left; width: 100%; padding: 25px 0 0; border-top:1px solid #e7e7e7;}
.stj_bid_top .stj_bdt_rgt .stj_bdt_rgt_iframe iframe{float:left; width: 100%; height: 350px;}
.stj_bid_top .stj_bdt_lft{float:left; width:820px;}
.stj_bid_top .stj_bdt_lft .stj_bid_slider{float:left; width:540px;}
.stj_bid_top .stj_bdt_lft .stj_bid_slider .owl-carousel{float:left; width:100%; margin-bottom: 10px;}
.stj_bid_top .stj_bdt_lft .stj_bid_slider .owl-carousel .item{float:left; padding: 0 5px; width:100%;}
.stj_bid_top .stj_bdt_lft .stj_bid_slider .owl-carousel img{float:left; border: 1px solid #a0a0a0; width:100%;}
.stj_bid_top .stj_bdt_lft .stj_bid_side_con {float:right;width:250px;}
.stj_bid_top .stj_bdt_lft .stj_bid_side_con h2{float:left;width:100%; font-size: 24px; line-height: 20px; color: #484848; font-weight: 600; margin: 0 0 3px;}
.stj_bid_top .stj_bdt_lft .stj_bid_side_con h5{float:left;width:100%; font-size: 14px; line-height:20px; color: #484848; font-weight: 500; margin: 0 0 10px;}
.stj_bid_top .stj_bdt_lft .stj_bid_side_con .stj_bid_rating{float:left; margin: 0 0 23px; width: 100%;}
.stj_bid_top .stj_bdt_lft .stj_bid_side_con .stj_bid_rating label{float:left; width: auto; margin: 5px 10px 0 0; line-height: 20px; font-size: 14px; color: #878787; font-weight: 500;}
.stj_bid_top .stj_bdt_lft .stj_bid_side_con .stj_bid_rating ul{float:left; width: auto; margin:0;}
.stj_bid_top .stj_bdt_lft .stj_bid_side_con .stj_bid_rating ul li{float:left; width: auto; margin: 0 2px 0 0;}
.stj_bid_top .stj_bdt_lft .stj_bid_side_con hr{float:left; width: 100%; margin: 0 0 21px; height: 1px; background: #e7e7e7; border:none;}
.stj_bid_top .stj_bdt_lft .stj_bid_side_con h3{float:left; text-transform: none; width: 100%; margin: 0 0 5px; color: #484848; font-size: 20px; font-weight: 600;}
.stj_bid_top .stj_bdt_lft .stj_bid_side_con .price{float:left; width: 100%; font-size:50px; font-weight: 600; margin: 0 0 2px; color: #cf2027;}
.stj_bid_top .stj_bdt_lft .stj_bid_side_con .price_hrs{float:left; width: 100%; margin: 0 0 18px; font-size:14px; font-weight: 500; color: #51577a;}
.stj_bid_top .stj_bdt_lft .stj_bid_side_con .bid_btn{float:left; width: 100%;}
.stj_bid_top .stj_bdt_lft .stj_bid_side_con .bid_btn a{float:left; width: auto; border-radius: 3px; text-transform: uppercase; background: #414c62; font-size: 13px; color: #ffffff; font-weight: 500; padding:9px 15px;margin-right:6px;}
.stj_bid_top .stj_bdt_lft .stj_bid_side_con .bid_btn a:hover{ background: #cf2027 ;}
.stj_bid_top .stj_bid_descp{float:left; width: 100%; /*padding: 0 246px 0 0;*/ border-bottom: 1px solid #e7e7e7;}
.stj_bid_top .stj_bid_descp h2{float:left; width: 100%; margin: 0 0 11px; font-size: 20px; color: #484848; font-weight: 600;}
.stj_bid_top .stj_bid_descp p{float:left; width: 100%; margin: 0 0 18px; font-size: 14px; line-height: 20px; color: #000000; font-weight: normal;font-style: normal;}
.stj_bid_btm{float:left; width: 78%;}
.stj_bid_btm h2{float:left; width: 100%; margin:0 0 11px; font-size: 14px; font-weight: 900; color: #cf2027; text-transform: uppercase;}
.stj_bid_btm ul{float:left; margin:0 0 6px; width: 100%;}
.stj_bid_btm ul li{float:left; width: auto; margin: 0 32px 0 0; color: #878787; font-size: 14px; font-weight: 500; line-height: 25px;}
.stj_bid_btm ul li span{ color: #51577a;}
.bid_table{float:left; margin: 0 0 12px; width: 100%;}
.bid_table table{float:left; width: 100%;}
.bid_table table th{ background: #414c62; text-align: left; padding: 2px 23px; font-size: 14px; font-weight: 500; color: #ffffff;}
.bid_table table th.feed_po{ padding: 10px 23px; }
.bid_table table th span{float:left; clear: left; font-size: 11px; font-weight: normal;}
.bid_table table td{ background: #fff; border-bottom: 1px solid #e7e7e7;text-align: left; padding: 9px 23px; font-size: 14px; font-weight: 500; color: #000000;}
.bid_table table td:last-child{width:130px;}
.bid_table table th:last-child{width:130px;}
.bid_table table tr:hover td{ background: #efefef;}
.bid_table table td a{color: #414c62;}
.bid_table table td a:hover{color: #000000;}
.bid_table table td ul{float:left; width: auto; margin: 0;}
.bid_table table td ul li{float:left; width: auto; margin: 0 2px 0 0;}

.fancybox-skin {  padding: 0 !important;}
.bid_pop_wrap {  background: #fff none repeat scroll 0 0;  border: 1px solid #b3b3b3;  border-radius: 4px;  float: left;  width: 778px;}
.fancybox-skin {  background: #f9f9f9  !important;}
.bid_pop_wrap h2 {  background: #414c62 none repeat scroll 0 0;  border-radius: 4px 4px 0 0;  color: #fff;  float: left;  font-size: 24px;  font-weight: 600;  margin: 0 0 31px;  padding: 21px 36px;  width: 100%;}
.bpw_inner {  float: left;  padding: 0 155px;  width: 100%; margin: 0 0 21px;}
.bpw_inner h4 {  float: left;  text-align: center;  width: 100%;  font-size: 14px; margin: 0 0 18px;  line-height: 20px;  color: #000;  font-weight: normal;}
.bpw_inner ul {  float: left;  margin: 0;  width: 100%;}
.bpw_inner ul li{  float: left;  margin: 0 0 10px;  width: 100%;}
.bpw_inner ul li label {  color: #878787;  float: left;  font-size: 20px;  font-weight: 500;  margin: 0 0 9px;  width: 100%;}
.bpw_inner ul li label em {  font-style: normal;  color: #cf2027;}
.bpw_inner ul li .txt_pop {  background: transparent none repeat scroll 0 0;  border: 1px solid #c5c5c5;  color: #000;  float: left;  font-size: 16px;  font-weight: normal;  height: 35px;  padding: 5px 10px;  width: 50%;}
.bpw_inner ul li .sd_dtl {  color: #878787;  float: left;  font-size: 14px;  font-weight: 500;  padding: 8px 10px 0;  width: 50%;}
.bpw_inner ul li.algn_cntr {  text-align: center;}
.bpw_inner ul li.algn_cntr p {  color: #000000;  float: left;  font-size: 14px;  font-style: normal;  font-weight: normal; margin: 17px 0 19px;  line-height: 20px;  width: 100%;}
.bpw_inner ul li.algn_cntr p a {  font-weight: 600;  color: #cf2027;}
.bpw_inner ul li.algn_cntr p a:hover {  color: #414c62;}
.bpw_inner ul li .btn_pop {  background: #414c62 none repeat scroll 0 0;  border: medium none;  border-radius: 5px;  color: #fff;  display: inline-block;  font-size: 15px;  font-weight: 500;  height: 40px;  letter-spacing: 1px;  padding: 5px 18px;  text-transform: uppercase;}
.bpw_inner ul li .btn_pop:hover {	background: #cf2027 none repeat scroll 0 0;}
.fancybox-close {  right: 16px !important;  top: 19px !important;}

.stj_review_wrap .stj_filter_inn .stj_ctg h3 {  color: #cf2027;}
.stj_review_wrap .stj_job_list ul li .stj_jl_dtl h2 {  color: #cf2027;}
.stj_review_wrap .stj_job_list ul li .stj_jl_dtl h5 {  color: #878787;}
.stj_review_wrap .stj_job_list ul li .stj_jl_dtl .stj_jd_cn p span b {  color: #2679ff;}
.stj_review_wrap .stj_job_list ul li .stj_jl_img {  width: 178px;}
.stj_review_wrap .stj_job_list ul li .stj_jl_rgt .a_pyb {  float: right;  padding: 9px 42px;}
.stj_review_wrap .stj_job_list ul li .stj_jl_rgt .stj_rating label {  width: 160px; color: #484848; font-weight: 600; margin: 2px 9px 0 0; letter-spacing: 1px;}
.stj_review_wrap .stj_job_list ul li .stj_jl_rgt {  width: 326px;}
.stj_review_wrap .stj_job_list ul li .stj_jl_dtl {  width: 320px;}
.stj_review_wrap .stj_job_list ul li .stj_jl_rgt .stj_rating {  margin: 0 0 20px;}

.stj_abt_wrap.stj_rev_fb{ background-image: url(../images/ip_bg.jpg);}
.stj_rev_fb .stj_bid_top .stj_bid_descp {  padding: 0;}
.feed_wrap{float:left; width: 100%; margin: 25px 0 0;}
.feed_wrap h4{float:left; width: 100%; margin: 0 0 6px; text-transform: uppercase; font-size: 14px; font-weight: 900; color: #cf2027;}
.feed_wrap h6{float:left; width: 100%; padding: 0 0 8px; margin: 0;font-size: 13px; border-bottom: 1px solid #e7e7e7 ;font-weight: 600; color: #787878;}
.feed_star{float:left; width: 100%; padding: 7px 0; border-bottom: 1px solid #e7e7e7;}
.feed_star label{float:left;  margin: 0; line-height: 20px; font-size: 14px; font-weight: 500; color: #787878; width: 110px;}
.feed_star .feed_star_rt{ float:right;}
.feed_star .feed_star_rt img{ float:left; width: 22px; margin-right: 3px;}
.stj_final_amt{float:left; width: 100%; padding: 18px 0; border-top: 1px solid #e7e7e7;}
.stj_final_amt h3{float:left; width: 100%; text-transform: none; font-size: 20px; font-weight: 600; color: #484848; margin:0 0 3px;}
.stj_final_amt span{float:left; width: 100%; font-size: 24px; color: #cf2027; font-weight: 600;}
.clear{clear:both;}
.stj_bid_btm.stj_bid_btm_full {  width: 100%;}
.stj_bid_btm.stj_bid_btm_full .bid_table {  border-right: 1px solid #e7e7e7;  padding-right: 2%;   width: 50%;}
.bid_table table td ul {  width: 83px;}
.stj_bid_btm.stj_bid_btm_full .bid_table table td {  padding: 9px 12px;}
.stj_bid_btm.stj_bid_btm_full .bid_table table th {  padding: 9px 12px;}
.stj_rev_fb .stj_bid_btm {  border-bottom: 1px solid #e7e7e7;  margin: 0 0 24px;}
.stj_rev_fb .bid_table {  margin: 0 0 26px;}
.feed_cmnt{float: left;padding-left: 2%; width: 50%;}
.feed_cmnt textarea{float: left; width: 100%; margin: 0 0 26px; height: 120px; padding: 6px 16px;  font-weight: 500; color: #878787; font-size: 14px; border: 1px solid #c9c9c9; resize: none;}
.feed_cmnt .btn_cmnt {  background: #414c62 none repeat scroll 0 0;  border: medium none;  border-radius: 5px;  color: #fff;  display: inline-block;  font-size: 15px;  font-weight: 500;  height: 40px;  letter-spacing: 1px;  padding: 5px 50px;  text-transform: uppercase; float: right;}
.feed_cmnt .btn_cmnt:hover {	background: #cf2027 none repeat scroll 0 0;}
.stj_chat_wrap{float:left; width: 100%;}
.stj_chat_wrap h2 {  color: #cf2027;  float: left;  font-size: 14px;  font-weight: 900;  margin: 0 0 25px;  text-transform: uppercase;  width: 100%;}
.chat_dv{float:left; width: 100%; background: #fbfbfb; border: 1px solid #c5c5c5; padding: 27px 0 ;}
.chat_dv .chat_rcv{float:left; width: 100%; margin: 0 0 19px;  padding: 0 87px; position: relative;}
.chat_dv .chat_rcv .cht_img{float:left; width: 40px; border-radius: 50%; border: 1px solid #d7d7d7; overflow: hidden; height: 40px; transform: translate(0,-50%);-webkit-transform: translate(0,-50%); left: 19px; top: calc(50% - 13px); position: absolute;}
.chat_dv .chat_rcv .cht_msg{float:left; width: 100%; position: relative; padding: 15px 13px; background: #f0f0f0; border: 1px solid #c5c5c5; border-radius: 3px; font-size: 13px; line-height: 20px; color: #6a6a6a; font-weight: normal; margin: 0 0 7px;}
.chat_dv .chat_rcv .cht_msg::before{position: absolute; left: -15px; top: 50%;transform: translate(0,-50%);-webkit-transform: translate(0,-50%); content: ""; background:url(../images/lft-arr.jpg) no-repeat center center; width: 15px; height: 20px;}
.chat_dv .chat_rcv .cht_time{float: right; font-size: 13px; min-height: 18px; color: #c5c5c5; margin-left: 7px;}
.chat_dv .chat_rcv.chat_rcv_type .cht_img{ top: 50%;}
.chat_dv .chat_rcv.chat_rcv_type .cht_msg {  color: #c5c5c5;  font-size: 25px;  height: 32px;  line-height: 17px;  padding: 0 13px;  width: 70px;}
.chat_dv .chat_send{float:left; width: 100%;  padding: 0 87px;margin: 0 0 19px; position: relative;}
.chat_dv .chat_send .cht_img{float:left; width: 40px; border-radius: 50%; border: 1px solid #d7d7d7; overflow: hidden; height: 40px; transform: translate(0,-50%);-webkit-transform: translate(0,-50%); right: 19px; top: calc(50% - 13px); position: absolute;}
.chat_dv .chat_send .cht_msg{float:left; width: 100%; position: relative; padding: 15px 13px; background: #fffdfa; border: 1px solid #c5c5c5; border-radius: 3px; font-size: 13px; line-height: 20px; color: #6a6a6a; font-weight: normal;margin: 0 0 7px;}
.chat_dv .chat_send .cht_msg::before{position: absolute; right: -15px; top: 50%;transform: translate(0,-50%);-webkit-transform: translate(0,-50%); content: ""; background:url(../images/rgt-arr.jpg) no-repeat center center; width: 15px; height: 20px;}
.chat_dv .chat_send .cht_time{margin-left: 7px; font-size: 13px;min-height: 18px; color: #c5c5c5;}
.chat_area{float:left; width: 100%;padding: 0 87px;}
.chat_area .btn_chat{float:right; width: 45px; height: 45px; text-indent: -9999px; background: #414c62 url(../images/arrow.png) no-repeat center center; border: none; border-radius: 50%;}
.chat_area .btn_chat:hover{ background-color:#cf2027; }
.chat_area textarea{float:left; resize:none; background: #fff; width: calc(100% - 73px); border: 1px solid #d7d7d7; height: 45px; padding: 12px 22px; font-size: 13px; color: #666; font-weight: normal;}

.jb_status{float:left; width: 100%;}
.jb_status h4 {  color: #cf2027;  float: left;  font-size: 14px;  font-weight: 900;  margin:0 0 27px;  text-transform: uppercase;  width: 100%;}
.jb_status select{float:left; width: 100%;margin: 0 0 30px; background: #fff url(../images/arrow2.png) no-repeat right center; font-size: 14px; color: #878787; font-weight: 500; -moz-appearance:none;-webkit-appearance:none; border: 1px solid #c5c5c5; padding: 0 30px 0 12px; height: 37px;}
.jb_status .btn_st {  background: #414c62 none repeat scroll 0 0;  border: medium none;  border-radius: 5px;  color: #fff;  display: inline-block;  font-size: 15px;  font-weight: 500;  height: 40px;  letter-spacing: 1px;  padding: 5px 50px;  text-transform: uppercase;  float: left;}
.jb_status .btn_st:hover {	background: #cf2027 none repeat scroll 0 0;}
.stj_bdt_rgt_iframe h4{color: #cf2027;  float: left;  font-size: 14px;  font-weight: 900;  margin:0 0 2px;  text-transform: uppercase;  width: 100%;}
.stj_bdt_rgt_iframe p{float:left;margin: 0 0 12px; width: 100%; font-style: normal; font-size: 13px; line-height: 20px; font-weight: normal; color: #414c62;}
.gd_br{float:left; width: 100%;background:#4d5170; height: 40px;}
.gd_br.individual-profile-class{background-color:#cf2027}
.gd_profile{float:left; width: 100%; background: #f2f2f2; height: 80px; }
.gd_profile .gd_prf_img{float:left; width: 210px; text-align: center;}
.gd_profile .gd_prf_img span{ display: inline-block; margin: -20px 0 0; width: 120px; height: 120px; overflow: hidden;}
.gd_profile .gd_prf_img span img{float:left; width: 100%;}
.gd_profile .gd_prf_con{float:right; padding: 0 30px; width: 960px;}
.gd_profile .gd_prf_con h2{float:left; font-size: 25px; margin:18px 0 0px; color: #cf2027; font-weight: 600; text-transform: uppercase;}
.gd_profile .gd_prf_con p{float:left;font-style: normal; clear: left;font-size: 14px; font-weight: normal; color: #95a0b8; text-transform: uppercase;}
.gd_profile .gd_prf_con .sia_lg{float: right; margin: 13px 0 0; width: 65px;}
.ip_wrap.gd_wrap .bp_dv_dtl .bp_dv_lftdtl .bp_crd .bp_crd_dtl .individual-profile-class {  background: #cf2027;}
.gd_wrap .bp_dv_dtl .bp_dv_lftdtl {  border-left: 1px solid #e7e7e7; padding: 0 30px; float: right; width: 330px;}
.gd_rate{float:left;width: 210px; margin: -10px 0 0; padding: 0 20px;}
.gd_rate ul{float:left; width: 100%; margin: 0;}
.gd_rate ul li{float:left; text-align: center; padding: 9px 10px; border-bottom: 1px solid #d6d6d6;font-size: 14px; color: #878787; font-weight: normal;width: 100%; margin: 0;}
.gd_rate ul li img{ display: inline-block; width: 14px;}
.gd_rate ul li i{color:#cf2027; font-size: 24px;}
.gd_full_dtl{float:left; padding: 0 30px; width: 630px;}
.gd_full_dtl h3{float:left; width: 100%; text-transform: uppercase; margin: 0 0 12px; font-size: 14px; font-weight: 900; color: #cf2027;}
.gd_full_dtl ul{float:left ;width: 100%; margin: 0 0 12px;}
.gd_full_dtl ul li{float:left ;width: 100%; margin: 0 0 10px; font-size: 14px; color: #000000; line-height: 20px;}
.gd_full_dtl ul li label{float:left; margin: 0 5px 0 0; color: #878787; font-weight: normal;}
.gd_full_dtl ul li a{ color: #006cff;}
.gd_full_dtl ul li a:hover{ color: #CF2027;}
.gd_full_dtl .gd_vd{float:left;}
.gd_full_dtl .gd_vd a{float:left; margin:0 8px 8px 0;}
.gd_pop {  float: left;  width: 700px;}
.gd_pop iframe {  float: left;  height: 500px;  width: 100%;}
 .gd_fd_btm {float:left;margin:0;width: 100%; padding: 27px 0 0; border-top:1px solid #e7e7e7;}
 .gd_fd_btm .radio{float:left;margin:0 0 15px;width: 100%;}
 .gd_fd_btm .rdrow{float:left;margin-right: 15px;margin-top: 0; width: auto;}
 .gd_fd_btm .rdrow input{position: absolute;opacity: 0}
 .gd_fd_btm .rdrow label{font-size: 14px; color: #878787; font-weight: normal;}
 .gd_fd_btm .rdrow [type="radio"]:not(:checked) + label::before,  .gd_fd_btm .rdrow [type="radio"]:checked + label::before {
  background: rgba(0, 0, 0, 0) url("../images/radio_btn.png") no-repeat scroll 0 2px; content: ""; height: 19px; left: 0; position: absolute; top: -2px; width: 17px;}
 .gd_fd_btm .rdrow [type="radio"]:not(:checked) + label::after, .gd_fd_btm .rdrow  [type="radio"]:checked + label::after{position: absolute; left: 0; top: -2px; width:17px; height:17px;	background: url(../images/radio_btn.png) no-repeat 0 -27px;	content: "";  transition: all 0.2s ease 0s;}
 .gd_fd_btm .rdrow [type="radio"]:not(:checked) + label:after{opacity: 0;transform: scale(0);}
 .gd_fd_btm .rdrow [type="radio"]:checked + label:after{opacity: 1;transform: scale(1);} 
.gd_fd_btm h4{float:left; width: 100%; text-transform: uppercase; margin: 0 0 15px; font-size: 14px; font-weight: 900; color: #cf2027;}
.gd_fd_btm h5{float:left; width: 100%; margin: 0 0 13px; font-size: 14px; color: #878787; font-weight: normal;}
.gd_fd_btm select{float:left; width: 100%;margin: 0 0 30px; background: #fff url(../images/arrow2.png) no-repeat right center; font-size: 14px; color: #878787; font-weight: normal; -moz-appearance:none;-webkit-appearance:none; border: 1px solid #c5c5c5; padding: 0 30px 0 12px; height: 37px;}
.gd_fd_btm .btn_gd {  background: #CF2027;  border: medium none;  border-radius: 5px;  color: #fff;  display: inline-block;  float: right;  font-size: 15px;  font-weight: 500;  height: 40px;  letter-spacing: 1px;  padding: 5px 50px;  text-transform: uppercase;}
.gd_fd_btm .btn_gd:hover {  background: #414c62;  }
.gd_wrap .bp_dv_dtl {  padding: 42px 0 45px;}
.bp_wrap.ip_wrap.gd_wrap {  background-image: none;}

.jobdetail .jobright table{float:left; width: 100%; border-left:  1px solid #414c62;border-top:  1px solid #414c62;}
.jobdetail .jobright table td:first-child{ border-right: 1px solid #414c62;border-bottom: 1px solid #fff;width: 70%;background: #414c62 none repeat scroll 0 0;color: #ffffff;font-size: 14px;font-weight: 500;padding: 5px 15px;text-align: left;}
.jobdetail .jobright table td:last-child{ border-right: 1px solid #414c62;border-bottom: 1px solid #414c62; width: 70%;background: #fff none repeat scroll 0 0;color: #414c62;font-size: 14px;font-weight: 500;padding: 5px 15px;text-align: left;}
.jobdetail .jobright table tr:last-child td:first-child{border-bottom: 1px solid #414c62;}
.stj_payment{float:left; margin: 20px 0 0; width: 100%;}
.stj_payment p{float:left; width: 100%; margin: 0 0 13px; font-size: 14px; color: #878787; font-weight: normal;}
.stj_payment p a{ color: #006cff;}
.stj_payment p a:hover{ color: #CF2027;}
.stj_payment ul{float:left; margin: 0; width: 100%;}
.stj_payment ul li{float:left; margin: 0 0 15px; width: 100%;}
.stj_payment ul li .txt_pymnt { float: left;background: #fff none repeat scroll 0 0;  border: 1px solid #c5c5c5;  color: #000;  float: left;  font-size: 14px;  font-weight: 500;  height: 45px;  padding: 3px 10px;  width: 60%;}
.stj_payment ul li .btn_pymnt {float: left;  background: #cf2027 none repeat scroll 0 0;height: 45px;  border: medium none;  border-radius: 3px;  color: #ffffff;  float: right;  font-size: 15px;  font-weight: 500;   margin: 0 0;  padding: 0 10px;  text-align: center;  text-transform: uppercase;  width: 38%;}
.stj_payment ul li .btn_pymnt:hover {  background: #414c62;  }
.stj_payment ul li label {  color: #878787;  float: left;  font-size: 14px;  font-weight: 500;  margin: 0 0 8px;  width: 100%;}
.stj_payment ul li .price_pymnt {  color: #000000;  font-size: 24px;  font-weight: normal;  padding-left: 0;  position: relative; float:left; width: 100%;}
.stj_payment ul li .price_pymnt a{ color: #006cff;}
.stj_payment ul li .price_pymnt a:hover{ color: #CF2027;}
.stj_payment ul li.btn_li .btn_pymnt{ width: 48%; margin: 0 1%; float: left;}


/*translator*/
.header .selectdrpdwn #google_translate_element{font-size:15px;color:#000;background: url(../images/selectdwn.png) no-repeat right center;appearance:none;-webkit-appearance:none;-moz-appearance:none;border:none;padding-right: 17px;letter-spacing: 0.06em}
.header .selectdrpdwn .goog-te-gadget-simple{border:none;}
.header .selectdrpdwn .goog-te-menu-value img{display:none;}
.header .selectdrpdwn .goog-te-gadget-icon{display:none;}
.header .selectdrpdwn .goog-te-menu-value span:first-child{display:inline-block;}
.header .selectdrpdwn .goog-te-menu-value span{display:none;}
.header .selectdrpdwn {padding:27px 24px;display: inline-block;vertical-align: top;float: none;}


.bp_jobs_dtl .bank_dtl ul li .form-control {
  margin-top: 10px;
}
.ip_wrap .bp_jobs_dtl .bank_dtl ul li p.chk_rd{ margin-top: 10px;margin-bottom:0px;}

.ip_wrap .ip_avail ul li .txt_lg {
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  color: #555;
  display: block;
  font-size: 10px;
  line-height: 1.42857;
  padding: 3px 12px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  width: auto; float: right; margin: 0 0 0 6px;
}

.from_availability, .to_availability{
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  color: #555;
  display: block;
  font-size: 14px;
  line-height: 1.42857;
  padding: 3px 3px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  width: 25%; 
  float: left; 
  margin: 10px 2px 0 0;
}

  .start_day_availability, .end_day_availability{
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  color: #555;
  display: block;
  font-size: 14px;
  line-height: 1.42857;
  padding: 3px 3px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  width: 40%; 
  float: left; 
  margin: 10px 2px 0 0;
}

.bp_jobs_dtl .bank_dtl ul li .txt_lg{background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  color: #555;
  display: block;
  font-size: 14px;
  line-height: 1.42857;
  padding: 3px 12px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  width:auto; float: none; margin: 10px 0 0 0;}
.ip_profile .ip_prf_rgt .ip_pr_info ul li .txt_lg, .bp_jobs_dtl .act_dtl ul li .txt_lg {
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  color: #555;
  display: inline-block;
  float: none;
  font-size: 12px;
  line-height: 1.42857;
  margin: 0 5px;
  padding: 3px 12px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  width: 181px;
}
.stj_jb_inr .tabs.tabs_anj li {
  width: 16.66%;
}
.stj_jb_inr .tabs.tabs_anj li a {
  font-size: 14px;
  padding: 16px 6px;
}
.formError {
	float:left;
	width:100%;
	clear:both;
}

.stj_jb_inr .tabs.tabs_anj li.anj_li a{ background: #51577A; color: #fff;}
.stj_jb_inr .tabs.tabs_anj li.anj_li a:hover{ background: #CF2027; }
.jobdetail .jobleft ul li {
  margin-bottom: 27px;
}


/*20-4-2018 CSS*/
.joinwrap .joinlist li:nth-child(2) img, .joinwrap .joinlist li:nth-child(3) img, .joinwrap .joinlist li:nth-child(4) img{width:48px;}
.joinwrap .joinlist li:nth-child(5) img{width:42px;}
.joinwrap .joinlist li:first-child img{width:35px;}
.joindetail li .icnwrap img{width:48px;}
.joindetail li:nth-child(2) .icnwrap img{width:37px;}


.jobdetail .jobleft .tk2 [type="checkbox"]:not(:checked) + label::before, .jobdetail .jobleft .tk2 [type="checkbox"]:checked + label::before {
  background: rgba(0, 0, 0, 0) url("../images/uncheck.png") no-repeat scroll 0 2px; content: ""; height: 22px; left: 0; position: absolute; top: 0px; width: 20px;}
.jobdetail .jobleft .tk2 [type="checkbox"]:not(:checked) + label::after,.jobdetail .jobleft .tk2  [type="checkbox"]:checked + label::after{position: absolute; left: 0; top: 2px; width:17px; height:17px;	background: url(../images/check.png) no-repeat 0 0px;	content: "";  transition: all 0.2s ease 0s;}
.jobdetail .jobleft .tk2 [type="checkbox"]:not(:checked) + label:after{opacity: 0;transform: scale(0);}
.jobdetail .jobleft .tk2 [type="checkbox"]:checked + label:after{opacity: 1;transform: scale(1);} 
.jobdetail .jobleft .tk2 label{padding-left: 22px;position: relative;color:#000000;font-size:14px;font-weight: normal}
.jobdetail .jobleft .tk2  [type="checkbox"]{position:absolute;left: -6666px;opacity: 0}
.jobdetail .jobleft .tk2 {float:left;width: 100%;position: relative}


/*23-4*/
.header .loginlik a {  padding: 29px 31px;}
.stj_bid_top .stj_bdt_lft .stj_bid_side_con .bid_btn.bid_btn_ed {  margin: 0 0 10px;}
.stj_bid_top .stj_bdt_lft .stj_bid_side_con .bid_btn.bid_btn_ed a {  margin: 0 10px 0 0;  padding: 9px 14px;  text-align: center;  width: calc(50% - 10px);}

/*2-5-18*/
.stj_pb_edit{float:left; width: 100%; padding: 0 30px;}
.stj_photo_up{float:left; margin: 10px 0 30px; width: 100%;}
.stj_photo_up .file-upload {  float: left;  width: 100px;  height: 100px;  border-radius: 50%;  border: 1px solid #414C62;  background: #414C62; overflow: hidden;}
.stj_photo_up .file-upload .file-select{  float: left; margin: 0; border: none;padding: 0;  width: 100px;  height: 100px;}
.stj_photo_up .file-upload .file-select .file-select-name {  display: none;}
.stj_photo_up .file-upload .file-select .file-select-button {  float: left; border: none;  font-size: 16px; background: #414C62; color: #fff;  height: 100px;  line-height: normal;  margin: 0;  padding: 28px 0 0;  text-align: center;  width: 100px;}
body.individual-profile-class .stj_photo_up .file-upload .file-select .file-select-button {  float: left; border: none;  font-size: 16px; background: #CF2027; color: #fff;  height: 100px;  line-height: normal;  margin: 0;  padding: 20px 0 0;  text-align: center;  width: 100px;}
body.business-profile-class .stj_photo_up .file-upload .file-select .file-select-button {  float: left; border: none;  font-size: 16px; background: #414C62; color: #fff;  height: 100px;  line-height: normal;  margin: 0;  padding: 23px 0 0;  text-align: center;  width: 100px;}
.stj_pb_frm{float:left; width: 100%;}
.stj_pb_frm ul{float:left; width: 100%; margin: 0; padding: 0;}
.stj_pb_frm ul li{float:left; width: 50%; margin: 0 0 20px; padding: 0 20px;}
.stj_pb_frm ul li.clr_lft.full-width {
    width: 100%;
    overflow: hidden;
}

.stj_pb_frm ul li.clr_lft.full-width .profile_edit_sia_badeg {
    width: 50%;
    float: left;
    padding: 0 20px;
}
.stj_pb_frm ul li.clr_lft.full-width .profile_edit_sia_badeg input{ background: #fff none repeat scroll 0 0;  border: 1px solid #c5c5c5;  color: #000;  float: left;  font-size: 14px;  font-weight: 500;  height: 35px;  padding: 3px 10px;  width: 100%; margin:5px 0 20px;}

.stj_pb_frm ul li.clr_lft.full-width .file-upload { float:left; width:100%; margin-top:0px;}

.stj_pb_frm ul li.clr_lft.full-width .file-upload .file-select { margin-top:0px;}
.stj_pb_frm ul li.clr_lft.full-width .row {
    margin-left: -20px;
    margin-right: -20px;
}

.stj_pb_frm ul li label {  color: #878787;  float: left;  font-size: 14px;  font-weight: 500;  margin: 0 0 8px;  width: 100%;}
.stj_pb_frm ul li label em {  color: #cf2027;}
.stj_pb_frm ul li .txt_lg {  background: #fff none repeat scroll 0 0;  border: 1px solid #c5c5c5;  color: #000;  float: left;  font-size: 14px;  font-weight: 500;  height: 35px;  padding: 3px 10px;  width: 100%;}
.clr_lft{clear: left;}
.stj_pb_frm ul li  select {  -moz-appearance: none;  -webkit-appearance: none;  background: rgba(0, 0, 0, 0) url("../images/selectdwn2.png") no-repeat scroll right 10px center;  border: 1px solid #c5c5c5;  color: #000;  float: left;  font-size: 13px;  font-weight: 400;  height: 35px;  padding: 3px 10px 3px 5px;  width: 100%;}
.a_vy{float: right; color: #24b300; font-size: 14px;}
li.mail_dtl span.a_vy{color: #24b300; font-size: 14px; float: none;}
.a_cp{float: right; color: #0045B5; font-size: 14px;}
.a_cp:hover, .a_vy:hover{color: #cf2027 ;}
.stj_pb_frm  .brd_ul{ border-bottom: 1px solid #ddd;border-top: 1px solid #ddd; padding: 20px 0 10px; margin: 10px 0 20px;}
.p_ch{float: left; color: #24b300; line-height: normal;font-size: 14px; width: 100%; font-style: normal; margin: 0; padding: 0;}
.p_ch a{color: #0045B5; font-size: 14px;}
.p_ch a:hover{color: #cf2027 ;}
.stj_pb_frm ul li  .rdrow{float:left;margin-right: 20px; position: relative; margin-top: 14px;}
.stj_pb_frm ul li  .rdrow input{position: absolute;opacity: 0}
.stj_pb_frm ul li .rdrow .formError {
    position: absolute !important;
    left: 0!important;
    top: 15px!important;
    width: 160px;
}

.stj_pb_frm ul li .rdrow [type="radio"]:not(:checked) + label::before, .stj_pb_frm ul li  .rdrow [type="radio"]:checked + label::before {
  background: rgba(0, 0, 0, 0) url("../images/radio_btn.png") no-repeat scroll 0 2px; content: ""; height: 19px; left: 0; position: absolute; top: -2px; width: 17px;}
.stj_pb_frm ul li  .rdrow [type="radio"]:not(:checked) + label::after,.stj_pb_frm ul li  .rdrow  [type="radio"]:checked + label::after{position: absolute; left: 0; top: -2px; width:17px; height:17px;	background: url(../images/radio_btn.png) no-repeat 0 -27px;	content: "";  transition: all 0.2s ease 0s;}
.stj_pb_frm ul li  .rdrow [type="radio"]:not(:checked) + label:after{opacity: 0;transform: scale(0);}
.stj_pb_frm ul li  .rdrow [type="radio"]:checked + label:after{opacity: 1;transform: scale(1);} 

.stj_pb_frm ul li .rdrow [type="radio"]:not(:checked) + .formError ~ label::before, .stj_pb_frm ul li  .rdrow [type="radio"]:checked + .formError ~ label::before {
  background: rgba(0, 0, 0, 0) url("../images/radio_btn.png") no-repeat scroll 0 2px; content: ""; height: 19px; left: 0; position: absolute; top: -2px; width: 17px;}
.stj_pb_frm ul li  .rdrow [type="radio"]:not(:checked) + .formError ~ label::after,.stj_pb_frm ul li  .rdrow  [type="radio"]:checked + .formError ~ label::after{position: absolute; left: 0; top: -2px; width:17px; height:17px;	background: url(../images/radio_btn.png) no-repeat 0 -27px;	content: "";  transition: all 0.2s ease 0s;}
.stj_pb_frm ul li  .rdrow [type="radio"]:not(:checked) + .formError ~ label:after{opacity: 0;transform: scale(0);}
.stj_pb_frm ul li  .rdrow [type="radio"]:checked + .formError ~ label:after{opacity: 1;transform: scale(1);} 
[type="radio"]:not(:checked) + .formError ~ label, [type="radio"]:checked + .formError ~ label {
    position: relative;
    padding-left: 1.7em;
    cursor: pointer;
}

.in_cm {  float: none;  width: 70px; margin: 5px;  font-size: 16px;  text-align: right;}
.stj_pb_frm ul li .txt_lg.txt_cm {  width: calc(100% - 70px);}
.stj_pb_frm ul li textarea {  background: #fff none repeat scroll 0 0;  border: 1px solid #c5c5c5;  color: #000;  float: left;  font-family: "Fira Sans",sans-serif;  font-size: 14px;  font-weight: 500;
  height: 115px;  padding: 5px 10px;  resize: none;  width: 100%;}
.stj_pb_frm ul li .btn_src {  background: #c5c5c5 url(../images/search.png) no-repeat center center; float: right; text-indent: -9999px; display: inline-block;border: 1px solid #c5c5c5;  height: 35px;  padding: 0;  width:60px;}
.stj_pb_frm ul li iframe{float:left; width: 100%; height: 100%;border: none;}
.stj_pb_frm ul li .rd_lb {  background: rgba(0, 0, 0, 0) url("../images/radio-uncheck.png") no-repeat scroll left 3px;  color: #878787;  cursor: pointer;  float: left;  font-size: 14px;  font-weight: 500;  margin: 0 20px 0 0;  padding: 3px 0 2px 30px;  position: relative;  width: auto;}
.stj_pb_frm ul li .rd_lb .rd_chk {  left: 0;  opacity: 0;  position: absolute;  top: 0;}
.stj_pb_frm ul li .rd_lb.active {  background-image: url("../images/radio-check.png");  color: #cf2027;}
.jobdetail .stj_pb_frm .nextbtn{  padding: 0 0 30px;    text-align: center;}
.jobdetail .stj_pb_frm .nextbtn .btn_lg{ float: none; display: inline-block;}

.modal#postingFees .modal-dialog{overflow-y: initial !important } 
.modal#postingFees .modal-body{height: 400px; overflow-y: auto; }
.modal#postingFees button.fees-modal-button{float: left; background: #cf2027 none repeat scroll 0 0; height: 30px; border: medium none; border-radius: 3px; color: #ffffff; float: right; font-size: 15px; font-weight: 500; margin: 0 0; padding: 0 10px; text-align: center; text-transform: uppercase; width: auto; }
.modal#postingFees .modal-header .close {margin-top: -20px; }

.modal#privacy .modal-dialog{overflow-y: initial !important } 
.modal#privacy .modal-body{height: 400px; overflow-y: auto; }
.modal#privacy button.fees-modal-button{float: left; background: #cf2027 none repeat scroll 0 0; height: 30px; border: medium none; border-radius: 3px; color: #ffffff; float: right; font-size: 15px; font-weight: 500; margin: 0 0; padding: 0 10px; text-align: center; text-transform: uppercase; width: auto; }
.modal#privacy .modal-header .close {margin-top: -20px; }

.modal#acceptTerms .modal-dialog{overflow-y: initial !important } 
.modal#acceptTerms .modal-body{height: 400px; overflow-y: auto; }
.modal#acceptTerms button.fees-modal-button{float: left; background: #cf2027 none repeat scroll 0 0; height: 30px; border: medium none; border-radius: 3px; color: #ffffff; float: right; font-size: 15px; font-weight: 500; margin: 0 0; padding: 0 10px; text-align: center; text-transform: uppercase; width: auto; }
.modal#acceptTerms .modal-header .close {margin-top: -20px; }

.modal#termsCondition { z-index: 9999; }
.modal#termsCondition .modal-dialog{overflow-y: initial !important } 
.modal#termsCondition .modal-body{height: 400px; overflow-y: auto; }
.modal#termsCondition button.fees-modal-button{float: left; background: #cf2027 none repeat scroll 0 0; height: 30px; border: medium none; border-radius: 3px; color: #ffffff; float: right; font-size: 15px; font-weight: 500; margin: 0 0; padding: 0 10px; text-align: center; text-transform: uppercase; width: auto; }
.modal#termsCondition .modal-header .close {margin-top: -20px; }

.modal#videoMaker { z-index: 9999; }
.modal#videoMaker .modal-dialog{overflow-y: initial !important } 
.modal#videoMaker .modal-body{height: 400px; overflow-y: auto; }
.modal#videoMaker button.fees-modal-button{float: left; background: #cf2027 none repeat scroll 0 0; height: 30px; border: medium none; border-radius: 3px; color: #ffffff; float: right; font-size: 15px; font-weight: 500; margin: 0 0; padding: 0 10px; text-align: center; text-transform: uppercase; width: auto; }
.modal#videoMaker .modal-header .close {margin-top: -20px; }


.modal#addCredites { z-index: 9999; }
.modal#addCredites .modal-dialog{overflow-y: initial !important } 
.modal#addCredites .modal-body{height: 400px; overflow-y: auto; }
.modal#addCredites button.fees-modal-button{float: left; background: #cf2027 none repeat scroll 0 0; height: 30px; border: medium none; border-radius: 3px; color: #ffffff; float: right; font-size: 15px; font-weight: 500; margin: 0 0; padding: 0 10px; text-align: center; text-transform: uppercase; width: auto; }
.modal#addCredites .modal-header .close {margin-top: -20px; }
/* 04-05-2018 */
.gd_rate ul li i.like:before{content: "\f004";}
.gd_rate ul li i {cursor:pointer;}
.winner_col { color: #00bb00; }
li.clr_lft.mar_tp {margin-top: -20px; }



/*4-5-18*/
.header .loginlik {  position: relative;float: none;display: inline-block;vertical-align: top}
.header .loginlik:hover ul{display: block;}
.header .loginlik ul {
  position: absolute;
  right: 0; display: none;
  top: 79px; margin: 0;
  width: 100%;
  z-index: 9999;
    text-align: left;
}
.header .loginlik ul li{float:left; width: 100%;}
.header .loginlik ul li a{float:left; width: 100%; background: #000 none repeat scroll 0 0; border-bottom: 1px solid #fff;padding: 10px 15px;}
.header .loginlik ul li a:hover{background: #cf2027;}
body.individual-profile-class .header .loginlik ul li a { background: #000; }
body.business-profile-class .header .loginlik ul li a { background: #000; }
body.individual-profile-class .header .loginlik ul li a:hover{background: #CF2027;}
body.business-profile-class .header .loginlik ul li a:hover{background: #4D5170;}
.stj_photo_up .file-upload .file-select .file-select-button { top: 0; }
.header .loginlik ul li:last-child a{ border-bottom: none;}
.stj_photo_up img {
  border: 2px solid;
  float: left;
  margin: 0 0 0 10px;
}
.header .loginlik a:hover{ background: #cf2027 ;}
.stj_pb_frm ul li .rdrow {
  margin-top: 0;
}
.stj_pb_frm ul li .radio {
  float: left;
  margin: 0 0 -10px;
  width: 100%;
}

.stj_bid_top .stj_bdt_lft .stj_bid_side_con .bid_btn .pay{float:left; width: auto; border-radius: 3px; text-transform: uppercase; background: #414c62; font-size: 15px; color: #ffffff; font-weight: 500; padding:9px 53px;text-align:center;margin-left:62px;}
.stj_bid_top .stj_bdt_lft .stj_bid_side_con .bid_btn .pay:hover{ background: #cf2027 ;}

.pay.pay-class{float:left; width: auto; border: none; border-radius: 3px; text-transform: uppercase; background: #414c62; font-size: 15px; color: #ffffff; font-weight: 500; padding:9px 53px;text-align:center;margin-left:62px;}
.pay.pay-class:hover{ background: #cf2027 ;}


p.vid_cli{ font-size: 12px; }

/*5-8-2018*/
span.in_prog_class { float: right; width: unset; font-size: 21px; color: green; font-weight: 600; }
input#status { margin-top: 20px; }
.min_content {min-height: 778px;}

/*5-11-2018*/
.paypal_btn input.paypal_btn_pymnt {width: 40%; margin: 0 1%; float: left; background: #cf2027 none repeat scroll 0 0; height: 45px; border: medium none; border-radius: 3px; color: #ffffff; font-size: 15px; font-weight: 500; padding: 0 10px; text-align: center; text-transform: uppercase; }
.paypal_btn input.paypal_btn_pymnt:hover { background: #414c62; }
.paypal_btn input.add_credit_btn {width: 38%; margin: 0 1%; float: left; background: #cf2027 none repeat scroll 0 0; height: 45px; border: medium none; border-radius: 3px; color: #ffffff; font-size: 15px; font-weight: 500; padding: 0 10px; text-align: center; text-transform: uppercase; }
.paypal_btn input.add_credit_btn:hover { background: #414c62; }
input.add_credit_btn { border: 0; background: transparent; color: #CF2027; }
input.txt_add_credit { background: #fff none repeat scroll 0 0; border: 1px solid #c5c5c5; color: #000; float: left; font-size: 14px; font-weight: 500; height: 45px; padding: 3px 10px; width: 60%; }
button.paypal_btn_pymnt {width: 40%; margin: 0 1%; float: left; background: #cf2027 none repeat scroll 0 0; height: 45px; border: medium none; border-radius: 3px; color: #ffffff; font-size: 15px; font-weight: 500; padding: 0 10px; text-align: center; text-transform: uppercase; }
button.paypal_btn_pymnt:hover { background: #414c62; }
.paypal_btn input.direct_pay_credit {width: 38%; display: block; background: #cf2027 none repeat scroll 0 0; height: 45px; border: medium none; border-radius: 3px; color: #ffffff; font-size: 15px; font-weight: 500; padding: 0 10px; text-align: center; text-transform: uppercase; }
.paypal_btn input.direct_pay_credit:hover { background: #414c62; }

/*5-17-2018*/
.modal-head-css{float: left; width: 100%; margin: 0; background: #414c62; text-transform: uppercase; color: #fff; font-weight: 600; font-size: 25px; padding: 16px 30px; }

/* 26-05-2018 */
.header .loginlik ul li a {
  font-size: 10px;
}
.reg_dv .reg_cd ul li .tk > label input {
  margin-right: 10px;
  margin-top: -3px;
  vertical-align: middle;
}
.reg_dv .reg_cd ul li .tk > label {
  font-size: 12px;
}

/* 30-05-2018 */

.header .logo {
  max-width: 298px;
}

.form-container-feedback
{
	background-color: #fff;
    box-shadow: 0 16px 24px 2px rgba(0,0,0,0.14), 0 20px 30px 5px rgba(0,0,0,0.12), 0 8px 10px -5px rgba(0,0,0,0.3);
    border-radius: 8px;	
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
}
.btn-feedback{
	background: #cf2027;
    color: #fff;
}
[type="radio"]:not(:checked)#radio_feedback, [type="radio"]:checked#radio_feedback{
	left: 20px !important;
    top: 3px;
}


/*7-6-18*/
.stj_ad_srch {
  border-bottom: 1px solid #e7e7e7;
  float: left;
  padding: 20px;
  width: 100%;
}
.stj_ad_srch .a_as{
 border-bottom: 2px solid #6f1418;
    color: #ffffff;
    float: right;
    font-size: 15px;
    font-weight: 400;
    margin: 0 0;
    padding: 5px 17px;
    width: auto;
    background: #CF2027;
    border-radius: 5px;
}
.stj_ad_srch_inner {
  float: left; display: none;
  width: 100%; margin:15px 0 0;
}
.stj_ad_srch_inner ul {
  float: left;
  width: 100%;
}
.stj_ad_srch_inner ul li{
  float: left;
  width: 50%; padding: 0 10px; margin:0 0 12px; 
}
.stj_ad_srch_inner ul li label {
  color: #878787;
  float: left;
  font-size: 14px;
  font-weight: 500;
  margin: 0 0 8px;
  width: 100%;
}
.stj_ad_srch_inner ul li .txt_lg {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #c5c5c5;
  color: #000000;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 35px;
  padding: 3px 10px;
  width: 100%;
}

.stj_ad_srch_inner ul li .rdrow {
  float: left;
  margin-right: 50px;
  margin-top: 7px;
  margin-bottom: 7px;
}
.stj_ad_srch_inner ul li .rdrow input {
  opacity: 0;
  position: absolute;
}
.stj_ad_srch_inner ul li .rdrow [type="radio"]:not(:checked) + label::before, .stj_ad_srch_inner ul li .rdrow [type="radio"]:checked + label::before {
  background: rgba(0, 0, 0, 0) url("../images/radio_btn.png") no-repeat scroll 0 2px; content: ""; height: 19px; left: 0; position: absolute; top: -2px; width: 17px;}
.stj_ad_srch_inner ul li .rdrow [type="radio"]:not(:checked) + label::after,.stj_ad_srch_inner ul li .rdrow  [type="radio"]:checked + label::after{position: absolute; left: 0; top: -2px; width:17px; height:17px;	background: url(../images/radio_btn.png) no-repeat 0 -27px;	content: "";  transition: all 0.2s ease 0s;}
.stj_ad_srch_inner ul li .rdrow [type="radio"]:not(:checked) + label:after{opacity: 0;transform: scale(0);}
.stj_ad_srch_inner ul li .rdrow [type="radio"]:checked + label:after{opacity: 1;transform: scale(1);} 
.stj_ad_srch_inner ul li select{float:left ;width: 100%; background:url(../images/selectdwn2.png) no-repeat right 10px center; font-size: 13px; font-weight: 400; color: #000; padding:3px 10px 3px 5px; height: 35px; border: 1px solid #c5c5c5;appearance:none;-webkit-appearance:none;-moz-appearance:none;}
.stj_ad_srch_inner ul li label em {
  color: #cf2027;
}
.stj_ad_srch_inner ul li.full_li{ width: 100%;}
.stj_ad_srch_inner ul li .btn_lg {
  background: #cf2027 none repeat scroll 0 0;
  border: medium none;
  border-radius: 3px;
  color: #ffffff;
  float: right;
  font-size: 15px;
  font-weight: 500;
  height: 40px;
  margin: 23px 0 0;
  padding: 0 48px;
  text-align: center;
  text-transform: uppercase;
  width: auto;
}
.stj_ad_srch_inner ul li .btn_lg:hover {
  background: #414c62 none repeat scroll 0 0;
}

/*6-12-2018, Google Translate*/
.goog-te-banner-frame.skiptranslate {
	display: none !important;
} 
body {
	top: 0px !important; 
}

/*6-13-2018, Share Buttons*/
.social_ico a.fa {
  padding: 10px;
  font-size: 20px;
  width: 40px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
}

.social_ico .fa:hover {
    opacity: 0.7;
}

.social_ico .fa-facebook {
  background: #3B5998;
  color: white;
}

.social_ico .fa-twitter {
  background: #55ACEE;
  color: white;
}

.social_ico .fa-google {
  background: #dd4b39;
  color: white;
}

.fa-linkedin {
  background: #007bb5;
  color: white;
}

/*7-2-2018*/
/*Login Form Button(Login Page)*/
.job-type-button.job-type-button-registration {width: 50%; display: inline; }
.job-type-button.job-type-button-registration button{width: 40%; }
.job-type-button.job-type-button-registration button.job-type-job{ background: #CF2027; color: #ffffff; border: none; height: 45px; opacity: 0.5;}
.job-type-button.job-type-button-registration button.job-type-job.active {opacity: 1; background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 5px 11px 21px rgba(0, 0, 0, .125); }
.job-type-button.job-type-button-registration button.job-type-security{ background: #4D5170; color: #ffffff; border: none; height: 45px; opacity: 0.5;}
.job-type-button.job-type-button-registration button.job-type-security.active {opacity: 1; background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 5px 11px 21px rgba(0, 0, 0, .125); }

/*Home Page Button*/
.job-type-button {width: 50%; display: inline; }
.job-type-button button{width: 49%; }
.job-type-button button.job-type-job{ background: #CF2027; color: #ffffff; border: none; height: 45px; opacity: 0.5;}
.job-type-button button.job-type-job.active {opacity: 1; background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 5px 11px 21px rgba(0, 0, 0, .125); }
.job-type-button button.job-type-security{ background: #4D5170; color: #ffffff; border: none; height: 45px; opacity: 0.5;}
.job-type-button button.job-type-security.active {opacity: 1; background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 5px 11px 21px rgba(0, 0, 0, .125); }


/* 3-7-2018 CSS */
.stj_bid .stj_bid_wrap .stj_bid_top .stj_bdt_lft{width: 55%;}
.stj_bid .stj_bid_top .stj_bdt_lft .stj_bid_slider {
	width: 48%;
}

.stj_bid .stj_bid_top .stj_bdt_rgt {
	width: 38%;
}

.stj_bid .stj_bid_top .stj_bdt_lft .stj_bdt_rgt {
    width: 100%;
    margin-top: 15px; 
}
h4.key_details_hd{     
	color: #cf2027;
    float: left;
    font-size: 14px;
    font-weight: 900;
    margin: 0 0 2px;
    text-transform: uppercase;
    width: 100%; }

.btn-srch-pc {
	padding: 0px;
    width: 90px;
    height: 24px;
    color: #fff;
    background: #2f5597;
    border: none;
    margin-top: 5px;
}

.btn-ent-pc{
	padding: 3px;
    border: 1px solid #4D5170;
    width: 100%;
}

.btn-sle-pc{
	padding: 2px;
    border: 1px solid #4D5170;
    margin-bottom: 3px;
    width: 100%;
}
#feedbackModal td ul li { width: 5%; }
#feedbackModal td ul { margin: 0 0 0px; }

/*12-07-18*/
.mt_pro {transition:all 2s ease 0s;-webkit-transition:all 2s ease 0s;
  bottom: -100%;
  position: fixed;
  right: 20px;
  width: 250px;
  z-index: 9999;
  padding: 20px 15px;
  text-align: center;
  border-radius: 10px;
}
.mt_pro.mt_pro_show { bottom: 20px;}
.mt_pro p {transition:all 2s ease 0s;-webkit-transition:all 2s ease 0s;
  color: #fff;
  float: left;
  font-size: 19px;
  line-height: 25px;
  width: 100%;
  margin: 0px;
}
.mt_pro .mt_pro_close {
  position: absolute;
  right: -10px;
  top: -10px;
  width: 26px;
}
.mt_pro .mt_ch {
  background: #fff none repeat scroll 0 0;
  border-radius: 3px;
  display: inline-block;
  font-size: 12px; border: 1px solid #fff;
  margin: 15px 0 0;
  padding: 7px 10px;
}
.mt_pro .mt_ch:hover {background: #00adef; color: #fff;}

/*19-7-18*/
#map{ overflow: visible !important; width: 100% !important;}
#map .gm-style { overflow: hidden;}
#map #pac-input {
  background-color: transparent;
  border: medium none;
  font-family: Roboto;
  font-size: 15px;
  font-weight: 300;
  left: 1px !important;
  margin-left: 0;
  padding: 0 11px 0 13px;
  text-overflow: ellipsis;
  top: -47px !important;
  width:calc(100% - 41px);
  height: 32px;
}

/*25-7-2018*/
.modal.addCredites_cls { z-index: 9999; }
.modal.addCredites_cls .modal-dialog{overflow-y: initial !important } 
.modal.addCredites_cls .modal-body{height: 400px; overflow-y: auto; }
.modal.addCredites_cls button.fees-modal-button{float: left; background: #cf2027 none repeat scroll 0 0; height: 30px; border: medium none; border-radius: 3px; color: #ffffff; float: right; font-size: 15px; font-weight: 500; margin: 0 0; padding: 0 10px; text-align: center; text-transform: uppercase; width: 15%; }
.modal.addCredites_cls .modal-header .close {margin-top: -20px; }

.addCredites_cls input {
    background: #fff;
    border: 1px solid #c5c5c5;
    color: #000;
    float: left;
    font-size: 14px;
    font-weight: 500;
    height: 40px;
    padding: 3px 10px; width: 100%;
margin-bottom: 20px;

}
.addCredites_cls input.add_credit_btn{margin: 0;}
.addCredites_cls  h2 {
	float: left;
	width: 100%;
	margin: 0;
	font-size: 25px;
	color: #ffffff;
	font-weight: 600;
	text-transform: uppercase;
	background: #414c62;
	padding: 16px 20px;
}

span.succ_upda{
  color: green !important;
}

.gd_rate ul li img.prof_vid {
  display: inline-block;
  width: 90px;
  margin: 3px;
}
.flogo > img {
  max-width: 298px;
}

.stj_ad_srch_inner ul li.full_li{ width: auto; float: right; }

ul li.prof_terms .tk > label input {
  margin-right: 10px;
  margin-top: -3px;
  vertical-align: middle;
}

ul li.keep-me-logged .tk > label input {
  margin-right: 10px;
  margin-top: -3px;
  vertical-align: middle;
}
.bp_dv_dtl.bp_dv_dtl_ind .bp_dv_lftdtl {
  background: #ffffff none repeat scroll 0 0;
  width: 100%;
}
.bp_dv_dtl.bp_dv_dtl_ind .bp_dv_rgtdtl {
  width: 100%;
}
.newrequest ul li .rgtcnt h2{position: relative;}
.newrequest ul li .rgtcnt h2.verified_usr::after {
  background: rgba(0, 0, 0, 0) url("../images/vr.png") no-repeat scroll right 4px / 100% auto;
  background-size: 100% auto;
  content: "";
  display: inline-block;
  height: 24px;
  margin: 0 0 0 10px;
  vertical-align: top;
  width: 18px;
}
.newrequest ul li .rgtcnt {
  padding-right: 0 !important;
  margin-top:10px;
}
.newrequest ul li .addwsh {
  position: absolute;
  right: inherit !important;
  top: 5px !important;
  left: 5px !important;
}

.side_loc_filt .btn-ent-pc {
  width: 55%;font-size: 11px;
  float: right;
  height: 30px;
}
.side_loc_filt .btn-sle-pc {
  height: 30px;
  width: 40%; font-size: 11px;
}
.side_loc_filt label {
  width: 100%;
}
.side_loc_filt .btn-srch-pc {
  width: 100%;
}
.stj_job_list ul li .stj_jl_rgt .stj_rating ul {
  float: left;
  width: auto;
}
.stj_job_list ul li .stj_jl_rgt .stj_rating ul li {
  border: medium none;
  float: left;
 line-height: normal;
    margin: -3px 2px 0 0;
  padding: 0;
  width: auto;
}

.rqstmain {
  min-height: 165px;
}

/* .stj_pb_frm ul {
  display: flex;
  flex-wrap: wrap;
	float: none;
} */

.stj_jb_inr .tabs li.my_cmpltd { width: 30%}

/* 8-29-2018 */

/* PreLoader CSS */
div#preloader { position: fixed; left: 0; opacity:0.4; top: 0; z-index: 999; width: 100%; height: 100%; overflow: visible; background: #f2f2f2 url('../images/preloader.gif') no-repeat center center; }

div#videopreloader { position: static; left: 0; opacity: 1; top: 0; z-index: 999; width: 50px; height: 50px; overflow: visible; background: url(../images/videoloader.gif) no-repeat center center; background-size: 74px; }

div#videopreloader span { left: 50px; position: relative; font-size: 18px; display: block; width: 150px; top: 14px;}

div#rmvcertipreloader { position: static; left: 0; opacity: 1; top: 0; z-index: 999; width: 50px; height: 50px; overflow: visible; background: url(../images/videoloader.gif) no-repeat center center; background-size: 74px; }

div#rmvcertipreloader span { left: 50px; position: relative; font-size: 18px; display: block; width: 200px; top: 14px;}

div#uploadcertipreloader { position: static; left: 0; opacity: 1; top: 0; z-index: 999; width: 50px; height: 50px; overflow: visible; background: url(../images/videoloader.gif) no-repeat center center; background-size: 74px; }

div#uploadcertipreloader span { left: 50px; position: relative; font-size: 18px; display: block; width: 200px; top: 14px;}

div#uploadcertipreloaderc { position: static; left: 0; opacity: 1; top: 0; z-index: 999; width: 50px; height: 50px; overflow: visible; background: url(../images/videoloader.gif) no-repeat center center; background-size: 74px; }

div#uploadcertipreloaderc span { left: 50px; position: relative; font-size: 18px; display: block; width: 200px; top: 14px;}

div#rmvvideopreloader { position: static; left: 0; opacity: 1; top: 0; z-index: 999; width: 50px; height: 50px; overflow: visible; background: url(../images/videoloader.gif) no-repeat center center; background-size: 74px; }

div#rmvvideopreloader span { left: 50px; position: relative; font-size: 18px; display: block; width: 165px; top: 14px;}

i.pwr-off { font-size: 20px; margin: 0px 8px 0 0; position: relative; top: 2px; }

i.fas.fa-star.feedback-str-full {
  font-size: 14px;
  color: #cf2027;
  cursor: auto;
}

i.far.fa-star.feedback-str-null {
  font-size: 14px;
  color: #cf2027;
  cursor: auto;
}

i.fas.fa-star.feedback-str-poster-full {
  font-size: 30px;
  color: #cf2027;
  cursor: pointer;
}

i.far.fa-star.feedback-str-poster-null {
  font-size: 30px;
  color: #cf2027;
  cursor: pointer;
}

i.fas.fa-star.feedback-str-review-full {
  font-size: 24px;
  color: #cf2027;
  cursor: auto;
}

i.far.fa-star.feedback-str-review-null {
  font-size: 24px;
  color: #cf2027;
  cursor: auto;
}

img#image {
  max-width: 100%;
}

span.loginError { display: block; font-size: 15px; position: relative; width: 100%; float: left;}


.stj_job_list ul li .stj_jl_img {
  text-align: center;
  border: medium none;
  overflow: hidden;
}
.gnrt_img {
  /* border: 1px solid #e8e8e8; */
  display: inline-block;
  float: none;
  height: 128px;
  width: 128px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.gd_vd {
  float: left; 
  position: relative;
  width: 100%;
}

.gd_vd div {
  float: left;
  width: 100%;
  height: 100%;
}

.gd_vd div video{
  height: auto; 
  float: left;
  width: 100%;
}

.gd_vd .gd_vd_profile {
  background: rgba(0, 0, 0, 0.6) url(../images/play.png) no-repeat center center; background-size: 18px auto;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 99;
}

.gd_vd .g_vd {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 99;
}

.gd_vd_profile {width:100px;height:90px; margin: 0 0 0 24px;}

.gd_vd_profile div video{
  height: auto; 
  float: left;
  width: 100%;
}

img.prof_icon{
  height: 25px;
  width: 25px;
}

.remove_video{ margin: 25px; }
.remove_certi{ margin: 25px !important; }

a.image-edit-profile-p {
  background: #ffffff none repeat scroll 0 0;
  border-radius: 5px;
  bottom: 55px;
  display: inline-block;
  font-size: 22px;
  height: 40px;
  left: 15px;
  padding: 5px 0 0;
  position: relative;
  text-align: center;
  width: 40px;
}

a.image-edit-profile-p i.fa-pencil{
  color: #4D5170;
}

a.image-edit-profile-b {
  background: #ffffff none repeat scroll 0 0;
  border-radius: 5px;
  bottom: 55px;
  display: block;
  font-size: 22px;
  height: 40px;
  left: 15px;
  padding: 5px 0 0;
  position: relative;
  /* text-align: center; */
  width: 40px;
}

a.image-edit-profile-b i.fa-pencil{
  color: #4D5170;
}

.stj_pb_frm ul li.dobClass select { width: 30%; margin-right: 5px;}

.stj_pb_frm ul.stj_pb_frm_scul {
  width: 50%;
}
.stj_pb_frm ul.stj_pb_frm_scul li {
  width: 100%;
}
.stj_pb_frm ul {
  display: flex;
  flex-wrap: wrap;
  float: none;
}
.stj_pb_frm ul li.dobClass .dob_div {
  float: left;
  width: 30%;
  margin-right: 5px;
}
.stj_pb_frm ul li.dobClass .dob_div select {
  margin-right: 0 !important;
  width: 100% !important;
}
.stj_pb_frm ul li .txt_lg.disabled {pointer-events:none;}
.newrequest ul li .leftimg {
  border-radius: 0;
}
.newrequest ul li .addwsh i {
  font-size: 18px;
}
.newrequest ul li .rqstmain {
  padding: 22px 26px !important; float:left; width: 100%;
}
.newrequest ul li .leftimg img {
  float: left;
  height: auto !important;
  width: 100% !important;
}
.newrequest ul li .leftimg {
  width: 132px;
  margin-top:10px;
}
span.user_type_name {
    font-size: 13px;
    font-style: italic;
    position: absolute;
    width: 101px;
    left: 23px;
    top: 3px;
}

input.change_dp_btn { margin: 5px;}

button#add_avail_div { float: right; background: #cf2027; color: #fff; padding: 1px 11px; text-transform: none; margin-top: 10px;}

p#availability span.availability_set { display: block;}

a.a_pybb{float:none; padding: 9px 10px; letter-spacing: 1px; font-weight: 500; font-size: 15px; color: #fff; text-transform: uppercase; border-radius: 5px; background: #414c62; margin: 0 6px 0 0 !important;}
a.a_pybb:hover{ background: #cf2027;}
a.a_pyba{float:none; padding: 9px 10px; cursor: pointer; letter-spacing: 1px; font-weight: 500; font-size: 15px; color: #fff; text-transform: uppercase; border-radius: 5px; background: #cf2027;}
a.a_pyba:hover{ background: #cf2027;}

.stj_bid_top .stj_bdt_lft .stj_bid_side_con .bid_btn a.a_pybb{float:none; padding: 9px 10px; letter-spacing: 1px; font-weight: 500; font-size: 15px; color: #fff; text-transform: uppercase; border-radius: 5px; background: #414c62;}
.stj_bid_top .stj_bdt_lft .stj_bid_side_con .bid_btn a.a_pybb:hover{ background: #cf2027;}

.stj_bid_top .stj_bdt_lft .stj_bid_side_con .bid_btn a.a_pyba{float:none; padding: 9px 10px; cursor: pointer; letter-spacing: 1px; font-weight: 500; font-size: 15px; color: #fff; text-transform: uppercase; border-radius: 5px; background: #cf2027;}
.stj_bid_top .stj_bdt_lft .stj_bid_side_con .bid_btn a.a_pyba:hover{ background: #cf2027;}

.stj_bid_top .stj_bdt_lft .stj_bid_side_con .bid_btn a.a_pybaa { margin-left: 5px; padding: 10px 10px; cursor: pointer; letter-spacing: 1px; font-weight: 500; font-size: 11px; color: #fff; text-transform: uppercase; background: #cf2027; }
.stj_bid_top .stj_bdt_lft .stj_bid_side_con .bid_btn a.a_pybaa:hover{ background: #cf2027;}

select.start_day_availability {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  pointer-events: none;
}

a.markeranchor{
    color: #CF2027 !important;
}

.bid_table table td.check_out_cls{
  background-color:#e7e7e7; /* Red */
  color:red;
}

.bid_table table.checkin_checkout tr:hover td.check_in_cls{
  background-color:hsl(120,60%,40%); /* Green */
  color:#ffffff;
}

.bid_table table td.check_in_cls{
  background-color:#f2f2f2; /* Green */
  color:green;
}

.bid_table table.checkin_checkout tr:hover td.check_out_cls{
  background-color:rgba(255,0,0,0.6); /* Red */
  color:#ffffff;
}

#feed-modal-dialog{
  overflow-y: initial !important
}
#feed-modal-body{
  height: 500px;
  overflow-y: auto;
}

table#loadRatingModal {
  margin: 15px 0 30px 0;
}

span.uName {
  color: #fff;
  font-size: 15px;
  background: #CF2027;
  padding: 5px;
}

ul.notification_list{
  padding: 15px;
}

ul.notification_list li{
  /* list-style-type: disc; */
  padding: 3px;
  /* border: 1px solid #ededed; */
  margin: 3px 0px;
}

ul.notification_list li a.mark_read{
  float: right;
  cursor: pointer;
  /* text-decoration: underline; */
  color: #CF2027;
}
.alert-link{
  text-decoration: underline;
}




.banner-top{background:url(../images/banner-top.jpg) no-repeat center; width:100%;background-size:cover;float:left;padding: 190px 0 150px 0;position: relative;overflow: hidden;}
div#video-viewport {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

div#video-viewport video {
    width: 100% !important;
    height: auto !important;
}

.banner-top .container {
    position: relative;
    z-index: 2;
}
.header-new {padding:30px 0;position: absolute;left: 0;right: 0;z-index: 11;}
.header-new .logo-left{float:left;}
.header-new .rt-box{float:right;}
.header-new .login-btn {float:left;padding-top: 15px;}
.header-new .login-btn ul{list-style:none;padding:0;margin:0px;}
.header-new .login-btn ul li{display:inline-block;}
.header-new .login-btn ul li a{font-size:15px;color:#000;text-transform:uppercase;padding: 0 0 0 38px;font-weight:500;}
.header-new .post-btn{float:right;}
.header-new .login-btn ul li a:hover{color:#2f5597;}
.header-new .post-btn ul{list-style:none;padding:0;margin:0px;}
.header-new .post-btn ul li{display:inline-block;padding: 0 0 0 30px;}
.header-new .post-btn  ul li a{font-size:15px;color:#000;text-transform:uppercase;font-weight:500;border:2px solid #cf2027;width:186px;padding:15px 0;  text-align: center;float:left;}
.header-new .post-btn  ul li a:hover{background:#cf2027;color:#fff;}
.header-new .post-btn2{border:2px solid #2f5597 !important;}
.header-new .post-btn2:hover{background:#2f5597 !important;color:#fff;}

.banner-text{text-align:center;float: left;width: 100%;padding:0 0 30px 0;}
.banner-text h1{color:#2f5597;font-size:56px;font-weight:700;text-transform:uppercase;margin:0px;padding:0px;}
.banner-text p{font-size:20px;font-weight:700;color:#2f5597;text-transform:uppercase;font-style: normal;}
.search-box{margin: 0 auto;display: table;}
.search-box .banner-btn ul{list-style:none;padding:0;margin:0px;}
.search-box .banner-btn ul li a{font-size:20px;color:#ffffff;text-transform:uppercase;padding:7px 0;font-weight:500;width:210px;background:#bc1d23;float:left;text-align:center;-webkit-box-shadow: inset 3px -2px 48px -31px rgba(0,0,0,0.75);
-moz-box-shadow: inset 3px -2px 48px -31px rgba(0,0,0,0.75);
box-shadow: inset 3px -2px 48px -31px rgba(0,0,0,0.75);}
.search-box .banner-btn ul li{display:table;}
.search-box .banner-btn ul li .active{position: relative;background:#c81f26;}
.search-box .banner-btn ul li .active:after {left: 100%;top: 50%;border: solid transparent;
content: " ";height: 0;width: 0;position: absolute;pointer-events: inherit;border-color: rgba(136, 183, 213, 0);border-left-color: #c81f26;
border-width:8px;margin-top: -8px;}
.search-box .banner-btn ul li:nth-child(2) .active:after {left: 100%;top: 50%;border: solid transparent;
content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(136, 183, 213, 0);border-left-color: #2e5394;
border-width:8px;margin-top: -8px;}
.search-box .banner-btn ul li:nth-child(3) .active:after {left: 100%;top: 50%;border: solid transparent;
content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(136, 183, 213, 0);border-left-color: #ffffff;
border-width:8px;margin-top: -8px;-webkit-box-shadow: inset 9px -5px 48px -22px rgba(0,0,0,0.75);
-moz-box-shadow: inset 9px -5px 48px -22px rgba(0,0,0,0.75);
box-shadow: inset 9px -5px 48px -22px rgba(0,0,0,0.75);}
.search-box .banner-btn ul li:nth-child(2) a{background:#2c508e;}
.search-box .banner-btn ul li:nth-child(3) a{background:#ffffff;color:#2e5394;}
.search-box .banner-btn{float:left;margin: 0 20px 0 0;}
.search-inner{float:right;padding-top: 12px;}
.search-inner .txt_cnt{width:557px;height:59px;border:1px solid #c1c1c1;font-size:18px;font-style:italic; line-height: normal;padding: 0 30px;}
.search-inner .txt_cnt::-webkit-input-placeholder { color:#000000;font-size:18px;font-style:italic;}
.search-inner .txt_cnt::-moz-placeholder { color:#000000;font-size:18px;font-style:italic;}
.search-inner .txt_cnt:-ms-input-placeholder {color:#000000;font-size:18px;font-style:italic;}
.search-inner .txt_cnt:-moz-placeholder {color:#000000;font-size:18px;font-style:italic;}
.search-inner .search-btn{background:#2f5597;border:none;box-shadow:none;color:#fff;font-size:15px;font-weight:500;width:120px;height:59px;text-transform:uppercase;margin-left: -4px;float: right;}


.reasons-banner {position: relative;}
.tab_container {position: relative;pointer-events: inherit;}
.reasons-list a{pointer-events: auto;}
.reasons-box .btn1{pointer-events: auto;}
.reasons-text{text-align:center;background-color: rgba(48, 84, 143,0.7);padding:35px 0;position: absolute;top: 0;left: 0;z-index: 2;
width: 100%;}
.reasons-text h2{color:#fff;font-size:48px;font-weight:700;text-transform:uppercase;}
.resons-text{text-align:center;padding:267px 0 531px 0;opacity:1 !important;background-position: center center !important;} 
.resons-text h3{color:#fff;font-size:56px;font-weight:700;text-transform:uppercase;margin:0px;padding:0px;}
.reasons-text2 h2{text-align:center;background-color: rgba(48, 84, 143,0.7);padding:35px 0; position: absolute;
    width: 100%;color:#fff;font-size:5vh;font-weight:700;text-transform:uppercase;top: -10px;z-index: 9999;}
.resons-text p{color:#fff;font-size:24px;font-weight:500;text-transform:uppercase;font-style:normal;padding-top:28px;line-height:57px;}
.reasons-list .list-item .list-img{width:112px;height:114px;background:#fff;border-radius:50%;line-height: 114px;text-align:center;margin: 0 auto; border:2px solid #fff; transition:0.5s;}
.reasons-list .list-item .list-text p{color:#ffffff;font-size:20px;font-style:normal;padding-top: 19px;line-height: 28px;}
.reasons-list a{list-style:none;padding:0;margin:0;}
.reasons-list a{display:inline-block;width:14%;text-align:center;vertical-align:top;}
.reasons-list a.icon1 .list-img{background:#fff url(../images/pro-img.png) no-repeat center;}
.reasons-list a.icon1.current .list-img{background:#cf2027 url(../images/pro-img-hover.png) no-repeat center;}
.reasons-list a.icon2 .list-img{background:#fff url(../images/pro-img2.png) no-repeat center;}
.reasons-list a.icon2.current .list-img{background:#cf2027 url(../images/pro-img2-hover.png) no-repeat center;}
.reasons-list a.icon3 .list-img{background:#fff url(../images/pro-img3.png) no-repeat center;}
.reasons-list a.icon3.current .list-img{background:#cf2027 url(../images/pro-img3-hover.png) no-repeat center;}
.reasons-list a.icon4 .list-img{background:#fff url(../images/pro-img4.png) no-repeat center;}
.reasons-list a.icon4.current .list-img{background:#cf2027 url(../images/pro-img4-hover.png) no-repeat center;}
.reasons-list a.icon5 .list-img{background:#fff url(../images/pro-img5.png) no-repeat center;}
.reasons-list a.icon5.current .list-img{background:#cf2027 url(../images/pro-img5-hover.png) no-repeat center;}
.reasons-list a.icon6 .list-img{background:#fff url(../images/pro-img6.png) no-repeat center;}
.reasons-list a.icon6.current .list-img{background:#cf2027 url(../images/pro-img6-hover.png) no-repeat center;}
.reasons-list a.icon7 .list-img{background:#fff url(../images/pro-img7.png) no-repeat center;}
.reasons-list a.icon7.current .list-img{background:#cf2027 url(../images/pro-img7-hover.png) no-repeat center;}
.btn1{width:270px;padding:24px 0;color:#fff;font-size:18px;font-weight:500;background:#cf2027;text-transform:uppercase;text-align:center;line-height: 18px;display: table;margin: 0 auto;}
.btn1:hover{background:#2f5597;color:#fff;}
.reasons-list{margin-bottom: 45px;}
.tab_container{position:relative;}
.reasons-box{position:absolute;right:0;left:0;bottom:104px;}

.training-course{text-align:center;margin:74px 0 110px 0;float: left;width: 100%;}
.training-course h4{color:#2f5597;font-size:36px;font-weight:700;text-transform:uppercase;margin-bottom: 120px;}


.categories{background:#f6f6f6;float: left;width: 100%;padding-bottom:76px;}
.categories-title{text-align:center;padding: 68px 0 67px 0;}
.categories-title h5{color:#2f5597;padding:0px;margin:0px;font-size:36px;text-transform:uppercase;font-weight:700;}
.categories-list ul{list-style:none;padding:0px;margin:0px;}
.categories-list ul li{padding-bottom:5px;width:25%;float: left;padding-left: 15px;
    padding-right: 15px;}
.categories-list ul li a{color:#333332;font-size:20px;font-weight:600;text-transform:uppercase;}
.categories-list ul li a:hover{color:#2f5597;}


/*personal-user*/
.m25{margin-bottom:25px;}
.border-box{background:#fff;padding: 15px 25px;float: left;width: 100%;}
.dasbrod-title h2{font-size:18px;text-transform: uppercase;font-weight: 500;}
.list-row .title span{text-transform:uppercase;color: #878787;line-height: 20px;font-size: 14px;font-weight: 400;}
.list-row .title span a{font-size:14px;color: #fff; text-transform:uppercase;}
.list-row .title{float:left;width: 155px}
.list-row .numbar{font-size:14px;color: #51577a; text-transform:uppercase;width:218px;text-align: center;position:relative;}
.list-row{clear:both;}
.new-user{float:left;}
.list-row .numbar span{position: absolute;margin: 0 0 0 0px;}
.bird {margin-top:15px;float:left;width: 100%}
.bird .comn-list .list-row:first-child{margin:0 180px 8px 0px;}
.bird .comn-list .list-row:nth-child(3){margin: 0 180px 8px 0px;}


.location li{width:264px;float: left;margin-bottom: 5px;}
.location li span{background:#be0006;color: #fff;font-size: 15px;line-height: 20px;display: inherit;padding: 0 0 0 5px;width:140px;float: left;border:1px solid #000;height: 22px;}
.location li .txt_cnt {float: right;width: 102px;height:22px;border:1px solid #cbcbcb; box-shadow: none;margin: 0 2px 0 0;font-size: 12px; padding-left: 4px;}
.location .select{float:left;margin: -11px 0 20px 0;}
.location .select span{float: left;margin:0 10px 0 0;}
.location .stj_sort{padding: 0px;border-bottom: none;}
.location .stj_sort .srch_dv{float:left;}
.location .map{width: 100%;float: left;margin: 14px 0;}



.messages .comn-list .box-color{background:#bb0102;;float:left;padding: 0 0 0 5px;margin-bottom:5px;}
.messages .comn-list .list-row .box-color .title span{color: #fff;}
.messages .list-row .box-color .numbar {color: #fff;}
.messages .list-row .numbar span {margin: 0px 0 0 31px;}

.profile-row .list-row .numbar{width:291px;}
.messages-list  li {background: #bb0102;color: #fff; padding: 0 0 0 10px;margin-bottom: 15px;}
.profile-btn li a{background:#bb0102;color:#fff;font-size:15px;display:block;padding: 0 10px;width: 175px;margin-bottom:-1px;}
.numbar b{text-align:center !important;color:#bb0102;font-size:16px;}
.btn-box ul li{display:inline-block;}
.btn-box ul li:last-child{margin:0 0 0 12px;}


.bank .list-row .numbar span {margin: 0 0 0 -20px;}
.bank .list-row .title {width:215px;}
.bank .list-row .numbar {width:350px;}
.bank .list-row .numbar {text-align: left;}

.availablity .comn-list .box-color { background: #bb0102;float: left; padding: 0 0 0 5px;margin-bottom: 15px;}
.availablity .comn-list .list-row .box-color .title span{color:#fff;}
.availablity .comn-list .list-row .box-color .title{width:200px;} 

.reviews .list-row .title {width: 190px;}
.reviews .comn-list .box-color {background: #bb0102; float: left;padding: 0 0 0 5px;margin: 5px 0 0 0;}
.reviews .comn-list .list-row .box-color .title span {color: #fff;}
.reviews .list-row .box-color .title {width: 160px;} 
.reviews .checked {color: orange;}
.list-row .star{float:left;width:140px; margin: 0 0 0 -71px;}
.list-row .star span {margin: 0px 0 0 10px;position:relative;}
.reviews .list-row:nth-child(5){margin-top:40px;}



.business-user .location li span{background:#9b9b9b;}
.business-user .messages .comn-list .box-color {background: #9b9b9b;}
.business-user .profile-btn li a{background:#9b9b9b;margin-bottom: 5px;}
.business-user .availablity .comn-list .box-color{background:#9b9b9b;}
.business-user .reviews .comn-list .box-color{background:#9b9b9b;}
.business-user a{color:#ff0721;}


.business-user .my-job .comn-list .box-color {background: #9b9b9b;float: left;padding: 0 0 0 0px;}
.business-user .bird .comn-list .box-color {background: #9b9b9b;float: left;padding: 0 0 0 0px;}
.business-user .my-job .comn-list .list-row .box-color .title span {color:#fff;padding: 0 0 0 5px;}
.business-user .bird .comn-list .list-row .box-color .title span {color:#fff;padding: 0 0 0 5px;}

.business-user .bank .comn-list .box-color {background:#9b9b9b;float: left;padding: 0 0 0 0px;width:177px;margin: 0 114px 0 0;display: inline-block;}
.business-user .bank .comn-list .list-row .box-color .title span {color:#fff;padding: 0 0 0 5px;}
.business-user .bank .list-row .title {width:290px;}

.business-user .search .comn-list .list-row .box-color{margin-bottom:5px;} 
.business-user .search .comn-list .box-color {background:#9b9b9b;float: left;padding: 0 0 0 0px;width:220px !important;margin: 0 114px 0 0;display: inline-block;}
.business-user .search .comn-list .list-row .box-color .title span {color:#fff;padding: 0 0 0 5px;}
.business-user .search .list-row .numbar {width: 350px;}
.business-user .search .comn-list .list-row:nth-child(3) .box-color{width:165px;}
.business-user .search .comn-list .list-row:nth-child(4) .box-color{width:272px;margin:0 0px 0 0;}
.business-user .search .comn-list .list-row:nth-child(4) .title {width:211px;}

.profile-btn ul li{clear: both;}
/*personal-user and*/


/*@media (min-width:1200px) {
.reasons-banner{text-align:center;position:relative;min-height:954vh;}	
.reasons-banner {
  height: 100vh;
  min-height: inherit;
}
.reasons-text2 h2 {
  background-color: hsla(217, 50%, 37%, 0.7);
  color: hsl(0, 0%, 100%);
  font-size: 4vh;
  font-weight: 700;
  padding: 4vh 0;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: -10px;
  width: 100%;
  z-index: 9999;
}
.tab_container {
  height: 100vh;
  position: relative;
}
.tab-con {
  height: 100vh;
}
.j-tab-con {
  height: 100vh;
}
.resons-text {
  height: 100vh;
  opacity: 1 !important;
  padding: 31vh 0 52.3vh;
  text-align: center;
  opacity: 1 !important;

}
.resons-text h3 {
  color: hsl(0, 0%, 100%);
  font-size: 4vh;
  font-weight: 700;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}
.resons-text p {
  color: hsl(0, 0%, 100%);
  font-size: 2vh;
  font-style: normal;
  font-weight: 500;
  line-height: 2vh;
  padding-top: 4vh;
  text-transform: uppercase;
}
.container.reasons-box {
  width: 140vh;
}
.reasons-list {
  margin-bottom: 4vh;
}
.reasons-box .btn1 {
  background: hsl(358, 73%, 47%) none repeat scroll 0 0;
  color: hsl(0, 0%, 100%);
  display: inline-block;
  font-size: 2vh;
  font-weight: 500;
  line-height: 18px;
  padding: 2.5vh 0;
  text-align: center;
  text-transform: uppercase;
  width: 25vh;
}
.reasons-list a {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 18vh;
}
.reasons-list .list-item .list-img {
  background-size: auto 4vh !important;
  border: 2px solid hsl(0, 0%, 100%);
  border-radius: 50%;
  height: 12vh;
  line-height: 12vh;
  margin: 0 auto;
  text-align: center;
  transition: all 0.5s ease 0s;
  width: 12vh;
}
.reasons-list .list-item .list-text p {
  color: hsl(0, 0%, 100%);
  font-size: 2vh;
  font-style: normal;
  line-height: 3vh;
  padding-top: 3vh;
}
}*/

.stj_job_wrap.businessprf{padding-bottom: 30px}
.stj_job_wrap.businessprf .border-box{box-shadow: 0 4px 7px rgba(0, 0, 0, 0.14);height: 100%}
.location .select span,
.business-user .location li span{font-size: 14px;color: #878787;text-transform: uppercase;position: relative;background: none;border:none;padding-left: 0}

.location .select select {
	border: 1px solid #cbcbcb;
	width: 103px;
	font-size: 13px;
	padding: 4px;
	margin-top: -12px;
	margin: 0 0 0 -1px;
}
.dasbrod-bg.business-user{display:flex;flex-wrap: wrap; width: 100%;}
.dasbrod-bg.business-user .col-md-4{margin-bottom: 30px;}
.dasbrod-title h2 {
	border-bottom: 1px solid #aba7a7;
	padding-bottom: 7px;
	margin-bottom: 15px;
}
.stj_job_wrap.businessprf .border-box .messages .clear {margin-bottom: 30px;float: left;	width: 100%;}
.dasbrod-title h2 i {margin-right: 4px;}
#availability{text-transform: uppercase;
color: #878787;
line-height: 20px;
font-size: 14px;
font-weight: 400;
font-style: inherit;}

/*-------22-7-2019---------*/
.source_div table{border:1px solid #ddd;margin-top: 6px;}
.source_div table thead th{background: #505677;color: #fff;border-bottom:none}
.source_div table th,.source_div table td{font-size:15px;text-align: center;padding: 10px !important}
.source_div table td .fa:before{font-size:19px;color:#333;display: inline-block;vertical-align: middle}
.header_title {margin-top: 20px;float:left;}
.source_div .col-md-4{margin-top: 20px;}
.source_div table td .fa.fa-trash::before{margin-top: -2px;margin-left: 10px;}
.sourse_search{margin-top: 23px;float:right;}

.sourse_search .txt_lg {float: left;border: 1px solid #c5c5c5;font-size: 14px;color: #000;height: 35px;padding: 7px 10px;width: 240px;margin-right: 20px;}
.sourse_search .btn{padding-top:5px;padding-bottom: 5px;}
.course-contain {min-height: calc(100vh - 280px);}
.file-upload .error {margin-top: 8px;}
.jobdetail .stj_pb_frm ul li label.error{color: #ff0000;}


.sourse_search input.btn {
	text-indent: -9999px;
	background: url("../images/search.png") no-repeat center center;
	border: none;
	padding: 0;
	width: 30px;
	margin: 0 20px 0 0;
}
.sourse_search .txt_lg {
	margin-right: 10px;
}

.stj_pb_frm ul li.input_declare label {
	cursor: pointer;
	padding: 0 0 0 20px;float: left;
margin: 0;
width: 100%;
position: relative;
color: #878787;
font-size: 13px;
font-weight: normal;
	background: url(../images/uncheck.png) no-repeat left 2px;
}
.stj_pb_frm ul li.input_declare label input {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}
.stj_pb_frm ul li.input_declare label.checked {
	background-image: url(../images/check.png);
}
.stj_pb_frm ul li.input_declare {
	width: 100%;
}

.stj_pb_frm ul li.input_declare label.error {
background: none;
padding: 0;
float: left;
width: 100%;
}
.crs_listing {clear: both;padding: 0 25px;margin-top: 29px;float: left;width: 100%;}
.crs_listing ul{margin-left: -25px;display: flex;flex-wrap: wrap;}
.crs_listing ul li {width: calc(25% - 25px);margin-left: 25px;margin-bottom: 25px;text-align: center;border: 1px solid #e1e1e1;
	background: #f7f7f7;border-radius: 4px;}
.crs_listing ul li h3 {font-size: 16px;padding: 7px 10px;}
.crs_listing ul li .imgwrap {
	width: 100px;
	height: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 20px auto;
	border: 1px solid #fff;
	border-radius: 50%;
	background: #fff;
}
.crs_listing ul li .imgwrap img{max-width:45px;}


.stj_bid_top .stj_bdt_lft .stj_bid_side_con .p_left {
	text-align: left;
	color: #cf2027;
	font-weight: bold;
	padding: 10px 0 0 21px;
	float: left;
	font-size: 14px;
}
.companyCertiPreview span em {
	color: #cf2027; vertical-align: top; margin: 0 0 0 10px;
}

.companyCertiPreviewData span em {
	color: #cf2027; vertical-align: top; margin: 0 0 0 10px;
}



.alert-success {
	color: #fff;
	background-color: gray;
	border-color: gray;
}
ul.notification_list li {
	padding: 7px 13px;
	color: #fff;
}
.notification_list .alert.alert-success{display:inline-block;vertical-align: middle;width: 100%}
ul.notification_list li a.mark_read {
	float: right;
	cursor: pointer;
	color: #fff;
	background: #CF2229;
	padding: 4px 11px;
	font-size: 12px;
}
.alert-success .alert-link {
	color: #fff;
}
.sourse_search .txt_lg ~ font ~ a {
	display: none;
}
.sourse_search .txt_lg ~ font a:nth-child(3) {
	display: none;
}
ul.edit_card_detail {display:flex;flex-wrap: wrap}
ul.edit_card_detail li {width: 50%;margin-bottom: 8px;}
ul.edit_card_detail li label{font-size: 13px;color: #878787;font-weight: normal;width:calc(100% - 82px);padding-right: 10px;}
ul.edit_card_detail li .txt_lg {border:1px solid #cbcbcb;font-size:13px;padding: 4px;text-align: center}
ul.edit_card_detail li .currency_symbol{font-size:14px;}

#avail_select{clear:both;}
.from_availability, .to_availability{height:31px;}


.srch_prf input {
float: left;
padding: 5px 12px !important;
margin: -7px 0 0 0 !important;
width: 100% !important;
border: 1px solid #cbcbcb;
font-weight: 400 !important;
}

.stj_job_wrap.businessprf .border-box .fc-center h2{
	font-size: 13px;
	margin-top: 8px;
}

.stj_job_wrap.businessprf .border-box .fc-content-skeleton table td a{
	color: #337ab7;
}

.stj_job_wrap.businessprf .border-box .fc-content-skeleton table td div.fc-content{
	font-size: 9px;
}

.stj_job_wrap.businessprf .border-box .fc-scroller.fc-day-grid-container {
	height: auto !important;
}

.stj_job_wrap.businessprf .border-box #calendar .fc-content{
	color: #ffffff;
}

.stj_job_wrap.businessprf .border-box #calendar {
	padding:0px;
}

#mycalander .modal-dialog .modal-content .fc-basic-view .fc-body .fc-row {
	height: auto !important;
}

.business-profile-class .gd_full_dtl ul.bp_jobs_link li{width: 33.33%; margin:0 0 -1px 0;border-bottom: 1px solid #d8d8d8}
.business-profile-class .gd_profile .gd_prf_con h2{color: #4d5170;}
.ip_wrap .bp_jobs_link li a {color: #000;}
.ip_wrap .bp_jobs_link li a span{margin-top: 10px;color: #4d5170;}
.business-profile-class .gd_full_dtl h3{color: #4d5170;}
.business-profile-class .gd_rate ul li i{color: #4d5170;}
.business-profile-class .ip_wrap .bp_dv_dtl .bp_dv_lftdtl .bp_code h3{color: #4d5170;}
.business-profile-class .bp_jobs_link li:nth-child(6n){border-right:1px solid #d8d8d8; }
.business-profile-class .bp_jobs_link{border-left:1px solid #d8d8d8;border-bottom:none; }


.stj_pb_frm ul li.input_declare label {
  background:rgba(0, 0, 0, 0) url("../images/checkbox.png") no-repeat scroll 0 0px; color:#000; font-size:14px; font-weight:normal; background-size:20px auto; padding:0 0 0 30px;
}
.stj_pb_frm ul li.input_declare label.checked {
  background:rgba(0, 0, 0, 0) url("../images/checkbox.png") no-repeat scroll 0 -28px;background-size:20px auto; 
}

.navigation .second_header.individual-profile-class { height: 72px;width: 100%; background: #cf2027;}
.navigation .second_header.individual-profile-class label{color: #fff; letter-spacing:0.06em; font-family: 'Fira Sans', sans-serif;text-transform: uppercase; font-weight: 500;display: block;margin: 0px 137px 0 0 !important; padding: 17px 0 0 0 !important;font-size: 30px}
.navigation .second_header.business-profile-class { height: 72px;width: 100%; background: #4d5170;}
.navigation .second_header.business-profile-class label{color: #fff; letter-spacing:0.06em; font-family: 'Fira Sans', sans-serif;text-transform: uppercase; font-weight: 500;display: block;margin: 0px 137px 0 0 !important; padding: 17px 0 0 0 !important;font-size: 30px}
.profile_image{position: absolute;right: 0px;height: 70px;width: 70px;top: 1px;}
.profile_image img { max-height: 100%;max-width: 100%;}
.second_header{position: relative;}



.stj_pb_frm ul li#sia_number .controls #txtChar{
  width: 60px;
}

.second_header a.logout_button{color: #fff;

float: left;

font-size: 14px;

border: 1px solid #fff;

margin: 18px 0 0 31px;

border-radius: 2px 2px 2px 2px;
padding: 6px 12px;
 
text-align: center; font-family: 'Fira Sans', sans-serif;}



.my_dashboard .user_type label{text-align:center;font-size:15px;width:100%;padding:10px;color:#fff;}
.my_dashboard .user_type label.business-profile-class{background-color:#4d5170}
.my_dashboard .user_type label.individual-profile-class{background-color:#cf2027}
.my_dashboard label.dashboard {font-size: 27px;margin-top: 15px;margin-bottom: -6px;letter-spacing: 0.05em;width: 100%;}



.footer .footermenu ul li select {
  width: 127px;
  font-size: 14px;
  padding: 7px;
  border: 1px solid #f9f9f9;
  margin-top: -6px;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 11px;
}

.stj_photo_up .file-upload .chooseFileformError.parentFormform1.formError.inline{left:114px !important;}
body.individual-profile-class .stj_photo_up .file-upload .file-select .file-select-button{border:1px solid #000;}
.stj_photo_up .file-upload{overflow: visible;border:none;}

/*css for check box make bigger*/
.keep-me-logged .tk [type="checkbox"]:not(:checked) + label::before, .keep-me-logged .tk [type="checkbox"]:checked + label::before {
  background: rgba(0, 0, 0, 0) url("../images/checkbox.png") no-repeat scroll 0 0px; content: ""; height: 22px; left: 0; position: absolute; top: 0px; width: 20px;background-size: 20px auto;}
.keep-me-logged .tk [type="checkbox"]:not(:checked) + label::after,.keep-me-logged .tk  [type="checkbox"]:checked + label::after{position: absolute; left: 0; top: -1px; width:20px; height:20px; background: url(../images/checkbox.png) no-repeat 0 -27px;  content: "";  transition: all 0.2s ease 0s; background-size: 20px auto;}
.keep-me-logged .tk [type="checkbox"]:not(:checked) + label:after{opacity: 0;transform: scale(0);}
.keep-me-logged .tk [type="checkbox"]:checked + label:after{opacity: 1;transform: scale(1);} 
.keep-me-logged .tk label{padding-left: 30px;position: relative;color:#000000;font-size:14px;font-weight: normal}
.keep-me-logged .tk  [type="checkbox"]{position:absolute;left: 0;opacity: 0}
.keep-me-logged .tk {float:left;width: 100%;position: relative}

.keep-me-logged .tk [id="terms"]:not(:checked) + label::before, .keep-me-logged .tk [id="terms"]:checked + label::before {
  background: rgba(0, 0, 0, 0) url("../images/checkbox.png") no-repeat scroll 0 0px; content: ""; height: 22px; left: 0; position: absolute; top: 0px; width: 20px;background-size: 20px auto;}
.keep-me-logged .tk [id="terms"]:not(:checked) + label::after,.keep-me-logged .tk  [id="terms"]:checked + label::after{position: absolute; left: 0; top: -1px; width:20px; height:20px; background: url(../images/checkbox.png) no-repeat 0 -27px;  content: "";  transition: all 0.2s ease 0s; background-size: 20px auto;}
.keep-me-logged .tk [id="terms"]:not(:checked) + label:after{opacity: 0;transform: scale(0);}
.keep-me-logged .tk [id="terms"]:checked + label:after{opacity: 1;transform: scale(1);} 
.keep-me-logged .tk label{padding-left: 30px;position: relative;color:#000000;font-size:14px;font-weight: normal}
.keep-me-logged .tk  [id="terms"]{position:absolute;left: 0;opacity: 0}
.keep-me-logged .tk {float:left;width: 100%;position: relative}


.keep-me-logged .referral_code [id="referral_code"]:not(:checked) + label::before, .keep-me-logged .referral_code [id="referral_code"]:checked + label::before {
  background: rgba(0, 0, 0, 0) url("../images/checkbox.png") no-repeat scroll 0 0px; content: ""; height: 22px; left: 0; position: absolute; top: 0px; width: 20px;background-size: 20px auto;}
.keep-me-logged .referral_code [id="referral_code"]:not(:checked) + label::after,.keep-me-logged .referral_code  [id="referral_code"]:checked + label::after{position: absolute; left: 0; top: -1px; width:20px; height:20px; background: url(../images/checkbox.png) no-repeat 0 -27px;  content: "";  transition: all 0.2s ease 0s; background-size: 20px auto;}
.keep-me-logged .referral_code [id="referral_code"]:not(:checked) + label:after{opacity: 0;transform: scale(0);}
.keep-me-logged .referral_code [id="referral_code"]:checked + label:after{opacity: 1;transform: scale(1);} 
.keep-me-logged .referral_code label{padding-left: 30px;position: relative;color:#000000;font-size:14px;font-weight: normal}
.keep-me-logged .referral_code  [id="referral_code"]{position:absolute;left: 0;opacity: 0}
.keep-me-logged .referral_code {float:left;width: 100%;position: relative}

.clr_lft .tk [type="checkbox"]:not(:checked) + label::before, .clr_lft .tk [type="checkbox"]:checked + label::before {
  background: rgba(0, 0, 0, 0) url("../images/checkbox.png") no-repeat scroll 0 0px; content: ""; height: 22px; left: 0; position: absolute; top: 0px; width: 20px;background-size: 20px auto;}
.clr_lft .tk [type="checkbox"]:not(:checked) + label::after,.clr_lft .tk  [type="checkbox"]:checked + label::after{position: absolute; left: 0; top: -1px; width:20px; height:20px; background: url(../images/checkbox.png) no-repeat 0 -27px;  content: "";  transition: all 0.2s ease 0s; background-size: 20px auto;}
.clr_lft .tk [type="checkbox"]:not(:checked) + label:after{opacity: 0;transform: scale(0);}
.clr_lft .tk [type="checkbox"]:checked + label:after{opacity: 1;transform: scale(1);} 
.clr_lft .tk label{padding-left: 30px;position: relative;color:#000000;font-size:14px;font-weight: normal}
.clr_lft .tk  [type="checkbox"]{position:absolute;left: 0;opacity: 0}
.clr_lft .tk {float:left;width: 100%;position: relative}


.filter_category .tk [type="checkbox"]:not(:checked) + label::before, .filter_category .tk [type="checkbox"]:checked + label::before {
  background: rgba(0, 0, 0, 0) url("../images/checkbox.png") no-repeat scroll 0 0px; content: ""; height: 22px; left: 0; position: absolute; top: 0px; width: 20px;background-size: 20px auto;}
.filter_category .tk [type="checkbox"]:not(:checked) + label::after,.filter_category .tk  [type="checkbox"]:checked + label::after{position: absolute; left: 0; top: -1px; width:20px; height:20px; background: url(../images/checkbox.png) no-repeat 0 -27px;  content: "";  transition: all 0.2s ease 0s; background-size: 20px auto;}
.filter_category .tk [type="checkbox"]:not(:checked) + label:after{opacity: 0;transform: scale(0);}
.filter_category .tk [type="checkbox"]:checked + label:after{opacity: 1;transform: scale(1);} 
.filter_category .tk label{padding-left: 30px !important;position: relative;color:#000000;font-size:14px;font-weight: normal;background: none !important}
.filter_category .tk  input[type="checkbox"]{position:absolute;left: 0;opacity: 0}
.filter_category .tk {float:left;width: 100%;position: relative}

.filter_radius .tk [type="checkbox"]:not(:checked) + label::before, .filter_radius .tk [type="checkbox"]:checked + label::before {
  background: rgba(0, 0, 0, 0) url("../images/checkbox.png") no-repeat scroll 0 0px; content: ""; height: 22px; left: 0; position: absolute; top: 0px; width: 20px;background-size: 20px auto;}
.filter_radius .tk [type="checkbox"]:not(:checked) + label::after,.filter_radius .tk  [type="checkbox"]:checked + label::after{position: absolute; left: 0; top: -1px; width:20px; height:20px; background: url(../images/checkbox.png) no-repeat 0 -27px;  content: "";  transition: all 0.2s ease 0s; background-size: 20px auto;}
.filter_radius .tk [type="checkbox"]:not(:checked) + label:after{opacity: 0;transform: scale(0);}
.filter_radius .tk [type="checkbox"]:checked + label:after{opacity: 1;transform: scale(1);} 
.filter_radius .tk label{padding-left: 30px !important;position: relative;color:#000000;font-size:14px;font-weight: normal;background: none !important}
.filter_radius .tk  input[type="checkbox"]{position:absolute;left: 0;opacity: 0}
.filter_radius .tk {float:left;width: 100%;position: relative}

.calender.stj_ad_srch{float:right;width:auto;padding-top: 0 !important;}

div#video-viewport:before {
    content: "";
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgTWFjaW50b3NoIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjI4RkZBQTgzNzg1NzExRTU4NTQyODc3OUM4MTZGMUREIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjI4RkZBQTg0Nzg1NzExRTU4NTQyODc3OUM4MTZGMUREIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjhGRkFBODE3ODU3MTFFNTg1NDI4Nzc5QzgxNkYxREQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjhGRkFBODI3ODU3MTFFNTg1NDI4Nzc5QzgxNkYxREQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz66uHInAAAAIUlEQVR42mL5//8/AyMj42YGIGBigABfEMEIkoEBgAADAKvuBwVS8BAjAAAAAElFTkSuQmCC);
    background-size: 3px 3px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: .1;
}

div#video-viewport:after {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    z-index: 1;
    content: '';
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, .4);
}
.newbtn input[type=file] {
    display: none;
}

.newbtn img#blah3 {
    cursor: pointer;
}
.videogallery.stj_pb_edit {
    padding:50px 30px;
}
.iframe-res label.newbtn {
    width: 100%;
}
.iframe-res input.btn.btn-srch-pc.remove_certi {
    margin: 10px 0 !important;
}
.gallery-page label.newbtn input.btn {
    margin: 10px 0px !important;
}
.gallery-page label.newbtn img.img-responsive.blah {
    margin: 0;
}
.stj_pb_edit.gallery-page {    padding: 30px;}

.iframe-res iframe{ width:100% !important; height:320px !important; }
.popup-btn {    display: inline-block;    width: 100%;    text-align: center;    margin-top: 50px;}
.popup-btn .red, .popup-btn .blue {    display: inline-block;    margin: 0 10px;}
.popup-btn .red .btn {    background: #cf2027;}
.popup-btn .blue .btn {    background: #3b5997;}
.popup-btn .btn{    color: #fff;    border: 1px solid; padding:15px 25px;}
.popup-box .modal-dialog {    max-width: 350px; margin:auto;}

.popup-box .modal-header {
    text-align: center;
    position: relative;
    margin-bottom:20px
}
.popup-red .modal-header { background:#cf2027; color:#fff}
.popup-blue .modal-header { background:#3b5997; color:#fff}
.popup-box .modal-header:before{
width: 0px;
    height: 0px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    content:'';
    position:absolute;
    bottom:-15px;
    left:45%;
}
.popup-red .modal-header:before{    border-top: 15px solid #cf2027;}
.popup-blue .modal-header:before{    border-top: 15px solid #3b5997;}
.modal-body {}
.popup-box{ top:15%;}
.popup-box .modal-body {
    padding: 27px;
}

.popup-box li {
    position: relative;
    padding-left: 15px;
    font-size: 16px;
    margin-bottom: 10px;
}

.popup-box .modal-content {
    border: 4px solid;
}
.popup-red .modal-content{
    border-color:#cf2027;
}
.popup-blue .modal-content{
    border-color:#3b5997;
}

.popup-box li:before {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content: "\f105";position: absolute;left: 0;font-size: 16px;top: 1px;}
.popup-red li:before{ color:#cf2027;}
.popup-blue li:before{ color:#3b5997;}

.popup-box button.close { opacity:1; color:#fff;}
@media (max-width:1024px){
div#video-viewport video {
    height: 100% !important;
    object-fit: cover;
}
	}
@media (max-width:991px){
	div#myDIV {    display: none;}div#myDIV.mystyle {    display: block;}
	.stj_filter_inn .stj_ctg h3 button:before {
    position: absolute;
    top: 1px;
    left: 80px;
    width: 7px;
    height: 7px;
    border-bottom: 2px solid #3b3b3b;
    border-right: 2px solid #000;
    content: "";
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: border-color .2s ease;
    -moz-transition: border-color .2s ease;
    -ms-transition: border-color .2s ease;
    -o-transition: border-color .2s ease;
    transition: border-color .2s ease;
}

.banner-top {
    overflow: hidden;
}
	}
@media (max-width:767px){
	.thankYou {
    padding: 20px;
}
.smstxt {
    font-size: 18px;
	line-height:24px;
}
.thankYou .success {
    font-size: 18px;
    line-height: 24px;
}
.banner-top.thankyouWrap {
    padding: 150px 0 20px;
}
.thankYou h2 {
    font-size: 23px;
}
    .thankYou p {
        font-size: 15px;
        line-height: 22px;
    }
	.popup-btn .btn{color: #fff;border: 1px solid;font-size: 14px;padding: 10px 18px;margin-top: 15px; width:100%;}
	.popup-btn{ margin-top:0px;}
	.popup-btn .red, .popup-btn .blue {    display: inline-block;    margin: 0 10px;    width: 100%;    box-sizing: border-box;    margin: 0;}
	.crs_listing ul li {width: calc(50% - 25px);}
	.questionToolTip {right:auto;top:6px;left:270px;} 
	.questionToolTip i {font-size: 23px;}
.popover-navigation .btn {
    font-size: 13px;
    padding: 4px 13px;
}	
.popover[class*="tour-"] .popover-navigation {
    padding: 0px 10px 9px;
}
.dasbrod-title h2 {
    padding-bottom: 7px;
    margin-bottom: 7px;
    font-size: 13px;
    margin-top: 0;
}
.location .select {
    margin: 0 0 15px;
}
.list-row .title span {
    line-height: 17px;
    font-size: 12px;
}
.bird {
    margin-top: 10px;
}
.stj_job_wrap.businessprf .border-box .messages .clear {
    margin-bottom: 10px;
}
.ip_wrap .ip_avail ul {
    margin: 5px 0 0;
}
.ip_wrap .ip_avail {
    margin: 0 0 5px;
}
.pofile-complate .c100 {
    font-size: 80px;
	margin: 0;
}
.pofile-complate .c100>span:after {
    font-size: 10px;
}
.modal.termsPop {
    top: 60px;
}
.modal.termsPop button.close {position:absolute; right:14px;top:30px; opacity:1; font-size:33px;}
#largeModal {top: 60px;}
.stj_photo_up_Wrap {
    flex-wrap: wrap;
}
.stj_photo_up{margin: 10px 0 10px;display: flex;align-items: center;justify-content: center;}
.helpRequestBtn {
  width: 100%;
  font-size: 13px;
  padding: 14px 10px;
  }
 .supportFormInner {
    padding: 0px 10px 0px;
}
.supportForm.modal {overflow: auto;top:30px;}
.supportForm .modal-title {font-size: 20px;}
.supportForm .form-group {margin-bottom: 8px;}
.supportFormInner textarea.form-control {height:80px;}
.supportForm .modal-header {padding: 8px 15px;}
.supportForm .modal-header .close {top: 8px;}
.supportFormInner .form-control {height:37px;}
.stj_photo_up_Wrap.profile .stj_photo_up.profileImg {
    display: flex;
    column-gap: 15px;
    flex-direction: column;
    align-items: center;
    margin: 13px 0 0;
}
.proTopDel {
    text-align: center;
    margin: 10px 0 0;
}
.profileListing ul li {
    width: 100%;
    padding: 6px 10px;
}
.profileListing ul li p {
    margin: 0;
    font-size: 14px;
}
.proTopDel p {
    font-size: 15px;
}
.galleryList {
    flex-wrap: wrap;
}
.galleryListCol {
    width: 100%;
}
.galleryListBox {
    width: 47%;
    margin: 0 0 15px;
}
.reg_dv.proDet h2 {
    font-size: 17px;
    padding: 12px 15px;
}
.reg_dv.proDet .stj_pb_edit {
    padding: 0 15px;
}
body.individual-profile-class .reg_dv.proDet h2 {
	font-size:21px;
	padding:14px 30px;
	float:none;
}
.reg_dv.proDet .stj_pb_edit {
    clear: both;
    padding: 0 15px;
    float: none;
    margin: 20px 0 0;
}
.galleryListWrp.videos .galleryListBox {
    margin: 0 0 6px;
}
.uploadVideo {
    display: flex;
    flex-wrap: wrap;
    column-gap: 10px;
}
.uploadVideo .col-md-3.col-sm-3 {
    padding: 0;
    width: 48.3%;
}
.stj_pb_edit.gallery-page.uploadVideoWrp {
    margin: 15px 0 10px;
    padding: 0;
}
.videogallery.stj_pb_edit.profileVideo {
    display: flex;
    column-gap: 10px;
    padding: 0;
	flex-wrap:wrap;
}
.videogallery.stj_pb_edit.profileVideo .col-md-6.col-sm-6 {
    padding: 0;
    width: 48.3%;
}
.videogallery.stj_pb_edit.profileVideo .col-md-12 {
    padding: 0;
    width: 100%;
}
.editBtnWrapp.active {
    top: 4px;
}
	}/**max-width:767px**/

rect-auto, .c100.p51 .slice, .c100.p52 .slice, .c100.p53 .slice, .c100.p54 .slice, .c100.p55 .slice, .c100.p56 .slice, .c100.p57 .slice, .c100.p58 .slice, .c100.p59 .slice, .c100.p60 .slice, .c100.p61 .slice, .c100.p62 .slice, .c100.p63 .slice, .c100.p64 .slice, .c100.p65 .slice, .c100.p66 .slice, .c100.p67 .slice, .c100.p68 .slice, .c100.p69 .slice, .c100.p70 .slice, .c100.p71 .slice, .c100.p72 .slice, .c100.p73 .slice, .c100.p74 .slice, .c100.p75 .slice, .c100.p76 .slice, .c100.p77 .slice, .c100.p78 .slice, .c100.p79 .slice, .c100.p80 .slice, .c100.p81 .slice, .c100.p82 .slice, .c100.p83 .slice, .c100.p84 .slice, .c100.p85 .slice, .c100.p86 .slice, .c100.p87 .slice, .c100.p88 .slice, .c100.p89 .slice, .c100.p90 .slice, .c100.p91 .slice, .c100.p92 .slice, .c100.p93 .slice, .c100.p94 .slice, .c100.p95 .slice, .c100.p96 .slice, .c100.p97 .slice, .c100.p98 .slice, .c100.p99 .slice, .c100.p100 .slice {
  clip:rect(auto,auto,auto,auto)
}
.pie, .c100 .bar, .c100.p51 .fill, .c100.p52 .fill, .c100.p53 .fill, .c100.p54 .fill, .c100.p55 .fill, .c100.p56 .fill, .c100.p57 .fill, .c100.p58 .fill, .c100.p59 .fill, .c100.p60 .fill, .c100.p61 .fill, .c100.p62 .fill, .c100.p63 .fill, .c100.p64 .fill, .c100.p65 .fill, .c100.p66 .fill, .c100.p67 .fill, .c100.p68 .fill, .c100.p69 .fill, .c100.p70 .fill, .c100.p71 .fill, .c100.p72 .fill, .c100.p73 .fill, .c100.p74 .fill, .c100.p75 .fill, .c100.p76 .fill, .c100.p77 .fill, .c100.p78 .fill, .c100.p79 .fill, .c100.p80 .fill, .c100.p81 .fill, .c100.p82 .fill, .c100.p83 .fill, .c100.p84 .fill, .c100.p85 .fill, .c100.p86 .fill, .c100.p87 .fill, .c100.p88 .fill, .c100.p89 .fill, .c100.p90 .fill, .c100.p91 .fill, .c100.p92 .fill, .c100.p93 .fill, .c100.p94 .fill, .c100.p95 .fill, .c100.p96 .fill, .c100.p97 .fill, .c100.p98 .fill, .c100.p99 .fill, .c100.p100 .fill {
  position:absolute;
  border: .10em solid #cf2027;
  width: .80em;
  height: .80em;
  clip:rect(0em,0.5em,1em,0em);
  border-radius:50%;
  -webkit-transform:rotate(0deg);
  -moz-transform:rotate(0deg);
  -ms-transform:rotate(0deg);
  -o-transform:rotate(0deg);
  transform:rotate(0deg);
}
.pie-fill, .c100.p51 .bar:after, .c100.p51 .fill, .c100.p52 .bar:after, .c100.p52 .fill, .c100.p53 .bar:after, .c100.p53 .fill, .c100.p54 .bar:after, .c100.p54 .fill, .c100.p55 .bar:after, .c100.p55 .fill, .c100.p56 .bar:after, .c100.p56 .fill, .c100.p57 .bar:after, .c100.p57 .fill, .c100.p58 .bar:after, .c100.p58 .fill, .c100.p59 .bar:after, .c100.p59 .fill, .c100.p60 .bar:after, .c100.p60 .fill, .c100.p61 .bar:after, .c100.p61 .fill, .c100.p62 .bar:after, .c100.p62 .fill, .c100.p63 .bar:after, .c100.p63 .fill, .c100.p64 .bar:after, .c100.p64 .fill, .c100.p65 .bar:after, .c100.p65 .fill, .c100.p66 .bar:after, .c100.p66 .fill, .c100.p67 .bar:after, .c100.p67 .fill, .c100.p68 .bar:after, .c100.p68 .fill, .c100.p69 .bar:after, .c100.p69 .fill, .c100.p70 .bar:after, .c100.p70 .fill, .c100.p71 .bar:after, .c100.p71 .fill, .c100.p72 .bar:after, .c100.p72 .fill, .c100.p73 .bar:after, .c100.p73 .fill, .c100.p74 .bar:after, .c100.p74 .fill, .c100.p75 .bar:after, .c100.p75 .fill, .c100.p76 .bar:after, .c100.p76 .fill, .c100.p77 .bar:after, .c100.p77 .fill, .c100.p78 .bar:after, .c100.p78 .fill, .c100.p79 .bar:after, .c100.p79 .fill, .c100.p80 .bar:after, .c100.p80 .fill, .c100.p81 .bar:after, .c100.p81 .fill, .c100.p82 .bar:after, .c100.p82 .fill, .c100.p83 .bar:after, .c100.p83 .fill, .c100.p84 .bar:after, .c100.p84 .fill, .c100.p85 .bar:after, .c100.p85 .fill, .c100.p86 .bar:after, .c100.p86 .fill, .c100.p87 .bar:after, .c100.p87 .fill, .c100.p88 .bar:after, .c100.p88 .fill, .c100.p89 .bar:after, .c100.p89 .fill, .c100.p90 .bar:after, .c100.p90 .fill, .c100.p91 .bar:after, .c100.p91 .fill, .c100.p92 .bar:after, .c100.p92 .fill, .c100.p93 .bar:after, .c100.p93 .fill, .c100.p94 .bar:after, .c100.p94 .fill, .c100.p95 .bar:after, .c100.p95 .fill, .c100.p96 .bar:after, .c100.p96 .fill, .c100.p97 .bar:after, .c100.p97 .fill, .c100.p98 .bar:after, .c100.p98 .fill, .c100.p99 .bar:after, .c100.p99 .fill, .c100.p100 .bar:after, .c100.p100 .fill {
  -webkit-transform:rotate(180deg);
  -moz-transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  -o-transform:rotate(180deg);
  transform:rotate(180deg)
}
.c100 {
  position:relative;
  font-size:120px;
  width: 1em;
  height:1em;
  border-radius:50%;
  float:left;
  margin:0 .1em .1em 0;
  background-color:#ccc;
}
.c100 *, .c100 *:before, .c100 *:after {
  -webkit-box-sizing:content-box;
  -moz-box-sizing:content-box;
  box-sizing:content-box
}
.c100.center {
  float:none;
  margin:0 auto
}
.c100.big {
  font-size:240px
}
.c100.small {
  font-size:80px
}
.c100>span {
  position:absolute;
  width:100%;
  z-index:1;
  left:0;
  top:0;
  width:5em;
  line-height: 4.3em;
  font-weight: 600;
  font-size:.2em;
  color: #000;
  display:block;
  text-align:center;
  white-space:nowrap;
  -webkit-transition-property:all;
  -moz-transition-property:all;
  -o-transition-property:all;
  transition-property:all;
  -webkit-transition-duration:.2s;
  -moz-transition-duration:.2s;
  -o-transition-duration:.2s;
  transition-duration:.2s;
  -webkit-transition-timing-function:ease-out;
  -moz-transition-timing-function:ease-out;
  -o-transition-timing-function:ease-out;
  transition-timing-function:ease-out;
}
.c100:after {
  position:absolute;
  top: .10em;
  left: .10em;
  display:block;
  content:" ";
  border-radius:50%;
  background-color:#f5f5f5;
  width: .80em;
  height: .80em;
  -webkit-transition-property:all;
  -moz-transition-property:all;
  -o-transition-property:all;
  transition-property:all;
  -webkit-transition-duration:.2s;
  -moz-transition-duration:.2s;
  -o-transition-duration:.2s;
  transition-duration:.2s;
  -webkit-transition-timing-function:ease-in;
  -moz-transition-timing-function:ease-in;
  -o-transition-timing-function:ease-in;
  transition-timing-function:ease-in;
}
.c100 .slice {
  position:absolute;
  width:1em;
  height:1em;
  clip:rect(0em,1em,1em,0.5em)
}
.c100.p1 .bar {
  -webkit-transform:rotate(3.6deg);
  -moz-transform:rotate(3.6deg);
  -ms-transform:rotate(3.6deg);
  -o-transform:rotate(3.6deg);
  transform:rotate(3.6deg)
}
.c100.p2 .bar {
  -webkit-transform:rotate(7.2deg);
  -moz-transform:rotate(7.2deg);
  -ms-transform:rotate(7.2deg);
  -o-transform:rotate(7.2deg);
  transform:rotate(7.2deg)
}
.c100.p3 .bar {
  -webkit-transform:rotate(10.8deg);
  -moz-transform:rotate(10.8deg);
  -ms-transform:rotate(10.8deg);
  -o-transform:rotate(10.8deg);
  transform:rotate(10.8deg)
}
.c100.p4 .bar {
  -webkit-transform:rotate(14.4deg);
  -moz-transform:rotate(14.4deg);
  -ms-transform:rotate(14.4deg);
  -o-transform:rotate(14.4deg);
  transform:rotate(14.4deg)
}
.c100.p5 .bar {
  -webkit-transform:rotate(18deg);
  -moz-transform:rotate(18deg);
  -ms-transform:rotate(18deg);
  -o-transform:rotate(18deg);
  transform:rotate(18deg)
}
.c100.p6 .bar {
  -webkit-transform:rotate(21.6deg);
  -moz-transform:rotate(21.6deg);
  -ms-transform:rotate(21.6deg);
  -o-transform:rotate(21.6deg);
  transform:rotate(21.6deg)
}
.c100.p7 .bar {
  -webkit-transform:rotate(25.2deg);
  -moz-transform:rotate(25.2deg);
  -ms-transform:rotate(25.2deg);
  -o-transform:rotate(25.2deg);
  transform:rotate(25.2deg)
}
.c100.p8 .bar {
  -webkit-transform:rotate(28.8deg);
  -moz-transform:rotate(28.8deg);
  -ms-transform:rotate(28.8deg);
  -o-transform:rotate(28.8deg);
  transform:rotate(28.8deg)
}
.c100.p9 .bar {
  -webkit-transform:rotate(32.4deg);
  -moz-transform:rotate(32.4deg);
  -ms-transform:rotate(32.4deg);
  -o-transform:rotate(32.4deg);
  transform:rotate(32.4deg)
}
.c100.p10 .bar {
  -webkit-transform:rotate(36deg);
  -moz-transform:rotate(36deg);
  -ms-transform:rotate(36deg);
  -o-transform:rotate(36deg);
  transform:rotate(36deg)
}
.c100.p11 .bar {
  -webkit-transform:rotate(39.6deg);
  -moz-transform:rotate(39.6deg);
  -ms-transform:rotate(39.6deg);
  -o-transform:rotate(39.6deg);
  transform:rotate(39.6deg)
}
.c100.p12 .bar {
  -webkit-transform:rotate(43.2deg);
  -moz-transform:rotate(43.2deg);
  -ms-transform:rotate(43.2deg);
  -o-transform:rotate(43.2deg);
  transform:rotate(43.2deg)
}
.c100.p13 .bar {


  -webkit-transform:rotate(46.800000000000004deg);
  -moz-transform:rotate(46.800000000000004deg);
  -ms-transform:rotate(46.800000000000004deg);
  -o-transform:rotate(46.800000000000004deg);
  transform:rotate(46.800000000000004deg)
}
.c100.p14 .bar {
  -webkit-transform:rotate(50.4deg);
  -moz-transform:rotate(50.4deg);
  -ms-transform:rotate(50.4deg);
  -o-transform:rotate(50.4deg);
  transform:rotate(50.4deg)
}
.c100.p15 .bar {
  -webkit-transform:rotate(54deg);
  -moz-transform:rotate(54deg);
  -ms-transform:rotate(54deg);
  -o-transform:rotate(54deg);
  transform:rotate(54deg)
}
.c100.p16 .bar {
  -webkit-transform:rotate(57.6deg);
  -moz-transform:rotate(57.6deg);
  -ms-transform:rotate(57.6deg);
  -o-transform:rotate(57.6deg);
  transform:rotate(57.6deg)
}
.c100.p17 .bar {
  -webkit-transform:rotate(61.2deg);
  -moz-transform:rotate(61.2deg);
  -ms-transform:rotate(61.2deg);
  -o-transform:rotate(61.2deg);
  transform:rotate(61.2deg)
}
.c100.p18 .bar {
  -webkit-transform:rotate(64.8deg);
  -moz-transform:rotate(64.8deg);
  -ms-transform:rotate(64.8deg);
  -o-transform:rotate(64.8deg);
  transform:rotate(64.8deg)
}
.c100.p19 .bar {
  -webkit-transform:rotate(68.4deg);
  -moz-transform:rotate(68.4deg);
  -ms-transform:rotate(68.4deg);
  -o-transform:rotate(68.4deg);
  transform:rotate(68.4deg)
}
.c100.p20 .bar {
  -webkit-transform:rotate(72deg);
  -moz-transform:rotate(72deg);
  -ms-transform:rotate(72deg);
  -o-transform:rotate(72deg);
  transform:rotate(72deg)
}
.c100.p21 .bar {
  -webkit-transform:rotate(75.60000000000001deg);
  -moz-transform:rotate(75.60000000000001deg);
  -ms-transform:rotate(75.60000000000001deg);
  -o-transform:rotate(75.60000000000001deg);
  transform:rotate(75.60000000000001deg)
}
.c100.p22 .bar {
  -webkit-transform:rotate(79.2deg);
  -moz-transform:rotate(79.2deg);
  -ms-transform:rotate(79.2deg);
  -o-transform:rotate(79.2deg);
  transform:rotate(79.2deg)
}
.c100.p23 .bar {
  -webkit-transform:rotate(82.8deg);
  -moz-transform:rotate(82.8deg);
  -ms-transform:rotate(82.8deg);
  -o-transform:rotate(82.8deg);
  transform:rotate(82.8deg)
}
.c100.p24 .bar {
  -webkit-transform:rotate(86.4deg);
  -moz-transform:rotate(86.4deg);
  -ms-transform:rotate(86.4deg);
  -o-transform:rotate(86.4deg);
  transform:rotate(86.4deg)
}
.c100.p25 .bar {
  -webkit-transform:rotate(90deg);
  -moz-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  -o-transform:rotate(90deg);
  transform:rotate(90deg)
}
.c100.p26 .bar {
  -webkit-transform:rotate(93.60000000000001deg);
  -moz-transform:rotate(93.60000000000001deg);
  -ms-transform:rotate(93.60000000000001deg);
  -o-transform:rotate(93.60000000000001deg);
  transform:rotate(93.60000000000001deg)
}
.c100.p27 .bar {
  -webkit-transform:rotate(97.2deg);
  -moz-transform:rotate(97.2deg);
  -ms-transform:rotate(97.2deg);
  -o-transform:rotate(97.2deg);
  transform:rotate(97.2deg)
}
.c100.p28 .bar {
  -webkit-transform:rotate(100.8deg);
  -moz-transform:rotate(100.8deg);
  -ms-transform:rotate(100.8deg);
  -o-transform:rotate(100.8deg);
  transform:rotate(100.8deg)
}
.c100.p29 .bar {
  -webkit-transform:rotate(104.4deg);
  -moz-transform:rotate(104.4deg);
  -ms-transform:rotate(104.4deg);
  -o-transform:rotate(104.4deg);
  transform:rotate(104.4deg)
}
.c100.p30 .bar {
  -webkit-transform:rotate(108deg);
  -moz-transform:rotate(108deg);
  -ms-transform:rotate(108deg);
  -o-transform:rotate(108deg);
  transform:rotate(108deg)
}
.c100.p31 .bar {
  -webkit-transform:rotate(111.60000000000001deg);
  -moz-transform:rotate(111.60000000000001deg);
  -ms-transform:rotate(111.60000000000001deg);
  -o-transform:rotate(111.60000000000001deg);
  transform:rotate(111.60000000000001deg)
}
.c100.p32 .bar {
  -webkit-transform:rotate(115.2deg);
  -moz-transform:rotate(115.2deg);
  -ms-transform:rotate(115.2deg);
  -o-transform:rotate(115.2deg);
  transform:rotate(115.2deg)
}
.c100.p33 .bar {
  -webkit-transform:rotate(118.8deg);
  -moz-transform:rotate(118.8deg);
  -ms-transform:rotate(118.8deg);
  -o-transform:rotate(118.8deg);
  transform:rotate(118.8deg)
}
.c100.p34 .bar {
  -webkit-transform:rotate(122.4deg);
  -moz-transform:rotate(122.4deg);
  -ms-transform:rotate(122.4deg);
  -o-transform:rotate(122.4deg);
  transform:rotate(122.4deg)
}
.c100.p35 .bar {
  -webkit-transform:rotate(126deg);
  -moz-transform:rotate(126deg);
  -ms-transform:rotate(126deg);
  -o-transform:rotate(126deg);
  transform:rotate(126deg)
}
.c100.p36 .bar {
  -webkit-transform:rotate(129.6deg);
  -moz-transform:rotate(129.6deg);
  -ms-transform:rotate(129.6deg);
  -o-transform:rotate(129.6deg);
  transform:rotate(129.6deg)
}
.c100.p37 .bar {
  -webkit-transform:rotate(133.20000000000002deg);
  -moz-transform:rotate(133.20000000000002deg);
  -ms-transform:rotate(133.20000000000002deg);
  -o-transform:rotate(133.20000000000002deg);
  transform:rotate(133.20000000000002deg)
}
.c100.p38 .bar {
  -webkit-transform:rotate(136.8deg);
  -moz-transform:rotate(136.8deg);
  -ms-transform:rotate(136.8deg);
  -o-transform:rotate(136.8deg);
  transform:rotate(136.8deg)
}
.c100.p39 .bar {
  -webkit-transform:rotate(140.4deg);
  -moz-transform:rotate(140.4deg);
  -ms-transform:rotate(140.4deg);
  -o-transform:rotate(140.4deg);
  transform:rotate(140.4deg)
}
.c100.p40 .bar {
  -webkit-transform:rotate(144deg);
  -moz-transform:rotate(144deg);
  -ms-transform:rotate(144deg);
  -o-transform:rotate(144deg);
  transform:rotate(144deg)
}
.c100.p41 .bar {
  -webkit-transform:rotate(147.6deg);
  -moz-transform:rotate(147.6deg);
  -ms-transform:rotate(147.6deg);
  -o-transform:rotate(147.6deg);
  transform:rotate(147.6deg)
}
.c100.p42 .bar {
  -webkit-transform:rotate(151.20000000000002deg);
  -moz-transform:rotate(151.20000000000002deg);
  -ms-transform:rotate(151.20000000000002deg);
  -o-transform:rotate(151.20000000000002deg);
  transform:rotate(151.20000000000002deg)
}
.c100.p43 .bar {
  -webkit-transform:rotate(154.8deg);
  -moz-transform:rotate(154.8deg);
  -ms-transform:rotate(154.8deg);
  -o-transform:rotate(154.8deg);
  transform:rotate(154.8deg)
}
.c100.p44 .bar {
  -webkit-transform:rotate(158.4deg);
  -moz-transform:rotate(158.4deg);
  -ms-transform:rotate(158.4deg);
  -o-transform:rotate(158.4deg);
  transform:rotate(158.4deg)
}
.c100.p45 .bar {
  -webkit-transform:rotate(162deg);
  -moz-transform:rotate(162deg);
  -ms-transform:rotate(162deg);
  -o-transform:rotate(162deg);
  transform:rotate(162deg)
}
.c100.p46 .bar {
  -webkit-transform:rotate(165.6deg);
  -moz-transform:rotate(165.6deg);
  -ms-transform:rotate(165.6deg);
  -o-transform:rotate(165.6deg);
  transform:rotate(165.6deg)
}
.c100.p47 .bar {
  -webkit-transform:rotate(169.20000000000002deg);
  -moz-transform:rotate(169.20000000000002deg);
  -ms-transform:rotate(169.20000000000002deg);
  -o-transform:rotate(169.20000000000002deg);
  transform:rotate(169.20000000000002deg)
}
.c100.p48 .bar {
  -webkit-transform:rotate(172.8deg);
  -moz-transform:rotate(172.8deg);
  -ms-transform:rotate(172.8deg);
  -o-transform:rotate(172.8deg);
  transform:rotate(172.8deg)
}
.c100.p49 .bar {
  -webkit-transform:rotate(176.4deg);
  -moz-transform:rotate(176.4deg);
  -ms-transform:rotate(176.4deg);
  -o-transform:rotate(176.4deg);
  transform:rotate(176.4deg)
}
.c100.p50 .bar {
  -webkit-transform:rotate(180deg);
  -moz-transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  -o-transform:rotate(180deg);
  transform:rotate(180deg)
}
.c100.p51 .bar {
  -webkit-transform:rotate(183.6deg);
  -moz-transform:rotate(183.6deg);
  -ms-transform:rotate(183.6deg);
  -o-transform:rotate(183.6deg);
  transform:rotate(183.6deg)
}
.c100.p52 .bar {
  -webkit-transform:rotate(187.20000000000002deg);
  -moz-transform:rotate(187.20000000000002deg);
  -ms-transform:rotate(187.20000000000002deg);
  -o-transform:rotate(187.20000000000002deg);
  transform:rotate(187.20000000000002deg)
}
.c100.p53 .bar {
  -webkit-transform:rotate(190.8deg);
  -moz-transform:rotate(190.8deg);
  -ms-transform:rotate(190.8deg);
  -o-transform:rotate(190.8deg);
  transform:rotate(190.8deg)
}
.c100.p54 .bar {
  -webkit-transform:rotate(194.4deg);
  -moz-transform:rotate(194.4deg);
  -ms-transform:rotate(194.4deg);
  -o-transform:rotate(194.4deg);
  transform:rotate(194.4deg)
}
.c100.p55 .bar {
  -webkit-transform:rotate(198deg);
  -moz-transform:rotate(198deg);
  -ms-transform:rotate(198deg);
  -o-transform:rotate(198deg);
  transform:rotate(198deg)
}
.c100.p56 .bar {
  -webkit-transform:rotate(201.6deg);
  -moz-transform:rotate(201.6deg);
  -ms-transform:rotate(201.6deg);
  -o-transform:rotate(201.6deg);
  transform:rotate(201.6deg)
}
.c100.p57 .bar {
  -webkit-transform:rotate(205.20000000000002deg);
  -moz-transform:rotate(205.20000000000002deg);
  -ms-transform:rotate(205.20000000000002deg);
  -o-transform:rotate(205.20000000000002deg);
  transform:rotate(205.20000000000002deg)
}
.c100.p58 .bar {
  -webkit-transform:rotate(208.8deg);
  -moz-transform:rotate(208.8deg);
  -ms-transform:rotate(208.8deg);
  -o-transform:rotate(208.8deg);
  transform:rotate(208.8deg)
}
.c100.p59 .bar {
  -webkit-transform:rotate(212.4deg);
  -moz-transform:rotate(212.4deg);
  -ms-transform:rotate(212.4deg);
  -o-transform:rotate(212.4deg);
  transform:rotate(212.4deg)
}
.c100.p60 .bar {
  -webkit-transform:rotate(216deg);
  -moz-transform:rotate(216deg);
  -ms-transform:rotate(216deg);
  -o-transform:rotate(216deg);
  transform:rotate(216deg)
}
.c100.p61 .bar {
  -webkit-transform:rotate(219.6deg);
  -moz-transform:rotate(219.6deg);
  -ms-transform:rotate(219.6deg);
  -o-transform:rotate(219.6deg);
  transform:rotate(219.6deg)
}
.c100.p62 .bar {
  -webkit-transform:rotate(223.20000000000002deg);
  -moz-transform:rotate(223.20000000000002deg);
  -ms-transform:rotate(223.20000000000002deg);
  -o-transform:rotate(223.20000000000002deg);
  transform:rotate(223.20000000000002deg)
}
.c100.p63 .bar {
  -webkit-transform:rotate(226.8deg);
  -moz-transform:rotate(226.8deg);
  -ms-transform:rotate(226.8deg);
  -o-transform:rotate(226.8deg);
  transform:rotate(226.8deg)
}
.c100.p64 .bar {
  -webkit-transform:rotate(230.4deg);
  -moz-transform:rotate(230.4deg);
  -ms-transform:rotate(230.4deg);
  -o-transform:rotate(230.4deg);
  transform:rotate(230.4deg)
}
.c100.p65 .bar {
  -webkit-transform:rotate(234deg);
  -moz-transform:rotate(234deg);
  -ms-transform:rotate(234deg);
  -o-transform:rotate(234deg);
  transform:rotate(234deg)
}
.c100.p66 .bar {
  -webkit-transform:rotate(237.6deg);
  -moz-transform:rotate(237.6deg);
  -ms-transform:rotate(237.6deg);
  -o-transform:rotate(237.6deg);
  transform:rotate(237.6deg)
}
.c100.p67 .bar {
  -webkit-transform:rotate(241.20000000000002deg);
  -moz-transform:rotate(241.20000000000002deg);
  -ms-transform:rotate(241.20000000000002deg);
  -o-transform:rotate(241.20000000000002deg);
  transform:rotate(241.20000000000002deg)
}
.c100.p68 .bar {
  -webkit-transform:rotate(244.8deg);
  -moz-transform:rotate(244.8deg);
  -ms-transform:rotate(244.8deg);
  -o-transform:rotate(244.8deg);
  transform:rotate(244.8deg)
}
.c100.p69 .bar {
  -webkit-transform:rotate(248.4deg);
  -moz-transform:rotate(248.4deg);
  -ms-transform:rotate(248.4deg);
  -o-transform:rotate(248.4deg);
  transform:rotate(248.4deg)
}
.c100.p70 .bar {
  -webkit-transform:rotate(252deg);
  -moz-transform:rotate(252deg);
  -ms-transform:rotate(252deg);
  -o-transform:rotate(252deg);
  transform:rotate(252deg)
}
.c100.p71 .bar {
  -webkit-transform:rotate(255.6deg);
  -moz-transform:rotate(255.6deg);
  -ms-transform:rotate(255.6deg);
  -o-transform:rotate(255.6deg);
  transform:rotate(255.6deg)
}
.c100.p72 .bar {
  -webkit-transform:rotate(259.2deg);
  -moz-transform:rotate(259.2deg);
  -ms-transform:rotate(259.2deg);
  -o-transform:rotate(259.2deg);
  transform:rotate(259.2deg)
}
.c100.p73 .bar {
  -webkit-transform:rotate(262.8deg);
  -moz-transform:rotate(262.8deg);
  -ms-transform:rotate(262.8deg);
  -o-transform:rotate(262.8deg);
  transform:rotate(262.8deg)
}
.c100.p74 .bar {
  -webkit-transform:rotate(266.40000000000003deg);
  -moz-transform:rotate(266.40000000000003deg);
  -ms-transform:rotate(266.40000000000003deg);
  -o-transform:rotate(266.40000000000003deg);
  transform:rotate(266.40000000000003deg)
}
.c100.p75 .bar {
  -webkit-transform:rotate(270deg);
  -moz-transform:rotate(270deg);
  -ms-transform:rotate(270deg);
  -o-transform:rotate(270deg);
  transform:rotate(270deg)
}
.c100.p76 .bar {
  -webkit-transform:rotate(273.6deg);
  -moz-transform:rotate(273.6deg);
  -ms-transform:rotate(273.6deg);
  -o-transform:rotate(273.6deg);
  transform:rotate(273.6deg)
}
.c100.p77 .bar {
  -webkit-transform:rotate(277.2deg);
  -moz-transform:rotate(277.2deg);
  -ms-transform:rotate(277.2deg);
  -o-transform:rotate(277.2deg);
  transform:rotate(277.2deg)
}
.c100.p78 .bar {
  -webkit-transform:rotate(280.8deg);
  -moz-transform:rotate(280.8deg);
  -ms-transform:rotate(280.8deg);
  -o-transform:rotate(280.8deg);
  transform:rotate(280.8deg)
}
.c100.p79 .bar {
  -webkit-transform:rotate(284.40000000000003deg);
  -moz-transform:rotate(284.40000000000003deg);
  -ms-transform:rotate(284.40000000000003deg);
  -o-transform:rotate(284.40000000000003deg);
  transform:rotate(284.40000000000003deg)
}
.c100.p80 .bar {
  -webkit-transform:rotate(288deg);
  -moz-transform:rotate(288deg);
  -ms-transform:rotate(288deg);
  -o-transform:rotate(288deg);
  transform:rotate(288deg)
}
.c100.p81 .bar {
  -webkit-transform:rotate(291.6deg);
  -moz-transform:rotate(291.6deg);
  -ms-transform:rotate(291.6deg);
  -o-transform:rotate(291.6deg);
  transform:rotate(291.6deg)
}
.c100.p82 .bar {
  -webkit-transform:rotate(295.2deg);
  -moz-transform:rotate(295.2deg);
  -ms-transform:rotate(295.2deg);
  -o-transform:rotate(295.2deg);
  transform:rotate(295.2deg)
}
.c100.p83 .bar {
  -webkit-transform:rotate(298.8deg);
  -moz-transform:rotate(298.8deg);
  -ms-transform:rotate(298.8deg);
  -o-transform:rotate(298.8deg);
  transform:rotate(298.8deg)
}
.c100.p84 .bar {
  -webkit-transform:rotate(302.40000000000003deg);
  -moz-transform:rotate(302.40000000000003deg);
  -ms-transform:rotate(302.40000000000003deg);
  -o-transform:rotate(302.40000000000003deg);
  transform:rotate(302.40000000000003deg)
}
.c100.p85 .bar {
  -webkit-transform:rotate(306deg);
  -moz-transform:rotate(306deg);
  -ms-transform:rotate(306deg);
  -o-transform:rotate(306deg);
  transform:rotate(306deg)
}
.c100.p86 .bar {
  -webkit-transform:rotate(309.6deg);
  -moz-transform:rotate(309.6deg);
  -ms-transform:rotate(309.6deg);
  -o-transform:rotate(309.6deg);
  transform:rotate(309.6deg)
}
.c100.p87 .bar {
  -webkit-transform:rotate(313.2deg);
  -moz-transform:rotate(313.2deg);
  -ms-transform:rotate(313.2deg);
  -o-transform:rotate(313.2deg);
  transform:rotate(313.2deg)
}
.c100.p88 .bar {
  -webkit-transform:rotate(316.8deg);
  -moz-transform:rotate(316.8deg);
  -ms-transform:rotate(316.8deg);
  -o-transform:rotate(316.8deg);
  transform:rotate(316.8deg)
}
.c100.p89 .bar {
  -webkit-transform:rotate(320.40000000000003deg);
  -moz-transform:rotate(320.40000000000003deg);
  -ms-transform:rotate(320.40000000000003deg);
  -o-transform:rotate(320.40000000000003deg);
  transform:rotate(320.40000000000003deg)
}
.c100.p90 .bar {
  -webkit-transform:rotate(324deg);
  -moz-transform:rotate(324deg);
  -ms-transform:rotate(324deg);
  -o-transform:rotate(324deg);
  transform:rotate(324deg)
}
.c100.p91 .bar {
  -webkit-transform:rotate(327.6deg);
  -moz-transform:rotate(327.6deg);
  -ms-transform:rotate(327.6deg);
  -o-transform:rotate(327.6deg);
  transform:rotate(327.6deg)
}
.c100.p92 .bar {
  -webkit-transform:rotate(331.2deg);
  -moz-transform:rotate(331.2deg);
  -ms-transform:rotate(331.2deg);
  -o-transform:rotate(331.2deg);
  transform:rotate(331.2deg)
}
.c100.p93 .bar {
  -webkit-transform:rotate(334.8deg);
  -moz-transform:rotate(334.8deg);
  -ms-transform:rotate(334.8deg);
  -o-transform:rotate(334.8deg);
  transform:rotate(334.8deg)
}
.c100.p94 .bar {
  -webkit-transform:rotate(338.40000000000003deg);
  -moz-transform:rotate(338.40000000000003deg);
  -ms-transform:rotate(338.40000000000003deg);
  -o-transform:rotate(338.40000000000003deg);
  transform:rotate(338.40000000000003deg)
}
.c100.p95 .bar {
  -webkit-transform:rotate(342deg);
  -moz-transform:rotate(342deg);
  -ms-transform:rotate(342deg);
  -o-transform:rotate(342deg);
  transform:rotate(342deg)
}
.c100.p96 .bar {
  -webkit-transform:rotate(345.6deg);
  -moz-transform:rotate(345.6deg);
  -ms-transform:rotate(345.6deg);
  -o-transform:rotate(345.6deg);
  transform:rotate(345.6deg)
}
.c100.p97 .bar {
  -webkit-transform:rotate(349.2deg);
  -moz-transform:rotate(349.2deg);

  -ms-transform:rotate(349.2deg);
  -o-transform:rotate(349.2deg);
  transform:rotate(349.2deg)
}
.c100.p98 .bar {
  -webkit-transform:rotate(352.8deg);
  -moz-transform:rotate(352.8deg);
  -ms-transform:rotate(352.8deg);
  -o-transform:rotate(352.8deg);
  transform:rotate(352.8deg)
}
.c100.p99 .bar {
  -webkit-transform:rotate(356.40000000000003deg);
  -moz-transform:rotate(356.40000000000003deg);
  -ms-transform:rotate(356.40000000000003deg);
  -o-transform:rotate(356.40000000000003deg);
  transform:rotate(356.40000000000003deg)
}
.c100.p100 .bar {
  -webkit-transform:rotate(360deg);
  -moz-transform:rotate(360deg);
  -ms-transform:rotate(360deg);
  -o-transform:rotate(360deg);
  transform:rotate(360deg)
}


.c100>span:after {content:"Complete"; display:block; color:#000; font-size:12px; position:absolute; bottom:-20px; left:0; right:0;}
@media (max-width:1024px){
div#video-viewport video {
    height: 100% !important;
    object-fit: cover;
}
  }
@media (max-width:991px){
  div#myDIV {    display: none;}div#myDIV.mystyle {    display: block;}
  .stj_filter_inn .stj_ctg h3 button:before {
    position: absolute;
    top: 1px;
    left: 80px;
    width: 7px;
    height: 7px;
    border-bottom: 2px solid #3b3b3b;
    border-right: 2px solid #000;
    content: "";
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: border-color .2s ease;
    -moz-transition: border-color .2s ease;
    -ms-transition: border-color .2s ease;
    -o-transition: border-color .2s ease;
    transition: border-color .2s ease;
}

.banner-top {
    overflow: hidden;
}
  }
@media (max-width:767px){
  .popup-btn .btn{color: #fff;border: 1px solid;font-size: 14px;padding: 10px 18px;margin-top: 15px; width:100%;}
  .popup-btn{ margin-top:0px;}
  .popup-btn .red, .popup-btn .blue {    display: inline-block;    margin: 0 10px;    width: 100%;    box-sizing: border-box;    margin: 0;}
  .crs_listing ul li {width: calc(50% - 25px);}
  }