/**/.hamburgerButton{display:block;background-color:transparent;border:0;padding:0;margin:0}.hamburgerButton,.hamburgerButton svg{width:100%;height:100%}/**/.dmNewParagraph[data-version] .text-align-left{text-align:left!important}.dmNewParagraph[data-version] .text-align-center{text-align:center!important}.dmNewParagraph[data-version] .text-align-right{text-align:right!important}
.dmNewParagraph[data-version] .text-align-justify{text-align:justify!important}.dmNewParagraph[data-version] .ql-indent-1{padding:0 1em;padding-inline-end:0;padding-inline-start:3em}.dmNewParagraph[data-version] .ql-indent-2{padding:0 2em;padding-inline-end:0;padding-inline-start:6em}
.dmNewParagraph[data-version] .ql-indent-3{padding:0 3em;padding-inline-end:0;padding-inline-start:9em}.dmNewParagraph[data-version] .ql-indent-4{padding:0 4em;padding-inline-end:0;padding-inline-start:12em}
.dmNewParagraph[data-version] .ql-indent-5{padding:0 5em;padding-inline-end:0;padding-inline-start:15em}.dmNewParagraph[data-version] .ql-indent-6{padding:0 6em;padding-inline-end:0;padding-inline-start:18em}
.dmNewParagraph[data-version] .ql-indent-7{padding:0 7em;padding-inline-end:0;padding-inline-start:21em}.dmNewParagraph[data-version] .ql-indent-8{padding:0 8em;padding-inline-end:0;padding-inline-start:24em}
.dmNewParagraph[data-version] .ql-indent-9{padding:0 9em;padding-inline-end:0;padding-inline-start:27em}.dmNewParagraph[data-version]{line-height:initial}.dmNewParagraph[data-version] [class*=size-]{width:auto!important;height:auto!important}
.dmNewParagraph[data-version] h1,.dmNewParagraph[data-version] h2,.dmNewParagraph[data-version] h3,.dmNewParagraph[data-version] h4,.dmNewParagraph[data-version] h5,.dmNewParagraph[data-version] h6,.dmNewParagraph[data-version] ol,.dmNewParagraph[data-version] p,.dmNewParagraph[data-version] ul{margin-top:0;margin-bottom:0}
.dmNewParagraph[data-version] ol,.dmNewParagraph[data-version] ul{padding:0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.dmNewParagraph[data-version] ol>li,.dmNewParagraph[data-version] ul>li{list-style-type:none;text-indent:-1.5em;margin:0 1em;margin-inline-end:0;margin-inline-start:2em}
.dmNewParagraph[data-version] ol>li:before,.dmNewParagraph[data-version] ul>li:before{min-width:1em;display:inline-block;margin-right:.5em;margin-inline-start:0;margin-inline-end:.5em;text-align:right;text-align:end}
.dmNewParagraph[data-version] ul .ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-1}.dmNewParagraph[data-version] ul .ql-indent-1:before{font-weight:700;content:"○"}
.dmNewParagraph[data-version] ul .ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-2}.dmNewParagraph[data-version] ul .ql-indent-2:before,.dmNewParagraph[data-version] ul .ql-indent-3:before,.dmNewParagraph[data-version] ul .ql-indent-4:before,.dmNewParagraph[data-version] ul .ql-indent-5:before,.dmNewParagraph[data-version] ul .ql-indent-6:before,.dmNewParagraph[data-version] ul .ql-indent-7:before,.dmNewParagraph[data-version] ul .ql-indent-8:before,.dmNewParagraph[data-version] ul .ql-indent-9:before{font-weight:700;content:"■"}
.dmNewParagraph[data-version] ul .ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-3}.dmNewParagraph[data-version] ul .ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9;counter-increment:list-4}
.dmNewParagraph[data-version] ul .ql-indent-5{counter-reset:list-6 list-7 list-8 list-9;counter-increment:list-5}.dmNewParagraph[data-version] ul .ql-indent-6{counter-reset:list-7 list-8 list-9;counter-increment:list-6}
.dmNewParagraph[data-version] ul .ql-indent-7{counter-reset:list-8 list-9;counter-increment:list-7}.dmNewParagraph[data-version] ul .ql-indent-8{counter-reset:list-9;counter-increment:list-8}.dmNewParagraph[data-version] ul .ql-indent-9{counter-reset:list-10 list-9;counter-increment:list-9}
.dmNewParagraph[data-version] ul>li:before{font-weight:700;content:"•";font-family:Arial}.dmNewParagraph[data-version] ul.custom-list-1>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"○";transform:scale(1);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-2>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"★";transform:scale(.7);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-3>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"➞";transform:scale(.8);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-4>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"＋";transform:scale(.7);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-5>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"－";transform:scale(.7);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-6>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"✓";transform:scale(.8);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-7>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"✗";transform:scale(.8);transform-origin:center right}
.dmNewParagraph[data-version] ol .ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-1}.dmNewParagraph[data-version] ol .ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}
.dmNewParagraph[data-version] ol .ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-2}.dmNewParagraph[data-version] ol .ql-indent-2:before{content:counter(list-2,lower-roman) ". "}
.dmNewParagraph[data-version] ol .ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-3}.dmNewParagraph[data-version] ol .ql-indent-3:before{content:counter(list-3,decimal) ". "}
.dmNewParagraph[data-version] ol .ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9;counter-increment:list-4}.dmNewParagraph[data-version] ol .ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}
.dmNewParagraph[data-version] ol .ql-indent-5{counter-reset:list-6 list-7 list-8 list-9;counter-increment:list-5}.dmNewParagraph[data-version] ol .ql-indent-5:before{content:counter(list-5,lower-roman) ". "}
.dmNewParagraph[data-version] ol .ql-indent-6{counter-reset:list-7 list-8 list-9;counter-increment:list-6}.dmNewParagraph[data-version] ol .ql-indent-6:before{content:counter(list-6,decimal) ". "}
.dmNewParagraph[data-version] ol .ql-indent-7{counter-reset:list-8 list-9;counter-increment:list-7}.dmNewParagraph[data-version] ol .ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}
.dmNewParagraph[data-version] ol .ql-indent-8{counter-reset:list-9;counter-increment:list-8}.dmNewParagraph[data-version] ol .ql-indent-8:before{content:counter(list-8,lower-roman) ". "}
.dmNewParagraph[data-version] ol .ql-indent-9{counter-reset:list-10 list-9;counter-increment:list-9}.dmNewParagraph[data-version] ol .ql-indent-9:before{content:counter(list-9,decimal) ". "}
.dmNewParagraph[data-version] ol li{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-0}.dmNewParagraph[data-version] ol li:before{content:counter(list-0,decimal) ". "}
.dmNewParagraph[data-version] a{vertical-align:initial}@media(min-width:768px) and (max-width:1024px){.dmNewParagraph[data-version] .t-text-align-left{text-align:left!important}.dmNewParagraph[data-version] .t-text-align-center{text-align:center!important}
.dmNewParagraph[data-version] .t-text-align-right{text-align:right!important}.dmNewParagraph[data-version] .t-text-align-justify{text-align:justify!important}}@media(max-width:767px){.dmRoot .dmNewParagraph[data-version] .m-text-align-left{text-align:left!important}
.dmRoot .dmNewParagraph[data-version] .m-text-align-center{text-align:center!important}.dmRoot .dmNewParagraph[data-version] .m-text-align-right{text-align:right!important}.dmRoot .dmNewParagraph[data-version] .m-text-align-justify{text-align:justify!important}
}.inlineBindingLink{color:inherit!important;text-decoration:inherit!important}/**/.imageWidget{position:relative}.imageWidget a,.imageWidget span.image-caption{font-style:italic;text-align:center}.imageWidget a[data-caption]::after,.imageWidget span[data-caption]::after{content:attr(data-caption);display:block;line-height:100%}
.imageWidget.with-caption a::after,.imageWidget.with-caption span.image-caption::after{margin-top:12px}.imageWidget img[width][height]{height:auto}[data-flex-site] #fcontainer .imageWidget:after,[data-flex-site] #flex-footer .imageWidget:after,[data-flex-site] #flex-header .imageWidget:after{content:none}
[data-flex-site] #fcontainer .imageWidget:before,[data-flex-site] #flex-footer .imageWidget:before,[data-flex-site] #flex-header .imageWidget:before{font-size:80px;transform:none}.imageWidget.hover img.hover-image,.imageWidget:hover img.hover-image{display:initial}
.imageWidget.hover.hasHover img:not(.hover-image),.imageWidget:hover.hasHover img:not(.hover-image){display:none!important}.imageWidget img.hover-image,.imageWidget img.logo-on-scroll{display:none}
/* Custom Widgets Styles */
* {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
}

