/*
Theme Name: All Ceramic Marketing
Author: ABL IT
Author URI: http://ablit.com
Description: Bespoke themes Uptiles
*/

.footer-note .note-text { font-size:13px; }

body{
	font-family: 'Open Sans', sans-serif;
	background:#fafafa;
	color:#000;
	line-height:1.8
}

.container{
	max-width:900px;
}

h1,h2,h3,h4,h5,h6{
	font-family: 'PT Sans Narrow', sans-serif;
}

h1{
	color:#a60202;
	font-weight:700;
	font-size:40px
}

a, a:visited{
	color:#a60202;
}

a:hover,a:active{
	text-decoration:none;
	color:#c11211
}

.footer-link{
	color: #fff;
}

a .footer-link:visited{
	color: #fff;
}

.header-top{
	background:#a60202;
	color:#fff;
	font-weight:bold;
	font-family: 'PT Sans Narrow', sans-serif;
	font-size:15px;
	padding:10px 0;
}

.header-top span{
	color:#000;
}

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

.header-menus ul li{
display:inline-block;
margin-left:20px;
}

.header-menus ul li:first-child{
margin-left:0
}

.header-menus ul li a{
font-size:20px;
color:#fff;
text-decoration:none
}

.open-hours span{
min-width: 55px;
display: inline-block;
text-align: left;
}

.header-top .social-media ul{
	margin:0;
	padding:0;
	list-style:none;
	text-align:right
}

.header-top .social-media ul li{
	display:inline-block;
	width:25px;
	text-align:center;
}

.header-top .social-media ul li a{
	display:block;
	margin:0px auto;
	width:20px
}

.header-top .social-media ul li.facebook a{
	max-width:10px
}

.main-navigation{
	padding-top:25px;
}

.main-navigation ul{
	text-align:right;
}

.main-navigation ul li{
	float:none;
	margin:0px 15px;
	display:inline-block
}

.main-navigation ul li a{
	font-size:25px;
	font-family: 'PT Sans Narrow', sans-serif;
font-weight:bold
}

.main-navigation .address{
text-align: right;
font-size: 11px;
line-height: 1.6em;
margin-top: 1em;
}

.main-navigation .address .addr{
font-size: 14px;
font-weight: bold;
}

.main-navigation .phone{
text-align:right;
}

.main-navigation .phone a{
color:#000;
font-size:12px;
line-height: 1.5em;
}

.main-navigation .phone a span{
display:block;
font-size:22px;
font-weight:bold
}

#fancyboxID-1{
color:#000
}
.message-button a{
display: block;
width: 100%;
padding: 0.6em 1em;
outline: none;
}

.message-button a span{
width: 24px;
height: 20px;
display: inline-block;
margin-right: 5px;
vertical-align: text-top;
background:url(img/mails.png) no-repeat top left
}

.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {
width: 80%;
}

.footer-note{
	width:650px;
	margin:0px auto;
	max-width:90%;
	padding-bottom:45px
}


.footer-note .note-img{
	float:left;
	width:100px;
	margin-right:15px;
	margin-top:25px
}

.footer-note .note-text{
	float:left;
}

.footer-note .note-text h3{
	margin:0;
}

.footer-note .note-text ul{
	list-style:none;
	margin:0;
	padding:0;
}

.footer-note .note-text ul li span{
	display:inline-block;
	min-width:320px;
}


.footer-container{
	background:#a60202;
	color:#fff;
	padding:20px 0 0 0
}

.footer-container .site-footer{
	/*background:url(img/footer-bg.png) no-repeat bottom right;*/
	padding-bottom:30px;
	min-height: 310px;	
}

.footer-navigation {
	padding-bottom:65px;
}

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

.footer-navigation ul li{
	display:inline-block;
}

.footer-navigation ul li:before{
	content: '|';
	display: inline-block;
	vertical-align: text-bottom;
	font-size: 16px;
	margin: 0 7px;
}

