:focus
{
  -moz-outline-style  :  none;
}

html
{

}

body
{
  margin      :  0px;
  padding     :  0px;
  background  :  #333333;
  min-width   :  320px;
}

table
{
  border-collapse  :  collapse;
  border-spacing   :  0;
  table-layout     :  fixed;
}

body, p, div, td, span, a, a:hover, a:active, a:visited, section, header, footer, main, aside, nav, li, small, input, b, label
{
  font-family  :  georgia, arial, san-serif;
  font-size    :  18px;
  color        :  #333333;
  
  position     :  relative;
  outline      :  none;  
  text-align   :  justify;
}

p
{
  line-height  :  24px;
  text-align   :  justify;
  padding      :  5px 0px 15px 0px;
  margin       :  0px;
}

p.small, label.disclosure
{
  font-size    :  14px;
  color        :  #868484;
  line-height  :  22px;
}

p.small a, p.small a:hover
{
  font-size  :  14px;
  color      :  #868484;
}

header, footer, main, section, nav, aside, summary
{
  position  :  relative;
  display   :  block;
  width     :  100%;
}

h1, h1 span
{
  font-family  :  calibri, verdana, sans-serif;  
  font-weight  :  bold;
  font-size    :  30px;
  color        :  #333333;
   
  margin       :  0px 0px 10px 0px;
  padding      :  0px;
}

h1 a, h1 a:hover
{
  font-family  :  calibri, verdana, sans-serif;	
  font-size    :  30px;  
}

h2
{
  font-family  :  calibri, verdana, sans-serif;  
  font-weight  :  bold;
  font-size    :  24px;
  color        :  #333333;

  margin       :  0px;
  padding      :  0px;
  
  text-align   :  left;
}

h2 a, h2 a:hover
{
  font-family  :  calibri, verdana, sans-serif;	
  font-size    :  21px;  
}

h3
{
  font-family  :  calibri, verdana, sans-serif;  
  font-weight  :  bold;
  font-size    :  30px;
  color        :  #333333;
  
  margin       :  0px 0px 5px 0px;
}

h4
{
  font-family  :  calibri, verdana, sans-serif;  
  font-weight  :  bold;
  font-size    :  30px;
  color        :  #333333;
  
  text-align   :  left;
  margin       :  0px 0px 5px 0px;
}

h4.small
{
  font-size  :  21px;
}

h5
{
  font-family  :  georgia, arial, san-serif;
  font-weight  :  normal;
  font-size    :  24px;
  color        :  #333333;
  
  text-align   :  left;
  margin       :  0px 0px 5px 0px;
}


a, a:hover, a:active, a:visited
{
  text-decoration     :  underline;
  
  -webkit-transition  :  all linear .2s;
  -moz-transition     :  all linear .2s;
  -ms-transition      :  all linear .2s;
  -o-transition       :  all linear .2s;
  transition          :  all linear .2s;
}

a:hover, a:active
{
  color            :  #333333;  
  text-decoration  :  none;  
}


div.br
{
  clear        :  both;
  line-height  :  0px;
  height       :  0px;
  font-size    :  0px;
}

div.br5
{
  clear        :  both;
  line-height  :  5px;
  height       :  5px;
  font-size    :  1px;
}

div.br10
{
  clear        :  both;
  line-height  :  10px;
  height       :  10px;
  font-size    :  1px;
}

div.hr
{
  border-top     :  solid 1px #dddddd;
  border-right   :  solid 1px #ffffff;
  border-bottom  :  solid 1px #ffffff;
  border-left    :  solid 1px #ffffff;
  margin         :  10px 0px 10px 0px;
}

hr
{
  border-top     :  solid 1px #dddddd;
  border-right   :  solid 1px #ffffff;
  border-bottom  :  solid 1px #ffffff;
  border-left    :  solid 1px #ffffff;
  margin         :  20px 0px 20px 0px;
}

img
{
  -webkit-transition  :  all linear .2s;
  -moz-transition     :  all linear .2s;
  -ms-transition      :  all linear .2s;
  -o-transition       :  all linear .2s;
  transition          :  all linear .2s;
}

a img
{
  border  :  none;
}