@font-face {
  font-family: "Poppins";
  /*font-style: normal;
  */
  /*font-weight: 300;
   */
  src: url("https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrJJfedw.ttf") format("truetype");
}
.ClsIcon svg, .checkbox svg {
  width: 20px !important;
  height: 20px !important;
}

.ClsIcon {
  display: flex;
  align-items: center;
  justify-content: center;
}

.checkbox {
  display: flex !important;
  align-items: center;
  justify-content: start;
}

.ClsCurrencyIcon svg {
  width: 20px !important;
  height: 20px !important;
}

.ClsLocationIcon svg, .ClsProfessionIcon svg {
  width: 20px !important;
  height: 20px !important;
}

.ClsIconAvail svg {
  width: 20px !important;
  height: 20px !important;
}

.ClsIconCity svg, .ClsIconWtype svg, .ClsIconWModel svg, .ClsIconExp svg, .ClsIconName svg, .ClsIconQualif svg, .ClsIconCustField1 svg {
  width: 20px !important;
  height: 20px !important;
}

.forName, .forProfession, .forLoca, .forCity, .forSalary, .forWType, .forWModel, .forYofEx, .forAvail, .forQuali, .forCusfield1, .forCusfield2, .forCusfield3, .forCusfield4 {
  display: flex;
  padding: 5px 0px;
  flex-direction: row;
  align-items: center;
  gap: 5px;
}