.footer-navigation ul li:first-child:before{
	display:none;
}

.footer-navigation ul li a{
	color:#fff;
	font-family: 'PT Sans Narrow', sans-serif;
	font-size:19px
}

.site-info{
font-size:20px;
font-family: 'PT Sans Narrow', sans-serif;
}








/* HOMPEAGE */
.white-boxed{
	background:#fff ;
	padding:20px;
	margin-bottom:0!important
}

.news-media.vc_separator h4,
.product-search.vc_separator h4{
	font-size:27px;
	color:#a60202;
	padding: 17px 25px!important
}

.news-media.vc_separator .vc_sep_line,
.product-search.vc_separator .vc_sep_line{
	display:none!important;
}

.news-media.vc_separator h4{
	background:url(img/news-media.png) no-repeat left;
}

.product-search.vc_separator h4{
	background:url(img/search-icon.png) no-repeat left;
}

.news-media{
	margin-top:35px;
}





.search-filter{
	margin-bottom:20px!important;
	margin-top:30px
}

.search-filter.vc_separator h4{
	font-size:23px;
	color:#121212;
}

.search-filter.vc_separator h4 span{
	font-weight:700;
	color:#a60202
}

.search-filter .vc_sep_line{
	border-color:#000!important;
	border-width: 2px!important;
}

.loop-category{
	margin-bottom:10px!important;
}

.loop-category .vc_span9.wpb_column.column_container,
.loop-category .vc_span6.wpb_column.column_container,
.loop-category .vc_span3.wpb_column.column_container{
	padding:0 5px
}

.loop-category h2.wpb_heading{
	position: absolute;
bottom: 0;
right: 5px;
margin: 0;
padding: 5px 10px 5px 40px;
line-height:1em;
background:url(img/title-bg.png) no-repeat left bottom;
z-index:99;
font-size: 23px;
}

.product-loop a,
.single-article a,
.loop-category a {
	display:block;
	overflow:hidden;
}

