body{
	margin: 0px;
	padding: 0px;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
}		

section#inventory {
	
    margin-top: 47px;
}




select {
	background-color: white;
	border: 1px solid #c0c0c0;
	height: 32px;
	padding: 5px;
}


.sc-container{			
	max-width:1640px;
	margin:auto;			
}


/*Range Slider*/


.range-slider {
	margin: 20px 0px;
}

.range-slider {
	width: 33%;
}

#minWidth, #minLength {
    margin-left: 15px;
}


.noUi-connect {
   /* background: #bd0e0e; */
}

/* Modals */

.sc-modal {
	text-align: center;
	position: fixed;
	background-color: rgba(30, 30, 30, 0.73);
	width: 100%;
	top: 0;
	left: 0;
	height: 100%;
	z-index: 999999991;
	display: none;
	overflow-y: scroll;
}

.sc-modal2 {
	text-align: center;
	position: fixed;
	background-color: rgba(30, 30, 30, 0.73);
	width: 100%;
	top: 0;
	left: 0;
	height: 100%;
	z-index: 999999992;
	display: none;
}

.sc-modal3 {
	text-align: center;
	position: fixed;
	background-color: rgba(30, 30, 30, 0.73);
	width: 100%;
	top: 0;
	left: 0;
	height: 100%;
	z-index: 999999993;
	display: none;
}








/* Slabs */

.slab-container {
	width: 100%;  
	width: calc(100% - 12px);
	background-color: white;
	margin: 10px auto;
	position: relative; 
	max-width: 850px;
}



img.slab-img {
	width: 100%;
}

.slab-info .sc-cell {
	border-bottom: 1px solid #dadada;
}

.slab-info {
	margin-left: 4em;
}


.sc-thumb-description .sc-cell {
		border-bottom: 1px solid #e1e1e1;
	line-height: 1.4em;
}


img.slab-img:webkit-full-screen {
	width: 100% !important;
	/*   height: auto; */
	max-width: 100%;
}

img:-webkit-full-screen {
	height: auto;
} 



iframe.sc-iframe {
	width: 100%;
	height: 90%;
	
	padding-bottom: 20px;
	
}



/* Icons and Buttons */


img.sc-icon {
	
	width: 24px;
}

.sc-row {
	display: table-row;
	line-height: 1.6rem;
	font-size: 1.1rem;
}

.sc-cell.info-r {
	padding-left: 2em;
}



.prev.sc-btn, .next.sc-btn {
	
	background-color: rgba(0, 0, 0, 0.52);
	position: fixed;
	height: initial;
	border-radius: 5px;
	width: 100px;
	margin-top: -100px;
}



.sc-btn img {
	width: 100px;
}

#share-buttons img {
	width: 40px;
	padding: 5px;
	border: 0;
	box-shadow: 0;
	display: inline;
}

#share-buttons a{
	text-decoration:none;			
}

.filter-pull-up {
	opacity: .5;
	text-align: center;
}
.filter-pull-up:hover{
	opacity: 1;	
	
}


.filter-pull-up img {
	cursor:pointer;
	width: 16px;
	padding-top: 18px;
}  


span.search-reset {
	display: none;
	margin-left: -16px;
	font-size: 1.5em;
	transform: scale(1, .8);
}

.sc-val {
	padding-left: 4px;
}

.sc-row.sc-thumb-description {
	font-size: 1em;
	line-height: 1.3em;
}

.thumb-specs {
	margin-top: 5px;
	
	padding: 5px;
}

.sc-cell.sc-des {
	width: 40%;
}		

.sc-fav-btn.transition svg{
	
	animation-name:tester; 
	animation-duration:400ms; 
	animation-iteration-count:1; 
	animation-timing-function: ease-out;
	
	/* opera */
	-o-transform:rotate(360deg) scale(2);
	-o-transition-duration:400ms;
	-o-transition-timing-function: ease-out;
	
	/* ie */
	-ms-transform:rotate(360deg) scale(2);
	-ms-transform-duration:400ms;
	-ms-transform-timing-function: ease-out;
}
.sc-fav-btn.active svg path {
	fill: red;
	
}

span#applied-region {
    color: #236fce;
    font-weight: 400;
}