.noMargin
{
  margin  :  0px !important;
}

.noPadding
{
  padding  :  0px !important;
}

.fRight
{
  float  :  right;
}

.fLeft
{
  float  :  left;
}

.hidden
{
  display  :  none;
}

.success
{
  color  :  #029900;
}

.error
{
  color  :  #ff0000;
}


form
{
  margin  :  0px;
}

label
{
  display  :  block;
  margin   :  0px;
  padding  :  10px 0px 2px 0px;
}

label span.mandatory
{
  font-size  :  18px;
  color      :  #dd0000;
}

form div#Error, form label span.mandatory
{
  color  :  #dd0000 !important;
}

input.textbox, select, textarea
{
  font-family            :  georgia, arial, san-serif;
  font-size              :  18px;
  color                  :  #333333;
   
  padding                :  0px 8px 0px 8px;
  border                 :  solid 1px #9f9f9f;
  background             :  #ffffff;
  height                 :  40px;
  line-height            :  40px;
  
  -moz-border-radius     :  0px;
  border-radius          :  0px;
  -webkit-border-radius  :  0px;
}

select
{
  padding  :  3px;
}

input.textbox:focus, select:focus, textarea:focus
{
  outline     :  none;
  background  :  #ffffec;  
}

input.button, button.button
{
  font-family            :  calibri, verdana, sans-serif;
  font-weight            :  bold;
  font-size              :  24px;
  color                  :  #ffffff;
   
  text-transform         :  uppercase;  
  text-align             :  center;
  
  padding                :  0px 20px 0px 20px;
  border                 :  none;
  background             :  #006599;
  height                 :  42px;
  line-height            :  42px;
  cursor                 :  pointer;
  
  -moz-border-radius     :  0px;
  border-radius          :  0px;
  -webkit-border-radius  :  0px;
  
  -webkit-appearance     :  none;
  -webkit-transition     :  all .3s linear 0s;
  -moz-transition        :  all .3s linear 0s;
  -ms-transition         :  all .3s linear 0s;
  -o-transition          :  all .3s linear 0s;
  transition             :  all .3s linear 0s;  
}

input.button:hover, input.button:active
{
  background-color  :  #034f7a;
}

input.button.yellow, button.button.yellow
{
  background  :  #ffc107;
  color       :  #333333;
  border      :  solid 1px #333333;
}

button.button.yellow span
{
  float        :  right;
  color        :  #000000;
  font-weight  :  bold;
  margin-left  :  10px;
}

input.button.yellow:hover, button.button.yellow:hover
{
  background  :  #e7af07;
}

.mandatory
{
  font-size    :  13px;
  font-weight  :  bold;
  color        :  #830100;
}



header
{
  background  :  #ffffff;
}

header.center
{
  background  :  #ffffff;
  position    :  -webkit-sticky; /* Safari */
  position    :  sticky;
  top         :  0;
  z-index     :  999;
  border-bottom  :  solid 1px #bbbbbb;
}

header.center.noSticky
{
	position : relative;
}

header div.logo
{
  width      :  auto;
  max-width  :  971px;
  margin     :  0px auto 0px auto;
  padding    :  32px 0px 32px 0px;
}

header.center div.logo
{
  padding    :  17px 0px 17px 0px;	
}

header div.logo a
{
  display  :  inline;
}

header div.logo a img
{
  display  :  inline-block;
  margin   :  7px 0px 7px 0px;
}

header div.logo div.contact
{
  float        :  right;
  line-height  :  32px;
}

header.noContact div.logo div.contact
{
  display  :  none;
}

header div.logo div.contact h1
{
  display      :  block;
  font-size    :  20px;
  font-weight  :  normal;
}

header div.logo div.contact a, header div.logo div.contact a:hover
{
  font-family      :  calibri, tahoma, arial, verdana;
  font-size        :  30px;
  font-weight      :  bold;
  
  text-decoration  :  none;
  
  display          :  block;
  background       :  url('../images/phone.png') left center no-repeat;
  background-size  :  contain;
  padding-left     :  34px;  
}

header div.logo div.contact a:hover
{
  text-decoration  :  underline;
}


main
{
  clear       :  both;
  background  :  #ffffff;
}