.product-loop a img,
.single-article a img,
.loop-category a img{
	-webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.product-loop a:hover img,
.single-article a:hover img,
.loop-category a:hover img{
	-ms-transform:scale(1.4); /* IE 9 */
-webkit-transform:scale(1.4); /* Chrome, Safari, Opera */
transform:scale(1.4); /* Standard syntax */
}





.news-media-holder{
	background:#fff;
	padding:20px;
}

.news-media-holder.first-row{
	margin-bottom:-35px!important;
}

.news-media-holder .vc_span3.wpb_column.column_container,
.news-media-holder .vc_span6.wpb_column.column_container,
.news-media-holder .vc_span4.wpb_column.column_container{
	padding:0 5px
}


.news-media-holder .wpb_row{
	margin:0 -5px 10px 0!important
}

.news-media-holder .single-article{
	position:relative;
}

.news-media-holder .content-holder{
	position:absolute;
	bottom:0;
	padding:10px;
	background:rgba(0,0,0,0.5);
	width:100%
}

.news-media-holder .single-article a{
	color:#fff
}

.news-media-holder .content-holder h2{
	margin-top:0;
}

.news-media-holder .single-article.sml-thumb .content-holder h2{
	font-size:18px
}

.news-media-holder .single-article.sml-thumb .excerpt-holder{
	display:none;
}






.newsletter-section{
	text-align:center;
	color:#292929;
	background:url(img/tile-bg.jpg) no-repeat center;
	background-size:cover
}

.newsletter-section h2{
	margin-top:0
}

.newsletter-section .widget_wysija_cont .wysija-submit {
margin: 0px auto;
}




/*collection-content*/
.single .site-main,
.entry-header,
.page.page-template-default .entry-content{
padding: 15px;
background: #fff;
color:#121212;
}

.blog .news-loop .entry-header,
.single .site-main .entry-header{
	padding:15px 0;
}

.entry-header h1{
	margin-top:0;
	margin-bottom:0
}

.content-area{
	margin-top:35px;
}


.collection-content .entry-content{
	padding:20px;
	background:#fff;
	color:#292929
}

.collection-content h1,
.collection-content h2,
.collection-content h3,
.collection-content h4,
.collection-content h5{
	margin-top:0
}

.collection-content .download-pdf{
	padding:0;
	margin:0;
	list-style:none	
}

.collection-content .download-pdf li a{
padding-left: 35px;
background: url(img/pdf-ico.png) no-repeat left center;
padding-top: 10px;
padding-bottom: 10px;
display: block;
padding-right: 10px;
margin-bottom: 5px;
}

.collection-content .download-pdf li a:hover{
	background:#fafafa url(img/pdf-ico.png) no-repeat left center;
}

.tab-navi li span{
	width:24px;
	height:20px;
	display:inline-block;
	margin-right: 5px;
	vertical-align: text-top;
}

.gallery-button span{
	background:url(img/gallery.png) no-repeat top center;
}

.info-button span{
	background:url(img/info.png) no-repeat top center;
}

.catalog-button span{
	background:url(img/catalog.png) no-repeat top center;
}

.download-button span{
	background:url(img/download.png) no-repeat top center;
}







.sidebar-content-container,
.single-content-container{
	padding:15px;
	background:#fff;
	color:#121212
}

.sidebar-loop-container ul,
.sidebar-content-container ul{
	padding:0;
	margin:0;
	list-style:none;
}

.sidebar-loop-container ul li,
.sidebar-content-container ul li{
	border-bottom:1px solid gray;
	line-height:1.2;
	
}

.sidebar-loop-container ul li a,
.sidebar-content-container ul li a{
	display: block;
width: 100%;
padding: 0.6em 1em;
outline: none;
}

.sidebar-loop-container ul li.current-cat a,
.sidebar-loop-container ul li a:hover,
.sidebar-content-container ul li a:hover{
	background:#eaeaea;
	text-decoration:none;
	color:#333;
	
}

.sidebar-content-container .widget-title{
	margin-top:0;
}

.sidebar-content-container  .widget{
	margin-bottom:65px;
}

.sidebar-content-container input{
	max-width:98%;
}




.entry-loop.row{
	background:#fff;
	color:#333;
	margin:0
}

.content-loop,
.sidebar-loop{
	margin:15px 0;
}

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

.content-loop ul .loop-article{
	padding:7px;
}

.content-loop ul .loop-article a{
	position:relative;
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width:100%;
display:block;
}

.content-loop ul .loop-article .loop-title{
position: absolute;
bottom: 0;
padding: 2px 5px;
display: block;
width: 100%;
background: rgba(255,255,255,0.5);
z-index: 99;
font-weight: bold;
}

.content-loop ul .loop-article .loop-wishlist{
position: absolute;
top: 0;
display: block;
width: 100%;
background: rgba(255,255,255,0.5);
z-index: 99;
font-weight: bold;
}


.readmore-blog{
	margin:40px 0;
	text-align:center
}

.readmore-blog a{
	padding: 14px 30px;
display: block;
background:#a60202;
color:#fff;
text-transform:uppercase;
}

.vc_separator.vc_sep_dotted:not(:first-child){
margin-top:100px;
}

.search-collection{
text-align:center;
}

.search-collection input{
display:inline-block;
margin-bottom:0.5em
}

.search-collection input[type="text"]{
width:80%
}

.sort-popular{
background:#fff;
padding:15px;
}

.info-tab-container{
margin-bottom:40px;
color:#a60202;
}

.info-tab-container h3{
font-weight: bold;
border-bottom: 1.5px solid #000;
font-size: 27px;
padding-bottom: 5px;
margin-bottom: 15px;
color:#000
}

.info-tab-container ul{
list-style:none;
padding:0;
margin:0
}

.info-tab-container ul li{
margin-bottom:10px;
}
/************ Max's CSS Code **************/ 

#search-center{
	    text-align: center;
	padding-bottom: 10px;
}