span.change-region {
    FONT-WEIGHT: 400;
    color: #de0000;
    cursor: pointer;
    FONT-SIZE: 1.2rem;
}

.favorites-btn svg path {
	fill: #373534;
}


.aa {
	padding: 0px 5px;
	background: url("https://slabcloud.com/sandbox/inventory/images/blank.png");
}

.sc-icon{
	cursor:pointer;	
	
}

.sc-sharer {
	max-width: 320px;
	margin: 1em auto;
	height: 150px;
	background: white;
}


.sc-3d-wrapper {			
	max-width: 1600px;
	margin: 5px auto;			
	background: white;
}






.product-card {
    
    position: relative;
}


.show3D {
    font-weight: 400;
    color: #3f435f!important;
    cursor: pointer;
    float: left;
}

.visualize{
	font-weight: 400;
    color:  #3f435f!important;
	cursor: pointer;
	float:right;
	text-transform: uppercase;
}




.slab-btn {
    vertical-align: middle;
    margin: 4px;
    cursor: pointer;
    background-color: #4b4b4b;
    padding: 4px 8px;
    border-radius: 4px;
    color: #ffffff;
}

.slab-inquiry-btn {

    padding-top: 10px;
}

.slab-btn img{
	width:20px;	
	
}
.slab-btn:hover {
	background-color: #2f2f2f;
}

.right-float{
	float: right;	
}   

.sharer-title h2 {
	font-weight: 100;
	padding-top: 10px;
}

svg {
	width: 20px;
	height: 20px;
}




@keyframes tester {
	
	0% { transform: scale(1) }
	50% { transform: scale(2) }
	100% { transform: scale(1) }
	
	
}






.slab-footer {
	margin: auto;
	display: flex;
	padding: 5px;
	/* height: 2.2em; */
	/* width: 300px; */
	justify-content: center;
}

.info-container {
	padding-bottom: 10px;
}

.sc-cell {
	display: table-cell;
	text-align: left;
}

.sc-special.special-left{			
	left: -5px;
	
}			

.sc-special.special-left span{
	left: -21px;	
	transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}


.inventory-message {
	height:400px;
    margin: auto;
    max-width: 800px;
    text-align: center;
}

.inventory-message h2 {
    font-weight: 100;
}
.sc-cell-d.f-reset {
    vertical-align: bottom;
}	
#inventory-loader {
	display:none;
    position: fixed;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.78);
    height: 100%;
    z-index: 2;
    left: 0;
    top: 0;
}		

.inv-loader {
    left: 50%;
    position: fixed;
    top: 50%;
}

.inventory-message img {
    width: 16px;
}

.color-select.brown {
    background-color: #8e6b43;
}
.color-select.grey {
    background-color: #cbcbcb;
}
.black.color-select {
    background-color: #373534;
}
.green.color-select {
    background-color: #015E46;
}
.blue.color-select {
    background-color: #104a92;
}
.red.color-select {
    background-color: #ab1800;
}

/*
.color-select.active {
    -moz-transform: rotate(180deg) scale(1.3);
    -webkit-transform: rotate(180deg) scale(1.3);
    -o-transform: rotate(180deg) scale(1.3);
    -ms-transform: rotate(180deg) scale(1.3);
    transform: rotate(180deg) scale(1.3);
}

*/

.color-select span.uk-icon {
    display: none;
    color: #8fd804;
    vertical-align: top;
    padding: 4px;
}
.color-select .uk-icon svg polyline {
    stroke-width: 2.5;
}
.color-select.active span.uk-icon {
    display: block;
}

.color-select {
    margin: 2px 4px;
    float: left;
    width: 2em;
    height: 2em;
    border: 1px solid #787878;
    -webkit-transition: transform .5s ease-in-out;
    -moz-transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
}


/*Inquiry Form */


.inquiry-form-wrapper {
    background-color: #ffffff;
    max-width: 500px;
    margin: auto;
       margin-top: 5px;
}


.sc-modal-close {
	cursor:pointer;
	padding: 5px;
	float: right;
}

