/* Add here all your CSS customizations */
html section.section-primary {
    background-color: #f15b26 !important;
    border-color: #f15b26 !important;
}
.custom-position-1{background: #fff; margin-top: -100px!important;}
.looking-for .container{padding:0px!important;}
.looking-for .looking-for-box h2{color: #000;}
.stone-infos .stone-details{font-size:10px; line-height: 16px!important; margin-top: 15px;}
.thumb-info.custom-thumb-info-style-1{
	border: 1px solid #FFF;
	-webkit-box-shadow: 10px 1px 59px -21px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 1px 59px -21px rgba(0,0,0,0.75);
	box-shadow: 10px 1px 59px -21px rgba(0,0,0,0.75);
}
.bottom-panel{display: none;}
.img-thumbnail{padding: 0!important; border: 0!important;}

/* General */
.txt-shadow{text-shadow: 1px 1px 3px #000000;}

/* Stone Type */
.browse-stone-input{width: 80%;}
.filter-wrapper {
    width: 100%;
    height: 150px;
    clear: both;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #c8a732;
    margin-bottom: 0;
	display: table;
    padding-bottom: 30px;
}
.filter-wrapper ul {
    width: 100%
}
.filter-wrapper ul li {
    float: left;
    margin: 15px 23px;
    width: 60px;
    height: 90px;
    text-align: center;
	list-style-type: none;
}
.filter-wrapper ul li:hover {
	font-weight: bold;
}
.filter-wrapper ul li #filter-black {
    width: 60px;
    height: 60px;
    background-color: #000
}
.filter-wrapper ul li #filter-gray {
    width: 60px;
    height: 60px;
    background-color: #666
}
.filter-wrapper ul li #filter-white {
    width: 60px;
    height: 60px;
    background-color: #F4F4F4
}
.filter-wrapper ul li #filter-beige {
    width: 60px;
    height: 60px;
    background-color: #F9F3AE
}
.filter-wrapper ul li #filter-blue {
    width: 60px;
    height: 60px;
    background-color: #39C
}
.filter-wrapper ul li #filter-red {
    width: 60px;
    height: 60px;
    background-color: #C30
}
.filter-wrapper ul li #filter-pink {
    width: 60px;
    height: 60px;
    background-color: #F99
}
.filter-wrapper ul li #filter-brown {
    width: 60px;
    height: 60px;
    background-color: #B05800
}
.filter-wrapper ul li #filter-yellow {
    width: 60px;
    height: 60px;
    background-color: #FF0
}
.filter-wrapper ul li #filter-green {
    width: 60px;
    height: 60px;
    background-color: #690
}
.filter-wrapper .selected{font-weight: bold;}
.browse-stone-wrapper .selected{font-weight: bold;}

.team-item{margin-bottom:15px;}

.adj-h{height: 235px;}
.owl-carousel.owl-theme .owl-dot span{background: #cecece;}
.owl-carousel.show-nav-hover .owl-nav .owl-next{right: 10px;}
.owl-carousel.show-nav-hover .owl-nav .owl-prev{left: 10px;}
.label-grey{border: 1px solid #bbb; color: #bbb; border-radius: 25px;}


/* Footer */
#footer {
    background: #000000!important;
    border-top: 1px solid #999999!important;
}
#footer p{color: #fff!important;}
html section.section-secondary {
    background-color: #fafafa !important;
    border-color: #fafafa !important;
}



/* Responsive */
@media (max-width: 768px){
.logo-marble-emporium{width: 170px; height:auto; margin:0;}
#header .header-body{padding: 0!important;}
.looking-for .container{padding:20px!important;}
.custom-call-to-action{border:0; padding-left:0;}
.parallax-img-height{height:400px; background-size: cover!important;}
.filter-wrapper ul li {
    margin: 3px 18px;
    width: 30px;
    height: 60px;
}
.filter-wrapper ul li span{display: none;}
.adj-h{height: 200px;}

/* Bottom Panel */
.bottom-panel{
	display: block; position: fixed; bottom: 0; left: 0; z-index: 99999; width: 100%;
	background-color: #FFF !important;
    border-top: 1px solid #F60!important;
	}
.bottom-panel a{font-size: 15px;}
.bottom-panel .panel-links{padding: 15px;}
}