diff --git a/assets/opalestate.css b/assets/opalestate.css
index 80e44e68..31b8441d 100755
--- a/assets/opalestate.css
+++ b/assets/opalestate.css
@@ -2107,6 +2107,68 @@ button.opal-collapse-button {
 .select2-container .select2-dropdown {
   border-color: #ebebeb; }
 
+.opalestate-search-form--collapse-advanced {
+  background-color: transparent !important; }
+  .opalestate-search-form--collapse-advanced .searchbox-top {
+    text-align: center;
+    border: 0; }
+    .opalestate-search-form--collapse-advanced .searchbox-top .list-inline {
+      justify-content: center; }
+      .opalestate-search-form--collapse-advanced .searchbox-top .list-inline .status-item {
+        padding: 10px 15px;
+        background-color: rgba(118, 124, 145, 0.4);
+        border: 1px solid #79869d;
+        color: #FFF;
+        font-weight: 600;
+        margin-right: 10px; }
+        .opalestate-search-form--collapse-advanced .searchbox-top .list-inline .status-item:hover, .opalestate-search-form--collapse-advanced .searchbox-top .list-inline .status-item.active {
+          background-color: #FFF;
+          border-color: #FFF;
+          color: #2f73e9; }
+          .opalestate-search-form--collapse-advanced .searchbox-top .list-inline .status-item:hover:after, .opalestate-search-form--collapse-advanced .searchbox-top .list-inline .status-item.active:after {
+            display: none; }
+  .opalestate-search-form--collapse-advanced .searchbox-main {
+    background-color: #FFF;
+    margin-bottom: 20px; }
+    .opalestate-search-form--collapse-advanced .searchbox-main .searchbox-field {
+      display: inline-block; }
+    .opalestate-search-form--collapse-advanced .searchbox-main .searchbox-field--city-text,
+    .opalestate-search-form--collapse-advanced .searchbox-main .searchbox-field--types,
+    .opalestate-search-form--collapse-advanced .searchbox-main .searchbox-field--categories {
+      width: 24%; }
+    .opalestate-search-form--collapse-advanced .searchbox-main .searchbox-field--collapse {
+      width: 6%; }
+    .opalestate-search-form--collapse-advanced .searchbox-main .searchbox-field--submit {
+      padding-left: 10px;
+      width: 18%; }
+    @media (max-width: 767px) {
+      .opalestate-search-form--collapse-advanced .searchbox-main .searchbox-field--types,
+      .opalestate-search-form--collapse-advanced .searchbox-main .searchbox-field--categories,
+      .opalestate-search-form--collapse-advanced .searchbox-main .searchbox-field--collapse,
+      .opalestate-search-form--collapse-advanced .searchbox-main .searchbox-field--submit {
+        width: 100%;
+        padding: 0 0 30px; } }
+  .opalestate-search-form--collapse-advanced > .opal-collapse-container {
+    background: #FFF;
+    padding: 30px;
+    position: absolute;
+    z-index: 9; }
+    .opalestate-search-form--collapse-advanced > .opal-collapse-container::before {
+      position: absolute;
+      width: 0px;
+      height: 0px;
+      content: "";
+      z-index: 2;
+      transform: translateX(-50%);
+      right: 22%;
+      top: -10px;
+      border-bottom: 12px solid white;
+      border-left: 10px solid transparent;
+      border-right: 10px solid transparent; }
+    @media (max-width: 767px) {
+      .opalestate-search-form--collapse-advanced > .opal-collapse-container::before {
+        display: none; } }
+
 .property-options {
   position: absolute;
   bottom: 10px;
diff --git a/assets/scss/opalestate/_form.scss b/assets/scss/opalestate/_form.scss
index 5c5877e7..dc7fcdf2 100755
--- a/assets/scss/opalestate/_form.scss
+++ b/assets/scss/opalestate/_form.scss
@@ -485,5 +485,85 @@ button.opal-collapse-button{
 	}
 }
 
+.opalestate-search-form--collapse-advanced {
+	background-color: transparent !important;
+	.searchbox-top {
+		text-align: center;
+		border:0;
+		.list-inline {
+			justify-content: center;
+			.status-item {
+				padding: 10px 15px;
+				background-color: rgba(118,124,145,0.4);
+				border: 1px solid #79869d;
+				color:$white;
+				font-weight: 600;
+				margin-right: 10px;
+				&:hover,
+				&.active {
+					background-color: $white;
+					border-color:$white;
+					color: $primary;
+					&:after {
+						display: none;
+					}
+				}
+			}
+		}
+	}
+	.searchbox-main {
+		background-color: $white;
+		margin-bottom: 20px;
+		.searchbox-field {
+			display: inline-block;
+		}
+		.searchbox-field--city-text,
+		.searchbox-field--types,
+		.searchbox-field--categories {
+			width: 24%;
+		}
+		.searchbox-field--collapse {
+			width: 6%;
+		}
+		.searchbox-field--submit {
+			padding-left:10px;
+			width: 18%;
+		}
+		@media(max-width:767px) {
+			.searchbox-field--types,
+			.searchbox-field--categories,
+			.searchbox-field--collapse,
+			.searchbox-field--submit{
+				width: 100%;
+				padding:0 0 30px;
+			}
+		}
+	}
+	> .opal-collapse-container {
+		background: $white;
+		padding: $grid-gutter-width;
+		position: absolute;
+		z-index: 9;
+		&::before {
+			position: absolute;
+			width: 0px;
+			height: 0px;
+			content: "";
+			z-index: 2;
+			transform: translateX(-50%);
+			right: 22%;
+			top: -10px;
+			border-bottom: 12px solid rgb(255, 255, 255);
+			border-left: 10px solid transparent;
+			border-right: 10px solid transparent;
+		}
+		@media(max-width:767px) {
+			&::before {
+				display: none;
+			}
+		}
+	}
+}
+