/*  
Theme Name: 'Southland Roofing & Remodeling'
Theme URI: 
Description: 'Southland Roofing & Remodeling'
Author: 'Marco-Mainstream Media Works'

*/
@charset "utf-8";
/* CSS Document */

html, body, div, span, ul, li, a, img, p, input, h1, h2, h3, select { margin:0px; padding:0px; border:0px; }

body { background:url(images/bg.jpg) repeat;  }

.ctr { width:1140px; margin:0px auto; }

.lft { float:left; }
.rgt { float:right; }

.clear { clear:both; }

.thm { float:left; margin:0px 10px 0px 0px; }

.sms { 
		visibility:hidden;
		border-radius: 8px;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		background:#138c42; 
		color:#FFFFFF; 
		text-align:center; 
		font-weight:600;
		padding:5px 10px 5px 10px; 
		margin:10px 0px 0px 0px;
	}
.sms a { color: #FFF; text-decoration:none; }	



#header       { 
				background:url(images/bghead.jpg) top repeat;
				font-family: 'Open Sans', sans-serif; 
				padding:15px 0px 15px 0px;
				
			  }
			  
#header .logo { padding:0px 0px 0px 20px; }

.cont 		  { 
				
			    color:#0f181f; 
				line-height:1.2em; 
				font-size:24px; 
			    font-weight:400;
				padding:15px 10px 15px 10px;
				margin:0px 0px 0px 0px; 
				text-transform:uppercase; 
			  }	
			  
			  
.cont span    { font-size:24px; color:#0f181f; font-weight: 700; }	

#nav          { 
					background: #22353d;
					font-family: 'Oswald', sans-serif;
					font-weight:400;
					
					
			  }
#nav ul          { font-size:18px; color:#FFF; text-transform:uppercase; }			  
#nav li          { 
					
					list-style:none; 
					float:left; 
					padding:14px 20px 14px 20px;   
				 }			  
#nav li a        { color:#FFF; text-decoration:none; } 
#nav li a:hover  { color:#fed700; } 

#nav li:first-child { border-left:none; }
#nav li:last-child  { border-right:none; }		  			  


#slider 	{  
				
			
			}
#slider img {  
				
				border-bottom:solid 5px #fcae1a;
            }	

