/*
COLORS

CTA blue: #086788
BG blue: #0B4F6C
Yellow/Gold: #F0C808
CTA accent blue: #119DA4
Text accents: #FFF1D0

*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');
button.button.talus-shine:focus,
a.button.talus-shine:focus{
  outline: 0;
}
button.button.talus-shine::before,
a.button.talus-shine::before{
  content: '';
  display: block;
  position: absolute;
  background: rgba(255,235,175,1);
  width: 60px;
  height: 100%;
  left: 0;
  top: 0;
  opacity: .7;
  filter: blur(30px);
  transform: translateX(-100px)  skewX(-15deg);
}
button.button.talus-shine::after,
a.button.talus-shine::after{
  content: '';
  display: block;
  position: absolute;
  background: rgba(255,235,175,.8);
  width: 30px;
  height: 100%;
  left: 30px;
  top: 0;
  opacity: 0;
  filter: blur(5px);
  transform: translateX(-100px) skewX(-15deg);
}
a.bg-light-blue {
    background-color: #119DA4;
}
a.bg-light-blue:hover,
button.button.talus-shine:hover,
a.button.talus-shine:hover{
  background: #F0C808;
  border-color: #F0C808;
  cursor: pointer;
}

button.button.talus-shine:hover::before,
a.button.talus-shine:hover::before{
  transform: translateX(300px)  skewX(-15deg);  
  opacity: 0.6;
  transition: 1s;
}

button.button.talus-shine:hover::after,
a.button.talus-shine:hover::after{
  transform: translateX(300px) skewX(-15deg);  
  opacity: 1;
  transition: 1s;
}

.account-type input.account-type-radio:checked ~ label,
a.button.talus-shine.btn-gold,
.btn-gold{
  background-color: #F0C808 !important;
  border-color: #F0C808 !important
}

.account-type input.account-type-radio ~ label:hover {
    background-color: rgba(224,194,94,.3) !important;
    border-color: rgba(224,194,94,.4) !important;
    color: #F0C808 !important
}
.slick-prev:hover, .slick-next:hover,
.logo-carousel .slick-prev:hover, .logo-carousel .slick-next:hover,
.bookmark-icon.bookmarked,
.gold-background {
  background-color: #F0C808 !important;
  border-color: #F0C808 !important;
}

.slick-prev, .slick-next,
.logo-carousel .slick-prev, .logo-carousel .slick-next {
  background-color:#086788 !important;;
  border-color: #086788 !important;
}

button.button.inverse,
a.button.inverse {
  background: transparent !important;;
  border: 1px solid #086788 !important;
  color: #086788 !important;
}
button.button.inverse:hover,
a.button.inverse:hover {
  background-color:#086788 !important;;
  color: #fff !important
}

.numbered.gold-color ol > li:before {
   background: #F0C808 !important;;
  border: 1px solid #F0C808 !important;
  color: #fff !important;
}
.list-2.gold-color li:before {
  color: #F0C808 !important;
}

.gold-color {
    color: #F0C808 !important;
}
.double-color-container {
    overflow: hidden;
    display: block;
    width: 100%;
   
    height: auto;
    padding-left: 0;
    padding-right: 0;
}

.body-container {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
}
.body-container .body {
    width: 100%;
    display: block;
    margin: auto;
    padding: 5% 40px;
}
.body-container.gold-bg {
    background-color: #F0C808 !important;
} 

.body-container.blue-bg {
    background-color:#0B4F6C !important;;
} 

.body-container i {
    color: #fff;
    font-size: 5rem;
    text-align: center;
}
.txt-white {
    color: #fff !important;
}
.w-50 {
    width: 50% !important;
}
.dashboard-box .headline {
    background-color: #0B4F6C;
}
.dashboard-box .headline h3,
.dashboard-box .headline h3 i{ 
    color:#fff !important
}

#navigation ul li {
    margin:0 !important
}
.intro-banner.bg-color::before {
    background: rgb(56,157,164) !important;
}
.intro-banner.bg-color.blue::before {
    background: #0c3c55 !important;;
}
.intro-banner.bg-color-light-blue::before {
    background: #119DA4 !important;
}
.section.blue {
    background: #0B4F6C;
    color: #fff;
    text-align: center
}
.os-wizard-container {
    display: block;
    position: relative;
    padding: 5px;
    margin: 0
} 

.os-wizard-container .os-wizard-step {
    display: flex;
    padding: 10px;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    margin-bottom: 20px;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.os-wizard-container .os-wizard-step:hover {
    background: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
    -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.os-wizard-container .os-wizard-step > div:first-child {
    display: flex;
    justify-content: flex-start;
    align-content: center
}

.os-wizard-container .os-wizard-step > div:first-child i {
    align-self: center;
    font-size: 20px; 
    margin-right: 5px;
    color: #086788;
}
.os-wizard-container .os-wizard-step > div:last-child i {
    font-size: 18px;
    align-self: center;

}
.os-wizard-container .os-wizard-step > div:first-child h5 {
    font-size: 16px;
    font-weight: 700;
    color: #086788
} 

.os-wizard-container .os-wizard-step.selected {
    background: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
    border-left: 7px solid #F0C808 ;
}
.os-wizard-container .os-wizard-step.done > div:last-child i,
.os-wizard-container .os-wizard-step.selected > div:last-child i {
     color: #F0C808
}
#header {
    height: 70px !important;
}

#navigation {
    margin-top: 28px;
}

#header {
    background-color: #1d1d4f !important;
    padding: 0 15px!important;
}

#header .header-widget {
	border: none;
}

.header-notifications-trigger a,
#navigation ul li a {
    color: #FFFFFF;
}
#navigation ul li a:hover {

}
.flex-row-spread-center {
    display: flex;
    justify-content: space-between;
    align-content: center;
    /* align-items: center;*/
}

