html, body, table, th, tr, td, p, img, hr, ul, li, h1, h2, h3, h4, h5, div, form, fieldset {padding:0; margin:0; border:none;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    html, body, table, th, tr, td, p, img, hr, ul, li, h1, h2, h3, h4, h5, div, form, fieldset {padding:0; margin:0; border:none;}
    h1 {font-weight:normal;}
}

div { position:relative; }

:root {
    font-size:20px;
    --basic_font_size: 20px;
    --yellow:#f9d540;
    --red:#be1a44;
	--blue:#148ace;
	--lt_blue:#35c6f4;
    --lt_grey:#ececd9;
    --med_grey:#939084;
    --dk_grey:#6c6b66;
}

body {
	background:url('../_img/bg_gradient_1000.jpg') repeat-x;
	width:100%;
}

/* FOR SEO TEXT: */
div#clip_text {
	width:1px;
	height:1px;
	position:absolute;
	top:0; left: 0;
	overflow: hidden;
  	clip: rect(0, 0, 0, 0);
}

/* ------------------------------------------------------------------------- */
/* PRIMARY LAYOUT */

div#content {
	width:1440px;
	height:auto;
	margin:0 auto;
	padding:0 0 0 0;
}

div.two_col_wrap {
	overflow: auto;
}

div.col_l, div.col_r {
	width:calc(50% - 1rem);
	float:left;
	margin-right:2rem;
}

div.col_r {
	margin:0;
}

div#top_block {
	width:100%;
	height:46rem;
	top:0;
	padding-top:1px;
}

div#homepg_logo, div#intpg_header_logo {
	width:25rem; 
	height:24rem;
	background:url('../_img/logo_homepg.png') no-repeat;
	background-size: contain;
	position:absolute;
	top:2.75rem; left:0;
	z-index:1000;
}

div#intpg_header_logo {
	width:12rem;
	height:12rem;
	top:1rem;
	cursor:pointer;
}

div#homepg_main_head {
	width:22.5rem;
	height:14rem;
	background:url('../_img/homepg_main_headline.png') no-repeat;
	background-size:contain;
	position:absolute;
	top:19.5rem;
	right:2.75rem;
	z-index:1000;
}

div#homepg_subhead {
	width:28%;
	position:absolute;
	z-index:1000;
	top:33.5rem;
	left:0;
	text-align: center;
	font-family:'VAGRoundedBold';
	font-size:2rem;
	line-height:2rem;
	color:var(--red);
}

div#homepg_vid_wrap {
	width:51rem;
	height:46rem;
	margin:-2.75rem auto 0 auto;
	overflow: hidden;
}

div#homepg_vid_frame, div#homepg_vid_container {
	width:100%;
	height:100%;
	position:absolute;
	top:0; left:0;
	z-index:200;
}

div#homepg_vid_frame {
	background:url('../_img/video_frame_homepg.png') no-repeat 0 0;
	background-size:cover;
}

div#homepg_vid_container {
	z-index:100;
}

video#homepg_vid_loop {
	position: absolute;
	top:calc((100% - 36.5rem) / 2);
	left:calc((100% - 36.5rem) / 2);
	width:36.5rem;
	height:auto;
}

div#vid_placeholder {
	width:100%;
	height:100%;
	position: absolute;
	top:0; left: 0;
	z-index:-100;
	background: url('../_img/vid_placeholder_fullWH.jpg') no-repeat;
}

div#sm_icons_wrap {
	width:12.5rem;
	height:2rem;
	position:absolute;
	top:40rem;
	left:9.5rem;
	z-index:1000;
	display:flex;
	justify-content: space-between;
}

div#sm_icons_wrap div img {
	height:100%;
	cursor: pointer;
}


div.book_button, div.homepg_but, div.yes_button, div.no_button, div.confirm_button {
	width:17.5rem;
	height:3.5rem;
	background-color:var(--red);
	border-radius: 17.5rem;
	font-family:'Roboto Slab';
	font-size:1.4rem;
	font-weight:700;
	text-align: center;
	line-height:3.5rem;
	color:white;
	cursor:pointer;
}

div.homepg_but {
	position: absolute;
	z-index:5000;
	top:38rem;
	right:5rem;
}

div.homesect_but {
	margin: 1.4rem auto;
}

div.yes_button {
	background-color:var(--blue);
}

div.yes_button:hover {
	background-color:#4bade9;
}

div.no_button:hover {
	background-color:#d83658;
}

