/*
	Verti 2.0 by HTML5 UP
	html5up.net | @n33co
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/


    
/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/


    *{
    box-sizing:border-box;
    margin: 0;
    padding:0;

    }


	body
	{
		width: 100%;
		margin: 0 0 0 0; 

		
	}
		

    section{
        padding: 20px;
    }
    
    

    


#home #menu .home, #products #menu .products,  #gallery #menu .gallery,  #menu #contact .contact, #order_samples #menu .order_samples{
  
  	color:rgb(30,10,5);
  	width: 100%;
	
}






    .newest_wrapper{
        width:90%;
        height:auto;
    }



	#main{
		width: 100%;
		height: auto;
	}
	
	


	#header{
		width: 100%;
		height: auto;
        display: inline-block;
        padding-top: 50px;	
        padding-bottom: 30px;


		
	}

	#header_center{
		width: 960px;
		height: auto;
		display: inline-block;
		padding-top: 20px;	
		padding-left: 0px;
		padding-bottom: 10px;
		
	}










		h23

	{
		color: #fff;
		font-size: 14pt;
		font-family: graphik_medium;
		src: url('font/graphik_medium.otf'), url('font/graphik_light.otf'); /* IE9 */
		position: absolute; 
		top: 185px;	 
  		left: 0; 
  		padding-left: 290px;
  		letter-spacing: 2.3px;
		
	}
 

	h1
	{

		
		color: #666;
		font-size: 23pt;
		font-family: graphik_light;
		src: url('font/graphik_light.otf'), url('font/graphik_light.otf'); /* IE9 */
		padding-top: 7px;
	
	
	}

	h2
	{
		color: #333;
		font-size: 23pt;
		font-family: graphik_regular;
		src: url('font/graphik_regular.otf'), url('font/graphik_regular.otf'); /* IE9 */		
		padding-top: 7px;
	}



	h3
	{
		color: #fff;
		font-size: 30pt;
		font-family: graphik_medium;	
		src: url('font/graphik-medium.otf'), url('font/graphik_regular.otf'); /* IE9 */
		position: absolute; 
		top: 35px;	 
  		left: 0; 
  		padding-left: 335px;
  		letter-spacing: 8px;

  		
	}

	h4
	{
		color: #fff;
		font-size: 30pt;
		font-family: graphik_regular;	
		src: url('font/graphik-light.otf'), url('font/graphik_regular.otf'); /* IE9 */
		position: absolute; 
		top: 25px;	 
  		left: 0; 
  		padding-left: 335px;
  		letter-spacing: 8px;
  		font-weight:normal;
  		

   	
  		
	}

	h5
	{
		color: #fff;
		font-size: 30pt;
		font-family: graphik-semibold;	
		src: url('font/graphik-semibold.otf'), url('font/graphik_regular.otf'); /* IE9 */
		position: absolute; 
   		top: 15px; 
  		left: 0; 
  		padding-left: 345px;
  		letter-spacing: 8px;
  		
	}

	h6
	{
		color: #fff;
		font-size: 30pt;
		font-family: graphik_regular;	
		src: url('font/graphik-regular.otf'), url('font/graphik_regular.otf'); /* IE9 */
		position: absolute; 
   		top: -20px; 
  		left: 0; 
  		padding-left: 345px;
  		letter-spacing: 8px;
  		
	}

	h7
	{
		color: #fff;
		font-size: 30pt;
		font-family: graphik_light;	
		src: url('font/graphik-light.otf'), url('font/graphik_regular.otf'); /* IE9 */
		position: absolute; 
   		top: 70px; 
  		left: 0; 
  		padding-left: 345px;
  		letter-spacing: 8px;
  		
	}

	h8
	{
		color: #fff;
		font-size: 23pt;
		font-family: graphik_medium;	
		src: url('font/graphik-medium.otf'), url('font/graphik_regular.otf'); /* IE9 */
		position: absolute; 
   		top: 340px; 
  		left: 0; 
  		padding-left: 180px;
  		/*letter-spacing: 4px;*/
  		
	}

	h9
	{
		font-family: graphik_light;
		font-size: 30px;
		color: #666;	
		src: url('font/graphik-light.otf'), url('font/graphik_regular.otf'); /* IE9 */
		padding-top: 1px;
		
 
   		
  		/*letter-spacing: 4px;*/
  		
	}

		h10
	{
		font-family: graphik_light;
		font-size: 14px;
		color: #999;	
		src: url('font/graphik-light.otf'), url('font/graphik_regular.otf'); /* IE9 */
		
 
   		
  		/*letter-spacing: 4px;*/
  		
	}

		h11

	{
		color: #fff;
		font-size: 20pt;
		font-family: graphik_medium;
		src: url('font/graphik_medium.otf'), url('font/graphik_light.otf'); /* IE9 */
		position: absolute; 
		top: 260px;	 
  		left: 0; 
  		padding-left: 190px;
  		letter-spacing: 2.3px;
		
	}

		h12

	{
		color: #000;
		font-size: 8pt;
		font-family: logo;
		src: url('font/oldtexasbrick2017.ttf'), url('font/graphik_light.otf'); /* IE9 */
		vertical-align: middle;
		padding-bottom: 3px;
		letter-spacing: 1px;

	}
	
	
	
     	h01
	{
		color: #fff;
		font-size: 14pt;
		font-family: graphik_medium;
		src: url('font/graphik_medium.otf'), url('font/graphik_light.otf'); /* IE9 */
		position: absolute; 
		top: 220px;	 
  		left: 0; 
  		padding-left: 450px;
  		letter-spacing: 2.3px;
  		
	}


