/*##*/
/*FONTS*/
/*##*/

/** Generated by FG **/
@font-face {
  font-family: 'Conv_Platform-Regular';
  src: url('../fonts/Platform-Regular.eot');
  src: local('☺'), url('../fonts/Platform-Regular.woff') format('woff'), url('../fonts/Platform-Regular.ttf') format('truetype'), url('../fonts/Platform-Regular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}


/** Generated by FG **/
@font-face {
  font-family: 'Conv_Platform-Bold';
  src: url('../fonts/Platform-Bold.eot');
  src: local('☺'), url('../fonts/Platform-Bold.woff') format('woff'), url('../fonts/Platform-Bold.ttf') format('truetype'), url('../fonts/Platform-Bold.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*##*/
/*##*/

/* ########### */
/* ########### */
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?zc4qc2');
  src:  url('../fonts/icomoon.eot?zc4qc2#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?zc4qc2') format('truetype'),
    url('../fonts/icomoon.woff?zc4qc2') format('woff'),
    url('../fonts/icomoon.svg?zc4qc2#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-Action_Add:before {
  content: "\e900";
}
.icon-Action_Attach:before {
  content: "\e901";
}
.icon-Action_Camera:before {
  content: "\e902";
}
.icon-Action_Camera_flash-off:before {
  content: "\e903";
}
.icon-Action_Camera_flash-on:before {
  content: "\e904";
}
.icon-Action_Close:before {
  content: "\e905";
}
.icon-Action_Copy:before {
  content: "\e906";
}
.icon-Action_Download:before {
  content: "\e907";
}
.icon-Action_Drag:before {
  content: "\e908";
}
.icon-Action_Edit:before {
  content: "\e909";
}
.icon-Action_Flag:before {
  content: "\e90a";
}
.icon-Action_Flag_Selected:before {
  content: "\e90b";
}
.icon-Action_Forward:before {
  content: "\e90c";
}
.icon-Action_IMG-Collapse:before {
  content: "\e90d";
}
.icon-Action_IMG-Expand:before {
  content: "\e90e";
}
.icon-Action_Link-Out:before {
  content: "\e90f";
}
.icon-Action_Play:before {
  content: "\e910";
}
.icon-Action_Post:before {
  content: "\e911";
}
.icon-Action_Reply:before {
  content: "\e912";
}
.icon-Action_Resend:before {
  content: "\e913";
}
.icon-Action_Share:before {
  content: "\e914";
}
.icon-Action_Trash:before {
  content: "\e915";
}
.icon-Action_Undo:before {
  content: "\e916";
}
.icon-Arrow_Back:before {
  content: "\e917";
}
.icon-Arrow_Dropdown:before {
  content: "\e918";
}
.icon-Arrow_Enter:before {
  content: "\e919";
}
.icon-Arrow_Scroll:before {
  content: "\e91a";
}
.icon-Basics_Alert:before {
  content: "\e91b";
}
.icon-Basics_Alert_Mute:before {
  content: "\e91c";
}
.icon-Basics_Alert_selected:before {
  content: "\e91d";
}
.icon-Basics_Archived:before {
  content: "\e91e";
}
.icon-Basics_Contact_Mail:before {
  content: "\e91f";
}
.icon-Basics_Contact_Phone:before {
  content: "\e920";
}
.icon-Basics_Dashboard:before {
  content: "\e921";
}
.icon-Basics_Dashboard_selected:before {
  content: "\e922";
}
.icon-Basics_Enquiry:before {
  content: "\e923";
}
.icon-Basics_Filter:before {
  content: "\e924";
}
.icon-Basics_Filter_filtered .path1:before {
  content: "\e925";
  color: rgb(0, 0, 0);
}
.icon-Basics_Filter_filtered .path2:before {
  content: "\e926";
  margin-left: -1em;
  color: rgb(238, 64, 86);
}
.icon-Basics_Info:before {
  content: "\e927";
}
.icon-Basics_KeyLog:before {
  content: "\e928";
}
.icon-Basics_KeyLog_Selected:before {
  content: "\e929";
}
.icon-Basics_Log-Out:before {
  content: "\e92a";
}
.icon-Basics_More:before {
  content: "\e92b";
}
.icon-Basics_New-Alert .path1:before {
  content: "\e92c";
  color: rgb(0, 0, 0);
}
.icon-Basics_New-Alert .path2:before {
  content: "\e92d";
  margin-left: -1em;
  color: rgb(238, 64, 86);
}
.icon-Basics_New-Alert_selected .path1:before {
  content: "\e92e";
  color: rgb(0, 0, 0);
}
.icon-Basics_New-Alert_selected .path2:before {
  content: "\e92f";
  margin-left: -1em;
  color: rgb(238, 64, 86);
}
.icon-Basics_New-Workplace .path1:before {
  content: "\e930";
  color: rgb(238, 64, 86);
}
.icon-Basics_New-Workplace .path2:before {
  content: "\e931";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.icon-Basics_New-Workplace_selected .path1:before {
  content: "\e932";
  color: rgb(0, 0, 0);
}
.icon-Basics_New-Workplace_selected .path2:before {
  content: "\e933";
  margin-left: -1em;
  color: rgb(238, 64, 86);
}
.icon-Basics_Order:before {
  content: "\e934";
}
.icon-Basics_Order_New .path1:before {
  content: "\e935";
  color: rgb(238, 64, 86);
}
.icon-Basics_Order_New .path2:before {
  content: "\e936";
  margin-left: -1.0380859375em;
  color: rgb(0, 0, 0);
}
.icon-Basics_Order_selected:before {
  content: "\e937";
}
.icon-Basics_Order_selected_New .path1:before {
  content: "\e938";
  color: rgb(0, 0, 0);
}
.icon-Basics_Order_selected_New .path2:before {
  content: "\e939";
  margin-left: -1.0380859375em;
  color: rgb(238, 64, 86);
}
.icon-Basics_Password:before {
  content: "\e93a";
}
.icon-Basics_Profile:before {
  content: "\e93b";
}
.icon-Basics_Profile_selected:before {
  content: "\e93c";
}
.icon-Basics_Search:before {
  content: "\e93d";
}
.icon-Basics_Settings:before {
  content: "\e93e";
}
.icon-Basics_Settings_selected:before {
  content: "\e93f";
}
.icon-Basics_Task:before {
  content: "\e940";
}
.icon-Basics_Task_selected:before {
  content: "\e941";
}
.icon-Basics_Workplace:before {
  content: "\e942";
}
.icon-Basics_Workplace_selected:before {
  content: "\e943";
}
.icon-Basics_Zoom-in:before {
  content: "\e944";
}
.icon-Basics_Zoom-out:before {
  content: "\e945";
}
.icon-Business_Corporate:before {
  content: "\e946";
}
.icon-Business_CozyHomes:before {
  content: "\e947";
}
.icon-Business_Easyhome:before {
  content: "\e948";
}
.icon-Business_Retail:before {
  content: "\e949";
}
.icon-Category_Complete:before {
  content: "\e94a";
}
.icon-Category_Defects-or-Complains:before {
  content: "\e94b";
}
.icon-Category_Design-or-Planning:before {
  content: "\e94c";
}
.icon-Category_Finale:before {
  content: "\e94d";
}
.icon-Category_General:before {
  content: "\e94e";
}
.icon-Category_Notes:before {
  content: "\e94f";
}
.icon-Category_Order-or-Delivery:before {
  content: "\e950";
}
.icon-Category_Settings:before {
  content: "\e951";
}
.icon-Category_Site-Work:before {
  content: "\e952";
}
.icon-Detail_Area:before {
  content: "\e953";
}
.icon-Detail_Bathroom:before {
  content: "\e954";
}
.icon-Detail_Career:before {
  content: "\e955";
}
.icon-Detail_Doc:before {
  content: "\e956";
}
.icon-Detail_Empty-House:before {
  content: "\e957";
}
.icon-Detail_House:before {
  content: "\e958";
}
.icon-Detail_Market-Segment:before {
  content: "\e959";
}
.icon-Detail_Progress:before {
  content: "\e95a";
}
.icon-Detail_Projects:before {
  content: "\e95b";
}
.icon-Detail_Projects_selected:before {
  content: "\e95c";
}
.icon-Detail_Rooms:before {
  content: "\e95d";
}
.icon-Detail_Schedule:before {
  content: "\e95e";
}
.icon-Detail_Schedule_selected:before {
  content: "\e95f";
}
.icon-Detail_Size:before {
  content: "\e960";
}
.icon-Detail_Theme:before {
  content: "\e961";
}
.icon-In-Progress:before {
  content: "\e962";
}
.icon-Others_Accessibility:before {
  content: "\e963";
}
.icon-Others_CE-Doc:before {
  content: "\e964";
}
.icon-Others_Chat-status_Attention_solid:before {
  content: "\e965";
}
.icon-Others_Chat-status_Attenton:before {
  content: "\e966";
}
.icon-Others_Chat-status_Read:before {
  content: "\e967";
}
.icon-Others_Chat-status_Read_solid:before {
  content: "\e968";
}
.icon-Others_Chat-status_Unread:before {
  content: "\e969";
}
.icon-Others_Chat-status_Unread_solid:before {
  content: "\e96a";
}
.icon-Others_Clock:before {
  content: "\e96b";
}
.icon-Others_Cost:before {
  content: "\e96c";
}
.icon-Others_Cost_Selected:before {
  content: "\e96d";
}
.icon-Others_Device:before {
  content: "\e96e";
}
.icon-Others_Error:before {
  content: "\e96f";
}
.icon-Others_Featured:before {
  content: "\e970";
}
.icon-Others_Hide:before {
  content: "\e971";
}
.icon-Others_History:before {
  content: "\e972";
}
.icon-Others_Hooga:before {
  content: "\e973";
}
.icon-Others_Key:before {
  content: "\e974";
}
.icon-Others_Key-Tray:before {
  content: "\e975";
}
.icon-Others_Keys:before {
  content: "\e976";
}
.icon-Others_Lifestyle:before {
  content: "\e977";
}
.icon-Others_Property-Review:before {
  content: "\e978";
}
.icon-Others_Service-summary:before {
  content: "\e979";
}
.icon-Others_Services:before {
  content: "\e97a";
}
.icon-Others_Show:before {
  content: "\e97b";
}
.icon-Others_Success:before {
  content: "\e97c";
}
.icon-Others_Tag:before {
  content: "\e97d";
}
.icon-Others_Tick:before {
  content: "\e97e";
}
.icon-Others_Virtual-Tour:before {
  content: "\e97f";
}
.icon-Others_Whatsapp:before {
  content: "\e980";
}
.icon-PO_Pending:before {
  content: "\e981";
}
.icon-PO_Rejected:before {
  content: "\e982";
}


/* ################### */
/* ################### */
/* ################### */
/* ################### */




body{
  font-family: 'DM Sans', sans-serif;
}

h1,h2,h3,h4,h5{
  font-family: 'Conv_Platform-Bold', sans-serif;
}

p{
  font-size: 15px;
  margin-bottom: 0;
}

h1{
  font-size: 40px;
}

h2{
  font-size: 32px;
}

a:hover,a:focus,a{
  text-decoration: none;
  color: #EFAC00;
  font-weight: 700;
}


header{
  padding: 15px 0 0 0;
}
.header-icon{
  font-size: 24px;
  text-decoration: none;
  color: #000;
  margin-left: 10px;
  margin-top: 5px;
  display: inline-block;
  position: relative;
}

.red-dot{
  width: 10px;
  height: 10px;
  background: red;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: absolute;
  right: 0;
  top: 10px;
}

.header-icon:hover,.header-icon:focus{
  text-decoration: none;
}

.header-icon:focus{
  color: #000;
}

.header-icon.profile--btn.active{
  color: #EFAC00;
}

.loginpage .login-banner{
  height: 300px;
  padding: 20px 0;
  color: #000;
  font-family: 'Conv_Platform-Bold',Arial !important;
}

.hide{
  display: none !important;
}
.show:not(.dropdown.bootstrap-select){
  display: block !important;
}

.forgot-password--title{
  font-family: 'Conv_Platform-Bold',Arial;
  color: #000;
  text-align: center;
  font-size: 22px;
}

.change-login--btn{
  border: 1px solid #000 !important;
  color: #000 !important;
  background: #FFF !important;
  vertical-align: top;
}

.loginpage{
  max-width: 600px;
  margin: 0 auto;
}
.loginpage .alert.alert-success{
  background: none !important;
  border: none;
  color: #000 !important;
  font-weight: 400;
  text-align: center;
  font-size: 19px;
  line-height: 25px;
  margin:  24px 0 30px 0;
}

.change-forgot--btn{
  display: inline-block;
  margin-top: 20px ;
  text-decoration: underline;
}



.loginpage .login-banner .logo{
  width: 130px;
  height: 130px;
  /*-webkit-border-radius: 65px;
  -moz-border-radius: 65px;
  border-radius: 65px;*/
  margin: 0 auto;
  /*background-color: #000;*/
  margin: 40px auto 0px auto;

}
.loginpage .form-control{
  margin-bottom: 20px;
}
.loginpage  .form-control-feedback{
	 font-size: 20px;
	 color: rgba(0, 0, 0, 0.54);
	 line-height: 20px;
	 position: absolute;
	 top: 18px;
	 right: 5px;
	 color: #000;
}

.loginpage  .form-control-feedback.danger{
	font-size: 20px;
	color: #EE4056;
	line-height: 20px;
	position: absolute;
	top: 18px;
	right: 5px;
	color: #EE4056;
}

.loginpage .form-control3{
  padding-right:  30px !important;
}

.loginpage .form{
  display: none
}

.loginpage .form.login-panel{
  display: block;
}
.keylog-logo{
  margin-top: 40px;
}

.keylog-logo img{
  display: inline-block;
  vertical-align: middle;
  width: 65px;
}

.keylog-logo h1{
  display: inline-block;
  font-size: 28px;
  vertical-align: middle;
  padding-top: 10px;
}

.drawer{
  max-width: 90%;
  height:  50vh;
  min-height: 430px;
  border-radius: 40px 40px 40px 40px;
  background-color: #fff;
  position: relative;
  padding: 32px 10px 40px 10px;
  position: relative;
  bottom: 0;
  margin: 20px auto 0;
}

.loginpage{
  background-color: #FFD200;
}

.tray--btn,.tray--btn:hover,.tray--btn:focus{
  color: #000;
  line-height: 40px;
  font-weight: 700;
  background: #FFD200;
  width: 150px;
  height: 40px;
  bottom: 20px;
  text-align: center;
  display: inline-block;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  text-decoration: none;
  font-size: 17px;


}

.tray--btn i{
  position: relative;
  font-size: 20px;
  top: 3px;
  margin-right: 2px;
}
.action--bar{

  height: 195px;
  width: 100%;


  background-color: none;
  color: #fff;
  padding: 24px 24px 64px;

  border-radius: 12px 12px 0px 0px;
  margin: 20px 0 0 0;
}
.close-sticky-bar--btn{
  position: absolute;
  top: 20px;
  right: 15px;
  font-size: 20px;
  width: 30px;
  height: 30px;
  display: inline-block;
  text-align: center;
  z-index: 3;
}
.sticky-action--bar{
  /*display: none;*/
  /*position: -webkit-sticky;
  position: sticky; */
  /*position: fixed;*/
  position: fixed;
  /*top: 0px; */
  bottom:-100%;
  height: 195px;
  width: 100%;
  left: 0;
  background: #383633;
  z-index: 2;
  color: #fff;
  padding: 24px 24px 64px;
  box-shadow: 0px -17px 29px rgba(75, 54, 0, 0.07), 0px -6.20528px 10.5855px rgba(75, 54, 0, 0.0482987), 0px -3.01255px 5.13905px rgba(75, 54, 0, 0.0389404), 0px -1.47681px 2.51926px rgba(75, 54, 0, 0.0310596), 0px -0.583932px 0.996119px rgba(75, 54, 0, 0.0217013);
  border-radius: 12px 12px 0px 0px;
  margin: 20px 0 0 0;
  max-width: 600px;
  left: 50%;
  margin-left: -300px;
}

.sticky-action--bar2{

  bottom:0;
  height: 195px;
  width: 100%;
  left: 0;
  background: #383633;
  z-index: 2;
  color: #fff;
  padding: 64px 0 10px 0;
  box-shadow: 0px -17px 29px rgba(75, 54, 0, 0.07), 0px -6.20528px 10.5855px rgba(75, 54, 0, 0.0482987), 0px -3.01255px 5.13905px rgba(75, 54, 0, 0.0389404), 0px -1.47681px 2.51926px rgba(75, 54, 0, 0.0310596), 0px -0.583932px 0.996119px rgba(75, 54, 0, 0.0217013);
  border-radius: 12px 12px 0px 0px;
  margin: 20px 0 0 0;
}

.sticky-action--bar a{
  /*color:  #fff;*/
  /*text-decoration: none;*/
  /*border-right:  1px solid #fff;*/
  /*padding: 0 10px;*/

}
.summary-selected-keys{
  margin-bottom: 20px;
}
.summary-selected-keys .number{
  font-weight:  700
}
::-webkit-search-cancel-button{
    display: none;
}
.search-workplace{
  position: relative;
  padding-left: 20px;
  margin-top: 40px;

}

.search-workplace .form-control3,.search-workplace .form-control3:hover{
  border-color: #000;

  /*3px solid #EFAC00*/
}

.search-workplace .form-control3:focus:hover,.search-workplace .form-control3:focus{
  border-color: #EFAC00;
}

.bootstrap-select>.dropdown-toggle,.bootstrap-select>.dropdown-toggle:focus{
  background: none !important;
  border: 1px solid #C0BFBB;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  height: 40px;
  outline: none !important;
}
.select-formcontrol2.bootstrap-select>.dropdown-toggle,
.select-formcontrol2.bootstrap-select>.dropdown-toggle:focus{
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  height: 58px;
  line-height: 46px;
}

.dropdown-menu{
  padding: 0;
  background: #F5F5F5;
  border: none;
  box-shadow: 0px 7px 27px rgba(75, 54, 0, 0.05), 0px 2.92443px 11.28px rgba(75, 54, 0, 0.0359427), 0px 1.56354px 6.0308px rgba(75, 54, 0, 0.0298054), 0px 0.876509px 3.38082px rgba(48, 34, 0, 0.025), 0px 0.465507px 1.79553px rgba(75, 54, 0, 0.0201946), 0px 0.193708px 0.747159px rgba(75, 54, 0, 0.0140573);
}
.search-workplace .search-close--btn{
  position: absolute;
  right: 10px;
  bottom: 15px;
  width: 30px;
  height: 30px;
  display: none;
}
.search-workplace input[type=search]{
  position: relative;
  left: -20px;
  width: calc(100% + 20px);
  padding-left: 30px;
  padding-right: 40px;
}
.search-workplace i{
  position: absolute;
  top: 50%;
  left: 0;
  margin: -12px 0 0 0;
  font-size: 24px;
  color: #000;
}
.count-summary{
  margin: 20px 0 20px 0; padding: 0 10px; font-style:italic; color: rgba(117, 113, 107, 1); font-weight:  700
}
#lottie-loadmore{
    background-color:#ffffff;
    width:100px;
    margin: 0 auto;
    display:block;
    overflow: hidden;
    transform: translate3d(0,0,0);
    text-align: center;
    opacity: 1;
    display: none;
}
.reached-end{
  text-align: center; color: #75716B; padding: 50px 0;display: none;
}
.project-listing {
  /*min-height: calc( 100vh - 300px);*/
  position: relative;
  overflow: hidden;
  padding-top: 0px;

}
.project-listing.edit--mode{
  padding-bottom: 205px;
}

.project-listing .project--item{
  border-bottom: 1px solid #C0BFBB;
  padding: 24px 10px 24px 50px;
  position: relative;
}
.project-listing .project--item.disable-check{
  padding-left: 10px;

}



.project-listing .project--item.disable-check .selection{
  display: none;
}

.input-container.selection-box--item{
  display: block;
  border: 1px solid #C0BFBB;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  padding: 15px 10px 15px 50px;
  margin: 15px 0;
}
.input-container.selection-box--item.selected{
  border-color: #000;
  color: #000;
}
.input-container.selection-box--item .radiomark{
  top: 15px;
  left: 15px;
}

.project-listing .project--item.disable-check .project-item--content{
  padding: 0 0px 0 0;
}


.project-listing .project--item .selection{
  position: absolute;
  left: 10px;
  cursor: pointer;
  height: 28px;
  top: 50%;
  margin-top: -14px;
}
.project-listing .project--item .project-item--content{
  cursor: pointer;
  color: #000;
  text-decoration: none;
  font-size: 19px;
  line-height: 25px;

  padding-bottom: 5px;
  position: relative;
}

.project-listing .project--item .project-item--content.with-thumbnail{
  padding-left: 70px;
}

.project-listing .project--item .project-item--content .project-item--thumbnail {
  position: absolute; overflow: hidden; width: 60px; height: 60px; left: 0; -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  display: flex;
  justify-content: center;
    align-items: center;

}

.project-listing .project--item .project-item--content .project-item--thumbnail img{
  width: 150%;
  /*vertical-align: middle;
  display: inline-block;*/
}

.project-listing .project--item .project-item--content a:not(.contact-me--btn),.project-listing .project--item .project-item--content a:not(.contact-me--btn):hover,.project-listing .project--item .project-item--content a:not(.contact-me--btn):focus{
  display: inline-block;
  text-decoration: none;
  color: #000;
  padding: 10px;


}

.project-listing .project--item .project-name{
  font-weight: 700;
}
.project-listing .project--item .project-key-holder{
  font-weight: 400;
  font-size: 15px;
  line-height: 23px;
  margin-top: 10px;
}

.project-listing .project--item .project-key-holder.teamMember--color{
  /*color: rgba(50, 177, 230, 1);*/
  color: #EFAC00;
}

.project-listing .project--item .project-key-holder.tray--color,.project-listing .project--item .project-key-holder.tray--color a,.tray--txt,.tray--txt:hover,.tray--txt:focus{
  color: #32B1E6;
}

.project-listing .project--item .project-key-holder.handover--color ,.project-listing .project--item .project-key-holder.handover--color a{
  color: #75716B;
}

.handover--color,.handover--color:hover,.handover--color:focus{
  color: #75716B;
}

/*notification*/
.notification-unread--dot{
  position: absolute;
  width: 5px;
  height: 5px;
  -webkit-border-radius: 2.5px;
  -moz-border-radius: 2.5px;
  border-radius: 2.5px;
  background: red;
  top: 50%;
  right: 10px;
  margin-top: -2.5px;
}
.notification--item{
  position: relative;
  border-bottom: 1px solid #C0BFBB;
  padding: 20px 10px !important;
  opacity: 0.5;

}
.notification--item.unread{
  opacity: 1;
}
.notification--item.reminded{
  background: #FFF4F4;
}
.notification--item:last-child{
  border-bottom: 0;
}
.notification--item a{
  font-weight: 400;
  color: #000;
}
.notification-popup--item{
  display: none;
}
.successful-panel{
  display: block;
}
.icon-circle{
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  border: 3px solid #EFAC00;
  width: 100px;
  height: 100px;
  text-align: center;
  color: #EFAC00;
  margin: 0 auto 10px auto;
}
.icon-triangle i{
  color:  #EE4056;
  font-size: 100px;
  display: block;
  margin: 0 auto 10px auto;
}
.icon-circle i{
  line-height: 100px;


  font-size: 40px;
}

.project-listing .project--item.completed .project-key-date span{
  background: #E5E5E1;
}
.project-listing .project--item.dueing .project-key-date span,
.dueing .task-dates{
  color: #F16321;
  border-color: #F16321;
  background: #FFFAE9;
}

.project-listing .project--item.past .project-key-date span,
.past .task-dates
{
  color: #EE4056;
  border-color: #EE4056;
  background: #FFF4F4;
}

.task-dates.complete{
  background: #E5E5E1;
	border: 0px;
}
.task-tech-spec--listing{
	margin-bottom: 20px !important;
}

.task-tech-spec--listing li i{
  font-size: 20px;
  top: 2px;
  left: 0;
  position: relative;
  color: #EFAC00;
}

.task-tech-spec--listing .requirement{
  position:relative;
  padding-left: 24px
}

.task-tech-spec--listing .requirement i{
  position: absolute;
  left: 0
}

.task-complete .icon-Task {
	font-size: 30px;
	color: #00B485;
}

.task-name{
	font-style: normal;
	font-weight: bold;
	font-size: 22px;
	line-height: 28px;
}

.project-key-date{
  color: rgba(117, 113, 107, 1);
  font-size: 15px;
  line-height: 19px;
  margin-top: 10px;
  font-weight: 600;
}

.project-key-date span label{
  font-weight: 400;
  cursor: pointer;
}
.project-key-date span:first-child{
  margin-left: 0;
}
.project-key-date span{
  font-size: 13px;
  display: inline-block;
  padding: 5px 10px;
  border: 1px solid #C0BFBB;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  margin-left: 10px;
  margin-bottom: 10px;
}
.project-listing .project--item .project-key-holder span{
  display: inline-block;
  margin-right: 15px;
}
.project-listing .project--item .project-key-holder i{
  display: inline-block;
  margin-right:  5px;
  color: #EFAC00;
}

.project-listing .project--item .project-item--icon{
  position: absolute;
  top: 50%;
  right: -40px;
  transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
  margin: -10px 0 0 0;

}


.smart-lock--panel{
  display: none;
  margin-bottom: 10px;
}


.bootstrap-select .dropdown-menu li a:hover,.bootstrap-select .dropdown-menu li a.selected{
  font-weight: 400;
}

.bootstrap-select .dropdown-menu{
  background: #F5F5F5;
}


.dropdown-item.active, .dropdown-item:active{
  background: #E5E5E1;
  color: #75716B;
}
#project--modal .dropdown.bootstrap-select{
  display: block ;
  width: 100%;
  margin-top: 10px;
}



.trail--item{
  position: relative;
  padding-left: 120px;
  min-height: 105px;
  margin-bottom: 20px;
}
.trail--item .trail--thumbnail{
  position: absolute;
  width: 100px;
  height: 100px;
  border:  2px dashed #C0BFBB;
  left: 0;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  overflow: hidden;
}

.trail--item .trail--thumbnail img{
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 100%;
}
.trail--item .trail--thumbnail.error,.trail--item .trail--thumbnail.error i{
  border-color: red;
  color: red;
}
.trail--item .trail--thumbnail.uploaded{
  border:  1px solid #C0BFBB;
}
.trail--item .trail--thumbnail.uploaded label{
  /*width: 50px;
  height: 50px;*/
  width: 100px;
  height: 100px;
  position: absolute;
  top: 0;
  background-color: rgba(0, 0, 0, 0.3);
}
.trail--item .trail--thumbnail.uploaded i{
  top: 10px;
  left: auto;
  right: 10px;
  margin: 0;
  color: #fff;
  /*text-shadow: 2px 2px #000;*/

}
.trail--item .trail--thumbnail label{

  /*top: 50%;
  left: 50%;*/
  font-size: 26px;
  /*margin: -15px 0 0 -15px;*/
  display: block;/*
  background: green;*/
  width: 100%;
  height: 100%;
  cursor: pointer;
  position: relative;
  z-index: 3;
}

.trail--item .trail--thumbnail i{
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 30px;
  margin: -15px 0 0 -15px;
  color: #75716B;
}

.trail--item .trail--thumbnail label input[type=file]{
  display: none;
}
.trail-property-info{
  font-weight: 400;
  font-size: 17px;
  line-height: 23px;
  color: #75716B;
}
.trail-property-name{
  font-size: 19px;
  line-height: 25px;
  font-weight: 700;
  color: #000;
}
.handovered-key-panel{
  background: #FFF6DD;
  border: 1px solid #EFAC00;
  padding: 10px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  margin-bottom: 10px;
}

.handovered-key-panel .handovered-key-header{
  font-weight: 700;
  font-size: 17px;
  line-height: 23px;
}
.handovered-key-panel .handovered-key-content{
  font-size: 17px;
  line-height: 23px;
}
.still-active-key-panel{
  background: #FCDEDF;
  border: 1px solid #EE4056;
  padding: 10px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  margin-bottom: 10px;
}

.still-active-key-panel .still-active-header{
  font-weight: 700;
  font-size: 17px;
  line-height: 23px;
}
.still-active-key-panel .still-active-content{
  font-size: 17px;
  line-height: 23px;
}
.link-to--btn,.link-to--btn:hover{
  display: inline-block;
  border: 1px solid #000;
  min-height: 23px;
  line-height: 21px;
  padding: 8px 16px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  color: #000;

}
.add-new-sets-keys--panel{
  display: none;
  position: relative;
  margin-bottom: 20px;
}
.add-new-sets-keys--panel input[type=text]{
  border: 3px solid #EFAC00;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  padding-right:  80px;
}
.add-new-sets-keys--panel a{
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background: #FFD200;
  display: inline-block;
  position: absolute;
  right: 6px;
  top: 4px;
  color: #000;
  line-height: 34px;
  padding: 8px 16px;
  text-decoration: none;
  font-size: 19px;
  font-weight: 700;
}
.key-sets--listing{
  list-style: none;
  padding: 0;
  margin: 0;
}
.key-sets--listing li{
  margin-bottom: 10px;
  font-size: 19px;
  line-height: 25px;
  position: relative;
  padding-right: 45px;
  min-height: 40px;
}
.key-sets--listing li .input-container{
  padding-left: 35px;
  display: block;

}
.key-sets--listing li .key-sets-qty{
  position: absolute;
  top: -5px;
  right: 0;
}
.key-sets--listing li .key-sets-qty input{
  width:  40px;
  height: 40px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  border:  1px solid #C0BFBB;
  outline: none;
  text-align: center;
  font-weight: 700;
  font-size: 19px;
  line-height: 25px;
}
.pass-project-listing{

}

.pass-project-listing .project--item{
   width:  100%;
   height:  200px;
   border:  1px solid black;
   padding: 10px;

}

/*add new project*/
.projectUnitNoLoading{
  display: none;
  width:  40px;
}
input[type=submit][disabled]{
  opacity: 0.3;
  /*display: none;*/
}
.uploading-panel{
  background: #fff;
  -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px;
  width: 90%;
  margin: 0 auto;
  height:  40px;
  position: absolute;
  top:  50%;
  margin-top: -20px;
  z-index: 1000;
  left: 50%;
  transform: translateX(-50%);
  padding: 10px 10px 0 5px;
  font-weight: 700;
  font-size: 10px;
  display: none;
  box-shadow: 0px 7px 27px rgba(75, 54, 0, 0.05), 0px 2.92443px 11.28px rgba(75, 54, 0, 0.0359427), 0px 1.56354px 6.0308px rgba(75, 54, 0, 0.0298054), 0px 0.876509px 3.38082px rgba(48, 34, 0, 0.025), 0px 0.465507px 1.79553px rgba(75, 54, 0, 0.0201946), 0px 0.193708px 0.747159px rgba(75, 54, 0, 0.0140573);
}
.uploading-panel.small{
  font-size: 12px;
  height:  50px;
  padding-top: 10px;
  margin-top: -25px;
}

.uploading-panel.small .uploading-bar{
  margin-top: 5px;
}
.uploading-panel .uploading-bar{
  background: #E5E5E1;
  width: 100%;
  height: 6px;
  margin: 0 auto;
  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
  position: relative;
  overflow: hidden;
  margin-top: 0px;
}

.uploading-panel .uploading-bar span.loading{
  background: #FFD200;
  width: 0;
  /*transition:  width 2s;*/
  /*animation: progres 4s */
}

.add-project--thumbnail{
  /*height: 220px;*/
  padding-top: 40%;
  /*border: 1.5px dashed #C0BFBB; */
  /*.75em solid*/
  border: 2px dashed #C0BFBB;
  border-radius: 12px;
  position: relative;
  overflow: hidden;
  height: 76px;
  width: 76px;
}
@media only screen and (min-width: 768px) {
	.add-project--thumbnail{
		height: 155px;
		width: 155px;
	}

	.uploading-panel{
		background: #fff;
		-webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px;
		width: 90%;
		margin: 0 auto;
		height:  80px;
		position: absolute;
		top:  50%;
		margin-top: -50px;
		z-index: 1000;
		left: 50%;
		transform: translateX(-50%);
		padding: 15px 10px 0 10px;
		font-weight: 700;
		font-size: 19px;
		display: none;
		box-shadow: 0px 7px 27px rgba(75, 54, 0, 0.05), 0px 2.92443px 11.28px rgba(75, 54, 0, 0.0359427), 0px 1.56354px 6.0308px rgba(75, 54, 0, 0.0298054), 0px 0.876509px 3.38082px rgba(48, 34, 0, 0.025), 0px 0.465507px 1.79553px rgba(75, 54, 0, 0.0201946), 0px 0.193708px 0.747159px rgba(75, 54, 0, 0.0140573);
	}

	.uploading-panel .uploading-bar{
		background: #E5E5E1;
		width: 100%;
		height: 6px;
		margin: 0 auto;
		-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
		position: relative;
		overflow: hidden;
		margin-top: 10px;
	}
}
@media only screen and (min-width: 992px) {
	.add-project--thumbnail{
		height: 145px;
		width: 145px;
	}
}


.updates-done--panel{
  position: relative;
  overflow: hidden;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;

}
/*.updates-done--panel .upload--listing{
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  position: relative;
  overflow: hidden;
}*/
.upload--listing.new-upload{
	margin-top: 20px;
}
.new-upload .taskimage-uploaded{
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	border: 2px solid #fff;
	margin-bottom: 8px;
	cursor: pointer;
	display: block;
	overflow: hidden;

	width: 100%;
	padding-top: 100%;
	position: relative;
	text-align: center;
	box-shadow: 0px 7px 27px rgba(75, 54, 0, 0.05), 0px 2.92443px 11.28px rgba(75, 54, 0, 0.0359427), 0px 1.56354px 6.0308px rgba(75, 54, 0, 0.0298054), 0px 0.876509px 3.38082px rgba(48, 34, 0, 0.025), 0px 0.465507px 1.79553px rgba(75, 54, 0, 0.0201946), 0px 0.193708px 0.747159px rgba(75, 54, 0, 0.0140573);

}
.updates-done--panel .taskimage-uploaded{
  border-radius: 0;
}
.updates-done--panel .taskimage-uploaded--item{
  margin:  0 0 5px 0;
}
.updates-done--panel .form-control-static{
  font-weight: 400 !important;
}
.updates-done--panel .form-group{
  margin: 0;
}
.taskupdate--panel{
  background: #383633;
  padding: 20px 24px 10px 24px;
  color: #fff;
  font-weight: 400
}
.taskupdate--panel hr{
  width:  70px;
  background: #fff;
  margin: 15px 0 15px 0;
  height: 1px;
}
#task--modal ul{
  list-style: none;
  margin: 0;
  padding: 0;
}

#task--modal .modal-content{
	background: #F5F5F5;
}

.taskimage--overlay{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0,0,0,0.5);
  color: #fff;
  font-size: 40px;
  font-weight: 700;
  text-align: center;
  padding-top: 25px;
  cursor: pointer;
}
.taskimage--text-overlay{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.taskimage-uploaded--item .inline-popup i{
  font-size: 60px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -30px;
  margin-left: -30px;
  color:  #000;
}

.second-overlay{
  background: rgba(0,0,0,0.3); position: fixed; width: 100%;  height: 100%; z-index: 1049; top:0; left: 0; right:0; bottom:0; display: none;
}
.mfp-content .inline-popup{
  color: #fff;
  max-width: 320px;
  margin: 0 auto;
  position: relative;
}
.mfp-content .inline-popup i{
  font-size: 100px;
  color: #fff;
}
.mfp-content .inline-popup button{
  color: #fff;
  position: absolute;
  top: -40px;
  font-size: 50px;
  opacity: 1;
}
.taskimage-uploaded--item{
  position: relative;
  margin-bottom: 10px;
}

.taskpdf--listing{
  margin:  20px 0 !important;
}
.taskpdf-uploaded{
  border: 1px solid #fff;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  font-size: 14px;
  line-height: 18px;
  padding: 10px 10px 10px 40px;
  position: relative;
  margin-bottom: 10px;
  cursor: pointer;
  display: inline-block;
}


.taskpdf-uploaded i{
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -7px;
  color: #FFD200;
}
.expand-pdf-list,.expand-pdf-list:hover{
  color: #fff;
  text-decoration: underline;
}
.taskimage-uploaded:not(.taskimage--overlay){
  cursor: pointer;
  display: block;
  overflow: hidden;

  width: 100%;
  padding-top: 100%;
  position: relative;
  text-align: center;
  box-shadow: 0px 7px 27px rgba(75, 54, 0, 0.05), 0px 2.92443px 11.28px rgba(75, 54, 0, 0.0359427), 0px 1.56354px 6.0308px rgba(75, 54, 0, 0.0298054), 0px 0.876509px 3.38082px rgba(48, 34, 0, 0.025), 0px 0.465507px 1.79553px rgba(75, 54, 0, 0.0201946), 0px 0.193708px 0.747159px rgba(75, 54, 0, 0.0140573);
}


.upload--listing .col-4{
	padding-right: 0
}

.upload--listing.no-subtask .col-4{
	padding-right: 5px
}
.row.s-gutters{
  margin: 0 -5px;
}

.row.s-gutters [class^=col]{
  padding: 0 2.5px;
}
.remove-image--btn,.remove-image--btn:focus,.remove-image--btn:hover{
  color: #000;
  text-align: center;
}
.remove-image--btn i{
  position: absolute;
  left: -13px;
  top: -13px;
  background: #FFD200;
  width: 26px;
  height: 26px;

  line-height: 26px;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border-radius: 13px;
  font-weight: bold;
  z-index: 10;
}



.add-project--thumbnail img{
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 100%;
}
.upload-parent span{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.upload-parent ~ label.error{
  display: block;
  margin-bottom: 20px;
}
.trail--item .trail--thumbnail.error,.trail--item .trail--thumbnail.error i,.upload-parent.error{
  border-color: red;
  color: red;
}
.add-project--thumbnail.uploaded{
  border:  1px solid #C0BFBB;
}

.add-project--thumbnail.uploaded label{
  /*width: 50px;
  height: 50px;*/
  width: 46px;
  height: 46px;
  position: absolute;
  top: 0;
  background-color: #fff;
  right: 0;
  color: #75716B;
  border: 1px solid #75716B;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  border-radius: 23px;
  top: 10px;
  right: 10px;
  text-align: center;
}

.contact-info--quickbar{
  position: fixed;
  bottom: -100%;
  z-index: 1055;
  left: 50%;
  margin-left: -300px;
  height: 204px;
  background-color: green;
  /*width: 100%;*/
  max-width: 600px;
  background: #F5F5F5;
  -webkit-border-top-left-radius: 30px;
  -webkit-border-top-right-radius: 30px;
  -moz-border-radius-topleft: 30px;
  -moz-border-radius-topright: 30px;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  padding: 40px 20px;
  box-shadow: 0px -17px 29px rgba(75, 54, 0, 0.07), 0px -6.20528px 10.5855px rgba(75, 54, 0, 0.0482987), 0px -3.01255px 5.13905px rgba(75, 54, 0, 0.0389404), 0px -1.47681px 2.51926px rgba(75, 54, 0, 0.0310596), 0px -0.583932px 0.996119px rgba(75, 54, 0, 0.0217013)
}
.date-close-quickbar--btn,
.date-close-quickbar--btn:focus,
.date-close-quickbar--btn:hover,
.contact-close-quickbar--btn,.contact-close-quickbar--btn:hover,.contact-close-quickbar--btn:focus{
  color: #000;
  display: block;
  position: absolute;
  font-size: 30px;
  text-align: center;
  text-decoration: none;
  width: 40px;
  height: 40px;
  right: 10px;
  top: 10px;
}
.contact-name--txt{
  text-align: center;
  color: #000000;
  font-size: 19px;
  font-weight: 700;
  margin: 0 0 20px 0;
}


.date-info--quickbar{
  position: fixed;
  bottom: -100%;
  z-index: 1050;
  left: 50%;
  margin-left: -300px;
  height: 304px;
  background-color: green;
  width: 100%;
  max-width: 600px;
  background: #F5F5F5;
  -webkit-border-top-left-radius: 30px;
  -webkit-border-top-right-radius: 30px;
  -moz-border-radius-topleft: 30px;
  -moz-border-radius-topright: 30px;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  padding: 40px 20px;
  box-shadow: 0px -17px 29px rgba(75, 54, 0, 0.07), 0px -6.20528px 10.5855px rgba(75, 54, 0, 0.0482987), 0px -3.01255px 5.13905px rgba(75, 54, 0, 0.0389404), 0px -1.47681px 2.51926px rgba(75, 54, 0, 0.0310596), 0px -0.583932px 0.996119px rgba(75, 54, 0, 0.0217013)
}

.date-info--quickbar h3{
  font-family:  'Conv_Platform-Bold', Arial;
  text-align: center;
  font-size: 1.25rem;
}
/*.date-info--quickbar h3{
  position: relative;
  display: none;
}*/


.add-project--thumbnail.uploaded i{
  top: 0px;
  left: auto;
  right: auto;
  margin: 0;
  color: #75716B;
  position: relative;
  font-size: 20px;
  /*text-shadow: 2px 2px #000;*/

}
.add-project--thumbnail label{
  cursor: pointer;
  /*top: 50%;
  left: 50%;*/
  font-size: 26px;
  /*margin: -15px 0 0 -15px;*/
  display: block;/*
  background: green;*/
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 10;
  top: 0;
}

.add-project--thumbnail i{
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 30px;
  margin: -15px 0 0 -15px;
  color: #75716B;
}

.add-project--thumbnail label input[type=file]{
  display: none;
}




.add-project--thumbnail i{
  font-size: 30px;
}
.result--form{
  display: none;
  min-height: 100vh;
}
.successful-icon{
  border: 3px solid #EFAC00;
  width: 100px;
  height: 100px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  text-align: center;
  line-height: 94px;
  font-size: 40px;
  color: #EFAC00;
  margin: 30px auto 40px auto;
}
.successful-main-title{
  font-size: 22px;
  line-height: 28px;
  font-family: 'Conv_Platform-Bold',Arial;
  margin-bottom: 10px;
}
.successful-key-owner{
  font-size: 19px;
  line-height: 25px;
  font-weight: 400;
  margin-bottom: 40px;
}

.successful--panel .btn2,.successful--panel .btn2:hover,.successful--panel .btn2:focus{
  font-size: 19px;
  line-height: 25px;
  font-weight: 700;
  line-height: 57px;
  padding: 0 20px;
  margin-bottom: 20px;
  min-width: 250px;
}

.ignored{
  cursor: initial !important;
}
.btn2.whatsapp-btn,.btn2.whatsapp-btn:hover{
  background: #00B485 !important;
  color: #fff !important;
}

.btn2.whatsapp-btn i{
  top: 4px;
  font-size: 24px;
}
.add-another--btn{
  background: none !important;
  /*border: 1px solid black !important;*/
}
.add-project--panel,.add-project--panel:hover,.add-project--panel:focus{
  line-height: 68px;
  text-decoration: none;
  font-weight: 400;
  color: #000;
  display: block;
  position: relative;
  padding-left: 70px;
  font-style: italic;
  background-color: rgba(245, 245, 245, 1);
  box-shadow: 0px 7px 27px rgba(75, 54, 0, 0.05), 0px 2.92443px 11.28px rgba(75, 54, 0, 0.0359427), 0px 1.56354px 6.0308px rgba(75, 54, 0, 0.0298054), 0px 0.876509px 3.38082px rgba(48, 34, 0, 0.025), 0px 0.465507px 1.79553px rgba(75, 54, 0, 0.0201946), 0px 0.193708px 0.747159px rgba(75, 54, 0, 0.0140573);
}


.add-sets-keys--btn,.add-sets-keys--btn:hover,.add-sets-keys--btn:focus{
  line-height: 58px;
  text-decoration: none;
  font-weight: 400;
  color: #75716B;
  display: block;
  position: relative;
  padding-left: 55px;
  font-style: italic;
  background-color: rgba(245, 245, 245, 1);
  border: 2px dashed #C0BFBB;
  -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px;
  font-size: 19px;

  /*box-shadow: 0px 7px 27px rgba(75, 54, 0, 0.05), 0px 2.92443px 11.28px rgba(75, 54, 0, 0.0359427), 0px 1.56354px 6.0308px rgba(75, 54, 0, 0.0298054), 0px 0.876509px 3.38082px rgba(48, 34, 0, 0.025), 0px 0.465507px 1.79553px rgba(75, 54, 0, 0.0201946), 0px 0.193708px 0.747159px rgba(75, 54, 0, 0.0140573);*/
}

.add-sets-keys--icon{
  position: absolute;
  left: 15px;
  top: 50%;
  width: 36px;
  height: 36px;
  color: #75716B;
  text-decoration: none;
  display: block;
  text-align: center;
  line-height: 36px;
  margin-top: -16px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
}



.add-project-close--btn{
  position: absolute;
  left: 15px;
  top: 50%;
  width: 36px;
  height: 36px;
  color: #000;
  text-decoration: none;
  border: 1px solid black;
  display: block;
  text-align: center;
  line-height: 36px;
  margin-top: -18px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
}
.selected-project--panel{
  display: none;
  margin-bottom: 20px;
  background: #f5f5f5; border: 1px solid #C0BFBB;  -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; padding: 15px 30px 15px 15px; position: relative;
}
.selected-project-close--btn,.selected-project-close--btn:hover,.selected-project-close--btn:focus{
  position: absolute;
  right: 10px; top:13px;
  color: #000000;
  text-decoration: none;
  font-size: 20px;
}
.selected-project-name{

}
.selected-project-state{

}

#fileElem--1-error{
  margin-top: -20px;
  margin-bottom: 20px;
}

.select2-container .select2-selection--single{
  height: auto;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
  top: 50%;
  /* margin-top: -13px; */
  right: 10px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
  padding: 10px;
  /*-webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;*/
  font-size: 14px;
  font-weight: 800;
}
.select2.select2-container.select2-container--default{

}

.select2-container--open{

}

/*handsoff*/
.profile--panel{
  position: relative;
  z-index: 2;
}

.profile--dropdown{
  text-align: left;
  display: none;
  position: absolute; width: 234px; height: 200px; background: #F5F5F5; right:0;
  box-shadow: 0px 7px 27px rgba(75, 54, 0, 0.05), 0px 2.92443px 11.28px rgba(75, 54, 0, 0.0359427), 0px 1.56354px 6.0308px rgba(75, 54, 0, 0.0298054), 0px 0.876509px 3.38082px rgba(48, 34, 0, 0.025), 0px 0.465507px 1.79553px rgba(75, 54, 0, 0.0201946), 0px 0.193708px 0.747159px rgba(75, 54, 0, 0.0140573);
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  overflow: hidden;
}

.profile-dropdown--header{
  padding: 20px 15px;
  border-bottom: 1px solid #C0BFBB;



}
.profile-dropdown--header div{
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.profile-dropdown--content a,.profile-dropdown--content a:hover,.profile-dropdown--content a:focus{
  display: block;
  padding: 0 10px 0 40px;
  line-height: 57px;
  color: #000000;
  text-decoration: none;
  position: relative;

}

.profile-dropdown--content a i{
  position: absolute;
  left: 15px;
  top: 50%;
  margin-top: -10px;
  font-size: 20px;

}

.profile-dropdown--content a:hover{
  background:  #FFD200 !important

}

.task--card,.profile--item{
  box-shadow: 0px 7px 27px rgba(75, 54, 0, 0.05), 0px 2.92443px 11.28px rgba(75, 54, 0, 0.0359427), 0px 1.56354px 6.0308px rgba(75, 54, 0, 0.0298054), 0px 0.876509px 3.38082px rgba(48, 34, 0, 0.025), 0px 0.465507px 1.79553px rgba(75, 54, 0, 0.0201946), 0px 0.193708px 0.747159px rgba(75, 54, 0, 0.0140573);
  padding: 20px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  background-color: #fff;
  margin-bottom: 40px;
  overflow: hidden;
}
.task--card form{
  position: relative;
}
.task--card,.task--card2{
  margin-top: 20px;
  margin-bottom: 30px;
}

.task-dates{
  border: 1px solid #C0BFBB;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  padding: 7px 10px;
  line-height: 14px;
  color: #75716B;
  text-align: center;
  display: inline-block;
  min-width: 120px;
}
.task-dates a{

  position: relative;
  top: 0px;
  display: inline-block;
  padding: 0 40px 0 0;
  vertical-align: middle;
  line-height: 20px;
  color: #000;

}
.task-dates i{
  font-size: 26px;
  color: #EFAC00;
  position: absolute;
  top: -3px;
  right:  3px;
}

.task-done--overlay{
  position: absolute;
  width: calc(100% + 40px);
  height:calc(100% + 40px);
  left: -20px;
  top: -20px;
  background: #fff;
  z-index: 20;

}

.task-done--overlay i{
  font-size: 80px;
  color: #EFAC00;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -40px 0 0 -40px;
}
.task--card .task-dates--panel span:first-child{
  margin-left: 0px;
}
.task--card .task-dates--panel span{

  /*display: inline-block;
  border:  1px solid #4B3600;
  padding: 0 10px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  font-size: 13px;
  line-height: 40px;
  color: #75716B;
  margin-left: 10px;*/
  padding: 0 10px;
  line-height: 40px;
}

.task--card .task-dates--panel span.complete{
  background: #E5E5E1;
	border: 0px;
}

.task-divider{
	padding: 10px;
	border-bottom: 1px solid #C0BFBB;
}

.subtask-label{
  font-size: 17px;
  line-height: 23px;
  font-weight: 600;
  color: #75716B;
  margin-top:  20px;
}
.subtask-taskname-label{
  font-size: 19px;
  line-height: 23px;
  font-weight: 600;
  color: #000000;
  margin-top:  20px;
  overflow-wrap: break-word;
}
.subtask-details p{
  font-size: 17px;
  line-height: 23px;
  color: #000;
  margin-top: 10px;
}
.handsoff--remove{
  display: none;
  box-shadow: 0px 7px 27px rgba(75, 54, 0, 0.05), 0px 2.92443px 11.28px rgba(75, 54, 0, 0.0359427), 0px 1.56354px 6.0308px rgba(75, 54, 0, 0.0298054), 0px 0.876509px 3.38082px rgba(48, 34, 0, 0.025), 0px 0.465507px 1.79553px rgba(75, 54, 0, 0.0201946), 0px 0.193708px 0.747159px rgba(75, 54, 0, 0.0140573);
  padding: 24px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  background-color: #fff;
  margin-bottom: 40px;
  text-align: center;

}

.handsoff--remove h4{
  font-family: 'Conv_Platform-Bold',Arial;
}
.successful-fullscreen{
  padding-top: 70px;
  text-align: center;
}

.successful-fullscreen i{
  font-size: 70px;
  color: #EFAC00;
}

.successful-fullscreen p,.successful-fullscreen label.error{
  margin-top: 20px;
  font-size: 22px !important;
  font-weight: 700;
  margin-bottom: 40px;
}
#profile--modal .modal-content{
  min-height: 100vh;
}
.form-group{
  position: relative;
}

.profile--item .form-group .form-control3{
  padding-right: 40px;
}
.profile--item .form-group i{
  position: absolute;
  bottom: 10px;
  font-size: 20px;
  width: 30px;
  height: 30px;
  display: inline-block;
  right: 0;
}

/*alert page*/
.alert-listing{
  list-style: none;
  margin: 0;
  padding: 0;
}

.alert-listing li{
  /*padding: 20px 0;*/

}
.alert--item{
  padding-left: 40px;
  position: relative;
}
.alert-statement{
  position: relative;
  margin-bottom: 20px;
  font-size: 19px;
  line-height: 25px;
}
.alert-action{
  margin:  0px 0 15px 0;
}
.alert-statement .icon2-My-Keys,.alert-statement .icon2-MSG-Error{
  position: absolute;
  left: -40px;
  top: 50%;
  font-size: 30px;
  margin-top: -18px;
  color: #EFAC00;
}

.alert-statement .icon2-MSG-Error{
  color: #EE4056 ;
  left: -35px;
}

.default-data{
  font-size: 19px;
  font-weight: 400;
}



/*modal for create key*/
#handsoff--modal .modal-content,.project--form2 .modal-content{
  min-height: 100vh;
}
.project--form2 hr{
  margin: 40px 0;
}