.flex-row-spread-top {
    display: flex;
    justify-content: space-between;
    align-content: flex-start;
    align-items: flex-start;
}
.flex-wrap {
    flex-wrap: wrap;
}
.job-listing.with-apply-button:hover .list-apply-button,
.compact-list-layout .job-listing::before,
.icon-box-check {
    background-color: #119DA4 !important;
}

.icon-box-check.green {
    background-color: #09a013 !important;
}

.input-with-icon .btn-group {
    margin-bottom: 15px !important;
    width: calc(100% - 38px) !important;
    margin-left: auto !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
.input-with-icon .btn.dropdown-toggle {
    border-left: 0 !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
.input-with-icon > i.left-fixed {
    color: #a0a0a0;
    left: 0;
    text-align: center;
    line-height: 38px;
    width: 38px;
    height: 38px;
    font-size: 19px;
    background-color: #f8f8f8;
    border: 1px solid
    #e0e0e0;
    box-sizing: border-box;
    display: block;
    border-radius: 4px 0 0 4px;
}

.input-with-icon .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    color: rgba(128,128,128,.4) ;
}
h3.job-listing-title:hover > a,
strong.color {
    color: #119DA4!important;
}
strong.bg-color {
    background-color: #119DA4!important;
    padding: 1px 5px;
    border-radius: 5px;
    font-weight: 400;
}

.button.btn-small {
    padding: 5px !important;
    line-height: 18px !important;
    font-size: 14px !important;
}


input.disabled {
    background-color: rgba(128,128,128,.2) !important;
	color: #444;	
}
textarea.disabled {
    background-color: rgba(128,128,128,.2) !important;
	color: #444;
}
button.disabled {
    cursor: initial;
}
.button.button-inside-input {
    position: absolute;
    right: 0;
    top: 0;
    height: 30px;
    width: 30px;
    line-height: 30px;
    padding: 0;
    border-radius: 4px;
    font-size: 16px;
    margin: 4px;
    background-color: #119DA4;
}

.placeholder {
    background-color: rgba(128,128,128,.5) !important;
    border-radius: 5px;
    height: 500px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.square-box {
    width: 100%;
}
.square-box:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.rewards-progress {
    position: relative;
    display: block;
    width: 100%;
    background-color: rgba(128,128,128,.5);
    border-radius: 4px;
    height: 15px;
}
.rewards-progress-bar {
    position: absolute;
    background-color: #119DA4;
    border-radius: 4px;
    height: 15px;
    left: 0;
    top: 0;
    z-index: 100;
}
svg {
    width: 100px;
    display: block;
    margin: 40px auto 0;
}

.path {
    stroke-dasharray: 1000;
    stroke-dashoffset: 0;
}
.path.circle {
     -webkit-animation: dash 1.3s ease-in-out ;
     animation: dash 1.3s ease-in-out ;
 }
.path.line {
     stroke-dashoffset: 1000;
     -webkit-animation: dash 1.3s .6s ease-in-out  forwards;
     animation: dash 1.3s .6s ease-in-out  forwards;
 }
.path.check {
     stroke-dashoffset: -100;
     -webkit-animation: dash-check 1.3s .6s ease-in-out forwards;
     animation: dash-check 1.3s .6s ease-in-out forwards;
 }


@-webkit-keyframes dash {
    0% {
        stroke-dashoffset: 1000;
    }
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes dash {
    0% {
        stroke-dashoffset: 1000;
    }
    100% {
        stroke-dashoffset: 0;
    }
}

@-webkit-keyframes dash-check {
    0% {
        stroke-dashoffset: -100;
    }
    100% {
        stroke-dashoffset: 900;
    }
}

@keyframes dash-check {
    0% {
        stroke-dashoffset: -100;
    }
    100% {
        stroke-dashoffset: 900;
    }
}
.countdown-timer {
    display: flex;
    justify-content: flex-start;
    align-content: center;
}
.countdown-timer > span {
    margin-right: 15px;
}
.countdown-timer > span > span{
    display: block;
    font-size: 12px;
    margin: 0;
    padding: 0;
    background-color:  #086788;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    color: #fff;
    margin: auto;
    border-radius: 5px;
}
.countdown-timer > span > label {
    font-size: 8px;
    margin: 0;
    padding: 0;
    line-height: 10px;
    text-align: center;
}

.counter-down-icon {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 22px;
    font-weight: 400;
    color: #FFF;
    background-color: #086788;
    line-height: 27px;
    text-align: center;
    width: 27px;
    height: 27px;
    border-radius: 5px;
}

.fun-fact-style {
    display: block;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
    border-radius: 4px;
    margin-bottom: 30px;
    height: auto;
    transition: 0.3s;
    position: relative;
}

.fun-fact-style-heading {
    padding: 15px;
}
.select-freelancer-icon-container {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 25px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: #086788;
    border-radius: 100%;
    cursor: pointer;
    transition:  all 0.2s ease-in-out;
    box-shadow: 0 2px 12px rgba(0,0,0,0.18);
	z-index: 1;
}

.select-freelancer-icon-container:hover {
    background-color: #F0C808;
    transition:  all 0.2s ease-in-out;;
    box-shadow: 0 2px 12px rgba(0,0,0,0.3);
}
.select-freelancer-icon-container:active {
    background-color: #F0C808;
    box-shadow: 0 2px 12px rgba(0,0,0,0);
}
.select-freelancer-icon-container > i{
    color: #fff;
}

ul.big-items > li {
    font-size: 18px !important;
    margin-left: 32px;
}

ul.big-items > li::before {
    font-size: 26px;
    margin-left: -32px;
}
#small-dialog-3.no-header .mfp-close,
#small-dialog-2.no-header .mfp-close,
#small-dialog.no-header .mfp-close {
    top: 10px;
    right: 10px;
}
.card-container {
    border-radius: 4px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.12);
    margin-bottom: 30px;
    transition: 0.3s;
    position: relative;
    justify-content: center;
    padding: 40px;
    width: 100%;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    background-color: #086788;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-content: center;
    min-height: 300px;
}
.card-container:hover {
    transform: translateY(-5px);
}
.card-container.gold-bg {
    background-color: #F0C808;
}
.card-container {
    background-color: #fff ;
}
.body-container .body h1,
.body-container .body h3,
.body-container .body h2,
.body-container .body i,
.card-container h3,
.card-container h4 {
    color: #fff !important;
    text-shadow: 0 0 8px rgba(0,0,0,.2);
}

.card-container.bg-white h3,
.card-container.bg-white h4 {
    color: #333 !important;
    text-shadow: none;
}
.intro-banner-custom{
    background-image: url(../images/talus-freelance-initial.png);
    background-position: center;
    background-size: cover;
    padding: 105px 0;
    position: relative;
    z-index: 100;
    height: 100vh !important;
}

.intro-banner-custom h3,
.intro-banner-custom span {
    text-shadow: 0 0 12px rgba(255,255,255,.2);
}
.intro-banner-custom::after{
    content: '';
    z-index: -1;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
   background: linear-gradient(to right,rgba(250,250,250,.95) 10%, rgba(250,250,250,.65) 40% ,rgba(250,250,250,0.1) 70%,rgba(250,250,250,0) 100%);
}
.intro-banner-custom.no-filter::after{
    background: transparent;
}

.photo-section-custom {
    
    background-size: cover;
    background-position: center;
    display: block;
    min-height: 500px;
    position: relative;
}
.photo-section-custom::before {
    background-color: transparent;
}
.photo-section-custom h1
.photo-section-custom h2,
.photo-section-custom h3,
.photo-section-custom p {
    text-shadow: 0 1px 14px rgba(0,0,0,.3);
}

.custom-slide-over {
    z-index: 1000;
    position: absolute;
    top: 25px;
    right: 0;
    width: 45%;
    height: calc(100vh - 100px);
    background: white;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    box-shadow: -6px 6px 12px rgba(0,0,0,0.2);
    padding: 40px;
}
.os-scroll-container {
    display: flex;
    justify-content: flex-start;
}
.os-scroll-siderbar {
    width: 25%;
    margin-right: 5%;
}
.os-scroll-content {
    width: 70%;
}

.home-cards-container .photo-box.small {
    text-align: center !important;
    height: 200px;
    padding: 20px;
    border-radius: 15px;
    background-color: #fff !important;
    margin-bottom: 10px;
}
.home-cards-container .photo-box.small h3 {font-size: 20px;}
.home-cards-container .photo-box.small:hover::before {
    display: none;
}
.home-cards-container .photo-box.small i {
    font-size: 72px !important;
    color:  #086788;;
}

  
  .owl-carousel .owl-nav {
    overflow: hidden;
    height: 0px;
    margin-top: 0!important;  
  }
  /*
  .owl-carousel .nav-btn {
    height: 47px;
    position: absolute;
    width: 26px;
    cursor: pointer;
    top: 30% !important;
  }
  */
  .owl-carousel .owl-prev.disabled,
  .owl-carousel .owl-next.disabled {
    pointer-events: none;
    opacity: 0.2;
  }
  
  .owl-carousel .prev-slide {
    background: url(./assets/images/nav-icon.png) no-repeat scroll 0 0;
    left: -33px;
  }
  
  .owl-carousel .next-slide {
    background: url(./assets/images/nav-icon.png) no-repeat scroll -24px 0px;
    right: -33px;
  }
  
 /* .owl-carousel .prev-slide:hover {
    background-position: 0px -53px;
  }
  
  .owl-carousel .next-slide:hover {
    background-position: -24px -53px;
  }*/

.category-box-icon {
    align-self: center;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    line-height: 56px;
    margin-bottom: 7px;
}
.category-box:hover .category-box-icon {background-color:#fff;}

.photo-section-custom h1, .photo-section-custom h3 {text-shadow:0px 0px 5px #000; line-height: normal;}

.os-scroll-siderbar-item {    
    padding:20px;
    cursor: pointer;
    font-size: 20px;
    background-color: #fff;
    flex-grow: 1;
    text-align: center;
    background: #eee;
    flex-basis: 33.33%;
}
.os-scroll-siderbar-item.active {background-color: #119DA4;   position: relative;    color: #fff;}
.os-scroll-siderbar-item.active  h3 {color: #fff;}

.os-scroll-siderbar-item h3 {font-size: 18px;    font-weight: bold;}
#scroll-container p {font-size:17px;   margin-bottom:15px; }
/* #scroll-container ul li {}
#scroll-container ul li:before {content:'\f0a4'; font-family: 'Feather-Icons' !important;} */
.owl-carousel.owl-drag .owl-item {padding:10px;}
.ck-editor__editable_inline {    min-height: 500px;}
.click-tabs {
    min-height: 360px;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
    padding:30px;
    background: #FFF;
    position: relative;
}
.click-tabs h3 {font-weight: 600; font-size: 20px; margin-bottom: 5px; color: #000;}

.category-box-counter {display: none;}
.beginning-update p{font-size: 16px;}
a.down-link {
    position: absolute;
    left: 0;
    right: 0;
    bottom:30px;
    font-size: 30px;

    margin: auto;
    z-index: 99;
    height: 30px;
    width: 30px;
    display: block;
    color: #fff;
}
.home-arrow a.down-link  {bottom:90px;}
a.down-link i {text-shadow:0px 0px 10px  #000}
 .photo-section-custom h3 p {    font-size: 22px;    text-shadow: 0 0 8px rgba(0,0,0,1);    opacity: 1;    font-weight: 600;}

p.disabled{
    background-color: rgba(128,128,128,.2) !important;
    color: #444;
    border: 1px solid #e0e0e0;
    height: 38px;
    line-height: 38px;
    padding: 0 10px;
    outline: none;
    font-size: 16px;
    margin: 0 0 10px 0;
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
    display: block;
    font-weight: 500;
    opacity: 1;
    border-radius: 4px;
    box-shadow: 0 1px 4px 0px rgb(0 0 0 / 12%);
}

/* Added by ajay sir on 10-08-2020 19:39*/
.right-btn-group {    display: flex;}
.right-btn-group a {margin-left:15px}
.right-btn-group .button{margin-left: 15px;}

.dashboard-container {height:auto;}

.tab-content-outer {
    width: 100%;
}
.fixed-element {
    display: flex;
        box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
}
.tab-content {flex:1 0 auto;}
.how-works {background-color: #f0f5f7;}

.text-content a.talus-shine-btn {
    font-size: 18px;
    box-shadow: 0 3px 8px rgba(0,0,0,0.5);
    padding: 15px 30px;
}

.dashboard-container {    height: auto;}

.dataTables_length select{padding:0 !important}
.contact-location-info .freelancer-socials {margin-left: 0; transform: inherit;}
.freelancer-socials ul li a { color:#086788;}

.about-page {background: #f7f7f7;}
.about-page .box-row {background-color:#fff; padding: 30px 40px;  border: 1px #ccc solid;  border-radius: 5px;}

.about-page .box-row h2 {margin-bottom:10px; font-weight:bold;}
.about-page .box-row p {font-size: 15px;  line-height: 1.7;}


#header .header-widget .btn-info {background-color: #389da4;    border-color: #389da4;}
.intro-banner {    padding: 70px 0; }


span.errorMsg {color: #f00;}
.submit-field .dropdown-toggle::after {margin-top: 22px;}
.br-bottom1 {border-bottom: 1px solid #e8e8e8;}
.section-why-us h3 p{font-size: 32px;}
/* .cropperImg-box{top:0;position: absolute;}
.upload-button-save {right: 10px;position: inherit;bottom: 57%;z-index: 99999999999;font-size: 21px;color: #000;}
.upload-button-save i{ position: absolute;right: 0;padding: 5px;background: #F0C808;border-radius: 50%;color: #fff;bottom: 0;}  
.upload-button-save:hover{cursor: pointer;}
.cropperImg-box {border-radius: 4px;overflow: hidden;box-shadow: none;margin: auto;transition: all .3s ease;} */


.upload-button-save .change-avatar-icon {
    position: absolute;
    right: 0;
    padding: 5px;
    background: #F0C808;
    border-radius: 50%;
    color: #fff;
    bottom: 0;
    cursor: pointer;
}
.cropperImg-box {position: relative;}
.cropperImg-box .upload-button-save + img {    opacity: 0;    pointer-events: none;    position: absolute;}
.keywords-list {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
}
.modal {    background: rgba(0,0,0,0.5);}
.spinnerImg{background-repeat: no-repeat; position: absolute;right: 9px;height: 28px;line-height: 25px;bottom: 7px;}
.freelancerImgIcon{border-radius: 50%;height:auto;width: 70px;}

.custom-scroll {    height: 270px;    overflow: auto;}

.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {top:0px !important;}
.custom-blocks {
    display: flex;
    align-items: flex-end;
    list-style: none;
}
.custom-blocks  {padding-left: 0px;}
.custom-blocks li .input-group-text {border-radius:0px; background-color: #fff; box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.12); height: 30px; line-height: 30;}
.custom-blocks li input {margin-bottom: 0; border-radius:0px; border-left:0px !important; height: 30px; line-height: 30;}
.custom-blocks li span {font-size: 11px;}

.scrool-none.table-responsive {    overflow-y: hidden ;}
.content .submit-field strong.color {margin-left:30px;}
.sidebar-container .submit-field strong.color {margin-left:30px;}
.owl-carousel .owl-item {height: auto !important;}
.dashboard-nav ul:before {cursor: pointer;}
table.dataTable {width: 100% !important; margin: 0;}

#header-container {position: fixed;}
.body-content {    min-height: 450px;}
#homescreen-banner video {-o-object-fit: cover;object-fit: cover;}
@supports (-ms-ime-align: auto) {
  #homescreen-banner video {
        height: 132% !important;
  }
}
.specifically-content p {    font-size: 20px;    line-height: 1.8;}


ul.process {
    list-style: none;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding-left: 0;    
    margin: 0 -20px 80px -20px;
}
ul.process li {text-align: center; flex-basis: 20%; padding:0 20px; position: relative;}
ul.process li:after {content: ''; display: inline-block; background: url("../images/right-arrow.png") center center no-repeat; width: 36px; height: 18px; position: absolute;    right: -20px;    bottom: 70px;}
ul.process li .custom-badge { background-color: #0b4f6c; border-radius: 10px; color: #fff; font-size:19px; padding: 10px; min-height: 74px;
    display: flex; align-items: center; margin-bottom: 40px; justify-content: center;}
ul.process li .icon-outer { border: solid 7px #119da4; border-radius: 50%; height: 170px; display: flex; justify-content: center; align-items: center;
    width: 170px;  margin: 0 auto;}
ul.process li:last-child:after {display: none;}

.heading-btn-group-block {display:flex;     justify-content: space-between;}
.upload-button-save {    position: relative;    z-index: 1;}
.endorse-bg {color: #fff; background:rgb(56,157,164); padding: 60px 0;}
.endorse-bg h1, .endorse-bg h5{color: #fff;}

@media only screen and (max-width:1199px) {
    #talus-video-home {height: 100% !important; /*width:auto!important;*/ right: 50%; transform: translateX(50%); left:inherit !important;}
    .banner-headline {width: auto;}
    ul.process li {flex-basis:33.33%; margin-bottom: 30px; }
    ul.process li:nth-child(3n):after {display: none;}
}
@media only screen and (max-width:767px) {
    .banner-headline {padding: 0;}
    .header-widget .log-in-button {margin-left: 0;}
    .mmenu-trigger {margin-left: 0;}
    header.fullwidth .container {padding: 0;}
    /*    #header .right-side .header-widget {    padding: 0 !important;}*/
    .banner-headline {text-align: left;}
    .body-container .body {padding:10% 40px;}
    ul.process li:after {display: none;}
    ul.process li {flex-basis:100%; }
    ul.process li .custom-badge {margin-bottom: 15px;}
    .fixed-element {    flex-direction: column;    margin: 0 20px;}
    .heading-btn-group-block  {flex-direction: column;}
    .heading-btn-group-block  .right-btn-group {flex-direction: column; }
    .heading-btn-group-block  .right-btn-group .button{margin-left: 0; margin-top:7px; text-align: center;}
}
@media screen and (max-width: 600px) {    
    table td {text-align: left; width: 100%;}
    table.dataTable, table.dataTable th, table.dataTable td { box-sizing: border-box !important;}
}
@media screen and (max-width:479px) { 
    /* .flex-row-spread-top > div:last-child {text-align: right;}*/
    .flex-row-spread-top > div:last-child a {margin-right: 0!important;}
}
.done i {
    color: #F0C808;
}
.cancel-avtar-icon{
    position: absolute;
    left: 0;
    padding: 5px;
    background: #f44336;
    border-radius: 50%;
    color: #fff;
    bottom: 0;
    cursor: pointer;
}
.loadingiocn{
    position: absolute;
    width: 100%;
    height: 100vh;
    background: #fff url(../images/35.gif) no-repeat center center;
    z-index: 9999;
}
.custom-dropdowncaret .dropdown-toggle::after {
    margin-top: 3%;
}
.submit-field-outer > .submit-field  {text-align: center;}
.submit-field-outer .submit-field h5 {
    border-bottom: solid 3px #119DA4;
    padding-bottom: 10px;
    display: inline-block;
}
.generate_url_btn{
    background-color: #389da4 !important;
}
.teal_background{
    background-color: #389da4 !important;
    color: #fff !important;
}
.teal_color{
    color: #389da4 !important;
}
.dark-teal-bg{
    background-color: #129da4 !important;
    color: #fff !important;
}
.checked_icon_class {
    background: #f5f5f5 !important;
}
.checked_icon_class.mat-selected {
    background: #f5f5f5 !important;
}
.checked_icon_class:before {
    font-family: "Feather-Icons";
    content: "\e92b";
    font-size: 18px;
    transition: all 0.3s;
    display: inline-block;
    top: 0%;
    right: 6px;
    position: absolute;
    margin: 0;
    opacity: 0;
    transform: scale(0.5);
    color: #086788;
    opacity: 1;
    transform: scale(1);
    transition: all 0.35s cubic-bezier(0.3, -0.41, 0.19, 2), opacity 0.3s;
}
.checked_icon_class.mat-selected:before {
    font-family: "Feather-Icons";
    content: "\e92b";
    font-size: 18px;
    transition: all 0.3s;
    display: inline-block;
    top: 0%;
    right: 6px;
    position: absolute;
    margin: 0;
    opacity: 0;
    transform: scale(0.5);
    color: #086788;
    opacity: 1;
    transform: scale(1);
    transition: all 0.35s cubic-bezier(0.3, -0.41, 0.19, 2), opacity 0.3s;
}

.my-badge {
    display: inline-block;
    padding: .2em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.rating-show .text-white {font-size:14px;}
.profile-verified {font-size: 16px;}
.notification-message.light_red {
    background-color: rgb(255 67 67 / 80%) !important;
}
.width-100{width: 100% !important;}
.grid_slider_parent .grid-layout .job-listing{margin: 0 !important;}
.cursor-pointer{cursor: pointer;}


.single-page-header .header-details ul span {font-size:24px; color: #ffc107;}
.rating-show .text-white {margin-right: 7px;}

.single-page-header .header-details ul .rating-show {display: flex;    align-items: center;}
.errorMsgBox{
    color: #f00;
}
.notification-message.teal_color {
    background:rgba(56,157,164);
	color: #fff !important;
}
.preference_options h3.job-listing-title:hover > a, strong.color.normal_blue{
    color: #086788 !important;
}
.preference_options .checkbox input:checked + label span.checkbox-icon{
    background-color: #086788;
    border-color: #086788;
}
.revision_required{background-color: rgb(222, 90, 87)}
.revision_required .task-icons li {
    color: #fff;
}
.revision_required .task-icons i {
    color: #fff;
}
.revision_required .task-offers span {
    color: #fff;
}
.revision_required .rev_text {
    color: #fff;
}
.revision_required h3.task-listing-title{
    color: #fff;
}
.revision_required a{
    color: #fff;
}
.revision_required .task-offers strong{
    color: #fff;
}
.one-liner-searchbox {display:flex;}
.one-liner-searchbox .submit-field {margin-right: 10px;}
.one-liner-searchbox .checkbox label {position: absolute;}
.custom-arrow-position .dropdown-toggle::after {    vertical-align: -22px;}
.custom-arrow-position {    max-width: 270px;    width: 100%;}
.freelancer-details-list ul li:first-child {    width: 100%;    margin-right: 0; }
.filter-alignment-left .dataTables_wrapper .dataTables_length {text-align: left;}
.filter-alignment-left .dataTables_wrapper .dataTables_filter {text-align: left;}
.filter-alignment-left .dataTables_wrapper .dataTables_filter input {margin-left: 0;}
.adjust-dropdown-position-mobile  .dropdown-menu {transform: translate(-89px, 27px) !important;}
.color-red{
    color: #f00;
}
.owl-carousel .nav-btn{
    height: 42px;
    position: absolute;
    width: 26px;
    cursor: pointer;
    top: 50%;
    margin-top:-21px;
  }
  
  .owl-carousel .owl-prev.disabled,
  .owl-carousel .owl-next.disabled{
  pointer-events: none;
  opacity: 0.2;
  }
  
  .owl-carousel .prev-slide{
    background: url(../images/left.png) no-repeat scroll 0 0;
    left: -1px;
  }
  .owl-carousel .next-slide{
    background: url(../images/right.png) no-repeat scroll 0 0;
    right: -1px;
  }
  /*.owl-carousel .prev-slide:hover{
   background-position: 0px -53px;
  }
  .owl-carousel .next-slide:hover{
  background-position: -24px -53px;
  } */



.rgb_edited .dashboard-box .headline {background-color: rgb(56,157,164);}


.rates_table_structure tr td:first-child, .rates_table_structure tr th:first-child {text-align: left;}
.rates_table_structure tr td, .rates_table_structure tr th {text-align: center;}
@media (max-width:600px){		
	.rates_table_structure tr td, .rates_table_structure tr th {text-align: left;}
	table.rates_table_structure td:before {width: 110px; text-align: right;}
	
}

@media (min-width:1025px){
    .owl-carousel .owl-nav {opacity: 0;}
    .owl-carousel:hover .owl-nav {opacity: 1;}
}
.btn-green {
    background-color: #008000 !important;
    border-color: #008000 !important;
}
.btn-dull-yellow {
    background-color: #008000   !important;
    border-color: #008000   !important;
}
.btn-red-light {
    background-color: #ff726f !important;
    border-color: #ff726f !important;
}
.btn-red {
    background-color: #ff332e !important;
    border-color: #ff332e !important;
}
.btn-grey {
    background-color: #575757 !important;
    border-color: #575757 !important;
}
.job-listing-description h3{
    /* width: 40%;*/
}
.text_wrap_greater {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    
 }
 .revision_table{
    background: #f1efef;
    padding: 2% 0%;
    margin: 2% 0%;
 }
 .pending-text-s{
    color: #F0C808 !important;
 }
 .green-text-s{
    color: #008000 !important;
}
.red-text-s{
    color: #ff332e !important;
}
.rewards-progress-bar {
    width: 0% ;
}
.edit_required{background-color: rgb(220 220 220) !important;}
.grid-layout .job-listing-doc {
    width: calc(100% * (1/5) - 30px);
}
.max-doc-scroll{
    max-height: 200px;
    overflow-y: scroll;


}
.row.revision_table.revision-box-type {
    background: #fbfbfb;
}
.disableForm input.disabled {
    background-color: inherit !important;
    color: #444;
}
.disableForm .form-control:disabled, .form-control[readonly] {
    background-color: inherit !important;
    color: #444;
}
.disableForm .checkbox input:checked + label span.checkbox-icon {
    background-color: #ccc !important;
    border-color: #ccc !important;
}
.disableForm input {
    cursor: default;
}

.des_box {
    /*max-height: 140px;
    overflow: hidden;*/
    /*overflow-y: scroll;
    overflow-x: hidden;*/
  }
  .des_box * {
    all: revert !important
    }
  .messages-container-inner .message-by-headline h5.custom_line_head{
      max-width: 100%;
  }
  .message_btn_style_box{
      min-width: 140px;
      text-align: center;
  }
  .message-bubble {
    margin-top: 20px;
  }
  .message-bubble .message-text pre {
    color: #666;
   }
   .message-bubble.me .message-text pre {
    color: #fff;
   }
   .message-reply textarea{
       height: 100px;
   }
   .single-page-header .header-details h3{
    word-break: break-word;
   }
   .job-listing-title{
    word-break: break-word;
   }
   .single-page-section p { word-break: break-word;}
   .message-bubble .message-text p  {
        word-break: break-word;
    }
.message-bubble .message-text pre {
			  overflow-x: auto;
			  white-space: pre-wrap;
			  white-space: -moz-pre-wrap;
			  white-space: -pre-wrap;
			  white-space: -o-pre-wrap;
			  word-wrap: break-word;
	}
    .add-msg-heading p.job-title {
        word-break: break-word;
    }
    .message-bubble.me .message-text pre {
        word-break: break-word;
    }
    .invalid_input_class {
        border-color: #dc3545 !important;
    }
    .bold_text{
        font-weight: bold;
        color: #000 !important;
    }
  
  /*.show {
    overflow-y: scroll;
    height: auto;
    max-height: auto;
  }*/
  a.show-more-text{
      color: teal !important;
      font-weight: bold;
  }


.modal-dialog-large { max-width:800px;}
		

	.rating-star > star-rating > div {border: solid 1px blue;    display: block;}

@media(max-width:1130px){
	.grid-layout .job-listing-doc {  width: calc(100% * (1/3) - 30px);}	
	.rating-star .star.half:after { margin-left: -19px!important; width: 9.5px!important;}
}
@media(max-width:992px){
	.grid-layout .job-listing-doc {margin-right: 30px;}
}
@media(max-width:767px){
	.fun-fact.big { width: calc(100% - 15px) !important;}	
	.des_box {  max-height: 170px; }
	.grid-layout .job-listing-doc { width: calc(100% * (1/2) - 20px);}
	.grid-layout .job-listing-doc {    margin-right: 20px; margin-bottom: 20px;}
}
.grid-layout .job-listing-doc {
    width: calc(100% * (1/3) - 30px);
}
.star-rating-data {
    display: inline-block;
}
.star-rating-data.small {
    /* float: right; */
    border-radius: 4px;
    background-color: #F0C808;
    color: #fff;
    font-size: 11px;
    line-height: 15px;
    font-weight: 700;
    padding: 5px 7px;
    position: relative;
    top: 1px;
    margin-right: 10px;
}
.add-freelance-icon-small {
    height: 40px;
    width: 40px;
    border: solid 1px #7f7f7f;
    background-color: #119da4;
    text-align: center;
    line-height: 40px;
    display: block;
    color: #fff;
    border-radius: 50%;
    font-size: 20px;
}
.cdk-overlay-container {
    position: fixed;
    z-index: 9999999 !important;
}


.showFullContent {
    overflow-y: scroll;
    min-height: 800px;
    /* max-height: auto; */
}
.max-scroll-box {
    max-height: 400px;
    overflow-y: scroll;
    overflow-x: hidden;
}
/*.job-listing .job-listing-footer{
    background-color: rgb(56, 157, 164) !important;
    color: #fff;
}
.job-listing .job-listing-footer ul li{
    color: #fff;
}
.job-listing .job-listing-footer ul li i {
    color: #fff;
}*/
.fun-fact-text .flex-row-spread-center > div {width:48%;}
.fun-fact-text .flex-row-spread-center > div > span {display: inline-block; line-height: 18px;}
.fun-fact-text-inner-list {list-style: none; padding-left: 0; margin-top:7px; color:#888888;}
.fun-fact-text-inner-list span {display: inline-block; min-width: 25px; font-size: 22px; color: #000; text-align: center;}

.job-listing-description .job-listing-title .subtitle-span > i {margin-right: 3px;}
.header-notifications-content ul {
    padding: 0;
    margin: 0;
    list-style: none;
    max-height: calc(100vh - 200px);
    overflow: auto;
}
h4.check-box-heading {font-size: 20px;  color: rgba(56,157,164);   margin-bottom: 8px;  font-weight: bold;}
.messages-inbox ul li.new-text {    background-color: #cde6d28c;}
.message-bubble .message-text time { width: 55px;}




.blink_me {
animation: blinker 1s linear infinite;
}
.agreement_scrollbox{
    max-height: 300px;overflow-y: scroll;
}
span.red_bubble_box {
    font-size: 11px;
    color: #fff;
    background: #f00;
    border-radius: 50%;
    padding: 1%;
    height: 20px;
    width: 20px;
    font-weight: bold;
    display: inline-block;
    line-height: 17px;
    text-align:center;
}
.swal2-content{
    font-size: 1em !important;
}
.swal2-title{
    font-size: 1.2em !important;
}
.modal-dialog-large table.basic-table th:last-child {
    width: 130px;
}
.header-notifications .header-notifications-trigger.active {
    border-right: solid 1px #fff;
    padding-right: 8px;
    margin-right: 8px;
}

@keyframes blinker {
50% {
    opacity: 0;
}
}


#roundsOfRevisionDiv .bootstrap-select.btn-group button {height: 38px;}
#roundsOfRevisionDiv  .bootstrap-select.btn-group .dropdown-toggle .filter-option {    height: 38px;     line-height: 38px;}
#roundsOfRevisionDiv.submit-field .dropdown-toggle::after {margin-top: 17px;}


.my-left-block .button.button-sliding-icon {padding-right: 20px;}
.custom-arrow-position .bootstrap-select.btn-group .dropdown-menu {max-width: 270px;}
.custom-arrow-position ul.dropdown-menu.inner li span.text {padding-right: 18px;    display: inline-block;}
.custom-arrow-position .bootstrap-select.btn-group .dropdown-menu li span.check-mark {right: -6px;}

.grid_slider_parent .owl-carousel .owl-stage {display: flex;}
.grid_slider_parent .owl-carousel.owl-drag .owl-item {height: 100%;}
.grid_slider_parent .flex-row-spread-top {height: 100%;}
.grid_slider_parent  .grid-layout {height: 100%;}
.announcement_bubble li a span{
    position: absolute;
    display: inline-block;
    top: 23px;
    margin-left: 0;
    font-weight: 700;
    height: 19px;
    width: 19px;
    line-height: 19px;
    text-align: center;
    color: #fff;
    font-size: 11px;
    background-color: #F0C808;
    border-radius: 50%;
}
.home-cards-container .icon-line-awesome-coffee {    position: relative; top:11px; right:12px;}

/* new logo css here */
#header .left-side {display: flex; float:none;}
#logo img { height: 34px;}   
#logo {
    display: flex;
    align-items: center;
    height: auto;
}


/* Iframe css */
.mt-50-wp {
    margin-top: -50px;
}
.iframe-form a {color:#70708e}
.iframe-form {font-family: 'Poppins', sans-serif;}
.iframe-form a:hover {color:#1d1d4f}

.iframe-form button.mat-ripple {background-color: #1d1d4f;}

.iframe-form input.with-border {
    padding: 9px 10px 9px 50px;
    border-radius: 3px;
    border: 1px solid #cbd6e2;
    font-size: 16px;
    transition: all .15s ease-out;
    background-color: #f5f8fa;
    color: #33475b;
}
.iframe-form .input-with-icon-left i {    background-color: #f5f8fa;
    border: 1px solid #cbd6e2;  border-radius: 3px;}
    .login-register-page .checkbox label {font-size: 14px;}

    .iframe-form  .checkbox input:checked + label span.checkbox-icon {
        background-color: #1d1d4f;
        border-color: #1d1d4f;
    }

.wp-thank-page {color:#1d1d4f; font-family: 'Poppins', sans-serif;}
.wp-thank-page h1 {color: #1d1d4f; font-family: 'Poppins', sans-serif;}


.ts-dashboard-profile-card .notification-message{font-size: 14px;    padding: 10px 20px;    display: flex;    align-items: center;    justify-content: center;    line-height: normal;  cursor: pointer;     background-color: #59aafa; margin:7px 0;}
.ts-dashboard-profile-card .notification-message > i{font-size: 17px;}
.ts-dashboard-profile-card .notification-message:hover{box-shadow: 0px 4px 8px rgba(0,0,0,0.3); }