.ui-helper-hidden {
	display: none
}

.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}

.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none
}

.ui-helper-clearfix:after,
.ui-helper-clearfix:before {
	content: "";
	display: table;
	border-collapse: collapse
}

.ui-helper-clearfix:after {
	clear: both
}

.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter: Alpha(Opacity=0)
}

.ui-front {
	z-index: 100
}

.ui-state-disabled {
	cursor: default !important;
	pointer-events: none
}

.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block
}

.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%
}

.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto
}

.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default
}

.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0
}

.ui-menu .ui-menu {
	position: absolute
}

.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")
}

.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em
}

.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0
}

.ui-menu .ui-state-active,
.ui-menu .ui-state-focus {
	margin: -1px
}

.ui-menu-icons {
	position: relative
}

.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em
}

.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0
}

.ui-menu .ui-menu-icon {
	left: auto;
	right: 0
}

.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	overflow: visible
}

.ui-button,
.ui-button:active,
.ui-button:hover,
.ui-button:link,
.ui-button:visited {
	text-decoration: none
}

.ui-button-icon-only {
	width: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap
}

input.ui-button.ui-button-icon-only {
	text-indent: 0
}

.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px
}

.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap
}

input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em
}

button.ui-button::-moz-focus-inner,
input.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0
}

.ui-controlgroup {
	vertical-align: middle;
	display: inline-block
}

.ui-controlgroup>.ui-controlgroup-item {
	float: left;
	margin-left: 0;
	margin-right: 0
}

.ui-controlgroup>.ui-controlgroup-item.ui-visual-focus,
.ui-controlgroup>.ui-controlgroup-item:focus {
	z-index: 9999
}

.ui-controlgroup-vertical>.ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left
}

.ui-controlgroup-vertical .ui-controlgroup-item {
	box-sizing: border-box
}

.ui-controlgroup .ui-controlgroup-label {
	padding: .4em 1em
}

.ui-controlgroup .ui-controlgroup-label span {
	font-size: 80%
}

.ui-controlgroup-horizontal .ui-controlgroup-label+.ui-controlgroup-item {
	border-left: none
}

.ui-controlgroup-vertical .ui-controlgroup-label+.ui-controlgroup-item {
	border-top: none
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none
}

.ui-controlgroup-vertical .ui-spinner-input {
	width: 75%;
	width: calc(100% - 2.4em)
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style: solid
}

.ui-checkboxradio-label .ui-icon-background {
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: .12em;
	border: none
}

.ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid
}

.ui-checkboxradio-disabled {
	pointer-events: none
}

.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none
}

.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em
}

.ui-datepicker .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-prev-hover {
	top: 1px
}

.ui-datepicker .ui-datepicker-prev {
	left: 2px
}

.ui-datepicker .ui-datepicker-next {
	right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
	right: 1px
}

.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center
}

.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%
}

.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em
}

.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: 700;
	border: 0
}

.ui-datepicker td {
	border: 0;
	padding: 1px
}

.ui-datepicker td a,
.ui-datepicker td span {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left
}

.ui-datepicker.ui-datepicker-multi {
	width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
	float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left
}

.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0
}

.ui-datepicker-rtl {
	direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px
}

.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em
}

.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0
}

.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative
}

.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis
}

.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px
}

.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: 0 0;
	overflow: auto
}

.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right
}

.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer
}

.ui-dialog .ui-resizable-n {
	height: 2px;
	top: 0
}

.ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0
}

.ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0
}

.ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0
}

.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw,
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw {
	width: 7px;
	height: 7px
}

.ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0
}

.ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0
}

.ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0
}

.ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0
}

.ui-draggable .ui-dialog-titlebar {
	cursor: move
}

.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none
}

.ui-resizable {
	position: relative
}

.ui-resizable-handle {
	position: absolute;
	font-size: .1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none
}

.ui-resizable-autohide .ui-resizable-handle,
.ui-resizable-disabled .ui-resizable-handle {
	display: none
}

.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0
}

.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0
}

.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%
}

.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%
}

.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px
}

.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px
}

.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px
}

.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px
}

.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden
}

.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%
}

.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	opacity: .25
}

.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none
}

.ui-selectable {
	-ms-touch-action: none;
	touch-action: none
}

.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted #000
}

.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none
}

.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: 700;
	line-height: 1.5;
	padding: 2px .4em;
	margin: .5em 0 0 0;
	height: auto;
	border: 0
}

.ui-selectmenu-open {
	display: block
}

.ui-selectmenu-text {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis
}

.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 14em
}

.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0
}

.ui-slider {
	position: relative;
	text-align: left
}

.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none
}

.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit
}

.ui-slider-horizontal {
	height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
	left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
	right: 0
}

.ui-slider-vertical {
	width: .8em;
	height: 100px
}

.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
	bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
	top: 0
}

.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none
}

.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle
}

.ui-spinner-input {
	border: none;
	background: 0 0;
	color: inherit;
	padding: .222em 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 2em
}

.ui-spinner-button {
	width: 1.6em;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0
}

.ui-spinner a.ui-spinner-button {
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none
}

.ui-spinner-up {
	top: 0
}

.ui-spinner-down {
	bottom: 0
}

.ui-tabs {
	position: relative;
	padding: .2em
}

.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0
}

.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px
}

.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer
}

.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: 0 0
}

.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px
}

body .ui-tooltip {
	border-width: 2px
}

.ui-widget {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em
}

.ui-widget .ui-widget {
	font-size: 1em
}

.ui-widget button,
.ui-widget input,
.ui-widget select,
.ui-widget textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em
}

.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5
}

.ui-widget-content {
	border: 1px solid #ddd;
	background: #fff;
	color: #333
}

.ui-widget-content a {
	color: #333
}

.ui-widget-header {
	border: 1px solid #ddd;
	background: #e9e9e9;
	color: #333;
	font-weight: 700
}

.ui-widget-header a {
	color: #333
}

.ui-button,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
html .ui-button.ui-state-disabled:active,
html .ui-button.ui-state-disabled:hover {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: 400;
	color: #454545
}

.ui-button,
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button {
	color: #454545;
	text-decoration: none
}

.ui-button:focus,
.ui-button:hover,
.ui-state-focus,
.ui-state-hover,
.ui-widget-content .ui-state-focus,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-focus,
.ui-widget-header .ui-state-hover {
	border: 1px solid #ccc;
	background: #ededed;
	font-weight: 400;
	color: #2b2b2b
}

.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
a.ui-button:focus,
a.ui-button:hover {
	color: #2b2b2b;
	text-decoration: none
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px #5e9ed6
}

.ui-button.ui-state-active:hover,
.ui-button:active,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active {
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: 400;
	color: #fff
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #fff
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #fff;
	text-decoration: none
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620
}

.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: 700
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter: Alpha(Opacity=70);
	font-weight: 400
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter: Alpha(Opacity=35);
	background-image: none
}

.ui-state-disabled .ui-icon {
	filter: Alpha(Opacity=35)
}

.ui-icon {
	width: 16px;
	height: 16px
}

.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.html")
}

.ui-widget-header .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.html")
}

.ui-button:focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-state-hover .ui-icon {
	background-image: url("images/ui-icons_555555_256x240.html")
}

.ui-button:active .ui-icon,
.ui-state-active .ui-icon {
	background-image: url("images/ui-icons_ffffff_256x240.html")
}

.ui-button .ui-state-highlight.ui-icon,
.ui-state-highlight .ui-icon {
	background-image: url("images/ui-icons_777620_256x240.html")
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_cc0000_256x240.html")
}

.ui-button .ui-icon {
	background-image: url("images/ui-icons_777777_256x240.html")
}

.ui-icon-blank {
	background-position: 16px 16px
}

.ui-icon-caret-1-n {
	background-position: 0 0
}

.ui-icon-caret-1-ne {
	background-position: -16px 0
}

.ui-icon-caret-1-e {
	background-position: -32px 0
}

.ui-icon-caret-1-se {
	background-position: -48px 0
}

.ui-icon-caret-1-s {
	background-position: -65px 0
}

.ui-icon-caret-1-sw {
	background-position: -80px 0
}

.ui-icon-caret-1-w {
	background-position: -96px 0
}

.ui-icon-caret-1-nw {
	background-position: -112px 0
}

.ui-icon-caret-2-n-s {
	background-position: -128px 0
}

.ui-icon-caret-2-e-w {
	background-position: -144px 0
}

.ui-icon-triangle-1-n {
	background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
	background-position: -16px -16px
}

.ui-icon-triangle-1-e {
	background-position: -32px -16px
}

.ui-icon-triangle-1-se {
	background-position: -48px -16px
}

.ui-icon-triangle-1-s {
	background-position: -65px -16px
}

.ui-icon-triangle-1-sw {
	background-position: -80px -16px
}

.ui-icon-triangle-1-w {
	background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
	background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
	background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
	background-position: -144px -16px
}

.ui-icon-arrow-1-n {
	background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
	background-position: -16px -32px
}

.ui-icon-arrow-1-e {
	background-position: -32px -32px
}

.ui-icon-arrow-1-se {
	background-position: -48px -32px
}

.ui-icon-arrow-1-s {
	background-position: -65px -32px
}

.ui-icon-arrow-1-sw {
	background-position: -80px -32px
}

.ui-icon-arrow-1-w {
	background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
	background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
	background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
	background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
	background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
	background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
	background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
	background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
	background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
	background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
	background-position: 1px -48px
}

.ui-icon-arrowthick-1-ne {
	background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
	background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
	background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
	background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
	background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
	background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
	background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
	background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
	background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
	background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
	background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
	background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
	background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
	background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
	background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
	background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
	background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
	background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
	background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
	background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
	background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
	background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
	background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
	background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
	background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
	background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
	background-position: -176px -64px
}

.ui-icon-arrow-4 {
	background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
	background-position: -16px -80px
}

.ui-icon-extlink {
	background-position: -32px -80px
}

.ui-icon-newwin {
	background-position: -48px -80px
}

.ui-icon-refresh {
	background-position: -64px -80px
}

.ui-icon-shuffle {
	background-position: -80px -80px
}

.ui-icon-transfer-e-w {
	background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
	background-position: -112px -80px
}

.ui-icon-folder-collapsed {
	background-position: 0 -96px
}

.ui-icon-folder-open {
	background-position: -16px -96px
}

.ui-icon-document {
	background-position: -32px -96px
}

.ui-icon-document-b {
	background-position: -48px -96px
}

.ui-icon-note {
	background-position: -64px -96px
}

.ui-icon-mail-closed {
	background-position: -80px -96px
}

.ui-icon-mail-open {
	background-position: -96px -96px
}

.ui-icon-suitcase {
	background-position: -112px -96px
}

.ui-icon-comment {
	background-position: -128px -96px
}

.ui-icon-person {
	background-position: -144px -96px
}

.ui-icon-print {
	background-position: -160px -96px
}

.ui-icon-trash {
	background-position: -176px -96px
}

.ui-icon-locked {
	background-position: -192px -96px
}

.ui-icon-unlocked {
	background-position: -208px -96px
}

.ui-icon-bookmark {
	background-position: -224px -96px
}

.ui-icon-tag {
	background-position: -240px -96px
}

.ui-icon-home {
	background-position: 0 -112px
}

.ui-icon-flag {
	background-position: -16px -112px
}

.ui-icon-calendar {
	background-position: -32px -112px
}

.ui-icon-cart {
	background-position: -48px -112px
}

.ui-icon-pencil {
	background-position: -64px -112px
}

.ui-icon-clock {
	background-position: -80px -112px
}

.ui-icon-disk {
	background-position: -96px -112px
}

.ui-icon-calculator {
	background-position: -112px -112px
}

.ui-icon-zoomin {
	background-position: -128px -112px
}

.ui-icon-zoomout {
	background-position: -144px -112px
}

.ui-icon-search {
	background-position: -160px -112px
}

.ui-icon-wrench {
	background-position: -176px -112px
}

.ui-icon-gear {
	background-position: -192px -112px
}

.ui-icon-heart {
	background-position: -208px -112px
}

.ui-icon-star {
	background-position: -224px -112px
}

.ui-icon-link {
	background-position: -240px -112px
}

.ui-icon-cancel {
	background-position: 0 -128px
}

.ui-icon-plus {
	background-position: -16px -128px
}

.ui-icon-plusthick {
	background-position: -32px -128px
}

.ui-icon-minus {
	background-position: -48px -128px
}

.ui-icon-minusthick {
	background-position: -64px -128px
}

.ui-icon-close {
	background-position: -80px -128px
}

.ui-icon-closethick {
	background-position: -96px -128px
}

.ui-icon-key {
	background-position: -112px -128px
}

.ui-icon-lightbulb {
	background-position: -128px -128px
}

.ui-icon-scissors {
	background-position: -144px -128px
}

.ui-icon-clipboard {
	background-position: -160px -128px
}

.ui-icon-copy {
	background-position: -176px -128px
}

.ui-icon-contact {
	background-position: -192px -128px
}

.ui-icon-image {
	background-position: -208px -128px
}

.ui-icon-video {
	background-position: -224px -128px
}

.ui-icon-script {
	background-position: -240px -128px
}

.ui-icon-alert {
	background-position: 0 -144px
}

.ui-icon-info {
	background-position: -16px -144px
}

.ui-icon-notice {
	background-position: -32px -144px
}

.ui-icon-help {
	background-position: -48px -144px
}

.ui-icon-check {
	background-position: -64px -144px
}

.ui-icon-bullet {
	background-position: -80px -144px
}

.ui-icon-radio-on {
	background-position: -96px -144px
}

.ui-icon-radio-off {
	background-position: -112px -144px
}

.ui-icon-pin-w {
	background-position: -128px -144px
}

.ui-icon-pin-s {
	background-position: -144px -144px
}

.ui-icon-play {
	background-position: 0 -160px
}

.ui-icon-pause {
	background-position: -16px -160px
}

.ui-icon-seek-next {
	background-position: -32px -160px
}

.ui-icon-seek-prev {
	background-position: -48px -160px
}

.ui-icon-seek-end {
	background-position: -64px -160px
}

.ui-icon-seek-start {
	background-position: -80px -160px
}

.ui-icon-seek-first {
	background-position: -80px -160px
}

.ui-icon-stop {
	background-position: -96px -160px
}

.ui-icon-eject {
	background-position: -112px -160px
}

.ui-icon-volume-off {
	background-position: -128px -160px
}

.ui-icon-volume-on {
	background-position: -144px -160px
}

.ui-icon-power {
	background-position: 0 -176px
}

.ui-icon-signal-diag {
	background-position: -16px -176px
}

.ui-icon-signal {
	background-position: -32px -176px
}

.ui-icon-battery-0 {
	background-position: -48px -176px
}

.ui-icon-battery-1 {
	background-position: -64px -176px
}

.ui-icon-battery-2 {
	background-position: -80px -176px
}

.ui-icon-battery-3 {
	background-position: -96px -176px
}

.ui-icon-circle-plus {
	background-position: 0 -192px
}

.ui-icon-circle-minus {
	background-position: -16px -192px
}

.ui-icon-circle-close {
	background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
	background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
	background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
	background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
	background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
	background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
	background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
	background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
	background-position: -160px -192px
}

.ui-icon-circle-zoomin {
	background-position: -176px -192px
}

.ui-icon-circle-zoomout {
	background-position: -192px -192px
}

.ui-icon-circle-check {
	background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
	background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
	background-position: -16px -208px
}

.ui-icon-circlesmall-close {
	background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
	background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
	background-position: -64px -208px
}

.ui-icon-squaresmall-close {
	background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
	background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
	background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
	background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
	background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
	background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
	background-position: -80px -224px
}

.ui-corner-all,
.ui-corner-left,
.ui-corner-tl,
.ui-corner-top {
	border-top-left-radius: 3px
}