/*page */
.page-panel{
  min-height: 40px;
  margin-top: 10px;
  padding: 10px 60px 0 60px;
  margin-bottom: 40px;
  position: relative;
}
.page-panel a{
  position: absolute;
  width: 40px;
  left: 0;
  top: 50%;
  margin-top: -10px;
}
a.close-sticky-bar--btn{
  color: #000;
  position: absolute;
  width: 40px;
  left: 0;
  right: auto;
  top: 50%;
  margin-top: -10px;
}
.page-panel .page-title{
  float:  left;
  width:  100%;
  text-align: center;
  /*padding-right: 50px;*/
  font-family: 'Conv_Platform-Bold',Arial;
  font-size: 22px;
  line-height: 28px;
  letter-spacing: 1px;
}

/*projects*/

.project-details--thumbnail{
  /*height:250px; */
  position: relative;
  padding-top: 100%;

  border:1px solid #C0BFBB;
  position: relative;
  overflow: hidden;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  margin: 0 0 20px 0;
}
.project-details--thumbnail img{
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 100%;
}
.project-panel nav{
  margin-bottom:  20px;
}
.project-panel nav a{
  font-size: 17px;
  line-height: 23px;
  display: inline-block;
  width: 33.33%;
  float: left;
  text-align: center;
  text-decoration: none;
  color: #75716B;
  font-weight: 400;
  /*padding: 10px;*/
}

