#newFooter {
      	display: none;
      }

      /* Archify List Page */
      .archify-list-sidebar-wrapper {
      	position: fixed;
      	width: 350px;
      	left: 0;
      	border-right: 1px solid #f9f9f9;
      	height: calc(100vh - 70px);
      	margin-top: 70px;
      	background-color: #fff;
      	/* padding-top: 50px; */
      }

      .archify-list-sidebar-wrapper .apply-filter-button-mobile {
      	position: fixed;
      	width: 100%;
      	bottom: 0;
      	height: 30px;
      	background: #4a4a4a;
      	font-size: 14px;
      	font-family: 'WorkSans-Medium';
      	padding-top: 4px;
      	text-align: center;
      	z-index: 1;
      	color: #fff;
      	display: none;
      	cursor: pointer;
      }

      .option-shade-layer-mobile {
      	position: fixed;
      	width: 100%;
      	height: 100%;
      	background-color: rgba(0, 0, 0, 0.5);
      	z-index: 99999;
      	display: none;
      }

      .archify-list-sidebar-wrapper .archify-list-sidebar-wrapper-box {
      	position: absolute;
      	width: 100%;
      	height: calc(100% - 50px);
      	top: 50px;
      	padding-left: 20px;
      	padding-right: 20px;
      }

      .archify-list-sidebar-wrapper .archify-list-sidebar-header {
      	position: relative;
      	float: left;
      	width: 100%;
      	height: 40px;
      	border-bottom: 1px solid #e5e5e5;
      	margin-bottom: 8px;
      }

      .archify-list-sidebar-wrapper .archify-list-sidebar-header p.title {
      	position: relative;
      	float: left;
      	margin: 0;
      	font-size: 12px;
      	font-family: 'WorkSans-Medium';
      	text-transform: uppercase;
      	color: #4a4a4a;
      	margin-top: 13px;
      	width: 100%;
      }

      .archify-list-sidebar-wrapper .archify-list-sidebar-section {
      	float: left;
      	width: 100%;
      	height: auto;
      	margin-top: 0px;
      	padding-bottom: 6px;
      	margin-bottom: 5px;
      	border-bottom: 1px solid #e5e5e5;
      }

      .archify-list-sidebar-wrapper .archify-list-sidebar-section:last-child {
      	border-bottom: 0px solid #e5e5e5;
      	margin-bottom: 50px;
      }

      .archify-list-sidebar-wrapper .archify-list-sidebar-section .panel-header {
      	position: relative;
      	width: 100%;
      	height: 25px;
      	cursor: pointer;
      }

      .archify-list-sidebar-wrapper .archify-list-sidebar-section .panel-header p.title {
      	position: relative;
      	float: left;
      	margin: 0;
      	font-size: 12px;
      	font-family: 'WorkSans-Medium';
      	text-transform: uppercase;
      	color: #4a4a4a;
      	margin-top: 5px;
      	width: 100%;
      }

      .archify-list-sidebar-wrapper .archify-list-sidebar-section .panel-header .icon-collapse {
      	position: absolute;
      	width: auto;
      	height: auto;
      	right: 0;
      	top: 3px;
      }

      .archify-list-sidebar-wrapper .archify-list-sidebar-section .panel-header .icon-collapse.show {
      	display: block;
      }

      .archify-list-sidebar-wrapper .archify-list-sidebar-section .panel-header .icon-collapse.hide {
      	display: none;
      }

      .archify-list-sidebar-wrapper .archify-list-sidebar-section .panel-body-content {
      	position: relative;
      	float: left;
      	width: 100%;
      }

      .archify-list-sidebar-wrapper .archify-list-sidebar-section .panel-body-content .panel-body-content-wrapper {
      	position: relative;
      	float: left;
      	width: 100%;
      	margin-top: 10px;
      }

      .archify-list-sidebar-wrapper .archify-list-sidebar-section .panel-body-content .sidebar-content-list-parent {
      	height: auto;
      }

      .archify-list-sidebar-wrapper .archify-list-sidebar-section .panel-body-content .sidebar-content-list-parent p {
      	margin: 0;
      	font-size: 13px;
      	font-family: 'WorkSans-Regular';
      	color: #4a4a4a;
      	margin-top: 5px;
      	width: 100%;
      	margin-bottom: 5px;
      	position: relative;
      	float: left;
      	margin: 0;
      	margin-bottom: 5px;
      }

      /*
      .archify-list-sidebar-wrapper .archify-list-sidebar-section .panel-body-content .sidebar-content-list-parent.collapse-toggle p {
        font-family: 'WorkSans-Medium';
      }
      .archify-list-sidebar-wrapper .archify-list-sidebar-section .panel-body-content .sidebar-content-list-parent.collapse-toggle.collapsed p {
        font-family: 'WorkSans-Regular';
      }
      .archify-list-sidebar-wrapper .archify-list-sidebar-section .panel-body-content .sidebar-content-list-parent.collapse-toggle.collapsed a:hover p {
        font-family: 'WorkSans-Medium';
      }*/
      .archify-list-sidebar-wrapper .archify-list-sidebar-section .panel-body-content .sidebar-content-list-parent .filter-link.active p {
      	font-family: 'WorkSans-Medium';
      }

      .archify-list-sidebar-wrapper .archify-list-sidebar-section .panel-body-content .sidebar-content-list-parent .filter-link:hover p {
      	font-family: 'WorkSans-Medium';
      }

      .archify-list-sidebar-wrapper .archify-list-sidebar-section .panel-body-content .sidebar-content-list-children ul {
      	padding-left: 0;
      	list-style: none;
      	margin: 0;
      	padding-left: 30px;
      }

      .archify-list-sidebar-wrapper .archify-list-sidebar-section .panel-body-content .sidebar-content-list-children ul li {
      	margin-bottom: 5px;
      }

      .archify-list-sidebar-wrapper .archify-list-sidebar-section .panel-body-content .sidebar-content-list-children ul li .filter-link {
      	cursor: pointer;
      }

      .archify-list-sidebar-wrapper .archify-list-sidebar-section .panel-body-content .sidebar-content-list-children ul li:first-child {
      	margin-top: 5px;
      }

      .archify-list-sidebar-wrapper .archify-list-sidebar-section .panel-body-content .sidebar-content-list-children ul li:last-child {
      	margin-bottom: 10px;
      }

      .archify-list-sidebar-wrapper .archify-list-sidebar-section .panel-body-content .sidebar-content-list-children.collapse-item {
      	position: relative;
      	float: left;
      	width: 100%;
      }

      .archify-list-sidebar-wrapper .archify-list-sidebar-section .panel-body-content .sidebar-content-list-children p {
      	margin: 0;
      	font-size: 13px;
      	font-family: 'WorkSans-Regular';
      	color: #4a4a4a;
      	margin-top: 5px;
      	width: 100%;
      	margin-bottom: 5px;
      }

      .archify-list-sidebar-wrapper .archify-list-sidebar-section .panel-body-content .sidebar-content-list-children .filter-link.active p {
      	font-family: 'WorkSans-Medium';
      }

      .archify-list-sidebar-wrapper .archify-list-sidebar-section .panel-body-content .sidebar-content-list-children .filter-link:hover p {
      	font-family: 'WorkSans-Medium';
      }


      .archify-list-main-content-wrapper {
      	position: relative;
      	float: right;
      	margin-top: 70px;
      	width: calc(100% - 350px);
      	height: auto;
      	min-height: calc(100vh - 70px);
      	background-color: #f9f9f9;
      	padding-top: 50px;
      }

      .archify-list-main-content-wrapper .archify-list-header {
      	position: relative;
      	float: right;
      	width: 100%;
      	min-height: 100px;
      	border-bottom: 1px solid #f9f9f9;
      	background-color: #fff;
      	padding: 20px;
      	padding-bottom: 10px;
      }

      .archify-list-main-content-wrapper .archify-list-header p.breadcrumbs {
      	position: relative;
      	float: right;
      	width: 100%;
      	margin-bottom: 0px;
      	font-size: 14px;
      	color: #ababab;
      }

      .archify-list-main-content-wrapper .archify-list-header p.breadcrumbs a {
      	color: #ababab;
      	text-decoration: none;
      }

      .archify-list-main-content-wrapper .archify-list-header p.filter-title-wrapper {
      	position: relative;
      	float: right;
      	width: 100%;
      	margin-bottom: 0px;
      	font-size: 25px;
      	color: #4a4a4a;
      	line-height: 28px;
      	margin-top: 5px;
      }

      .archify-list-main-content-wrapper .archify-list-header p.filter-title-wrapper span.total-photos-box {
      	font-family: 'WorkSans-Regular';
      }

      .archify-list-main-content-wrapper .archify-list-header p.filter-title-wrapper .selected-category-title-box {
      	font-family: 'WorkSans-SemiBold';
      }

      .archify-list-main-content-wrapper .archify-list-header h1.filter-title-wrapper {
      	position: relative;
      	float: right;
      	width: 100%;
      	margin-bottom: 0px;
      	font-size: 25px;
      	color: #4a4a4a;
      	line-height: 28px;
      	margin-top: 5px;
      	font-family: 'WorkSans-Regular';
      }

      .archify-list-main-content-wrapper .archify-list-header h1.filter-title-wrapper span.total-photos-box {
      	font-family: 'WorkSans-Regular';
      }

      .archify-list-main-content-wrapper .archify-list-header h1.filter-title-wrapper .selected-category-title-box {
      	font-family: 'WorkSans-SemiBold';
      }

      .archify-list-main-content-wrapper .archify-list-header .filter-button-wrapper {
      	position: relative;
      	float: left;
      	width: 100%;
      	height: auto;
      }

      .archify-list-main-content-wrapper .archify-list-header .filter-button-wrapper .filter-button-mobile {
      	position: relative;
      	float: left;
      	width: 100%;
      	max-width: 150px;
      	height: 30px;
      	background-color: #4a4a4a;
      	border-radius: 3px;
      	cursor: pointer;
      	margin-top: 10px;
      	color: #fff;
      	font-size: 14px;
      	font-family: 'WorkSans-Medium';
      	padding-top: 4px;
      	text-align: center;
      	padding-left: 20px;
      	padding-right: 20px;
      	display: none;
      }

      .archify-list-main-content-wrapper .archify-list-header .filter-tags-wrapper {
      	position: relative;
      	float: left;
      	width: 100%;
      	padding-top: 10px;
      }

      .archify-list-main-content-wrapper .archify-list-header .filter-tags-wrapper .filter-tags-section {}

      .archify-list-main-content-wrapper .archify-list-header .filter-tags-wrapper .filter-tags-section .filter-tags {
      	position: relative;
      	float: left;
      	width: auto;
      	background-color: #f9f9f9;
      	border-radius: 500px;
      	cursor: pointer;
      	text-align: left;
      	margin-bottom: 10px;
      	max-width: 200px;
      	margin: 0 5px 5px 0;
      	padding: 6px 30px 6px 20px;
      }

      .archify-list-main-content-wrapper .archify-list-header .filter-tags-wrapper .filter-tags-section .filter-tags h6 {
      	position: relative;
      	float: left;
      	margin: 0;
      	text-overflow: ellipsis;
      	white-space: nowrap;
      	overflow: hidden;
      	width: 100%;
      	color: #4a4a4a;
      }

      .archify-list-main-content-wrapper .archify-list-header .filter-tags-wrapper .filter-tags-section .filter-tags i {
      	opacity: 1;
      	position: absolute;
      	right: 12px;
      	top: calc(50% + 1px);
      	-webkit-transform: translate(0%, -50%);
      	-ms-transform: translate(0%, -50%);
      	transform: translate(0%, -50%);
      	font-size: 13px;
      	background-image: url(../../assets/img/svg/icon-tag-filter.svg);
      	background-size: 13px 13px;
      	width: 13px;
      	height: 13px;
      	display: inline-flex;
      	vertical-align: middle;
      	cursor: pointer;
      	margin-left: 5px;
      	margin-top: -2px;
      	font-size: 13px
      }

      .archify-list-main-content-wrapper .archify-list-main-content {
      	position: relative;
      	float: left;
      	width: 100%;
      	height: auto;
      	padding: 10px;
      }

      .archify-list-main-content-wrapper .archify-list-main-content .image-list-wrapper {
      	position: relative;
      	float: left;
      	width: 100%;
      	height: auto;
      }

      .archify-list-main-content-wrapper .archify-list-main-content .image-list-wrapper .item-grid {
      	background-color: #fff;
      	border-radius: 3px;
      	opacity: 1;
      	width: 0;
      	overflow: hidden;
      }

      .archify-list-main-content-wrapper .archify-list-main-content .image-list-wrapper .item-grid .add-to-design-folder-button {
      	-webkit-transition: opacity 200ms ease-in;
      	-moz-transition: opacity 200ms ease-in;
      	-o-transition: opacity 200ms ease-in;
      	transition: opacity 200ms ease-in;
      	opacity: 0;
      }

      .archify-list-main-content-wrapper .archify-list-main-content .image-list-wrapper .item-grid:hover .add-to-design-folder-button {
      	opacity: 1;
      }

      .archify-list-main-content-wrapper .archify-list-main-content .image-list-wrapper .item-grid .caption {
      	position: absolute;
      	width: 100%;
      	height: auto;
      	padding: 10px;
      	padding-bottom: 0;
      	bottom: -200px;
      	opacity: 1;
      	-webkit-transition: bottom 200ms ease-in, opacity 500ms ease-in;
      	-moz-transition: bottom 200ms ease-in, opacity 500ms ease-in;
      	-o-transition: bottom 200ms ease-in, opacity 500ms ease-in;
      	transition: bottom 200ms ease-in, opacity 500ms ease-in;
      	display: block !important;
      	opacity: 0;
      	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
      	/* FF3.6-15 */
      	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
      	/* Chrome10-25,Safari5.1-6 */
      	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
      	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#80000000', GradientType=0);
      	/* IE6-9 */
      }

      .archify-list-main-content-wrapper .archify-list-main-content .image-list-wrapper .item-grid:hover .caption {
      	bottom: 0;
      	opacity: 1;
      }

      .archify-list-main-content-wrapper .archify-list-main-content .image-list-wrapper .item-grid .caption p.name-photo {
      	position: relative;
      	margin-bottom: 1px;
      	width: 100%;
      	overflow: hidden;
      	white-space: nowrap;
      	text-overflow: ellipsis;
      	color: #fff;
      	font-family: 'WorkSans-SemiBold';
      	font-size: 16px;
      	cursor: pointer;
      }

      .archify-list-main-content-wrapper .archify-list-main-content .image-list-wrapper .item-grid .caption p.category-photo {
      	position: relative;
      	margin-bottom: 0px;
      	width: 100%;
      	overflow: hidden;
      	white-space: nowrap;
      	text-overflow: ellipsis;
      	color: #fff;
      	font-family: 'WorkSans-Medium';
      	font-size: 12px;
      	top: -5px;
      	cursor: pointer;
      }

      @media (min-width: 993px) {
      	.option-shade-layer-mobile {
      		display: none !important;
      	}
      }

      @media (max-width: 992px) {
      	.option-shade-layer-mobile {
      		display: none;
      	}

      	.archify-list-sidebar-wrapper {
      		left: -992px;
      		z-index: 999999;
      		height: 100vh !important;
      		margin-top: 0 !important;
      		border-right: 0;
      		-webkit-transition: left 400ms ease-in-out;
      		-moz-transition: left 400ms ease-in-out;
      		-o-transition: left 400ms ease-in-out;
      		transition: left 400ms ease-in-out;
      	}

      	.archify-list-sidebar-wrapper.show {
      		left: 0px;
      	}

      	.archify-list-sidebar-wrapper .apply-filter-button-mobile {
      		display: block;
      		left: -992px;
      		width: 350px;
      		-webkit-transition: left 400ms ease-in-out;
      		-moz-transition: left 400ms ease-in-out;
      		-o-transition: left 400ms ease-in-out;
      		transition: left 400ms ease-in-out;
      	}

      	.archify-list-sidebar-wrapper.show .apply-filter-button-mobile {
      		display: block;
      		left: 0;
      	}

      	.archify-list-sidebar-wrapper .archify-list-sidebar-wrapper-box {
      		height: 100% !important;
      		top: 0 !important;
      	}

      	.archify-list-main-content-wrapper {
      		width: 100%;
      		padding-top: 0;
      		margin-top: 50px;
      	}

      	.archify-list-main-content-wrapper .archify-list-main-content {
      		padding: 15px;
      	}

      	.archify-list-main-content-wrapper .archify-list-main-content .image-list-wrapper .item-grid .add-to-design-folder-button {
      		opacity: 1;
      		display: none !important;
      	}

      	.archify-list-main-content-wrapper .archify-list-main-content .image-list-wrapper .item-grid .caption {
      		bottom: 0;
      		opacity: 1;
      		display: none !important;
      	}

      	.archify-list-main-content-wrapper .archify-list-header .filter-button-wrapper .filter-button-mobile {
      		display: block;
      	}
      }

      @media (max-width: 768px) {
      	.archify-list-sidebar-wrapper {
      		width: calc(100% - 50px);
      		left: -768px;
      	}

      	.archify-list-sidebar-wrapper .apply-filter-button-mobile {
      		width: calc(100% - 50px);
      		left: -768px;
      	}

      	.archify-list-main-content-wrapper .archify-list-main-content .image-list-wrapper .item-grid .caption p.name-photo {
      		font-size: 13px;
      	}

      	.archify-list-main-content-wrapper .archify-list-main-content .image-list-wrapper .item-grid .caption p.category-photo {
      		font-size: 9px;
      	}
      }

      #loading-image-loader {
      	position: relative;
      	float: left;
      	width: 100%;
      	text-align: center;
      	height: 100px;
      	margin-top: 20px;
      }

      .reset-this {
      	animation: none;
      	animation-delay: 0;
      	animation-direction: normal;
      	animation-duration: 0;
      	animation-fill-mode: none;
      	animation-iteration-count: 1;
      	animation-name: none;
      	animation-play-state: running;
      	animation-timing-function: ease;
      	backface-visibility: visible;
      	background: 0;
      	background-attachment: scroll;
      	background-clip: border-box;
      	background-color: transparent;
      	background-image: none;
      	background-origin: padding-box;
      	background-position: 0 0;
      	background-position-x: 0;
      	background-position-y: 0;
      	background-repeat: repeat;
      	background-size: auto auto;
      	border: 0;
      	border-style: none;
      	border-width: medium;
      	border-color: inherit;
      	border-bottom: 0;
      	border-bottom-color: inherit;
      	border-bottom-left-radius: 0;
      	border-bottom-right-radius: 0;
      	border-bottom-style: none;
      	border-bottom-width: medium;
      	border-collapse: separate;
      	border-image: none;
      	border-left: 0;
      	border-left-color: inherit;
      	border-left-style: none;
      	border-left-width: medium;
      	border-radius: 0;
      	border-right: 0;
      	border-right-color: inherit;
      	border-right-style: none;
      	border-right-width: medium;
      	border-spacing: 0;
      	border-top: 0;
      	border-top-color: inherit;
      	border-top-left-radius: 0;
      	border-top-right-radius: 0;
      	border-top-style: none;
      	border-top-width: medium;
      	bottom: auto;
      	box-shadow: none;
      	box-sizing: content-box;
      	caption-side: top;
      	clear: none;
      	clip: auto;
      	color: inherit;
      	columns: auto;
      	column-count: auto;
      	column-fill: balance;
      	column-gap: normal;
      	column-rule: medium none currentColor;
      	column-rule-color: currentColor;
      	column-rule-style: none;
      	column-rule-width: none;
      	column-span: 1;
      	column-width: auto;
      	content: normal;
      	counter-increment: none;
      	counter-reset: none;
      	cursor: auto;
      	direction: ltr;
      	display: inline;
      	empty-cells: show;
      	float: none;
      	font: normal;
      	font-family: inherit;
      	font-size: medium;
      	font-style: normal;
      	font-variant: normal;
      	font-weight: normal;
      	height: auto;
      	hyphens: none;
      	left: auto;
      	letter-spacing: normal;
      	line-height: normal;
      	list-style: none;
      	list-style-image: none;
      	list-style-position: outside;
      	list-style-type: disc;
      	margin: 0;
      	margin-bottom: 0;
      	margin-left: 0;
      	margin-right: 0;
      	margin-top: 0;
      	max-height: none;
      	max-width: none;
      	min-height: 0;
      	min-width: 0;
      	opacity: 1;
      	orphans: 0;
      	outline: 0;
      	outline-color: invert;
      	outline-style: none;
      	outline-width: medium;
      	overflow: visible;
      	overflow-x: visible;
      	overflow-y: visible;
      	padding: 0;
      	padding-bottom: 0;
      	padding-left: 0;
      	padding-right: 0;
      	padding-top: 0;
      	page-break-after: auto;
      	page-break-before: auto;
      	page-break-inside: auto;
      	perspective: none;
      	perspective-origin: 50% 50%;
      	position: static;
      	/* May need to alter quotes for different locales (e.g fr) */
      	quotes: '\201C''\201D''\2018''\2019';
      	right: auto;
      	tab-size: 8;
      	table-layout: auto;
      	text-align: inherit;
      	text-align-last: auto;
      	text-decoration: none;
      	text-decoration-color: inherit;
      	text-decoration-line: none;
      	text-decoration-style: solid;
      	text-indent: 0;
      	text-shadow: none;
      	text-transform: none;
      	top: auto;
      	transform: none;
      	transform-style: flat;
      	transition: none;
      	transition-delay: 0s;
      	transition-duration: 0s;
      	transition-property: none;
      	transition-timing-function: ease;
      	unicode-bidi: normal;
      	vertical-align: baseline;
      	visibility: visible;
      	white-space: normal;
      	widows: 0;
      	width: auto;
      	word-spacing: normal;
      	z-index: auto;
      	/* basic modern patch */
      	all: initial;
      	all: unset;
      }

      /* Squared Three Override */
      .squaredThree span {
      	font-size: 13px !important;
      	padding-left: 25px !important;
      }

      /* simplebar override */
      .simplebar-track.simplebar-vertical {
      	width: 8px;
      	background: #fff;
      	border-left: 1px solid #f9f9f9;
      }

      .simplebar-scrollbar {
      	width: 7px;
      	background-color: #e5e5e5;
      	border-left: 1px solid #fff;
      	border-right: 1px solid #fff;
      }

      .simplebar-track .simplebar-scrollbar.simplebar-visible:before {
      	opacity: 0;
      	transition: opacity 0s linear;
      }

      #backToTopButton {
      	position: fixed;
      	width: 35px;
      	height: 35px;
      	min-width: 35px;
      	min-height: 35px;
      	padding: 5px;
      	background: #4a4a4a;
      	border-radius: 3px;
      	bottom: 10px;
      	right: 10px;
      	cursor: pointer;
      }

      #backToTopButton img {
      	position: absolute;
      	left: 13px;
      	top: 13px;
      }


      /* Sort By Wrapper */
      .select-sort-by-wrapper .select2-container {
      	width: calc(100% - 155px) !important;
      	position: relative;
      	float: left;
      	margin-left: 0px;
      	max-width: 150px;
      	margin-top: 10px;
      	height: 30px;
      }

      .select-sort-by-wrapper .select2-container .select2-selection--single {
      	height: 30px;
      	background-color: #4a4a4a;
      	border: 0;
      	outline: 0;
      }

      .select-sort-by-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered {
      	color: #fff;
      	font-family: 'WorkSans-Medium';
      	font-size: 14px;
      	line-height: 29px;
      }

      .select-sort-by-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow b {
      	border-color: #fff transparent transparent transparent;
      }

      .select-sort-by-wrapper .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
      	border-color: transparent transparent #fff transparent;
      }

      @media (max-width: 768px) {
      	.select-sort-by-wrapper .select2-container {
      		margin-left: 5px;
      		max-width: none;
      	}
      }

      .select-sort-by-wrapper .drop-down-button {
      	position: relative;
      	float: left;
      	max-width: 170px;
      	width: calc(100% / 4 - 5px);
      	height: 30px;
      	border: 0;
      	border-radius: 3px;
      	background-color: #4a4a4a;
      	outline: 0;
      	padding-top: 6px;
      	padding-left: 0;
      	margin-left: 0;
      	z-index: 4;
      	margin-top: 10px;
      }

      .select-sort-by-wrapper .drop-down-button p {
      	font-family: 'WorkSans-Medium';
      	font-size: 13px;
      	color: #fff;
      	margin: 0;
      	text-align: left;
      	-webkit-touch-callout: none;
      	-webkit-user-select: none;
      	-khtml-user-select: none;
      	-moz-user-select: none;
      	-ms-user-select: none;
      	user-select: none;
      	overflow: hidden;
      	text-overflow: ellipsis;
      	white-space: nowrap;
      	padding-right: 20px;
      	padding-left: 20px;
      }

      .select-sort-by-wrapper .drop-down-button img.arrow-down {
      	position: absolute;
      	right: 6px;
      	top: 10px;
      	transform: rotate(-90deg);
      }

      .select-sort-by-wrapper .drop-down-button.drop-down-show img.arrow-down {
      	top: 10px;
      	transform: rotate(90deg);
      }

      .select-sort-by-wrapper .drop-down-button .toggle-area {
      	position: absolute;
      	width: 100%;
      	height: 100%;
      	top: 0;
      	left: 0;
      	cursor: pointer;
      }

      .select-sort-by-wrapper .drop-down-button .drop-down-list {
      	position: absolute;
      	float: left;
      	width: 100%;
      	left: 0;
      	height: auto;
      	background: #fff;
      	border: 1px solid #fff;
      	top: 30px;
      	z-index: 1;
      	padding: 0;
      	height: 0;
      	overflow: hidden;
      	max-height: 260px;
      }

      .select-sort-by-wrapper .drop-down-button.drop-down-show .drop-down-list {
      	height: auto;
      	border: 1px solid #e5e5e5;
      }

      .select-sort-by-wrapper .drop-down-button .drop-down-list ul {
      	padding: 10px;
      	padding-top: 0;
      	padding-bottom: 10px;
      	margin-bottom: 0;
      	list-style: none;
      }

      .select-sort-by-wrapper .drop-down-button .drop-down-list ul li {
      	list-style: none;
      }

      .select-sort-by-wrapper .drop-down-button .drop-down-list ul li a h5.bci-no-select-text {
      	-webkit-touch-callout: none;
      	-webkit-user-select: none;
      	-khtml-user-select: none;
      	-moz-user-select: none;
      	-ms-user-select: none;
      	user-select: none;
      }

      .select-sort-by-wrapper .drop-down-button .drop-down-list ul li a h5 {
      	font-size: 12px;
      	font-family: 'WorkSans-Medium';
      	margin-bottom: 5px;
      	margin-top: 15px;
      	padding-left: 10px;
      	cursor: pointer;
      	color: #ababab;
      	text-transform: uppercase;
      	letter-spacing: 0;
      }

      .select-sort-by-wrapper .drop-down-button .drop-down-list ul li a.active h5 {
      	color: #4a4a4a;
      }

      @media (max-width: 992px) {
      	.select-sort-by-wrapper .drop-down-button {
      		margin-left: 5px;
      		width: 200px;
      	}
      }

      @media (max-width: 768px) {
      	.select-sort-by-wrapper .drop-down-button {
      		margin-left: 5px;
      		width: calc(100% - 155px);
      		max-width: none;
      	}
      }

      /* Photo Detail Wrap */
      #photoDetailWrap {
      	position: fixed;
      	width: 100%;
      	height: calc(100% - 70px);
      	top: 70px;
      	background: #f9f9f9;
      	z-index: 2222;
      	display: none;
      }

      #photoDetailWrap.open {
      	display: block;
      	overflow-y: auto;
      }

      #photoDetailWrap .sidebar {
      	position: absolute;
      	right: 0;
      	width: 350px;
      	height: 100%;
      	background-color: #fff;
      	padding: 30px;
      	overflow-y: auto;
      }

      #photoDetailWrap .sidebar.desktop {
      	display: block;
      }

      #photoDetailWrap .sidebar.mobile {
      	display: none;
      }

      #photoDetailWrap .sidebar .header {
      	position: relative;
      	float: left;
      	width: 100%;
      	border-bottom: 1px solid #e5e5e5;
      }

      #photoDetailWrap .sidebar .header .logo-box {
      	position: relative;
      	float: left;
      	width: 40px;
      	height: 40px;
      	margin-bottom: 30px;
      }

      #photoDetailWrap .sidebar .header .logo-box img {
      	position: absolute;
      	width: 100%;
      	height: 100%;
      	object-fit: contain;
      }

      #photoDetailWrap .sidebar .header .text-box {
      	position: relative;
      	float: left;
      	width: calc(100% - 40px - 20px);
      	height: 40px;
      	padding-left: 10px;
      }

      #photoDetailWrap .sidebar .header .text-box p.title {
      	position: relative;
      	float: left;
      	width: 100%;
      	font-size: 16px;
      	font-family: 'WorkSans-Medium';
      	color: #4a4a4a;
      	margin-bottom: 0;
      	text-overflow: ellipsis;
      	white-space: nowrap;
      	overflow: hidden;
      	margin-top: 0px;
      }

      #photoDetailWrap .sidebar .header .text-box p.title a {
      	color: #4a4a4a;
      	text-decoration: none;
      }

      #photoDetailWrap .sidebar .header .text-box p.subtitle {
      	position: relative;
      	float: left;
      	width: 100%;
      	font-size: 13px;
      	font-family: 'WorkSans-Medium';
      	color: #ababab;
      	text-overflow: ellipsis;
      	white-space: nowrap;
      	overflow: hidden;
      	margin-top: -3px;
      }

      #photoDetailWrap .sidebar .header .text-box p.subtitle a {
      	color: #ababab;
      	text-decoration: none;
      }

      #photoDetailWrap .sidebar .header .close-button-box {
      	position: relative;
      	float: right;
      	width: 10px;
      	height: 40px;
      	background-image: url(../../assets/img/svg/icon-tag-filter.svg);
      	background-size: 16px 16px;
      	background-position: center center;
      	background-repeat: no-repeat;
      	cursor: pointer;
      }

      #photoDetailWrap .sidebar .description {
      	position: relative;
      	float: left;
      	width: 100%;
      	padding-top: 30px;
      }

      #photoDetailWrap .sidebar .description p.project-name {
      	position: relative;
      	float: left;
      	width: 100%;
      	font-size: 20px;
      	font-family: 'WorkSans-Medium';
      	color: #4a4a4a;
      	margin-bottom: 0;
      }

      #photoDetailWrap .sidebar .description p.project-location {
      	position: relative;
      	float: left;
      	width: 100%;
      	font-size: 14px;
      	font-family: 'WorkSans-Medium';
      	color: #ababab;
      	margin-bottom: 0;
      	margin-top: -4px;
      }

      #photoDetailWrap .wrapper {
      	position: relative;
      	float: left;
      	width: calc(100% - 350px);
      	height: 100%;
      	text-align: center;
      }

      #photoDetailWrap .wrapper .image-detail-wrapper .button-wrapper.desktop {
      	position: absolute;
      	bottom: 0;
      	z-index: 10;
      	bottom: 0px;
      	opacity: 0;
      	-webkit-transition: bottom 200ms ease-in, opacity 500ms ease-in;
      	-moz-transition: bottom 200ms ease-in, opacity 500ms ease-in;
      	-o-transition: bottom 200ms ease-in, opacity 500ms ease-in;
      	transition: bottom 200ms ease-in, opacity 500ms ease-in;
      }

      #photoDetailWrap .wrapper .image-detail-wrapper:hover .button-wrapper.desktop {
      	bottom: 0;
      	opacity: 1;
      	-webkit-transition: bottom 200ms ease-in, opacity 500ms ease-in;
      	-moz-transition: bottom 200ms ease-in, opacity 500ms ease-in;
      	-o-transition: bottom 200ms ease-in, opacity 500ms ease-in;
      	transition: bottom 200ms ease-in, opacity 500ms ease-in;
      }

      #photoDetailWrap .wrapper .button-wrapper.mobile {
      	position: fixed;
      	display: none;
      	bottom: 0;
      }

      #photoDetailWrap .wrapper .button-wrapper {
      	padding-top: 20px;
      	padding-bottom: 20px;
      	position: relative;
      	float: left;
      	width: 100%;
      	left: 50%;
      	-webkit-transform: translate(-50%, 0%);
      	-ms-transform: translate(-50%, 0%);
      	transform: translate(-50%, 0%);
      }

      #photoDetailWrap .wrapper .button-wrapper .option-button {
      	position: relative;
      	float: none;
      	display: inline-block;
      	width: auto;
      	padding-left: 10px;
      	padding-right: 10px;
      	margin-left: 5px;
      	margin-right: 5px;
      	margin-bottom: 10px;
      	background-color: #fff;
      	border-radius: 3px;
      	font-family: 'WorkSans-Medium';
      	color: #4a4a4a;
      	cursor: pointer;
      	font-size: 12px;
      	padding-top: 5px;
      	padding-bottom: 3px;
      	-webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.5);
      	-moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.5);
      	box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.5);
      	-webkit-touch-callout: none;
      	/* iOS Safari */
      	-webkit-user-select: none;
      	/* Safari */
      	-khtml-user-select: none;
      	/* Konqueror HTML */
      	-moz-user-select: none;
      	/* Old versions of Firefox */
      	-ms-user-select: none;
      	/* Internet Explorer/Edge */
      	user-select: none;
      	/* Non-prefixed version, currently
			                                  supported by Chrome, Opera and Firefox */
      }

      #photoDetailWrap .wrapper .button-wrapper .option-button img.icon {
      	position: relative;
      	float: left;
      	margin-right: 5px;
      	width: 20px;
      	height: 20px;
      	top: -2px;
      }

      #photoDetailWrap .close-zoom-mode-button {
      	position: absolute;
      	top: 10px;
      	left: 50%;
      	-webkit-transform: translate(-50%, 0%);
      	-ms-transform: translate(-50%, 0%);
      	transform: translate(-50%, 0%);
      	z-index: 10;
      	display: none;
      	padding: 10px;
      	background-color: #fff;
      	font-family: 'WorkSans-Medium';
      	color: #4a4a4a;
      	cursor: pointer;
      	font-size: 12px;
      	border-radius: 3px;
      	padding-top: 5px;
      	padding-bottom: 5px;
      	opacity: 0.7;
      }

      #photoDetailWrap .close-zoom-mode-button:hover {
      	opacity: 1;
      }

      #photoDetailWrap .carousel {
      	width: 100%;
      	height: 100%;
      	margin: 0px auto;
      }

      #photoDetailWrap .slick-slide {
      	margin: 0px;
      	width: 100%;
      }

      #photoDetailWrap .slick-slide .image-detail-wrapper {
      	position: relative;
      	margin: auto;
      	top: 50%;
      	border-radius: 0px;
      	overflow: hidden;
      	background-color: #fff;
      	background-image: url(../../assets/img/bluprin-loading.gif);
      	background-position: center center;
      	background-repeat: no-repeat;
      	-webkit-transform: translate(0%, -50%);
      	-ms-transform: translate(0%, -50%);
      	transform: translate(0%, -50%);
      }

      #photoDetailWrap .slick-slide img {
      	position: absolute;
      	width: 100%;
      	height: 100%;
      	-webkit-transition: opacity 200ms ease-in;
      	-moz-transition: opacity 200ms ease-in;
      	-o-transition: opacity 200ms ease-in;
      	transition: opacity 200ms ease-in;
      }

      #photoDetailWrap .slick-slide img.slick-loading {
      	opacity: 0;
      	-webkit-transition: opacity 500ms ease-in;
      	-moz-transition: opacity 500ms ease-in;
      	-o-transition: opacity 500ms ease-in;
      	transition: opacity 500ms ease-in;
      }

      #photoDetailWrap .slick-track {
      	height: 100%;
      }

      #photoDetailWrap .slick-list {
      	padding: 0 !important;
      	height: 100%;
      }

      #photoDetailWrap .carousel .slick-prev.slick-arrow {
      	position: absolute;
      	left: 20px;
      	z-index: 1;
      	background: url(../../assets/img/svg/arrow-left-black.svg);
      	width: 30px;
      	height: 30px;
      	opacity: 0.7;
      	border-radius: 3px;
      }

      #photoDetailWrap .carousel .slick-prev.slick-arrow:hover {
      	opacity: 1;
      }

      #photoDetailWrap .carousel .slick-prev.slick-arrow:before {
      	display: none;
      }

      #photoDetailWrap .carousel .slick-next.slick-arrow {
      	position: absolute;
      	right: 20px;
      	background: url(../../assets/img/svg/arrow-right-black.svg);
      	width: 30px;
      	height: 30px;
      	opacity: 0.7;
      	border-radius: 3px;
      }

      #photoDetailWrap .carousel .slick-next.slick-arrow:hover {
      	opacity: 1;
      }

      #photoDetailWrap .carousel .slick-next.slick-arrow:before {
      	display: none;
      }



      /* For Description with Read More */
      #photoDetailWrap .project-about-wrap {
      	position: relative;
      	float: left;
      	width: 100%;
      	height: auto;
      }

      #photoDetailWrap .project-about-wrap .text-wrapper p {
      	font-family: WorkSans-Regular;
      	font-size: 14px;
      	letter-spacing: 0;
      	text-align: left !important;
      }

      #photoDetailWrap .project-about-wrap .text-wrapper p:empty {
      	display: none;
      }

      #photoDetailWrap .project-about-wrap .read-more-wrap {
      	background: transparent;
      	-webkit-background-clip: unset;
      	-webkit-text-fill-color: unset;
      }

      #photoDetailWrap .project-about-wrap .read-more-trigger {
      	margin: 0;
      	margin-top: 10px;
      	font-family: WorkSans-SemiBold;
      	font-size: 14px;
      	letter-spacing: 0;
      	color: #4a4a4a !important;
      	text-decoration: underline;
      }

      #photoDetailWrap .read-more-wrap {
      	max-height: 95px;
      	overflow: hidden;
      	transition: all 0.1s ease;
      	background: -webkit-linear-gradient(#000, #fff);
      	-webkit-background-clip: text;
      	-webkit-text-fill-color: transparent;
      }

      #photoDetailWrap .read-more-state~.read-more-wrap p {
      	display: -webkit-box;
      	overflow: hidden;
      	text-overflow: ellipsis;
      	-webkit-line-clamp: 4;
      	-webkit-box-orient: vertical;
      	margin-bottom: 0px;
      }

      #photoDetailWrap .read-more-wrap .text-wrapper .text-with-no-html-tag p {
      	display: block;
      	overflow: hidden;
      	text-overflow: unset;
      	-webkit-line-clamp: unset;
      	-webkit-box-orient: unset;
      	display: block;
      	max-height: none;
      	margin: 0;
      }

      #photoDetailWrap .read-more-state:checked~.read-more-wrap p {
      	margin-bottom: 14px;
      	display: block;
      	text-overflow: inherit;
      	-webkit-line-clamp: inherit;
      	-webkit-box-orient: inherit;
      	margin-bottom: 10px;
      }

      #photoDetailWrap .read-more-state~.read-more-wrap .read-less-wrapper {
      	display: block;
      }

      #photoDetailWrap .read-more-state~.read-more-wrap .read-more-wrapper {
      	display: none;
      }

      #photoDetailWrap .read-more-state:checked~.read-more-wrap .read-less-wrapper {
      	display: none;
      }

      #photoDetailWrap .read-more-state:checked~.read-more-wrap .read-more-wrapper {
      	display: block;
      }

      #photoDetailWrap .read-more-state:checked~.read-more-wrap {
      	opacity: 1;
      	font-size: inherit;
      	max-height: none;
      	background: #FFF;
      	-webkit-background-clip: text;
      	-webkit-text-fill-color: unset;
      }

      #photoDetailWrap .info-box {
      	position: relative;
      	float: left;
      	width: 100%;
      	margin-top: 20px;
      	height: auto;
      	border-bottom: 0px solid #e5e5e5;
      	padding-bottom: 0px;
      }

      #photoDetailWrap .info-box:last-child {
      	border-bottom: 0px solid #e5e5e5;
      	padding-bottom: 20px;
      }

      #photoDetailWrap .info-box ul.list {
      	position: relative;
      	float: left;
      	width: 100%;
      	padding: 0;
      	list-style: none;
      	margin: 0;
      }

      #photoDetailWrap .info-box ul.list li {
      	position: relative;
      	float: left;
      	width: 100%;
      	margin-bottom: 10px;
      }

      #photoDetailWrap .info-box ul li .name-box {
      	position: relative;
      	float: left;
      	width: 45%;
      	padding-right: 10px;
      }

      #photoDetailWrap .info-box ul li .name-box p {
      	text-transform: uppercase;
      	font-size: 12px;
      	color: #ababab;
      	font-family: 'WorkSans-Medium';
      	font-size: 12px;
      	letter-spacing: 0;
      	margin: 0;
      }

      #photoDetailWrap .info-box ul li .role-box {
      	position: relative;
      	float: left;
      	width: 55%;
      	padding-right: 0px;
      }

      #photoDetailWrap .info-box ul li .role-box p {
      	font-size: 12px;
      	font-family: 'WorkSans-Medium';
      	font-size: 12px;
      	letter-spacing: 0;
      	margin: 0;
      }

      #photoDetailWrap .info-box ul li .role-box p a {
      	color: #4a4a4a;
      	text-decoration: underline;
      }

      #photoDetailWrap .info-box ul.products-used-list {
      	position: relative;
      	float: left;
      	width: 100%;
      	padding: 0;
      	margin: 0;
      	list-style: none;
      }

      #photoDetailWrap .info-box ul.products-used-list li {
      	position: relative;
      	float: left;
      	width: 100%;
      	margin-bottom: 20px;
      }

      #photoDetailWrap .info-box ul.products-used-list li:last-child {
      	margin-bottom: 0px;
      }

      #photoDetailWrap .info-box ul.products-used-list li .logo-area {
      	position: relative;
      	float: left;
      	width: 50px;
      	height: 50px;
      	background-size: contain;
      	background-repeat: no-repeat;
      	background-position: center;
      }

      #photoDetailWrap .info-box ul.products-used-list li .text-area {
      	position: relative;
      	float: left;
      	width: calc(100% - 50px);
      	height: 50px;
      	padding-left: 20px;
      }

      #photoDetailWrap .info-box ul.products-used-list li .text-area p.brand-name {
      	position: relative;
      	float: left;
      	width: 100%;
      	white-space: nowrap;
      	overflow: hidden;
      	text-overflow: ellipsis;
      	margin: 0;
      	font-family: 'WorkSans-Medium';
      	font-size: 14px;
      	letter-spacing: 0;
      	margin-top: 9px;
      }

      #photoDetailWrap .info-box ul.products-used-list li .text-area p.brand-category {
      	position: relative;
      	float: left;
      	width: 100%;
      	margin: 0;
      	font-family: 'WorkSans-Medium';
      	font-size: 12px;
      	letter-spacing: 0;
      	color: #ababab;
      	top: -3px;
      	white-space: nowrap;
      	overflow: hidden;
      	text-overflow: ellipsis;
      }

      @media (min-width: 993px) {
      	#photoDetailWrap .wrapper .button-wrapper.mobile {
      		display: none !important;
      	}
      }

      @media (max-width: 992px) {
      	#photoDetailWrap {
      		height: calc(100% - 50px);
      		top: 50px
      	}

      	#photoDetailWrap .sidebar {
      		position: relative;
      		float: left;
      		right: auto;
      		width: 100%;
      		height: 100px;
      		padding-left: 20px;
      		padding-right: 20px;
      		overflow-y: hidden;
      	}

      	#photoDetailWrap .sidebar.desktop {
      		display: none;
      	}

      	#photoDetailWrap .sidebar.mobile {
      		display: block;
      	}

      	#photoDetailWrap .sidebar .header {
      		position: relative;
      		float: left;
      		width: 100%;
      		border-bottom: 0px solid #e5e5e5;
      	}

      	#photoDetailWrap .sidebar .description {
      		display: none;
      	}

      	#photoDetailWrap .wrapper {
      		width: calc(100% - 0px);
      		height: calc(100% - 100px);
      	}

      	#photoDetailWrap .wrapper .image-detail-wrapper .button-wrapper.desktop {
      		display: none !important;
      	}

      	#photoDetailWrap .wrapper .button-wrapper.mobile {
      		position: fixed;
      		display: block;
      		bottom: 0;
      		opacity: 1;
      		width: 100%;
      	}
      }

      #photoDetailWrap .share-popover-content {
      	position: absolute;
      	width: auto;
      	height: auto;
      	top: -42px;
      	right: -4px;
      	background-color: #fff;
      	border-radius: 3px;
      	width: 84px;
      	-webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.5);
      	-moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.5);
      	box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.5);
      	display: none;
      }

      #photoDetailWrap .share-social-media-photo-detail-button.show-share-box {
      	color: #ababab !important;
      }

      #photoDetailWrap .share-popover-content .share-button {
      	position: relative;
      	float: left;
      	width: auto;
      	padding-left: 5px;
      	padding-right: 5px;
      }

      #photoDetailWrap .share-popover-content .share-button img {
      	width: 16px;
      	height: 16px;
      	position: relative;
      }

      #photoDetailWrap .share-popover-content .share-button .default-image {
      	display: block;
      }

      #photoDetailWrap .share-popover-content .share-button .hovered-image {
      	display: none;
      }

      #photoDetailWrap .share-popover-content .share-button:hover .default-image {
      	display: none;
      }

      #photoDetailWrap .share-popover-content .share-button:hover .hovered-image {
      	display: block;
      }

      #photoDetailWrap .image-thumbnail-area {
      	position: relative;
      	float: left;
      	width: 100%;
      	height: auto;
      }

      #photoDetailWrap .image-thumbnail-area p.title {
      	position: relative;
      	float: left;
      	margin: 0;
      	font-size: 12px;
      	font-family: 'WorkSans-Medium';
      	text-transform: uppercase;
      	color: #4a4a4a;
      	margin-top: 16px;
      	width: 100%;
      }

      #photoDetailWrap .image-thumbnail-area .thumbnail-list-wrapper {
      	position: relative;
      	float: left;
      	width: calc(100% + 5px);
      	height: auto;
      	margin-top: 10px;
      }

      #photoDetailWrap .image-thumbnail-area .thumbnail-list-wrapper .thumbnail {
      	position: relative;
      	float: left;
      	width: calc(100% / 3 - 5px);
      	height: 0;
      	padding-bottom: calc(100% / 3 - 5px);
      	border-radius: 3px;
      	margin-right: 5px;
      	margin-bottom: 5px;
      	cursor: pointer;
      	overflow: hidden;
      }

      #photoDetailWrap .image-thumbnail-area .thumbnail-list-wrapper .thumbnail img {
      	position: absolute;
      	width: 100%;
      	height: 100%;
      	object-fit: cover;
      }