.ui-corner-all,
.ui-corner-right,
.ui-corner-top,
.ui-corner-tr {
	border-top-right-radius: 3px
}

.ui-corner-all,
.ui-corner-bl,
.ui-corner-bottom,
.ui-corner-left {
	border-bottom-left-radius: 3px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-br,
.ui-corner-right {
	border-bottom-right-radius: 3px
}

.ui-widget-overlay {
	background: #aaa;
	opacity: .3;
	filter: Alpha(Opacity=30)
}

.ui-widget-shadow {
	-webkit-box-shadow: 0 0 5px #666;
	box-shadow: 0 0 5px #666
}

/*!
 * Bootstrap v4.1.1 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

.modal-open {
	z-index: 9999999999
}

.toaster_notification {
	visibility: hidden;
	max-width: 300px;
	min-width: 300px;
	background-color: #416c6e;
	color: #fff;
	text-align: center;
	border-radius: 2px;
	padding: 16px;
	position: fixed;
	z-index: 1;
	left: 5%;
	bottom: 30px;
	z-index: 9999999999
}

.toaster_content {
	display: inline-block;
	width: calc(100% - 32px);
	text-align: left;
	font-size: 17px;
	vertical-align: middle;
	margin-right: 7px
}

.toaster_close {
	position: relative;
	color: #fff;
	font-size: 28px;
	display: inline-block;
	width: 20px;
	vertical-align: middle
}

.toaster_close:focus,
.toaster_close:hover {
	color: #fff;
	text-decoration: none
}

.toaster_notification.show {
	visibility: visible
}

.tile_fullscreen {
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 9999;
	padding: 0 !important
}

.tile_fullscreen .close {
	position: absolute;
	right: 10px;
	opacity: 1;
	z-index: 99;
	text-shadow: none;
	width: 50px;
	background: #fff;
	height: 50px;
	border-radius: 50%;
	line-height: 50px;
	text-align: center;
	top: 10px;
	font-size: 34px;
	font-weight: 400;
	box-shadow: 0 5px 25px 0 rgba(0, 0, 0, .07)
}

.tile_fullscreen .modal-dialog {
	transition: none !important;
	-webkit-transition: none !important;
	transform: none !important;
	-webkit-transform: none !important
}

.tile_fullscreen .tiles-background-hexagon:nth-child(1) {
	margin-top: -155px
}

.tile_fullscreen .single-tiles-collection-svg svg,
.tile_fullscreen .tiles-background-hexagon svg {
	width: 100%;
	height: 100%
}

.tile_fullscreen .modal-dialog {
	max-width: 100%;
	margin: 0;
	height: 100%
}

.tile_fullscreen .modal-content {
	height: 100%;
	overflow: hidden
}

.tile_fullscreen .modal-body {
	padding: 0
}

.breadcrumb {
	background: #fff;
	padding: 5px 3.75rem;
	margin: 0
}

.breadcrumb li {
	line-height: 24px;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 11px
}

.breadcrumb li a {
	color: var(--main-txt-color);
	font-size: 11px;
	line-height: 24px;
	font-weight: 500;
	text-transform: uppercase
}

.breadcrumb-item+.breadcrumb-item::before {
	content: ">"
}

.home_banner .carousel-inner {
	height: calc(100vh - 111px)
}

.wallpaper_banner .carousel-inner {
	height: auto
}

.home_banner .carousel-caption {
	bottom: 0;
	display: flex !important;
	text-align: center;
	height: 100%;
	align-items: center;
	justify-content: center
}

.wallpaper_banner .carousel-caption {
	bottom: 35px;
	display: flex !important;
	text-align: center;
	height: auto;
	align-items: center;
	justify-content: center;
	padding: 0;
	background: 0 0
}

.wallpaper_banner .carousel-caption h5 {
	font-size: 16px;
	font-weight: 400;
	margin: 0;
	color: #000
}

.wallpaper_banner .carousel-inner .carousel-item {
	opacity: 0;
	transition-duration: .6s;
	transition-property: opacity;
	height: 100vh
}

.wallpaper_banner .carousel-control-next,
.wallpaper_banner .carousel-control-prev {
	top: 50%;
	height: 35px;
	width: 35px;
	background: rgba(0, 0, 0, .5);
	border-radius: 50%;
	text-align: center;
	margin-top: -35px
}

.home_banner .carousel-caption h5 {
	font-size: 36px;
	text-shadow: rgba(0, 0, 0, .3) 0 2px 20px;
	font-weight: 500;
	margin: 0
}

.home_banner .carousel-inner .carousel-item {
	opacity: 0;
	transition-duration: .6s;
	transition-property: opacity;
	height: 100%
}

.home_banner .carousel-inner .carousel-item img {
	height: 100vh;
	object-fit: cover
}

.wallpaper_banner .carousel-inner .carousel-item img {
	height: 90vh;
	object-fit: cover;
	text-align: center;
	margin: auto;
	width: auto !important
}

.home_banner .carousel-item-next.carousel-item-left,
.home_banner .carousel-item-prev.carousel-item-right,
.home_banner .carousel-item.active,
.wallpaper_banner .carousel-item-next.carousel-item-left,
.wallpaper_banner .carousel-item-prev.carousel-item-right,
.wallpaper_banner .carousel-item.active {
	opacity: 1
}

.home_banner .active.carousel-item-left,
.home_banner .active.carousel-item-right,
.wallpaper_banner .active.carousel-item-left,
.wallpaper_banner .active.carousel-item-right {
	opacity: 0
}

.home_banner .active.carousel-item-left,
.home_banner .active.carousel-item-prev,
.home_banner .carousel-item-next,
.home_banner .carousel-item-prev,
.home_banner .carousel-item.active,
.wallpaper_banner .active.carousel-item-left,
.wallpaper_banner .active.carousel-item-prev,
.wallpaper_banner .carousel-item-next,
.wallpaper_banner .carousel-item-prev,
.wallpaper_banner .carousel-item.active {
	transform: translateX(0);
	transform: translate3d(0, 0, 0)
}

.home_banner .carousel-control-next,
.home_banner .carousel-control-prev,
.tile_banner .carousel-control-next,
.tile_banner .carousel-control-prev,
.wallpaper_banner .carousel-control-next,
.wallpaper_banner .carousel-control-prev {
	opacity: 1
}

.home_banner .carousel-control-prev,
.wallpaper_banner .carousel-control-prev {
	transform: scaleX(-1);
	-webkit-transform: scaleX(-1)
}

.home_banner .carousel-control-next i,
.home_banner .carousel-control-prev i,
.tile_banner .carousel-control-next i,
.tile_banner .carousel-control-prev i,
.wallpaper_banner .carousel-control-next i,
.wallpaper_banner .carousel-control-prev i {
	font-size: 100px;
	color: #fff
}

.home_banner .carousel-control-next svg,
.home_banner .carousel-control-prev svg,
.wallpaper_banner .carousel-control-next svg,
.wallpaper_banner .carousel-control-prev svg {
	fill: #fff;
	width: 66px
}

.wallpaper_banner .carousel-control-next svg,
.wallpaper_banner .carousel-control-prev svg {
	fill: #fff;
	width: 20px;
	height: 75px;
	position: relative;
	left: -3px
}

.scroll-down {
	position: absolute;
	bottom: -30px;
	left: 50%;
	z-index: 2;
	display: inline-block;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	color: #fff;
	letter-spacing: .1em;
	text-decoration: none;
	transition: opacity .3s;
	padding-top: 60px;
	margin-left: -25px
}

.scroll-down:focus,
.scroll-down:hover {
	color: #fff
}

.scroll-down span {
	position: absolute;
	top: 0;
	left: 50%;
	width: 30px;
	height: 50px;
	margin-left: -15px;
	border: 2px solid #fff;
	border-radius: 50px;
	box-sizing: border-box
}

.scroll-down span::before {
	position: absolute;
	top: 10px;
	left: 50%;
	content: '';
	width: 6px;
	height: 6px;
	margin-left: -3px;
	background-color: #fff;
	border-radius: 100%;
	-webkit-animation: sdb10 2s infinite;
	animation: sdb10 2s infinite;
	box-sizing: border-box
}

@-webkit-keyframes sdb10 {
	0% {
		-webkit-transform: translate(0, 0);
		opacity: 0
	}

	40% {
		opacity: 1
	}

	80% {
		-webkit-transform: translate(0, 20px);
		opacity: 0
	}

	100% {
		opacity: 0
	}
}

@keyframes sdb10 {
	0% {
		transform: translate(0, 0);
		opacity: 0
	}

	40% {
		opacity: 1
	}

	80% {
		transform: translate(0, 20px);
		opacity: 0
	}

	100% {
		opacity: 0
	}
}

.caro .grid {
	padding: var(--main-padding);
	position: relative
}

.grid {
	padding-top: 3.75rem;
	padding-bottom: 3.75rem;
	padding: 3.75rem
}

.content-box {
	padding: 0
}

.home-content img {
	width: 100%
}

.content-box h2 {
	font-size: 34px;
	color: var(--main-txt-color);
	margin-bottom: 30px
}

.content-box p {
	font-size: 16px;
	color: var(--main-txt-color);
	line-height: 30px;
	font-weight: 400;
	margin: 0
}

.mar-t-27 {
	margin-top: 27px
}

.blue-section {
	background: #9a524e;
	padding-top: 3.75rem;
	padding-bottom: 3.75rem
}

.blue-section h5 {
	font-size: 24px;
	color: var(--footer-txt-color);
	margin-top: 46px;
	margin-bottom: 0;
	font-weight: 400;
	line-height: 30px
}

.heading {
	font-size: 28px;
	line-height: 60px;
	color: var(--main-txt-color);
	margin-bottom: 45px;
	font-weight: 400
}

.featured-tiles .heading {
	margin-bottom: 20px
}

.user-content {
	border-bottom: 1px solid #ccc;
	padding: 20px 0;
	margin-bottom: 30px
}

.user-content-left {
	display: inline-block;
	font-size: 18px;
	line-height: 39px;
	font-weight: 500
}

.user-content-right {
	text-align: right;
	display: inline-block;
	float: right
}

.user-content-right a {
	color: var(--main-txt-color);
	font-size: 18px;
	line-height: 39px;
	font-weight: 500
}

.profile-menu ul {
	list-style: none;
	margin: 0;
	padding: 0
}

.profile-menu ul a {
	color: var(--main-txt-color);
	font-size: 18px;
	line-height: 39px;
	font-weight: 500;
	margin-bottom: 20px;
	display: block
}

.profile .col-md-8 {
	border-left: 1px solid #ccc;
	padding-left: 50px
}

.about .heading {
	line-height: 28px
}

.order-content h2 {
	font-size: 28px;
	line-height: 60px;
	color: var(--main-txt-color);
	margin-bottom: 0;
	font-weight: 400
}

.order-content .order-box-img {
	width: 136px;
	height: 136px;
	border-radius: 50%;
	margin: 0;
	margin-bottom: 0;
	padding: 20px
}

.order-content .order-box-img img {
	width: 100%
}

.order-content h5 {
	font-size: 16px;
	line-height: 30px;
	color: var(--main-txt-color);
	font-weight: 500;
	margin-bottom: 10px
}

.order-content .col-md-2dot4 h5 {
	min-height: 60px;
	text-align: left
}

.order-content p {
	font-size: 16px;
	line-height: 30px;
	color: var(--main-txt-color);
	font-weight: 400;
	text-align: left
}

.thankyou {
	padding: 100px 0
}

.career-content {
	padding-bottom: 20px
}

.career-content ul li i {
	display: block
}

.career-benefit {
	margin-bottom: 20px
}

.career-benefit img {
	width: 32px;
	height: 32px
}

.career-benefit h2 {
	font-size: 28px;
	line-height: 38px;
	text-align: center
}

.career-benefit .col-md-6 {
	margin-bottom: 16px
}

.career-benefit span {
	font-size: 16px;
	color: #000;
	margin-left: 15px;
	display: inline-block;
	width: 82%;
	vertical-align: middle
}

.job-content {
	padding: 30px
}

.career h2 {
	margin-bottom: 20px;
	font-weight: 400
}

.career .career-benefit h2 {
	margin-bottom: 50px
}

.career h2.job-text {
	margin-bottom: 10px
}

.career .job-box {
	cursor: pointer
}

.career .job-box h2 {
	margin-bottom: 10px
}

.career .resume-text {
	margin: 40px 0
}

.career .job-detail {
	margin: 40px 0
}

.job-detail:nth-child(odd) .job-content {
	background: #d3efff
}

.job-detail:nth-child(even) .job-content {
	background: #ffdfd3
}

.career .job-detail p {
	text-align: left
}

.career .job_btn {
	background: #f6f6f6;
	display: block;
	padding: 20px 25px;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	margin: 20px 0
}

.grid__item {
	padding: 1.25rem
}

.grid.sub-category-tiles .grid__item {
	text-align: center
}

.grid__item .item {
	padding-bottom: 2.5rem
}

.grid__item .item.shift-down {
	margin-top: 50%
}

.col-badge {
	position: relative;
	top: -2px;
	background-color: #f05a38
}

.collection-item img {
	width: 100%
}

.ui-slider-horizontal .ui-slider-handle {
	top: -7px;
	width: 15px;
	height: 15px
}

.tiles-overlay.active {
	/*position: absolute;*/
	width: 200%;
	z-index: 999
}

.tiles-overlay.active .tiles-overlay-bg {
	background: #f6f6f6;
	font-size: 0;
	clear: both;
	overflow: hidden;
	/*width: 80%;*/
}

.tile-box {
	background: #f6f6f6;
	padding: 42px;
	position: relative;
	text-align: center;
	clear: both;
	overflow: hidden;
	/*width: 290px;
	height: 290px;*/
	margin: auto;
	font-size: 0;
	display: inline-block;
	transition: box-shadow 1s ease-in-out;
	box-shadow: 0 0 0 0 rgba(78, 84, 87, .08);
	width: 50%;
}

.tile-box::after {
	/*Kirti Floorings & Tiles*/
	content: "\00a9 Kirti Floorings & Tiles";
	color: #000;
	position: absolute;
	bottom: 50px;
	width: 100%;
	height: 20px;
	left: 18%;
	z-index: 1;
	font-size: 11px;
	text-align: left;
}

.des-bo .fancybox-content::after,
.des-bo .tile-box::after {
	content: none
}

.fancybox-content::after {
	content: "\00a9 Bharat Floorings & Tiles";
	color: #fff;
	position: absolute;
	bottom: 50px;
	width: 100%;
	height: 20px;
	left: 0;
	z-index: 9999;
	font-size: 10px;
	text-align: center
}

.floor_share_print .floor::after {
	content: "\00a9 Bharat Floorings & Tiles";
	color: #fff;
	position: absolute;
	bottom: 90px;
	width: 100%;
	height: 20px;
	left: 0;
	z-index: 1;
	font-size: 10px
}

.resources .tile-box::after {
	content: none
}

.border-tile-box-20by10 {
	padding: 68px 20px
}

.border-tile-box-20by10 .single-tiles-collection-svg-corner {
	width: 52px !important;
	height: 52px !important
}

.border-tile-box-20by10 .single-tiles-collection-svg-left {
	height: 52px !important
}

.border-tile-box-20by15 {
	padding: 68px 49px;
	text-align: left
}

.border-tile-box-20by15 .single-tiles-collection-svg-corner {
	width: 77px !important;
	height: 77px !important
}

.border-tile-box-20by15 .single-tiles-collection-svg-left {
	height: 77px !important
}

.border-tile-box-20by15 .single-tiles-collection-svg:nth-child(3) {
	width: 77px !important
}

.wl-item-box {
	padding: 42px
}

.tiles-overlay.active .tile-box {
	display: inline-block;
	position: unset
}

.tiles-overlay .tiles-color-box {
/*	display: none*/
}