.ClsFirstName2, .Clsprofession3, .loc1, .ClsCity, .sal3, .ClsWType, .ClsWModel, .ClsYofEx, .ClsAvailability1, .ClsQuali1 {
  padding: 5px 0px;
  text-align: justify;
}

.ClsSearchBTN1 {
  display: flex;
}

.buttonRight {
  justify-content: flex-end;
}

.buttonCenter {
  justify-content: center;
}

.buttonLeft {
  justify-content: flex-start;
}

.ClsButtons {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  bottom: 15px;
}

.buttonright {
  justify-content: end;
}

.buttoncenter {
  justify-content: center;
}

.buttonleft {
  justify-content: start;
}

.cls-Mudflap-image-holder, .cls-Mudflap-image-holder1 {
  -webkit-user-select: none;
  background-color: #fff;
  transition: background-color 300ms;
  display: grid;
  /*display: block;
  */
  position: relative;
  box-sizing: border-box;
  width: 100%;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
  margin-bottom: 20px;
  min-height: 100px;
}

.clsIamge {
  height: 250px;
  width: 250px;
  padding: 0px 0px 10px 0px;
  left: 0px !important;
  top: 10px !important;
  display: block;
}

.ClsTitleMain_DIV, .clsDetails, .ClsTitleMain_DIV1 {
  overflow: hidden;
  text-overflow: ellipsis !important;
  -webkit-line-clamp: 2 !important;
}

.ClsTitleMain_DIV {
  padding: 15px 20px 0px 20px;
  font-weight: bold;
  display: block;
  min-height: 90px !important;
  max-height: 90px !important;
  text-decoration: none;
  background-color: darkgray;
}

.ClsTitleMain_DIV1 {
  padding: 15px 20px 0px 20px;
  font-weight: bold;
  display: flex;
  min-height: 60px !important;
  max-height: 60px !important;
  text-decoration: none;
  justify-content: left;
  background-color: darkgray;
}

.ClsTextItemsMain {
  padding: 15px 15px 10px 15px;
  /*text-overflow: ellipsis;
  */
  /*white-space: nowrap;
  */
  overflow: hidden;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center !important;
}

.clsDetails {
  color: #fff;
}

.clsHowManyWatches {
  display: flex;
  padding-top: 0px;
  align-items: center;
}

.ClsIconName, .ClsIconCity, .ClsIconWtype, .ClsIconWModel, .ClsIconExp, .ClsIconQualif {
  display: flex;
}

.forSalary {
  display: flex;
  align-items: flex-start;
  gap: 5px;
}

.ClsShortDesc {
  min-height: 80px !important;
  max-height: 300px !important;
}

.ClsShortDesc1 {
  max-height: 150px !important;
}

.sal1 {
  padding-left: 5px;
  padding-top: 8px;
}

.fa-map-marker {
  font-size: 14px;
}

.clsFinalPrice {
  min-height: 95px;
  text-align: left;
}

.clsFinalPrice1 {
  text-align: left;
}

.clsProjectLocation {
  margin-bottom: 25px;
}