.project-panel nav a.active{
  text-decoration: none;
  color: #000;
  font-weight: 700;
  border-bottom: 2px solid rgba(239, 172, 0, 1);
}
/*.project-panel [class^=col],.pass-project-listing [class^=col]{*/

.pass-project-listing [class^=col]{
  padding: 0 !important;


}

.project-panel [data-tab-content]{
  display: none;
  padding-bottom: 40px;
}

.project-panel [data-tab-content]:first-child{
  display: block;
}
.project-panel label{
  font-size: 17px;
  line-height: 23px;
  color: #75716B;
}
.project-panel .form-control-static,
.modal-body .form-control-static
{
  font-weight: 700;
  font-size: 19px;
  line-height: 25px;
}

/*history*/

.tray--type,.tray--type:hover,.tray--type:focus{
  cursor: initial;
  color: rgba(50, 177, 230, 1);
}
.handover--type,.handover--type:hover,.handover--type:focus{
  color: #75716B;
}

.trail-log--item{
  padding-right: 30px;
}
.trail-log--item:after{
  content: "";
  position: absolute;
  border: 1px solid #C0BFBB;
  width: 10px;
  height: 10px;
  left: 45px;
  top: 30px;
  background-color: #fff;
  z-index: 2;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.trail-log--item a{
  text-decoration: none;
}

.trail-log--remarks .remarks-title{
  font-weight: 700;
  color: rgba(117, 113, 107, 1);
  font-size: 15px;
}
ul.trail-log{
  list-style: none;
  padding: 0;
  margin: 20px 0;
  position: relative;
}

ul.trail-log:after{
  content: "";
  width: 1px;
  position: absolute;
  background-color: #C0BFBB;
  top: 35px;
  height: calc(100% - 45px);
  left: 50px;
}

ul.trail-log.remarks-flag:after{
  height: calc(100% - 130px);
}
ul.trail-log li:first-child{
  margin-top: 0;
}
ul.trail-log li{
  position: relative;
  padding-left:  80px;
  margin-top: 20px;
}

ul.trail-log li .trail-log--thumbnail{
  width: 60px;
  height: 60px;
  position: absolute;
  left: 0;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  border: 1px solid black;
}
.trail-log--message{
  font-size: 19px;
  line-height: 25px;
}
.trail-log--message i.icon-Arrow_Enter{
  position: relative;
  top: 2px;
  margin: 0 10px;
}
.trail-log--remarks{
  border: 1px solid #C0BFBB;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  position: relative;
  padding: 15px;
  font-weight: 400;
  color: rgba(117, 113, 107, 1);
  font-size: 15px;
  margin-top: 10px;
}
.trail-log--dateonly{
  position: absolute;
  left: 0;
  top: 20px;
  text-align: center;

}

.trail-log--dateonly div:first-child{
  font-size: 19px;
  line-height: 19px;

}
.trail-log--dateonly div{
  color: rgba(117, 113, 107, 1);
  font-size: 12px;
  line-height: 12px;
}

.trail-log--datetime{
  font-size: 17px;
  line-height: 23px;
  color: #75716B;
}
.trail-log--datetime span{
  display: inline-block;
  margin-right: 10px;
}
.info-icon{
  position: absolute;
  top: 50%;
  right: 0;
  height: 26px;
  margin-top: -13px;
}


.trail-log--name{
  /*font-weight: 700;*/
  font-weight: 19px;
  line-height: 25px;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 26px;
  width: 26px;

  border: 2px solid rgba(0, 0, 0, 0.54);
}

.radiomark{
  position: absolute;
  top: 0;
  left: 0;
  height: 26px;
  width: 26px;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border-radius: 13px;
  border: 2px solid #C0BFBB;
}
/* On mouse-over, add a grey background color */
.input-container{
  position: relative;
  padding-left: 30px;
}
.input-container:hover input ~ .radiomark ,.input-container:hover input ~ .checkmark {
  background-color: rgba(0, 0, 0, 0);

}


.input-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
/* When the checkbox is checked, add a blue background */
.input-container input:checked ~ .checkmark ,.input-container input:checked ~ .radiomark {
  background-color: #FFD200;
  border-color: #000;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after,.radiomark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.input-container input:checked ~ .checkmark:after ,.input-container input:checked ~ .radiomark:after{
  display: block;
}

/* Style the checkmark/indicator */
.input-container .checkmark:after,.input-container .radiomark:after {
  left: 7px;
  top: 2px;
  width: 8px;
  height: 14px;
  border: solid #000;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/*modal*/

.modal-body .owl-nav{
  position: absolute;
  width: 100%;
  top: 0;
}
.modal-body .owl-nav button{
  float: left;
  font-size: 30px !important;
}

.owl-nav button.disabled{
  opacity: 0.3;
}

.modal-body .owl-nav button + button{
  float: right;
}
.ui-widget-content{
  position: absolute;
  z-index: 2000;
}
.ui-menu .ui-menu-item,.ui-menu .ui-menu-item:hover{
  border:  none !important;
  border-top: 1px solid black !important;
}
.ui-menu .ui-state-focus, .ui-menu .ui-state-active{
  margin: 0;
}
.modal-footer{
  padding: 0;
  border-top: none;
}
#handsoff--modal .modal-dialog,#handsoff--modal .modal-content,#handsoff--modal .modal-content, .project--form2 .modal-content{
  background: #f5f5f5;
}
.modal-dialog{
  max-width: 600px;
  margin: 0;
  left: 50%;
  margin-left: -300px;
}
.modal-header{
  padding-top: 20px !important;
  border-bottom: none;

}
.modal-header h5{
  color: #000;
  font-family: 'Conv_Platform-Bold';
  text-align: center;
  width: 100%;
}

.modal-header .close{
  position: absolute;
  right: 15px;
}
.modal-header i{
  color: #000;
  opacity: 1;
}
.modal-header,.modal-content{
  border-radius: 0 !important;
}
.modal-content{
  border: none;

}
#task--modal .modal-content{
  min-height: 100vh;
}
/*form ui*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}


.form-control:disabled{
  background: rgba(233, 236, 239, 0.9);
}
.form-control[readonly]{
  background: rgba(233, 236, 239, 0.3);
}
.btn2.back--btn,.btn2.back--btn:hover,.btn2.back--btn:focus{
  background: none !important;
  border: 1px solid #fff !important;
  color: #fff !important;
}
.btn2.back--btn2,.btn2.back--btn2:hover,.btn2.back--btn2:focus,.btn2.change-login--btn,.btn2.change-login--btn:hover,.btn2.change-login--btn:focus{
  background: none !important;
  border: 1px solid #000 !important;
  color: #000 !important;
}
.selection{
  cursor: pointer;
}
label.error{
  color: red !important;
  display: block;
  font-size: 12px !important;
}
.remove-item i {
  float: left;
  font-size: 24px;
  margin: 7px 10px 0 0;
  font-family: 'DM Sans', sans-serif;
}
.remove-item,.remove-item:hover,.remove-item:focus{
  background-color: #EE4056;
  line-height: 42px;
  font-size: 19px;
  display: inline-block;
  padding: 0 15px;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  color: #fff;
  text-decoration: none;
}
label{
  margin: 0;
}
.btn-light,.btn-light:hover,.btn-light:focus,.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle{
  color: #75716B;
  font-weight: 700;
  box-shadow: none;
}
.secondary-btn,.secondary-btn:hover,.secondary-btn:focus{
  background-color: #000;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  min-width: 100px;
  text-align: center;
  color:  #fff;
  line-height: 40px;
  display: inline-block;
  text-decoration: none;
  padding: 0 10px;
  font-size: 19px;

}
.secondary-btn ~ .tertiary-btn{
  margin-left: 10px;
}

.secondary-btn i{
  font-size: 16px;
  position: relative;
  top: 2px;
}
.secondary-btn img{
  display: inline-block;
  width: 20px;
  margin-right: 10px;
}

.tertiary-btn,.tertiary-btn:hover,.tertiary-btn:focus{
  background: none;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  min-width: 200px;
  text-align: center;
  color:  #fff;
  line-height: 57px;
  display: inline-block;
  text-decoration: none;
  padding: 0 10px;
  font-size: 19px;
  border: 1px solid #000;
  color:  #000;
}

.tertiary-btn i{
  color:  #000;
  font-size: 16px;
  position: relative;
  top: 2px;
}
::-webkit-input-placeholder { /* Edge */
  font-style: italic;
  padding: 0 5px;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  font-style: italic;
  padding: 0 5px;
}