main section.banner
{
  background       :  #006599 url('../images/hero.jpg') center center no-repeat;
  background-size  :  cover;
  text-align       :  center;
  padding          :  110px 30px 110px 30px;
  width            :  auto;
}

main section.banner h1
{
  margin      :  0px auto 0px auto;
  padding     :  0px;
  text-align  :  center;
}

main section.banner h1 span
{
  background                    :  #006599;
  padding                       :  0px 8px 0px 8px;
  box-decoration-break          :  clone;
  -webkit-box-decoration-break  :  clone;
  -moz-box-decoration-break     :  clone;
  
  font-family                   :  calibri, verdana, sans-serif;
  font-size                     :  48px;
  color                         :  #ffffff;
}

main section.banner h2
{
  clear       :  both;
  margin      :  20px auto 0px auto;  
  padding     :  0px;
  text-align  :  center;
}

main section.banner h2.call
{
  font-family  :  calibri, verdana, sans-serif;
  font-size    :  38px;
  color        :  #333333;
}

main section.banner h2 span
{
  background                    :  #006599;
  padding                       :  0px 8px 0px 8px;
  box-decoration-break          :  clone;
  -webkit-box-decoration-break  :  clone;  
  -moz-box-decoration-break     :  clone;  
  text-transform                :  none;
  
  font-family                   :  calibri, verdana, sans-serif;
  font-size                     :  38px;
  color                         :  #ffffff;
}

main section.banner h2 span span
{
  padding  :  0px;
}

main section.banner h2 a, main section.banner h2 a:hover
{
  font-family      :  calibri, verdana, sans-serif;
  font-size        :  38px;
  font-weight      :  bold;
  color            :  #ffffff;
  
  text-decoration  :  underline;
}

main section.banner h2 a:hover
{
  text-decoration  :  none;
}

main section.banner h2.call a, main section.banner h2.call a:hover
{
  color  :  #333333;
}

main section.banner p
{
  font-size       :  21px;
  text-align      :  center;
  padding-bottom  :  0px;
}

main section.banner form
{
  max-width  :  200px;
  margin     :  20px auto 0px auto;
}

main section.banner form input
{
  float  :  left;
}

main section.banner form input.textbox
{
  width  :  calc(68% - 16px);
}

main section.banner form input.button
{
  width    :  calc(32% - 2px);
  padding  :  0px;
}


main section.banner form#frmCall
{
  max-width  :  350px;
}

main section.banner form#frmCall input.textbox
{
  width  :  calc(60% - 16px);
}

main section.banner form#frmCall input.button
{
  width           :  calc(40% - 5px);
  text-transform  :  none;
  padding         :  0px;
  text-align      :  center;
}


main section.banner.call p
{
  line-height     :  18px;
  margin          :  0px auto 0px auto;
  max-width       :  500px;
  background      :  #eeeeee;
  padding-bottom  :  3px;
}

main section.banner.call p span
{
  font-size                     :  14px;
  color                         :  #868484;
  
  background                    :  #eeeeee;
  padding                       :  1px 5px 1px 5px;
  box-decoration-break          :  clone;
  -webkit-box-decoration-break  :  clone;
  -moz-box-decoration-break     :  clone;

  line-height                   :  auto;
}


main section.headline
{
  background  :  #006599;
  width       :  auto;
  padding     :  20px;
}

main section.headline h1
{
  color       :  #ffffff;
  max-width   :  971px;
  margin      :  0px auto 0px auto;
  text-align  :  left;
}

main section.headline h2
{
  max-width   :  971px;
  margin      :  0px auto 0px auto;  
  padding     :  0px;
  color       :  #ffffff;
  text-align  :  left;
}

main section.headline h2 a, main section.headline h2 a:hover
{
  color            :  #ffffff;
  text-decoration  :  underline;
}

main section.headline h2 a:hover
{
  text-decoration  :  none;
}



main section.features
{
  background  :  #006599;
  width       :  auto;
  padding     :  15px 20px 15px 20px;
}

main section.features ul
{
  width       :  auto;
  max-width   :  971px;
  margin      :  0px auto 0px auto;
  padding     :  0px;
  text-align  :  center;
}

