/*
Theme Name: Colorado Auto Glass
Description: global.css contains a reset, font normalization and some base styles.
--------------------------------------------------------------------------------------  
1.ROOT
2.HEADINGS
3.TYPOGRAPHY
4.LINKS
5.FIGURES & IMAGES
6.TABLES
7.FORMS
8.BANNER header[role="banner"]
9.NAVIGATION nav[role="navigation"]
10.CONTENT
11.MAIN [role="main"]
12.COMPLIMENTARY [role="complementary"]
13.CONTENTINFO footer[role="contentinfo"]
14.GLOBAL OBJECTS
15.VENDOR-SPECIFIC 
16.TEMPLATE SPECIFICS
17.MODERNIZR
*/

/* Custom styles */

li#dd-nav-btn {
display:;
}

.dd-btn {
font-size: 18px;
padding: 6px;
margin: 15px 0 0;
border: 1px solid #0B72BA;
background: #fff;
}
a .dd-btn {color: #0b72ba;}
a:hover .dd-btn {color: #4CD2F7;}

.dd-btn-payment {
font-size: 18px;
padding: 6px;
margin: 15px 0 0;
border: 1px solid #0B72BA;
background: #4CD2F7;
}
a .dd-btn-payment {color: #0b72ba;}
a:hover .dd-btn-payment {color: #fff;}

body#contact .process {
margin-top: 1em;
}

form#form1 {
margin-top: -21px;
}

@media only screen and (max-width: 500px) {
  .dd-btn, .dd-btn-payment {
  font-size: 22px;
  }
}

/* Basic browser reset */
body,div,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dd,dt,blockquote,fieldset,legend,form { margin:0;padding:0;border:0; }
html,input,textarea,select { font-size: 100% } 

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display:block; } 

/* 1.ROOT */
html { background:rgb(244, 246, 246); }
body {
	color:rgb(102, 103, 103);
	font: 100%/1.335 Helvetica, Arial, sans-serif; 
}


/* 2.HEADINGS */
h1, h2, h3, h4, h5, h6, legend, [role="navigation"] { 
	font-family: 'Oswald', sans-serif;
}

/* 2.HEADINGS */
.yadda { 
	font-family: "nimbus-sans-condensed","Times New Roman","Arial Narrow","Helvetica Condensed","Generica Condensed",sans-serif;
}

h1	{ 
	color:rgb(37,55,71); 
	font-size: 32px;
	font-size: 2rem;
	margin:0 0 .5em; 
	text-transform:uppercase; 
} 	
.home h1 {
	text-transform:none;
}
h2	{ clear:both; color:rgb(102, 103, 103); font-size: 1.75em; margin-bottom:.75em; }  /* 28 / 16 */
	h2 + p {margin-top:-.75em;}
	p + h2 {margin-top:1.5em;}
h3, h4	{ 
	font-size: 1.5em; /* 24 / 16 */
}


[role="main"] h3	{ 
	font-weight:400;
	margin-bottom:.5em;
}
	.box h3, .box legend {font-size: 1.25em;} 
	.box h3 a, .box h3 a:visited {color:rgb(255,255,255); display:inline-block ;margin-bottom:0;}
	
	[role="contentinfo"] h4 {
		color:white; 
		letter-spacing:.05em; 
		text-transform:uppercase;
	}
	

h5 {
	color:rgb(98,170,221);
	display:block;
	font-size:12px;
	font-size:1.375rem;
	margin-bottom:1em;
	text-align:center;
	text-transform:uppercase;
}

h6	{ font-size: .6875em; } /* 11 / 16 */

/* 3.TYPOGRAPHY */

p					{ margin-bottom: 1em; }
abbr,acronym	{ border-bottom: 1px dotted #999; cursor: help; }
ul, ol 			{ margin: 0 0 2em 1.5em; }

.nested {margin-left:10px;}
.nested li {
	background:url(../img/css/list-square.gif) no-repeat 0 10%;
	list-style-type:none;
	margin-bottom:.75em;
	padding-left:16px;
    filter: grayscale(100%);    
}

table				{ border-collapse: collapse; }
th, td			{ border: 1px solid #ccc; padding: .5em;  }

blockquote:before {
	color:rgb(11, 114, 186);
	color:rgba(11, 114, 186, .8);
	content:'\201C';
	float:left;
	font-size:64px;
	font-size:4rem;
}
blockquote p {
	font-style:italic;
	padding:15px 20px 0 30px;
}
p.author {
	margin:-.5em 1.5em 1.5em 0; 
	font-size:14px;
	font-size:.875rem;
	text-align:right;
}

.number {
	background:rgb(11, 114, 186);
	color:rgb(255,255,255);
	display:block;
	font-size:1.25em;
	font-style:normal;
	margin:.25em .5em .5em 0;
	padding: .05em .5em;
	text-align:center;
    filter: grayscale(100%);
}


abbr {
	cursor: help;
	font-style: normal;
	border: 0;
}
em abbr {color:rgb(165,35,35); font-weight:bold;}

/* 4.LINKS */
a, a:visited		{ color: rgb(11, 114, 186); text-decoration:none; }
a:hover, a:focus 	{ color: rgb(98,170,221); }

[role="main"] a, [role="main"] a:visited		{ color: rgb(102, 103, 103); text-decoration:underline; }
[role="main"] a:hover, [role="main"] a:focus 	{ color: rgb(37,55,71); }

aside.action a, aside.action a:visited		{text-decoration:none; }
aside.action a:hover, aside.action a:focus 	{ color: rgb(37,55,71); }

a.brand {
   display: block;
}
	a.brand img {border:none;}
	
/* 5.FIGURES & IMAGES */
img, iframe, object {max-width:100%;}

figure.media {
	margin:0 0 1.5em;
	padding:0;
	padding-bottom: 56.25%;
	position: relative;
	text-align:center;
}
.flexslider figure.media {margin-bottom:0;}
.media object, .media iframe {
	height: 100%;
	left: 0;
	position: absolute;
	top:0;
	width:100%;
	z-index:10;
}

figure.right {margin:0 0 1em .5em;}
figcaption {font-style:italic;}

.specials figure, .get-quote figure {margin:0 0 1em;}
.specials figcaption p, .get-quote figcaption p { font-size:.75em; margin:0;}


/* 6.TABLES */
/* 7.FORMS */

fieldset ol, fieldset ol ul {
	list-style-type: none;
	margin: 0;
}
fieldset ol {margin-bottom:1.75em;}
fieldset li {
    margin-bottom: 1em;
	position:relative;
}
legend {
	border-bottom:1px solid rgb(11, 114, 186);
	color:rgb(11, 114, 186);
	font-size:1.5em;
	width:100%;
}
legend + ol, legend + img, img + ol {padding-top:.75em;}
input, select, textarea, label, button, [type="submit"], [type="reset"] {
   display: block;
	padding:.25em;
}
input, select, textarea {
	background:rgb(255,255,255);
	border:1px solid rgb(144, 144, 144);
	color:rgb(102, 103, 103);
	padding:.5em;
	width:100%;
}

select {width:100%;}
button, [type="submit"], [type="reset"] {border:1px solid rgb(234,113,37); display:inline-block;}
button, [type="submit"], [type="reset"]{
	background:rgb(116,119,123);
	border:1px solid rgb(255,255,255);
	border-radius:0;
	color:rgb(255,255,255);
   cursor: pointer;
	font:bold 1.3em "nimbus-sans-condensed",sans-serif;
	padding:.55em .85em;
	text-transform:uppercase;
	width:auto;
	-webkit-appearance:none;
}
button:hover, [type="submit"]:hover, [type="reset"]:hover, #ctl00_main_cmdReset:hover {background:rgb(161,165,170);}
#ctl00_main_cmdReset {background:rgb(116,119,123);}


.radio, .checkbox {margin-bottom:0;}
.radio legend, .checkbox legend {
	border:none;
	color:rgb(39,46,54);
	font:100%/1.335 Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}
.radio li, .checkbox li {margin-bottom:0;}
.radio label, .checkbox label {padding:.25em 0;}
.radio input, [type="radio"],
.checkbox input, [type="checkbox"] {width:auto;}
.ie7 .radio input, .ie7 [type="radio"], .ie8 .radio input, .ie8 [type="radio"],
.ie7 .checkbox input, .ie7 [type="checkbox"], .ie8 .checkbox input, .ie8 [type="checkbox"] { background:none; border:none; margin-right:.25em;}

/* GET YOUR QUOTE NOW */
.quote form {width:100%;}
.quote fieldset {margin-bottom:0;}
.quote legend + ol, .quote ol, .quote button { margin-top:.35em; padding-top:0;}
.quote legend {
	border:none;
	color:rgb(255,255,255);
	margin:0 auto; 
	text-align:center; 
	width:100%;
}
.quote ol {float:left; margin:0;  width:75%;}
.quote li {margin-bottom:0;}
.ie7 .quote li {line-height:1; vertical-align:top;}

.quote select { display:inline;width:70%;}
.ie7 .quote select {margin-top:0; padding:.25em 0;}

.ie7 .quote button { border-color:none; outline:none; padding:0 .5em;} 


.box button {background:rgb(244,137,71); }
.box button:hover, .box button:focus {background:rgb(234,113,37);}

label input {display: inline;}
.wrapper input[type=hidden] {display: none;}

.specials {margin-bottom:1.5em;}
fieldset.specials select { margin-bottom:2.5em;width:100%;}


#lblValidationError {
	display: block;
	clear: both;
	margin: 1em 0;
}

	
/* 8.BANNER */	
[role="banner"] { 
 padding:1em 0 0;
}
[role="banner"] > a {
	background-image:url(../img/content/colorado-auto-glass-logo-2024-horiz.png);
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	display:block;
	height: 48px;
	margin-bottom:1em;
	width: 240px;

}

[role="banner"] img {
	border:none; display:none;
}
[role="banner"] img.mobile {
	display:block;
}

/* 9.NAVIGATION */
[role="navigation"] {
	margin-bottom:1em;
	overflow:hidden;
	/*position:relative;*/
	width:100%;
}
nav ul {
	display:none;
}
.expanded nav ul {
	display:block;
}
nav a.open-nav {
	/*background:transparent url(../img/css/nav.png) no-repeat 0 0;
	border-top:7px solid rgb(98,170,221);
	border-bottom:20px double rgb(98,170,221);
	cursor:pointer;
	display:block;
	height:6px;
	padding:0;
	position:absolute;
	right:1em;
	top:.85em;
	width:35px;*/
	cursor: pointer;
	font-size:4em;
	position:absolute;
	top:-.225em;
	right:0;
	text-indent:999em;
}
nav a.open-nav:hover {
	color:rgb(98,170,221);
}


nav a.open-nav:before {
	content: '\2261';
	text-indent:0;
}
nav a.open-nav.expanded {
	font-size:3em;
	right:.125em;
	top:-.0125em;
}
a.open-nav.expanded:before {
	content: '\2715';
}

nav a.open-nav:hover, nav a.open-nav:active, nav a.open-nav:focus { 
	background:none; /*background:transparent url(../img/css/nav.png) no-repeat 0 -30px;*/
	border-color:rgb(98,170,221);
}

.nav ul {
	background:white;
	display:none; 
	height:auto;
	left:0;
	position:absolute;
	top:4.5em;
	width:100%;
	z-index:1000;
}
.ie .nav ul {
	position:static;
}
nav ul { margin:0; text-align:center;}
nav li {
	list-style:none;
}
.ie7 nav li {display:inline; zoom:1;}

/*.nav-menu nav li {clear:left; display:none;}
.nav-menu .nav-primary.expanded li, .nav-menu .nav-primary li.nav-current {display: list-item;}
.nav-menu .nav-primary li.nav-current {border-bottom-width: 0;}*/

nav a, nav a:visited {
	color:rgb(116, 119, 123);
	display:block;
	font-size:1.5em;
	line-height:1.25em;
	/*padding: .5em  3em .5em .8em;*/
	padding:.15em .35em .1em;
	text-transform:uppercase;
}
nav a:hover, nav a:focus, nav a:active, nav a.on
 {
	background:rgb(161,165,170);
	color:rgb(255,255,255);
}

/* 10.CONTENT */
/* 11.MAIN  */

.slider {display:none;}

.quote legend, .quote h2 {
	font-size:24px;
	font-size:1.5rem; 
	margin:0;
	text-align:center; 
}
.quote h2 a {color:rgb(255,255,255);}

fieldset img.right {display:block; margin:0 auto;}

/* 12.COMPLEMENTARY */
aside {
	clear:both;
	padding:1em;
}

.action {
	text-align:center;
}
.action h2, .actio h3 {
	margin-bottom:.25em;
}
.action h2 + p {
	margin-top:-.25em;
}

/* 13.CONTENTINFO */
footer[role="contentinfo"] { 
	background:rgb(116,119,123);
	clear: both; 
	color: rgb(219,219,219);
}
[role="contentinfo"] .inner-wrap {background:transparent; padding-top:1.25em;}

footer ul 	{margin:0;}
footer li 	{font-size:.875em;list-style:none; margin-bottom:1.5em;}
footer li li{font-size:1em;margin-bottom:0;}

footer h4 {
	border-bottom:1px dashed white;
	margin-bottom:.5em;
	padding-bottom:.25em;
}

.tel a, .tel a:visited, a.tel, .box.blue a {
	color:rgb(219,219,219);
	cursor:default;
}

.copyright { color:rgb(219,219,219); font-size:.75em; /* 12 / 16 */}
footer a, footer a:visited {color:rgb(219,219,219); }
footer a:hover, footer a:focus, footer a:active {color:white; text-decoration: underline;}

/* 14.GLOBAL OBJECTS */
.wrapper, footer .inner-wrap {
	margin: 0 auto;
	padding:0 1em 1.5em; /* 20px / 16px */
	position: relative;
}
.expanded .wrapper {
	background:white;
}

a[href*="fffacebook"], a[href*="twitter"], a[href*="google"] {
	background:url(../img/css/social-icons.png) no-repeat 0 0;
	display:inline-block;
	height:35px;
	text-indent:-999em;
	width:35px;
}
.ie7 a[href*="fffacebook"], .ie7 a[href*="twitter"], .ie7 a[href*="google"] {display:block; float:left; margin-right:.25em;}
a[href*="twitter"]{background-position:-40px 0;}
a[href*="google"]	{background-position:-80px 0;}

.faq .right {
	margin:-1em 0 1.5em;
	text-align:right;
	width:100%;
}

.box {
	background:rgb(116,119,123);
	color:rgb(255,255,255); 
	margin:.5em 0;
	padding:.75em .625em; 
	text-align:center;
	text-transform:uppercase;
}
.gray3 			{background:rgb(116, 119, 123);}
/*.orange 			{background:rgb(207, 91, 24); margin-bottom:2em;}*/
.error, .red 	{ color:rgb(165,35,35); }


/* there's always a better way than using these. */
.hide			{ display: none; }
.inline 		{display:inline-block;}

/* self-clear floats */
.group:before,
.group:after,
.wrapper:before,
.wrapper:after,
[role="banner"]:before,
[role="banner"]:after,
[role="main"]:before,
[role="main"]:after ,
[role="contentinfo"] ul:before,
[role="contentinfo"] ul:after{
	clear: both; 
	content: "."; 
	display: block; 
	height: 0; 
	visibility: hidden;
}

*:first-child+html .group {
	min-height: 1px;
}


/* 15.VENDOR-SPECIFIC */
body {
-webkit-text-size-adjust : 100%; 
-ms-text-size-adjust : 100%; }

a:link { 
-webkit-tap-highlight-color : rgb(116,119,123); }

::-webkit-selection { 
background : rgb(39,46,54); 
color : rgb(250,250,250); 
text-shadow : none; }

::-moz-selection { 
background : rgb(39,46,54); 
color : rgb(250,250,250); 
text-shadow : none; }

::selection { 
background : rgb(39,46,54); 
color : rgb(250,250,250); 
text-shadow : none; }

::-webkit-input-placeholder {
padding : 10px;
font-size : .875em; 
line-height : 1.4; }

/* Remove inner padding and border in FF3/4 h5bp.com/l */
button::-moz-focus-inner, input::-moz-focus-inner { 
border: 0; 
padding: 0; }

input:-moz-placeholder { 
padding : 10px;
font-size : .875em; 
line-height : 1.4; }

.ie7 img,
.iem7 img { 
-ms-interpolation-mode : bicubic; }

div,
input,
textarea  { 
-webkit-box-sizing : border-box;
-moz-box-sizing : border-box;
-o-box-sizing : border-box;
box-sizing : border-box; }

/* 16.TEMPLATE SPECIFICS */

/* 17.MODERNIZR */
/* BORDERRADIUS */
/* GRADIENTS */
.csstransitions a { 
	-webkit-transition : color .2s linear;
	-moz-transition : color .2s linear;
	-o-transition : color .2s linear;
	transition : color .2s linear; 
}
/* No alternative required */

/* CAROUSEL - FLEXSLIDER */
/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {
	font-family: 'flexslider-icon';
	src:url('/fonts/flexslider-icon.eot');
	src:url('../fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
		url('../fonts/flexslider-icon.woff') format('woff'),
		url('../fonts/flexslider-icon.ttf') format('truetype'),
		url('../fonts/flexslider-icon.svg#flexslider-icon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; position:relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.slides h2 {
	background:black;
	background:rgba(0,0,0,.5);
	bottom:0;
	color:white;
	left:0;
	margin:0;
	padding:.25em 0 .125em;
	position:absolute;
	text-align:center;
	width:100%;
}
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0 0 3em; background: #fff; border: 4px solid rgb(116,119,123); position: relative;  zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { text-decoration:none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(116,119,123,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.6); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; line-height:1; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav {
	bottom:/*.75*/-2.5em; 
	position: absolute; 
	text-align: center;
	width: 100%; 
}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 8px; height: 8px; display: block; background: #53a7e0; background: rgba(116,119,123,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(255,255,255,0.3); -moz-box-shadow: inset 0 0 3px rgba(255,255,255,0.3); -o-box-shadow: inset 0 0 3px rgba(255,255,255,0.3); box-shadow: inset 0 0 3px rgba(255,255,255,0.3); }
.flex-control-paging li a:hover { background: #0B72BA; background: rgba(116,119,123,1); }
.flex-control-paging li a.flex-active { background: #0B72BA; background: rgba(116,119,123,1); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}


@media print {
* { 
background : transparent !important; 
color : black !important; 
text-shadow : none !important; 
filter : none !important;
-ms-filter : none !important; } 

a, a:visited { 
color : #444 !important; 
text-decoration : underline; }

a[href]:after { 
content : " (" attr(href) ")"; }

abbr[title]:after { 
content : " (" attr(title) ")"; }

a[href^="javascript:"]:after, 
a[href^="#"]:after { 
content : ""; }
  
pre, blockquote { 
border : 1px solid #999; 
page-break-inside : avoid; }

thead { 
display : table-header-group; }

tr, img { 
page-break-inside : avoid; }

@page { 
margin : .5cm; }

p, h2, h3 { 
orphans : 3; 
widows : 3; }

h2, h3 { 
page-break-after : avoid; }
}/*/mediaquery*/

/* MEDIA QUERIES */

/*480px __________________________________________________________________________________________________________ */
@media only screen and (min-width: 30em)  { /* 480 / 16 */

/* 1.ROOT */
/* 2.HEADINGS */
/* 3.TYPOGRAPHY */
/* 4.LINKS */
/* 5.FIGURES & IMAGES */
/* 6.TABLES */
/* 7.FORMS */
.quote ol {width:82%;}
.quote legend {font-size:1.85em;}
/* 8.BANNER */
/* 9.NAVIGATION */
/* 10.CONTENT */
/* 11.MAIN */
/* 12.COMPLIMENTARY */
/* 13.CONTENTINFO */
footer .inner-wrap > ul > li { float:left; margin-left:4%; width:46%;}
footer .inner-wrap li.vcard {margin-left:0; width:50%;}
footer .inner-wrap > ul > li:last-child { margin-left:0; width:100%;}
/* 14.GLOBAL OBJECTS */
/* 15.VENDOR-SPECIFIC */
/* 16.TEMPLATE SPECIFICS */

/* 17.MODERNIZR */

}/*/mediaquery*/


/*568px __________________________________________________________________________________________________________ */
@media only screen and (min-width: 35.5em)  { /* 568 / 16 */

/* 1.ROOT */
/* 2.HEADINGS */
/* 3.TYPOGRAPHY */
.number {
	display:inline-block;
	float:left;
}
.indent {
	float:left;
	margin:0 0 2em 10px;
	width:90%;
}
/* 4.LINKS */
/* 5.FIGURES & IMAGES */
/* 6.TABLES */
/* 7.FORMS */
/* 8.BANNER */

[role="banner"] > a {
	background-image:url(../img/content/colorado-auto-glass-logo-2024-horiz.png);
	height: 48px;
	width: 240px;
}
	
/* 9.NAVIGATION */
nav a.open-nav {
	top:-.125em;
}
/* 10.CONTENT */
/* 11.MAIN */
/* 12.COMPLIMENTARY */
/* 13.CONTENTINFO */
/* 14.GLOBAL OBJECTS */
/* 15.VENDOR-SPECIFIC */
/* 16.TEMPLATE SPECIFICS */

/* 17.MODERNIZR */

}/*/mediaquery*/


/*768px __________________________________________________________________________________________________________ */
.div.reviewmgr-stream {
    height: 280px;
    min-height: 280px;
    max-height: 280px;
    margin-top: -80px;
    background: ;
}

@media only screen and (max-width: 768px) {
    div.reviewmgr-stream {
        height: 280px;
        min-height: 280px;
        max-height: 280px;
        margin-top: 0px;
        background: ;
    }
}

@media only screen and (min-width: 48em) {/* 768 / 16 */

/* 1.ROOT */
/* 2.HEADINGS */
/* 3.TYPOGRAPHY */
.quote legend, .quote h2 {
	font-size:24px;
	font-size:1.5rem; 
}


/* 4.LINKS */
/* 5.FIGURES & IMAGES */
embed {min-height:27em;}

figure.media {
	clear:left;
	float:left;
	padding:0;
	width: 26.5625%;
}
.media object, .media iframe {
	height:auto;
	position:static;
	width:auto;
}

/* 6.TABLES */
/* 7.FORMS */
input, select, textarea {width:50%;}

.box.quote {
	clear:both;
	cursor:pointer;
	float:left;	
	margin-bottom:0;
	opacity:1;
	transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
	text-align:left;

	width:26.5625%; 
}





.box.quote:hover,
.box.quote:active,
.box.quote:focus {opacity:.75;}

.quote form {
	display:inline-block; 
	margin:.25em 0 0 ;
	text-align:right;
	/*width:45%;*/
}
.quote legend {
	float:left;
	font-size:2em;
	margin:0;
	padding-bottom:0;
	text-align:left;
	width:51%;
}
.ie7 .quote legend { display:inline; float:none; width:45%; zoom:1; outline:1px solid red;}
.ie7 .wrap { float:right; margin:-2em 0 0 .5em; width:52%;}
.quote select { float:left; margin:.45em 0 0 .5em; width:37%;}
.ie7 .quote select {margin-top:.5em; width:80%;}
.ie7 .quote button {float:left; margin-left:.25em; padding:0 .25em;}

li .error {
	left:53%;
	position:absolute;
	top:2.2em;
}

/* 8.BANNER */
[role="banner"] {
	float:left;	
	padding:.5em 0;
	width:26.5625%; 
}

[role="banner"] > a {
	background-image:none;
	height:auto;
	width:auto;
}
[role="banner"] img {
	display:block;
	margin:0 auto;
	max-width:11em;
}

/* 9.NAVIGATION */
nav[role="navigation"] {
	background: url(../img/css/bg-nav-stripes.png) repeat; 
	border-top:1px solid rgb(116,119,123);
	border-bottom:1px solid rgb(116,119,123);
	clear:both;
	float:left;	
	margin:1em 0 2em;
	padding:.5em 0;
	width:26.5625%; 
}
nav a.open-nav { display:none;}

.nav ul {
	background:none; 
	display:block;
	position:static;
	width:auto;
}

nav ul { border:none;  text-align:left;}

.nav-menu nav li {clear:left; display:block;}

nav a, nav a:visited {padding:.15em .35em .1em;}

nav li, nav a,
.ie7 nav li {display:block;}
nav a, nav a:visited {padding-left:.75em;}

/* 10.CONTENT */
/* 11.MAIN */
[role="main"] {
	float:right;
	margin-top: -34.5em;
	width:70.75%; 
}
.get-quote [role="main"] {
margin-top: -13.5em;
}
.ie7 [role="main"] {	margin-top:1.5em;}

.slider {
	background:none;
	display:block;
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	width: 100%;
}
.slider ul {margin:0;}
.slider li {
  border: 5px solid rgb(11, 114, 186);
  position: absolute;
  display: none;
  left: 0;
  top: 0;
  }

.slider li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.slider img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  }

fieldset img.right {display:inline; margin:0;}

/* 12.COMPLEMENTARY */
/* 13.CONTENTINFO */
footer .inner-wrap > ul > li,
footer .inner-wrap > ul > li:last-child { float:left; margin-left:4%; width:31%;}
.ie8 footer .inner-wrap > ul > li {width:31%;}
footer .inner-wrap li.vcard {margin-left:0; width:30%;}
.ie8 footer .inner-wrap li.vcard {width:30%;}

.copyright { clear:both;text-align:right;}

/* 14.GLOBAL OBJECTS */
.wrapper, footer .inner-wrap {
	padding:0 2% 1em; 
	max-width:75em; 
}
.wrapper {
	background:url(../img/css/bg-colorado-auto-glass-logo-2024.png) no-repeat center bottom;
}
.black {background:rgb(0,0,0);}

.left 		{ float: left; margin: 10px 5px 10px 0; }
* html .left{ margin-right: 0; }
.right 		{ float: right; }

/* 15.VENDOR-SPECIFIC */
/* 16.TEMPLATE SPECIFICS */
.home .media, .contact .media, .testimonials .media, .five .media  {
	display: block;
}
/* 17.MODERNIZR */

}/*/mediaquery*/

/*992px __________________________________________________________________________________________________________ */
@media only screen and (min-width: 62em) {/* 992 / 16 */

/* 1.ROOT */
/* 2.HEADINGS */
/* 3.TYPOGRAPHY */
/* 4.LINKS */
/* 5.FIGURES & IMAGES */
/* 6.TABLES */
/* 7.FORMS */
.quote legened + ol, .quote ol, .quote button { margin-top:.35em; padding-top:0;}

/* 8.BANNER */
/* 9.NAVIGATION */
/* 10.CONTENT */
/* 11.MAIN */
*[role="main"] p {line-height : 1.4; }

/* 12.COMPLIMENTARY */
*[role="complementary"] {overflow : hidden; }

/* 13.CONTENTINFO */
/* 14.GLOBAL OBJECTS */
/* 15.VENDOR-SPECIFIC */
/* 16.TEMPLATE SPECIFICS */
/* 17.MODERNIZR */

}/*/mediaquery*/

/*1382px __________________________________________________________________________________________________________ */
@media only screen and (min-width: 86.375em) {/* 1382 / 16 */

/* 1.ROOT */
/* 2.HEADINGS */
/* 3.TYPOGRAPHY */
/* 4.LINKS */
/* 5.FIGURES & IMAGES */
/* 6.TABLES */
/* 7.FORMS */
/* 8.BANNER */
/* 9.NAVIGATION */
/* 10.CONTENT */
/* 11.MAIN */
/* 12.COMPLIMENTARY */
/* 13.CONTENTINFO */
/* 14.GLOBAL OBJECTS */
/* 15.VENDOR-SPECIFIC */
header[role="banner"],
footer[role="contentinfo"] {
-webkit-box-sizing : border-box;
-moz-box-sizing : border-box;
-o-box-sizing : border-box;
box-sizing : border-box; }

/* 16.TEMPLATE SPECIFICS */
/* 17.MODERNIZR */

}/*/mediaquery*/

/*2x __________________________________________________________________________________________________________ */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {

/* 1.ROOT */
/* 2.HEADINGS */
/* 3.TYPOGRAPHY */
/* 4.LINKS */
/* 5.FIGURES & IMAGES */
/* 6.TABLES */
/* 7.FORMS */
/* 8.BANNER */
/* 9.NAVIGATION */
/* 10.CONTENT */
/* 11.MAIN */
/* 12.COMPLIMENTARY */
/* 13.CONTENTINFO */
/* 14.GLOBAL OBJECTS */
/* 15.VENDOR-SPECIFIC */
/* 16.TEMPLATE SPECIFICS */
/* 17.MODERNIZR */

}/*/mediaquery*/


/*
Sources:
html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark
html5doctor.com/html-5-reset-stylesheet/
CSS organization takes "320 and Up" approach http://stuffandnonsense.co.uk/projects/320andup/
*/