.sc-modal4 {
	text-align: center;
	position: fixed;
	background-color: rgba(30, 30, 30, 0.73);
	width: 100%;
	top: 0;
	left: 0;
	height: 100%;
	z-index: 999999995;
	display: none;
}
.sc-modal5, .sc-modal6, .sc-modal7{
	text-align: center;
	position: fixed;
	background-color: rgba(30, 30, 30, 0.73);
	width: 100%;
	top: 0;
	left: 0;
	height: 97%;
	z-index: 999999995;
	display: none;
}
form#sc-inquiry {
    padding: 10px;
    margin-top: 10px;
}
input.sc-from, textarea.sc-form {
    margin: 5px;
    padding: 4px;
    border: 1px solid #afafaf;
    line-height: 1.6;
    border-radius: 4px;
    width: 100%;
}
textarea.sc-form {
    width: 100%;
}

label.sc-robot {
  display: inline-block;
 
  cursor: pointer;
  position: relative;
}
label.sc-robot span {
  display: inline-block;
  position: relative;
  background-color: transparent;
  width: 25px;
  height: 25px;
  transform-origin: center;
  border: 2px solid #01abde;
  border-radius: 50%;
  vertical-align: -6px;
  margin-right: 10px;
  transition: background-color 150ms 200ms, transform 350ms cubic-bezier(0.78, -1.22, 0.17, 1.89);
}
label.sc-robot span:before {
  content: "";
  width: 0px;
  height: 2px;
  border-radius: 2px;
  background: #01abde;
  position: absolute;
  transform: rotate(45deg);
  top: 13px;
  left: 9px;
  transition: width 50ms ease 50ms;
  transform-origin: 0% 0%;
}
label.sc-robot span:after {
  content: "";
  width: 0;
  height: 2px;
  border-radius: 2px;
  background: #1790b5;
  position: absolute;
  transform: rotate(305deg);
  top: 16px;
  left: 10px;
  transition: width 50ms ease;
  transform-origin: 0% 0%;
}
label.sc-robot:hover span:before {
  width: 5px;
  transition: width 100ms ease;
}
label.sc-robot:hover span:after {
  width: 10px;
  transition: width 150ms ease 100ms;
}

input.sc-robot {
  display: none;
}
input.sc-robot:checked + label span {
  background-color: #ffffff;
  transform: scale(1.25);
}
input.sc-robot:checked + label span:after {
  width: 10px;
  background: #1790b5;
  transition: width 150ms ease 100ms;
}
input.sc-robot:checked + label span:before {
  width: 5px;
  background: #1790b5;
  transition: width 450ms ease 100ms;
}
input.sc-robot:checked + label:hover span {
  background-color: #ffffff;
  transform: scale(1.25);
}
input.sc-robot:checked + label:hover span:after {
  width: 10px;
  background: #1790b5;
  transition: width 150ms ease 100ms;
}
input.sc-robot:checked + label:hover span:before {
  width: 5px;
  background: #1790b5;
  transition: width 150ms ease 100ms;
}

label.sc-robot {
	color:#1790b5;
    font-size: 1.5em;
}

div.sc-check {
    padding: 10px;
    margin: 16px 5px;
}

footer.sc-robot button {
    text-transform: uppercase;
    /* font-family: monospace; */
    font-size: 1.5em;
    cursor: pointer;
    color: white;
    background-color: #5a5a5a;
    border: 1px solid #e2e2e2;
    font-weight: 100 !important;
    padding: 3px 10px;
    border-radius: 4px;
    line-height: 1.5;
}
.sc-modal-header {
    font-size: 1.5em;
    padding-top: 10px;
}
label.sc-robot.error {
    color: #bf0000;
}
label.sc-robot.error span {
    border-color: #bf0000;
}

.response-msg {
    font-size: 1.3em;
    padding: 1em;
}




/* Spinners */

.sc-loader-round {
	width:35px;
	height:35px;
	display:inline-block;
	padding:0px;
	border-radius:100%;
	border:2px solid;
	border-top-color:rgba(100, 100,100, 0.65);
	border-bottom-color:rgba(0,0,0, 0.15);
	border-left-color:rgba(0,0,0, 0.65);
	border-right-color:rgba(0,0,0, 0.15);
	-webkit-animation: sc-loader-round 0.8s linear infinite;
	animation: sc-loader-round 0.8s linear infinite;
}
@keyframes sc-loader-round {
	from {transform: rotate(0deg);}
	to {transform: rotate(360deg);}
}
@-webkit-keyframes sc-loader-round {
	from {-webkit-transform: rotate(0deg);}
	to {-webkit-transform: rotate(360deg);}
}