::placeholder {
  font-style: italic;
  padding: 0 5px;
}

.form-group label{
  font-size: 17px;
  line-height: 23px;
  color: rgba(117, 113, 107, 1);
  font-weight: 400;
  /*margin-bottom: 5px;*/
}

.project--form2 .form-group label{
  margin-bottom: 10px;
}

input[type=search].form-control3{
  background: #fff !important;
}
.form-control3,.form-control3:focus,.form-control3:hover{
  width: 100%;
  border-radius: 0 !important;
  border: 0;
  border-bottom: 1.5px solid #000;
  font-family: 'DM Sans', sans-serif;
  outline: none !important;
  box-shadow: none !important;
  font-size: 19px;
  padding: 5px 15px;
  height: 56px;

}

.loginpage .form-control3.danger{
	width: 100%;
	border-radius: 0 !important;
	border: 0;
	border-bottom: 1.5px solid #EE4056;
	font-family: 'DM Sans', sans-serif;
	outline: none !important;
	box-shadow: none !important;
	font-size: 19px;
	padding: 5px 15px;
	height: 56px;
	color: #EE4056;

}

.form-control3:focus{

  border-bottom:  3px solid #EFAC00
}



.form-control{
  display:block;
  border: 1px solid #000;
  font-family: 'DM Sans', sans-serif;
  outline: none !important;
  box-shadow: none !important;
  font-size: 19px;
  padding: 5px 15px;
  height: 35px;
  width: 335px;
  margin:5px;
  background-color: transparent;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 500px;
}

.form-control:focus,.form-control:hover{
}

.form-control2,.form-control2:focus,.form-control2:hover{
  margin: 0;
  font-family: 'DM Sans', sans-serif;
  outline: none !important;
  box-shadow: none !important;
  font-size: 19px;
  padding: 15px;
  display: block;
  width: 100%;
  border: 1px solid #C0BFBB;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  min-height: 60px;
  height: 65px;
}

.form-control2.error,.form-control2.error:hover,.form-control2.error:focus,
.form-control.error,.form-control.error:hover,.form-control.error:focus{
  border:  1px solid red;
}


.form-control:focus,.form-control2:focus{
  border-color: #000;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){
  width:  calc(100%);
}

.bootstrap-select.fullwidth:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){
  width:  100%;
}
.btn2 ~ .btn2{
  margin-left: 15px;
}

.btn-link,.btn-link:hover,.btn-link:focus{
  border: 1px solid #000000;
  color: #000;
  padding: 0 15px;
  line-height: 58px;
  display: inline-block;
  -webkit-border-radius: 29px;
  -moz-border-radius: 29px;
  border-radius: 29px;
  text-decoration: none;
  font-weight: 700;
}
.btn-link.one{
  min-width:  200px;
}
.btn-primary,.btn-primary:active,.btn2,.btn2:hover,.btn2:focus,.take--btn,.take--btn:hover,.take--btn:active,button[type=submit],input[type=submit],button[type=submit]:focus,input[type=submit]:focus,button[type=submit]:hover,input[type=submit]:hover{
  background: #FFD200 !important;
  min-width: 200px;
  height: 57px;
  color:  #000 !important;
  border: none;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  line-height: 57px;
  outline: none;
  padding: 0 25px;

  font-weight: 700;
  box-shadow: none !important;
  font-size: 19px;
}


.btn2 i{
  position: relative;
  font-size: 20px;
  top: 3px;
}

.handover--btn,.handover--btn:hover,.handover--btn:focus{
  border: 1px solid #fff;
  background: none !important;
  color: #fff !important;
  font-weight: 700;
}

.cancel-remove-handsoff--btn,.cancel-remove-handsoff--btn:hover,.cancel-remove-handsoff--btn:focus{
  background: #fff !important;
  border: 1px solid #000;
  color: #000;
  margin-left: 15px;
}
.remove-handsoff--btn,.remove-handsoff--btn:hover,.remove-handsoff--btn:focus{
  min-width: 200px;
  height: 57px;

  border: none;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  line-height: 57px;
  outline: none;
  padding: 0;
  box-shadow: none;
  font-weight: 700;
  box-shadow: none !important;
  background: #EE4056;
  color: #fff;
  font-size: 19px;
}


.no--btn,.no--btn:hover,.no--btn:focus{
  color: #000 !important;
  border: 1px solid #000 ;
  /*background: #fff !important;*/
  background: none !important;
}


.easy-autocomplete-container{
  position: absolute;
  z-index: 1000;
  overflow: auto;
  width: 100%;
  max-height: 250px;
  background: #F5F5F5;
  border: none !important;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  box-shadow: 0px 7px 27px rgba(75, 54, 0, 0.05), 0px 2.92443px 11.28px rgba(75, 54, 0, 0.0359427), 0px 1.56354px 6.0308px rgba(75, 54, 0, 0.0298054), 0px 0.876509px 3.38082px rgba(48, 34, 0, 0.025), 0px 0.465507px 1.79553px rgba(75, 54, 0, 0.0201946), 0px 0.193708px 0.747159px rgba(75, 54, 0, 0.0140573) !important
}

.easy-autocomplete-container ul{
  list-style: none;
  padding: 0;
  margin: 0;
}