.tiles-overlay.active .tiles-color-box {
	display: inline-block;
	width: 47%;
	vertical-align: top;
	margin-left: 3%;
	padding: 42px  42px 42px 0px;
}

.tiles-overlay.active .tiles-color-box .color-box {
	margin-bottom: 15px;
	cursor: pointer
}

.tiles-overlay.active .list-inline {
	display: inline-block;
	width: 50%
}

.tiles-overlay .grp-btn {
	display: none
}

.backdrop {
	display: none
}

.backdrop.active {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 5;
	background-color: #000;
	opacity: .75;
	display: block
}

.tiles-overlay.active .grp-btn {
	display: inline-block;
	vertical-align: top;
	margin-top: 15px
}

.tiles-overlay-bg .close_icon {
	display: none
}

.tiles-overlay.active .close_icon {
	position: absolute;
	right: 235px;
	top: 30px;
	display: block;
	color: #000;
	font-size: 28px;
	z-index: 999
}

.tiles-overlay.active .close_icon:hover {
	text-decoration: none
}

.collection-tiles .col-md-3:nth-child(4n) .tiles-overlay.active {
	left: -100%
}

.collection-tiles .col-md-3:nth-child(4n) .tiles-overlay.active .tile-box {
	float: right
}

.tile-box .single-tiles-collection-svg {
	display: inline-block;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	cursor: pointer;
	width: 103px;
	line-height: 0;
	height: 103px;
	vertical-align: top
}

.border-pg-box .sbc-20by15 .tile {
	position: relative;
	left: -13px
}

.border-pg-box .sbc-20by10 .tile {
	left: -27px;
	position: relative
}

.tile-box .single-tiles-collection-svg .rb-tile {
	width: 100%;
	height: 100%
}

.tile-box .single-tiles-collection-hexagon-svg {
	display: inline-block;
	border-left: 0;
	border-bottom: 0;
	cursor: pointer;
	width: 177px;
	line-height: 0;
	height: 204px
}

.featured-tiles .tile-box .single-tiles-collection-hexagon-svg {
	width: 204px
}

.tiles-hexagon-pattern {
	overflow: hidden;
	height: 204px
}

.tile-row {
	white-space: nowrap;
	height: 101px;
	font-size: 0
}

.tile-row .tile-col {
	width: 84px;
	height: 96px;
	display: inline-block
}

.tile-row .tile-col svg {
	width: 84px;
	height: 97px
}

.tiles-hexagon-pattern .tile-row {
	margin-bottom: 2px
}

.tiles-hexagon-pattern .tile-row .tile-col {
	margin: 0 1px 0
}

.tile-row:nth-child(odd) {
	margin-left: -47px;
	margin-top: -29px
}

.tile-row:nth-child(1) {
	margin-top: -73px
}

.tile-row:nth-child(even) {
	margin-left: -89px;
	margin-top: -29px
}

.tiles-background {
	white-space: nowrap;
	height: 206px;
	font-size: 0
}

.tiles-background-hexagon {
	margin-top: -53px;
	margin-left: -88px;
	height: 207px
}

.tiles-background-hexagon:nth-child(even) {
	margin-top: -53px;
	margin-left: 1px
}

.tiles-background .tile-box {
	background: 0 0;
	padding: 0;
	position: relative;
	text-align: center;
	width: 206px;
	height: 206px;
	margin: auto;
	font-size: 0;
	float: none;
	clear: none;
	display: inline-block;
	white-space: normal
}

.tiles-background-hexagon .tile-box-hexagon {
	width: 177px;
	height: 204px;
	margin: 0 1px 0 0
}

.recent-tile {
	cursor: pointer;
	width: 60px;
	height: 60px
}

.featured-tiles a:hover {
	text-decoration: none
}

.featured-tiles h5,
.featured-tiles h5 a {
	font-size: 18px;
	color: var(--main-txt-color);
	margin-top: 25px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 500;
	max-width: 290px;
	margin-left: auto;
	margin-right: auto
}

.btn {
	display: inline-block;
	background-color: #f6f6f6;
	color: var(--main-txt-color);
	font-size: 16px;
	font-weight: 400;
	border-radius: 0;
	border: 0;
	padding: 10px 42px 11px;
	border-bottom: 1px solid #aaaaab;
	position: relative;
	transition: color .6s cubic-bezier(.19, 1, .22, 1), background-color .6s cubic-bezier(.19, 1, .22, 1), opacity .4s cubic-bezier(.19, 1, .22, 1), border-color 1s cubic-bezier(.19, 1, .22, 1)
}

.btn span {
	position: relative;
	display: inline;
	vertical-align: middle
}

.btn:hover {
	color: #fff
}

.btn:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 99.99%;
	height: 100%;
	transform: scaleX(0);
	transform-origin: right;
	transition: transform .7s cubic-bezier(.19, 1, .22, 1);
	background-color: var(--main-txt-color)
}

.btn:hover:before {
	transform: scaleX(1);
	transform-origin: left
}

.btn.btn-primary {
	background-color: #231f20;
	color: #fff;
	border: 1px solid #231f20
}

.btn.btn-primary:before {
	background-color: #fff
}

.btn-primary:active,
.btn-primary:active:focus {
	background-color: #231f20 !important;
	color: #fff;
	border: 1px solid #231f20 !important
}

.btn.btn-primary:hover {
	color: #231f20
}

.icon-list li a.btn:hover {
	color: #fff
}

.icon-list li a.btn:hover:before {
	transform: scaleX(0);
	transform-origin: left
}

.floor .btn-floor {
	display: block
}

.btn.btn-secondary {
	background-color: #59a8c9;
	color: #202020;
	border: 0
}

.btn.btn-secondary:before {
	background-color: var(--main-txt-color)
}

.btn.btn-secondary:hover {
	color: #fff
}

.btn.btn-third {
	background-color: #59a8c9;
	color: #202020;
	border: 0
}

.btn.btn-third:before {
	background-color: var(--main-txt-color)
}

.btn.btn-third:hover {
	color: #fff
}

.request-product {
	margin-top: 15px
}

.btn.btn-fourth {
	background-color: #f05a38;
	color: #fff;
	border: 0
}

.btn.btn-fourth:before {
	background-color: #fff
}

.btn.btn-fourth:hover {
	color: #000
}

.design-planner-section {
	background: #da9748;
	padding-top: 3.75rem;
	padding-bottom: 3.75rem
}

.design-planner-section h5 {
	font-size: 18px;
	color: var(--main-txt-color);
	margin-bottom: 5px;
	font-weight: 500
}

.design-planner-section p {
	font-size: 16px;
	line-height: 30px;
	color: var(--main-txt-color)
}

.tour-section {
	background: #b09680
}

.testimonial-box {
	background: #f6f6f6;
	padding: 69px 30px 44px
}

.testimonial-box img {
	margin-top: 54px
}

.masonary .user-info {
	margin-top: 13px
}

.masonary .user-info img {
	width: 40px;
	height: 40px;
	border-radius: 50%
}

.masonary .user-info span {
	font-size: 24px;
	color: var(--main-txt-color);
	display: inline-block;
	margin-left: 15px;
	line-height: 40px;
	vertical-align: middle
}

.loader {
	text-align: center;
	display: flex;
	margin: auto;
	vertical-align: middle;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 99999;
	background: rgba(255, 255, 255, .5);
	align-items: center;
	justify-content: center
}

.loader svg {
	text-align: center;
	display: block;
	margin: auto
}

footer {
	background: var(--footer-bg)
}

footer ul {
	list-style: none;
	overflow: hidden;
	margin: 0;
	padding: 0
}

footer ul li a {
	color: var(--footer-txt-color);
	font-size: var(--footer-menu-font-size);
	display: inline-block;
	position: relative;
	transition: color .6s cubic-bezier(.19, 1, .22, 1);
	line-height: 2.5rem;
	text-transform: uppercase;
	letter-spacing: .06rem;
	text-decoration: none
}

footer ul li a:hover {
	color: var(--footer-txt-color);
	text-decoration: none
}

footer a:before {
	content: "";
	position: absolute;
	bottom: 10px;
	left: 0;
	width: 100%;
	height: 1px;
	background: #fff;
	transform: translate3d(-102%, 0, 0);
	transition: transform .7s cubic-bezier(.19, 1, .22, 1)
}

footer a:hover:before {
	transform: translate3d(0, 0, 0);
	transition: transform .5s cubic-bezier(.19, 1, .22, 1)
}

footer hr {
	width: 100%;
	height: 1px;
	background: rgba(255, 255, 255, .2);
	margin: 1.5625rem 0;
	margin-top: 5rem
}

footer h5 {
	font-size: 16px;
	line-height: 40px;
	color: #fff;
	font-weight: 400;
	text-transform: uppercase
}

footer .list-inline-item {
	vertical-align: middle
}

footer .list-inline a:before {
	content: none
}

footer .list-inline a {
	width: 44px;
	height: 44px;
	background: #f5f4ee;
	border-radius: 50%;
	color: #858686;
	text-align: center;
	line-height: 44px;
	background: #858686 !important
}

footer .list-inline a:hover {
	color: #858686
}

footer .list-inline a i {
	font-size: 22px;
	line-height: 45px
}

footer .list-inline a.facebook-icon {
	background: #3b5998;
	color: #fff
}

footer .list-inline a.instagram-icon {
	background: #bc2a8d;
	color: #fff
}

footer .list-inline a.twitter-icon {
	background: #1da1f2;
	color: #fff
}

footer .list-inline a.youtube-icon {
	background: red;
	color: #fff
}

footer .list-inline a.linkedin-icon {
	background: #0077b5;
	color: #fff
}

footer .list-inline a.pinterest-icon {
	background: #c8232c;
	color: #fff
}

footer .list-inline a.blogger-icon {
	color: #fff;
	margin-top: 5px
}

footer p {
	font-size: 16px;
	line-height: 30px;
	color: #fff;
	margin: 0
}

footer.grid {
	padding-bottom: 20px
}

.social-footer {
	margin-top: -15px
}

.social-footer svg {
	width: 35px;
	height: 35px;
	margin-top: 3px
}

.copyrights {
	margin-top: 15px
}

.subscribe-section {
	margin-top: 20px
}

.subscribe-section form {
	margin: 0
}

.input_container {
	padding: 0
}

footer input[type=email] {
	width: 100%;
	padding: 4px 18px;
	font-size: 15px;
	line-height: 40px;
	font-weight: 400;
	color: #000;
	background: #fff
}

input[type=submit].btn {
	background: #aeaeae;
	padding: 0;
	color: #fff;
	text-transform: uppercase
}

.collection-grid {
	max-width: 14.666667%
}

.resources.grid {
	padding-bottom: 0
}

.resources a:hover {
	text-decoration: none
}

.resources h5 {
	font-size: 18px;
	line-height: 60px;
	color: var(--main-txt-color);
	margin-top: 0;
	text-align: center;
	font-weight: 500;
	max-width: 290px
}

.resources .tile-box img {
	width: auto;
	height: 202px
}

.client-filter select {
	width: 100%
}

.client-filter .btn.btn-secondary {
	display: block;
	width: 100%;
	color: #fff
}

.tile-img {
	width: 32px;
	height: 32px;
	display: inline-block
}

.tile-name {
	display: inline-block;
	margin-left: 20px;
	font-size: 28px;
	vertical-align: middle
}

.tiles-used {
	margin-bottom: 30px;
	margin-top: 30px
}

.client-list .col-md-3 {
	margin-bottom: 30px
}

.client-list h3 {
	font-size: 16px;
	color: #000;
	font-weight: 700;
	line-height: 36px
}

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

.client-list li {
	font-size: 16px;
	color: #000;
	font-weight: 400;
	line-height: 36px
}

.client-list li a {
	display: block;
	font-size: 16px;
	color: #000;
	font-weight: 400;
	line-height: 36px
}

.client-list .fa {
	color: #8f8f8f;
	margin-left: 15px
}

.collection_banner .carousel-caption {
	max-width: 289px;
	max-height: 104px;
	background: rgba(255, 255, 255, .5);
	right: 15px;
	left: auto;
	bottom: 15px;
	padding: 15px
}

.collection_banner .carousel-caption h5 {
	font-size: 16px;
	color: var(--main-txt-color);
	font-weight: 500;
	text-align: right
}

.collection_banner .carousel-caption p {
	font-size: 16px;
	color: var(--main-txt-color);
	font-weight: 400;
	text-align: right
}

.collection_banner .carousel-control-prev-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%236D6E73' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")
}

.collection_banner .carousel-control-next-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%236D6E73' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")
}

.wall-features {
	margin: auto;
	text-align: center;
	margin-bottom: 40px;
	margin-top: 20px
}

.wall-features li {
	width: calc(20% - 30px);
	text-align: left;
	margin-bottom: 10px
}

.wall-features span {
	font-weight: 700;
	display: inline-block;
	margin-left: 20px;
	font-size: 14px;
	vertical-align: top
}

.wall-features img {
	height: 50px
}

.wall-features svg {
	width: 50px;
	height: 50px
}

.wallpaper .collection-item {
	margin-bottom: 40px
}

.wallpaper .collection-item h5 {
	font-size: 18px;
	font-weight: 500;
	text-align: center;
	margin-top: 20px;
	text-transform: uppercase
}

.wallpaper_advice_section {
	margin-bottom: 40px;
	text-align: left
}

.color_title {
	margin-top: 30px;
	margin-bottom: 1.75rem
}

.wallpaper-design {
	max-width: 100%;
	margin: 0 auto 60px;
	background-color: #f6f6f6;
	padding: 42px
}

.wall_collection {
	margin-bottom: 30px
}

.wall_collection h5 {
	font-size: 18px;
	font-weight: 400;
	text-align: center;
	margin-top: 20px;
	text-transform: uppercase
}

.wall_specification {
	margin-top: 30px;
	margin-bottom: 40px
}

.wall_advice_section {
	margin-top: 40px;
	margin-bottom: 40px
}

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

.wall_specification ul li {
	margin-bottom: 15px
}

.wall_specification ul li svg {
	width: 30px
}

.wall_specification ul li span {
	font-weight: 700;
	display: inline-block;
	margin-left: 20px;
	font-size: 14px
}

.wall_specification img {
	height: 30px
}

.material.grid {
	padding-bottom: 0
}

.material-desc h5 {
	font-size: 28px;
	font-weight: 500;
	margin-bottom: 15px;
	color: var(--main-txt-color)
}

.material-desc p {
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	color: var(--main-txt-color)
}

.material-info {
	margin-bottom: 15px
}

.material-info:last-child {
	margin-bottom: 0
}

.material-info h5 {
	font-size: 18px;
	font-weight: 500;
	color: var(--main-txt-color);
	margin-bottom: 5px
}

.material-info p {
	font-size: 16px;
	font-weight: 400;
	color: var(--main-txt-color);
	margin: 0
}

.material-info p.size {
	min-height: 50px
}

.grid.collection-tiles {
	padding-top: 0
}

.installation h5 {
	font-size: 28px;
	font-weight: 500;
	margin-bottom: 15px;
	color: var(--main-txt-color)
}

.installation p {
	font-size: 1rem;
	color: var(--main-txt-color)
}

.installation_box {
	margin-top: 40px
}

.installation_box img {
	max-width: 35%;
	display: inline-block;
	vertical-align: top;
	margin-right: 10px
}

.installation_box .installation_content {
	width: 60%;
	display: inline-block
}

.installation_content h6 {
	font-size: 18px;
	font-weight: 500
}

.wallpaper_box {
	background: #f6f6f6;
	padding: 42px
}

.wallpaper .collection-item a {
	color: #000;
	font-weight: 700
}

.col-2dot4,
.col-lg-2dot4,
.col-md-2dot4,
.col-sm-2dot4,
.col-xl-2dot4 {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px
}

.col-2dot4 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width: 20%
}