#color-spinner{
	/*	display:none; */
	position:fixed;
	z-index: 3;
	top: 25%;
	left: 50%;
}

/* Product Card */
.product-image img, img.slab-image {
    width: 100%;}

.product-card {
    border: 1px solid #cfcfcf;
    margin: 5px;
    display: flex;
    flex-direction: column;
    max-width: 262px;
    padding: 2%;
    flex: 1 19%;
    background-color: #f2f2f2;
}
.product-image {
    border: 1px solid #cdcdcd;
    padding: 7px;
	background: #fff;
	min-height: 115px;
}

.product-card:hover {
    background-color: #ddd;
    border: 1px solid #bcbcbc;
}
.product-image img, img.slab-image {
    width: 100%}
#myImg, .btn, .closes, .color-select, .fav, .show-favorites, .slab-wrapper, span.search-reset {
    cursor: pointer;
}
.products {
    display: flex;
    flex-wrap: wrap;
}


.material, .product-info {
 
    padding-top: 5px;
    text-align: center;
}



/* Specials */

.scl-special {
    position: absolute;
    width: 110px;
    color: white;
    padding: 1px 4px;
    text-align: center;
    margin-top: 2px;
    font-size: .9em;
	box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
}

.sc-special {
	position: absolute;
	right: -5px; top: -5px;
	
	overflow: hidden;
	width: 75px; height: 75px;
	text-align: right;
}
.sc-special span {
	z-index: 1;
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
	text-transform: uppercase;
	text-align: center;
	line-height: 20px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	width: 100px;
	display: block;
	
	box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
	position: absolute;
	top: 19px; right: -21px;
}
.sc-special span::before {
	content: "";
	position: absolute; left: 0px; top: 100%;
	z-index: -1;
	
	border-right: 3px solid transparent;
	border-bottom: 3px solid transparent;
	
}
.sc-special span::after {
	content: "";
	position: absolute; right: 0px; top: 100%;
	z-index: -1;
	border-left: 3px solid transparent;
	
	border-bottom: 3px solid transparent;
	
}



