HTML,
BODY 
{
background:#242729;
font-family:"Roboto Condensed",Arial,sans-serif;
font-size:16px;
}

TEXTAREA
{
resize:none;
min-width:100%;
max-width:100%;
width:100%;
}

BODY
{
min-height:initial;
overflow-x:hidden;
}

BODY.index
{
opacity:0;
}

H2
{
font-family:"Anton",Arial,sans-serif;
text-transform:uppercase;
}

LEGEND
{
font-weight: bold;
border: 0;
padding: 5px;
width: initial;
margin-bottom:0px;
}

.testimonial
{
font-style:italic;
margin-bottom: 30px;
font-size: 16px;
border: 1px solid #DDD;
padding: 20px;
background:#EEE;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius: 8px;
display: flex;
}

.callout { position: relative; margin: 18px 0; padding: 18px 20px; background-color: #f9f8ee; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; zoom: 1; }
.callout .notch { position: absolute; top: -10px; left: 20px; margin: 0; border-bottom: 10px solid #f9f8ee; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 0; padding: 0; width: 0; height: 0; font-size: 0; line-height: 0; _border-right-color: pink; _border-left-color: pink; _filter: chroma(color=pink); }
.border-callout { border: 1px solid #e8e2c5; padding: 17px 19px; }
.border-callout .border-notch { border-bottom-color: #e8e2c5; top: -11px; }

.testimonial DIV
{
width:100%;
margin:0 auto;
align-self: center;
}

.transbg
{
background:transparent;
}

.darkopacity
{
opacity:0.94;
}

.navbar
{
margin-bottom:0 !important;
border-bottom:0;
font-family:"Roboto Condensed",Arial,sans-serif;
font-size:16px;
font-weight:bold;
}

.navbar-inverse .navbar-nav>li>a
{
color:#FFF;
}

.navbar-brand>IMG
{
margin-top:-10px;
margin-left;2px;
height:40px;
opacity:0;
transition:opacity ease-in-out 350ms;
}

.navbar-brand
{
padding-left: 5px !important;
}

.navbar-right .caret
{
border-top: 4px dashed !important;
border-top: 4px solid\9 !important;
border-right: 4px solid transparent !important;
border-left: 4px solid transparent !important;
}

.navbar-inverse .navbar-nav>li>a.quote-request
{
color:#a0cae4;
}

#top
{
margin-top: -70px;
padding-top: 0px;
background-color: #6a926d;
}

#logo-section
{
clear:both;
background-color: #6a926d;
color:#FFF;
-webkit-box-shadow: inset 0px 0px 106px 11px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 0px 106px 11px rgba(0,0,0,0.75);
box-shadow: inset 0px 0px 106px 11px rgba(0,0,0,0.75);
}

#logo-section .left-col
{
padding-bottom:20px;
}

#logo-section .left-col IMG
{
margin-top:30px;
transition:opacity ease-in-out 350ms;
}

#top-step
{
background:#FFF url(../img/steptread.png) 0 0 repeat-x;
margin-left:-15px;
margin-right:-15px;
height:16px;
}

#caro
{
/* put back if you want "photograph" style upper and lower
padding-top:18px;
padding-bottom:18px;
*/
background-color:#FFF;
margin-left:-15px;
margin-right:-15px;
}

.carousel-inner>.item>img
{
width:100%;
}

#icon-section
{
background: #FFF url(../img/steptread-under.png) 0 0 repeat-x;
padding:2%;
padding-top:0px;
min-height:300px;
margin-left:-15px;
margin-right:-15px;
padding-bottom:60px;
}

#icon-section H2
{
margin-top:5px;
background:#F0F0F0 url(../img/steptread-down.png) 0 0 repeat-y;
padding:4px;
padding-left:30px;
border:1px solid #DDD;
}

#icon-section .row
{
max-width:1300px;
margin:0 auto;
}

#icon-section .row .left-col,
#icon-section .row .right-col
{
margin-top:50px;
max-width:600px;
} 

#icon-section .row .right-col
{
float:right;
}

.flags
{
width:100%;
background-color:#FFF;
padding-bottom:50px;
font-size: 40px;
font-family: Anton,sans-serif;
text-transform: uppercase;
margin-top:-2px;
border-left:20px solid #FFF;
border-right:20px solid #FFF;
}

.flags P
{
margin-top: 40px;
line-height: 40px;
}

.carousel-indicators
{
opacity:0;
}

.carousel-indicators:hover
{
opacity:1;
}

#contact-info
{
background:transparent url(../img/smartphone.png) 0 0 no-repeat;
padding-left:40px;
font-weight:bold;
padding-top:4px;
height:48px;
position: absolute;
top: 0; 
bottom: 0; 
right: 15px;
margin-top:23%;
font-size:14px;
}

.footer
{
font-size:11px;
color:#FFF;
padding:20px;
min-height:200px;
position:relative;
}

.fa-facebook-square
{
font-size:25px;
}

#plug
{
color:rgba(51,122,183,0.4) !important;
position:absolute;
bottom:10px;
right:10px;
}

.main
{
background:#FFF;
margin-left:-15px;
margin-right:-15px;
padding:20px;
padding-top:10px;
min-height:1300px;
}

.bottom-shadow
{
background:#FFF;
-webkit-box-shadow: 0px 5px 5px 0px rgba(100, 100, 100, 0.2);
-moz-box-shadow:    0px 5px 5px 0px rgba(100, 100, 100, 0.2);
box-shadow:         0px 5px 5px 0px rgba(100, 100, 100, 0.2);
padding-bottom:14px;
z-index:99;
position:relative;
top:0;
}

#about-section
{
margin-top: 20px;
border-bottom: 1px dotted #CCC;
padding: 20px;
padding-bottom:10px;
}

#btnAboutDoubleA,
#btnSeasonalInfo,
#btnTestimonials
{
margin-top:10px;
min-width:100px;
font-size:16px;
}

#aa
{
margin-top:20px;
}

#mobile-section
{
display:none;
}

#contact-info
{
cursor:pointer;
}

#template-a H1,
#template-group H1,
#template-plain H1,
#warranty H1,
#template-suppliers H1,
#template-forsale H1,
#template-quote H1,
#template-gallery H1,
#template-gallery-sub H1
{
font-family:"Anton",sans-serif;
text-transform:uppercase;
font-size:50px;
}

#template-a H3,
#template-plain H3,
#warranty H3,
#template-suppliers H3,
#template-quote H3,
#template-gallery H3,
#template-gallery-sub H3
{
font-weight:bold;
}

#template-a #images IMG
{
width:60%;
}

#template-a #specs
{
margin-left:4%;
}

#template-a #options
{
width:90%;
text-align:center;
margin:0 auto;
}

#template-a #options DIV
{
text-align: center;
font-size: 13px;
font-weight: bold;
margin-top: 5px;
margin-bottom: 10px;
}

#template-group .cat DIV
{
cursor:pointer;
}

#template-group .cat P
{
font-size:24px;
font-weight:bold;
text-transform:uppercase;
}

#template-group .cat DIV
{
border:8px solid #FFF;
background-color:#F0F0F0;
padding: 8px;
padding-top:32px;
margin-top:15px;
box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.2);
}

#template-group .cat DIV:hover
{
box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.5);
}

#warranty #certificate-wrapper
{
background:#FFF url(../img/cert-pattern.png) 0 0 repeat;
width:70%;
margin:0 auto;
overflow:hidden;
padding:3.5%;
border:1px solid rgba(135,146,129,0.8);
box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.2);
}

#warranty #certificate
{
background:#eeefdf url(../img/warranty-paper-pattern.png) 0 0 repeat;
border:4px double #879281;
color:#303d29;
padding:20px;
}

#warranty-form-width
{
padding-right:50%;
}

#warranty .alert,
#template-about .alert,
#template-quote .alert
{
visibility:hidden;
}

.supplier DIV
{
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
border:1px solid #DDD;
background:#F5F5F5;
padding-top:15px;
height:120px;
margin:10px;
cursor:pointer;
position:relative;
font-size:13px;
}

.supplier DIV:hover
{
border:1px solid #999;
}

.supplier P
{
position: absolute;
bottom: 5px;
left:0;
right:0;
}

.forsale
{
background-color:#EEE;
}

#template-forsale #items
{
margin-left:15px;
margin-right:15px;
}

#template-forsale .row
{
margin-bottom:10px;
}

.forsale H4
{
padding-top:30px;
font-weight:bold;
}

.photo
{
display:block;
border:15px solid #FFF;
background-color:#FFF;
margin-top:15px;
margin-bottom:15px;
box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.2);
cursor:pointer;
}