.easy-autocomplete-container ul li{
  padding:  10px 10px;
}

.easy-autocomplete-container ul li a{
  display: block;
  color: #000;

}

.easy-autocomplete-container ul li:hover{
  background: #cecece;

}

.easy-autocomplete-container ul li:hover a{
  color: #000;
}


.ui-autocomplete{
  background: #F5F5F5
}
.ui-menu-item{
  padding: 16px !important;
}
.ui-menu .ui-menu-item, .ui-menu .ui-menu-item:hover{
  border-top: none !important;
}

.ui-widget-content{
  border: none !important;
  box-shadow: 0px 7px 27px rgba(75, 54, 0, 0.05), 0px 2.92443px 11.28px rgba(75, 54, 0, 0.0359427), 0px 1.56354px 6.0308px rgba(75, 54, 0, 0.0298054), 0px 0.876509px 3.38082px rgba(48, 34, 0, 0.025), 0px 0.465507px 1.79553px rgba(75, 54, 0, 0.0201946), 0px 0.193708px 0.747159px rgba(75, 54, 0, 0.0140573) !important
}


.handsoff3--form .btn2:first-child{
  margin-top:  40px;
}
.handsoff3--form .btn2{
  padding: 0 20px;
  min-width: 250px;
}

.handsoff3--form .btn2 ~ .btn2{
  margin:  20px 0 0 0;
}

.center-text{
  text-align: center;
  align-items: center;
  justify-content:center;
}

.center-item{
  align-items: center;
  justify-content: center;
  text-align: center;
}
 
.content-title{
  font-weight: 800;
  font-style: normal;
  color: #000000;
  letter-spacing: 0.05em;
  font-family:'Conv_Platform-Bold',sans-serif;
  margin-bottom:30px;
  position:relative;
  z-index:1;
}


.content-title h5{
  margin-bottom:0;
  font-weight: 800;
  font-style: normal;
  font-size: 24px;
  letter-spacing: 0.05em;
  font-family:'Conv_Platform-Bold',sans-serif;
  line-height: 30px;
}

.content-title h5 span{ 
  position:relative;
  z-index:10;
  display:inline-block;
  background:#fff;
  padding: 0 30px;
}

.content-title .Horizontal-Line {
  width: 100%;
  border-bottom: 1px solid #c9c9c5;
  position: absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  -webkit-transform:translate(-50%,-50%);
  -moz-transform:translate(-50%,-50%);
}

.landing-quick-access-links .content-title h5{
  color:#FFF;
}

.sub-title{
  font-weight: 800;
  font-style: normal;
  color: #000000;
  font-size: 20px;
  letter-spacing: 0.05em;
  line-height: 45px;
  z-index: 10;
}

.tmog-container{
  padding-left: 15px;
  padding-right: 15px;
  margin-right: auto;
  margin-left: auto;
}


/* =================================================================
                          BUTTON 
================================================================= */