/*Special Green*/		
.sc-special.green span, .scl-special.green {
	background: #79A70A;
	background: linear-gradient(#9BC90D 0%, #79A70A 100%);
	
}

.sc-special.green span::before {
	border-left: 3px solid #79A70A;	
	border-top: 3px solid #79A70A;
}
.sc-special.green span::after {
	border-right: 3px solid #79A70A;
	border-top: 3px solid #79A70A;
}	

/*Special Blue*/	
.sc-special.blue span, .scl-special.blue {
	background: #79A70A;
	background: linear-gradient(#0A83C9 0%, #0C69A7 100%);
	
}

.sc-special.blue span::before {
	border-left: 3px solid #0C69A7;
	border-top: 3px solid #0C69A7;
}
.sc-special.blue span::after {
	border-right: 3px solid #0C69A7;
	border-top: 3px solid #0C69A7;
}				

/*Special Red*/	
.sc-special.modern-red span, .scl-special.modern-red {
	background: #79A70A;
	background: linear-gradient(#C90C45 0%, #A70530 100%);
	
}

.sc-special.modern-red span::before {
	border-left: 3px solid #A70530;
	border-top: 3px solid #A70530;
}
.sc-special.modern-red span::after {
	border-right: 3px solid #A70530;
	border-top: 3px solid #A70530;
}	


/*Special Red*/	
.sc-special.red span, .scl-special.red {
	background: #79A70A;
	background: linear-gradient(#F00507 0%, #AB0A05 100%);
	
}

.sc-special.red span::before {
	border-left: 3px solid #AB0A05;
	border-top: 3px solid #AB0A05;
}
.sc-special.red span::after {
	border-right: 3px solid #AB0A05;
	border-top: 3px solid #AB0A05;
}				

/*Special Silver*/	
.sc-special.silver span, .scl-special.silver {
	background: #79A70A;
	background: linear-gradient(#B0B0B0 0%, #878787 100%);
}

.sc-special.silver span::before {
	border-left: 3px solid #878787;
	border-top: 3px solid #878787;
}
.sc-special.silver span::after {
	border-right: 3px solid #878787;
	border-top: 3px solid #878787;
}				

/*Special Gold*/	
.sc-special.gold span, .scl-special.gold {
	background: #79A70A;
	background: linear-gradient(#F5AC00 0%, #D99100 100%);
}

.sc-special.gold span::before {
	border-left: 3px solid #D99100 ;
	border-top: 3px solid #D99100;
}
.sc-special.gold span::after {
	border-right: 3px solid #D99100;
	border-top: 3px solid #D99100;
}



/* Inputs and Filters */

.sc-nav-bar {
	display: inline-block;
	margin: 5px;
}		

.search-icon {
	padding-left: 10px;
}			


.sc-icon img {
	width: 24px;
	padding-bottom: 5px;
	margin: 5px 4px;
	vertical-align: baseline;
}			


.collection-sort {
	display: table-row;
}			

.slab-search{
	vertical-align: top;
	
}

input.slab-search {
	vertical-align: top;
	width:200px;
	margin-left: 8px;
	padding: 5px;
	border-radius: 3px;
	border: 1px solid #c1c1c1;
}


p#sc-message {
    text-align: center;
    font-size: 1.2rem;
    color: #383838;
}


.color-selection {
	display: inline-block;
}


.filter-sticky {
	width: 100%;
	height: 45px;
	background-color: rgba(255, 255, 255, 0.98);
	}	

.advanced-filter {
	width: 100%;
	padding: 0px 5px;
	
	background-color: rgba(255, 255, 255, 0.98);
	-webkit-box-shadow: 0px 3px 5px -2px rgba(0,0,0,0.17);
	-moz-box-shadow: 0px 3px 5px -2px rgba(0,0,0,0.17);
	box-shadow: 0px 3px 5px -2px rgba(0,0,0,0.17);
	padding-top: 10px;
	display:none;
}

.advanced-filter select {
	text-transform: capitalize;
	width: 170px;
}
a.filter-reset {
    text-decoration: none;
    color: #0973b3;
}


   .product-card {
    border: 1px solid #cfcfcf;
    margin: 10px;
    padding: 7px;
}

@media only screen 

and (max-device-width: 667px) 
{
	
	
}

label.range-label {
	
	line-height: 2em;
}

/* List Mode */

.sc-list-image img {
    width: 110px;
}








.table-row {
	display: flex;
	display: -webkit-flex;
	flex-direction: row;
	-webkit-flex-direction: row;
	flex-wrap: no-wrap;
	-webkit-flex-wrap: no-wrap;
	width: 100%;
}


.scp-column {
	flex-grow: 0;
	-webkit-flex-grow: 0;
	flex-shrink: 0;
	-webkit-flex-shrink: 0;
	vertical-align: top;
}

.table-row {
	border-bottom: 1px solid #e0e0e0;
	border-collapse: collapse;
	padding-top: 2px;
	padding-bottom: 2px;
}

.scp-column {
	color: #3d3d3d;
    font-size: 1.5em;
    width: 270px;
	margin-top: auto;
	text-align: left;
}

.scp-column.img {
	width:125px;
}

.table-row.th {
    margin-top: 5px;
    font-weight: 400;
}






/* Media Queries */


@media all and (max-width: 956px) {
	
	.scp-column {
		color: #3d3d3d;
		font-size: 1.3em;
		width: 160px;
	}
	
	.sc-list-image img {
		width: 100px;
	}
	
	
	.scp-column.img {
		width:110px;
	}
	.scp-column.quantity {
		width:110px;
	}	
	
	
	.scl-special {   
		width: 95px;    
		font-size: .7em;	
	} 	
	.slab-info {
    margin-left: 1em;
}
	
}
























@media only screen and (min-device-width: 668px) 
{ 
	.sc-cell-d{
		display:table-cell;
		padding-left: 20px;
		margin-left:5px;
		width: 250px;
	}
	.mobile-hide{
		display:none !important;
	}
	
	.sc-row-d{
		display:table-row;
	} 
	
	.product-card{
		max-width: 315px;
	}
	
	
	.info-container {
		display: flex;
		/* justify-content: right; */
	}
	
	.slb-foot {
		/* display: flex; */
		/* justify-content: flex-end; */
		margin-left: 30px;
	}
	

	.slab-footer {
	
		width: 522px;
		/* justify-content: flex-end !important; */
	}
	select {
    margin-left: 5px;
}

.sc-col {
    display: table-cell;
}


.sci-col {
    padding: 5px;
    display: table-cell;
}

}



@media all and (max-width: 1236px) {
	
	
	.scp-column {
		color: #3d3d3d;
		font-size: 1.5em;
		width: 200px;
	}
	
	.sc-list-image img {
		width: 100px;
	}
	
	
	.scp-column.img {
		width:110px;
	}
	.scp-column.quantity {
		width:110px;
	}
	
	
	.advanced-filter select {
    margin-bottom: 10px;

}
	
}
	
@media all and (max-width: 960px) {
	
	.product-card {
    flex: 1 29%;
    margin: 7px auto!important;
    max-width: 320px;
}

}

@media all and (max-width:640px) {
	
	.product-card {
    flex: 1 96%;
    margin: 7px auto!important;
    max-width: 320px;
}




.color-select {
    width: 1.5em;
    height: 1.5em;
}
	
	
	
	.table-row {
		padding-left: 4px;
		padding-right: 4px;
	}
	
	
	
	
	.table-row {
		border-bottom: 1px solid #e0e0e0;
		border-collapse: collapse;
		padding-top: 2px;
		padding-bottom: 2px;
	}
	
	.scp-column {
		color: #3d3d3d;
		font-size: 1em;
		width: 90px;
	}
	
	.sc-list-image img {
		width: 65px;
	}
	
	
	.scp-column.img {
		width:70px;
	}
	.scp-column.quantity {
		display:none;
	}  
	
	
	
	span.search-reset {   
		margin-top: 8px;
		
	}
	
	.scl-special {   
		width: 60px;    
		font-size: .6em;	
	} 
	
	
	
	.desktop-hide{
		display:none;
	}
	
	.advanced-filter select {
	    margin-bottom: 10px;
		width: 45%
	}	 
	.advanced-filter{
		text-align: center;
	}
	
	.range-slider{
		width: 96%;
	}

	
}


/* EXPERIMENTAL!!! */
@media only screen and (max-width:767px) {
    .modas-content {
    width: 100%}
div.section_wrapper {
    margin: 0 auto!important;
    max-width: 100%!important;
}


input.slab-search {

    width: 86% !important;
	    max-width: 400px;
    margin-top: 10px;
}
.collection-sort {
    padding: 5px;
}

    input#search {
    width: 99%!important;
    margin-top: .8em;
	}
.sc-filter {
    width: 100%;
	}
table.slb {
    width: 96%;	
}
.slab-info {
    width: 100%;
}

table.slb td {

    line-height: 24px;
}	



}

.height, .length {
    font-size: 1.3em;
}








.powered {
    color: #a6a6a6;
    margin: 30px auto;
    text-align: center;
}
.powered img {
    width: 60px;
}







    
@media (min-width:1200px) {
 


input#search {
    margin-left: 5px !important;
}


}


.material-list {
    margin-top: 1em;
}

#loading, #overlay {
    position: absolute;
}
.modal-header, span.mtrl {
    text-transform: uppercase;
}
span.mtrl {
    font-weight: 700;
    color: #553523;
    font-size: 12px;
}
.fav, .show-favorites {
    color: #3d3d3d;
    -webkit-transition: transform .5s ease-in-out;
    -moz-transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
}
.slab-title {
    font-family: Lato;
}
.btn, .modal-body {
    font-family: sans-serif;
}
.caption p {
    text-align: left;
    font-size: 1em;
    line-height: 1.2em;
    margin: 0 10px 15px;
}
.fav {
    float: right;
}
.show-favorites {
    display: none;
    margin-right: 3px;
    float: left;
}
.fav.active, .show-favorites.active {
    color: #f27b04!important;
    -moz-transform: rotate(360deg) scale(1.3);
    -webkit-transform: rotate(360deg) scale(1.3);
    -o-transform: rotate(360deg) scale(1.3);
    -ms-transform: rotate(360deg) scale(1.3);
    transform: rotate(360deg) scale(1.3);
}
.filter {
    display: inline-block;
    height: 2.2em;
    width: 100%}



a#openModal {
    display: none;
}
img.tmp-img {
    opacity: .7;
}
#myImg:hover, #overlay {
    -webkit-filter: brightness(110%);
}

