/* Show it is fixed to the top */
body { font-family:'Arial'; margin:5px; padding:5px; background-color:#000000; color:#FFFFFF;}

h1 {font-size:28px; margin:10px 0; padding:0;}

h2 {font-size:22px; margin:10px 0 0 0; padding:0; color:#333333;}

.latest-article h2, .most-popular h2 {color:#fdd22f;}

h3 {font-size:20px; font-weight:bold; margin:10px 0; padding:0;}

h4 {}

h5 {}

a {outline : none;}

.img-responsive {max-width: 100%; height: auto;}

#headerwrap {width:970px; min-height:100px; margin:0 auto; background:url("../images/bg-header.jpg") top center no-repeat;}

.call-us {font-family: Arial Black, Arial Bold, Gadget, sans-serif; color:#FFFFFF; font-size:15px; margin-top:90px;}
.phone-num {font-family: Arial Black, Arial Bold, Gadget, sans-serif; color:#FFFFFF; font-size:24px;}

.social-icons {list-style-type:none; margin-top:0px;}
.social-icons li {display:inline-block; padding-left:3px;}
	#desktop-header {display:block;}
	#mobile-header {display:none !important;}


#nav-spc-slider-wrap {width:1053px; height:auto; margin:0 auto; position:relative; overflow:hidden !important;}

	#navwrap {width:1000px; min-height:50px; margin:10px auto 0 auto; position:relative; z-index:998;}

		.navmenu {width:970px; height:52px; background:#FFFFFF; border-radius:5px;}
		.navmenu ul {list-style-type:none; margin:0; padding:0; text-align:center;}
		.navmenu ul li {display:inline-block; text-align:center; padding:16px 20px; font-size:13px; font-weight:bold;}
		.navmenu ul li a {color:#b2271b;} 
		.navmenu ul li a:hover {text-decoration:none; color:#000000;}

	#navwrap {display:block;}
	#navwrap-mobile {display:none !important;}


	
	#specialbox {visibility:hidden !important; width:1053px; height:107px; margin:0 auto; background:url("../images/bg-spcbox.png") top center no-repeat; position:relative; z-index:999;}	
		.spcbox-wrap {padding-top:6px;}
		.spcbox-right-title {font-weight:bold; font-size:17px; margin-top:5px;}
		.btn-get-a-quote {background:#fecc2f; border:none; font-weight:bold; font-size:11px; padding:4px 10px; margin-top:5px; box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
		
		
	#mainslider {width:970px; height:520px; background:#FFFFFF; margin:-120px auto 0 auto; position:relative; z-index:-999;}		
	
		#mainslider .rowslider {width:100%; height:auto; position:absolute; left:0;}
		#mainslider .rowslider img {position:relative;}
	
		
	
	#maincontent {width:970px; min-height:500px; margin:25px auto;}
		.style-text1 {font-size:17px; color:#FFFFFF; opacity:.5; margin-top:0px;}
		.style-text2 {font-size:30px; color:#FFFFFF;}
		
		.whitebox-content {width:970px; min-height:100px; background:#FFFFFF; margin:25px 0 0px 0; padding:16px 0; color:#000000;}
		.whitebox-content p {font-size:15px;}
		
		.latest-articles-content {width:970px; height:330px; background:#FFFFFF; margin:10px 0 35px 0; padding:16px 0; color:#000000;}
		.latest-articles-content p {font-size:15px;}
		
		
	 /* Container holding the image and the text */
	.img-container {
		position: relative;
		text-align: center;
		color: white;
	}

	/* Bottom left text */
	.bottom-left {
		position: absolute;
		bottom: 8px;
		left: 16px;
	}

	/* Top left text */
	.top-left {
		position: absolute;
		top: 5px;
		left: 0px;
	}

	/* Top right text */
	.top-right {
		position: absolute;
		top: 8px;
		right: 16px;
	}

	/* Bottom right text */
	.bottom-right {
		position: absolute;
		bottom: 8px;
		right: 16px;
	}

	/* Centered text */
	.centered {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	} 
	
	.img-title {width:293px; position: absolute; height:40px;  background: rgb(204, 204, 204); background: rgba(204, 204, 204, 0.9);}
		.img-txt-title {color:#791f1d; font-size:22px; font-weight:bold; padding:5px;}
	
	.btn-read-more {background:#fecc2f; border:none; font-weight:bold; font-size:11px; padding:6px 20px; margin-top:5px; border-radius:5px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
	
	
	
	.latest-article p {font-size:13px; text-align:justify;}
	
	.style-text3 {font-size:15px; color:#FFFFFF; opacity:.5; margin-top:5px;}
	

.most-popular {width:100%; height:auto; margin-top:45px;}

	.transpabox-content {width:970px; min-height:100px; background:transparent; margin:10px 0 35px 0; padding:16px 0; color:#FFFFFF;}


	#desktop-slider-blog {display:block;}
	#mobile-slider-blog {display:none;}
	
#customer-wrap {width:970px; height:100px; margin:25px auto;}

	.list-customers {width:98%; list-style-type:none; margin:0 auto; padding:0;}
	.list-customers li {display:inline-block; text-align:center; padding:5px 10px;}
	.list-customers li:first-child {padding-left:15px !important;}
	.list-customers li:last-child {padding-right:0 !important;}


#footer {width:100%;}
	.footer-menu {list-style-type:none; margin:0 0 25px 0; padding:0; text-align:center;}
	.footer-menu li {display:inline-block; text-align:center; padding:9px 20px; font-size:13px; font-weight:bold;}

		.footer-menu li a {color:#CCCCCC;} 
		.footer-menu li a:hover {text-decoration:none; color:#b2271b;}
		
	.copyright {width:100%; height:auto; margin:25px 0;}



#banner ol {
    width: 90% !important;
    bottom: 30px !important;  
}


.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}

.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff; 
  border-bottom: 1px solid #d4d4d4; 
}

/*when hovering an item:*/
.autocomplete-items div:hover {
  background-color: #e9e9e9; 
}

/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
  background-color: DodgerBlue !important; 
  color: #ffffff; 
}

.post p {
 
line-height: 2em;
 
padding-bottom: 30px;
 
}