.primary-btn{
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    padding: 16px 24px;
    background: #FFD200;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    width: 270px;
    font-family: 'DM Sans', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    /* margin-bottom: 40px; */
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.primary-btn:hover, .primary-btn:focus{
  text-decoration: none;
  color: #000;
    
    -webkit-box-shadow: 0 15px 38px 0 rgba(0,0,0,0.15);
    -moz-box-shadow: 0 15px 38px 0 rgba(0,0,0,0.15);
    box-shadow: 0 15px 38px 0 rgba(0,0,0,0.15);
    
    transform:matrix(1, 0, 0, 1, 0, -3);
    -moz-transform: matrix(1, 0, 0, 1, 0, -3);
    -webkit-transform: matrix(1, 0, 0, 1, 0, -3);
    transform: matrix(1, 0, 0, 1, 0, -3);
}

.primary-btn2:hover, .primary-btn2:focus{
  text-decoration: none;
  color: #fff;
    
    -webkit-box-shadow: 0 15px 38px 0 rgba(0,0,0,0.15);
    -moz-box-shadow: 0 15px 38px 0 rgba(0,0,0,0.15);
    box-shadow: 0 15px 38px 0 rgba(0,0,0,0.15);
    
    transform:matrix(1, 0, 0, 1, 0, -3);
    -moz-transform: matrix(1, 0, 0, 1, 0, -3);
    -webkit-transform: matrix(1, 0, 0, 1, 0, -3);
    transform: matrix(1, 0, 0, 1, 0, -3);
}

.primary-btn.black{
  background: #000;
  color: #FFD200;
}

.primary-btn2{
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  padding: 16px 24px;
  background: #000;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  width: 270px;
  font-family: 'DM Sans', sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  color: #FFD200;
  margin-top: 20px;

  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

/* Default */
body{
  height:100%;
  min-height:100vh;
  position:relative;
  padding-bottom:56px;
}

.nopadding{
  padding:0;
}

.u-mobhide{
  display:none;
}

.wrapper{
  min-height:83vh;
}

.form-check-input{
  background-color:#75716B;
}

.form-check-input:checked{
  background-color: #EFAC00;
  border-color: #EFAC00;
}

.form-check-input:focus {
  border-color: #EFAC00;
  outline: 0;
  box-shadow: none;
}

.form-switch .form-check-input:focus{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.form-switch .form-check-input{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.form-check-label{
  font-weight: 400;
  font-size: 14px;
}

.form-switch .form-check-input:checked~label{
  color:red;
}
/*  */


/* TWEAK PLUGIN */
/* FOR Category Dropdown */
.mCSB_scrollTools .mCSB_draggerRail{
  width:4px;
}

.mCSB_scrollTools .mCSB_draggerContainer{
  width:4px;
  border-radius:16px;
  background:#E5E5E1;
}

.dropdown-item{
  padding:15px 0px;
}

.dropdown-item p{
  padding:0 20px;
  margin-bottom:0;
}

.dropdown-item:hover{
  background:#F5F5F5;
}

.dropdown button{
  max-width:120px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position:relative;
  padding:8px 30px 8px 15px;

  color: #75716B;
  background: #F5F5F5;
  border: 1px solid #C0BFBB;
  border-radius: 6px;
}

.dropdown .dropdown-item:focus, .dropdown-item:hover {
  color: #16181b;
  text-decoration: none;
  background-color: #e9ecef;
  font-weight:normal;
}

.dropdown .dropdown-menu{
  height:auto;
  max-height:300px;
  padding:15px 5px 15px 0px;
  background: #FFFFFF;
  border:1px solid #E5E5E1;
  box-shadow: 0px 7px 27px rgba(75, 54, 0, 0.05), 0px 2.92443px 11.28px rgba(75, 54, 0, 0.0359427), 0px 1.56354px 6.0308px rgba(75, 54, 0, 0.0298054), 0px 0.876509px 3.38082px rgba(48, 34, 0, 0.025), 0px 0.465507px 1.79553px rgba(75, 54, 0, 0.0201946), 0px 0.193708px 0.747159px rgba(75, 54, 0, 0.0140573);
  border-radius: 6px;
  z-index:1;
}

.dropdown .dropdown-toggle::after{
  position:absolute;
  top:50%;
  right:10px;
  transform:translateY(-50%);
  -webkit-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
}

.dropdown.active button{
  background:#FFD200;
  color:#000000;
  border:none;
  font-weight:bold;
}

.dropdown.show>.dropdown-toggle {
  color: #000;
  background: #F5F5F5;
  border: 1px solid #EFAC00;
  outline:none;
  box-shadow:none !important;
}

.dropdown[data-dropdown="catDropdown"] .mCSB_scrollTools .mCSB_draggerRail{
  width: 4px !important;
  margin-right:0;
}

.dropdown[data-dropdown="catDropdown"] .mCSB_inside > .mCSB_container{
  margin-right:0 !important;
}


/* Navigation */
.search-listing-container{
  width:100%;
  height:auto;
  background: #FFFFFF;
  border: 1px solid #E6E5E1;
  box-shadow: 0px 7px 27px rgba(75, 54, 0, 0.05), 0px 2.92443px 11.28px rgba(75, 54, 0, 0.0359427), 0px 1.56354px 6.0308px rgba(75, 54, 0, 0.0298054), 0px 0.876509px 3.38082px rgba(48, 34, 0, 0.025), 0px 0.465507px 1.79553px rgba(75, 54, 0, 0.0201946), 0px 0.193708px 0.747159px rgba(75, 54, 0, 0.0140573);
  border-radius: 6px;
  padding:15px;
  position:absolute;
  z-index:5;
  text-align:left;
  display:none;
}

.search-listing--category{
  display:inline;
  padding-left:5px;
}

.search-listing--item{
  margin-bottom:15px;
}

.search-listing--item:last-child{
  margin-bottom:0;
}

.search-listing--item p{
  margin-bottom:0;
  display:inline;
  color:#000000;
}

.search-listing--item p span,
.live-search-list span,
.highlight-text{
  color:#EFAC00 !important;
}

.search-listing--category span{
  color:#717171;
  display:inline;
  font-weight:500;
  font-style:italic;
  /* font-size:14px; */
}

.search-listing-content{
  font-size:14px;
  /* padding-bottom:25px; */
}

.search-listing-content a{
  margin-bottom:15px;
  display:block;
}

.search-listing-content a:last-child{
  margin-bottom:0;
}

.search-listing--all{
  width:160px;
  display:block;
  text-align:center;
  margin:20px auto 0;
}

.search-listing--all p{
  display:inline-block;
  margin-bottom:0;
  vertical-align: middle;
  padding-right:10px;
}

.search-listing--all span{
  display:inline-block;
  vertical-align: middle;
}

.filter-container{
  width:240px;
  height:auto;
  position:absolute;
  top:125%;
  right:0;
  z-index:10;
  background:#FFF;
  padding:15px 20px;

  background: #FFFFFF;
  border: 1px solid #E6E5E1;
  box-shadow: 0px 7px 27px rgba(75, 54, 0, 0.05), 0px 2.92443px 11.28px rgba(75, 54, 0, 0.0359427), 0px 1.56354px 6.0308px rgba(75, 54, 0, 0.0298054), 0px 0.876509px 3.38082px rgba(48, 34, 0, 0.025), 0px 0.465507px 1.79553px rgba(75, 54, 0, 0.0201946), 0px 0.193708px 0.747159px rgba(75, 54, 0, 0.0140573);
  border-radius: 6px;
  text-align:left;
  display:none;

  color:#000;
}

.filter-content--item label{
  display:inline-block;
}

.filter-content--item .form-check{
  padding-left:0;
  margin-bottom:15px;
}

.filter-content--item .form-check:last-child{
  margin-bottom:0;
}

.filter-content--item input{
  right:0;
}

.section-content{
  min-height:70vh;
}
/* ### */

/*############*/
/* Enquiry */
/*############*/
.enquiry-content--form-container .form-control{
  border-radius: 5px;
  font-size: 15px;
  line-height: 18px;
}

.enquiry-content--form-container .form-group label{
  margin-bottom: 5px;
  display: block;
  color: #75716B;
  font-family:'DM Sans',sans-serif;
  font-size: 14px;
}

.enquiry-content--form-container .form-control::placeholder{
  padding: 0;
  font-style: normal;
}

.enquiry-content--form-container textarea{
  min-height: 120px;
  resize: none;
  /*overflow: auto;*/
  appearance: none;
  -webkit-appearance: none;
  line-height: 20px;
  padding: 10px 15px;
}

.enquiry-content--form-container select{
  background: url(../images/dropdown-arrow.png) no-repeat right 10px center;
  background-size: 10px 6px;
}

.enquiry-content--form-container select{

}

.enquiry--form-cta{
  text-align: center;
  padding: 15px 0 40px;
}

.enquiry--form-cta a{
  margin: 0 5px;
}

.primary-form-btn,
input.primary-form-btn,
.primary-form-btn:hover,
input.primary-form-btn:hover,
.primary-form-btn:focus,
input.primary-form-btn:focus{
  min-width: 160px;
  width: auto;
  height: auto;
  display: inline-block;
  background: #FFD200;
  color: #000000;
  border-radius: 18px;
  padding: 8px 30px;
  text-align: center;
  line-height: 24px;
  font-size: 15px;
}

.primary-form-btn,
input.primary-form-btn{
}

.secondary-form-btn,
input.secondary-form-btn,
.secondary-form-btn:hover,
input.secondary-form-btn:hover,
.secondary-form-btn:focus,
input.secondary-form-btn:focus{
  min-width: 160px;
  width: auto;
  height: auto;
  display: inline-block;
  color: #000000;
  border-radius: 18px;
  padding: 8px 30px;
  text-align: center;
  border: 1px solid #000;
  background: #FFF;
  line-height: 24px;
  font-size: 15px;
}

.primary-form-btn:hover,
.primary-form-btn:focus,
.primary-form-btn:active{
  color: #000000;
}

.secondary-form-btn:hover,
.secondary-form-btn:focus,
.secondary-form-btn:active{
  color: #000000;
}

.enquiry-container{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index:100;
  display: none;
}

.enquiry-container .popup-overlay{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
}

.enquiry-content{
  max-width: 1200px;
  width: 90%;
  padding: 0;
  margin: 0;
  background: #FFF;
  z-index: 2;

  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  overflow: hidden;

  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
}

.enquiry-content--header{
  padding: 35px 0;
  background: #FFD200;
  text-align: center;
  background: url("../images/enquiry-header-bg.png") no-repeat right -30px center #FFD200;
  background-size: 200px;
}

.enquiry-content--header h2{
  margin-bottom: 0;
  color: #000;
}

.enquiry-content--form-container{
  margin: 0 auto;
  padding: 30px 0 0px;
  /*display: none;*/
}

.enquiry-content--thankyou{
  text-align: center;
  padding-top: 30px;
  display: none;
}

.enquiry-content--thankyou-graphic{
  animation: scaleAppearBounce 0.3s ease; 
}

@keyframes scaleAppearBounce{
  0% {
    transform: scale(0);
  }
  50%{
    transform: scale(1.2);
  }
  75%{
    transform: scale(.9);
  }
  100% {
    transform: scale(1);
  }
}

.enquiry-content--thankyou-desc{
  padding: 10px 0 30px;
}

.enquiry-content--form-container form{
  max-width: 700px;
  width: 95%;
  margin: 0 auto;
}

.enquiry-content--form-container .form-group input,
.enquiry-content--form-container .form-group select,
.enquiry-content--form-container .form-group textarea{
  width: 100%;
  margin: 0;
}

.enquiry-content--loading{
  position: absolute;
  top: 50%;
  left: 47%;
  transform: translate(-50%,-50%);
  z-index:2;
  display: none;

  animation: loadingAnim 0.5s linear infinite;
}


@keyframes loadingAnim{
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
  }
}

/* ########### */
/* Search Page */
/* ########### */
.search-page{
  position:fixed;
  top:0;
  left:0;
  z-index:10;
  width:100%;
  height:100%;
  min-height:100%;
  padding-top:80px;
  padding-bottom:20px;
  background:#FFF;
  box-sizing:border-box;
  display:none;
}

.search-page-close,
.general-page-close{
  position: absolute;
  right: 35px;
  top: 50%;
  transform: translateY(-50%);
  color: #000;
  font-size: 24px;
  display:none;
}

.general-page-close{
  z-index:2;
}

.search-page-close{
  z-index:1;
}

.search-page-close:hover,
.general-page-close:hover,
.search-page-close:focus,
.general-page-close:focus{
  color:#000;
}

.search-page .noresult-icon{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  -webkit-transform:translate(-50%,-50%);
  -moz-transform:translate(-50%,-50%);
}

.noresult-icon{
  padding: 15px 0;
  text-align: center;
}

.noresult-icon img{
  max-width: 100px;
  display:block;
  margin:0 auto 20px;
  animation: noresultIcon 0.5s ease;
  transform-origin: 80% 100%;
}

.search-page .noresult-icon img{
  max-width: 150px;
}

@keyframes noresultIcon{
  0% {
    transform: translateX(20px) scale(.4) rotate(45deg);
  }
  25%{
    transform: translateX(0px) scale(1.05) rotate(-12deg);
  }
  50%{
    transform: translateX(0px) scale(.98) rotate(8deg);
  }
  75%{
    transform: translateX(0px) scale(1.02) rotate(-5deg);
  }
  100% {
    transform: translateX(0px) scale(1) rotate(0);
  }
}

.search-list--noresult span{
  display:block;
  font-size:14px;
  line-height:17px;
  text-align:center;
  margin-bottom: 10px;
}

.noresult-enquiry-cta{
  display: inline-block;
  margin: 0 auto;
  text-decoration: underline;
}

.noresult-enquiry-cta p{
  font-size: 14px;
}

.noresult-enquiry-cta:hover{
  text-decoration: underline;
}

.search-list--noresult{
  display:none;
}

.search-list--loading{
  display:none;
}

.search-list--loading-content{
  text-align:center;
}

.search-list--loading-content span{
  color:#75716B;
  font-size:14px;
  line-height:17px;
  text-align:center;
  display:block;
}

/* ## */
/* Loading Dots */
/* ## */
.loading-dots{
  /* display: none; */
  position: relative;
  margin:0 auto;
  width: 80px;
  height: 80px;
}

.loading-dots div {
  position: absolute;
  top: 33px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #000;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.loading-dots div:nth-child(1) {
  left: 8px;
  animation: loadingDotsAnim1 0.6s infinite;
}
.loading-dots div:nth-child(2) {
  left: 8px;
  animation: loadingDotsAnim2 0.6s infinite;
}
.loading-dots div:nth-child(3) {
  left: 32px;
  animation: loadingDotsAnim2 0.6s infinite;
}
.loading-dots div:nth-child(4) {
  left: 56px;
  animation: loadingDotsAnim3 0.6s infinite;
}
@keyframes loadingDotsAnim1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes loadingDotsAnim3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes loadingDotsAnim2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}
/* ## */



/* ######## */
/* Homepage */
/* ######## */
.landing-businesses .lob-item p{
  font-size:40px;
  color:#000;
  margin-bottom:5px;
}

.landing-businesses .lob-item .icon-image{
  display: block;
  margin: 0 auto;
  width: 32px;
  padding-bottom: 10px;
}

.landing-businesses .lob-item div{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
}

/* ######## */
/* Article / Content Page */
/* ######## */

.lob-tag{
  font-family:'DM Sans',sans-serif;
  font-size: 15px;
  font-weight:700;
  cursor:default;
  background-color: #FFD7A5;
  padding-right: 15px;
  padding-left: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 8px;
  color: #383633;
}

.lob-tag p{
  margin-bottom: 0;
}

/*### */
.lob-tag[data-lob="retail"],
.lob-tag[data-lob="rental"]{
  background:#FFF0AA;
}

.lob-tag[data-lob="easyhome"],
.lob-tag[data-lob="easyhomes"]{
  background:#F0E1FA;
}

.lob-tag[data-lob="cozyhome"],
.lob-tag[data-lob="cozyhomes"]{
  background:#B9EBF5;
}

.lob-tag[data-lob="corporate"]{
  background:#FFC7C7;
}

.lob-tag[data-lob="hooga"]{
  background:#FFD7A5;
}

.lob-tag[data-lob="iherng"]{
  background:#C0EAB5;
}

.lob-tag[data-lob="hxtmg"]{
  background:#FFD7A5;
}

.article-container{
  padding-bottom:40px;
}

.article--references ul li a{
  padding-left:5px;
  color:#000000;
}

.article-sub--attachments ul li span{
  width: 90%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration:underline;
  vertical-align:middle;
  display:inline-block;
  padding-left:5px;
  color:#000;
}

.article--content{
  margin-bottom: 40px;
}

/*Hard fix on double break line*/
.article--content p{
  display: inline-block;
}

/**/

.article--content a{
  word-break: break-all;
}

/*.article--content p,
.article--content span{
  margin-bottom: 0;
}*/

.article--example-answer .example-ans{
  /* display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; */
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  margin-bottom:0;
}


.article--example-answer .read-more{
  padding:0px 0 10px;
  font-size:14px;
  display:inline-block;
  display:none;
}

.read-more span:last-child{
  display:none;
}

.read-more.active span:first-child{
  display:none;
}

.read-more.active span:last-child{
  display:inline;
}

/* ######## */
/* 404 */
/* ######## */
.fourohfour{
  height:87.5vh;
  padding: 100px 0;
  background: #F5F5F5
}
.fourohfour img{
  display: block;
  width: 100%;
  margin-bottom: 40px
}
.fourohfour .primary-btn{
  max-width: 250px;
  margin: 0;
}
.fourohfour h1{
  font-weight: 700;
  text-align: left;
  color: #444;
  margin: 20px 0;
  font-size: 48px;
  line-height: 60px
}
.fourohfour p{
  text-align: left;
  font-size: 36px;
  line-height: 48px;
  color: #444;
  margin: 10px 0 20px 0;
}

/* ######## */
/* Category */
/* ######## */
.categories--listing a.hidden{
  display:none;
}

.category-showmore-cta{
  margin-bottom:60px;
}

.category-showmore-cta p{
  margin-bottom:0;
  display:inline;
}

.category-showmore-cta p span[data-show="less"]{
  display:none;
}

.category-showmore-cta.show p span[data-show="more"]{
  display:none;
}

.category-showmore-cta.show p span[data-show="less"]{
  display:inline;
}

.category-showmore-cta>span{
  display:inline-block;
  padding-left:15px;
  transition:0.3s ease-in-out;
  transform:scaleY(1);
  transform-origin:50% 50%;
}

.category-showmore-cta.show>span{
  transform:scaleY(-1);
}

.category-showmore-cta.active p span{
  display:inline;
}

.categories-nav--tabs{
  text-align:center;
  padding:15px 0 40px;
}

.categories-nav--tabs>a{
  display:inline-block;
  padding: 8px 16px;
  margin:0 10px;
  color:#75716B;
}

.categories-nav--tabs>a:hover{
  padding: 8px 16px;
}

.categories-nav--tabs>a p{
  margin:0;
}

.categories-nav--tabs>a.active-tabs{
  background: #FFD200;
  border-radius: 6px;
  color:#000000;
}

.categories-nav-more{
  display:inline-block;
  width:auto;
  min-width:130px;
  max-width:150px;
}

.categories-nav-more .select2-container--default .select2-selection--single .select2-selection__arrow{
  right:0
}

.listing-result{
  padding-bottom:40px;
}

@media(min-width:769px){
  .listing-result .col-md-6:nth-child(odd) .listing-result--item {
    padding-right: 60px;
  }
}

.listing-result--title{
  margin-bottom:30px;
}

.listing-result--title h4{
  font-family:'Conv_Platform-Bold',sans-serif;
  font-weight:700;
  text-transform: capitalize;
}

.listing-result--item{
  display:table;
  margin-bottom:20px;
}

.listing-result--item{
  font-family: 'DM Sans', sans-serif;
  font-weight: 400;
}

.listing-result--item:hover,.listing-result--item:focus,.listing-result--item:visited{
  font-weight: 400;
}

.listing-icon{
  display:table-cell;
  vertical-align: top;
  padding-right:10px;
  padding-top:2px;
  font-size:18px;
}

.listing-result--item-desc{
  display:table-cell;
  vertical-align: top;
  color:#000000;
}

.listing-result--item-desc p{
  margin-bottom: 10px;
}

.listing-result--content .listing-result--item.hidden{
  display:none;
}

.listing-result--item-lob div{
  display:inline-block;
  width:auto;
  height:auto;
  padding: 4px 16px;
  margin-right:8px;
  margin-bottom:5px;
  background: #FFF0AA;
  color:#383633;
  font-weight: 700;
  border-radius: 6px;
}

.retail-btn-color,
.rental-btn-color{
  background:#FFF0AA !important;
}

.easyhome-btn-color,
.easyhomes-btn-color{
  background:#F0E1FA !important;
}

.corporate-btn-color{
  background:#FFC7C7 !important;
}

.hxtmg-btn-color{
  background:#FFD7A5 !important;
}

.cozyhome-btn-color,
.cozyhomes-btn-color{
  background:#B9EBF5 !important;
}

.hooga-btn-color{
  background:#FFD7A5 !important;
}

.iherng-btn-color{
  background:#C0EAB5 !important;
}

/* ######## */


/* =================================================================
                          SEARCH 
================================================================= */

.live-search-container{
  padding:15px 0;
}

.live-search-box{
  width: 95%;
  height: 35px;
  display: inline;
  border: none;
  font-family: 'DM Sans', sans-serif !important;
  outline: none !important;
  box-shadow: none !important;
  font-size: 16px;
  padding: 5px 15px;
  padding-left: 50px;
  border-bottom: 2px solid #000;
  margin-right:20px;
}

.search-item{
  display: flex;
}

ul.live-search-list{
  margin:0;
  margin-bottom: 20px;
  list-style-type: none;
}

.search-list-item{
  height:80vh;
}

.search-list-item li{
  margin-bottom: 15px;
}

.search-list-item li a{
  color:#000;
  font-weight:700;
  font-family: 'DM Sans', sans-serif;
}

.search-list-item li p{
  margin-bottom:0;
}

.live-search-list{
  border-bottom: 1px solid #E5E5E1;
}

.live-search-list:last-child{
  border-bottom:0;
}

.live-search-list h5{
  color:#75716B;
  font-size:14px;
  line-height:18px;
  font-weight:700;
  font-family: 'DM Sans', sans-serif;
  margin-bottom:15px;
  text-transform: uppercase;
}

.live-search-list li a{
  font-weight:400;
  display: inline-block;
  margin-right: 5px;
}

.live-search-list .search-result-tags small{
  font-style: italic;
  text-transform: lowercase;
}

.live-search-list .search-result-tags small:hover{
  text-decoration: underline;
}

.highlight-yellow{
  color:#FFD200;
}

.icon-search2{
  background: url("../images/Search.svg") no-repeat right;
  /* padding-right: 200px !important; */
  background-position: left 10px bottom 7px;
}

/* =================================================================
                          HEADER 
================================================================= */

header{
  background-color: #FFD200 ;
  /* position: fixed; */
  width: 100%;
  height: 70px;
  z-index: 100;
  position:-webkit-sticky; 
  position: sticky;
  top:0;
  box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 20%);
}

.navigationbar{
  width:100%;
  display:flex;
  position:relative;
}

.logo-container{
  /* top: 20px;
  left: 80px;
  position: fixed; */
}

.logo{
  
  color: black;
  font-weight: 900;
  font-size:20px;
  line-height:25px;
  font-weight: bold;
}

.logo-container a{
  font-family:'Conv_Platform-Bold',sans-serif;
  text-decoration: none;
  color: #000 !important;
  font-size:20px;
  line-height:25px;
}


.navbar-search{
  margin-left: auto;
  /* display: flex; */
  display:none;
}

/* .navbar-search--input-container{
  display: none;
} */

.navbar-search--input{
  position:relative;
  display:inline-block;
  vertical-align: middle;
}

.mob-search-icon{
  display:none;
}

.search-page{
  padding-top:100px;
}

.search-icon{
  position: absolute;
  top:8px;
  right:25px;
}

.filter-icon-header{
  width:40px;
  height:40px;
  margin-top:3px;
  padding: 10px;
  border-radius: 50%;
  position:relative;
  display:inline-block;
  vertical-align: middle;
  color:#000;
  font-size:18px;
}

.filter-icon-header span{
  position:absolute;
  top:52%;
  left:50%;
  transform:translate(-50%,-50%);
}

.filter-icon-header:hover, .filter-icon-header:focus{
  background-color: #fff;
  /* border: 1px solid #EFAC00; */
  color: #EFAC00;
}

.filter-cta{
  width:40px;
  height:40px;
  padding: 10px;
  border-radius: 50%;
  position:relative;
  display:inline-block;
  vertical-align: middle;
  color:#000;
  font-size:18px;
  border:2px solid transparent;
}

.filter-cta .icon-Basics_Filter{
  pointer-events: none;
}

.filter-cta span{
  position:absolute;
  top:52%;
  left:50%;
  transform:translate(-50%,-50%);
}

.filter-cta:hover, .filter-cta:focus{
  background-color: #fff;
  color: #EFAC00;
}

.filter-cta:hover label, .filter-cta:focus label{
  color:#000;
}

.filter-cta.edit-filter{
  background-color: #fff;
  color: #EFAC00;
  border: 2px solid #EFAC00;
}

.search-container .filter-cta.edit-filter{
  background-color: #fff;
  color: #EFAC00 !important;
  border: 2px solid #EFAC00;
}


.header-search-bar{
  width: 300px;
  height: 35px;
  display: block;
  border: 2px solid #000;
  font-family: 'DM Sans', sans-serif;
  outline: none !important;
  box-shadow: none !important;
  font-size: 19px;
  padding: 5px 15px;
  margin:5px;
  margin-right: 10px;
  background-color: transparent;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 500px;
  padding-right: 40px;
}

.header-search-bar:focus{

  background-color:#fff;
}

/* =================================================================
                          footer 
================================================================= */

footer{
  width:100%;
  /* height:56px; */
  padding:16px 0;
  background-color: #000;
  text-align: center;
  color:#fff;
  position:absolute;
  bottom:0;
  left:0;
}

.footer--submission-banner{
  background: #FFD200;
}

.footer--submission-banner-content{
  max-width: 900px;
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 60px 0;
  color: #000;
}

.footer--submission-banner-content h2{
  font-size: 40px;
}

.footer--submission-banner-content p{
  padding: 10px 0 20px;
}

/* =================================================================
                          LANDING 
================================================================= */

.landing-search-content{
  padding: 120px 0 180px; 
  background-image:  url("../images/landing-backgroundIMg.png");
  background-repeat:no-repeat;
  background-attachment: fixed;
  background-position: top center;
  background-size: cover;
}

.landing-search-content h1{
  /* font-size: 50px;
  font-weight: 800; */
  color: #fff;
  padding: 30px 0;
  margin-bottom: 0;
}

/* .search-container{
  padding: 10px;
  justify-content:
  center;
  display: flex;
} */

.search-container .filter-cta{
  width:56px;
  height:56px;
  vertical-align: middle;
  background-color: #FFD200;
}

.search-container .filter-cta:hover,
.search-container .filter-cta:focus{
  color:#000;
}

.landing-logo{
  width: 110px;
  height: 80px;
  margin: 0 auto;
}

/* ============================= Search bar ===================================  */



.icon-search{
  background: url("../images/Search.svg") no-repeat right;
  background-position: right 15px center;
}

.search-bar{
  max-width: 790px;
  width:85%;
  height: 56px;
  display: inline-block;
  vertical-align: middle;
  margin-right:20px;
  position:relative;
}

.search-content{
  width:100%;
  height:100%;
  border: 2px solid #000;
  font-family: 'DM Sans', sans-serif !important;
  outline: none !important;
  box-shadow: none !important;
  font-size: 19px;
  padding: 5px 15px;
  margin:0px auto 10px;
  background-color: #FFF;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 500px;
  padding-right: 45px;
}


.filter-icon-searchtab{
  /* position: absolute; */
  display: block;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background-color: #FFD200;
  align-items: center;
  text-align: center; 
}

.filter-icon-searchtab img{
  display: block;
  position: relative;
  top:8px;
  left:  8px;
  
}

.filter-icon-searchtab:hover, .filter-icon-searchtab:focus{
  /* position: absolute; */
  /* border: 1px solid #EFAC00; */
  background-color: #fff;
}



/* Waves Animation start*/

.hero_area {
  position: relative;
  height: 150px;
  background-color: #fff;
  margin: 0 !important;
}

.waves {
  position: absolute;
  width: 100%;
  height: 1vh;
  min-height: 100px;
  max-height: 150px;
  transform: rotate(180deg);
}

.parallax>use {
  animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite;
}

.parallax>use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}

.parallax>use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}

.parallax>use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}

.parallax>use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}

@keyframes move-forever {
  0% {
      transform: translate3d(-90px, 0, 0);
  }

  100% {
      transform: translate3d(85px, 0, 0);
  }
}

/* Waves Animation end*/

/* ============================= popular question ===================================  */

.popular-question--listing,
.quick-access-top--listing{
  padding: 20px 30px 40px;
  bottom:110px;
  border-radius: 15px;
  background-color: #fff;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  position: relative;
  /* margin:10px; */
}

.quick-access-top--listing{
  padding: 40px 50px 25px;
}

.quick-access-top--listing .content-title{
  margin-bottom: 20px;
}



.landing-popular-questions,
.landing-quick-access-top{
  height: auto;
  background-color: #F5F5F5;
  margin-bottom:-110px;
  /*display:none;*/
}

.landing-popular-questions{
  display: none;
}

.popular-Question a,
.quick-access-top--content a{
  /* width: auto;
  height: 80px;
  border-radius: 20px; */
  /* padding: 20px; */
  /* margin-top: 10px; */
  /* text-align: center; */
  display: inline-block;
  align-items: center;
  color: #000;
  text-align: left;
  font-size: 16px;
}

.popular-Question img,
.quick-access-top--content img{
  width: 25px;
  height: 25px;
  margin-right: 15px;
  /* margin-top: 5px; */
  /* display:inline-block; */
  float:left;
  vertical-align: top;
}