.sc-nav div.btn {
    /* text-align: center; */
    display: inline-block;
    /* margin-right: 5px; */
    width: 24px;
    padding: 2px 5px 0;
    background-color: #4B4B4B;
    /* color: #fff; */
    border-radius: 4px;
}
.sc-nav.desktop-hide .slab-btn {
    padding: 4px;
    width: 36px;
}

.sc-nav {
    float: right;
}
#overlay {
    z-index: 9999999999999;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #000;
    filter: alpha(opacity=80);
}
#loading {
    width: 50px;
    height: 57px;
    top: 50%;
    left: 50%;
    margin: -28px 0 0 -25px;
}








.btn.fav {
    float: none;
}
.btn div.fav {
    color: #DFDFDF;
    float: none;
}
.filter select {
    color: #431F06;
}
.dimension {
    float: left;
    margin: 5px;
}
.material-row {
    border-bottom: 1px solid #BABABA;
    display: inline-block;
}
.material-dec {
    width: 80px;
    float: left;
}
.material-value {
    float: left;
    width: 100px;
}
.slb tr {
    border-bottom: 1px solid #C4C4C4;
}
.slb td {
    width: 160px;
}
.sc-slab-title {
    font-size: 1.8em;
    font-weight: 100;
    color: #494949;
    padding: 4px;
}
#inventory {
	    margin-top: 25px;
    width: 100%
	}