.clsHeader2 {
  font-size: 18px;
  font-family: "Poppins";
  font-weight: bold;
  color: #000;
}

label.clsHeader1 {
  display: inline-block;
  margin-bottom: 20px;
}

.cls-Watch-Right-Dropdowns {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 15px;
  padding: 0px 5px;
}

div.clsBoxAndPaper_by select {
  font-size: 16px;
  background-color: #fff;
  border: 1px solid #e1e1e1;
  width: 112%;
  margin: 3px 0;
  height: 40px;
  padding: 0 10px;
  margin-top: -5px;
}

.btn {
  margin-top: 19% !important;
  background: #000;
  color: #fff;
  margin-left: 9px;
  width: 97%;
  height: 40px;
  font-size: 20px;
  font-family: "Poppins";
}

.clsBoxandpaper {
  margin-bottom: 20px;
}

.clsRelevance {
  margin-bottom: 40px;
}

.clsFromYear, .clsToYear {
  appearance: none !important;
  background: #fff !important;
  border: 1px solid #e1e1e1 !important;
}

[slider] {
  position: relative;
  height: 40px;
  border-radius: 10px;
  text-align: left;
  margin: 45px 0 10px 0;
}

[slider] > div {
  position: absolute;
  left: 13px;
  right: 15px;
  height: 14px;
}

[slider] > div > [inverse-left] {
  position: absolute;
  left: 0;
  height: 4px;
  border-radius: 10px;
  background-color: #ccc;
  margin: 0 7px;
}

[slider] > div > [inverse-right] {
  position: absolute;
  right: 0;
  height: 4px;
  border-radius: 10px;
  background-color: #ccc;
  margin: 0 7px;
}

[slider] > div > [range] {
  position: absolute;
  left: 0;
  height: 5px;
  border-radius: 14px;
  background-color: #000;
}

[slider] > div > [thumb] {
  position: absolute;
  top: -2px;
  z-index: 2;
  height: 9px;
  width: 9px;
  text-align: left;
  margin-left: -6px;
  cursor: pointer;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4);
  background-color: #000;
  border-radius: 50%;
  outline: none;
  opacity: 1;
}

[slider] > input[type=range] {
  position: absolute;
  pointer-events: none;
  -webkit-appearance: none;
  z-index: 3;
  height: 14px;
  top: -2px;
  width: 100%;
  opacity: 0;
}

div[slider] > input[type=range]::-ms-track {
  -webkit-appearance: none;
  background: transparent;
  color: transparent;
}

div[slider] > input[type=range]:focus {
  outline: none;
}

div[slider] > input[type=range]:focus::-webkit-slider-runnable-track {
  background: transparent;
  border: transparent;
}

div[slider] > input[type=range]::-webkit-slider-thumb {
  pointer-events: all;
  width: 28px;
  height: 28px;
  border-radius: 0px;
  border: 0 none;
  background: red;
  -webkit-appearance: none;
}

/* div[slider] > input[type=range]::-ms-thumb {
	*/
/* pointer-events: all;
*/
/* width: 28px;
*/
/* height: 28px;
*/
/* border-radius: 0px;
*/
/* border: 0 none;
*/
/* background: red;
*/
/* cursor: col-resize;
*/
/* opacity:1;
*/
/*
}
*/
/* div[slider] > input[type=range]::-moz-range-thumb {
	*/
/* pointer-events: all;
*/
/* width: 28px;
*/
/* height: 28px;
*/
/* border-radius: 0px;
*/
/* border: 0 none;
*/
/* background: red;
*/
/*
}
*/
/* div[slider] > input[type=range]::-ms-fill-lower {
	*/
/* background: transparent;
*/
/* border: 0 none;
*/
/*
}
*/
/* div[slider] > input[type=range]::-ms-fill-upper {
	*/
/* background: transparent;
*/
/* border: 0 none;
*/
/*
}
*/
/* div[slider] > input[type=range]::-ms-tooltip {
	*/
/* display: none;
*/
/*
}
*/
[slider] > div > [sign] {
  opacity: 1;
  position: absolute;
  margin-left: -23px;
  top: -27px;
  z-index: 3;
  background-color: transparent !important;
  color: #999;
  width: 45px;
  height: 18px;
  border-radius: 28px;
  -webkit-border-radius: 28px;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  text-align: center;
}