.popular-Question p,
.quick-access-top--content p{
  font-family: 'DM Sans', sans-serif;
  font-weight:400;
  float:left;
  text-decoration: underline;
  vertical-align: top; 
  width:92%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.landing-quick-access-cta{
  padding: 10px 0;
}

/* ============================= businesses ===================================  */

.landing-businesses{
  height: auto;
  padding: 60px 0 80px 0;
  background-color: #F5F5F5;
}

.landing-businesses .line-of-business{
  max-width:700px;
  width:100%;
  margin:0 auto;
}

.lob-item{
  display: inline-block;
  width: 170px;
  height: 170px;
  background: #FFD200;
  text-align: center;
  align-items: center;
  margin:0 20px 30px;
  box-shadow: 0px 7px 27px rgba(75, 54, 0, 0.05), 0px 2.92443px 11.28px rgba(75, 54, 0, 0.0359427), 0px 1.56354px 6.0308px rgba(75, 54, 0, 0.0298054), 0px 0.876509px 3.38082px rgba(48, 34, 0, 0.025), 0px 0.465507px 1.79553px rgba(75, 54, 0, 0.0201946), 0px 0.193708px 0.747159px rgba(75, 54, 0, 0.0140573);

  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  background-image: url("../images/mogsterface-logo.svg") ;
  background-position: 100% 50%;
  background-repeat:no-repeat;   


  /* -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); */
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);

  /* -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out; */
  transition: .3s cubic-bezier(0.34, 1.56, 0.64, 1.5);
}

.lob-item:hover{
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  transform: scale(1.1); 
}


img.landing-business-icon{
  display: block;
  height: 45px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 60px;
}

/* 
.retail-icon{

  display: block;
    height: 110px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    background-image: url("../images/Career.svg");
    background-position:50% 100%;
    background-repeat:no-repeat; 
    margin:5px;
} */


.line-of-business-text{
  max-width:90%;
  color:#000;
  font-size: 20px;
  font-weight:700;
  line-height: height 30px;
}

.line-of-business{
  padding-right: 20px;
  padding-left: 20px;
  margin-top: -35px;
}

/* ============================= landing categories ===================================  */


.landing-categories{
  height:auto;
  /*padding: 10px 0 80px 0;*/
  background-color: #F5F5F5;
}

.categories--listing{
  width: 100%;
  margin-bottom: 50px;
  align-items: center;
  text-align: center;
}

.categories--result-listing .loading-dots{
  display:none;
}

@keyframes fadeInOpacity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.categories--listing a{
  display: inline-block;
  background-color: #FFFFFF;
  width: 330px;
  height: 85px;
  border-radius: 20px;
  padding: 15px;
  box-shadow: 0px 7px 27px rgba(75, 54, 0, 0.05), 0px 2.92443px 11.28px rgba(75, 54, 0, 0.0359427), 0px 1.56354px 6.0308px rgba(75, 54, 0, 0.0298054), 0px 0.876509px 3.38082px rgba(48, 34, 0, 0.025), 0px 0.465507px 1.79553px rgba(75, 54, 0, 0.0201946), 0px 0.193708px 0.747159px rgba(75, 54, 0, 0.0140573);
  margin: 10px;
  text-align: center;
  vertical-align: middle;

  border:2px solid #E5E5E1;

  -webkit-transition: 0.15s ease-in-out;
  -o-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
}

.categories--listing a:hover{
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);

  transform: translateY(-5px); 
  border:2px solid #f8d447;
  z-index: 10;
}

.categories--listing .text-line p{
  width: 60%;
  color:#000000;
  text-align: center;
  margin-top: 16px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;

  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  -webkit-transform:translate(-50%,-50%);
  -moz-transform:translate(-50%,-50%);
  margin:0;
}

 /* ============================= Tooltip ===================================  */


.tooltip-display .tooltiptext-display {
  display: none;
  background-color: #F5F5F5;
  width: 205px;
  color: #75716B;
  font-size: 14px;
  text-align: center;
  border-radius: 6px;
  padding: 10px;
  border: 1px solid #C0BFBB;

  

  /* Position the tooltip */
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  top: 90%;
  left: 50%;
  z-index: 10 !important;

  opacity: 0;
}

.tooltip-display:hover .tooltiptext-display {
  display: block;
  overflow-wrap: break-word;

  /* opacity: 1; */
	animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: linear;
  animation-fill-mode: forwards;
	animation-duration: 0.25s;
  animation-delay: .25s;
}

/* ============================= quick access links ===================================  */

.landing-quick-access-links{
  height:auto;
  padding: 60px 0 80px 0;
  background-color:#383633;

  /*Temporary hide*/
  display: none;
  /**/
}

.quick-links{
  text-align: center;
}

.quick-links a{
  display: inline-block;
  height: auto;
  border-radius: 20px;
  padding: 15px 0px;
}

.quick-links a:nth-child(3n-1){
  padding: 15px 0px;
}

.quick-links span{
  color:#FFD200;
}

.quick-links a p{
  color:#000000;
  padding-right: 10px;
}

.quick-links p{
  display: table-cell;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  margin-bottom: 0;
  
}

.links{
  display: flex;
  align-items: center;
  color: #FFFFFF;
}

.link-icon{
  /* margin: 10px; */
}
/* 
.link-img{
  background-image: url("../images/LinkOut.svg") no-repeat;
} */

/* ============================= Did u know ===================================  */

.landing-did-U-know{
  height:auto;
  padding: 60px 0 80px 0;
  background-color:#FFD200;
}

.did-u-know img{
  display:block;
  width: 340px;
  margin-left: auto;
  margin-right: auto;
}

.did-u-know-text{
  position: relative;
  top: 50%;
  transform: translateY(30%);
}



/* =================================================================
                          CONTENT PAGE  
================================================================= */

/* ============================= breadcrumbs ==============================  */


.breadcrumb-container{

  margin-top: 30px;
  display:inline-block;
  
}

.arrow {
  border: solid #75716B;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
}

.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.breadcrumb-container ul{

  padding-inline-start: 0px !important;
}

.breadcrumb-container li{
  display: inline;
  color: #75716B;
}

.breadcrumbs-active{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width:25%;
  display:inline-block;
  vertical-align:middle;
}

.breadcrumbs{

  font-size: 14px;
  line-height: 18px;
  color: #75716B;
  padding-right: 2px;
  padding-left: 2px;
  text-decoration: underline !important;
  
  
}

.breadcrumbs-active{
  color:#EFAC00 !important;
}

/* ============================= content ==============================  */

.article--header{
  margin-bottom: 30px;
}

.article--line-of-business{
  margin-top: 10px;
  margin-bottom: 10px;
}

.article--line-of-business a{
  cursor:pointer;
  background-color: #FFD7A5;
  padding: 5px 15px;
  margin-bottom: 5px;
  display: inline-block;
  border-radius: 8px;
  color: #383633;
  margin-right: 5px;
}

.article--categories{
  margin-top: 15px;
  margin-bottom: 5px;
}

.article--categories span{
  color: #75716B;
  font-size: 12px;
  font-weight: 700;
}

.article--title h1{
  color:#000;
  font-size: 32px;
  font-weight:800;
  line-height: height 30px;
}

.article--tags{
  margin-top: 15px;
  margin-bottom: 15px;
}

.article--tags a{
  color:#75716B;
  font-weight: normal;
  margin-right: 5px;
}

.article--tags a span{
  font-size: 12px;
}

.article--tags a:hover{
  text-decoration: underline;
}

.article--example-answer{
  border: 1px solid #c9c5bf;
  border-radius: 15px;
  padding: 25px;
}

.article--example-answer h3{
  color:#000;
  font-size: 20px;
  font-weight:800;
  line-height: height 30px;
}

.article--example-answer p{
  color:#000;
  font-size: 14px;
  line-height: 22px;
  display:inline-block;
  vertical-align:top;
  padding-top:2px;
  margin-bottom:0;
}

.article--example-answer .copy-cta a{
  border: 1px solid #c9c5bf;
  padding: 10px;
  border-radius: 15px;
  font-size: 16px;
  color: #000;
  display:inline-block;
  width:80px;
  height:44px;
}

.copy-cta{
  display:inline-block;
}

.copy-cta .icon{
  display:inline-block;
}

.copy-cta .copy-done{
  display:none;
  text-align:center;
  font-size:18px;
}

.article-sub-container{
  margin-bottom:40px;
}

.article--references{
  margin-top: 30px;
  /* margin-bottom: 30px; */
}

.article--references h3{
  color:#000;
  font-size: 20px;
  font-weight:800;
  line-height: height 30px;
}

.article--references ul{
  list-style-position: inside;
  padding-left:0;
  margin-bottom:0;
}

.article--references ul li{
  list-style-type:numeric;
}

.article--references ul li a{
  text-decoration: underline;
}

.article-sub--image-references{
  border: 1px solid #ebebeb;
  padding: 30px;
  border-radius: 15px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.article-sub--image-references h3{
  color:#000;
  font-size: 20px;
  font-weight:800;
  line-height: height 30px;
}

.article-sub--attachments{
  border: 1px solid #ebebeb;
  padding: 30px;
  border-radius: 15px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  margin-top: 20px;
  
}

.article-sub--attachments ul{
  list-style: none;
  margin: 0;
  padding: 0;
}

.article-sub--attachments li a{
  /* text-decoration: underline !important; */
}


.article-sub--attachments h3{
  color:#000;
  font-size: 20px;
  font-weight:800;
  line-height: height 30px;
}

.article-sub--DUK{
  border: 1px solid #ebebeb;
  padding: 30px;
  border-radius: 15px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  margin-top: 20px;
}


.article-sub--DUK ul li{
  text-decoration: underline;
  
}

.article-sub--DUK h3{
  color:#000;
  font-size: 20px;
  font-weight:800;
  line-height: height 30px;
}

 
/* ============================= slider ==============================  */

.slick-slider-panel{
  /* width: 280px; */
  /* margin: 10px; */
}

.slider-item{
  align-items: center;
  margin: 0;
}

.slider-item img{
  width: 100%;
  height: auto;
}


.CenterImg{
  /* margin-left:auto;
  margin-right:auto; */
  /* height: auto;
  object-fit: cover;
  width:100%; */
 
}

/* 
.CenterImg .slider-img{
  height: auto;
  object-fit: cover;
  width:100%;
} */


/*=================================================================*/
/*                      SLICK SETTINGS
/*=================================================================*/

.slick-slider-panel .priv_arrow{
  width: 30px;
  height: 30px;
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  top: 50%;
  left: 10px;
  padding: 5px;
  border-radius: 50%;
  text-align: center;
  line-height: 20px;
  display: inline-block;
  opacity: 0;
  position: absolute;
  z-index: 10;
 
  transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
}

.slick-slider-panel .next_arrow{
  width: 30px;
  height: 30px;
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  top: 50%;
  right: 10px;
  padding: 5px;
  border-radius: 50%;
  text-align: center;
  line-height: 20px;
  display: inline-block;
  opacity: 0;
  position: absolute;
  z-index: 10;

  transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
}

.slick-slider-panel:hover .next_arrow, .slick-slider-panel:hover .priv_arrow{
  opacity: 1;
}

.slick-slide {
  height: auto;
  outline: none;
}

.slick-next, .slick-prev {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #454360;
  border-radius: 0;
  top: calc(50% - 40px);
  z-index: 1;
  -webkit-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
}

.slick-next:hover, .slick-next:focus, .slick-prev:hover, .slick-prev:focus {
  background: #454360;
}

.slick-prev {
  left: 25;
}
.slick-prev:hover {
  background: #454360;
}

.slick-next {
  right: 0;
}
.slick-next:hover {
  background: #454360;
}

.slick-next:before, .slick-next:after {
  left: 20px;
}

.slick-prev:before, .slick-prev:after {
  left: 17px;
}

.slick-prev:before {
  /* content: "";
  background: black;
  display: block;
  width: 1px;
  height: 14px;
  top: 8px;
  position: absolute;
  -ms-transform: rotate(45deg); */
  /* IE 9 */
  /* -webkit-transform: rotate(45deg); */
  /* Chrome, Safari, Opera */
  /* transform: rotate(45deg); */
  top: -80px;
  width: 30px;
  height: 30px;
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  border-radius: 50%;
  top: 8px;
  position: absolute;
  
  
}

.slick-prev:after {
  /* content: "";
  background: black;
  display: block;
  width: 1px;
  height: 14px;
  position: absolute;
  top: 17px; */
  /* -ms-transform: rotate(135deg); */
  /* IE 9 */
  /* -webkit-transform: rotate(135deg); */
  /* Chrome, Safari, Opera */
  /* transform: rotate(135deg); */
}

.slick-next:before {
  /* content: "";
  background: black;
  display: block;
  width: 1px;
  height: 14px;
  top: 8px;
  position: absolute;
  -ms-transform: rotate(-45deg); */
  /* IE 9 */
  /* -webkit-transform: rotate(-45deg); */
  /* Chrome, Safari, Opera */
  /* transform: rotate(-45deg); */
  top: -80px;
  width: 30px;
  height: 30px;
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  border-radius: 50%;
  top: 8px;
  position: absolute;
}

.slick-next:after {
  /* content: "";
  background: black;
  display: block;
  width: 1px;
  height: 14px;
  position: absolute;
  top: 17px;
  -ms-transform: rotate(45deg); */
  /* IE 9 */
  /* -webkit-transform: rotate(45deg); */
  /* Chrome, Safari, Opera */
  /* transform: rotate(45deg); */
}

.slick-dotted.slick-slider {
  margin-bottom: 0;
}

.slick-dots {
  position: relative;
  bottom: 0;
  padding: 0;
  margin: 0;
}

.slick-dots li {
  width: 10px;
  height: 6px;
  margin: 0 5px;
}

.slick-dots li.slick-active {
  width: 20px;
  height: 6px;
}

.slick-dots li button {
  width: 10px;
  height: 6px;
  padding: 0;
}

.slick-dots li.slick-active button:before {
  background: #FFD200;
  border: none;
  border-radius: 8px;
  opacity: 1;
  height: 10px;
  width: 22px;
}

.slick-dots li button:before {
  border: 1px solid grey;
  background: transparent;
  border-radius: 50%;
  height: 10px;
  width: 10px;
}

/* =================================================================
                          DID U KNOW PAGE  
================================================================= */


.dyk-tabs{
  width: 100%;
  display: inline-block;
  text-align: center;
}

.dyk-tabs .tabs{
  width: 130px;
  display: inline-block;
  margin: 15px;
  color: #000
}

.tabs:hover{
  border-radius: 1px solid #000;
  background-color:#F5F5F5;
  border-radius: 5px;
}

.active-tabs{
  border-radius: 1px solid #000;
  background-color:#FFD200;
  border-radius: 5px;
  padding: 3px;
  transition: 0.3s;
}

/* =================================================================
                          LINE OF BUSINESS  
================================================================= */
.hr-line{
  display: inline-block;
  margin: 40px 0 20px;
  padding: 0;
}

.lob-content-container{
  margin-bottom: 40px;
}

.lob-content-container:last-child hr{
  display:none;
}


.lob-sub-title{
  padding: 10px 0;
}

.lob-main-title h3{
  font-weight: 900;
  color: #000000;
  font-size: 28px;
  letter-spacing: 0.05em;
  margin: 0 auto;
  
}

.lob-content-title{
  font-weight: 900;
  color: #000000;
  margin-bottom:0;
  padding: 15px 0 20px;
}

.lineOf-business-content{
}

.lineOf-business-categories{
  padding: 10px;
}

.categories-nav .select-box{
  display:none;
}

.lineOf-business-tabs{
  width: 100%;
  display: inline-block;
  text-align: center;
}

.lineOf-business-tabs .tabs{
  width: auto;
  /*min-width: 120px;*/
  display: inline-block;
  margin: 0 10px;
  color: #000;
  box-sizing:border-box;
  padding: 3px 20px;
}

.lineOf-business-categories h3{
  font-style: normal;
  font-weight: 800;
  font-size: 20px;
  line-height: 25px;
  margin-bottom: 15px;
  margin-top: 15px;
}


.lineOf-business-categories li a{
  display: flex;
  margin-bottom: 25px;
  position: relative;
}

.lineOf-business-categories li img{
  /* margin-top: -40px; */
  width: 25;
  height: 25px;
  display: inline-block;
  vertical-align: top; /* here */
  margin-right: 10px;
  margin-top: 5px;
}

.lineOf-business-categories li a p{
  color:#000;
}

ul.lineOf-business-category-list{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.lob-title-container{
  display:flex;
  width: 100%;
  /* position:relative; */
}

.arrow-icon{
  position: absolute;
  right: 10px;
  top: 50%;
  transform-origin: 50% -50%;
  transform: rotate(180deg) translateY(-50%);
  color: #707070;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 10px solid #707070;
  display: none;
}

.highligh-arrow{
  border-top: 10px solid #EFAC00 !important;
  color:#EFAC00 !important;
}

.highligh-text{
  color:#EFAC00 !important;
}

.highlight-border-bottom{
  border-bottom: 1px solid #EFAC00 ;
}


.rotate {
  -moz-transform: rotate(0deg) translateY(-100%);
  -webkit-transform: rotate(0deg) translateY(-100%);
  -ms-transform: rotate(0deg) translateY(-100%);
  -o-transform: rotate(0deg) translateY(-100%);
  transition: 200ms;
}

.hide-f{
  display: none !important;
}

ul.links{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.links a{
  color: #fff
}

.quickLinks li img{
  margin-top: -5px;
  margin-right: 10px;
}

.quickLinks li{
  display: flex;
  margin-bottom: 25px;
}

.quickLinks h3{
  font-style: normal;
  font-weight: 800;
  font-size: 20px;
  line-height: 25px;
  margin-bottom: 15px;
  margin-top: 15px;
}

.quickLinks img{
  margin-right:10px;
}

.quickLinks p{
  display:inline-block;
  color:#FFF;
}

.quickLinks p:hover{
  color:#FFD200;
}

/* ============================== popup =================================== */

.my-mfp-zoom-in .zoom-anim-dialog {
  opacity: 0;
  /* -webkit-transition: all 0.2s ease-in-out; */
  -o-transition: all 0.2s ease-in-out;
  /* transition: all 0.2s ease-in-out; */
  /* -webkit-transform: scale(0.8); */
  -ms-transform: scale(0.8);
  /* transform: scale(0.8); */
}

/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
  opacity: 1;
  /* -webkit-transform: scale(1); */
  -ms-transform: scale(1);
  transform: scale(1);
}

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0;
}

.white-popup {
  background: white;
  border-radius: 25px;
  padding: 30px;
  text-align: left;
  max-width: 650px;
  height: 500px;
  margin: 40px auto;
  position: relative;
}

.popup-container{
  width:100%;
  height:100%;
  position:fixed;
  top:0;
  left:0;
  z-index:100;
  display:none;
}

.popup-overlay{
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.5);
  z-index:1;
}

