h1 {
  margin-bottom:0.5em;
  font-weight:400;
}
h2 {
  margin-bottom:0.5em;
}
strong {font-weight:400;}
.txt {padding-bottom:3em;}

/* Hero Page
-------------------------------------------------- */
#heropage {
	padding-bottom:50%;
    min-height: 400px;
    width: 100%;
	background: url("../images/accessories/hero-bg-lg.jpg") #fff top center no-repeat;
	background-size: cover;
	color:#fff;
	position:relative;
}
#heropage::after ,#herotxt::after ,#herovideo::after {
	display: table;
	content:"";
	clear:both;
}
#heropage p {
	font-size:1.5em;
	color:#ccc;
}
#heropage a {
    text-decoration: none;
    margin: 0 1em;
}

.full img {
	width:100%;
	height:auto;
}
#herotxt {
	width:100%;
	text-align:center;
	position:absolute;
	top:55%;
	left:0;	
	background-color:rgba(0,0,0,.6);
	padding-bottom:1em;
}
#herotxt a {
	color:#52aefe;
}
#herotxt a:hover {
	color:#3a8fd8;
}



/* Lights
-------------------------------------------------- */
#lights {
  height:100%;
  padding-top:2em;
  padding-bottom:2em;  
  color:#000;
}
#lights img { 
    width:100%;
	height:auto;
}
#lights h1 {margin-top:0;}
#lights::after {clear:both;display:table;content:"";}


/* Quality
-------------------------------------------------- */
#quality {
  background-color: #ebebeb;
  height:100%;
  text-align:center;
  padding:0;  
  position: relative;
  color:#000;
  overflow:hidden;
}
#quality .pic { 
	background: url("../images/accessories/quality-bg-lg.jpg") bottom center no-repeat;
	background-size: cover;
	padding-bottom:30%;
}
#quality h1 {margin-top:1em;}
#quality::after {clear:both;display:table;content:"";}
.pictight {padding:5px;}
.pictight img {width:100%;height:auto;}



/* Better
-------------------------------------------------- */
#better {	
	text-align:right;
	color:#fff;
    height:100%;
	background-color:#000;
}
#better .container {width:100%;}
#better .pic {
	height:auto;    
	background: url("../images/accessories/better-bg-lg.jpg") left no-repeat;
	background-size: auto 100%;
	padding-bottom:32%;
}
#better h1 {margin-top:1.3em;}
#better strong {color:#fff;}
#better::after {clear:both;display:table;content:"";}




/* Actual Size Figure
-------------------------------------------------- */
#actualfigure {
  height:100%;
  text-align:left;
  color:#000;
  background-color:#f9f9fa;
}
#actualfigure .pic { 
	height:auto;   
	background: url("../images/accessories/actual-size-lg.jpg") top right no-repeat;
	background-size: cover;
	padding-bottom:32%;
}
#actualfigure .icon {padding-top:10%;}
#actualfigure .icon img {width:30%;max-width:250px;height:auto;}
#actualfigure::after {clear:both;display:table;content:"";}




/*Installation
-------------------------------------------------- */
#installation {	
	text-align:left;
    padding:0;  
    position: relative;
	color:#000;
    height:auto;
    background-color: #fff;
}
#installtxt {text-align:right;}
#installation .pic img {
	width:100%;
    height: auto;
	max-width: 700px;
    margin: 10px auto;
}
#installation h1 {margin-top:1.3em;}
#installation::after {clear:both;display:table;content:"";}



/* Feedback
-------------------------------------------------- */
#feedback {
	background-color:#f9f9fa;
	padding:3em 0;	
}

/* Action
-------------------------------------------------- */
#action {
  background-color:rgba(0,0,0,.6);
  height:100%;
  padding-top:5em;
  padding-bottom:6em;  
  position: relative;
  color:#fff;
}
#action a {
	font-size:1.5em;
}
div.triangle {
    width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px 0 12px 19px;
	border-color: transparent transparent transparent #ffffff;
	line-height: 0px;
	_border-color: #e92d00 #e92d00 #e92d00 #ffffff;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#e92d00');
	display:inline-block;
	margin-left:3px;
}
#action::after{
	content:"";
	background:url("../images/accessories/action-bg-lg.jpg") center;
	top:0;
	left:0;
	bottom:0;
	right:0;
	position:absolute;
	background-size:cover;
	z-index:-1;
}


/* Info
-------------------------------------------------- */
#info {background-color: #f9f9fa;}
#offer {background-color: #000;color:#fff;}


/* Responsive
-------------------------------------------------- */
@media (max-width: 768px) {	
  .floatR {float:left;}
  h1 {font-size:1.8em}
  #heropage {	 
	  background: url("../images/accessories/hero-bg-xs.jpg") #000 bottom center no-repeat;      
      background-size:100% auto;
	  padding-bottom:150%;}
	  
  #herotxt {top:45%;}  
  
  
  #quality p {padding:0 1em;}
  #better .pic {
	background: url("../images/accessories/better-bg-xs.jpg") left no-repeat;
	background-size:contain;
	padding-bottom:100%;
   }
    
  #better {text-align:center;}
  #bettertxt {margin-bottom:0;}
  
}
@media (min-width: 769px) and (max-width: 1000px) {	
  #heropage {
	  background: url("../images/accessories/hero-bg-sm.jpg") #000 top center no-repeat;
      background-size:cover;
	  padding-bottom:70%;
  }
  #herotxt {top:55%;}  
}
@media (min-width: 769px) and (max-width: 1200px) {	
  #heropage {padding-bottom:60%;}

  #photos {font-size:1.2em;}
  #better .pic {padding-bottom:50%;background-image: url("../images/accessories/better-bg-sm.jpg")}
}



@media (min-width: 1281px) and (max-width: 1500px) {	
  #better .pic {padding-bottom:50%;}
}


@media (max-width: 1820px) {	
  #quality h1 {font-size:150%;margin-top:0;}
}