[slider] > div > [sign]:after {
  position: absolute;
  /*content: '';
  */
  left: 0;
  border-radius: 16px;
  top: 19px;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-top-width: 16px;
  border-top-style: solid;
  border-top-color: #1abc9c;
  background-color: transparent !important;
  opacity: 1;
}

[slider] > div > [sign] > span {
  font-size: 12px;
  font-weight: 700;
  line-height: 28px;
  opacity: 1;
}

div[slider]:hover > input[type=range]::-webkit-slider-thumb {
  opacity: 1;
  cursor: col-resize;
}

.scale ins {
  color: #999;
}

.sort {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.dateLbl {
  display: flex;
  justify-content: end;
  align-items: center;
  width: 50%;
}

.ClsSort_Title {
  width: 15%;
  text-align: end;
}

.clsSort_DropDown {
  width: 170px !important;
  border: 1px solid #000;
  /*outline: none;
  */
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  color: #ec1942;
  padding-right: 16px;
  margin: 10px 0px;
  text-align: start;
  /*background: none !important;
  */
}

.ClsCand {
  display: flex;
  align-items: center;
  padding: 5px;
  width: 50%;
}

.MainContainer {
  padding: 10px;
  font-family: "Poppins";
}

.maincontainer2 {
  display: flex;
}

.cls-Mudflap-image-container-div {
  width: 75%;
  margin-left: 50px;
}

.cls-Mudflap-image-container {
  padding: 0px 5px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 30px;
  /*grid-template-rows: 100px 200px 100px;
  */
}

.cls-Mudflap-image-container1 {
  padding: 0px 5px;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 30px;
}

.cls-Mudflap-image-container img {
  margin: 0 !important;
}

h1 {
  margin: 50px 0 20px;
  font-weight: 100;
  text-align: center;
}

.all {
  text-align: center;
  padding: 15px;
}

.all input[type=checkbox] {
  display: none;
}

.all input[type=checkbox]:checked + label:before {
  content: "Remove Filters";
}

.all label {
  position: relative;
  margin: 0;
  padding: 5px 5px;
  font-size: 14px;
  font-weight: 300;
  background-color: #2980b9;
  color: white;
  border: 1px solid #2980b9;
  border-radius: 99px;
  cursor: pointer;
}

.all label:before {
  content: "Remove Filters";
}

.accordion {
  position: relative;
  width: 25%;
  padding: 1em;
  /*border: 1px solid #dee2e6;
  */
}

.clsFilterwrap {
  text-align: left;
  /*margin: 50px auto;
  */
  height: fit-content;
  padding: 0px;
  /*border: 1px solid #dee2e6;
  */
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.trigger {
  border: 1px solid #e1e1e1;
  /*height: 48px;
  */
}

.accordion .trigger #checkbox-1, .accordion .trigger #checkbox-2, .accordion .trigger #checkbox-3, .accordion .trigger #checkbox-4, .accordion .trigger #checkbox-5, .accordion .trigger #checkbox-6, .accordion .trigger #checkbox-7, .accordion .trigger #checkbox-8, .accordion .trigger #checkbox-9, .accordion .trigger #checkbox-10, .accordion .trigger #checkbox-11, .accordion .trigger #checkbox-12 {
  display: none;
}

.accordion .trigger #checkbox-1:checked + label, .accordion .trigger #checkbox-2:checked + label, .accordion .trigger #checkbox-3:checked + label, .accordion .trigger #checkbox-4:checked + label, .accordion .trigger #checkbox-5:checked + label, .accordion .trigger #checkbox-6:checked + label, .accordion .trigger #checkbox-7:checked + label, .accordion .trigger #checkbox-8:checked + label, .accordion .trigger #checkbox-9:checked + label, .accordion .trigger #checkbox-10:checked + label, .accordion .trigger #checkbox-11:checked + label, .accordion .trigger #checkbox-12:checked + label {
  background-color: transparent;
}

.accordion .trigger #checkbox-1:checked + label i:before, .accordion .trigger #checkbox-2:checked + label i:before, .accordion .trigger #checkbox-3:checked + label i:before, .accordion .trigger #checkbox-4:checked + label i:before, .accordion .trigger #checkbox-5:checked + label i:before, .accordion .trigger #checkbox-6:checked + label i:before, .accordion .trigger #checkbox-7:checked + label i:before, .accordion .trigger #checkbox-8:checked + label i:before, .accordion .trigger #checkbox-9:checked + label i:before, .accordion .trigger #checkbox-10:checked + label i:before, .accordion .trigger #checkbox-11:checked + label i:before, .accordion .trigger #checkbox-12:checked + label i:before {
  transform: translate(5px, 8px) rotate(45deg);
}