h1   { font-family: 'Open Sans', sans-serif;  font-size:30px; color:#c0251b; margin:0px 0px 10px 0px; font-weight: 500;  }
h1 a { color:#c0251b; text-decoration:none; }


h2   { font-family: 'Open Sans', sans-serif;  font-size:22px; color:#c0251b; margin:0px 0px 5px 0px; font-weight: 500; }
h2 a { color:#c0251b; text-decoration:none; }

#content     { padding:15px 0px 0px 0px; background:#FFF; font-weight:400;}

#cont_left   { width:760px; padding:0px 10px 0px 10px; }

#cont_left p { 
				font-family: 'Open Sans', sans-serif; 
				font-weight:400; 
				font-size:14px; 
				color:#808e8f; 
				line-height:1.5em; 
				text-align:justify; margin:0px 0px 10px 0px; 
			 }
#cont_left input, textarea { border:solid 1px #CCC; padding:2px 2px 2px 2px; }			 
#cont_left p a { color:#5b5a5a; }			 
.or			   { color:#fff; }				 
			 
#cont_right  { width:320px; padding:10px 10px 0px 0px; list-style:none; }

#testi       { }

#testtop     { width: auto; text-align:center; }
#testtop h2  { color:#2d2d2d; margin:0px 0px 10px 0px; font-weight:700;  }

#testibox    { 
				border-radius: 8px;
			   -webkit-border-radius: 8px;
			    -moz-border-radius: 8px;
				background:#fcae1a;
				padding:15px 10px 15px 10px;
				margin:10px 0px 0px 0px; 
				font-size:13px; 
				font-family: 'Open Sans', sans-serif;  
				color:#ffffff; 
				line-height:1.5em; 
				

    -moz-box-shadow: 0px 2px 5px #aeaeae;
    -webkit-box-shadow: 0px 2px 5px #aeaeae;
    box-shadow: 0px 2px 5px #aeaeae;


			
			 } 
#testibox img { margin:0px auto 0px auto; display:block; }			 
#testibox .fa-quote-left { font-size:34px; margin:0px 5px 0px 0px;  }			 
#testibox p  	{ padding:0px 10px 10px 10px; font-size:13px; text-align:center; }	

.nme           { font-family: 'Open Sans', sans-serif;  font-size:14px; color:#fff; margin:0px 0px 0px 10px;  text-align:center; font-weight:700;   }
.nme span      { color:#fff; text-transform:uppercase; } 

.tpic           { margin:10px 0px 0px 10px; }

#blog           { font-family: 'Open Sans', sans-serif;  }
#blog ul        { }
#blog li        { 
				  list-style:none;
				  color:#1a3c55;
    			  content: "";
    			  font-size: 12px; 
				  line-height:1.9em;
				  width:200px;
   				}
#blog li a  {				
				color: #a0a0a0;
   				font: 14px/1.2em 'Open Sans',sans-serif; text-decoration:none;
    			text-transform: uppercase; padding:0px 0px 0px 10px;
			}


#box            { background: url(images/bgthumb.gif) repeat; border-top:solid 5px #0d1125; padding:15px 0px 15px 0px; }
#box1           { 
					width:242px;
					padding:15px 0px 15px 0px; 
					margin:0px 3px 0px 3px;
					background:#fdfdfd; 
					box-shadow: 0 0 0 1px #CCC inset;
					float:left; 
				}
				
#icon_c         { background:#0d1125; width:90px; height:60px; margin:0px auto; padding:10px 0px 10px 0px;  }
#box1 img       { margin:0px auto; display:block; vertical-align:middle;  }
#box1 .txt1     { 
					font-family: 'Open Sans', sans-serif; 
					font-size:20px; 
					color:#0d1125; 
					text-align:center; 
					margin:10px 0px 10px 0px; 
					line-height:1.2em; 
				 }
#box1 .txt1 span { color:#e45437; }
.triangle2       { 
					width: 0; 
					height: 0; 
					border-left: 10px solid transparent; 
					border-right: 10px solid transparent; 
					border-top: 10px solid #0d1125;
					margin:0px auto;	
				}

#btmc          { 
			
					background:url(images/bgyel.jpg) repeat;
					font-family: 'Open Sans', sans-serif; 
					padding:10px 10px 10px 10px; 
					margin:10px auto 0px auto;
			   }
#btmc ul       { padding:15px 0px 0px 0px; text-align: center; }			    
#btmc li       { 
					width:360px; 
					list-style: none; 
					display: inline-block; 
				    margin: 0px 1px; 
				
					padding:0px 0px 0px 0px;
			   }
#btmc li img   { margin-bottom: 10px; width: 100%; height:auto;  }			   			    
#btmc li h3    { 
					font-family: 'Open Sans', sans-serif;  
					color:#fff; 
					font-size:16px; 
					text-align:center; 
					font-weight:700; 
					display: block; 
					text-transform:uppercase; 
					margin:0px 0px 10px 0px;   
			   }
#btmc li p     { 
					font-family: 'Open Sans', sans-serif;  
					color:#fff; 
					font-weight:300; 
					font-size:13px; 
			}

.txt2          { 
					font-size:18px; 
					font-weight:700;
					color:#000000; 
					line-height:1em; 
					text-align:center; 
			  }	
				
#footer       { background:#0a1420; padding:20px 10px 20px 10px; font-family: 'Open Sans', sans-serif; font-size:11px; }

#footer p     { color:#94a0b0; text-transform:uppercase; padding:0px 0px 0px 0px; float:left;  }
#footer p a   { color:#c0251b; text-decoration:none; }


#footer ul   { text-transform:uppercase; float:right; color:#94a0b0;  }
#footer li   { list-style:none; padding:0px 10px 0px 10px; display:inline; }
#footer li:last-child { border-right:none; }
#footer li a { color:#94a0b0; text-decoration:none; }				
#footer li a:hover { color:#fff; text-decoration: underline; }