.new-wrapper-bottom{
    width:95%;
    height:auto;
    margin:auto;
}


.ourbrick_img
{
    position:relative;
	width: 100%; 
	

}


.ourbrick_img h4{
    display:absolute;
    top:50%;
    transform: translate(0, -50%);
}



.ourbrick_img1
{
    position:relative;
	width: 100%; 
	

}


.ourbrick_img1 h4{
    display:absolute;
    top:50%;
    transform: translate(0, -50%);
}
		
a {
	color: #000;
	text-decoration: none;
	}
	
		a:hover
		{
			text-decoration: none;
		}

	f
	{
		font-family: graphik_light;
		font-size: 12pt;
		color: #696969;
			
	}

	z
	{
		font-family: graphik_light;
		font-size: 14pt;
		color: #696969;
	
					
	}
	

	p
	{
		font-family: graphik_light;
		font-size: 18pt;
		color: #696969;
	
					
	}

hr{
    
}


.new_wrapper {
	width: 100%;
    padding-left:20px;

}

.new_wrapper1 {
	width: 100%;
	height: 14px;
	padding-top:20px;

}

.new_wrapper2 {
	width: 975px;
	height: 14px;
	padding-top:20px;

}


#new_box {
	
	display: block;
	width: 100%;
	height: 390px;


	
}

#new_box_left {
	
	display: block;
	height: 350px;
	width: 390px;
	float: left;
	padding-left: 45px;

}

#new_box_left_text {
	
	display: block;
	height: 350px;
	text-align: right;
	color: #333;
	padding-right: 70px;


}


#new_box_right {
	

	max-width:400px;
	max-height:291px;
	width: auto;
	height: auto;
	display: block;
	float: left;
	color: #666;

}



.footer_redesign{
    width:100%;
    height:auto;
    margin:auto;

}

.inner_footer{
    margin:0 auto;
    width:980px;
    padding:0;
    height:auto;
    display:flex;
    justify-content:space-between;
}

.inner_footer .text{
    width: 300px;
    height:auto;
    text-align: center;
    margin:10px;
    display:block;
}

.inner_footer .text a{
    text-decoration: none;
    font-size: 18px;
    font-family: graphik_regular;
    color: #999;
    opacity: 0.75;
    
}

.inner_footer .text li{
    list-style-type: none;
    margin-bottom:10px;
}


.vertical{
    
    margin-top:10px;
    border-left: 1.75px solid #c4c4c4;
    height: 200px;
    opacity:0.75;
    
}

.inner_footer .text a:hover{

color: #1e0a05;

	}



#sample_board_2x2

{
width: 100%;
margin:auto;
display: block;


}

.inner{
    padding-top:15px;
}


#sample_board_2x2x2

{

width: 100%;
height: auto;
display: block;


}




#mid_century_img{


	max-width:960px;
	max-height:699px;
	width: auto;
	height: auto;
	position: relative; 
	width: 100%; 


}
#sample_board{

	width: 45%;
	height: auto;
	padding: 0 0 0 0;
	float:left;
	margin-left:3.25%;
	padding-bottom: 40px;*/

	

	
}

#sample_board_image{
    
	width: 100%;
	height: auto;
	color: #333;
	padding: 0 0 0 0;
	display: block;
}


#sample_board_title{
	font-family: century;
	text-align: right;
	padding-top:15px;

}



#sizes_board{

	width: 180px;
	height: auto;
	padding: 0 0 0 0;
	float:left;
	margin-left: 48px;

	
}

#sizes_image{

	width: 70%;
	height: auto;
	color: #333;
	padding: 0 0 0 0;
	display: block;
	background-color: #333;

	
}






#sample_board2{

	width: 390px;
	height: auto;
	padding: 0 0 0 0;
	margin-right: 30px;
	float:left;
	padding-bottom: 40px;*/

	

	
}

#sample_board_image2{

	width: 390x;
	height: 227px;
	color: #333;
	padding: 0 0 0 0;
	display: block;
	background-color: #333;
	 border:none;
}


#sample_board_title{
	font-family: century;
	text-align: right;

}



#sizes_board2{

	width: 180px;
	height: auto;
	padding: 0 0 0 0;
	float:left;
	margin-left: 48px;

	
}

#sizes_image2{

	width: 500px;
	height: auto;
	color: #333;
	padding: 0 0 0 0;
	display: block;
	background-color: #333;

	
}






#sizes_title{
	

}

#sizes_title p

{

	font-family: century;
	padding: 0 0 0 0;
	line-height: 0; 
	font-size: 11pt;
	line-height:50%;
	


}

#center{

	text-align: center;