.photo:hover
{
box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.5);
}

#template-about .nav-tabs>li>a 
{
min-width: 160px;
text-align: center;
font-size: 18px !important;
}

#template-about .tab-content
{
padding-top:20px;
}

.staff IMG
{
float:right;
}

.staff .col-xs-4
{
width:initial;
}

#about-content,
#contact-panel
{
max-width:1024px;
}

#template-quote FIELDSET
{
border: 1px solid #DDD;
padding: 20px;
margin-bottom: 15px;
}

.gallery .col-xs-12 DIV
{
cursor:pointer;
border:1px solid #DDD;
padding:8px;
margin-bottom:8px;
}

.gallery .col-xs-12 DIV:hover
{
border:1px solid #000;
}

#template-gallery IMG
{
width:100%;
}

/*
.gallerysub .col-xs-4 IMG
{
cursor:pointer;
border:1px solid #DDD;
padding:8px;
margin-bottom:8px;
}

.gallerysub .col-xs-4 IMG:hover
{
border:1px solid #000;
}
*/

.gallery P
{
font-weight:bold;
text-align:center;
font-size:18px;
}

#topmarquee
{
color: #FFF;
margin-top: 0px;
position: absolute;
top: 0;
font-size: 13px;
background: transparent;
font-weight: bold;
}

.testimonials
{
margin-bottom:20px;
}