main section.features ul li
{
  display         :  inline-block;
  background      :  url('../images/check.jpg') 0px 5px no-repeat;
  padding         :  0px 0px 0px 20px;
  margin          :  0px 30px 0px 30px;
  
  font-family     :  calibri, verdana, sans-serif;
  color           :  #ffffff;
  
  text-transform  :  uppercase;
  text-align      :  left;
}


main section.white div.padding, main section.gray div.padding
{
  padding    :  40px 20px 80px 20px;
  margin     :  0px auto 0px auto;
  width      :  auto;
  max-width  :  971px;  
}

main section.white div.center, main section.gray div.center
{
  text-align  :  center;
}

main section.gray
{
  background  :  #ededed;
}

main section.white img, main section.gray img
{
  max-width  :  100%;
}



footer
{
  clear    :  both;
}

footer section
{
  width       :  auto;
  max-width   :  971px;
  margin      :  0px auto 0px auto;
  padding     :  30px 15px 50px 15px;
  text-align  :  center;
}

footer section, footer section span
{
  font-family  :  calibri, verdana, sans-serif;
  color        :  #ffffff;  
}

footer section span
{
  padding  :  0px 5px 0px 5px;
}

footer section a, footer section a:hover, footer section a:active, footer section a:visited
{
  font-family      :  calibri, verdana, sans-serif;
  color            :  #ffffff;  

  text-decoration  :  none;
}

footer section a:hover, footer section a:active
{
  text-decoration  :  underline;
}



section.lightbox
{
  position    :  fixed;
  left        :  0px;
  top         :  0px;
  right       :  0px;
  bottom      :  0px;
  background  :  rgba(0, 0, 0, 0.6);
  display     :  block;
  z-index     :  9999999;
}

section.lightbox .contentsDiv
{
  position            :  fixed;
  top                 :  150px;
  left                :  calc((100% / 2) - 190px);
  width               :  380px;
  background          :  #ffffff;
  
  -webkit-box-shadow  :  0px 0px 10px 0px rgba(0,0,0,0.5);
  -moz-box-shadow     :  0px 0px 10px 0px rgba(0,0,0,0.5);
  box-shadow          :  0px 0px 10px 0px rgba(0,0,0,0.5);
}

section.lightbox .contentsDiv.large
{
  left   :  calc((100% / 2) - 260px);
  width  :  520px;
}

section.lightbox .contentsDiv .close
{
  position  :  absolute;
  right     :  -10px;
  top       :  -10px;
  width     :  30px;
  height    :  30px;
  cursor    :  pointer;
}

section.lightbox .contentsDiv .contents
{
  padding  :  20px;
}


.lightbox #frmZipcode
{
  max-width  :  220px;
  margin     :  20px auto 0px auto;
}

.lightbox h1
{
  max-width  :  220px;
  margin     :  10px auto 0px auto;
}

.lightbox .large h1
{
  max-width   :  100%;
  margin      :  0px 0px 10px 0px;
  text-align  :  left;
}

.lightbox .large h2
{
  font-size   :  19px;
  text-align  :  left;	
}

.lightbox .large
{
  text-align  :  left;	
}

.lightbox form
{
  margin-top  :  5px;
}

.lightbox form input
{
  float  :  left;
}

.lightbox form input.textbox
{
  width  :  calc(60% - 16px);
}

.lightbox form input.button
{
  width       :  calc(40% - 20px);
  padding     :  0px;
  text-align  :  center;
}

.lightbox #frmEstimates
{
  margin  :  15px 0px 0px 0px;	
}

.lightbox #frmEstimates input.textbox
{
  width         :  40%;
  min-width     :  180px;
  margin-right  :  10px;
}

.lightbox #frmEstimates input.button
{
  width    :  auto !important;
  padding  :  0px 20px 0px 20px;
}

.lightbox .large small, .lightbox .large small a
{
  font-size  :  13px;
}


#frmSurvey .progress
{
  background             :  #f3f3f3;
  height                 :  12px;
  line-height            :  12px;
  margin                 :  10px 0px 30px 0px;
  
  -moz-border-radius     :  10px;
  border-radius          :  10px;
  -webkit-border-radius  :  10px;
}