.collection-used h3 {
	font-size: 28px;
	font-weight: 500;
	color: var(--main-txt-color);
	margin-bottom: .5rem
}

.collection-used h5 {
	font-size: 14px;
	font-weight: 400;
	color: var(--main-txt-color);
	margin-top: 25px;
	line-height: 20px
}

.advice_section {
	padding-top: 0;
	padding-bottom: 0
}

.spec.grid {
	padding-top: 0
}

.help-section h3,
.specification h3 {
	font-size: 28px;
	font-weight: 500;
	color: var(--main-txt-color);
	margin-bottom: 46px
}

.specification .specification-list {
	margin-bottom: 10px
}

.specification .specification-list h5 {
	font-size: 18px;
	font-weight: 500;
	color: var(--main-txt-color);
	margin-bottom: 5px
}

.specification .specification-list p {
	font-size: 16px;
	font-weight: 400;
	color: var(--main-txt-color)
}

.help-section p {
	font-size: 18px;
	color: var(--main-txt-color);
	font-weight: 400;
	line-height: 26px
}

.help-section form {
	margin-top: 53px
}

.help-section input,
.help-section select,
.help-section textarea {
	background: #e8e8e8;
	margin-bottom: 38px;
	font-size: 18px;
	color: #202020;
	font-weight: 400;
	border: 0;
	outline: 0;
	min-height: 46px
}

.help-section select {
	background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
	background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) .5em;
	background-size: 5px 5px, 5px 5px, 1px 1.5em;
	background-repeat: no-repeat;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none
}

.help-section select.unit {
	max-width: 31%;
	margin-right: 0
}

.help-section select:invalid {
	color: #706e6e
}

.approx_area {
	padding-left: 0
}

.inquiry h2 {
	margin-bottom: 10px
}

.inquiry .inquiry-content {
	margin-bottom: 0;
	margin-top: 30px
}

.inquiry h3 {
	font-size: 20px
}

.inquiry .icon-box {
	text-align: center;
	margin-bottom: 55px
}

.inquiry .input {
	background: #e8e8e8;
	margin-bottom: 5px;
	font-size: 18px;
	color: #202020;
	font-weight: 400;
	border: 0;
	outline: 0;
	min-height: 46px;
	padding: 10px
}

option:first-of-type {
	color: #9e9e9e
}

.inquiry select:invalid {
	color: #9e9e9e
}

.product {
	background-position: contain;
	height: 412px;
	position: relative;
	overflow: hidden
}

.product .product-caption {
	position: absolute;
	right: 15px;
	bottom: 15px;
	background: #fff;
	padding: 15px;
	display: none;
	z-index: 1
}

.product:hover .product-caption {
	display: block
}

.product .tile-box .single-tiles-collection-svg {
	cursor: default
}

.product-icons {
	margin-bottom: 15px
}

.product-icons a {
	font-size: 16px;
	color: #c2c2c2;
	font-weight: 400;
	margin-right: 15px
}

.product-icons a:hover {
	color: var(--main-txt-color);
	text-decoration: none
}

.product-icons label {
	font-size: 16px;
	font-weight: 500;
	color: var(--main-txt-color);
	text-align: right
}

.color-box {
	width: 45px;
	height: 45px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px
}

.product label {
	margin: 0;
	float: right
}

.product-color .list-inline {
	margin: 0
}

.product-color label {
	line-height: 33px
}

.product-desc h6 {
	font-size: 16px;
	font-weight: 400;
	color: #202020;
	text-align: center;
	margin-top: 13px;
	max-width: 140px
}

.product-desc .col-md-3,
.product-desc .col-md-6 {
	padding-top: 0
}

.collection-tiles .list-inline li {
	margin-top: 10px;
	width: 46%
}

.collection-tiles .list-inline .color-box {
	width: 20px;
	height: 20px;
	margin-right: 10px;
	vertical-align: top
}

.collection-tiles .list-inline label {
	display: inline-block;
	margin-bottom: 0;
	width: calc(100% - 35px);
	font-size: 14px;
	vertical-align: top
}

.collection-tiles .tiles-overlay.active .list-inline label {
	color: #fff
}

.team-box h2 {
	font-size: 16px;
	font-weight: 500;
	color: var(--main-txt-color);
	line-height: 30px;
	margin-top: 49px;
	margin-bottom: 49px
}

.team-box p {
	font-size: 16px;
	font-weight: 400;
	color: var(--main-txt-color);
	line-height: 30px
}

.job-box {
	background: #f6f6f6;
	padding: 50px 20px
}

.job-box h2 {
	font-weight: 400;
	text-transform: uppercase;
	font-size: 20px
}

.tiles-icon {
	list-style: none;
	position: absolute;
	left: 150px;
	top: 15px;
	padding: 0
}

.tiles-icon a {
	font-size: 15px;
	color: #c2c2c2;
	font-weight: 400
}

.fa-heart.active {
	color: red
}

.tile-slider {
	padding-bottom: 0
}

.tile-slider .carousel-caption {
	position: relative;
	width: 90%;
	color: var(--main-txt-color);
	left: 5%;
	margin-top: 32px;
	padding-bottom: 0
}

.tile-slider .carousel-caption ul li {
	margin-bottom: 17px
}

.tile-slider .material-info {
	margin-bottom: 35px
}

.tile-slider .material-info:last-child {
	margin-bottom: 0
}

.tile-slider img {
	width: auto;
	text-align: center;
	margin: auto
}

.tile-slider h3 {
	text-align: center
}

.tile-slider .tiles-icon {
	top: 0;
	right: 5px
}

.tile-slider .carousel-inner {
	z-index: 999
}

.border-ul {
	margin-top: 20px !important
}

.tile-slider .carousel-control-prev {
	left: -65px;
	color: #8f8f8f;
	font-size: 46px;
	font-weight: 500;
	opacity: 1;
	height: 71.55%
}

.tile-slider .carousel-control-next {
	right: -65px;
	color: #8f8f8f;
	font-size: 46px;
	font-weight: 500;
	opacity: 1;
	height: 71.55%
}

.about_history .heading {
	margin-bottom: 0;
	color: #2d6e6f;
	font-weight: 700
}

.about_history.process_content .heading {
	margin-bottom: 30px
}

.process_content .about-content {
	margin-bottom: 20px
}

.process .about-content-list {
	margin-bottom: 100px
}

.process_content.about_history .about-right-content .year {
	text-align: left
}

.process .about-content {
	margin-bottom: 60px
}

.process_content img {
	width: 100%
}

.rel {
	position: relative
}

.about_history hr {
	height: 81px;
	width: 1px;
	padding: 0;
	margin: 0 auto;
	position: relative;
	left: -1px;
	border-right: 1px solid #5f5f5f
}

.about-content h5 {
	text-transform: uppercase;
	font-size: 18px;
	line-height: 30px
}

.about-right-content {
	margin-right: 85px
}

.about-left-content {
	margin-left: 85px
}

.about-content-left-minus {
	margin-left: -18px
}

.content-1923 {
	margin-left: -43px
}

.content-1940 {
	margin-top: -50px
}

.content-1950 {
	margin-top: 150px
}

.content-1960 {
	margin-top: -85px
}

.content-1999 {
	margin-top: 77px
}

.content-2000 {
	margin-top: -50px
}

.content-2010 {
	margin-top: 122px
}

.content-2013 {
	margin-top: -20px;
	margin-left: -43px
}

.content-2014 {
	margin-top: 165px
}

.content-2015 {
	margin-top: -35px
}

.right {
	float: right;
	padding-left: 25px
}

.about-content-top-minus {
	margin-top: -90px
}

.about-content-top-plus {
	margin-top: 255px
}

.about-content-left-minus img {
	float: left;
	padding-right: 18px !important
}

.about_history .row {
	padding: 0 0
}

.about_history img {
	padding: 0;
	margin-top: 0
}

.about_history .year {
	font-size: 24px;
	font-weight: 500;
	color: #2d6e6f;
	line-height: 30px;
	margin-bottom: 0;
	position: relative;
	top: -4px;
	left: 0;
	display: inline-block;
	padding: 0;
	background: 0 0;
	width: 120px;
	text-align: left
}

.about_history .col-md-6 {
	padding: 0
}

.about_history .about-content-box {
	max-width: 344px;
	margin: auto;
	margin-top: 70px;
	margin-bottom: 75px
}

.about_history .about-content-box .year {
	width: auto;
	text-transform: uppercase
}

.about_history .row:nth-child(6) {
	border-bottom: 0
}

.about-content {
	padding: 0;
	margin-top: 0
}

.about_history .row:nth-child(odd) .about-content {
	height: calc(100% + 35px)
}

.about_history .row:nth-child(even) .about-content {
	height: calc(100% + 35px)
}

.about_history .row:nth-child(even) .year {
	left: auto
}

.about_history .about-right-content .year {
	text-align: right
}

.about_history .rel.last {
	margin-top: -17px
}

.grid.about_history {
	padding-bottom: 0;
	padding-top: 0
}

.about-content-list {
	position: relative
}

.about_history .about-content-list {
	margin-top: 50px
}

.about_history.process_content .about-content-list {
	margin-top: 50px
}

.about_history .about_line {
	position: absolute;
	width: 89px;
	height: 100%;
	background: #fff;
	left: 50%;
	margin-left: -44.5px
}

.about_history.process_content .about_line {
	background: #fff
}

.about_history .about_line {
	background: #f15a39
}

.about_history.process_content .about_line {
	background: #fff
}

.about_box {
	position: absolute;
	width: 63px;
	height: 63px;
	background: #fff;
	left: 50%;
	margin-left: -31px;
	bottom: -32px;
	transform: rotate(135deg)
}

.about_history .about_box {
	background: #f15a39
}

.story-section {
	position: relative
}

.story-section h5 {
	margin-bottom: 30px
}

.story-box {
	margin-top: 33px
}

.story-section .story-box h5 {
	margin-bottom: 11px;
	margin-top: 30px
}

.contact-enquiry .grid__item {
	padding-top: 0
}

.contact-box {
	padding: 25px;
	margin: 0
}

.bg-blue {
	background: #cef3dd
}

.bg-orange {
	background: #fad2ae
}

.contact-box.bg-orange {
	margin-top: 75px
}

.store_city {
	display: inline-block;
	position: relative
}

.store_city select {
	-webkit-appearance: none;
	background: #424242;
	padding: 10px 90px;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	position: relative;
	width: 100%
}

.store_city select:focus {
	outline: 0
}

.store_city select+i {
	position: absolute;
	right: 25px;
	top: 10px;
	color: #fff;
	font-size: 24px
}

.store_list {
	margin-top: 40px
}

.store-box {
	background: #f6f6f6;
	padding: 35px;
	height: 100%
}

.store_list .store-box h5 {
	font-size: 16px;
	line-height: 24px;
	font-weight: 700;
	color: var(--main-txt-color);
	margin: 0
}

.store-box li {
	font-size: 14px
}

.store-box span {
	display: block;
	font-size: 14px;
	line-height: 24px;
	font-weight: 400;
	text-transform: uppercase
}

.store-box .address {
	font-size: 14px;
	line-height: 30px;
	color: var(--main-txt-color);
	font-weight: 400;
	min-height: 150px
}

.store-box a {
	font-size: 14px;
	line-height: 30px;
	color: var(--main-txt-color) !important
}

.store-box ul {
	list-style: none;
	margin: 0 0 10px;
	padding: 0
}

.store-box li {
	margin-bottom: 10px
}

.store-box li:last-child {
	margin-bottom: 0
}

.store-box li a,
.store-box li a:focus,
.store-box li a:hover {
	color: #212529;
	text-decoration: none
}

.store-box i {
	opacity: .5;
	margin-right: 10px;
	vertical-align: top;
	margin-top: 5px
}

.store-box a span {
	display: inline-block;
	word-wrap: break-word;
	width: 87%;
	vertical-align: top;
	text-transform: none
}

.store_section {
	padding-top: 0
}

.store_section h5 {
	font-size: 28px;
	margin-bottom: 10px
}

.social-section {
	padding-top: 0
}

.social-section .col-md-12 {
	background: #f6f6f6;
	padding: 17px
}

.social-icon {
	text-align: center;
	background: #e7e7e7;
	height: 100%;
	padding-top: 15px;
	padding-bottom: 15px
}

.social-section p {
	margin: 0;
	font-size: 16px;
	font-weight: 400;
	line-height: 30px
}

.wishlist-section label {
	font-size: 28px;
	line-height: 60px;
	color: var(--main-txt-color);
	margin-bottom: 29px
}

.create-wishlist-form {
	display: none
}

.wishlist-section .tile-box {
	overflow: hidden
}

.wishlist-item-list {
	margin-bottom: 20px
}

.wishlist-pattern .pattern-border {
	position: relative
}

.wishlist-pattern .tile-box {
	padding: 42px
}

.wishlist-pattern .pattern-border-box {
	background: #f6f6f6;
	padding: 50px 0
}

.wishlist-pattern .tile-slider .tiles-icon {
	top: 15px;
	right: 20px
}

.wishlist-pattern .tile-slider img {
	width: 100%
}

.wishlist-pattern .floor-box {
	height: auto
}

.list-group-item.active {
	z-index: 2;
	color: #495057;
	background-color: #cef3dd;
	border-color: #cef3dd
}

.tile-size {
	width: 50%;
	height: 100%;
	float: left
}

.default-tile {
	width: 50%;
	float: left;
	height: 101px;
	display: block
}

.tile-bg-1 {
	background: #e9e9e9
}

.tile-bg-2 {
	background: #dfdfdf
}

.tile-bg-3 {
	background: #c4c4c4
}

.tile-bg-4 {
	background: #eee
}

.default-tile i {
	font-size: 72px;
	font-weight: 400;
	color: #c4c4c4;
	display: block;
	text-align: center;
	line-height: 101px
}

.modal {
	overflow-y: auto
}

.modal-dialog {
	max-width: 900px
}

.modal-sm {
	max-width: 300px
}

.btn-zoom-slider {
	padding: 10px 28px 11px
}

.ui-state-default,
.ui-state-focus,
.ui-widget-content .ui-state-default,
.ui-widget-content .ui-state-focus {
	background: #000;
	border: 1px solid #000;
	outline: 0 !important
}

.ui-widget.ui-widget-content {
	margin: 10px;
	z-index: 999999999999 !important
}

.popup-content {
	padding: 35px 70px 20px
}

.popup-content .alert-success {
	width: 350px;
	margin: 20px auto
}

.popup-content h5 {
	font-size: 28px;
	color: var(--main-txt-color)
}

.popup-content .link {
	font-size: 28px;
	color: var(--main-txt-color);
	text-decoration: underline
}

.popup-content .forgot-btn {
	font-size: 16px;
	color: var(--main-txt-color);
	text-decoration: underline;
	display: inline-block;
	margin-top: 10px
}

.popup-content p {
	font-size: 16px;
	font-weight: 400;
	color: var(--main-txt-color);
	line-height: 39px;
	margin: 0
}

.popup-content .btn.btn-primary {
	margin-top: 35px;
	width: 350px
}

.popup-content input[type=email],
.popup-content input[type=password],
.popup-content input[type=tel],
.popup-content input[type=text],
.popup-content textarea {
	background: #e8e8e8;
	display: block;
	height: 46px;
	font-size: 18px;
	color: #202020;
	width: 100%;
	outline: 0;
	border: 0;
	padding: 15px
}

.popup-content textarea {
	height: 100px
}

.sample-prod-modal .btn-order {
	margin-top: 30px !important
}

.popup-content .form-check-label {
	margin-top: 5px
}

.popup-content .form-check {
	margin-top: 10px
}

.popup-content .form {
	margin-top: 40px
}

.popup-content .input-group input {
	width: auto
}

.popup-content .input-group .input-group-append {
	margin-top: 10px
}