.accordion .trigger #checkbox-1:checked + label i:after, .accordion .trigger #checkbox-2:checked + label i:after, .accordion .trigger #checkbox-3:checked + label i:after, .accordion .trigger #checkbox-4:checked + label i:after, .accordion .trigger #checkbox-5:checked + label i:after, .accordion .trigger #checkbox-6:checked + label i:after, .accordion .trigger #checkbox-7:checked + label i:after, .accordion .trigger #checkbox-8:checked + label i:after, .accordion .trigger #checkbox-9:checked + label i:after, .accordion .trigger #checkbox-10:checked + label i:after, .accordion .trigger #checkbox-11:checked + label i:after, .accordion .trigger #checkbox-12:checked + label i:after {
  transform: translate(-2px, 8px) rotate(-45deg);
}

.accordion .trigger .checkbox {
  position: relative;
  display: block;
  font-size: 20px;
  font-weight: 500;
  font-family: "Poppins";
  width: 100%;
  margin: 0;
  padding: 15px;
  color: #000;
  cursor: pointer;
  background: transparent;
  height: 48px;
}

.checkbox {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.accordion .trigger .checkbox i {
  position: absolute;
  display: inline-block;
  width: 15px;
  height: 15px;
  right: 15px;
}

.accordion .trigger .checkbox i:before, .accordion .trigger .checkbox i:after {
  position: absolute;
  content: "";
  width: 12px;
  height: 3px;
  background-color: #000;
  transition: transform 250ms ease;
}

.accordion .trigger .checkbox i:before {
  transform: translate(-2px, 8px) rotate(45deg);
}

.accordion .trigger .checkbox i:after {
  transform: translate(5px, 8px) rotate(-45deg);
}

.accordion .trigger .content {
  position: relative;
  max-height: 1px;
  padding: 0;
  overflow: hidden;
  /*overflow: auto;
  */
  font-size: 14px;
  line-height: 1.5;
  background-color: transparent;
  color: #000;
  transition: max-height 500ms ease-in-out;
}

.accordion .trigger .content h3 {
  margin: 30px 0 15px 30px;
}

.accordion .trigger .content p {
  margin: 5px 10px;
}

#checkbox-1:checked ~ .content, #checkbox-2:checked ~ .content, #checkbox-3:checked ~ .content, #checkbox-4:checked ~ .content, #checkbox-5:checked ~ .content, #checkbox-6:checked ~ .content, #checkbox-7:checked ~ .content, #checkbox-8:checked ~ .content, #checkbox-9:checked ~ .content, #checkbox-10:checked ~ .content, #checkbox-11:checked ~ .content, #checkbox-12:checked ~ .content {
  max-height: 800px;
  transition: max-height 500ms ease-in-out;
}

#acc_JobTitleDiv {
  /*height:48px;
  */
}

.checkbox_container {
  font-family: "Poppins";
  color: #666;
  margin: 8px 20px;
}

.custom-checkbox {
  position: relative;
  cursor: pointer;
}

.custom-checkbox span {
  font-size: smaller;
}

.custom-checkbox input[type=checkbox] + b {
  position: relative;
  display: inline-block;
  background-color: #fff;
  border: 2px solid #e5e5e5;
  border-radius: 4px;
  font-size: 20px;
  color: #fff;
  cursor: pointer;
  line-height: 1;
  outline: 0;
  text-align: center;
  vertical-align: bottom;
  height: 22px;
  width: 22px;
}

.custom-checkbox input[type=checkbox]:checked + b {
  background: #000;
  color: #fff;
}

.custom-checkbox input[type=checkbox]:checked:hover + b {
  /*border-color: #f43f31;
  */
  border-color: #e5e5e5;
}

.custom-checkbox input[type=checkbox]:disabled + b {
  background-color: #e5e5e5;
}

.custom-checkbox input[type=checkbox]:disabled + b:after {
  content: "";
}

/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 108;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  overflow: auto;
  /*background-color: black;
  */
}

/* Modal Content */
.cls-Mudflap-modal-content {
  position: relative;
  background: rgba(0, 0, 0, 0.8);
  /*background:transparent;
  */
  /*opacity:0.6;
  */
  margin: auto;
  padding: 0;
  width: 100%;
  /*max-width: 1200px;
  */
}