#frmSurvey .progress .bar
{
  background             :  #006599;
  height                 :  10px;
  line-height            :  10px;
  width                  :  0%;
  
  -moz-border-radius     :  10px;
  border-radius          :  10px;
  -webkit-border-radius  :  10px;
}

#frmSurvey .progress .bar.q1
{
  width  :  16.5%;
}

#frmSurvey .progress .bar.q2
{
  width  :  33%;
}

#frmSurvey .progress .bar.q3
{
  width  :  49.5%;
}

#frmSurvey .progress .bar.q4
{
  width  :  66%;
}

#frmSurvey .progress .bar.q5
{
  width  :  82.5%;
}

#frmSurvey .progress .bar.q6
{
  width  :  100%;
}


#frmSurvey h2
{
  font-size  :  21px;
  margin     :  20px 0px 20px 0px;
}

#frmSurvey .question label
{
  display                :  block;
  background             :  #fefefe;
  border                 :  solid 1px #f6f6f6;
  padding                :  8px 10px 8px 10px;
  margin-top             :  5px;
  font-size              :  16px;

  -moz-border-radius     :  5px;
  border-radius          :  5px;
  -webkit-border-radius  :  5px;  
}

#frmSurvey .question label:hover
{
  border      :  solid 1px #f6f6f6;
  background  :  #006599;
  color       :  #ffffff;
}

#frmSurvey .question label input
{
  margin-right  :  10px;
}



#frmRequest, .grayForm
{
  max-width  :  570px;
  margin     :  0px auto 30px auto;
}

#frmRequest label, .form label, .grayForm label
{
  display    :  block;
  padding    :  10px 0px 2px 0px;
  font-size  :  16px;
}

#frmRequest label:first-child, .form label:first-child, .grayForm label:first-child
{
  padding  :  0px;
}

#frmRequest input.textbox, .form input.textbox, .grayForm input.textbox
{
  width  :  calc(100% - 16px) !important;
  float  :  none;
}

#frmRequest select, .grayForm select
{
  width  :  100% !important;
}

#frmRequest div.button, .form div.button
{
  padding  :  10px 0px 0px 0px;
}

#frmRequest input.button, .form input.button, .grayForm input.button
{
  width           :  100%;
  text-transform  :  none;
}


@media all and (max-width : 1023px)
{
	header div.logo, header.center div.logo
	{
		padding-left   :  20px;
		padding-right  :  25px;
	}
	
	
	main section.banner
	{
		padding-top     :  100px;
		padding-bottom  :  100px;
	}
	
	
	main section.banner h1 span
	{
		font-size  :  40px;
	}
	
	main section.banner h2.call, main section.banner h2 span, main section.banner h2 a, main section.banner h2 a:hover
	{
		font-size  :  32px;
	}
}


@media all and (max-width : 860px)
{
	header div.logo
	{
		text-align  :  center;
		padding     :  20px 0px 20px 10px;
	}
	
	header.center div.logo
	{
		text-align  :  left;
		padding     :  15px 20px 15px 15px;
	}
	
	header.center div.logo a img
	{
	  margin   :  6px 0px 6px 0px;
	}
	
	header.center div.logo div.contact
	{
		line-height  :  30px;
	}
	
	header.center div.logo div.contact h1
	{
		font-size     :  18px;
		padding-left  :  30px;
	}
	
	header.center div.logo div.contact a, header.center div.logo div.contact a:hover
	{
		font-size     :  27px;
		padding-left  :  30px;
	}
	
	main section.banner
	{
		padding-top     :  90px;
		padding-bottom  :  90px;
	}
		
	main section.banner h1 span
	{
		font-size  :  36px;
	}
	
	main section.banner h2
	{
		margin-top  :  15px;
	}
	
	main section.banner h2.call, main section.banner h2 span, main section.banner h2 a, main section.banner h2 a:hover
	{
		font-size  :  28px;
	}

	
	main section.features ul li:nth-child(1), main section.features ul li:nth-child(3)
	{
		width   :  calc(55% - 25px);
		margin  :  0px;
	}
	
	main section.features ul li:nth-child(2), main section.features ul li:nth-child(4)
	{
		width   :  calc(45% - 25px);
		margin  :  0px;
	}	
}