.popup-content{
  max-width:700px;
  width:95%;
  height:auto;
  margin:0 auto;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);

  padding:20px 30px;

  background:#FFF;
  border-radius:12px;
}

.popup-content .container-fluid{
  position:relative;
  height:100%;
}

.popup-close{
  width:auto;
  padding:0;
  position:absolute;
  top:-5px;
  right:-10px; 
  display:inline-block;
  font-size:24px;
  color:#000000;
}

.popup-close:hover,.popup-close:focus{
  color:#000000;
}

.popup-header{
  display:flex;
  height:10%;
  margin-bottom:10px;
}

.popup-tags,.popup-title{
  width:auto;
  display:inline-block;
  padding:0;
  margin-right:10px;
  margin-bottom:15px;
}

.popup-tags span,
.popup-title span{
  display:inline-block;
  vertical-align: middle;
}

.popup-title {
  font-weight: bold;
  font-size: 20px;
  padding-left: 10px;
  font-family:'Conv_Platform-Bold',sans-serif;
}

.popup-listing{
  position:relative;
  height:350px;
}

.popup-container .show-all-container{
  display:none;
}

.mfp-close{
  display:none !important;
}

/* .popup-listing span{
  color:#EFAC00;
  display:inline-block;
  vertical-align:top;
} */

.popup-listing p{
  color:#000;
  display:inline-block;
  vertical-align:top;
  /* width:91%; */
  margin-bottom:0;
}

.popup-listing a{
  display:block;
}

.popup-listing img{
  margin-right: 10px;
  display: inline-block;
  vertical-align:top;
  height: 25px;
  margin-top: 5px;
}

.magnificCloseButton{
  background: none;
  border: none;
  position: absolute;
  top: 20px;
  right: 35px;
  width: 10px;
  height: 10px;
}

.magnificCloseButton img{
  
  width: 20px;
  height: 20px;
}

/* .tag-items{
  display:flex;
}
.tag-items li{
  list-style-type: none;
}

.tag-items .popuptag{
  margin-right: 10px;
  margin-left: 0px;
  background-color: #FFF0AA;
  padding: 5px 15px;
  border-radius: 15% !important;
  color:#000;
  text-decoration: none;
}

.tag-items .popupTitle{
  color:black;
  margin:5px;
  font-weight: 800 !important;
  font-size: 18px;
} */


/* ============================== custom select =================================== */

.choose-position .select2-container {
  width: 100% !important;
}

.choose-position .select2-container--default .select2-selection--single {
  width: 100% !important;
  display: flex;
  align-items: center;
  padding: 0 0px;
  height: 50px;
  line-height: 50px;
  font-weight: 500;
  font-size: 16px;
  background-color: #fafafa;
  border: 1px solid #eeeeee;
  border-radius: 4px !important;
  transition: 0.1s;
}

.choose-position .select2-search {
  display: none;
}

.choose-position .select2-results__option {
  display: flex;
  align-items: center;
  font-size:14px;
  font-weight: 800;
}

.choose-position .select2-results__option .img-flag {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
  margin-right: 10px;
}

.choose-position .select2-container--default.select2-container--focus .select2-selection--single {
  border: 1px solid #EFAC00;
  outline: 0;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
  border-color:transparent transparent #EFAC00 transparent;
}

.choose-position span.select2-selection.select2-selection--single {
  outline: none;
}

.choose-position .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 35px;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  width: 35px;
  /* background-color: #fff; */
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  /* box-shadow: 0 5px 20px rgba(35, 49, 45, 0.14); */
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  /* background-image: url(https://cdn4.iconfinder.com/data/icons/user-interface-174/32/UIF-76-512.png);
  ;;;;;;;;;;;background-color: transparent;;;;;;;;;;;;
  background-size: contain;
  border: none !important;
  ;;height: 2 0px !important;;;
  width: 20px !important;
  margin: auto !important;
  top: auto !important;
  left: auto !important; */
}



.mobile-back-button{
  display:none;
  padding: 15px 0;
  color: #000;
}

.mobile-back-button:hover{
  color:#000;
}

.mobile-back-button span{
  font-size: 20px;
  transform: rotate(180deg);
  display: inline-block;
  vertical-align: middle;
  
}

.mobile-back-button p{
  font-weight: 700;
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0;
  padding-left:10px;
}

.hide-it{
  display:none !important;
}

/* =================================================================
                          QUICK ACCESS PAGE  
================================================================= */

.quickAccessLinks-list{
  padding: 10px;
}

.quick-access-list a{
  width:100%;
  margin-bottom:20px;
}

.quick-access-list img{
  display:inline-block;
  vertical-align: top;
  margin-right:10px;
}

.quick-access-list p{
  /* display:inline-block; */
  display:table-cell;
  vertical-align: top; 
  /* width:80%; */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color:#212529;
}

.qa-title-container{
  position:relative;
  margin-bottom:30px;
}

.qa-main-title{
  text-align:center;
}
.qa-main-title h3{
  font-style: normal;
  font-weight: 800;
  font-size: 20px;
  line-height: 25px;
  margin-bottom: 15px;
  margin-top: 15px;
}

.quickAccessLinks-list li img{
  /* margin-top: -5px; */
  margin-right: 10px;
}

.quickAccessLinks-list li{
  display: flex;
  /* margin-bottom: 25px; */
}

.quickAccessLinks-list li:last-child{
  margin-bottom:0;
}

.quickAccessLinks-list h3{
  font-style: normal;
  font-weight: 800;
  font-size: 20px;
  line-height: 25px;
  margin-bottom: 15px;
  margin-top: 15px;
}

ul.link-list{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

/*###*/
/*Page : Tags*/
/*###*/

.tags-container .page-title{
  padding: 40px 0 10px;
}

.tags-container .hr-line{
  margin: 0 0 30px;
}

.related-question-container{
  padding-bottom: 60px;
}

.related-question--title{
  padding: 0px 0 30px;
  font-weight: bold;
  color: #75716B;
}

.related-question--listing a{
  display: inline-block;
  /*margin-right: 8px;*/
  color: #000;
  font-weight: normal;
  font-size: 15px;
}

.search-result-tags{
  margin-right: 8px;
}

a.search-result-tags:hover{
  text-decoration: underline;
}

/* ############################### */
/* ############################### */
/* RESPONSIVE */
/* ############################### */
/* ############################### */

@media (max-width:1200px){
  .line-of-business{
    max-width:700px;
    margin-top:0;
  }
}

@media (max-width:1000px){
  .lineOf-business-tabs .tabs{
    width:auto;
    min-width:100px;
    padding:3px 15px;
    margin:0 5px 10px;
  }
}

@media (min-width: 769px) {
  .listing-result--content{
    display:block !important
  }

  .listing-result--title span{
    display:none;
  }

  /* ----------line of business page ----------------- */
  .lob-content-container .lob-sub-title{
    color:black !important;
  }

  .highlight-border-bottom{
    border-bottom: none !important;
  }
  .lineOf-business-content{
    display:block !important;
  }

  /* ----------quick access page page ----------------- */
  .quick-access-content{
    display: block !important;
  }
}

@media (max-width: 768px) {
  h1{
    /* font-size:28px; */
  }

  header{
    height:auto;
    padding-top:35px;
    padding-bottom:15px;
  }

  .mob-search-icon{
    position:absolute;
    bottom:3px;
    right:5%;
    color:#000;
    font-size:24px;
    display:inline-block;
  }

  .navbar-search{
    display:none;
  }

  .mob-search-icon:hover, .mob-search-icon:focus{
    color:#000;
  }

  .search-page-close,
  .general-page-close{
    bottom:5px;
    right:5%;
    top:initial;
    transform:initial;
  }

  ul.live-search-list{
    padding-left:5px;
  }

  .popup-container{

  }

  .popup-content{
    max-width:initial;
    width:100%;
    height:100%;
    border-radius:initial;
  }

  .popup-listing{
    height:85%;
  }

  .u-mobhide{
    display:block;
  }

  .mobile-back-button{
    display:block;
  }

  .breadcrumb-container{
    display:none;
  }

  .mobile-dropdown{
    display: inline-block;
    position:relative;
    border-bottom: 1px solid grey;
    width: 100%;
    margin-bottom: 15px;
  }

  /*##*/
  /*Enquiry Form*/
  /*##*/
  .navigationbar.enquiry-active .general-page-close{
    display: block;
  }

  .navigationbar.enquiry-active .search-page-close,
  .navigationbar.enquiry-active .mob-search-icon{
    display: none;
  }

  .enquiry-container{
    padding-top: 93px;
    z-index:99;
    box-sizing: border-box;
  }

  .enquiry-content--header{
    background: #FFF;
  }

  .enquiry-container .popup-overlay{
    display: none;
  }

  .enquiry-content{
    width: 100%;
    height: 100%;
    position: relative;
    top: initial;
    left: initial;
    transform: initial;
    -webkit-transform: initial;
    -moz-transform: initial;

    border-radius: initial;
    -webkit-border-radius: initial;
    -moz-border-radius: initial;
  }

  .enquiry-content--form-container{
    padding-top: 0;
  }

  .enquiry-content--thankyou{
    max-width: 90%;
    margin: 0 auto;
    padding-top: 0;
  }

  /*##*/

  .categories--result-listing .listing-result{
    padding-bottom: 10px;
    margin-bottom: 30px;
  }

  .categories--result-listing[data-listing="all"] .listing-result--content{
    display:none;
  }

  .categories--result-listing[data-listing="all"] .row .listing-result,
  .lineOf-business-categories{
    border-bottom: 1px solid #E5E5E1;
  }

  .lineOf-business-categories{
    padding-bottom: 10px;
    margin-bottom: 30px;
  }

  .listing-result--title{
    display: inline-block;
    position:relative;
    width: 100%;
    margin-bottom: 0px;
    padding-bottom:10px;
    color:#75716B;
  }

  .content-title{
    font-size:24px;
    line-height:30px;
  }

  .listing-result--title h4{
    width:90%;
    font-size:20px;
    line-height:25px;
  }

  .categories--result-listing[data-listing="specific"] .listing-result--title h4{
    margin:0 auto;
  }

  .listing-result--title span{
    display: inline-block;
    position:absolute;
    top:40%;
    right:10px;
    transform:translateY(-50%) rotate(180deg);

    font-size:20px;
    transition:0.15s ease-in-out;
    -webkit-transition:0.15s ease-in-out;
    -moz-transition:0.15s ease-in-out;

  }

  .listing-result.active .listing-result--title h4,
  .listing-result.active .listing-result--title span{
    color:#EFAC00;
  }

  .listing-result.active .listing-result--title span{
    transform:translateY(-50%) rotate(0deg);
    
  }

  .show-all-container{
    margin-bottom:30px;
  }

  .quick-access-top--listing{
    max-width: 90%;
  }
  

  /* =========== header =============== */

  header .filter-cta,
  .search-container .filter-cta{
    display:none;
  }

  .header-search-bar{
    display: none;
  }

  .logo-container{
    /* top: 15px;
    left: 25px;
    position: fixed; */
  }

  .search-icon{
    top: 23px;
    right: 25px;
    position: fixed;
  }

  .filter-icon-searchtab img{
    display: none;
  }

  .filter-icon-header{
    display: none;
  }

  /* =========== landing =============== */

  .filter-icon-searchtab{
    display: none;  
  }

  .search-bar{
    height:50px;
  }

  .search-content{
    /* width: auto; */
    /* height: 50px; */
    border: 1px solid #000;
    font-family: 'DM Sans', sans-serif;
    outline: none !important;
    box-shadow: none !important;
    font-size: 20px;
    padding-right: 45px;
    margin:5px;
    background-color: #FFF;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 500px;
  }
  
  
  .waves {
      height: 40px;
      min-height: 40px;
  }

  /*.center-text h5 span {
    padding: 0 6px;
  }*/
  
  .did-u-know-text p{
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
  }

  .primary-btn2{
    margin-left: auto;
    margin-right: auto;
  }

  .landing-search-content{
    padding: 90px 0 180px;
    background-image:  url("../images/landing-backgroundIMg-mobile.png") ;
    
    background-repeat:no-repeat;
    background-size:cover;
    background-position: center;
    background-attachment: scroll;
    background-size: cover;
  }

  .landing-businesses{
    padding:40px 0 0;
  }

  .landing-categories{
    padding-bottom:0px;
  }

  .landing-quick-access-links{
    padding:40px 0 60px;
  }

  .popular-question--listing{
    padding: 10px 0;
  }

  .popular-Question a{
    display: flex;
    position: relative;
    /* margin:10px; */
    text-align: left;
  }

  .popular-Question img{
    /* margin-top: -40px; */
    width: 25;
    height: 25px;
    vertical-align: top; /* here */
    margin-right: 10px;
    margin-top: -15px;
  }

  /* =========== line of business =============== */
  .categories--listing a{
    width:100%;
    min-height:70px;
    height:auto;
    text-align:left;
  /*  display:block;
    margin:0 auto 20px;*/
    padding:15px 30px;
  }

  .categories--listing a:hover{
    -webkit-transform: initial;
    -ms-transform: initial;
    transform: initial;
  }

  .categories--listing .text-line p{
    text-align:left;
    left:30px;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
  }

  .categories--listing{
    margin-bottom:30px
  }

  .lineOf-business-tabs,
  .categories-nav--tabs{
    display: none;
  }

  .categories-nav .select-box{
    width:100%;
    display:inline-block;
    margin-bottom:25px;
  }

  .lineOf-business-content{
    display: none;
    /* margin-bottom: 50px; */
  }

  .arrow-icon{
    display: inline-block !important;
    /* color: red; */
  }

  /*.content-title .Horizontal-Line{
    width:95%;
  }*/
  
  .hr-line{
    display: none;
  }

  .lob-main-title h3{
    text-align: left;
  }

  .lob-content-title{
    padding: 0 0 20px;
  }

  .lineOf-business-categories h3{
    color: #707070;
  }

  .breadcrumb-container{
    display:none;
  }

  .landing-businesses .lob-item p{
    font-size:32px;
  }

  .landing-businesses .lob-item .icon-image{
    width: 28px;
    padding-bottom: 10px;
  }

  .line-of-business-text{
    font-size:16px;
  }

  .line-of-business{
    margin-bottom:10px;
  }

  .landing-businesses .line-of-business{
    margin-bottom:30px;
  }

  .lob-item{
    width:150px;
    height:150px;
    margin:20px 20px 0px;
    background-size:60%;
  }

  .line-of-business-text{
    font-size:14px;
  }

  .listing-result--content .popup-cta{
    margin: 0 auto;
  }

  /* ===================== quick access page ========================= */

  .quick-access-content{
    display:none
  }

  .qa-main-title h3{
    text-align: left;
  }

  .qa-title-container{
    border-bottom: 1px solid grey;
  }

  .general-qa-list{
    display:inline-block;
  }

  .quick-links{
    text-align:left;
    margin-bottom:20px;
  }

  .footer--submission-banner-content{
    padding: 40px 0 60px;
  }
  
  .footer--submission-banner--graphic{
    margin-bottom: 20px;
  }
}

@media(max-width: 600px){
  .categories--listing a{
    display:block;
    margin:0 auto 20px;
  }

  .landing-search-content{
    padding: 50px 0 170px;
  }
}

@media(max-width:500px){
  .landing-search-content h1{
    max-width: 70%;
    margin: 0 auto;
    padding: 20px 0;
  }

  .lob-item{
    width:140px;
    height:140px;
    margin:15px 10px 0px;
  }
}

@media(max-width:320px){
  .lob-item{
    width:115px;
    height:115px;
    margin:15px 10px 10px;
  }
}