vertical-align: middle;

}

	


	.pad-right
	{
		margin-right: 1.5em;
	}

	.pad-left
	{
		margin-left: 1.5em;
	}
	
	body.left-sidebar,
	body.homepage
	{
	}

		body.left-sidebar #content,
		body.homepage #content
		{
			padding-left: 1.75em;
		}

	body.right-sidebar
	{
	}

		body.right-sidebar #content
		{
			padding-right: 1.75em;
		}
	
	.button
	{
		font-size: 1.35em;
		padding: 0.8em 1.5em 0.8em 1.5em;
	}

		.button-big
		{
			font-size: 2.25em;
			padding: 0.8em 0.9em 0.8em 0.9em;
		}
	
	.box
	{
		padding: 1.50em 0 1.50em 0;
	
	}

		
	.box-feature
	{
		padding: 0;
		

	}
		
		.box-feature .inner
		{
			padding: 0em 0em 3em 0em;

		}
		
		
		.box-feature p
		{
			margin: 0;

		}

		.box-feature .image
		{
			position: relative;
			margin: 0;
		}

			.box-feature .image img
			{
				border-bottom-left-radius: 0;
				border-bottom-right-radius: 0;
			}
			
			
			
			
/*********************************************************************************/
/* LINES                                                                        */
/*********************************************************************************/

.hline-bottom {
    padding-top: 5px;
    padding-bottom: 10px;
    border-bottom: 1px solid #696969; 
    opacity="0.5"
}


/*********************************************************************************/
/* Widgets                                                                       */
/*********************************************************************************/

	.widget-thumbnails
	{
	}

		.widget-thumbnails .grid
		{
			margin: 0 0 3em 0;
		}

		.widget-thumbnails .image
		{
			margin: 0;
		}
	
/*********************************************************************************/
/* Wrappers                                                                      */
/*********************************************************************************/

	#header-wrapper
	{
			padding: 0px 0px 0px 0px;
	}
	
	#features-wrapper

	{
		padding: 0 0 3em 0;

	}
	
	#main-wrapper
	{
		padding: 5em 0 5em 0;

	}
	
	#footer-wrapper
	{
		padding: 2em 0 8em 0;

	}

/*********************************************************************************/
/* Logo                                                                          */
/*********************************************************************************/

	#isotipo
	{
		
		font-family: logo;
		color:#000;
		float: left;
		font-size: 48pt;
		padding-top: 10px;
		padding-left: 30%;
		padding-bottom:70px;
		/*font-weight: 650;*/
	}

		


	#tittle
		{
		display:block;
		font-family: logo;
		color:#000;
		float: left;
		font-size: 22pt;
		padding-top: 35px;
		padding-left: 10px;
		/*font-weight: 650;*/
		}

			#ggrks{

		width: 250px;
		padding-top: 6px;
		
	

					}
	
/*********************************************************************************/
/* Nav                                                                           */
/*********************************************************************************/


	#nav {
	    height:100px;

	}
	
	
	
	
	#nav ul {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
	list-style-type: none; /*to remove bullets*/
    zoom:1;
    overflow: hidden;
	width: 90%;
	margin:auto;

	}
		
		
		
		
			
	#nav ul li{
    display: table-cell;
	text-align: center;
			
		}

	#nav ul li a{
					
				
	        color: #666;
	        text-decoration: none;
	        border-radius: 0px;
	        font-family:graphik_light;
	        font-size: 27pt;
	        display: block;
			}




nav div ul li:first {
    text-align: left;
    
}
nav div ul li:last {
    text-align: right;
}

			#nav ul li:hover
			{
			}

				#nav ul li:hover a
				{
					color: #333;
					
				}

			#nav ul li.current_page_item
			{
			}

				#nav ul li.current_page_item a
				{
					color: #333;
				
				}

/*********************************************************************************/
/* Nav_bottom                                                              */
/*********************************************************************************/

#nav_bottom
	{
		
	
		border-style:solid;
border-width:1px;
	text-align: center;
		
	}
	
		#nav_bottom ul
		{
			
	display: inline-block;
    list-style-type: none;
border-style:solid;
border-width:5px;
		}
			
			#nav_bottom ul li
			{
				float: left;
				 padding: 40px 50px 0 30px;	
				 border-width:2px;
	             text-align: center;
			
			}




				#nav_bottom ul li a
				{
					
					letter-spacing: 0.025em;
					color: #1e0a05;
					text-decoration: none;
					border-radius: 0px;
					font-family:century;
					font-size: 16pt;
					border-width:4px;
					text-align: center;
				}





				#nav_bottom ul li:hover a
				{
					color: #1e0a05;
				}

		




/*********************************************************************************/
/* Banner                                                                        */
/*********************************************************************************/

	#banner
	{
		
	}

		

		#banner p
		{
			font-size: 2.75em;
			line-height: 1.35em;
			margin: 0;
		}
		
		#banner .button
		{
			width: 100%;
			margin-bottom: 0.5em;
		}

		#banner .button-alt
		{
			margin-bottom: 0;
		}
		
		#banner ul
		{
			margin-left: 2em;
		}

/*********************************************************************************/
/* Content                                                                       */
/*********************************************************************************/

	#content
	{
	}

		#content h3
		{
			margin-top: 2.25em;
		}

/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/

	#footer
	{

	}
	
		

	
		}

	#copyright
	{
		padding: 4em 0 0 0;
		text-align: center;
	}




#info
{
	width:300px;
    margin:auto;
    text-align:center;

	
}