div.confirm_button { width:15rem; height: 3rem; line-height:3rem; }
div.confirm_button:hover { 	background-color:#d83658; }

div.page_block {
	width:100%;
}

/*
.gradient_bg {
	background: #FFFFFF;
	background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(249, 213, 64, 1) 50%, rgba(255, 255, 255, 1) 100%);	
}
*/

.divider_A {
	background:url('../_img/divider_A.png') no-repeat 0 0;
	background-size:contain;
	padding-top:6.5rem;
}

.divider_B {
	width:1440px !important;
	padding-right:2.8rem !important;
	background:url('../_img/divider_B_pump.png') no-repeat 0 0;
	background-size:contain;
	padding-top:9rem;
}

.divider_C {
	background:url('../_img/divider_C_ducks.png') no-repeat 0 0;
	background-size:contain;
	padding-top:4rem;
}

.divider_D {
	background:url('../_img/divider_D.png') no-repeat 0 0;
	background-size:contain;
	padding-top:6rem;
}

footer {
	background:url('../_img/footer_spalsh_tall.png') repeat-x 0 0;
	width:100%;
	padding:10rem 0 3rem 0;
	font-family:'Roboto Slab', serif;
	color:black;
	font-size:1.4rem;
	font-weight: 300;
	text-align:center;
}


div#footer_wrap_int {
	width:100%;
	bottom:0;
	left:0;
	z-index:10000;
}

div.subsect_content {
	width:80%;
	margin:0 auto;
	text-align:center;
	font-family:'Roboto Slab',serif;
	font-size:1rem;
	
}

p.subhead {
	font-size:1.4rem;
	font-family:'VAGRoundedBold',sans-serif;
	color:var(--red);
	margin:.7rem 0 0 0;
}

p.break_below {
	margin-bottom:1rem;
	border-bottom:1px solid var(--red);
	padding-bottom:1rem;
}

div.vert_gradient_bg {
	width:100%;
	height:30rem;
	position: absolute;
	top:700px; /* just a starting point; corrected in JS */
	left:0;
	z-index:-100;
	background: #FFFFFF;
	background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(249, 213, 64, 1) 50%, rgba(255, 255, 255, 1) 100%);	
}

#discount_burst {
	background:url('../_img/discount_burst.png') no-repeat;
	width:20.65rem;
	height:10.25rem;
	background-size:contain;
	position:absolute;
	top:1.5rem;
	right:2rem;
}


/* ------------------------------------------------------------------------- */
/* PUMPS SECTION */

div.pump_row_outer_wrap {
	width:100%;
	height:12.5rem;
	text-align:center;
}

div.pump_row_wrap {
	display:inline-block;
	height:100%;
}

div.pump_wrap {
	height:100%;
	width:auto;
	float:left;
	margin:0 5rem 0 0;
}

div.pump_wrap:last-child {
	margin:0;
}

div.pump_img_wrap {
	height:10rem;
	width:auto;
}

div.pump_img_wrap img {
	height:100%;
	cursor: pointer;
}

div.pump_info_but, div.pump_info_but_burst {
	display: inline-block;
	width:2rem;
	height:1.5rem;
	margin-left:-2rem;
	background:url('../_img/info_but.png') no-repeat;
	background-position: left top;
	background-size:1.5rem auto;
	vertical-align: middle;
	cursor: pointer;
}

div.pump_info_but_burst {
	display:block;
	position:absolute;
	left:6rem;
	bottom:3rem;
	z-index:200;
}

div.pump_info_but:hover, div.pump_info_but_burst:hover {
	background-position:left -1.5rem;
}

div.pump_name {
	height:2.5rem;
	font-family:'VAGRoundedBold',sans-serif;
	font-size:1.4rem;
	color:var(--red);
	text-align: center;
	line-height: 3.5rem;
}

div#ppandaway_burst {
	width:31.9rem;
	height:21.3rem;
	background:url('../_img/pump_ppandaway_burst.png') no-repeat;
	background-size:contain;
	position:absolute;
	top:5rem;
	right:-2rem;
	z-index:100;
}

/* ------------------------------------------------------------------------- */
/* PUMP DETAIL POP-UPS */

.pumpDetail {
	width:28rem;
	height:17.2rem;
	background-color: #FFFFFF;	
	background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 55%, rgba(249, 213, 64, 1) 100%);	
	border-radius: 2rem;
	border:5px solid var(--red);
	padding:1rem;
	position:absolute;
	top:0; left:0;
	z-index:10000;
	box-shadow: 0 0 2rem 0 rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 2rem 0 rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 2rem 0 rgba(0,0,0,0.5);
}

.pumpDetImg, .pumpDetVid {
	width:65%;
	height:100%;
	float:left;
}

.pumpDetVid {
	border-radius: 1rem 0 0 1rem;
    overflow: hidden;
}

.pumpDetVid video {
	width:100%;
}

.pumpDetImg img {
	width:100%;
}

.pumpDetImg_stacked {
	width:80%;
	margin:0 auto;
}

.pumpDetImg_stacked img {
	width:100%;
}