.breadcrumb
{
background:transparent;
padding-left:0px;
}

.row.samecolh [class*="col-"]
{
margin-bottom: -99999px;
padding-bottom: 99999px;
}

.row.samecolh {
overflow: hidden; 
}

@keyframes throbber
{
	0% {
		opacity:0.5;
	}
	100% {
		opacity:1;
	}
}

.throb
{
animation:throbber 0.5s infinite alternate;
}

/* WIDESCREEN TWEAKS */
@media screen and (min-width:1532px) {

	#contact-info
	{
	margin-top:10em;
	/* margin-top:14rem; */
	}
	
	#template-a #options IMG
	{
	width:50%;
	}

}

/* TURN OFF ANIMATION ON MOBILES */
@media screen and (max-width:800px) {
	.animated
	{
	-webkit-animation-duration: initial;
	animation-duration: initial;
	-webkit-animation-fill-mode: none;
	animation-fill-mode: none;
	}
}

/* SMARTPHONES IN GENERAL - PORTRAIT OR LANDSCAPE */
@media screen and (max-width:736px) {

	.flags
	{
	display:none;
	}

	#warranty #certificate-wrapper
	{
	width:100%;
	}

	#warranty-form-width
	{
	padding-right:15px;
	}
	
	.footer .pull-right
	{
	clear:both;
	display:block;
	float:left !important;
	margin-top:20px;
	margin-bottom:20px;
	}

}

/* SMARTPHONE LANDSCAPE MODE 736 */
@media screen and (max-width:774px) and (orientation:landscape) {

	#mobile-section
	{
	display:block;
	margin-top:30px;
	}

	#about-section
	{
	display:none;
	}

	.main
	{
	padding-top:50px;
	}

	H2
	{
	font-size:140%;
	}

	#logo-section
	{
	margin-top:0;
	display:none;
	}
	
	.navbar-brand>IMG
	{
	opacity:1 !important;
	}

	.navbar
	{
	opacity:1 !important;
	background:#222 !important;
	}
	
	#caro
	{
	display:none;
	}
	
	#mobile-section
	{
	display:block;
	margin-top:50px;
	color:#000;
	background:#FFF;

	}
	
	#mobile-section P
	{
	display:block;
	}
	
	#mobile-section .contact-info
	{
	margin:0 auto;
	background:transparent url(../img/smartphone.png) 0 0 no-repeat;
	padding-left:40px;
	font-weight:bold;
	padding-top:4px;
	height:48px;
	}
	
	#mobile-map DIV
	{
	margin-left:-5px;
	background:transparent url(../img/map-sm.png) 0 0 no-repeat;
	padding-top:14px;
	padding-left:45px;
	font-weight:bold;
	height:48px;
	}

}

/* SMARTPHONE PORTRAIT MODE */
@media screen and (max-width:767px) and (orientation:portrait) {

	.staff .col-xs-4
	{
	width:33.33333333%;
	}

	#template-about .nav-tabs>li>a
	{
	font-size:11px !important;
	min-width:initial;
	}

	.forsale H4
	{
	padding-top:0px;
	}

	.photo
	{
	border:5px solid #FFF;
	margin-top:3px;
	margin-bottom:3px;
	}

	#template-a #images IMG {
	width: 140%;
	}

	#template-a #specs
	{
	margin-left:1%;
	}

	#about-section
	{
	display:none;
	}

	.main
	{
	padding-top:50px;
	}

	#icon-section H2
	{
	padding:0;
	background:transparent;
	border:0;
	}

	#icon-section .row.first
	{
	margin-top:10px;
	} 

	#icon-section .row .left-col,
	#icon-section .row .right-col
	{
	margin-top:5px;
	} 

	#icon-section P
	{
	display:none;
	}
	
	#icon-section .samecolh .btn
	{
	display:none;
	}

	H2
	{
	font-size:140%;
	}

	#logo-section
	{
	margin-top:0;
	display:none;
	}
	
	.navbar-brand>IMG
	{
	opacity:1 !important;
	}

	.navbar
	{
	opacity:1 !important;
	background:#222 !important;
	}
	
	#caro
	{
	display:none;
	}
	
	#mobile-section
	{
	display:block;
	margin-top:50px;
	color:#000;
	background:#FFF;

	}
	
	#mobile-section P
	{
	display:block;
	}
	
	#mobile-section .contact-info
	{
	margin:0 auto;
	background:transparent url(../img/smartphone.png) 0 0 no-repeat;
	padding-left:40px;
	font-weight:bold;
	padding-top:4px;
	height:48px;
	}
	
	#mobile-map DIV
	{
	margin-left:-5px;
	background:transparent url(../img/map-sm.png) 0 0 no-repeat;
	padding-top:14px;
	padding-left:45px;
	font-weight:bold;
	height:48px;
	}

}


/* IPAD PORTRAIT MODE */
@media screen and (min-width:767px) and (max-width:900px) and (orientation:portrait) {

	#template-gallery .col-xs-12
	{
	width:33%;
	}

}