div.content {
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	position:relative;
	width: 960px;
	height:auto;
	overflow: hidden;

	

}
div.navigation a {
	text-decoration: none;
	color: black;
}

div.content a{
	text-decoration: none;
	color: #666;
	border-bottom: 1px solid #666;
	font-family: Graphik_regular;
}


div.content a:focus, div.content a:active {
	text-decoration: underline;
}

div.content a:hover{
    text-decoration:none;
}

div.slideshow-container {
	position: relative;
	clear: both;
	height:600px; 
	width: 100%;


}




div.controls {
	margin-top: 5px;
	height: 23px;
}
div.controls a {
	padding: 5px;
}
div.ss-controls {
	float: left;
}
div.nav-controls {
	float: right;
}


div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	max-width: 570px;
	height: auto !important; 
	width: 100%
}


div.slideshow {
	position:relative;
	width:100%;
	height:100%;
	overflow: hidden;
	margin-left:1.5%;



}
div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

div.slideshow a.advance-link {
	display: block;
	width:100%;
	height: auto !important;
	overflow: hidden;
	float: left;
	border: 0px;
}

div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow img {
	vertical-align: middle;
	width: 100%;
	height: auto !important;border: 0px;

}
div.download {
	float: right;
}
div.caption-container {
	position: relative;
	clear: left;
	height: 110px;
	width:100%;
	overflow: hidden;
}



span.image-caption {
	display: block;
	position: absolute;
	width: 960px;
	top: 0;
	left: 0;

}
div.caption {
	padding-top: 20px;
	width:100%;
	height:auto;
	overflow: hidden;

}


div.image-title {
	font-family: graphik_light;
	font-size: 18px;
	color: #666;

	

}
div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
	font-family: graphik_light;
	color: #999;
	font-size: 12px;
	
	
}


div.caption-container2 {
	position: relative;
	clear: left;
	height: 220px;
	width:100%;
	overflow: hidden;
}

div.caption-container3 {
	position: relative;
	clear: left;
	height: 190px;
	width:100%;
	overflow: hidden;
}
div.image-title2 {
	font-family: graphik_light;
	font-size: 25px;
	color: #666;

	/*padding-top: 10px;*/
	

}
div.image-desc2 {
	line-height: 1.2em;
	padding-top: 10px;
	font-family: graphik_light;
	color: #999;
	font-size: 16px;
	
	
}


	




div.navigation {

 padding-top: 14px;	/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
 font-family: graphik_regular;
 font-size: 18pt;
 


}


ul.thumbs {
	margin-left:1%;
	width: 100%;
	height:auto;
	display:flex;
	justify-content:start;
	
}
ul.thumbs li {
	
	list-style: none;
	float: left;
	padding-right: 1.6%;

}
a.thumb {
	padding: 2px;
	display: block;
	border: thin, solid #ccc;
	

}
ul.thumbs li.selected a.thumb {
	background: #999;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
	height:105px;
	width:auto;
}
div.pagination {
	


}
div.navigation div.top {
	margin-bottom: 12px;

	

}
div.navigation div.bottom {
	margin-top: 10px;
	float: right;



}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	display: block;
	float: left;
	margin-top: 10px;
	padding: 4px 7px 2px 7px;

}

div.pagination a:hover {
	background-color: #666;
	text-decoration: none;
	color: #fff;
}


div.pagination span.current {
	font-weight: bold;
	background-color: #999;
	border-color: #000;
	color: #fff;
	font: century;
}


div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}


.list{
	margin: 0;
	display: inline-block;
	padding-top: 25px;
	width: 100%;
}


.listbot{
	padding-top: 25px;
	margin: 0;
	display: inline-block;
	width: 100%;
}



.verticalLine {

    border-right: thin solid #c4c4c4;

}


.blend_bottom_list{

	width: 240px;
	height: auto;
	float: left;
	display: flex;
    justify-content: center;

    


}


#blend_bottom_list_links{

list-style-type: none;
font-family: graphik_light;
font-size: 10pt;



}
	

#blend_bottom_list_links a{

color: #999;
opacity: 0.75;
	}

#blend_bottom_list_links a:hover{

color: #1e0a05;

	}




#brick_size { 
display:flex;
justify-content:center;
width:100%;
height:auto;


}



#brick_size_img_left
{

padding-top: 50px;
}



#brick_size_img_right
{

padding-top: 50px;
padding-left:20px;


}



.clear{

	clear:both;
}


#copyright{

list-style-type: none;
font-family: logo;
text-align: center;
font-size: 12pt;
color: #999;
opacity: 0.75;
float: left;
padding-left: 200px;
}


#singnature

{

width: 400px;
height: 60px;


}

#singnature_img

{
font-family: logo;
color:#000;
font-size: 40pt;
width: 60px;
height: 60px;
display: block;
float: left;
margin-right: 8	px;


}

#singnature_rigth_content 

{
	width: 300px;
	height: 60px;
	margin-top: 11px;
	float: left;
}

#singnature_mid

{
		color: #333;
		font-size: 10pt;
		font-family: graphik_light;
		src: url('font/graphik_light.otf'), url('font/graphik_light.otf'); /* IE9 */
		padding-top: 3px;
		

}


#singnature_bot