.floor-share-modal .popup-content .input-group .input-group-append {
	margin-top: 0;
	cursor: pointer
}

.popup-content .form-control:focus {
	box-shadow: none
}

.popup-content .input-group-text {
	background: #fff
}

.popup-content .form .btn.btn-primary {
	width: 100%;
	margin-top: 0
}

.enquiry-popup-content .form .btn.btn-primary {
	margin-top: 20px
}

.form-check-label {
	margin-left: 10px
}

.process {
	padding-bottom: 0
}

.process h6 {
	font-size: 16px;
	font-weight: 500;
	line-height: 30px;
	color: var(--main-txt-color);
	margin-bottom: 30px
}

.prod-images img {
	margin-bottom: 37px
}

.prod-desc h2 {
	font-size: 32px;
	line-height: 60px;
	color: var(--main-txt-color);
	font-weight: 400;
	margin-bottom: 22px
}

.prod-desc .prod-price {
	display: block;
	font-size: 23px;
	line-height: 43px;
	text-align: center;
	margin-bottom: 22px
}

.prod-desc .desc {
	margin-top: 49px
}

.prod-desc .desc p {
	font-size: 16px;
	line-height: 30px;
	font-weight: 400;
	color: var(--main-txt-color);
	margin-bottom: 20px
}

.prod-desc .desc ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 16px;
	line-height: 30px;
	font-weight: 400;
	color: var(--main-txt-color);
	margin-bottom: 20px
}

.prod-desc .desc ul li:before {
	content: "-";
	margin-right: 10px
}

.social-share li {
	margin: 0 15px
}

.social-share li a {
	font-size: 16px;
	line-height: 30px;
	font-weight: 400;
	color: var(--main-txt-color)
}

.social-share li a i {
	margin-right: 10px
}

.recommended-section {
	padding-top: 0
}

.recommended-section h5 {
	font-size: 16px;
	font-weight: 400;
	color: var(--main-txt-color);
	margin-top: 30px
}

.recommended-section .prod-price {
	font-size: 16px;
	font-weight: 400;
	color: #5b5b5b;
	margin-top: 30px;
	display: block;
	text-align: right
}

.testimonial-page .heading {
	margin-bottom: 0
}

.masonary-item p {
	font-size: 16px;
	font-weight: 400;
	color: #c72c14;
	line-height: 30px;
	margin-top: 15px
}

.testimonial-slider {
	background: #fad2ae;
	padding: 70px 0;
	margin-top: 54px
}

.testimonial-slider.press-slider {
	background: #fff
}

.testimonial-img {
	margin: auto
}

.testimonial-slider .carousel-control-next,
.testimonial-slider .carousel-control-prev {
	color: #8f8f8f;
	opacity: 1;
	font-size: 54px
}

.testimonial-heading {
	font-size: 28px;
	line-height: 30px;
	color: var(--main-txt-color);
	font-weight: 400;
	text-align: center
}

.testimonial-content {
	font-size: 16px;
	line-height: 30px;
	color: var(--main-txt-color);
	font-weight: 400;
	text-align: center
}

.services .grid__item {
	padding-top: 0;
	padding-bottom: 0
}

.services h2 {
	font-size: 28px;
	color: var(--main-txt-color);
	font-weight: 400;
	margin: 0 0 37px
}

.services-grid h2 {
	margin-top: 37px
}

.services p {
	font-size: 16px;
	color: var(--main-txt-color);
	font-weight: 400;
	margin-bottom: 30px
}

.services .services-content {
	min-height: 450px
}

.mar-t-100 {
	margin-top: 100px
}

.mar-t-40 {
	margin-top: 40px
}

.call-box {
	background: #fff;
	padding: 54px 29px
}

.call-box h5 {
	font-size: 28px;
	font-weight: 400;
	color: var(--main-txt-color);
	margin-bottom: 11px
}

.call-box p {
	font-size: 16px;
	font-weight: 400;
	color: var(--main-txt-color);
	line-height: 24px;
	margin-bottom: 29px
}

.faq .card {
	border: 0;
	border-bottom: 1px solid #d0c6be !important;
	border-radius: 0
}

.faq .card-header {
	background: 0 0;
	border: 0;
	padding-left: 0;
	padding-bottom: 0;
	padding-top: 0
}

.faq .card-body {
	padding-left: 0;
	padding-bottom: 45px;
	padding-top: 0
}

.faq button {
	background: 0 0;
	border: 0;
	display: block;
	width: 100%;
	text-align: left;
	cursor: pointer;
	padding: 0;
	padding-bottom: 25px;
	padding-top: 25px
}

.faq button:focus,
.faq button:hover {
	outline: 0;
	border: 0
}

.faq button:after {
	font-family: FontAwesome;
	float: right
}

.faq button.collapsed:after {
	content: "\f107"
}

.faq button:after {
	content: "\f106"
}

.search-box-floor {
	margin: 0 -15px 20px;
	height: 50px
}

.search-box-floor input {
	border: 0;
	border-bottom: 1px solid #000;
	transition: all .8s ease-in-out;
	width: 30px;
	background: 0 0;
	position: absolute;
	right: 0;
	border: 0;
	cursor: pointer
}

.search-box-floor input:focus {
	width: 100%;
	border-bottom: 1px solid #000
}

.search-box-floor input:focus~a.btn-search {
	left: 222px;
	transform: rotate(720deg)
}

.search-box-floor input:focus~a.btn-reset {
	left: 256px;
	transform: rotate(360deg)
}

.search-box-floor .search-btn {
	float: right;
	color: #000;
	transition: all .8s ease-in-out
}

.floor-heading {
	border-bottom: 1px solid #000;
	padding-bottom: 10px
}

.floor-heading .th {
	font-size: 18px;
	color: #000;
	line-height: 60px
}

.saved-tiles-list {
	border-bottom: 1px solid #e7e7e7;
	padding-top: 22px;
	padding-bottom: 22px
}

.floor-heading .col-md-2,
.saved-tiles-list .col-md-2 {
	padding-left: 0
}

.saved-tiles-list .col-md-3,
.saved-tiles-list .col-md-7 {
	justify-content: center;
	display: flex;
	flex-direction: column
}

.saved-tiles-list img {
	width: 82px;
	height: 82px;
	margin-bottom: 10px
}

.saved-tiles-list .tile-no {
	font-size: 14px;
	color: #676767;
	line-height: 26px;
	text-align: center
}

.saved-tiles-list .col-md-7 a {
	text-decoration: none
}

.saved-tiles-list h5 {
	font-size: 18px;
	line-height: 26px;
	color: #000;
	text-align: left;
	margin: 0
}

.saved-tiles-list .tiles-created-dt {
	font-size: 14px;
	color: #676767;
	line-height: 26px;
	text-align: left
}

.saved-tiles-list .list-inline {
	margin-top: 20px
}

.saved-tiles-list .fa {
	color: #000;
	margin-right: 10px
}

.floor_share_print .logo_share {
	width: 150px
}

.floor_share_print h5 {
	border-bottom: 1px solid #000;
	padding-bottom: 7px;
	margin-bottom: 15px
}

.floor_share_content p {
	margin: 0
}

.floor_share_print .floor {
	background: #f6f6f6;
	margin: 30px auto;
	text-align: center;
	padding: 80px;
	position: relative
}

.floor_share_print .tiles-used-box {
	margin-bottom: 30px
}

.floor_share_print .tiles-used-box h5 {
	font-size: 18px;
	line-height: 26px;
	color: #000
}

.floor_share_print .tiles-used-box p {
	font-size: 18px;
	line-height: 26px;
	color: #656565;
	margin: 0
}

.floor_share_print .tiles-used-box p strong {
	color: #000
}

.floor_share_footer {
	border-top: 1px solid #656565;
	padding: 20px
}

.floor_share_footer p {
	color: #656565;
	font-size: 14px;
	text-align: center
}

.sample-prod {
	margin-top: 66px;
	margin-bottom: 66px
}

.sample-prod-content {
	background: #f6f6f6;
	padding: 28px
}

.sample-prod-content span {
	display: inline-block;
	width: 84%;
	vertical-align: middle
}

.custom-sample-prod .sample-prod-content {
	background: #f5deb5
}

.sample-prod-content h2 {
	font-size: 22px;
	line-height: 60px;
	color: #000;
	text-align: center
}

.sample-prod-content p {
	font-size: 16px;
	text-align: left;
	color: #000;
	line-height: 30px
}

.sample-prod-content img {
	margin-right: 15px
}

.sample-prod-cart {
	background: #e6e6e6;
	padding: 28px
}

.custom-sample-prod .sample-prod-cart {
	background: #ecc580
}

.sample-prod-cart p {
	font-size: 16px;
	line-height: 30px;
	color: #000;
	text-align: center
}

.sample-prod-cart p strong {
	font-size: 20px;
	line-height: 30px;
	color: #000
}

.info-icon {
	width: 25px;
	height: 25px;
	position: relative;
	margin-left: 1.5rem
}

.search-info {
	position: absolute;
	display: inline-block;
	z-index: 5;
	padding: 7px;
	margin-top: 4px;
	right: 0
}

.search-info__container {
	overflow: hidden;
	margin-left: -30px;
	max-height: 16px;
	width: 16px;
	color: #eee;
	background: #000;
	border-radius: 50%;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	transition: all .3s ease-in-out
}

.search-info:hover .search-info__container {
	max-height: 160px;
	width: 300px;
	padding: 10px;
	border-radius: 12px;
	background: #222;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	color: #fff;
	overflow-y: auto
}

.search-info__content {
	max-height: 160px;
	width: 280px;
	text-align: left
}

.search-info__title {
	font-size: 14px;
	margin: 0 0 2px;
	line-height: 17px;
	font-weight: 700
}

.search-info__icon {
	display: inline-block;
	width: 16px;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #fff !important
}

.search-info__text {
	font-size: 13px;
	margin: 0;
	padding-left: 25px
}

.search-info__text li {
	margin-top: 10px
}

.floor-save-modal input,
.floor-save-modal select,
.floor-save-modal textarea {
	display: block;
	margin-top: 10px
}

.tiles-pagination {
	margin: 18px -15px
}

.pagination-left {
	color: #000;
	float: left;
	width: 3%;
	text-align: left
}

.pagination-text {
	float: left;
	width: 94%;
	text-align: center
}

.pagination-text .page-item.active .page-link {
	background-color: #000;
	border-color: #000
}

.pagination-text .page-link {
	color: #000
}

.pagination-right {
	color: #000;
	float: right;
	width: 3%;
	text-align: right
}

.pagination-left.disabled,
.pagination-right.disabled {
	color: #676767;
	cursor: default
}

.pagination-left:focus,
.pagination-left:hover,
.pagination-right:focus,
.pagination-right:hover {
	color: #000
}

.inquiry h2,
.sitemap h2 {
	font-size: 28px;
	color: var(--main-txt-color);
	font-weight: 400;
	line-height: 30px
}

.contact .inquiry h2 {
	color: #212529;
	font-size: 28px;
	font-weight: 500
}

.sitemap ul {
	margin: 30px 0 0;
	padding: 0;
	list-style: none
}

.sitemap ul ul {
	display: none;
	margin: 0 0;
	padding: 0
}

.sitemap ul ul.active {
	display: block
}

.sitemap ul li a {
	font-size: 16px;
	line-height: 30px;
	color: var(--main-txt-color);
	font-weight: 400
}

.inquiry p {
	font-size: 16px;
	line-height: 30px;
	color: var(--main-txt-color);
	font-weight: 400;
	margin-bottom: 36px
}

.inquiry-form {
	margin-top: 65px
}

.events a,
.events a:focus,
.events a:hover {
	outline: 0;
	text-decoration: none
}

.event {
	margin-bottom: 72px;
	min-height: 300px
}

.videos .event-box {
	margin-bottom: 30px
}

.videos .event {
	margin-bottom: 10px;
	min-height: 220px
}

.videos .event-box h2 {
	font-size: 18px
}

.event_img {
	position: relative
}

.event iframe {
	width: 100%
}

.event .videowrapper {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0
}

.event .videowrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.event_photo_count {
	position: absolute;
	top: 10px;
	left: 10px;
	display: inline-block;
	background: #fff;
	padding: 5px 15px;
	font-size: 16px;
	font-weight: 400;
	color: var(--main-txt-color)
}

.event_dt {
	display: inline-block;
	margin-top: 15px;
	font-size: 16px;
	font-weight: 400;
	color: var(--main-txt-color)
}

.event h2 {
	font-size: 18px;
	line-height: 34px;
	color: var(--main-txt-color);
	font-weight: 400
}

.event_img img {
	width: 100%
}

.drawer {
	position: fixed;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	top: 0;
	bottom: 0;
	padding: 0 30px 30px;
	max-width: 95%;
	z-index: 10;
	color: #fff;
	background-color: #1c1d1d;
	-webkit-transition: all .35s cubic-bezier(.46, .01, .32, 1);
	-moz-transition: all .35s cubic-bezier(.46, .01, .32, 1);
	-ms-transition: all .35s cubic-bezier(.46, .01, .32, 1);
	-o-transition: all .35s cubic-bezier(.46, .01, .32, 1);
	transition: all .35s cubic-bezier(.46, .01, .32, 1);
	overflow: hidden;
	width: 400px;
	right: -400px
}

.drawer--right {
	-webkit-transform: translateX(-400px);
	-moz-transform: translateX(-400px);
	-ms-transform: translateX(-400px);
	-o-transform: translateX(-400px);
	transform: translateX(-400px)
}

.drawer__fixed-header {
	position: absolute;
	top: 0;
	left: 30px;
	right: 30px;
	height: 80px;
	overflow: visible
}

.drawer__header {
	display: table;
	height: 80px;
	width: 100%;
	padding: 15px 0;
	margin: 0;
	border-bottom: 1px solid #343535
}

.drawer__close,
.drawer__title {
	display: table-cell;
	vertical-align: middle
}

.drawer__close,
.drawer__title {
	display: table-cell;
	vertical-align: middle
}

.drawer__title {
	width: 100%;
	font-weight: 400;
	font-size: 1.71429em
}

.drawer__close {
	width: 1%;
	text-align: center
}

.drawer__close-button {
	position: relative;
	right: -20px;
	height: 100%;
	padding: 0 20px;
	color: inherit;
	background: 0 0;
	border: 0
}

.drawer__inner {
	position: absolute;
	top: 80px;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 15px 30px 0;
	-webkit-overflow-scrolling: touch;
	overflow: hidden
}

.ajaxcart__inner--has-fixed-footer {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0;
	padding: 30px 30px 0;
	bottom: 130px;
	overflow: auto;
	-webkit-overflow-scrolling: touch
}

.ajaxcart__product {
	position: relative;
	max-height: 500px
}

.ajaxcart__product:last-child .ajaxcart__row {
	border-bottom: 0 none;
	padding-bottom: 0;
	margin-bottom: 30px
}

.cart__item {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	min-height: 1px;
	vertical-align: top;
	width: 100%;
	padding-left: 15px
}

.one-quarter {
	width: 25%
}

.ajaxcart__product-image {
	display: block;
	overflow: hidden;
	padding-top: 3px;
	color: #fff
}

.ajaxcart__product-image img {
	display: block;
	margin: 0 auto;
	max-width: 100%
}

.ajaxcart__product-name--wrapper {
	margin-bottom: 5px
}

.ajaxcart__product-name {
	font-size: 1.21429em;
	line-height: 1.3;
	color: #fff
}

.display-table {
	display: table;
	table-layout: fixed;
	width: 100%
}

.grid--full {
	margin-left: 0
}

.grid--full>.cart__item {
	padding-left: 0
}

.display-table-cell {
	display: table-cell;
	vertical-align: middle;
	float: none
}

.one-half {
	width: 50%
}

.ajaxcart__qty {
	max-width: 75px;
	margin: 0;
	position: relative;
	max-width: 100px;
	overflow: visible
}

