
.fit-size {
	max-width:100%;
	height:auto;
}

.grayscale {
	filter:url("data:image/svg+xml;utf8,<svg xmlns='https://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
	filter:gray alpha(opacity=100);
	-webkit-filter:grayscale(100%);
	filter:grayscale(100%);
}

#content.home {
	text-align:center;
}

#content.home h2 {
	font-size:20px;
	font-size:1.25rem;
}

#content.home .hr {
	margin:40px 0 30px;
}

#content.home figure {
	position:relative;
}
/* -- */
#content.home .slider figcaption {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	height:50%;
	text-align:center;
}

#content.home .slider figcaption .link {
	padding-top:1.81818%;
}

#content.home .slider figcaption .link a {
	font-family:helvetica_neue,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight:400;
	text-transform:uppercase;
	letter-spacing:2px;
	font-size:11px;
	font-size:.6875rem;
	background:#000;
	padding:8px 12px;
}

#content.home .slider .title {
	font-family:helvetica_neue,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight:400;
	text-transform:uppercase;
	letter-spacing:2px;
	font-size:28px;
	font-size:1.75rem;
	line-height:1.618;
}
#content.home .slider .title.mobile {
	display:none;
}
@media screen and (max-width: 768px) {
	#content.home .slider figcaption {
		height: 70%;
	}
	#content.home .slider figcaption .valign {
		vertical-align: bottom;
		padding-bottom: 20px;
	}
	#content.home .slider .title {
		display: none;
	}
	#content.home .slider .title.mobile {
		display: block;
	}
	#sharebar li:first-child {
		margin-top:0;
	}
	#content.home .slider figcaption .link_mobile a {
		font-family:helvetica_neue,"Helvetica Neue",Helvetica,Arial,sans-serif;
		font-weight:400;
		text-transform:uppercase;
		letter-spacing:2px;
		font-size:11px;
		font-size:.6875rem;
		background:#000;
		padding:8px 12px;
		color: #fff;
	}

}
@media screen and (max-width: 480px) {
	#content.home .slider figcaption {
		height: 100%;
	}
	#content.home .slider .title {
		font-size:18px;
		font-size:1.125rem;
		line-height: 1.1;
	}
}

/* -- */

#content.home .grid::before,#content.home .grid::after {
	content:"";
	display:table;
}

#content.home .grid::after {
	clear:both;
}

#content.home .grid {
	zoom:1;
}

#content.home .grid>div,#content.home .grid figure {
	float:left;
}

#content.home .grid .half {
	width:49.63636%;
	margin-right:.72727%;
}

@media screen and (max-width: 480px) {
	#content.home .grid .half {
		width:100%;
		margin-right:0;
	}
}

#content.home .grid figure {
	margin-right:1.4652%;
	margin-bottom:1.4652%;
}

#content.home .grid figure.fourth {
	width:49.2674%;
}

#content.home .grid figure a {
	display:block;
}

#content.home .grid figure a>img {
	display:block;
	margin:auto;
/*	width:100%;
	max-width:100%;*/
}

#content.home .grid figure a .overlay,#content.home .grid figure a .colored {
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
}

#content.home .grid figure a .overlay {
	background:rgba(255,255,255,0.3);
	z-index:50;
}
@media screen and (max-width: 768px) {
	#content.home .grid figure a .overlay {
		display: none;
	}
}
#content.home .grid figure a .colored {
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity:0;
	-webkit-transition:opacity .3s;
	-moz-transition:opacity .3s;
	-o-transition:opacity .3s;
	transition:opacity .3s;
	z-index:100;
}
@media screen and (max-width: 768px) {
	#content.home .grid figure a .colored {
		filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
		opacity:1;
	}
	#content.home .grid figcaption h3 {
		font-size: 14px;
		font-size: 0.875rem;
	}
}
#content.home .grid figure a:hover .colored {
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity:1;
}

#content.home .grid .last {
	margin-right:0!important;
}

#content.home .grid figcaption {
	position:absolute;
	left:0;
	right:0;
	bottom:10%;
}

/* -- */


#cartBox>div{
    left: 50% !important;
    margin-left: -200px !important;
}

#content.home .grid figure{
	margin-right: 0 !important;
	margin-bottom: 10px !important;
}
#content.home .grid figure a>img{
	    width: 100% !important;
}
#content .grid  .row.r1>figure:nth-child(2), #content .grid  .row.r1>figure:nth-child(2) .colored{
	padding-right:5px !important;
}
#content .grid  .row.r1>figure:nth-child(3), #content .grid  .row.r1>figure:nth-child(3)  .colored{
	padding-left:5px !important;
}
#content .grid  .row.r2>figure:nth-child(1), #content .grid  .row.r2>figure:nth-child(4), #content .grid  .row.r2>figure:nth-child(1) .colored, #content .grid  .row.r2>figure:nth-child(4) .colored{
	padding-right:5px !important;
}
#content .grid  .row.r2>figure:nth-child(2), #content .grid  .row.r2>figure:nth-child(5), #content .grid  .row.r2>figure:nth-child(2) .colored, #content .grid  .row.r2>figure:nth-child(5) .colored{
	padding-left:5px !important;
}
#content .grid  .colored{
	padding:0 15px;
}
#content .grid  .colored img{
	width: 100%;
	height: 100%;
}
@media screen and (max-width: 768px){
#content.home .grid figure a .colored {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 0;
}
}
#content.home .grid figcaption {
    left: 15px !important;
    right: 15px !important;

}