{
		color: #333;
		font-size: 9pt;
		font-family: graphik_light;
		src: url('font/graphik_light.otf'), url('font/graphik_light.otf'); /* IE9 */
		padding-top: 4px;
		

}
    




@media (min-device-width: 480px){
	body
	{
		width: 960px;
		margin: 0 auto; 

		
	}
		

    section{
        padding: 20px;
    }
    


#home #menu .home, #products #menu .products, #gallery #menu .gallery, #contact #menu .contact, #order_samples #menu .order_samples{
  
  	color:rgb(30,10,5);
  	width: 100%;
	
}



    .newest_wrapper{
        width:90%;
        height:auto;
        background:green;
    }



	#main{
		width: 100%;
		height: auto;

	}
	


	#header{
		width: 100%;
		height: auto;
        display: inline-block;
        padding-top: 50px;	
        padding-bottom: 30px;


		
	}

	#header_center{
		width: 960px;
		height: auto;
		display: inline-block;
		padding-top: 20px;	
		padding-left: 0px;
		padding-bottom: 10px;
		float: left;		
	}










		h23

	{
		color: #fff;
		font-size: 14pt;
		font-family: graphik_medium;
		src: url('font/graphik_medium.otf'), url('font/graphik_light.otf'); /* IE9 */
		position: absolute; 
		top: 185px;	 
  		left: 0; 
  		padding-left: 290px;
  		letter-spacing: 2.3px;
		
	}
 

	h1
	{

		
		color: #666;
		font-size: 23pt;
		font-family: graphik_light;
		src: url('font/graphik_light.otf'), url('font/graphik_light.otf'); /* IE9 */
		padding-top: 7px;
	
	
	}

	h2
	{
		color: #333;
		font-size: 23pt;
		font-family: graphik_regular;
		src: url('font/graphik_regular.otf'), url('font/graphik_regular.otf'); /* IE9 */		
		padding-top: 7px;
	}



	h3
	{
		color: #fff;
		font-size: 30pt;
		font-family: graphik_medium;	
		src: url('font/graphik-medium.otf'), url('font/graphik_regular.otf'); /* IE9 */
		position: absolute; 
		top: 35px;	 
  		left: 0; 
  		padding-left: 335px;
  		letter-spacing: 8px;

  		
	}

	h4
	{
		color: #fff;
		font-size: 30pt;
		font-family: graphik_light;	
		src: url('font/graphik-light.otf'), url('font/graphik_regular.otf'); /* IE9 */
		position: absolute; 
		top: 25px;	 
  		left: 0; 
  		padding-left: 335px;
  		letter-spacing: 8px;
  		

   	
  		
	}

	h5
	{
		color: #fff;
		font-size: 30pt;
		font-family: graphik-semibold;	
		src: url('font/graphik-semibold.otf'), url('font/graphik_regular.otf'); /* IE9 */
		position: absolute; 
   		top: 15px; 
  		left: 0; 
  		padding-left: 345px;
  		letter-spacing: 8px;
  		
	}

	h6
	{
		color: #fff;
		font-size: 30pt;
		font-family: graphik_regular;	
		src: url('font/graphik-regular.otf'), url('font/graphik_regular.otf'); /* IE9 */
		position: absolute; 
   		top: -20px; 
  		left: 0; 
  		padding-left: 345px;
  		letter-spacing: 8px;
  		
	}

	h7
	{
		color: #fff;
		font-size: 30pt;
		font-family: graphik_light;	
		src: url('font/graphik-light.otf'), url('font/graphik_regular.otf'); /* IE9 */
		position: absolute; 
   		top: 70px; 
  		left: 0; 
  		padding-left: 345px;
  		letter-spacing: 8px;
  		
	}

	h8
	{
		color: #fff;
		font-size: 23pt;
		font-family: graphik_medium;	
		src: url('font/graphik-medium.otf'), url('font/graphik_regular.otf'); /* IE9 */
		position: absolute; 
   		top: 340px; 
  		left: 0; 
  		padding-left: 180px;
  		/*letter-spacing: 4px;*/
  		
	}

	h9
	{
		font-family: graphik_light;
		font-size: 18px;
		color: #666;	
		src: url('font/graphik-light.otf'), url('font/graphik_regular.otf'); /* IE9 */
		padding-top: 1px;
 
   		
  		/*letter-spacing: 4px;*/
  		
	}

		h10
	{
		font-family: graphik_light;
		font-size: 14px;
		color: #999;	
		src: url('font/graphik-light.otf'), url('font/graphik_regular.otf'); /* IE9 */
		
 
   		
  		/*letter-spacing: 4px;*/
  		
	}

		h11

	{
		color: #fff;
		font-size: 13pt;
		font-family: graphik_medium;
		src: url('font/graphik_medium.otf'), url('font/graphik_light.otf'); /* IE9 */
		position: absolute; 
		top: 260px;	 
  		left: 0; 
  		padding-left: 290px;
  		letter-spacing: 2.3px;
		
	}

		h12

	{
		color: #000;
		font-size: 8pt;
		font-family: logo;
		src: url('font/oldtexasbrick2017.ttf'), url('font/graphik_light.otf'); /* IE9 */
		vertical-align: middle;
		padding-bottom: 3px;
		letter-spacing: 1px;

	}
	
	
	
     	h01
	{
		color: #fff;
		font-size: 14pt;
		font-family: graphik_medium;
		src: url('font/graphik_medium.otf'), url('font/graphik_light.otf'); /* IE9 */
		position: absolute; 
		top: 220px;	 
  		left: 0; 
  		padding-left: 450px;
  		letter-spacing: 2.3px;
  		
	}