div.btn img {
    width: 2em;
}


.sc-filter {
    float: left;
}
.unit, .units {
  float: none !important;
}
nav.product-filter {
    margin-top: 1em;
	}

	
h2.slabs-title {
    margin-top: 1em;
    font-weight: 100;
}

.measure-wrapper {
    width: 98%;
    max-width: 1400px;
    background-color: white;
    margin: auto;
    height: 100%;
}
iframe#slab-measure, iframe#slab-bookmatch {
    width: 98%;
    overflow: hidden;
    height: 960px;
    border: 0px;
}

			.sc-modal, .sc-modal2, .sc-modal3, .sc-modal4{
			overflow-y: auto;
			
			
			}
			
		
			@media screen and (-webkit-min-device-pixel-ratio:0) { 
			select,
			textarea,
			input {
			font-size: 16px;
			}
			}
			
			section#inventory {
			margin-top: 60px;
			}
			.inv-loader.inquiry {
			display:none;
			top: 20%;
			}
			.demo-inquiry {
			color: #1790b5;
			padding-top: 10px;
			}
			
			iframe.sc-iframe {
    width: 100%;
    height: 100%;
    padding-bottom: 50px;
}
.powered a {
    text-decoration: none;
    color: gray;
}
.sc-modal, .sc-modal2, .sc-modal3, .sc-modal4{
	overflow-y: auto;
	
	
	}
	
	.product-info {
	text-transform: uppercase;;
	}
	@media screen and (-webkit-min-device-pixel-ratio:0) { 
	select,
	textarea,
	input {
	font-size: 16px;
	}
	}
	
	section#inventory {
	margin-top: 60px;
	}
	.inv-loader.inquiry {
	display:none;
	top: 20%;
	}
	.demo-inquiry {
	color: #1790b5;
	padding-top: 10px;
	}
	
iframe.sc-iframe {
width: 100%;
height: 98%;
padding-bottom: 50px;
}
.powered a {
text-decoration: none;
color: gray;
}
.admin-btn {
cursor:pointer;
border-radius:4px;
padding: 10px;
margin: 10px;
float: left;
background-color: #0c5a7e;
color: #ffffff;
}
.admin-panel {
max-width: 400px;
margin: auto;
}
.edgeFrame {
height: 96%;
}


.viz-wrapper, #viz-wrapper, .sc-3d-wrapper {
    height: 99% !important;
}
.wcustomhtml {
    overflow: hidden;
}

.visualize, .show3D {
    font-size: 1rem;
}