/* --------------------------------------------------------------- */
/* -----                  normalizer css                     ----- */
/* --------------------------------------------------------------- */

html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { margin: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

a { background: transparent; }
a:active, a:hover { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
h1 { font-size: 2em; margin: 0.67em 0; }
mark { background: #ff0; color: #000; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; }
svg:not(:root) { overflow: hidden; }

figure { margin: 1em 40px; }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
pre { overflow: auto; }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; }
textarea { overflow: auto; }
optgroup { font-weight: bold; }
label { padding-left:5px; }

table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }

input[type="button"] { padding:5px 10px; }

/* --------------------------------------------------------------- */
/* -----                     core css                        ----- */
/* --------------------------------------------------------------- */

html, body {
	margin:0px;
	padding:0px;
	color:#000000;
	font-family:Verdana, sans-serif; 
	font-size:12px; 
	font-weight:400; 
	text-decoration:none;
	qqqbackground-color:#ffffff;
	width:100%;
	qqqheight:100%;
	
}

img { border:none; padding:0px; margin:0px; }
form { padding:0px; margin:0px; }
a { border:none; }
p { margin:0px; padding:3px; padding-bottom:5px; font-family:Verdana, sans-serif; font-size:12px; font-weight:400; color:#000000; }
h1 { margin:0px; padding:3px; padding-bottom:5px; font-size:16px; }
h2 { margin:0px; padding:3px; padding-bottom:5px; font-size:14px; }
h3 { margin:0px; padding:3px; padding-bottom:5px; font-size:12px; }
table { font-family:Verdana, sans-serif; font-size:12px; font-weight:400; }
td { font-family:Verdana, sans-serif; font-size:12px; font-weight:400; }
abbr { border:none; text-decoration:none; }
sub { line-height:1.25em; }

a img {
	border: none;
	vertical-align: middle;
}

.imgLink { cursor:pointer; }

p.indentFirst { 
	text-indent:1em;
}
.pageTitle { text-align:center; }

.rchClear { height:0px; clear:both; }

.dftLink { font-family:Verdana, sans-serif; font-size:12pt; font-weight:500; color:#c5c5c5; text-decoration:underline; font-style:normal; cursor:pointer }
a.dftLink:link { font-family:Verdana, sans-serif; font-size:12pt; font-weight:500; color:#c5c5c5; text-decoration:underline; font-style:normal; cursor:pointer }
a.dftLink:visited { font-family:Verdana, sans-serif; font-size:12pt; font-weight:500; color:#c5c5c5; text-decoration:underline; font-style:normal; cursor:pointer }
a.dftLink:hover { font-family:Verdana, sans-serif; font-size:12pt; font-weight:500; color:#c5c5c5; text-decoration:none; font-style:normal; cursor:pointer }
a.dftLink:active { font-family:Verdana, sans-serif; font-size:12pt; font-weight:500; color:#c5c5c5; text-decoration:underline; font-style:normal; cursor:pointer }
span.dftLink:link { font-family:Verdana, sans-serif; font-size:12pt; font-weight:500; color:#c5c5c5; text-decoration:underline; font-style:normal; cursor:pointer }
span.dftLink:visited { font-family:Verdana, sans-serif; font-size:12pt; font-weight:500; color:#c5c5c5; text-decoration:underline; font-style:normal; cursor:pointer }
span.dftLink:hover { font-family:Verdana, sans-serif; font-size:12pt; font-weight:500; color:#c5c5c5; text-decoration:none; font-style:normal; cursor:pointer }
span.dftLink:active { font-family:Verdana, sans-serif; font-size:12pt; font-weight:500; color:#c5c5c5; text-decoration:underline; font-style:normal; cursor:pointer }

.drkLink { font-family:Verdana, sans-serif; font-size:12pt; font-weight:500; color:#333333; text-decoration:underline; font-style:normal; cursor:pointer }
a.drkLink:link { font-family:Verdana, sans-serif; font-size:12pt; font-weight:500; color:#333333; text-decoration:underline; font-style:normal; cursor:pointer }
a.drkLink:visited { font-family:Verdana, sans-serif; font-size:12pt; font-weight:500; color:#333333; text-decoration:underline; font-style:normal; cursor:pointer }
a.drkLink:hover { font-family:Verdana, sans-serif; font-size:12pt; font-weight:500; color:#333333; text-decoration:none; font-style:normal; cursor:pointer }
a.drkLink:active { font-family:Verdana, sans-serif; font-size:12pt; font-weight:500; color:#333333; text-decoration:underline; font-style:normal; cursor:pointer }
span.drkLink:link { font-family:Verdana, sans-serif; font-size:12pt; font-weight:500; color:#333333; text-decoration:underline; font-style:normal; cursor:pointer }
span.drkLink:visited { font-family:Verdana, sans-serif; font-size:12pt; font-weight:500; color:#333333; text-decoration:underline; font-style:normal; cursor:pointer }
span.drkLink:hover { font-family:Verdana, sans-serif; font-size:12pt; font-weight:500; color:#333333; text-decoration:none; font-style:normal; cursor:pointer }
span.drkLink:active { font-family:Verdana, sans-serif; font-size:12pt; font-weight:500; color:#333333; text-decoration:underline; font-style:normal; cursor:pointer }


a.footLink:link { font-family:Verdana, sans-serif; font-size:9pt; font-weight:500; color:#c5c5c5; text-decoration:underline; cursor:pointer; line-height:1.5em; }
a.footLink:visited { font-family:Verdana, sans-serif; font-size:9pt; font-weight:500; color:#c5c5c5; text-decoration:underline; cursor:pointer; line-height:1.5em; }
a.footLink:hover { font-family:Verdana, sans-serif; font-size:9pt; font-weight:500; color:#c5c5c5; text-decoration:none; cursor:pointer; line-height:1.5em; }
a.footLink:active { font-family:Verdana, sans-serif; font-size:9pt; font-weight:500; color:#c5c5c5; text-decoration:underline; cursor:pointer; line-height:1.5em; }

img { border:none; }

.spnSuccess { display:block; width:90%; background-color:#cfdefa; padding:5px; font-weight:400; font-size:8pt; color:#000000; margin-top:10px; margin-bottom:10px; border: 1px solid #000080; }
.spnSuccess b { font-weight:700; font-size:18pt; }
.spnSuccess a:link { font-family:Verdana, sans-serif; font-size:8pt; font-weight:400; color:#0000ff; text-decoration:none; cursor:pointer }
.spnSuccess a:visited { font-family:Verdana, sans-serif; font-size:8pt; font-weight:400; color:#0000ff; text-decoration:none; cursor:pointer }
.spnSuccess a:hover { font-family:Verdana, sans-serif; font-size:8pt; font-weight:400; color:#0000ff; text-decoration:underline; cursor:pointer }
.spnSuccess a:active { font-family:Verdana, sans-serif; font-size:8pt; font-weight:400; color:#0000ff; text-decoration:none; cursor:pointer }
.spnSuccess .dftLink { font-family:Verdana, sans-serif; font-size:8pt; font-weight:400; color:#0000ff; text-decoration:none; cursor:pointer }

.spnError { display:block; width:90%; background-color:#ff6666; padding:5px; font-weight:400; font-size:8pt; color:#000000; margin-top:10px; margin-bottom:10px; border: 1px solid #990000; }
.spnError b { font-weight:700; font-size:18pt; }
.spnError a:link { font-family:Verdana, sans-serif; font-size:8pt; font-weight:400; color:#0000ff; text-decoration:none; cursor:pointer }
.spnError a:visited { font-family:Verdana, sans-serif; font-size:8pt; font-weight:400; color:#0000ff; text-decoration:none; cursor:pointer }
.spnError a:hover { font-family:Verdana, sans-serif; font-size:8pt; font-weight:400; color:#0000ff; text-decoration:underline; cursor:pointer }
.spnError a:active { font-family:Verdana, sans-serif; font-size:8pt; font-weight:400; color:#0000ff; text-decoration:none; cursor:pointer }
.spnError .dftLink { font-family:Verdana, sans-serif; font-size:8pt; font-weight:400; color:#0000ff; text-decoration:none; cursor:pointer }

/* --------------------------------------------------------------- */
/* -----                     site css                        ----- */
/* --------------------------------------------------------------- */

#dftOrange { color:#fe9800; }
#dftBlue { color:#282763; }
#dftRed { color:#dc1f26; }



html, body {
	font-family:'Open Sans', Verdana, sans-serif; font-size:12pt; 
	color:#333333;
	margin-top:0px;
	line-height:1.55em;
	
}
html {
	margin-top:0px;
}

p { margin:0px; padding:3px; line-height:1.55em; font-family:'Open Sans', Verdana, sans-serif, serif; font-size:16px; font-weight:400; color:#000000; }
h1 { margin:0px; padding:3px; font-family:'Open Sans', Verdana, sans-serif, serif; font-size:16pt; font-weight:700; color:#000000; }
h2 { margin:0px; padding:3px; font-family:'Open Sans', Verdana, sans-serif, serif; font-size:14pt; font-weight:700; color:#000000; }
h3 { margin:0px; padding:3px; font-family:'Open Sans', Verdana, sans-serif, serif; font-size:12pt; font-weight:700; color:#000000; }
table { font-family:'Open Sans', Verdana, sans-serif, serif; font-size:12pt; font-weight:400; color:#000000; }
td { font-family:'Open Sans', Verdana, sans-serif, serif; font-size:12pt; font-weight:400; color:#000000; }

a img { text-decoration:none; }

p img { padding:0px 5px 5px 5px; }

a:link { font-family:'Open Sans', Verdana, sans-serif, serif; font-size:16px; font-weight:400; color:#dc1f26; text-decoration:none; font-style:normal; cursor:pointer; }
a:visited { font-family:'Open Sans', Verdana, sans-serif, serif; font-size:16px; font-weight:400; color:#dc1f26; text-decoration:none; font-style:normal; cursor:pointer; }
a:hover { font-family:'Open Sans', Verdana, sans-serif, serif; font-size:16px; font-weight:400; color:#54595F; text-decoration:none; font-style:normal; cursor:pointer; }
a:active { font-family:'Open Sans', Verdana, sans-serif, serif; font-size:16px; font-weight:400; color:#dc1f26; text-decoration:none; font-style:normal; cursor:pointer; }

#divBreadCrumbHolder { font-family:'Open Sans', sans-serif; font-size:10px; font-weight:500; color:#000000; text-decoration:none; cursor:default; }
a.lnkBreadCrumbs:link { font-family:'Open Sans', sans-serif; font-size:10px; font-weight:500; color:#000000; text-decoration:none; cursor:pointer; }
a.lnkBreadCrumbs:visited { font-family:'Open Sans', sans-serif; font-size:10px; font-weight:500; color:#000000; text-decoration:none; cursor:pointer; }
a.lnkBreadCrumbs:hover { font-family:'Open Sans', sans-serif; font-size:10px; font-weight:500; color:#000000; text-decoration:underline; cursor:pointer; }
a.lnkBreadCrumbs:active { font-family:'Open Sans', sans-serif; font-size:10px; font-weight:500; color:#000000; text-decoration:none; cursor:pointer; }




input[type="text"] { box-sizing:border-box; padding:5px 3px; }
input[type="password"] { box-sizing:border-box; padding:5px 3px; }
select { box-sizing:border-box; padding:5px 3px; }
.tb80 { width:80px; }
.tb90 { width:90px; }
.tb100 { width:100px; }
.tb120 { width:120px; }
.tb150 { width:150px; }
.tb200 { width:200px; }
.tb250 { width:250px; }
.tb300 { width:300px; }
.tb350 { width:350px; }
.tb400 { width:400px; }
.tb450 { width:450px; }
.tb550 { width:550px; }

input[type="textarea"] { box-sizing:border-box; padding:5px 3px; width:100%; height:85px; }
.ta250 { width:250px; height:85px; }
.ta300 { width:300px; height:85px; }
.ta350 { width:350px; height:85px; }
.ta400 { width:400px; height:85px; }
.ta450 { width:450px; height:85px; }
.ta550 { width:544px; height:85px; }

.smlHelpText { font-size:0.75em; color:#555555; font-weight:400; }

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++ standard album styles
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.popAlbumTitle { text-align:center; color:#ffffff; font-weight:700; font-family:Verdana, sans-serif; font-size:12pt; font-weight:700; }
.albumPopPicTitle { text-align:center; color:#ffffff; font-weight:700; }
.albumPopPicDesc { text-align:left; color:#ffffff; font-weight:400; }

.albumListPicTitle { text-align:center; color:#000000; font-weight:700; }
.albumListPicDesc { text-align:center; color:#000000; font-weight:400; }

.folderListListDesc { padding:5px 20px; }
#divFolderFileList { padding:10px 30px; }


#gMsgBubbleWrapper { qqqheight:85px; qqqposition:fixed; qqqtop:0px; qqqleft:0px; width:100%; qqqdisplay:none; qqqbackground-color:pink; }
.gMsgBubbleDefault { width:90%; border:solid 1px #7791bf; -moz-border-radius:8px; border-radius:8px; background:#7791bf url(/images/gMsgBG-01.png) repeat; box-shadow: 5px 5px 5px #888888; margin:0px auto 10px; padding:10px; color:#ffffff; -webkit-border-image:url(/images/gMsgBorderBG-01.png) 1 1 repeated; -o-border-image:url(/images/gMsgBorderBG-01.png) 1 1 repeated; border-image:url(/images/gMsgBorderBG-01.png) 1 1 repeated; cursor:pointer; }
.gMsgBubbleOrange { width:90%; border:solid 1px #ebb35a; -moz-border-radius:8px; border-radius:8px; background:#ebb35a url(/images/gMsgBG-01.png) repeat; box-shadow: 5px 5px 5px #888888; margin:0px auto 10px; padding:10px; color:#ffffff; -webkit-border-image:url(/images/gMsgBorderBG-01.png) 1 1 repeated; -o-border-image:url(/images/gMsgBorderBG-01.png) 1 1 repeated; border-image:url(/images/gMsgBorderBG-01.png) 1 1 repeated; cursor:pointer; }
.gMsgBubbleRed { width:90%; border:solid 1px #e04d4d; -moz-border-radius:8px; border-radius:8px; background:#e04d4d url(/images/gMsgBG-01.png) repeat; box-shadow: 5px 5px 5px #888888; margin:0px auto 10px; padding:10px; color:#ffffff; -webkit-border-image:url(/images/gMsgBorderBG-01.png) 1 1 repeated; -o-border-image:url(/images/gMsgBorderBG-01.png) 1 1 repeated; border-image:url(/images/gMsgBorderBG-01.png) 1 1 repeated; cursor:pointer; }
.gMsgBubbleBlue { width:90%; border:solid 1px #57aacf; -moz-border-radius:8px; border-radius:8px; background:#57aacf url(/images/gMsgBG-01.png) repeat; box-shadow: 5px 5px 5px #888888; margin:0px auto 10px; padding:10px; color:#ffffff; -webkit-border-image:url(/images/gMsgBorderBG-01.png) 1 1 repeated; -o-border-image:url(/images/gMsgBorderBG-01.png) 1 1 repeated; border-image:url(/images/gMsgBorderBG-01.png) 1 1 repeated; cursor:pointer; }
.gMsgBubbleGreen { width:90%; border:solid 1px #69bc3c; -moz-border-radius:8px; border-radius:8px; background:#69bc3c url(/images/gMsgBG-01.png) repeat; box-shadow: 5px 5px 5px #888888; margin:0px auto 10px; padding:10px; color:#ffffff; -webkit-border-image:url(/images/gMsgBorderBG-01.png) 1 1 repeated; -o-border-image:url(/images/gMsgBorderBG-01.png) 1 1 repeated; border-image:url(/images/gMsgBorderBG-01.png) 1 1 repeated; cursor:pointer; }

.msgDefault { background-color:#7791bf; border-color:#7791bf; }
.msgOrange { background-color:#ebb35a; border-color:#ebb35a; }
.msgRed { background-color:#e04d4d; border-color:#e04d4d; }
.msgBlue { background-color:#57aacf; border-color:#57aacf; }
.msgGreen { background-color:#69bc3c; border-color:#69bc3c; }

#divAdmSiteW640 { display:none; position:fixed; right:0; bottom:0; padding:5px 10px; background-color:pink; }
#divAdmSiteW980 { display:none; position:fixed; right:0; bottom:0; padding:5px 10px; background-color:pink; }
#divAdmSiteW1200 { display:none; position:fixed; right:0; bottom:0; padding:5px 10px; background-color:pink; }
#divAdmSiteW { position:fixed; left:0; bottom:0; padding:5px 10px; background-color:pink; }




.navBtn a {  }

nav#rchMobileNav ul { display:none; }
nav#rchMobileNav:hover > ul { display:block; }
#qqqmenu-icon { display:inline-block; float:right; width:45px; height:35px; padding-top:8px; background:url(/layout/roofer23/images/mobileMenu-01.png) center no-repeat; background-size: cover; margin:0px; }
#menu-icon { display:inline-block; float:right; width:45px; height:35px; padding-top:8px; background:url(/images/burger-menu-02.svg) center no-repeat; background-size: cover; margin:0px; margin-top:5px; }


#rchMainNav {
	display:none;
}
nav#rchMobileNav ul {
	list-style:none;
}
nav#rchMobileNav ul li {
	padding:10px 0px 10px;
}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++ mobile first styles                                           +++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#rchTopBar {
	background-color:#282763;
	height:5px;
	
}
#rchHeadLogoH {
	padding:5px 0;
	qqqwidth:260px;
	width:100%;
	qqqfloat:left;
	text-align:center;
	
}
#rchMainNavRed {
	box-shadow: 0 0 11px rgb(0 0 0 / 50%);
  qqqbackground-image: linear-gradient(180deg,#9e1c26 0%,#76141f 100%);
  overflow:auto;
  background: #DC1F26;
	background: linear-gradient(to bottom, #DE1F26 0%, #C21B21 50%, #A3171C 100%);
	
}
#rchMainNav {
	box-shadow: 0 0 11px rgb(0 0 0 / 50%);
  qqqbackground-image: linear-gradient(180deg,#9e1c26 0%,#76141f 100%);
  overflow:auto;
  background: #282763;
	background: linear-gradient(to bottom, #302F78 0%, #282763 50%, #1E1D4A 100%);
	
}

#rchHeadC {
	padding:15px 0px;
}

#rchHeadRFQ {
	box-shadow: 0 0 11px rgb(0 0 0 / 50%);
  qqqbackground-image: linear-gradient(180deg,#9e1c26 0%,#76141f 100%);
  overflow:auto;
  background: #282763;
	background: linear-gradient(to bottom, #302F78 0%, #282763 50%, #1E1D4A 100%);
	padding:20px 10px;
	color:#ffffff;
	qqqtext-align:center;
	
}
#rchHeadRFQ a{ 
	color:#ffffff;
	font-weight:600;
	
}

#rchHeadPhone {
	display:block;
	width:100%;
	text-align:center;
	
}
#rchHeadServiceArea {
	display:block;
	width:100%;
	text-align:center;
	
}
#rchHeadPhone a {
	font-size:28px;
	font-weight:600;
	color:#282763;
	text-decoration:none;
	
}
#divSubHeadW {
	padding:20px;
	background-color:#54595F;
	box-shadow: 0 0 11px rgb(0 0 0 / 50%);
}
#divSubHeadW h1.siteTitle {
 	color:#ffffff;
 	text-shadow: 1px 1px 3px #000000;
 	
}
#rchMainBodyW {
	qqqpadding:20px 10px;
	min-height:400px;
	
}


#rchFootCTAW {
	background-color:#282763;
	overflow:auto;
	padding:10px;
	
}
#rchFootTestimonialW {
	margin: 10px 0px;
	
}
#rchFootTestimonialW h4 {
	color: #ffffff;
	text-align:center;
	
}
#rchFootTestimonialH {
	qqqdisplay: inline-block;
	background: #ffffff url(/layout/roofer23/images/nvaReviewBubbleBG-01.gif) repeat;
	border: solid 1px #54595F;
	border-radius: 5px;
	padding: 5px;
	max-width: 80%;
	qqqposition: relative;
	margin:0px auto;
	
}
#rchFootCTABtn {
	text-align:center;
	padding:30px 0px 20px;
	
}
#rchFootCTABtn p {
	color:#ffffff;
}

h1, h2, h3, h4 {
	color:#282763;
	
}

a.rchBtnLink {
	font-family:'Open Sans', sans-serif, serif; 
	color:#ffffff;
	background-color: #dc1f26;
  border-width: 1px!important;
  border-radius: 3px;
	font-size: 18px;
  font-weight: 500;
  padding: 12px 20px;
  line-height: 1.7em!important;
  background-repeat: no-repeat;
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-property: all!important;
  transition-property: all!important;
  text-decoration:none;
	display:inline-block;
	position:relative;
	
}
a.rchBtnLink:after {
	font-size: 18px;
	font-family:'Open Sans', sans-serif, serif;
  line-height: 1em;
  content: "\bb";
  opacity: 0;
  position: absolute;
  margin-left: -1em;
  -webkit-transition: all .2s;
  transition: all .2s;
  text-transform: none;
  -webkit-font-feature-settings: "kern" off;
  font-feature-settings: "kern" off;
  font-variant: none;
  font-style: normal;
  font-weight: 400;
  text-shadow: none;
  line-height: 1.7em!important;
  padding-left:10px;
  
}
  
a.rchBtnLink:link { color:#ffffff; text-decoration:none; font-style:normal; cursor:pointer; }
a.rchBtnLink:visited { color:#ffffff; text-decoration:none; font-style:normal; cursor:pointer; }
a.rchBtnLink:hover { color:#ffffff; text-decoration:none; font-style:normal; cursor:pointer; }
a.rchBtnLink:active { color:#ffffff; text-decoration:none; font-style:normal; cursor:pointer; }

a.rchBtnLink:hover {
	background-color: #ff2626;
	padding: 12px 2em 12px 20px;
	
}
a.rchBtnLink:hover:after {
  opacity: 1;
  margin-left: 0;
  
}

#rchFootLogoH {
	text-align:center;
}
#rchFootSec2 {
	text-align:center;
}
#rchFootSec2 h3 {
	margin-top:10px;
}
#rchFootSec2 ul {
	list-style:none;
	margin-top:0px;
	padding-left:0px;
	
}
#rchFootSec2 ul li {
	padding:5px 0px;
}
#rchFootSec4 {
	text-align:center;
}
#rchFootSec4 div {
	margin:20px 0px;
}

.nvaRightColHeader {
	color:#282763;
	font-size:1.25em;
	font-weight:700;
	text-align:center;
	
}
.blogLinkHolder a.dftLink, 
.blogLinkHolder a.dftLink:visited {
	color:#282763;
}


@media (min-width:1200px){
	header {
		
	}
	#rchMainNav {
		display:block;
	}
	#menu-icon { display:none; width:35px; height:24px; padding-top:8px; background:url(/layout/roofer23/images/mobileMenu-01.png) center; margin:0px; }
	nav { padding:0px; margin:0px; qqqmargin-top:30px; clear:both; qqqposition:relative; qqqbackground-color:#373737; qqqfloat:right; qqqwidth:150px; }
	nav ul { list-style: none; margin: 0; padding: 0; qqqposition:absolute; qqqright:0px; qqqbackground-color:#373737; }
	nav ul li { display: block; clear:both;  margin:0px; padding:0px; qqqbackground-color:#373737; }
	nav ul li a { display:block; float:right; padding:5px 20px 5px 20px; margin:0px; font-family:'Open Sans', Verdana, sans-serif; font-size:14px; font-weight:400; color:#ffffff; text-transform:uppercase; text-style:normal; cursor:pointer; }
	nav ul li a:link { font-family:'Open Sans', Verdana, sans-serif; font-size:14px; font-weight:400; color:#ffffff; text-decoration:none; cursor:pointer; qqqbackground-color:#373737; }
	nav ul li a:visited { font-family:'Open Sans', Verdana, sans-serif; font-size:14px; font-weight:400; color:#ffffff; text-decoration:none; cursor:pointer; qqqbackground-color:#373737; }
	nav ul li a:hover { font-family:'Open Sans', Verdana, sans-serif; font-size:14px; font-weight:400; color:#ffffff; text-decoration:underline; cursor:pointer; qqqbackground-color:#373737; }
	nav ul li a:active { font-family:'Open Sans', Verdana, sans-serif; font-size:14px; font-weight:400; color:#ffffff; text-decoration:none; cursor:pointer; qqqbackground-color:#373737; }
	
	
	h1 {
		font-size:40px;
		line-height:40px;
	}
	h2 {
		font-size:32px;
		line-height:32px;
	}
	h3 {
		font-size:26px;
		line-height:26px;
	}
	h4 {
		font-size:20px;
		line-height:20px;
	}
	
	#divSubHeadW {
		padding:20px;
		background-color:#54595F;
		box-shadow: 0 0 11px rgb(0 0 0 / 50%);
	}
	#divSubHeadW h1.siteTitle {
	 	color:#ffffff;
	 	text-shadow: 1px 1px 3px #000000;
	 	
	}
	
	#rchMainBodyW .rchSecW {
		padding:30px 0px;
	}
	
	.rchSecW {
		max-width:1200px;
		margin:0px auto;
		overflow:auto;
		
	}
	
	#rchHeadLogoH {
		width:260px;
		float:left;
		text-align:center;
		
	}
  #rchMainNav ul {
  	display:flex;
  	justify-content:right;
  	
  }
  
  #rchMainNav ul li {
  	padding:10px;
  	
  }
	#rchMainNav ul li a {
		color:#eeeeee;
		
		
	}
	#rchMainNav ul li a:hover {
		color:#dc1f26;
		text-decoration:none;
		
	}
	
	#rchHeadRFQ {
		width:260px;
		float:right;
		text-align:center;
		height:120px;
		display:flex;
		padding:0px;
		background:none;
		box-shadow:none;
		
	}
	#rchHeadRFQ a {
		margin:auto 0px;
	}
	
	#rchHeadC {
		width:CALC(100% - 520px);
		float:left;
		text-align:center;
		qqqbackground-color:pink;
		qqqheight:120px;
		qqqdisplay:flex;
		padding-top:30px;
		
	}
	#rchHeadPhone {
		display:block;
		width:100%;
		
	}
	#rchHeadServiceArea {
		display:block;
		width:100%;
		
	}
	#rchHeadPhone a {
		font-size:32px;
		font-weight:600;
		color:#282763;
		text-decoration:none;
		
	}
	
	
  
  footer {
  	background-color:#54595F;
  	
  }
  #rchFootCTAW {
  	background-color:#282763;
  	padding:0px;
  	
  }
  h1.siteTitle {
  	line-height:normal;
  }
  
  
  #rchHPTopSec {
  	qqqmin-height:255px;
  	padding:20px;
  	text-align:center;
  	
  }
  
  #rchFootCTAW .rchSecW {
  	padding:30px 50px;
  	
  }
  #rchFootCTADesc h3 {
  	color:#ffffff;
  	text-align:center;
  	font-size:1.5em;
  	padding:20px;
  	
  }
  #rchFootCTADesc p {
  	color:#ffffff;
  	text-align:center;
  	
  }
  
  #rchFootTestimonialW {
  	width:60%; 
  	float:left;
  	margin:0px;
  	
  }
  #rchFootTestimonialW h4 {
  	color:#ffffff;
  	margin:10px 0px;
  	text-align:left;
  	
  }
  
  #rchFootTestimonialH {
  	display:inline-block;
  	background:#ffffff url(/layout/roofer23/images/nvaReviewBubbleBG-01.gif) repeat;
  	border:solid 1px #54595F;
  	border-radius:5px;
  	padding:5px;
  	max-width:80%;
  	position:relative;
  	
  }
  #rchFootTestimonialH b {
  	font-size:0.95em;
  }
  #rchFootTestimonialH p {
  	font-size:0.85em;
  }
  #rchFootTestimonialH abbr {
  	border-bottom:none;
  }
  .rchFootTestimonialStars {
  	position:absolute;
  	right:0px;
  	bottom:0px;
  }
  
  #rchFootCTABtn {
  	qqqwidth:40%;
  	qqqfloat:right;
  	text-align:center;
  	padding-top:10px;
  	
  }
  #rchFootCTABtn p {
  	color:#ffffff;
  	text-align:center;
  	padding:15px;
  	
  }
  
  footer .rchSecW {
  	padding:30px 0px;
  	
  }
  #rchFootSec1, #rchFootSec2, #rchFootSec3, #rchFootSec4 {
  	width:25%;
  	float:left;
  }
  #rchFootSec2 {
  	width:50%;
  }
  #rchFootSec2 h3 {
  	padding-bottom:10px;
  }
  #rchFootSec2 ul {
  	columns:2;
  	list-style:none;
  	margin-top:0px;
  	
  }
  #rchFootSec2 ul li {
  	padding:5px 0px;
  }
  
  #rchFootSec2 ul li a:link { font-family:'Open Sans', Verdana, sans-serif; font-size:14px; font-weight:400; color:#ffffff; text-decoration:none; cursor:pointer; qqqbackground-color:#373737; }
	#rchFootSec2 ul li a:visited { font-family:'Open Sans', Verdana, sans-serif; font-size:14px; font-weight:400; color:#ffffff; text-decoration:none; cursor:pointer; qqqbackground-color:#373737; }
	#rchFootSec2 ul li a:hover { font-family:'Open Sans', Verdana, sans-serif; font-size:14px; font-weight:400; color:#ffffff; text-decoration:underline; cursor:pointer; qqqbackground-color:#373737; }
	#rchFootSec2 ul li a:active { font-family:'Open Sans', Verdana, sans-serif; font-size:14px; font-weight:400; color:#ffffff; text-decoration:none; cursor:pointer; qqqbackground-color:#373737; }

  #rchFootSec4 div {
  	margin:0px;
  }
  
  #rchFootLogoH img {
  	max-width:100%;
  	
  }
  #rchFootSec2 h3, #rchFootSec3 h3 {
  	color:#ffffff;
  	text-align:center;
  	
  }
  #rchFootPhone {
  	text-align:center;
  	padding:0px 0px 10px;
  	
  }
  #rchFootPhone a {
		font-size:32px;
		font-weight:600;
		color:#282763;
		text-decoration:none;
		text-shadow: 0px 0px 2px #aaaaaa;
		
	}
  #rchFootBBB {
  	padding:10px 0px;
  	text-align:center;
  }
  #rchFootSocialIcons {
  	text-align:center;
  	padding:20px 0px 20px;
  }
  #rchFootSocialIcons a {
  	padding:5px;
  }
  #rchFootSocialIcons a:hover i {
  	color:#282763;
  }
  #rchFootSocialIcons a i {
  	color:#ffffff;
  	transition: all .2s ease-in-out;
  }
  #rchHPHeroW {
  	background:url(/layout/roofer23/images/Roofer911-Truck-01.jpg) no-repeat center center;
  	background-size:cover;
  	min-height:450px;
  	
  }
  #rchHPHeroW h1 {
  	text-align:center;
  	text-shadow: 0px 0px 10px #ffffff;
  	-webkit-text-stroke: 1px #ffffff;
  	
  }
  #rchHPHeroW h3 {
  	text-align:center;
  	text-shadow: 0px 0px 4px #ffffff;
  	-webkit-text-stroke: 1px #dddddd;
  	qqqfont-weight:700;
  	padding-top:30px;
  	
  }
  
  #rchHPExpSec {
  	background:url(/layout/roofer23/images/360_F_188021890_GHWtPegMWbrMJqCLQhiklMhZZ6A6913F.jpg) no-repeat center center;
  	min-height:400px;
  	background-size:cover;
  	background-attachment:fixed;
  	
  }
  
  #rchHPRedCalloutArea {
  	width:55%;
  	float:right;
  	margin:50px;
  	mix-blend-mode: unset!important;
  	background-image: linear-gradient(305deg,rgba(0,0,0,0.7) 0%,rgba(233,34,42,0.7) 50%);
    background-color: rgba(233,34,42,0.7);
    padding:40px;
    color:#ffffff;
    
  }
  #rchHPRedCalloutArea h2 {
		color:#ffffff;
		
	}
	#rchHPRedCalloutArea p {
		color:#ffffff;
		line-height:1.5em;
		
	}
	
	.hpServiceWdgt3 {
		qqqwidth:CALC(33% - 50px);
		width:CALC(CALC(100% - 100px) / 3);
		qqwidth:380px;
		
		float:left;
		margin-left:50px;
		margin-bottom:50px;
		transition: all .2s ease-in-out;
		
	}
	.hpServiceWdgt3:nth-child(1), .hpServiceWdgt3:nth-child(4) {
		margin-left:0px;
		
	}
	.hpServiceWdgt3:hover {
		transform: scale(1.02);
	}
	
	.hpServiceWdgt3 a {
		text-decoration:none;
	}
	.hpServiceWdgt3 img {
		width:100%;
		
	}
	
	.hpServiceWdgt3 h4 {
		margin:20px 0px 15px;
		text-align:center;
		
	}
	.hpServiceWdgt3 p {
		line-height:1.8em;
		padding:0;
		min-height:12em;
		display:none;
		
	}
	
	
	
	.hpServiceWdgt2 {
		width:500px; 
		float:right;
		margin:0px 50px;
		transition: all .2s ease-in-out;
		
	}
	.hpServiceWdgt2:hover {
		transform: scale(1.02);
	}
	.hpServiceWdgt2:first-child {
		float:left;
		
	}
	
	
	.hpServiceWdgt2 h3 {
		text-align:center;
		padding:5px;
		border:solid 2px #cfcfcf;
		border-radius:3px;
		margin:10px 0px;
		
	}
	.hpServiceWdgt2 img {
		width:100%;
		
	}
	.hpServiceWdgt2 p {
		line-height:1.8em;
		
	}
	.hpServiceWdgt2 a {
		text-decoration:none;
	}
	
}





.rchRoofFrm input[type=text] { 
	font-size:1em;
	padding:5px;
	
}
.rchRoofFrm td {
	padding:10px 5px;
	
}


.dftTB250 {
	width:250px;
}
.dftTB550, .dftCombo550 {
	width:550px;
}
.dftTA550 {
	width:550px;
	padding:5px'
	font-size:1em;
	box-sizing:border-box;
	
}


#rchHPReviewsSec {
	background-color:#efefef;
	
	
}
#rchHPReviewsSec h3 {
	text-align:center;
	margin-bottom:15px;
	
}

.roofHPReviewsW {
	clear:both; 
	overflow:auto;
	
}
.roofHPReviewH {
	qqqfloat:left; 
	qqqwidth:30%; 
	width:90%;
	margin:10px auto;
	border:none; 
	border-radius:5px; 
	background-color:#fefefe; 
	padding:10px; 
	
}
.roofHPReviewMetaRow {
	clear:both; 
	overflow:auto; 
	padding:3px;
	
}
.roofRevIcon {
	float:left; 
	width:50px; 
	margin-right:10px;
	
}
.roofRevIcon span {
	display:block;
	border:none;
	border-radius:50%;
	
	text-align:center;
	font-size:32px;
	line-height:48px;
	
}
.roofRevIcon span.rev1 {
	background-color:#e34e4e;
	color:#ffffff;
	
}
.roofRevIcon span.rev2 {
	background-color:#3943ff;
	color:#ffffff;
	
}
.roofRevIcon span.rev3 {
	background-color:#296c28;
	color:#ffffff;
	
}

.roofRevGoogle {
	float:right; 
	width:30px; 
	text-align:center;
	
}
.roofRevGoogle img {
	width:24px; 
	height:24px;
	
}
.roofRevName {
	font-size:20px; 
	font-weight:700; 
	padding:3px; 
	line-height:20px;
	
}
.roofRevDate {
	font-size:16px; 
	font-weight:400; 
	padding:3px; 
	line-height:16px;
	
}
.roofRevStars {
	padding:5px 10px;
	margin:0px 10px;
	
}
.roofRevStars img {
	width:16px;
	height:16px;
	
}
.roofHPRevContent {
	padding:0px 10px 10px 10px;
	margin:0px 10px 10px 10px;
	font-size:0.85em;
	line-height:1.25em;
	height:8.0em;
	overflow:hidden;
	text-overflow: ellipsis;
	
}
.roofReviewBot {
	clear:both;
	overflow:auto;
	padding:10px 0px;
	
}
.roofReviewBot h5 {
	qqqfloat:left;
	margin:0;
	
}
.roofReviewCTA {
	qqqfloat:right;
	qqqwidth:25%;
	text-align:right;
}

@media (min-width:1200px){
	
	.roofHPReviewH {
		float:left; 
		width:30%; 
		margin:10px 1% 10px 0px;
		
	}
	.roofReviewBot h5 {
		float:left;
		margin:0;
		
	}
	.roofReviewCTA {
		float:right;
		width:25%;
		text-align:right;
	}
	
}



.antispam { display:none; }