@media all and (max-width : 640px)
{
	header.center div.logo
	{
		padding     :  10px 15px 10px 15px;
	}
	
	header.center div.logo a
	{
		display     :  block;
		text-align  :  center;
		margin      :  0px auto 0px auto;
	}
	
	header.center div.logo a img
	{
		margin  :  0px;
	}
	
	header.center div.logo div.contact
	{
		float        :  none;
		clear        :  both;
		text-align   :  center;
		line-height  :  28px !important;
	}
	
	header.center div.logo div.contact h1
	{
		padding-left  :  0px;
	}
	
	header.center div.logo div.contact, header.center div.logo div.contact h1
	{
		font-size  :  20px !important;
	}
	
	header.center div.logo div.contact a, header.center div.logo div.contact a:hover
	{
		display      :  block;
		margin       :  2px auto 0px auto;
		width        :  215px !important;
		font-size    :  30px !important;
		line-height  :  28px !important;
	}
	
	
	main section.banner
	{
		padding-top     :  80px;
		padding-bottom  :  80px;
	}
	
	main section.banner h1 span
	{
		font-size  :  32px;
	}
	
	main section.banner h2.call, main section.banner h2 span, main section.banner h2 a, main section.banner h2 a:hover
	{
		font-size  :  27px;
	}
	
	main section.banner p
	{
		font-size  :  20px;
	}	

	
	main section.white div.padding h1, main section.gray div.padding h1
	{
		text-align  :  center;
	}
	
	
	section.lightbox .contentsDiv, section.lightbox .contentsDiv.large
	{
	  position  :  fixed;
	  top       :  50px;
	  left      :  5%;
	  right     :  5%;
	  width     :  90%;
	}

	section.lightbox .contentsDiv .close
	{
	  right  :  -15px;
	  top    :  -15px;
	}
}


@media all and (max-width : 480px)
{
	h1, h2, h3, h1 a, h1 a:hover
	{
		font-size  :  22px;
	}
	
	h4
	{
	  font-size  :  22px;
	}

	h4.small
	{
	  font-size  :  18px;
	}

	h5
	{
	  font-size  :  21px;
	}	
	
	body, p, div, td, span, a, a:hover, a:active, a:visited, section, header, footer, main, aside, nav, li, small, input, b, label
	{
		font-size  :  16px;
	}
	
	p.small, label.disclosure
	{
		font-size  :  12px;
	}
	
	
	main section.banner
	{
		padding-top     :  70px;
		padding-bottom  :  60px;
	}
	
	main section.banner h2 span a
	{
		clear    :  both;
		display  :  inline-block;
	}
	
	
	main section.headline h1
	{
	  font-size  :  22px;
	}

	main section.headline h2, main section.headline h2 a, main section.headline h2 a:hover
	{
	  font-size  :  16px;
	}
	
	main section.banner p
	{
		font-size  :  19px;
	}	

	
	main section.features
	{
		padding  :  15px;
	}
	
	main section.features ul li
	{
		padding              :  0px 0px 0px 18px;
		font-size            :  16px;
		background-position  :  0px 5px;
		background-size      :  12px 12px;
	}
	

	
	
	main section.white div.padding, main section.gray div.padding
	{
		padding    :  15px 20px 60px 20px;
	}


	
	footer section span
	{
		display      :  block;
		clear        :  both;
		height       :  8px;
		line-height  :  8px;
		color        :  #333333;
	}
	
	
	
	#frmRequest, .grayForm
	{
	  max-width  :  570px;
	  margin     :  0px auto 20px auto;
	}

	#frmRequest label, .form label, .grayForm label
	{
	  font-size  :  14px;
	}

	#frmRequest input.textbox, .form input.textbox, .grayForm input.textbox
	{
	  font-size  :  16px;
	}

	#frmRequest div.button, .form div.button, .grayForm div.button
	{
	  padding  :  20px 0px 0px 0px;
	}

	#frmRequest input.button, .grayForm input.button
	{
	  font-size  :  21px;
	}		
	
	
	.lightbox #frmEstimates input.textbox
	{
	  width         :  calc(100% - 16px);
	  float         :  none;
	  margin-right  :  0px;
	}

	.lightbox #frmEstimates input.button
	{
	  width    :  100% !important;
	  padding  :  0px 10px 0px 10px;
	  margin   :  10px 0px 0px 0px;
	  float    :  none;
	}	
}