#socs        { background:#ffffff; border-top:solid 5px #fcae1a; margin:10px 0px 10px 0px;    }
#socs h2     { 
				font-family: 'Open Sans', sans-serif; 
				text-transform:uppercase; 
				padding:10px 0px 10px 0px; 
				font-weight:700; 
				color:#686868; 
				font-size:14px; 
				text-align:center; 
				border-bottom:solid 1px #dfdfdf;  
			 }
#socs ul     { width: auto; margin:0px auto; display:block; text-align:center;}			 
#socs li     { list-style:none; display:inline; margin:0px 3px 0px 3px;  }			 


.responsiveMenuSelect { background:#22353d !important; color:#FFF; padding:10px 0px 10px 0px; font-weight:bold;  }

@media (max-width: 1024px) { 
				.ctr { width:1000px; margin:0px auto; }
				
				#cont_left   { width:670px; padding:0px 10px 0px 0px; }
				
				#cont_right  { width:310px; padding:10px 0px 0px 10px; list-style:none; }

}

/* Styles for tablet and laptop */
@media (max-width: 999px) and (min-width: 768px) {
	
    .ctr  { width: 100%; }
	
	.lft      { float:none; width:100%  }
	.rgt      { float:none; width:100%  }
	
	.cont 		  { 
				
			    width:auto; 
				float:none;
				text-align:center;
			  }	
	
	#btmc          { 
				
					padding:15px 0px 15px 0px; 
				
			   }

	
	.thm { float:none; width:90%; margin:0px auto; display:block;   }
	
	#nav 	{ width:100%;  }
	
	#header       { padding:10px 0px 10px 0px; }
	#header .logo { text-align:center; margin:0px auto; display:block; padding:0px; }

	
	#slider img         { height:auto !important;  }
	h1 { text-align:center; }
	h2 { text-align:center; }
	
	#cont_left   { width:100%; padding:0px 0px 0px 0px; }

	#cont_left p   { }
	
	#cont_right  { width:100%; padding:0px 0px 0px 0px; }
	#blog li       { width:100%; text-align:center; }
	
	#btmc li     { width:100%; text-align:center; } 
	#btmc li img { margin:0px auto 10px auto; display:block; text-align:center; width:90%; }
	
    ::-webkit-scrollbar { display: none; }
    ::-moz-scrollbar { display: none; }
}

/* Styles for mobile */
@media (max-width: 767px) {
	
	.ctr { width: 100%; }
	
	.lft      { float:none; width:100%  }
	.rgt      { float:none; width:100%  }
	
	.cont 		  { 
				
			    width:auto; 
				float:none;
				text-align:center;
			  }		
	
	#btmc          { 
				
					padding:15px 0px 15px 0px; 
				
			   }
	
	.thm { float:none; width:90%; margin:0px auto; display:block;   }
	
	.sms { 
		visibility: visible;
	
	}
	
	#nav 	  { width:100%;  }
	
	#header           { padding:10px 0px 10px 0px; }
	#header .logo     { text-align:center; margin:0px auto; display:block;  padding:0px; }
	#header .logo img { width: auto; margin:0px auto;  }

	
	#slider img         { height:auto;  }
	h1 { text-align:center; }
	h2 { text-align:center; }
	
	
	#cont_left     { width:100%; padding:0px 0px 0px 0px; }
	
	#cont_left p   { }
	
	#cont_right  { width:100%; padding:0px 0px 0px 0px; }
	#blog li       { width:100%; text-align:center; }
	#box1       { 
					width:100%;
					padding:15px 0px 15px 0px; 
					margin:0px 0px 0px 0px; 
					float:none; 
				}
	#btmc li     { width:100%; text-align:center; } 
	#btmc li img { margin:0px auto 10px auto; display:block; text-align:center; width:90%; }
	
	#footer p  { width:100%; text-align:center; margin:0px 0px 10px 0px;  }

	::-webkit-scrollbar { display: none; }
    ::-moz-scrollbar { display: none; }
	
	}	
@media (max-width: 768px) { 
		#btmc li img { margin:0px auto; display:block; text-align:center; width:90% }
		
}