.ajaxcart__qty .ajaxcart__qty-adjust {
	padding: 0 5px;
	line-height: 1;
	color: #fff;
	z-index: 1;
	cursor: pointer;
	position: absolute;
	display: block;
	top: 0;
	bottom: 0;
	border: 0 none;
	padding: 0 8px;
	background: 0 0;
	text-align: center;
	overflow: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out
}

.ajaxcart__qty--minus {
	border-color: #343535;
	left: 0;
	border-right: 1px solid #343535
}

.ajaxcart__qty input[type=text] {
	display: block;
	background: 0 0;
	text-align: center;
	width: 100%;
	padding: 0 20px;
	margin: 0;
	font-weight: 400;
	font-style: normal;
	letter-spacing: .1em;
	text-transform: uppercase;
	font-style: normal;
	font-size: .92857em;
	color: #fff;
	border-radius: 0
}

.ajaxcart__qty--plus {
	border-color: #343535
}

.ajaxcart__qty--plus {
	right: 0;
	border-left: 1px solid #343535
}

.ajaxcart__price {
	font-size: .92857em;
	font-weight: 400;
	font-style: normal;
	letter-spacing: .1em;
	text-transform: uppercase
}

.ajaxcart__footer {
	border-top: 1px solid #343535;
	padding-top: 15px;
	position: absolute;
	bottom: 0;
	left: 30px;
	right: 30px;
	min-height: 130px;
	padding-bottom: 30px
}

.grid--full {
	margin-left: 0
}

.ajaxcart__note {
	font-weight: 400;
	opacity: .7
}

.two-thirds {
	width: 66.666%
}

.one-third {
	width: 33.333%
}

.three-quarters {
	width: 75%
}

.collection_banner {
	height: 480px
}

.collection_banner .carousel-inner,
.collection_banner .carousel-item,
.collection_banner img {
	height: 100%
}

.collection_banner img {
	object-fit: cover
}

.floor select {
	width: 32%
}

.floor h2 {
	font-size: 24px
}

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

.floor ul li a {
	font-size: 14px;
	font-weight: 700;
	color: var(--main-txt-color);
	line-height: 30px
}

.floor ul li a.tiles-cat {
	font-size: 14px
}

.floor ul ul {
	display: none
}

.floor ul ul.active {
	display: block;
	margin-left: 10px
}

.floor ul ul li a {
	font-weight: 400;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.floor ul.icon-list {
	display: block;
	margin-bottom: 20px
}

.floor ul.icon-list li {
	display: inline-block
}

.icon-list li a {
	border: 1px solid #fff !important;
	width: 46px;
	height: 46px;
	line-height: 24px !important
}

.floor .borders-slider,
.floor .tiles-slider {
	position: relative;
	height: auto
}

.floor .prcar-thumbotr {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	height: auto
}

.floor button {
	background: 0 0;
	border: 0;
	cursor: pointer
}

.floor .prcar-thumb-list {
	padding: 0;
	margin: 30px 0;
	list-style-type: none;
	font-size: 0
}

.floor .prcrvc {
	position: absolute;
	width: 100%;
	left: 0;
	z-index: -1;
	opacity: 0;
	visibility: hidden;
	background: #fff;
	transition: all ease-in-out .2s;
	-webkit-transition: all ease-in-out .2s;
	-moz-transition: all ease-in-out .2s;
	-o-transition: all ease-in-out .2s;
	-ms-transition: all ease-in-out .2s;
	cursor: pointer
}

.floor .prcrvc.visible {
	z-index: 5;
	opacity: 1;
	visibility: visible
}

.floor .prcrvc.bottom {
	bottom: -30px;
	padding-top: 0
}

.floor button:focus,
.floor button:hover {
	border: 0;
	outline: 0
}

.floor .prcar-thumb-list li {
	padding-bottom: 12px;
	text-align: center;
	width: 50%;
	display: inline-block
}

.floor .prcar-thumb-list li svg {
	width: 60px;
	height: 60px
}

.floor .prcar-thumb-list a {
	display: block;
	cursor: pointer;
	line-height: 0
}

.floor .color-palette {
	margin-top: 45px;
	clear: both;
	overflow: hidden
}

.floor .colors-used {
	clear: both;
	overflow: hidden
}

.floor .color-palette .tile-color,
.floor .colors-used .tile-color-used {
	display: inline-block;
	width: 25px;
	height: 25px;
	margin: 0 5px 5px 0;
	background: #e4b273;
	cursor: pointer;
	float: left;
	position: relative
}

.floor .color-palette .tile-color.active::after {
	content: "\f00c";
	font-family: FontAwesome;
	color: #fff;
	text-align: center;
	width: 25px;
	height: 25px;
	margin: auto;
	display: block;
	line-height: 25px
}

.floor .color-palette .tile-color:first-child,
.tiles-color-box .color-box:first-child {
	border: 1px solid #ccc
}

#selected-tiles-section {
	position: unset
}

.single-tiles-box {
	background: #f6f6f6;
	padding: 10px 10px;
	clear: both;
	position: unset;
	margin: 40px 0
}

.single-border-box {
	padding-bottom: 35px
}

.single-border-container .single-tiles-svg {
	width: 35% !important;
	border: 0;
	margin: 1px 1.5px
}

.sbc-20by15 .single-tiles-svg {
	width: 35% !important
}

.floor .single-tiles-svg.border-horizontal-tile svg {
	width: 100%;
	height: 100%
}

.sbc-20by15 .border-corner {
	width: 76px !important;
	height: 76px !important
}

.sbc-20by15 .border-horizontal-tile {
	height: 76px !important
}

.sbc-20by15 .border-vertical-tile {
	width: 102px !important
}

.sbc-20by10 .single-tiles-svg {
	width: 39% !important
}

.sbc-20by10 .border-vertical-tile svg {
	width: 100% !important;
	height: 100% !important
}

.sbc-20by10 .border-corner {
	width: 55px !important;
	height: 55px !important
}

.sbc-20by10 .border-horizontal-tile {
	height: 55px !important
}

.popover-body .sbc-20by10 .border-corner {
	width: 50px !important;
	height: 50px !important
}

.popover-body .sbc-20by10 .border-horizontal-tile {
	height: 50px !important
}

.saved-tiles {
	margin-top: 15px
}

.colors-used {
	margin-top: 20px
}

.top-left-rotate-tile {
	position: relative;
	top: 0;
	left: 12px;
	color: #000;
	font-size: 20px;
	font-weight: 400;
	display: inline-block
}

.top-right-rotate-tile {
	position: relative;
	top: 0;
	right: 10px;
	color: #000;
	font-size: 20px;
	font-weight: 400;
	display: inline-block;
	float: right
}

.bottom-left-rotate-tile {
	position: relative;
	bottom: 0;
	left: 10px;
	color: #000;
	font-size: 20px;
	font-weight: 400
}

.bottom-right-rotate-tile {
	position: relative;
	bottom: 0;
	right: 10px;
	color: #000;
	font-size: 20px;
	font-weight: 400;
	float: right
}

.all_btn_prod {
	margin-top: 140px;
	max-width: 100% !important;
	font-size: 14px;
	color: var(--main-txt-color);
	font-weight: 400
}

.all_btn_prod:hover {
	color: #f05a38
}

.grp-tiles {
	clear: both;
	overflow: hidden;
	font-size: 0;
	text-align: center;
	max-width: 300px;
	margin: auto
}

.grp-tiles.single-border-container.sbc-20by15 {
	max-width: 287px
}

.grp-tiles.single-border-container.sbc-20by10 {
	max-width: 285px
}

.popover .grp-tiles.single-border-container.sbc-20by15 {
	max-width: 244px
}

.popover .grp-tiles.single-border-container.sbc-20by15 .border-corner {
	width: 66px !important;
	height: 66px !important
}

.popover .grp-tiles.single-border-container.sbc-20by15 .border-horizontal-tile {
	height: 66px !important
}

.popover .grp-tiles.single-border-container.sbc-20by15 .border-vertical-tile {
	width: 88px !important
}

.single-tiles-svg {
	display: inline-block;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	cursor: pointer;
	width: 50%
}

.hexagon-tile {
	border-left: 0;
	border-bottom: 0
}

.single-tiles-svg svg {
	width: 100%;
	height: 100%
}

.download-tiles .single-tiles-svg svg {
	width: 512px;
	height: 512px
}

.tiles-overlay .single-tiles-svg.no-cursor {
	cursor: default
}

.tiles-overlay.active .single-tiles-svg.no-cursor {
	cursor: pointer
}

.grp-tiles .single-tiles-svg {
	width: auto
}

.floor .grp-tiles .single-tiles-svg {
	width: auto
}

.floor .single-tiles-svg svg {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%
}

.floor .single-tiles-svg.border-corner svg,
.floor .single-tiles-svg.hexagon-tile svg {
	width: 100%;
	height: 100%
}

.single-tiles-svg:nth-child(2n) {
	border-right: 1px solid #fff
}

.saved-tiles-box {
	font-size: 0
}

.saved-tiles-img {
	display: inline-block;
	width: 28%;
	margin: 0 20px 20px 0
}

.saved-tiles-img:nth-child(3n) {
	margin: 0 0 20px 0
}

.saved-tiles-img img {
	width: 100%
}

.icon-list {
	font-size: 0
}

.icon-list li {
	list-style: none;
	display: inline-block
}

.icon-list li a {
	display: block;
	padding: 10px 0 10px;
	width: 46px;
	height: 46px;
	line-height: 24px !important
}

.share {
	margin-bottom: 40px
}

.button {
	z-index: 1;
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 150px;
	height: 40px;
	background-color: #dedede;
	color: #202020;
	font-size: 16px;
	letter-spacing: 1px;
	font-weight: 400;
	cursor: pointer;
	margin-top: 10px
}

.shareButton.main {
	width: auto;
	background: #dedede;
	border-radius: 0;
	padding: 10px 42px 11px;
	margin: 10px 0;
	cursor: pointer;
	top: 0;
	height: auto;
	opacity: 1
}

,
.shareButton.main .share {
	position: absolute;
	top: 1rem;
	left: 1rem;
	transition: all 150ms
}

.shareButton.main.open {
	opacity: 0;
	-webkit-transform: rotate(90deg) scale(0);
	transform: rotate(90deg) scale(0);
	display: none
}

.shareButton,
.shareButton.open {
	border: none;
	border-radius: 0;
	margin: .5rem;
	width: 24px;
	height: 24px;
	position: relative;
	opacity: 0;
	margin-top: 17px;
	top: 0
}

.shareButton.open {
	display: inline-block;
	opacity: 1
}

.shareButton:hover {
	text-decoration: none
}

.shareButton svg,
.shareButton.open svg {
	display: inline-block;
	fill: #FF7472;
	width: 24px;
	height: 24px;
	opacity: 1;
	transition: all 150ms;
	-webkit-transform: scale(1);
	transform: scale(1)
}

.social {
	opacity: 0;
	position: relative;
	margin: 8px;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	display: inline-block;
	color: #fff;
	font-size: 20px;
	text-align: center
}

.social i {
	margin-top: 10px
}

.social a {
	color: #fff
}

.twitter {
	background: #00aced
}

.facebook {
	background: #3b5998
}

.google {
	background: #dd4b39
}

.youtube {
	background: #b00
}

.clicked {
	opacity: 1;
	transition: 1.2s all ease;
	transform: translateY(56px)
}

.resize-floor {
	margin-top: 10px;
	display: flex;
	flex-direction: row
}

.resize-floor form {
	display: flex;
	margin-right: 15px
}

.resize-floor input,
select {
	background: #e8e8e8;
	border: 1px solid #e8e8e8;
	height: 45px;
	padding: 10px;
	width: 39%;
	margin-right: 10px
}

.resize-floor a {
	padding: 10px 15px;
	line-height: 25px;
	position: relative;
	top: -1px
}

.btn-grp {
	padding: 6px 6px;
	border: 1px solid #ccc !important;
	border-radius: 4px
}

.btn-grp:focus,
.btn-grp:hover {
	background: 0 0 !important;
	background-color: transparent !important
}

.btn-grp:before {
	content: none
}

.select-tile-format {
	margin-bottom: 15px
}

.tile-collection.active {
	color: #f05a38
}

.tile-sub-category.active {
	color: #f05a38;
	font-weight: 500
}

.btn-grp.active {
	color: #333;
	background-color: #e6e6e6;
	border-color: #adadad
}

.floor-container {
	width: 600px;
	height: 618px;
	overflow: auto;
	margin-bottom: 30px
}

.floor-tiles {
	font-size: 0;
	width: 600px;
	perspective: 1100px;
	position: relative;
	margin: auto
}

.skirintg-grp {
	overflow: hidden;
	height: auto;
	white-space: nowrap;
	position: relative
}

.skirintg-grp::before {
	content: "Skirting";
	font-size: 12px;
	position: absolute;
	color: gray;
	left: 15px
}

.skirintg-grp.skirting-cl::before {
	content: "";
	font-size: 12px;
	position: absolute;
	color: gray;
	left: 15px
}

.floor-tiles .skirting {
	display: inline-block;
	width: 54px;
	height: 18px;
	background: #dcdcdc;
	border-right: 1px solid #a9a9a9;
	border-bottom: 1px solid #a9a9a9
}

.floor-box {
	position: relative;
	height: 600px;
	overflow: hidden
}

.carousel-item .floor-box {
	height: auto
}

.floor-box .border-tiles-content:before {
	content: "Border";
	font-size: 12px;
	position: absolute;
	color: gray;
	left: 20px;
	top: 15px
}

.floor-box .indoor-tiles-content {
	position: absolute;
	top: 0;
	margin: 50px;
	width: 500px;
	height: 500px;
	background: #fff
}

.floor-tiles .indoor-tiles {
	display: inline-block;
	width: 50px;
	height: 50px;
	background: #dcdcdc;
	border-right: 1px solid #a9a9a9;
	border-bottom: 1px solid #a9a9a9
}

.floor-box .indoor-hexagon-tiles-content {
	position: absolute;
	top: 0;
	margin: 50px;
	width: 500px;
	height: 500px;
	background: #fff;
	overflow: hidden
}

.floor-box .indoor-hexagon-tiles-content-even {
	position: relative;
	left: -38px;
	top: -13px;
	white-space: nowrap
}

.floor-box .indoor-hexagon-tiles-content-odd {
	position: relative;
	margin-top: -27px;
	margin-left: -13px;
	white-space: nowrap
}

.floor-tiles .indoor-hexagon-tiles {
	display: inline-block;
	width: 50px;
	height: 57.71px;
	background: #dcdcdc;
	-webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
	clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
	margin: 1px .5px 0 .5px
}

.floor-tiles .indoor-hexagon-tiles-content-even .indoor-hexagon-tiles {
	margin: 0 .5px 0 .5px
}

.floor-tiles .border-tiles svg,
.floor-tiles .indoor-tiles svg {
	width: 100%;
	height: 100%
}

.floor-tiles .border-tiles {
	background: #d2d2d2;
	display: inline-block;
	width: 50px;
	height: 50px;
	border-right: 1px solid #a9a9a9;
	border-bottom: 1px solid #a9a9a9;
	vertical-align: top;
	line-height: 50px
}

.floor-tiles .not-border-tiles {
	background: #fff;
	display: inline-block;
	width: 50px;
	height: 50px;
	border-right: 1px solid #a9a9a9;
	border-bottom: 1px solid #a9a9a9
}

.floor-tiles .border-tiles.vertical-ending {
	border-right: 0
}

.floor-tiles .border-tiles.horizontal-ending {
	border-bottom: 0
}

.floor-img-modal input,
.floor-img-modal textarea {
	background: #e8e8e8;
	margin-bottom: 20px;
	font-size: 18px;
	color: #202020;
	font-weight: 400;
	border: 0;
	outline: 0;
	min-height: 46px;
	display: block;
	padding: 10px;
	width: 100%
}