/* The Close Button */
.close {
  color: white;
  position: absolute;
  /*top: 10px;
  */
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.close:hover, .close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.mySlides {
  display: none;
  height: 100vh;
  overflow: hidden;
}

.mySlides img {
  max-height: 100vh;
  display: block;
  margin: auto;
}

.cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white !important;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.prev {
  left: 0;
}

.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

img {
  margin-bottom: -4px;
}

.caption-container {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

.demo {
  opacity: 0.6;
}

.active, .demo:hover {
  opacity: 1;
}

img.hover-shadow {
  transition: 0.3s;
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.grid-image-lazy {
  object-fit: cover;
  cursor: pointer;
  height: 243px;
  width: 100%;
}

.non-trigger {
  padding: 10px 10px 0px 10px;
}

.non-trigger-label p {
  margin: 0px 0px 0px 0px;
}

.non-trigger-opt {
  display: flex;
  padding: 0px 10px;
}

/*pagination*/
.center {
  text-align: center;
}

.pagination {
  display: inline-block;
}

.pagination a {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  transition: background-color 0.3s;
  border: 1px solid #ddd;
  margin: 0 4px;
}

.pagination a.active {
  background-color: #004681 !important;
  color: white;
  border: 1px solid #004681 !important;
}

.pagination a:hover:not(.active) {
  background-color: #ddd;
}

@media (max-width: 1199px) {
  .cls-Mudflap-image-container {
    padding: 0px 5px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 5px;
  }
  .cls-Mudflap-image-container1 {
    padding: 0px 5px;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 5px;
  }
}
/* width */
.trigger .content::-webkit-scrollbar {
  width: 10px;
}

.trigger .content::-webkit-scrollbar-track {
  background: transparent;
}

.trigger .content::-webkit-scrollbar-thumb {
  background: #888;
}

.trigger .content::-webkit-scrollbar-thumb:hover {
  background: #555;
}

/* Track */
/* Handle */
/* Handle on hover */
.multiselect-container {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow: visible;
  vertical-align: middle;
}

.multiselect-label {
  font-weight: bold;
  font-size: 14px;
  margin: 0;
}

.multiselect-data-container {
  position: relative;
  overflow: visible;
  vertical-align: middle;
  width: 100%;
}

.multiselect-button {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  cursor: pointer;
}

.multiselect-text {
  border: 0;
  padding: 3px 0;
  width: 145px;
}

.multiselect-button input, .multiselect-button b {
  pointer-events: none;
}

.multiselect-list {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  max-height: 250px;
  width: 100%;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-clip: padding-box;
  border-radius: 4px;
  list-style-type: none;
  overflow: auto;
  z-index: 1000;
}

.multiselect-item-label {
  display: block;
  height: 100%;
  border: 1px solid transparent;
  padding: 2px 0px 5px 5px;
}

.multiselect-item-label--active {
  border: 1px solid #b7b7b7;
}

.multiselect-clear {
  padding: 0 5px;
}

.carret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.multiselect-item-label--select-all {
  font-weight: bold;
  border-bottom: 1px solid #b7b7b7;
  padding: 5px;
}

input.multiselect-checkbox {
  margin-right: 5px;
}

input.multiselect-text {
  background: #fff !important;
  padding: 0 !important;
  margin: 0 !important;
  height: 25px !important;
}

.clsDetails {
  line-height: 25px;
}

.ClsFirstName, .forName, .ClsFirstName2 {
  line-height: 25px;
}

.Clsprofession1, .forProfession, .Clsprofession3 {
  line-height: 25px;
}

.loc, .forLoca, .clsHowManyWatches, .loc1 {
  line-height: 25px;
}

.ClsCity, .forCity {
  line-height: 25px;
}

.sal, .sal1, .forSalary, .sal3 {
  line-height: 25px;
}

.ClsWModel, .forWModel {
  line-height: 25px;
}

.ClsWType, .forWType {
  line-height: 25px;
}

.ClsYofEx, .forYofEx {
  line-height: 25px;
}

.ClsAvailability, .forAvail, .ClsAvailability1 {
  line-height: 25px;
}

.ClsQuali, .forQuali, .ClsQuali1 {
  line-height: 25px;
}

.forCusfield1, .CustField1, .ClsCustField1 {
  line-height: 25px;
}

.forCusfield2, .CustField2, .ClsCustField2 {
  line-height: 25px;
}

.forCusfield3, .CustField3, .ClsCustField3 {
  line-height: 25px;
}

.forCusfield4, .CustField4, .ClsCustField4 {
  line-height: 25px;
}

.ClsShortDesc, .ClsShortDesc1 {
  line-height: 25px;
}

.ClsProfessionIcon, .ClsLocationIcon, .ClsCurrencyIcon, .ClsIconAvail {
  display: flex;
}
@media (max-width: 767px) { .sort, .maincontainer2 {
  flex-direction: column;
  width: 100%;
}

.ClsCand, .dateLbl {
  width: 100%;
}

.ClsSort_Title {
  width: 30%;
}

.accordion {
  width: 100%;
}

.cls-Mudflap-image-container-div {
  width: 100%;
  margin-left: 0;
}

.Clssearchicon {
  width: 100%;
} }
.mainSearchContainer {
  position: relative;
  display: flex;
  flex-direction: row;
  box-sizing: border-box !important;
  padding: 10px;
  width: 100%;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
}

.flex-items-js {
  flex: 1;
  margin: 5px;
  box-sizing: border-box;
  position: relative;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  font-family: inherit;
  align-self: center;
}

.flex-items-js input, .flex-items-js select, .flex-items-js .searchBtn {
  width: 100%;
  position: relative;
  height: 40px !important;
  box-sizing: border-box !important;
  padding: 5px;
  background: #fff !important;
  border: 1px solid #000 !important;
  font-family: inherit;
}

.mainSearchContainer .flex-items-js .split {
  display: flex;
  flex-direction: row;
}

.mainSearchContainer .flex-items-js .split input, .mainSearchContainer .flex-items-js .split select {
  margin: 0px 5px;
}

.mainSearchContainer .flex-items-js .split select {
  width: auto;
  background: #fff !important;
  border: 1px solid #000 !important;
  font-family: inherit;
}

input.jobSearch::placeholder, input.locationSearch::placeholder, input.citySearch::placeholder, input#geoSearch::placeholder {
  color: #000;
}

input .geoSearch {
  width: 100%;
}

select .geoRange {
  width: 50px;
}

input#searchBox, select#jobCategories, select#location {
  padding-left: 15px !important;
}

/* APPEARS TO CONFLICT WITH EXISTING STYLE SHEET
#jobCategories{
    position: relative;
    box-sizing:border-box !important;
  -webkit-appearance: none; 
    -moz-appearance: none;
    appearance: none; 
}
*/
.searchBtn {
  cursor: pointer;
  border: 1px solid #000;
  margin: 3px 0px 3px 0px;
  font-family: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
}

.predictionResult, .predictionResultLocation, .predictionResultCity, .predictionResultCountry {
  position: absolute;
  top: 100%;
  width: 100%;
  border: 1px solid;
  display: none;
  flex-direction: column;
  overflow-y: auto;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px 0px;
  height: auto !important;
  z-index: 9;
  background: #fff !important;
  padding: 10px 20px 20px 20px;
  text-align: left;
  font-family: inherit;
}

.resultText {
  display: block;
  color: #000;
  text-decoration: none;
}

.resultText.close {
  text-align: right;
  font-size: 0.7em;
}

.predictionResult::-webkit-scrollbar {
  width: 5px !important;
  background-color: #fff !important;
}

.predictionResult::-webkit-scrollbar-thumb {
  border-radius: 10px !important;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3) !important;
  background-color: #d2d2d2 !important;
}

.flex-items-js label {
  display: inline-block;
  box-sizing: border-box;
  border: 0 !important;
  text-align: left !important;
  margin-bottom: 5px;
  width: 100% !important;
  font-family: inherit;
}

.shmSpacer {
  display: block;
  box-sizing: border-box;
  margin-bottom: 5px;
  border: 0;
  opacity: 0;
  margin-bottom: 25px;
}

#jsBtnLabel {
  opacity: 0 !important;
}

.columnLayout {
  display: flex;
  flex-direction: column !important;
  align-items: flex-start;
}

.columnLayout .flex-items-js {
  width: 100%;
}

.columnLayoutVertical {
  display: flex;
  flex-direction: column !important;
  align-items: flex-start;
}

.columnLayoutVertical .flex-items-js {
  width: 100%;
}
@media (max-width: 767px) { .mainSearchContainer {
  display: block;
}

.searchBtn {
  margin: 0px !important;
}
 }