.pumpDetDesc {
	width:calc(35% - 1rem);
	margin-left:1rem;
	float:left;
	text-align: left;
}

.pumpDetHead {
	font-size:1.4rem;
	color:var(--red);
	font-family:'VAGRoundedBold',sans-serif;
	margin:1rem 0 1rem 0;
}

.pumpDetText {
	font-size:1rem;
	color:black;
	font-family:'VAGRoundedLight',sans-serif;
}

.pumpDetCloseBut, .closeBox {
	width:1rem;
	height:1rem;
	background:url('../_img/close_but_sq.png') no-repeat top left;
	background-size:1rem auto;
	position:absolute;
	z-index: 100;
	top:1rem;
	right:1rem;
	cursor:pointer;
}

.pumpDetCloseBut:hover, .closeBox:hover {
	background-position:left -1rem;
}


/* ------------------------------------------------------------------------- */
/* INTERIOR PAGE ELEMENTS */

div#intpg_header {
	width:100%;
	height:12rem;
}

div#intpg_headline {
	font-family:'VAGRoundedBold',sans-serif;
	font-size:3rem;
	color:var(--red);
	text-align:center;
	width:100%;
	top:3rem;
}

div#intpg_content {
	width:100%;
	margin-top:2rem;
}

div#intpg_content_flex {
	width:100%;
	margin-top:-2rem;
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

div#intpg_col_l {
	flex:0 0 25%;
}

div#intpg_col_l img {
	width:calc(100% - 1rem);
	padding-right:1rem;	
}

div#intpg_col_r {
	flex:0 0 75%;
}

div#intpg_col_r p {
	margin:0 0 1rem 0;
}

div#intpg_content h4, div#intpg_content_flex h4 {
	font-size:2rem;
	text-align: left;
}

div#intpg_content h5, div#intpg_content_flex h5 {
	font-family:'VAGRoundedBold',sans-serif;
	font-size:1.2rem;
	text-align: left;
	color:var(--blue);
	text-transform: uppercase;
	margin:1.3rem 0 .2rem 0;
	letter-spacing: 1px;
}

div#intpg_content p, div#intpg_content_flex p {
	font-family:'Roboto Slab',serif;
	font-size:1rem;
	line-height:1.5rem;
	text-align: left;
}

.price {
	font-weight:700;
	color:var(--red);
}

h5.divider_head {
	font-family:'VAGRoundedBold',sans-serif;
	color:var(--blue);
	font-size:1.3rem;
	text-align: left;
	letter-spacing: 1px;
	margin:1rem 0;
	border-top:1px solid black;
	padding:.5rem 0 0 0 ;
}

img.duck_div {
	display:inline-block;
}

div.vid_row_wrap {
	width:100%;
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

div.vid_row_wrap div {
	width:24%;
	text-align:center;
}

div.vid_row_wrap div p { text-align: center !important; margin-bottom:1rem; }

div.vid_row_wrap div:last-child {
	margin:0;
}

div.vid_row_wrap iframe {
	width:100%;
	height:auto !important;
}

div.vid_row_wrap p {
	font-size:1.2rem;
	font-family:'VAGRoundedBold',sans-serif;
	color:var(--red);
	margin:.5rem 0 0 0 ;
}

div#buy_order_form {


}

/* ------------------------------------------------------------------------- */
/* NAV MENU */

div#menu_outer_wrap {
	position: absolute;
	z-index:999999;
  	top: 2.75rem;
  	right: 0;
}

div#menu_inner_wrap {
	display: inline-block;
}

div#menu_icon {
	width: 3rem; 
	height: 2.5rem; 
	background: url('../_img/burger_menu.png'); top left;
	background-repeat: no-repeat;
	background-size:contain;
	cursor: pointer;
}

div#menu_wrap {
	position: absolute;
	width:22rem;
	top: 2.5rem; /* below icon */
	right: 0;
	overflow: hidden;
	height: 0; /* initial hidden height */
	transition: height 0.3s ease;
	padding: 0; /* padding handled by menu items */
	border-radius:2rem 0 2rem 2rem;
}

div.menu_item {
 	width: 22rem;
	height: 3rem;
	line-height:3rem;
	font-family:'Roboto Slab',serif;
	color:var(--red);
	font-size:1.4rem;
	font-weight:400;
	text-align:center;
	background-color:rgba(255,255,255,0.70);
	border-bottom:1px solid var(--med_grey);
	cursor: pointer;
}

div.menu_item:last-child {
	border:none;
}

div.menu_item:hover {
	background-color: white;
}

div#blocker_black {
	position: absolute;
	top:0; left: 0;
	width:100%;
	height:100%;
	z-index:2000;
	background-color:rgba(0,0,0,.4);
}


div#blocker {
	width:100%;
	height:100%;
	position: absolute;
	top:0; left:0;
	z-index:500;
}