.rotate-0 {
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-o-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0)
}

.rotate-60 {
	-webkit-transform: rotate(60deg);
	-moz-transform: rotate(60deg);
	-o-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	transform: rotate(60deg)
}

.rotate-90 {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg)
}

.rotate-120 {
	-webkit-transform: rotate(120deg);
	-moz-transform: rotate(120deg);
	-o-transform: rotate(120deg);
	-ms-transform: rotate(120deg);
	transform: rotate(120deg)
}

.rotate-180 {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

.rotate-240 {
	-webkit-transform: rotate(240deg);
	-moz-transform: rotate(240deg);
	-o-transform: rotate(240deg);
	-ms-transform: rotate(240deg);
	transform: rotate(240deg)
}

.rotate-270 {
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg)
}

.rotate-300 {
	-webkit-transform: rotate(300deg);
	-moz-transform: rotate(300deg);
	-o-transform: rotate(300deg);
	-ms-transform: rotate(300deg);
	transform: rotate(300deg)
}

footer .col-md-2 {
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width: 20%
}

.fancybox-caption {
	text-align: center
}

.fancybox-caption:after {
	border-bottom: none
}

@media screen and (max-width:1366px) {
	.navbar-expand-md .navbar-nav .nav-link {
		padding: 36px 30px
	}

	.tiles-overlay.active .tiles-color-box {
		margin-left: 7%;
		width: 100% !important;
		padding: 15px  15px 15px 0px !important;
	}
	.tiles-color-box .color-box{width: 40px !important; height: 40px !important;}
}

@media screen and (max-width:1280px) {
	.navbar-expand-md .navbar-nav .nav-link {
		padding: 36px 25px
	}

	.tiles-overlay.active .grp-btn,
	.tiles-overlay.active .list-inline {
		width: 65%;
		margin-top: 15px
	}

	.btn {
		white-space: initial
	}

	footer ul li a {
		font-size: 14px
	}
}

@media screen and (max-width:1025px) {
	.btn-menu {
		padding: 48px 15px 48px 50px
	}
/*
	.logo {
		width: 40%;
		text-align: center
	}
*/
	.navbar-expand-md .navbar-nav .nav-link {
		padding: 36px 13px;
		font-size: 12px
	}

	.navbar-brand {
		margin-left: 0 !important
	}

	.sub-menu.show {
		transform: translateY(7%)
	}

	.resize-floor form {
		margin-right: -27px
	}

	.floor ul.icon-list li {
		margin: 0 5px 0 0
	}

	.saved-tiles-img {
		margin: 0 15px 15px 0
	}

	.grp-tiles {
		width: auto;
		padding: 30px 0
	}

	.advice_section .text-center {
		text-align: left !important
	}

	.single-tiles-svg {
		width: 49% !important
	}

	.single-tiles-svg svg {
		width: 100%;
		height: auto
	}

	.floor .single-tiles-svg svg {
		width: 100%;
		height: 100%
	}

	.list-inline-item:not(:last-child) {
		margin-right: .3rem
	}

	.tile-box {
		width: 100%;
		height: auto;
		padding: 0
	}

	footer .list-inline a {
		width: 34px;
		height: 34px;
		line-height: 34px
	}

	footer .list-inline a i {
		font-size: 20px;
		line-height: 36px
	}
}

@media screen and (max-width:1023px) {
	.navbar-expand-md .navbar-collapse.collapse:not(.show) {
		display: none !important
	}

	/*.logo {
		width: 100%;
		text-align: center
	}
*/
	.navbar-brand {
		margin-left: 0 !important
	}

	.content-box {
		padding: 0 0
	}

	footer .list-inline a {
		width: 35px;
		height: 35px;
		line-height: 35px
	}
}

@media screen and (max-width:800px) {
	footer .list-inline-item:not(:last-child) {
		margin-right: .2rem
	}

	footer .list-inline a {
		width: 30px;
		height: 30px;
		line-height: 30px;
		display: block;
		text-align: center
	}
}

@media screen and (max-width:767px) {
	.tiles-icon a {
		font-size: 20px;
		margin-bottom: 10px
	}

	.featured-tiles .pattern-container .tile-box {
		overflow: inherit
	}

	.tiles-icon {
		right: 0px
	}

	.pattern-container .tiles-overlay {
		width: 96%;
		margin: auto
	}

	.pattern-container .grp-tiles {
		max-width: 100%
	}

	.material-info p.size {
		min-height: auto
	}

	.tiles-background {
		height: auto
	}

	.wl-item-box {
		width: 290px;
		height: 290px
	}

	.wl-item-box img {
		width: 50%
	}

	.modal {
		z-index: 9999999999
	}

	.faq button:after {
		top: 20%;
		right: -13%;
		position: absolute
	}

	.sample-prod-content span {
		width: 83%;
		vertical-align: top
	}

	.services .services-content {
		min-height: auto
	}

	.fancybox-container {
		z-index: 99999999999
	}

	.social-footer svg {
		margin-top: 3px
	}

	.all_btn_prod {
		margin-top: 20px;
		min-height: auto !important;
		margin-bottom: 20px;
		text-align: center;
		display: block !important
	}

	body.overflow-h {
		overflow: hidden
	}

	.navbar {
		padding: 0 15px 0 15px
	}
/*
	.logo {
		width: 29%;
		text-align: center;
		line-height: 50px;
		position: relative;
		left: -4%
	}
*/
	.sub-menu.show {
		transform: translateY(0)
	}

	.cart-box {
		line-height: 10px
	}

	.cart-box .badge-danger {
		top: 2px;
		width: 22px;
		height: 22px;
		line-height: 17px
	}

	.client-list h3 {
		text-align: left !important
	}

	.sample-prod {
		margin-bottom: 0
	}

	.job-detail .col-md-6 {
		padding: 0
	}

	.cart-box a {
		padding-right: 20px
	}

	.fixed-navbar {
		position: fixed;
		height: 100%;
		overflow-y: auto;
		z-index: 9999999999
	}

	.btn-menu {
		padding: 28px 0 28px 10px;
		line-height: 40px;
		height: 55px
	}

	/*.logo img,
	.logo svg {
		width: 50px;
		height: 50px
	}*/

	.navbar-brand {
		margin-left: 0 !important
	}

	.navbar-nav {
		display: block
	}

	.nav-item {
		float: none;
		width: 100%
	}

	.navbar-collapse.order-1 {
		border-top: 1px solid #ccc;
		margin-top: 0
	}

	.btn-menu {
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out
	}

	.scroll-down {
		bottom: 20px
	}

	#profile.sub-menu .prod-cat-list a {
		display: block
	}

	#profile.sub-menu .prod-cat-list a span {
		display: inline
	}

	.profile .col-md-8 {
		padding-left: 15px
	}

	.wishlist-section .col-md-3 {
		text-align: center
	}

	.tiles-overlay.active {
		width: 96%;
		right: 10px;
	    margin: 0px;
	    padding: 0px;
	    display: block;
	}

	.tiles-overlay.active .tiles-color-box {
		margin-left: 7%;
		width: 90%
	}

	.tiles-overlay.active .grp-btn {
		width: 100%
	}

	.tiles-overlay.active .grp-btn a {
		margin-bottom: 10px
	}

	.collection-grid {
		max-width: 100%
	}

	.cart-box {
		position: absolute;
		right: 15px;
		top: 15px
	}

	.share {
		margin-bottom: 0
	}

	.btn-menu[aria-expanded=true] {
		top: -13px
	}

	.btn-menu[aria-expanded=true] div:nth-child(1) {
		top: 18px;
		-webkit-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		-o-transform: rotate(135deg);
		transform: rotate(135deg)
	}

	.btn-menu[aria-expanded=true] div:nth-child(2) {
		opacity: 0;
		left: -60px
	}

	.order-content .order-box-img {
		padding: 0
	}

	.order-content .grid__item {
		padding: 1.25rem 1.25rem 0
	}

	.btn-menu[aria-expanded=true] div:nth-child(3) {
		top: 8px;
		-webkit-transform: rotate(-135deg);
		-moz-transform: rotate(-135deg);
		-o-transform: rotate(-135deg);
		transform: rotate(-135deg)
	}

	.prod-cat-list h6 {
		min-height: 35px
	}

	.navbar-expand-md.home.navbar_hover .navbar-nav .nav-link.active-link {
		color: #f05a38
	}

	.btn-menu:after,
	.nav-link:after {
		background: 0 0
	}

	.sub-menu {
		padding: 2.5rem 2rem 1.875rem;
		background: #fff;
		transform: translateY(0);
		display: none
	}

	.sub-menu:hover {
		cursor: none
	}

	.sub-menu.show {
		position: relative;
		border-top: 1px solid #ccc;
		background: #fff;
		padding: 2.5rem 1rem 1.875rem;
		transform: translateY(0);
		display: block
	}

	.navbar hr {
		display: none
	}

	.navbar-expand-md .navbar-nav .nav-link {
		padding: 15px
	}

	.navbar-collapse.order-1 .nav-item:nth-child(1),
	.navbar-collapse.order-1 .nav-item:nth-child(2) {
		width: 100%
	}

	.navbar-collapse.order-1 .nav-item:nth-child(1) span,
	.navbar-collapse.order-1 .nav-item:nth-child(2) span,
	.navbar-collapse.order-1 .nav-item:nth-child(3) span,
	.navbar-collapse.order-1 .nav-item:nth-child(4) span,
	.navbar-collapse.order-1 .nav-item:nth-child(5) span,
	.navbar-collapse.order-1 .nav-item:nth-child(6) span,
	.navbar-collapse.order-3 .nav-item:nth-child(4) span {
		display: block
	}

	.navbar-collapse.order-1 .nav-item:nth-child(1) span i,
	.navbar-collapse.order-1 .nav-item:nth-child(2) span i,
	.navbar-collapse.order-1 .nav-item:nth-child(3) span i,
	.navbar-collapse.order-1 .nav-item:nth-child(4) span i,
	.navbar-collapse.order-1 .nav-item:nth-child(6) span i,
	.navbar-collapse.order-3 .nav-item:nth-child(4) span i {
		float: right;
		vertical-align: middle;
		margin-top: 12px
	}

	#profile.sub-menu .prod-cat-list {
		margin-right: 0;
		float: none;
		text-align: left !important
	}

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

	.search-box {
		width: 100%;
		position: relative;
		margin: auto;
		margin: 0;
		top: 0;
		display: none;
		padding: 10px
	}

	.search-box.active {
		display: block
	}

	.sub-menu .sub-cat-list a {
		display: inline-block;
		width: 48%;
		display: inline-block
	}

	.sub-cat-name {
		padding-left: 15px
	}

	.sub-menu .sub-cat-list label {
		display: inline-block
	}

	.home_banner .carousel-caption h5 {
		font-size: 24px
	}

	#decorative-concrete,
	#extra-large-please {
		position: relative;
		top: 0;
		right: 0
	}

	.faq button {
		position: relative
	}

	.faq button.collapsed:after {
		position: absolute;
		top: 20%;
		right: -13%
	}

	.grid-2 {
		max-width: 100%
	}

	#about,
	#humberger,
	#products,
	#profile,
	#resources {
		display: none;
		transform: translateY(0);
		padding: .5rem 1rem 1.875rem
	}

	#about.show,
	#humberger.show,
	#products.show,
	#profile.show,
	#resources.show {
		transform: translateY(0) !important;
		display: block;
		border-top: 0;
		z-index: 1;
		padding-bottom: 0
	}

	.prod-cat-list .grid-2:last-child .col-md-12 {
		margin-bottom: 0
	}

	.carousel-item img {
		min-height: 500px;
		object-fit: contain;
		object-position: center
	}

	.collection_banner .carousel-item img {
		object-fit: cover
	}

	#letter_carousel .carousel-item img {
		width: 75%
	}

	.tile_banner .carousel-item img {
		min-height: 20px
	}

	.grid {
		padding: 0 1.25rem;
		padding-top: 1.25rem;
		padding-bottom: 1.25rem
	}

	.content-box {
		padding: 0;
		margin-top: 20px
	}

	.featured-tiles h5 {
		margin: 20px auto 0;
		font-size: 16px
	}

	.design-planner-section {
		text-align: center
	}

	.design-planner-section h5 {
		margin-top: 15px
	}

	.heading,
	.order-content h2 {
		margin-bottom: 15px
	}

	.blue-section h5 {
		font-size: 24px;
		margin-top: 1.25rem
	}

	.content-box h2 {
		font-size: 28px
	}

	.social-footer svg {
		width: 30px;
		height: 30px;
		line-height: 30px
	}

	footer h5 {
		text-align: center
	}

	.copyrights,
	footer ul.list-inline {
		text-align: center
	}

	.copyrights {
		margin-top: 20px
	}

	input[type=submit].btn {
		min-height: 48px;
		margin-top: 10px
	}

	.navbar-brand {
		padding: 5px 0
	}

	footer .subscribe-section .row {
		margin: 0
	}

	footer .col-md-2 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}

	.floor .borders-slider,
	.floor .tiles-slider {
		height: 135px;
		width: auto;
		white-space: nowrap;
		white-space: nowrap;
		overflow-x: scroll;
		display: block
	}

	.floor .prcar-thumb-list li {
		width: 80px;
		height: auto;
		display: inline-block
	}

	.floor-container {
		height: auto
	}

	.floor-tiles {
		width: 100%;
		margin-top: 10px
	}

	.sub-menu .prod-cat-list label {
		display: inline-block
	}

	.sub-cat-list {
		padding: 0 1rem;
		border-bottom: 1px solid #ccc;
		border-top: 1px solid #ccc;
		padding-top: 20px;
		margin-top: 20px
	}

	.heading-bar {
		padding: 8px
	}

	.resources h5 {
		margin-top: 20px;
		margin-bottom: 0;
		line-height: 24px
	}

	.about_box,
	.about_line {
		display: none
	}

	.about-left-content {
		margin-left: 15px;
		margin-right: 15px;
		margin-bottom: 30px !important;
		border-bottom: 1px solid #ccc
	}

	.about-right-content {
		margin-right: 15px;
		margin-left: 15px;
		margin-bottom: 30px !important;
		border-bottom: 1px solid #ccc
	}

	.about_history .about-right-content .year {
		text-align: center
	}

	.about_history .about-content-box {
		margin-top: 0;
		margin-bottom: 30px
	}

	.content-1923,
	.content-1940,
	.content-1950,
	.content-1960,
	.content-1999,
	.content-2000,
	.content-2010,
	.content-2013,
	.content-2014,
	.content-2015 {
		margin-left: 15px;
		margin-top: 0
	}

	.about-content-top-plus {
		margin-top: 0
	}

	.about-content-left-minus img {
		float: none;
		padding-right: 0 !important;
		display: block;
		margin: auto
	}

	.right {
		float: none
	}

	.about_history hr {
		display: none
	}

	.about_history .row:nth-child(even),
	.about_history .row:nth-child(odd) {
		border: 0
	}

	.about_history .year {
		display: block;
		text-align: center;
		margin-top: 0;
		top: 0;
		left: 0;
		margin-bottom: 0;
		width: 100%
	}

	.about_history .row:nth-child(even) .year {
		right: 0;
		left: auto
	}

	.about_history .rel.last {
		margin-top: 0
	}

	.about_history h5 {
		text-align: center
	}

	.process_content.about_history h5 {
		text-align: left
	}

	.process_content.about_history .year {
		text-align: left
	}

	.about_history p {
		text-align: justify
	}

	.about-content {
		margin-top: 0
	}

	.about_history .row:nth-child(odd) .about-content {
		border-left: 0;
		max-width: 100%
	}

	.about_history .row:nth-child(even) .about-content {
		border-right: 0;
		max-width: 100%;
		float: none
	}

	.services .grid__item {
		padding-bottom: 30px
	}

	.services-grid h2 {
		margin-top: 15px;
		margin-bottom: 15px
	}

	.services p.mar-t-100 {
		margin-top: 0
	}

	.services .btn.btn-primary {
		margin-top: 10px
	}

	.call-box {
		margin-top: 20px;
		padding: 20px 20px
	}

	.call-box h5 {
		font-size: 26px
	}

	.popup-content {
		padding: 35px 0 35px
	}

	.btn {
		white-space: initial
	}

	.tile-slider .carousel-control-next {
		right: -24px
	}

	.tile-slider .carousel-control-prev {
		left: -25px
	}

	.design-planner-section .mar-t-40 {
		margin-top: 0
	}

	.story-section:before {
		content: none
	}

	.career h2 {
		font-size: 30px;
		margin-bottom: 15px
	}

	.social-box {
		margin-bottom: 20px;
		text-align: center
	}

	.social-box .col-md-7 {
		margin-top: 20px
	}

	.social-icon {
		padding-bottom: 15px
	}

	.team-box h2 {
		margin-top: 15px;
		margin-bottom: 15px
	}

	.event_dt {
		margin-top: 15px
	}

	.resize-floor form {
		margin-right: 5%
	}

	.floor-box .border-tiles-content:before {
		top: 5px
	}

	.process .heading {
		line-height: 36px
	}

	.mobile-scroll {
		overflow: auto
	}

	.event {
		margin-bottom: 25px
	}

	.featured-tiles .tile-box,
	.resources .tile-box {
		width: 100%;
		display: block;
		background: 0 0
	}

	.single-border-box .grp-tiles {
		max-width: 287px
	}

	footer .list-inline a i {
		line-height: 30px
	}

	.featured-tiles .tile-box {
		height: auto;
		padding: 0
	}

	.featured-tiles a,
	.resources a {
		height: 100%;
		display: block
	}

	.grid h3 {
		text-align: center
	}

	.collection-item {
		text-align: center
	}

	.featured-tiles .tile-box img,
	.resources .tile-box img {
		height: 100%
	}

	.resources .tile-box {
		height: auto;
		padding: 0
	}

	.resources .tile-box img {
		height: auto
	}

	.featured-tiles .tile-box img {
		height: auto
	}

	.tile-box .single-tiles-collection-svg {
		width: 67px;
		height: 67px
	}

	.tile-box .single-tiles-collection-svg svg {
		width: 100%;
		height: 100%
	}

	.social-footer {
		margin-top: 10px
	}

	.about_history img {
		margin-top: 0;
		display: block;
		margin: auto;
		margin-bottom: 20px
	}

	.material-desc .col-md-3 {
		text-align: center
	}

	.product-desc h6 {
		margin: 13px auto
	}

	.saved-tiles-list .col-md-3 {
		text-align: center !important
	}

	.saved-tiles-list .col-md-3,
	.saved-tiles-list .col-md-7 {
		justify-content: flex-start
	}

	.ui-menu .ui-menu-item {
		width: 100% !important;
		padding: 15px !important
	}

	.breadcrumb {
		padding: 5px 1.75rem;
		white-space: nowrap;
		overflow-x: scroll;
		display: block
	}

	.breadcrumb li {
		display: inline-block
	}

	.product-color .list-inline-item {
		margin-bottom: 15px
	}

	.user-content {
		border-bottom: 0
	}

	.profile .col-md-8 {
		border-left: 0
	}

	.user-content-left {
		text-align: center
	}

	.collection-used h3,
	.help-section h3,
	.material-desc,
	.material-info,
	.specification .specification-list,
	.specification h3 {
		text-align: left
	}

	.material-box,
	.material-desc {
		padding-top: 0
	}

	.tile-slider .carousel-caption {
		left: 0;
		width: 100%;
		text-align: left
	}

	.planner-content {
		margin-top: 10px
	}

	.popup-content .btn.btn-primary {
		width: 100%
	}

	.career-img {
		margin: 0
	}

	.career-img .col-md-12 {
		padding: 0
	}

	.featured-tiles .tile-box .single-tiles-collection-hexagon-svg {
		height: 134px;
		overflow: hidden
	}

	.tiles-hexagon-pattern {
		overflow: hidden;
		height: auto
	}

	.order-content .col-md-2dot4 h5 {
		min-height: auto
	}

	footer.grid {
		padding-bottom: 80px
	}

	.social-box p {
		display: none
	}

	.social-section .col-md-12 {
		background: 0 0;
		padding: 0
	}

	.tile-row:nth-child(1) {
		margin-top: -42px
	}

	.featured-tiles .tile-box .single-tiles-collection-hexagon-svg img {
		height: 100%;
		width: 100%
	}

	.tiles-icon {
		top: 27px
	}

	.btn.btn-third {
		display: block
	}

	.spec.grid {
		clear: both
	}

	.product {
		height: 268px
	}

	.product .tiles-background {
		height: 134px
	}

	.product .tiles-background.tiles-background-hexagon {
		height: auto
	}

	.tiles-background .tile-box {
		width: 134px;
		height: 134px
	}

	.tiles-background-hexagon .tile-box-hexagon {
		width: 177px;
		height: 204px
	}

	.product_tile .tile-box .single-tiles-collection-svg {
		width: 65px;
		height: 65px
	}

	.tile-slider .carousel-item {
		overflow: auto
	}

	.border-tile-box-20by15 .single-tiles-collection-svg-corner {
		width: 56px !important;
		height: 56px !important
	}

	.border-tile-box-20by15 .single-tiles-collection-svg-left {
		height: 56px !important;
		width: calc(100% - 56px) !important
	}

	.border-tile-box-20by15 .single-tiles-collection-svg:nth-child(3) {
		width: 56px !important;
		height: 100% !important
	}

	.border-tile-box-20by10 {
		text-align: left
	}

	.border-tile-box-20by10 .single-tiles-collection-svg-corner {
		width: 40px !important;
		height: 40px !important
	}

	.border-tile-box-20by10 .single-tiles-collection-svg-left {
		height: 40px !important;
		width: calc(100% - 50px) !important
	}

	.border-tile-box-20by10 .single-tiles-collection-svg:nth-child(3) {
		width: 40px !important;
		height: calc(100% - 40px) !important
	}

	.search-info {
		right: -145px
	}

	.order-content .order-box-img {
		margin-bottom: 0
	}

	.shareButton.main {
		width: 100%
	}

	.toaster_notification {
		left: 50%;
		margin-left: -125px;
		z-index: 9999999999
	}

	.floor ul.icon-list li {
		margin: 0
	}

	.search_close_btn {
		display: none
	}

	#return-to-top {
		display: none !important
	}

	.prod-cat-list .col-md-12 {
		margin-bottom: 25px
	}

	.wall-features li {
		width: 100%
	}
}