#view-center{
	    text-align: center;
	padding-top: 20px;
}

.vc_column_container>.vc_column-inner {
	padding-left: 10px!important;
	padding-right: 10px!important;
}

.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li {
	margin-bottom: 0px!important;
	position: relative!important;
}



.hidden-class {
	display: none!important;
}

.container {
	max-width: 1400px!important;
}

.search-by h2 {
	right: 100px!important;
}

.header-menus ul{
	text-align: center;
}

@media screen and (max-width: 1200px) {
	.search-by h2 {
	right: 50px!important;
	}	
}

@media screen and (max-width: 991px) {
	.search-by h2 {
	right: 0px!important;
	}
	
	.header-top .social-media ul{
		text-align:center;
	}
	
	.site-title{
		text-align: center;
    	align-content: center;
	}
	
	.main-navigation .phone{
		text-align: center;
    	align-content: center;
	}
	
	.main-navigation .address{
		text-align: center;
    	align-content: center;
	}
}

@media screen and (max-width: 767px) {
	.search-by h2 {
	right: 2em!important;
	}	
}

@media screen and (max-width: 420px) {
	.search-by h2 {
	right: 0.5vw!important;
	}	
}

.loop-category h2.wpb_heading{
	color: #f3f3f3;
}

/************ END Max's CSS Code **************/



@media only screen and (max-width: 767px) {
	#collection-tab.ui-tabs.ui-tabs-vertical .ui-tabs-nav{
		float: none;
		width: 100%;
	}

	#collection-tab.ui-tabs.ui-tabs-vertical .ui-tabs-nav li{
		width: 50%;
		float: left;
		clear: none;
	}

	#collection-tab.ui-tabs.ui-tabs-vertical .ui-tabs-nav li a {
		font-size: 11px;
	}

	#collection-tab .message-button a {
		font-size: 11px;
		padding: 45px 0 0.6em 1em;
	}

	#collection-tab .ui-tabs.ui-tabs-vertical .ui-tabs-panel {
		width: 100%;
	}

	#collection-tab .message-button a span {
		margin-left: 7px;
		margin-right: 2px;
		margin-top: -3px;
	}

	.message-button {
		display: inline-block;
		margin-top: 7px;
		width: 50%;
		position: relative;
	}

	#collection-tab .message-button a {
    	display: block;
    	font-size: 11px;
    	line-height: 15px;
    	margin-left: 14px;
    	padding: 0px;
    	text-align: left;
    	width: 100%
	}

	#collection-tab .message-button a span {
    	display: inline-block;
    	height: 20px;
    	margin-left: 0;
    	margin-right: 2px;
    	margin-top: -3px;
    	vertical-align: text-top;
    	width: 24px;
	}
	
	#collection-tab.ui-tabs.ui-tabs-vertical .ui-tabs-panel {
    	width: 100%;
	}
	
	#collection-tab.ui-tabs.ui-tabs-vertical .ui-tabs-nav {
    	margin-bottom: 20px;
	}
}

.myButton {
	box-shadow:inset 0px 34px 0px -15px #ad0909;
	background-color:#a60202;
	border:1px solid #241d13;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	font-weight:bold;
	padding:13px 25px;
	text-decoration:none;
	text-shadow:0px -1px 0px #d42b11;
}
.myButton:hover {
	background-color:#ad1616;
	color: #000000;
}
.myButton:active {
	position:relative;
	top:1px;
}
.myButton:visited{
    color:#ffffff;
}

.pum-overlay, html.pum-open.pum-open-overlay-disabled.pum-open-fixed .pum-container, html.pum-open.pum-open-overlay.pum-open-fixed .pum-container{
    opacity: 1!important;
}

.wishlist-div{
    text-align: end;
}

.popupButton{
    display: inline-block;
}


label {
    display: block;
    font: .9rem 'Fira Sans', sans-serif;
}

input[type='submit'],
label {
    margin-top: 1rem;
}