.ourbrick_img
{
    position:relative;
	width:100%;

}
		
		a
	{
		color: #000;
	text-decoration: none;
	}
	
		a:hover
		{
			text-decoration: none;
		}

	f
	{
		font-family: graphik_light;
		font-size: 12pt;
		color: #696969;
			
	}

	z
	{
		font-family: graphik_light;
		font-size: 14pt;
		color: #696969;
	
					
	}
	

	p
	{
		font-family: graphik_light;
		font-size: 12pt;
		color: #696969;
	
					
	}

hr{
    
}


.new_wrapper {
	width: 100%;
	height: 400px;
	padding-left:8px;
	margin-bottom:150px;

}

.new_wrapper1 {
	width: 100%;
	height: 14px;
	padding-top:20px;

}

.new_wrapper2 {
	width: 975px;
	height: 14px;
	padding-top:20px;
	background:red;

}


#new_box {
	
	display: block;
	width: 100%;
	height: 390px;


	
}

#new_box_left {
	
	display: block;
	height: 350px;
	width: 390px;
	float: left;
	padding-left: 45px;

}

#new_box_left_text {
	
	display: block;
	height: 350px;
	text-align: right;
	color: #333;
	padding-right: 70px;


}


#new_box_right {
	

	max-width:400px;
	max-height:291px;
	width: auto;
	height: auto;
	display: block;
	float: left;
	color: #666;

}






#footer_wrapper{

	overflow: hidden;
	display: block;
	height: 300px;
	width: 100%;
}
	

#footer_top{
	vertical-align: middle;
	overflow: hidden;
	display: block;
	height: 100px;
	width: 100%;
	background-color: #666;

}

#footer_bot{

	vertical-align: middle;
	overflow: hidden;
	display: block;
	height: 100px;
	width: 100%;
	background-color: #333;

}



#sample_board_2x2

{
width: 100%;
margin:auto;
display: block;
margin-left:2.75%;

}


#sample_board_2x2x2

{

width: 100%;
margin:auto;
display: block;
margin-left:2.75%;

}




#mid_century_img{


	max-width:960px;
	max-height:699px;
	width: auto;
	height: auto;
	position: relative; 
	width: 100%; 


}
#sample_board{

	width: 390px;
	height: auto;
	padding: 0 0 0 0;
	margin-right: 30px;
	float:left;
	padding-bottom: 40px;*/

	

	
}

#sample_board_image{

	width: 100%;
	height: auto;
	color: #333;
	padding: 0 0 0 0;
	display: block;
	background-color: #333;
	 border:none;
}


#sample_board_title{
	font-family: century;
	text-align: right;

}



#sizes_board{

	width: 180px;
	height: auto;
	padding: 0 0 0 0;
	float:left;
	margin-left: 48px;

	
}

#sizes_image{

	width: 70%;
	height: auto;
	color: #333;
	padding: 0 0 0 0;
	display: block;
	background-color: #333;

	
}






#sample_board2{

	width: 390px;
	height: auto;
	padding: 0 0 0 0;
	margin-right: 30px;
	float:left;
	padding-bottom: 40px;*/

	

	
}

#sample_board_image2{

	width: 390x;
	height: 227px;
	color: #333;
	padding: 0 0 0 0;
	display: block;
	background-color: #333;
	 border:none;
}


#sample_board_title{
	font-family: century;
	text-align: right;

}



#sizes_board2{

	width: 180px;
	height: auto;
	padding: 0 0 0 0;
	float:left;
	margin-left: 48px;

	
}

#sizes_image2{

	width: 500px;
	height: auto;
	color: #333;
	padding: 0 0 0 0;
	display: block;
	background-color: #333;

	
}






#sizes_title{
	

}

#sizes_title p

{

	font-family: century;
	padding: 0 0 0 0;
	line-height: 0; 
	font-size: 11pt;
	line-height:50%;
	


}

#center{

	text-align: center;
vertical-align: middle;

}

	


	.pad-right
	{
		margin-right: 1.5em;
	}

	.pad-left
	{
		margin-left: 1.5em;
	}
	
	body.left-sidebar,
	body.homepage
	{
	}

		body.left-sidebar #content,
		body.homepage #content
		{
			padding-left: 1.75em;
		}

	body.right-sidebar
	{
	}

		body.right-sidebar #content
		{
			padding-right: 1.75em;
		}
	
	.button
	{
		font-size: 1.35em;
		padding: 0.8em 1.5em 0.8em 1.5em;
	}

		.button-big
		{
			font-size: 2.25em;
			padding: 0.8em 0.9em 0.8em 0.9em;
		}
	
	.box
	{
		padding: 1.50em 0 1.50em 0;
	
	}

		
	.box-feature
	{
		padding: 0;
		

	}
		
		.box-feature .inner
		{
			padding: 0em 0em 3em 0em;

		}
		
		
		.box-feature p
		{
			margin: 0;

		}

		.box-feature .image
		{
			position: relative;
			margin: 0;
		}

			.box-feature .image img
			{
				border-bottom-left-radius: 0;
				border-bottom-right-radius: 0;
			}
			
			
			
			