@media screen and (max-width:375px) {
	.carousel-inner .floor-tiles {
		zoom: 50%
	}

	.floor .single-tiles-svg {
		width: 36% !important
	}

	.wallpaper_banner .carousel-inner .carousel-item {
		height: 260px
	}

	.wallpaper_banner .carousel-inner .carousel-item img {
		height: auto;
		object-fit: cover;
		min-height: auto
	}
}

@media screen and (max-width:360px) {
	.single-tiles-svg {
		width: 40% !important
	}
}

@media screen and (max-width:320px) {
	.resize-floor form {
		margin-right: 2%
	}

	.tile-box .single-tiles-collection-svg {
		width: 57px;
		height: 57px
	}

	.product_tile .tile-box .single-tiles-collection-svg {
		width: 55px;
		height: 55px
	}

	.tiles-background {
		height: 115px !important
	}

	.tiles-background .tile-box {
		width: 115px;
		height: 115px
	}

	.single-tiles-svg {
		width: 36% !important
	}

	.product {
		height: 228px
	}
}

@media (min-width:540px) {
	.col-sm-2dot4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%
	}
}

@media (min-width:720px) {
	.col-md-2dot4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%
	}
}

@media (min-width:960px) {
	.col-lg-2dot4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%
	}
}

@media (min-width:1140px) {
	.col-xl-2dot4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%
	}
}

.ui-autocomplete {
	max-height: 420px;
	overflow-y: auto;
	overflow-x: auto
}

.ui-widget.ui-widget-content {
	max-width: calc(100% - 40px);
	font-size: 0
}

.ui-menu .ui-menu-item {
	list-style-image: none;
	white-space: nowrap;
	overflow: visible;
	border: none;
	padding: 30px;
	width: 20%;
	height: 100%;
	display: inline-block
}

.ui-menu .ui-menu-item:last-child,
.ui-menu .ui-menu-item:last-child:hover {
	border-bottom: 0
}

.ui-menu .ui-menu-item:hover {
	cursor: pointer;
	background-color: #f6f6f6;
	border: none
}

.ui-menu .ui-menu-item.ui-menu-li-image {
	padding: 5px
}

.ui-autocomplete .ui-menu-item .ui-menu-item-wrapper {
	font-family: Roboto, sans-serif;
	font-size: 16px;
	padding: 8px 8px 8px 12px;
	font-weight: 400;
	line-height: 25px;
	cursor: pointer;
	color: #000
}

.ui-autocomplete .ui-menu-item .ui-menu-item-image.ui-menu-item-wrapper {
	padding: 0
}

.ui-autocomplete .ui-menu-item .ui-menu-item-text.ui-menu-item-wrapper {
	padding: 0;
	margin-left: 10px;
	text-overflow: ellipsis;
	width: 75%;
	white-space: nowrap;
	overflow: hidden
}

.ui-autocomplete .ui-menu-item .ui-menu-item-image {
	width: 40px;
	height: 40px;
	display: inline-block;
	vertical-align: middle
}

.ui-autocomplete .ui-menu-item .default-avatar {
	width: 100%;
	height: 100%
}

.ui-autocomplete .ui-menu-item .ui-menu-item-text {
	vertical-align: middle;
	display: inline-block
}

.ui-autocomplete .ui-menu-item .ui-state-active {
	border: none;
	cursor: pointer;
	background-color: #f6f6f6;
	color: #000
}

.ui-menu .ui-state-active,
.ui-menu .ui-state-focus {
	margin: 0
}

.autocomplete-no-data {
	cursor: default !important;
	background-color: #fff !important;
	border: none !important;
	color: #000 !important
}

a.more-content-link {
	text-decoration: none;
	outline: 0
}

.more-content span {
	display: none
}

.more-ellipsis {
	display: inline
}

.adj-sppg-sb {
	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto
}

.rpimgthmb {
	max-width: 100%
}

.stcol-otr {
	padding-top: 80px;
	padding-bottom: 80px
}

.stcol-ricadj {
	text-align: center
}

.nogalsps-1 {
	padding-top: 70px
}



#hexGrid {
  display: flex;
  flex-wrap: wrap;
  width: 90%;
  margin: 0 auto;
  overflow: hidden;
  font-family: sans-serif;
  list-style-type: none;
}

.hex {
  position: relative;
  visibility:hidden;
  outline:1px solid transparent; /* fix for jagged edges in FF on hover transition */
  transition: all 0.5s;
  backface-visibility: hidden;
  will-change: transform;
  transition: all 0.5s;
}
.hex::after{
  content:'';
  display:block;
  padding-bottom: 86.602%;  /* =  100 / tan(60) * 1.5 */
}
.hexIn{
  position: absolute;
  width:99%;
  padding-bottom: 115.0%; /* =  width / sin(60) */
  margin: 2%;
  overflow: hidden;
  visibility: hidden;
  outline:1px solid transparent; /* fix for jagged edges in FF on hover transition */
  -webkit-transform: rotate3d(0,0,1,-60deg) skewY(30deg);
      -ms-transform: rotate3d(0,0,1,-60deg) skewY(30deg);
          transform: rotate3d(0,0,1,-60deg) skewY(30deg);
    transition: all 0.5s;
}
.hexIn * {
  position: absolute;
  visibility: visible;
  outline:1px solid transparent; /* fix for jagged edges in FF on hover transition */
}
.hexLink {
    display:block;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    overflow: hidden;
    -webkit-transform: skewY(-30deg) rotate3d(0,0,1,60deg);
        -ms-transform: skewY(-30deg) rotate3d(0,0,1,60deg);
            transform: skewY(-30deg) rotate3d(0,0,1,60deg);
}




/*** HEX CONTENT **********************************************************************/
.hex img {
  left: -100%;
  right: -100%;
  width: auto;
  height: 100%;
  margin: 0 auto;
}

.hex h1, .hex p {
  width: 100%;
  padding: 5%;
  box-sizing:border-box;
  font-weight: 300;
  opacity: 0;
}

#demo1 {
  color: #F5CE95;
  text-transform: capitalize;
    text-align: center;
  bottom: 50%;
  padding-top:50%;
  font-size: 1.5em;
  z-index: 1;
}
.hex h1:before, .hex h1:after {
  display: inline-block;
  margin: 0 0.5em;
  width: 0.25em;
  height: 0.03em;
  background: #ffffff;
  content: '';
  vertical-align: middle;
  transition: all 0.3s;
  text-align:center;
}

#demo2 {
top: 50%;
text-align: center;
text-transform: uppercase;
    
}

.img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-position: center center;
  background-size: cover;
  overflow: hidden;
-webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

.img:before, .img:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  opacity: 0;
  transition: opacity 0.5s;
}
.img:before {
  background: rgba(22, 103, 137, 0.3)
}
.img:after {
  background: linear-gradient(to top, transparent, rgba(0, 0, 0, 0.5), transparent);
}

/*** HOVER EFFECT  **********************************************************************/



.hexLink:hover h1, .hexLink:focus h1,
.hexLink:hover p, .hexLink:focus p{
		opacity:1;
	transition: 0.8s;
}


.hexIn:hover .img:before,
.hexIn:hover .img:after,
.hexIn:hover .hexLink {
 /* opacity: 1;*/
}


/*** HEXAGON SIZING AND EVEN ROW INDENTATION *****************************************************************/
@media (min-width:1201px) { /* <- 5-4  hexagons per row */
  #hexGrid{
    padding-bottom: 6.4%
  }
  .hex {
    width: 20%; /* = 100 / 5 */
  }
  .hex:nth-child(9n+6){ /* first hexagon of even rows */
    margin-left:10%;  /* = width of .hex / 2  to indent even rows */
  }
}

@media (max-width: 1200px) and (min-width:901px) { /* <- 4-3  hexagons per row */
  #hexGrid{
    padding-bottom: 7.5%;
    font-size: 13px;
  }
  .hex {
    width: 25%; /* = 100 / 4 */
  }
  .hex:nth-child(7n+5){ /* first hexagon of even rows */
    margin-left:12.5%;  /* = width of .hex / 2  to indent even rows */
  }
}

@media (max-width: 900px) and (min-width:601px) { /* <- 3-2  hexagons per row */
  #hexGrid{
    padding-bottom: 10.4%;
    font-size: 14px;
  }
  .hex {
    width: 33.333%; /* = 100 / 3 */
  }
  .hex:nth-child(5n+4){ /* first hexagon of even rows */
    margin-left:16.666%;  /* = width of .hex / 2  to indent even rows */
  }
}

@media   (min-width:201px)  and  (max-width: 800px) { /* <- 2-1  hexagons per row */
	.hex{    width: 20%;}
	.tile_fullscreen .modal-dialog {position:relative !important;max-width: 100% !important;margin: 0 !important;height: 100% !important;}

  	.hex:nth-child(9n+6){ /* first hexagon of even rows */margin-left:10%;  /* = width of .hex / 2  to indent even rows */}
  	.logo {width: 100%;}
  	.tile_fullscreen .close{right: 100px !important;}
  	.tiles-background{height: 100px !important;}
}

@media (max-width: 400px) {
    #hexGrid {
        font-size: 8px;
    } 

  
 
}