@media all and (max-width : 420px)
{
	main section.banner
	{
		padding-top     :  60px;
		padding-bottom  :  60px;
	}
	
	main section.banner h1 span
	{
		font-size  :  30px;
	}
	
	main section.banner h2.call, main section.banner h2 span, main section.banner h2 a, main section.banner h2 a:hover
	{
		font-size  :  24px;
	}
	
	main section.banner p
	{
		font-size  :  18px;
	}	
	
	
	main section.features
	{
		padding  :  15px 10px 15px 10px;
	}
	
	main section.features ul li
	{
		padding              :  0px 0px 0px 16px;
		font-size            :  15px;
		background-position  :  0px 6px;
		background-size      :  10px 10px;
	}
	
	
	.lightbox #frmZipcode, .lightbox h1
	{
		max-width  :  200px;
	}
	
	.lightbox #frmZipcode input.textbox
	{
	  width  :  calc(70% - 18px);
	}

	.lightbox #frmZipcode input.button
	{
	  width  :  30%;
	}
	
	
	main section.banner #BtnCall
	{
		font-size  :  21px;
	}
	
	
	main section.banner form#frmCall
	{
	  max-width  :  100%;
	}
}


@media all and (max-width : 375px)
{
	main section.banner h1 span
	{
		font-size  :  28px;
	}
	
	main section.banner h2.call, main section.banner h2 span, main section.banner h2 a, main section.banner h2 a:hover
	{
		font-size  :  22px;
	}
	
	main section.banner p
	{
		font-size  :  17px;
	}
	
	main section.features ul li
	{
		padding              :  0px 0px 0px 14px;
		font-size            :  13px;
		background-position  :  0px 4px;
		background-size      :  9px 9px;
	}

	main section.features
	{
		padding  :  15px 0px 15px 3px;
	}
	
	main section.features ul li:nth-child(1), main section.features ul li:nth-child(3)
	{
		width   :  calc(54% - 25px);
	}
	
	main section.features ul li:nth-child(2), main section.features ul li:nth-child(4)
	{
		width   :  calc(46% - 25px);
	}	
	
	main section.banner #BtnCall
	{
		font-size  :  16px;
	}
	
	
	main section.banner form#frmCall input.button
	{
	  font-size  :  21px;
	}
	
	main section.banner form#frmCall input.textbox
	{
	  width  :  calc(62% - 16px);
	}

	main section.banner form#frmCall input.button
	{
	  width  :  calc(38% - 5px);
	}
	
	
	input.button.btnThanks
	{
		font-size   :  21px;
		padding     :  0px 10px 0px 10px;
		width       :  100%;
		text-align  :  center;
	}
}


@media all and (max-width : 320px)
{
	h1, h3, h1 a, h1 a:hover
	{
		font-size  :  21px;
	}
	
	h4
	{
	  font-size  :  21px;
	}

	h4.small
	{
	  font-size  :  16px;
	}

	h5
	{
	  font-size  :  18px;
	}		
	
	body, p, div, td, span, a, a:hover, a:active, a:visited, section, header, footer, main, aside, nav, li, small, input, b, label
	{
		font-size  :  15px;
	}
	
	
	
	main section.banner h1 span
	{
		font-size  :  22px;
	}
	
	main section.banner h2.call, main section.banner h2 span, main section.banner h2 a, main section.banner h2 a:hover
	{
		font-size  :  18px;
	}
	
	main section.banner p
	{
		font-size  :  16px;
	}
	
	
	main section.headline h1
	{
	  font-size  :  21px;
	}
	
	
	main section.banner form#frmCall input.button
	{
	  font-size  :  18px;
	}
	
	main section.banner form#frmCall input.textbox
	{
	  width    :  calc(66% - 16px);
	  padding  :  0px 6px 0px 6px;
	}

	main section.banner form#frmCall input.button
	{
	  width  :  34%;
	}
}