#content.home .grid.row>div{
	padding: 0 5px !important;
}
#content.home .grid.row>div>.row{
	    margin: 0 !important;
}
#content.home .grid.row>div>.row figure{
	    padding: 0;
}
#content.home .grid figure a .colored{
	padding: 0 !important;
}

/* ==== */

#content{
	position: relative;
}
#sharebar i{
	display: inline-block;
}
#sharebar ul{
	padding:0;
}
#sharebar a.top>i, .icon.locator>i, .ui-social-facebook,.icon.facebook>i,.ui-social-fancy,.icon.fancy>i,.ui-social-pinterest,.icon.pinterest>i,.ui-social-twitter,.icon.twitter>i {
	background:url(https://seacell.com.au:8443/spinalflex/home/sharebar.png) no-repeat;
}
#sharebar a.top>i {
	background-position:0 -355px;
	height:26px;
	width:26px;
}

#sharebar a .icon,#sharebar a.top>i{
	-webkit-transform:translate3d(0,0,0);
}


#sharebar {
	position:absolute;
	left:100%;
	top:10px;
	padding-left:20px;
	z-index:998;
}

#sharebar .title {
	font-family:helvetica_neue,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight:500;
	text-transform:uppercase;
	letter-spacing:1.5px;
	font-size:9px;
	font-size:.5625rem;
}

#sharebar li {
	display:block;
	margin-top:10px;
}

#sharebar a {
	display:block;
	text-align:center;
	margin:0 auto;
	line-height:35px;
}

#sharebar a .icon {
	background-color:#CCC;
}

#sharebar a .icon,#sharebar a.top>i {
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	opacity:.5;
	-webkit-transition:opacity .3s;
	-moz-transition:opacity .3s;
	-o-transition:opacity .3s;
	transition:opacity .3s;
}

#sharebar a.top {
	font-family:helvetica_neue,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight:500;
	text-transform:uppercase;
	letter-spacing:1.5px;
	font-size:10px;
	font-size:.625rem;
	margin-top:20px;
	line-height:1.618;
}

#sharebar a:hover .icon,#sharebar a:hover.top>i {
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity:1;
}

#sharebar.small a.top {
	margin-top:0;
}

.ui-social-facebook,.icon.facebook>i {
	background-position:0 -521px;
	height:16px;
	width:9px;
}

.ui-social-fancy,.icon.fancy>i {
	background-position:0 -447px;
	height:24px;
	width:15px;
}

.ui-social-pinterest,.icon.pinterest>i {
	background-position:0 -336px;
	height:19px;
	width:15px;
}

.ui-social-twitter,.icon.twitter>i {
	background-position:0 -433px;
	height:14px;
	width:16px;
}
.ui-icon-locator,.icon.locator>i {
	background-position:0 -381px;
	height:21px;
	width:15px;
}

/* ~~~~~ */
/*.icon {
	width:35px;
	height:35px;
	line-height:35px;
	text-align:center;
	margin:0 auto;
}

.icon>i {
	display:inline-block;
	*display:inline;
	zoom:1;
	margin-left:1px;
}*/

.icon.facebook>i {
	vertical-align:-3px;
}

.icon.twitter>i {
	vertical-align:-2px;
}

.icon.pinterest>i {
	vertical-align:-4px;
}

.icon.fancy>i {
	vertical-align:-7px;
}

.icon.locator>i {
	vertical-align:-6px;
}

.page-contact-stores .icon-platinum {
	display:inline-block;
	*display:inline;
	zoom:1;
}

.page-contact-stores .icon-prestige {
	display:inline-block;
	*display:inline;
	zoom:1;
}

.page-contact-stores .icon-furniture {
	display:inline-block;
	*display:inline;
	zoom:1;
}

.page-contact-stores .icon-orientexpress {
	display:inline-block;
	*display:inline;
	zoom:1;
}

@media screen and (min-width: 1201px) {
	#main {
		padding-right: 60px;
	}
	.page-template-page-templatescontact-home-php #main, 
	.page-template-page-templatescontact-stores-php #main, 
	.page-template-page-templatescontact-question-php #main,
	.post-type-archive-treca_booklet #main {
		padding-right: 0;
	}
	#sharebar {
		left: 100%;
		right: auto;
		top: 0;
	}

}
@media screen and (max-width: 1200px) {
	#main {
		padding-right: 60px;
	}
	.page-template-page-templatescontact-home-php #main, 
	.page-template-page-templatescontact-stores-php #main, 
	.page-template-page-templatescontact-question-php #main,
	.post-type-archive-treca_booklet #main,
	.post-type-archive-treca_decoration #main {
		padding-right: 0;
	}
	#sharebar {
		left:auto;
		right: -50px;
		top: 0;
	}
	#sharebar .is-sticky > div {
		right: 20px;
	}
	#sharebar .title {
		display: none;
	}
}

@media screen and (max-width: 480px) {
	#main {
		padding-right: 0;
	}
	#sharebar {
		display:none;
	}
}
@media screen and (max-width: 768px) {
	#sharebar li:first-child {
		margin-top:0;
	}
}


#home-text {
    font-family: helvetica_neue,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0;
    padding: 0;
    color: white;
}
