@import url('https://d1ed75.claudeassets.com/20180829113331cs_/https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,700');
@import url('https://ae61b1.claudeassets.com/20180829113331cs_/https://fonts.googleapis.com/css?family=Antic+Slab');

/*basics*/
body { margin:0; padding:0; font:15px antic slab; color:#fff; overflow-x:hidden; }
a img { border:none; max-width: 100%;  height: auto; }
img, a { border:none; outline:none !important; }
ol, ul{ margin:auto; list-style:none; padding:0; }
a{ text-decoration:none; color:#fff; }
a[href^=tel]{ color: inherit!important; text-decoration: none!important; font-weight:inherit; }
h1, h2, h3, h4, h5, p{ margin:0; font-weight:normal; }

*, *:before, *:after{  transition: all 0.3s linear; -webkit-transition: all 0.3 s linear; box-sizing: border-box; }
*:before, *:after { line-height:100%; }
a.phonenum{font-weight:bold;text-decoration:none;cursor:text;}

/* thumbnail classes */
.thumb-left{ float: left; margin:7px 10px 0 0;  }
.thumb-right{ float: right; margin:7px 0 0 10px; }
.thumb-center{ display: block; margin:10px auto 0; }
.thumb-db, .thumb-dn{ max-width:100%; }

.wrapper { width:1100px; max-width:100%; margin:0 auto; position:relative; }
.clearfix { clear:both; overflow:hidden;  }
.comingsoon { color:#FF0000;  font-weight:bold;  font-style:italic; margin:20px 0; display:block; }
.line{ text-decoration:underline; }

/* ie 8 */
.lt-ie9 .dang-ie{width: 100%; height: 100%; position: fixed; background-color: #00abdd;}
.message{text-align: center; color: #fff; font-size: 20px; position: absolute; top: 20%; left: 0; right: 0;}
.inner-message{position: relative; top: -20%; left: 0; right: 0; text-align: center; margin: auto;}
.inner-message img{position: relative;}
.inner-message a.download{display: block; width: 300px; padding: 10px; color: #fff; margin: 2em auto; border: 1px solid #fff;}
.terms{color: #fff; font-size: 13px; padding: 20px; position: absolute; right: 0; bottom: 0;}
.terms a{color: #fff; font-weight: bold;}
.lt-ie9 .protect-me{display: none; }

header{ background:#fff; }
header .wrapper{ min-height:93px; }
	
	.hlogo  {  display: block; float:left; margin: 17px 0 0 0; }
		
	nav { float: right; margin: 0 -13px 0 0; }
	nav ul li{ display:inline-block; vertical-align:top; position:relative; }
	nav ul li span{ position: absolute;  right: -28px; top: -5px; display: none; padding: 5px; cursor: pointer; z-index: 9; color:#000; }
	nav ul li a{ display: block; font: 17px/93px Yanone Kaffeesatz; color: #3a3a3a; padding: 0 15px; text-transform: uppercase; }
	nav ul li a:hover, nav ul > li.current_page_item a{ color:#004aff; }
	
	
	/* Drop Down: Adds a nth-level drop down */
	nav ul ul { display: none; position: absolute; top: 100%; width:100%; left: 0; z-index: 999; width: 200px; background: #00549f; padding: 15px; }
	nav ul ul ul { left: 100%; top: 0; }
	nav ul ul li{ display: block; width: 100%; }
	nav ul ul li span{ color:#fff; }
	nav ul ul li:after{ display:none; }
	nav ul > li > ul > li a { display: block; line-height: 100%; text-align: left; color:#fff!important; padding:10px 0; }
	nav ul ul li a:hover, nav ul ul li.current_page_item a{ color:rgb(221,215,186)!important; }
	nav ul li:hover > ul { display: block; visibility: visible; }
	
	/* Navigation bar icon */
	.nav-toggle-button{ display: none; color: #fff; cursor: pointer; margin: 0; position:relative; text-decoration: none; background: #00549f; width: 100%; text-align: right; padding:0 20px; text-transform:uppercase; }
	.nav-toggle-button i:before { position: absolute; left: 20px; top: 14px; font-size: 24px; }
	.nav-toggle-button span:before { right: 10px; position:absolute; }
	.nav-toggle-button span{ font:17px/50px Yanone Kaffeesatz; display:block; }
	.nav-toggle-button .fa{ display: block; }
	

	
	
#banner { background:#fff; }

	.slider .box_skitter{ width: 1920px; height: 473px; margin-left:-410px; }
	
	.banner-tab{ background: url(https://dfdc97.claudeassets.com/20180829113331im_/http://www.superflushsystems.com/wp-content/themes/superflush/images/ban-tab-bg.png)repeat-y top left; width: 498px; min-height: 213px; position: absolute; z-index: 200; left: 0; top: 130px; padding: 53px 0 0 35px; }
	.banner-tab ul li{ margin-bottom: 5px; }
	.banner-tab ul li a{ color:#004aff; font:25px antic slab; display:block; position:relative; padding-left: 30px; text-shadow: 0 0 1px #fff,0 0 1px #fff,0 0 1px #fff;  }
	.banner-tab ul li a:before{ content:url(https://0eccb2.claudeassets.com/20180829113331im_/http://www.superflushsystems.com/wp-content/themes/superflush/images/ban-icon.png); position:absolute; left: -4px; top: 3px; }

	
	
	
#mid{ background:#fff; text-align:center; padding: 85px 0 59px; }
#mid .wrapper{ padding:0 32px; }
	
	[class^="mbox"]{ display:inline-block; vertical-align:top; width:300px; position:relative; padding: 114px 0 63px; }
	
	[class^="mbox"] h3{ color:#707070; font-size:30px; text-transform:uppercase; }
	[class^="mbox"] h3 span{ display: block; color: #00549f; font: 25px Yanone Kaffeesatz; margin-top: -2px; }
	[class^="mbox"] p{ color: #555; font-size: 16px; line-height: 166%; margin: 20px 0; }
	[class^="mbox"] a{ display: inline-block; width: 138px; background-color: #00549f; font: 25px/52px Yanone Kaffeesatz; border-radius: 30px; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; }
	[class^="mbox"] a:hover{ background-color:#1584a1; }
	
	.mbox1{ float:left; }
	.mbox3{ float:right; }
	
	[class^="mbox"]:after{ content:''; background-image:url(https://5cefc8.claudeassets.com/20180829113331im_/http://www.superflushsystems.com/wp-content/themes/superflush/images/mid-icons.png); top:0; left:0; right:0; margin:auto; position:absolute; }
	.mbox1:after{ background-position: -8px -24px; width: 126px; height: 98px; }
	.mbox2:after{ background-position: -8px -148px; width: 99px; height: 105px; left: -33px; top: -3px; }
	.mbox3:after{ background-position: -26px -282px; width: 89px; height: 90px; }
	
#main { background:#fff; padding-bottom: 57px; }
			
	.products { text-align:center; }
	.products h2{ font: 34px/78px Yanone Kaffeesatz; background-color: #00549f; border-radius: 50px; letter-spacing: 1.1px; margin-bottom: 32px; }
	.products ul li{ width: 261px; height: 256px; border: 1px solid #c7c7c7; display: inline-block; vertical-align: top; padding: 185px 0 0; position: relative; margin-bottom: 59px; }
	.products ul li img{ position: absolute; left: 0; right: 0; margin: auto; top: 26px; }
	.products ul li h3{ color:#707070; font-size:18px; }
	.products ul li h3.two-line{ margin-top: -11px; }
	.products ul li h3 span{ display:block; }
	.products ul li a{ display: inline-block; width: 98px; background-color: #00549f; font: 17px/37px Yanone Kaffeesatz; border-radius: 20px; position: absolute; left: 0; right: 0; bottom: -20px; margin: auto; letter-spacing: 0.7px; }
	.products ul li a:hover{ background-color:#1584a1; }
	
	/* .products ul li:nth-child(1),
	.products ul li:nth-child(5){ float:left; }
	.products ul li:nth-child(4),
	.products ul li:nth-child(8){ float:right; }
	.products ul li:nth-child(2),
	.products ul li:nth-child(6){ margin-right: 15px; }
	.products ul li:last-child{ float:right; } */ 
	
	.first-ul {width: 900px; max-width: 100%; } 
	
	.content .brochure { text-align:center; padding:0; }
	.content .brochure li:before{ content:''; }
	.content .brochure li{ display: inline-block; vertical-align: top; padding: 10px; border: 1px solid #d7d7d7; margin: 10px; }
	.content .brochure li img{ height:150px; display:block; margin: auto; }
	.content .brochure li span{ display:block; }

[id^="bottom"] { background:url(https://5d6a0e.claudeassets.com/20180829113331im_/http://www.superflushsystems.com/wp-content/themes/superflush/images/bottom-bg.jpg)repeat-x center top; min-height:367px;  }
[id^="bottom"] img{ position: absolute; top:0; }
	[class^="bbox"] { width: 518px; }
	[class^="bbox"] h3{ color: #fff8d7; font: 25px Yanone Kaffeesatz; letter-spacing: 0.2px; margin-bottom: 25px; }
	[class^="bbox"] p{ line-height: 142%; font-size: 16px; margin-bottom: 23px; }
	[class^="bbox"] a{ display: block; color: #2a2a2a; font: 17px/35px Yanone Kaffeesatz; width: 98px; background-color: #fff; border-radius: 30px; text-align: center; margin-top: 39px; letter-spacing: 0.6px; height: 36px; }
	[class^="bbox"] a:hover{ background-color:#00549f; color:#fff; }

		
	.bbox1{ float: right; padding-top: 41px; }
	.bbox1 img{ left: -410px; }

	.bbox2{ float: left; padding-top: 62px; }
	.bbox2 img{ right: -410px; }
	
	
	
footer{ background:#fff; }


	.ftop{ min-height:521px; padding: 90px 0 0; }
		

		.contact{ text-align:center; }
		.contact h3{ color:#00549f; font-size:30px; }
		.contact p{ color: #2a2a2a; font-size: 16px; margin: 12px 0 0; line-height: 140%; }
		.contact p i{ display:block; font-style:normal; }
		.contact p a{ color:#00549f; }
		.contact p a:hover{  }

		.form{ width:931px; max-width:100%; margin: 35px auto 0; }
		.form form{ position:relative; }
		.form form input[type="text"]{ float:left; }
		.form form input[type="email"]{ float:right; }
		.form form .input{ color:#2a2a2a; font:16px antic slab; width:100%; border: 1px solid #d8d8d8; border-radius: 7px; padding-left: 23px; }
		.form form input.input{ height: 52px; width: 49.6%; margin-bottom: 7px; }
		.form form textarea.input{ min-height:100px; overflow:hidden; padding-top: 11px; }
		.form form input[type="submit"]{ display: block; font: 17px Yanone Kaffeesatz; width: 172px; background-color: #00549f; border-radius: 30px; text-align: center; margin: 7px auto 0; color: #fff; border: none; padding: 6px 0 10px; letter-spacing: 0.7px; }
		.form form input[type="submit"]:hover{ background-color:#1584a1; }

		
	.fbot{ min-height:93px; background-color:#00549f; }
	
		.flogo{ float:right; margin: 21px 5px 0 0; }

		.fnav{ text-align:center; float:left; margin: 29px 0 3px -17px; }
		.fnav ul li{ display:inline-block; vertical-align:top; position:relative; }
		.fnav ul li a{ display: block; text-transform: uppercase; font: 17px Yanone Kaffeesatz; padding: 0 14px; letter-spacing: 0.4px; }
		.fnav ul li a:hover, .fnav .current_page_item a{ color:#2d9bff; } 
		
		.copyright{ text-align:center; float:left; font: 17px Yanone Kaffeesatz; letter-spacing: 0.4px; }
		.copyright i{ font-style:normal; }
		.copyright a{  }
		.copyright a:hover{ text-decoration:underline; }
		
		#scrollTop{ display:none; }
		
	ul.content-ul li:before{display:none!important;}
	ul.content-ul li{display: inline-block!important;}
	ul.content-ul li img{border: solid aliceblue;}
		
/* Author: Control Number 118 */


.FS-2, .FS-3, .FS-4 {
    width: 60%;
	margin: 0 auto;
	display: block;
}
.YouTube-vid {
	width: 50%;
	margin: 0 auto;
}
.YouTube-vid iframe {
    width: 100%;
    border: 5px solid #f2f2f2;
}
.videoCon{width:100%; text-align:center;}  
/*
     FILE ARCHIVED ON 20:07:23 Jul 09, 2018 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 08:13:24 Aug 20, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.479
  exclusion.robots: 0.062
  exclusion.robots.policy: 0.052
  esindex: 0.007
  cdx.remote: 19.558
  LoadShardBlock: 172.342 (3)
  PetaboxLoader3.datanode: 254.008 (5)
  PetaboxLoader3.resolve: 169.354 (3)
  load_resource: 262.968 (2)
*/