/*********************************************************************************/
/* LINES                                                                        */
/*********************************************************************************/

.hline-bottom {
    padding-top: 5px;
    padding-bottom: 10px;
    border-bottom: 1px solid #696969; 
    opacity="0.5"
}


/*********************************************************************************/
/* Widgets                                                                       */
/*********************************************************************************/

	.widget-thumbnails
	{
	}

		.widget-thumbnails .grid
		{
			margin: 0 0 3em 0;
		}

		.widget-thumbnails .image
		{
			margin: 0;
		}
	
/*********************************************************************************/
/* Wrappers                                                                      */
/*********************************************************************************/

	#header-wrapper
	{
			padding: 0px 0px 0px 0px;
	}
	
	#features-wrapper

	{
		padding: 0 0 3em 0;

	}
	
	#main-wrapper
	{
		padding: 5em 0 5em 0;

	}
	
	#footer-wrapper
	{
		padding: 2em 0 8em 0;

	}

/*********************************************************************************/
/* Logo                                                                          */
/*********************************************************************************/

	#isotipo
	{
		
		font-family: logo;
		color:#000;
		float: left;
		font-size: 30pt;
		padding-top: 10px;
		padding-left: 330px;
		padding-bottom:25px;
		background:white;
		/*font-weight: 650;*/
	}

		


	#tittle
		{
		
		display:block;
		font-family: logo;
		color:#000;
		float: left;
		font-size: 12pt;
		padding-top: 27px;
		padding-left: 6px;
		/*font-weight: 650;*/
		}

			#ggrks{

		width: 250px;
		float: right;
		padding-top: 6px;
		
	

					}
	
/*********************************************************************************/
/* Nav                                                                           */
/*********************************************************************************/

	#nav
	{
	
	

  
	}
	
	#nav ul {
	    display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
	    list-style-type: none; /*to remove bullets*/
        zoom:1;
        overflow: hidden;
	    width: 80%;
	    margin:auto;
	}
			
	#nav ul li{
        display: table-cell;
	    text-align: center;
	}

				#nav ul li a
				{
					
				
					color: #666;
					text-decoration: none;
					border-radius: 0px;
					font-family:graphik_light;
					font-size: 12pt;
					display: block;
			
				}


nav div ul li:first {
    text-align: left;
}
nav div ul li:last {
    text-align: right;
}

			#nav ul li:hover
			{
			}

				#nav ul li:hover a
				{
					color: #333;
					
				}

			#nav ul li.current_page_item
			{
			}

				#nav ul li.current_page_item a
				{
					color: #333;
				
				}


/*********************************************************************************/
/* Nav_bottom                                                              */
/*********************************************************************************/

#nav_bottom
	{
		
	
		border-style:solid;
border-width:1px;
	text-align: center;
		
	}
	
		#nav_bottom ul
		{
			
	display: inline-block;
    list-style-type: none;
border-style:solid;
border-width:5px;
		}
			
			#nav_bottom ul li
			{
				float: left;
				 padding: 40px 50px 0 30px;	
				 border-width:2px;
	             text-align: center;
			
			}




				#nav_bottom ul li a
				{
					
					letter-spacing: 0.025em;
					color: #1e0a05;
					text-decoration: none;
					border-radius: 0px;
					font-family:century;
					font-size: 16pt;
					border-width:4px;
					text-align: center;
				}





				#nav_bottom ul li:hover a
				{
					color: #1e0a05;
				}

		




/*********************************************************************************/
/* Banner                                                                        */
/*********************************************************************************/

	#banner
	{
		
	}

		

		#banner p
		{
			font-size: 2.75em;
			line-height: 1.35em;
			margin: 0;
		}
		
		#banner .button
		{
			width: 100%;
			margin-bottom: 0.5em;
		}

		#banner .button-alt
		{
			margin-bottom: 0;
		}
		
		#banner ul
		{
			margin-left: 2em;
		}

/*********************************************************************************/
/* Content                                                                       */
/*********************************************************************************/

	#content
	{
	}

		#content h3
		{
			margin-top: 2.25em;
		}

/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/


.footer_redesign{
    width:100%;
    height:auto;
    margin:auto;
}

.inner_footer{
    margin:0 auto;
    width:950px;
    height:auto;
    display:flex;
    justify-content:space-between;

}

.inner_footer .text{
    width: 300px;
    height:auto;
    text-align: center;
    margin:10px;
    display:block;
}

.inner_footer .text a{
    text-decoration: none;
    font-size: 13px;
    font-family: graphik_light;
    color: #999;
    opacity: 0.75;
    
}

.inner_footer .text li{
    list-style-type: none;
    margin:-3.5px;
}


.vertical{
    
    margin-top:10px;
    border-left: 0.5px solid #c4c4c4;
    height: 105px;
    
}

.inner_footer .text a:hover{

color: #1e0a05;

	}






#info
{
	padding: 75px 0 0 50px;
	max-width:200px;
	width:95%;
	float: left;
	
}

div.content {
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	position:relative;
	
	width: 960px;
	height:auto;
	overflow: hidden;

}

div.navigation a {
	text-decoration: none;
	color: #777;
}

div.content a{
	text-decoration: none;
	color: #666;
	border-bottom: 1px solid #666;
	font-family: Graphik_regular;
}

div.content a:focus, div.content a:active {
	text-decoration: underline;
}

div.content a:hover{
    text-decoration: none;
}


div.slideshow-container {
	position: relative;
	clear: both;
	height:570px; 
	width: 100%;
	margin-top:-20px;

}




div.controls {
	margin-top: 5px;
	height: 23px;
}
div.controls a {
	padding: 5px;
}
div.ss-controls {
	float: left;
}
div.nav-controls {
	float: right;
}


div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	max-width: 570px;
	height: auto !important; 
	width: 100%
}


div.slideshow {
	position:relative;
	width:100%;
	height:100%;
	overflow: hidden;



}
div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

div.slideshow a.advance-link {
	display: block;
	width:100%;
	height: auto !important;
	overflow: hidden;
	float: left;
	border: 0px;
}

div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow img {
	vertical-align: middle;
	width: 100%;
	height: auto !important;border: 0px;

}
div.download {
	float: right;
}
div.caption-container {
	position: relative;
	clear: left;
	height: 110px;
	width:100%;
	overflow: hidden;
}



span.image-caption {
	display: block;
	position: absolute;
	width: 960px;
	top: 0;
	left: 0;

}
div.caption {
	padding-top: 36px;
	width:100%;
	height:auto;
	overflow: hidden;
}


div.image-title {
	font-family: graphik_light;
	font-size: 18px;
	color: #666;
	

	

}
div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
	font-family: graphik_light;
	color: #999;
	font-size: 12px;
	
	
}


div.caption-container2 {
	position: relative;
	clear: left;
	height: 220px;
	width:100%;
	overflow: hidden;
}

div.caption-container3 {
	position: relative;
	clear: left;
	height: 190px;
	width:100%;
	overflow: hidden;
}
div.image-title2 {
	font-family: graphik_light;
	font-size: 23px;
	color: #666;
	/*padding-top: 10px;*/
	

}
div.image-desc2 {
	line-height: 1.2em;
	padding-top: 10px;
	font-family: graphik_light;
	color: #999;
	font-size: 10px;
	
	
}


div.navigation {

 padding-top: 8px;	/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
 font-family: graphik_regular;
 font-size: 10pt;


}

ul.thumbs {
	
	margin-left: 12px;
	padding: 0;
	width: 945px;
	float: left;
}
ul.thumbs li {
	
	
	list-style: none;
	float: left;
	padding-right: 12px;

}
a.thumb {
	padding: 2px;
	display: block;
	border: thin, solid #ccc;
	

}
ul.thumbs li.selected a.thumb {
	background: #999;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}


div.pagination {
	


}
div.navigation div.top {
	margin-bottom: 12px;

	

}
div.navigation div.bottom {
	margin-top: 10px;
	float: right;



}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	display: block;
	float: left;
	margin-top: 10px;
	padding: 4px 7px 2px 7px;

}

div.pagination a:hover {
	background-color: #666;
	text-decoration: none;
	color: #fff;
}


div.pagination span.current {
	font-weight: bold;
	background-color: #999;
	border-color: #000;
	color: #fff;
	font: century;
}


div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}


.list{
	margin: 0;
	display: inline-block;
	padding-top: 25px;
	width: 100%;
}


.listbot{
	padding-top: 25px;
	margin: 0;
	display: inline-block;
	width: 100%;
}



.verticalLine {

    border-right: thin solid #c4c4c4;

}


.blend_bottom_list{

	width: 240px;
	height: auto;
	float: left;
	display: flex;
    justify-content: center;

    


}


#blend_bottom_list_links{

list-style-type: none;
font-family: graphik_light;
font-size: 10pt;



}
	

#blend_bottom_list_links a{

color: #999;
opacity: 0.75;
	}

#blend_bottom_list_links a:hover{

color: #1e0a05;

	}



#brick_size

{ 
display:flex;
justify-content:left;
width:100%;
padding-left:5px;


}


#brick_size_img_left
{

padding-top: 50px;
padding-left:20px;
}

#brick_size_img_right
{

padding-top: 50px;
padding-left:20px;

}




.clear{

	clear:both;
}


#copyright{

list-style-type: none;
font-family: logo;
text-align: center;
font-size: 12pt;
color: #999;
opacity: 0.75;
float: left;
padding-left: 200px;
}


#singnature

{

width: 400px;
height: 60px;


}

#singnature_img

{
font-family: logo;
color:#000;
font-size: 40pt;
width: 60px;
height: 60px;
display: block;
float: left;
margin-right: 8	px;


}

#singnature_rigth_content 

{
	width: 300px;
	height: 60px;
	margin-top: 11px;
	float: left;
}

#singnature_mid

{
		color: #333;
		font-size: 10pt;
		font-family: graphik_light;
		src: url('font/graphik_light.otf'), url('font/graphik_light.otf'); /* IE9 */
		padding-top: 3px;
		

}


#singnature_bot

{
		color: #333;
		font-size: 9pt;
		font-family: graphik_light;
		src: url('font/graphik_light.otf'), url('font/graphik_light.otf'); /* IE9 */
		padding-top: 4px;
		

}

}