/* 
ProWater v.3
Copyright 2016 Black Sun Prints
 */
 
 @import url(//fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700&subset=latin,latin-ext);
 
 body, html {
 	width: 100%;
 	height: 100%;
 	font-family: "Open Sans", Helvetica, Arial, Geneva, sans-serif;
 	font-weight: 400;
 	line-height: 1.8;
 	
 	/*-webkit-font-smoothing: subpixel-antialiased;*/
 }
 
 .no-padding {
 	padding: 0;
 }
 
 .breathe {
 	padding: 10px;
 }
 
 .new {
 	background: url('../img/new.png') no-repeat right top;
 }
 
.wow {
 	-webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
 }
 
 strong {
 	font-weight: 700;
 }
 
 em {
 	font-style: italic;
 }
 
 .top-menu ul {
 	margin-top: 1.5em;
 }
 
 .navbar-custom {
     margin-bottom: 0;
     border-bottom: none;
     background-color: #fff;
 }
 
 .navbar-custom .navbar-brand {
	 padding: 16px;
 }
 
 .navbar-custom .navbar-brand:focus {
     outline: 0;
 }
 
 .navbar-custom .navbar-brand img {
 	width: 128px;
 	
 	-webkit-transition: .8s ease-in-out;
 	-moz-transition: .8s ease-in-out;
 	transition: .8s ease-in-out;
 } 
 
 .navbar-custom .navbar-brand .navbar-toggle {
     padding: 4px 6px;
     font-size: 16px;
     color: #006ab6;
 }
 
 .navbar-custom .navbar-brand .navbar-toggle:focus,
 .navbar-custom .navbar-brand .navbar-toggle:active,
 .navbar-custom .navbar-brand .navbar-toggle:hover {
     outline: 0;
     color: #006ab6 !important;
	 border: 1px solid #006ab6 !important;
	 background: #fff !important;
 }
 
 button.navbar-toggle {
 	color: #fff;
 }
 
 .navbar-custom a {
     color: #006ab6;
 }
 
 .navbar-custom .nav li a {
     -webkit-transition: background .2s ease-in-out;
     -moz-transition: background .2s ease-in-out;
     transition: background .2s ease-in-out;
 }
 
 .navbar-custom .nav li a:hover {
     outline: 0;
     color: rgba(255,255,255,.95);
     background-color: transparent;
 }
 
 .navbar-custom .nav li a:focus,
 .navbar-custom .nav li a:active {
     outline: 0;
     background-color: transparent;
 }
 
 .navbar-custom .nav li.active {
     outline: 0;
 }
 
 .navbar-custom .nav li.active a {
     background-color: #62cade;
 }
 
 .navbar-custom .nav li a:hover {
     color: #0bc0e0;
 }
 
 .navbar-toggle {
 	background-color: #006ab6;
 }
 
 .top-nav-collapse a {
 	color: #006ab6;
 }
 
 .nav>li>a {
 	padding-left: 11px;
 	padding-top: 24px;
 	padding-bottom: 24px;
 }
 
 .dropdown-menu {
 	box-shadow: none;
 	border: 1px solid #006ab6;
 	border-top: 0 none;
 	border-radius: 0;
 	top: 50px;
 	background-color: rgba(255, 255, 255, .9);
 	
	-webkit-transition: all .5s ease-in-out,padding .5s ease-in-out;
	-moz-transition: all .5s ease-in-out,padding .5s ease-in-out;
	transition: all .5s ease-in-out,padding .5s ease-in-out;
	
	text-shadow: 0 0 1px #fff, 0 0 3px #fff,  0 0 5px #fff;
}

aside .active a {
	font-weight: bold;
}
 
 .top-nav-collapse .dropdown-menu {
 	top: 68px;
 	background: #fff;
 }
 
 .dropdown-menu>li>a {
 	color: #006ab6;
 	padding: 6px 20px;
 }
 
 .dropdown-menu>li.nav-header {
 	color: #aaa;
 	padding: 0px 20px;
 }
 
 ul.nav li.dropdown:hover > ul.dropdown-menu { /* dropdown on hover */
     display: block;    
 }
 
 .big-logo {
 	margin-top: 60px;
 }
 
 /* Carousel base class */
 .carousel {
   height: 500px;
   margin-bottom: 20px;
 }

 /* Since positioning the image, we need to help out the caption */
 .carousel-caption {
   z-index: 10;
   text-align: left;
 }
 
 /* Declare heights because of positioning of img element */
 .carousel .item {
   height: 500px;
   background: #006ab6 url('../img/carousel-bg.jpg') center no-repeat;
   background-size: cover;
   -moz-background-size: cover;
   -webkit-background-size: cover;
   -o-background-size: cover;
   
 }
 /*.carousel-inner > .item > img {
   position: absolute;
   top: 0;
   left: 0;
   min-width: 100%;
   height: 500px;
 }*/
 
 .carousel-indicators {
 	bottom: -37px;
 }
 
 .carousel-indicators li {
 	border: 1px solid #006ab6;
 }
 
 /* Background images are set within the HTML using inline CSS, not here */
 .item,
 .active,
 .carousel-inner {
     height: 100%;
 }
 
 .fill {
     width: 100%;
     height: 100%;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     background-size: cover;
     -o-background-size: cover;
     background-position: bottom;
 }
 
 .breadcrumb {
 	margin-bottom: 0;
 	font-size: 10px;
 }
 
 .carousel-caption {
 	background-color: rgba(255, 255, 255, 0.8);
 	color: #222;
 	text-shadow: none;
 	position: absolute;
 	left: 0;
 	right: 0;
 	bottom: 0;
 	padding: 10px 0;
 	
 }
 
 .carousel-caption h3 {
 	margin-top: 0;
 	margin-bottom: 0;
 	font-weight: bold;
 	color: #006ab6;
 }
 
  .carousel-caption p {
  	margin-bottom: 0;
  }
 
 .carousel-caption-left {
 	padding: 10px;
 	margin: 0;
 	background-color: rgba(0, 0, 0, 0.7);
 	width: 40%;
 	top: 20%;
 	bottom: 40%;
 	left: 10%;
 	min-width: 280px;
 }
 
 .carousel-caption-right {
 	padding: 10px;
	margin: 0;
	background-color: rgba(0, 0, 0, 0.7);
	width: 40%;
	top: 20%;
	bottom: 40%;
	left: 50%;
	min-width: 280px;
 }
 
 /*
   Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
   CSS from:       http://codepen.io/transportedman/pen/NPWRGq
   and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
   Inspired from:  http://codepen.io/Rowno/pen/Afykb 
 */
 .carousel-fade .carousel-inner .item {
   opacity: 0;
   transition-property: opacity;
 }
 
 .carousel-fade .carousel-inner .active {
   opacity: 1;
 }
 
 .carousel-fade .carousel-inner .active.left,
 .carousel-fade .carousel-inner .active.right {
   left: 0;
   opacity: 0;
   z-index: 1;
 }
 
 .carousel-fade .carousel-inner .next.left,
 .carousel-fade .carousel-inner .prev.right {
   opacity: 1;
 }
 
 .carousel-fade .carousel-control {
   z-index: 2;
 }
 
 /*
   WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
   Need to override the 3.3 new styles for modern browsers & apply opacity
 */
 @media all and (transform-3d), (-webkit-transform-3d) {
     .carousel-fade .carousel-inner > .item.next,
     .carousel-fade .carousel-inner > .item.active.right {
       opacity: 0;
       -webkit-transform: translate3d(0, 0, 0);
               transform: translate3d(0, 0, 0);
     }
     .carousel-fade .carousel-inner > .item.prev,
     .carousel-fade .carousel-inner > .item.active.left {
       opacity: 0;
       -webkit-transform: translate3d(0, 0, 0);
               transform: translate3d(0, 0, 0);
     }
     .carousel-fade .carousel-inner > .item.next.left,
     .carousel-fade .carousel-inner > .item.prev.right,
     .carousel-fade .carousel-inner > .item.active {
       opacity: 1;
       -webkit-transform: translate3d(0, 0, 0);
               transform: translate3d(0, 0, 0);
     }
 }
 
 .box {
 	box-sizing:border-box;
 	-moz-box-sizing:border-box;
 	-webkit-box-sizing:border-box;
 	min-height: 160px;
 	padding: 5px;
 	margin-top: 8px;
 	text-align: center;
 	
 	overflow: hidden;
 }
 
 .box img {
 	width: 100%;
 	border-bottom-left-radius: 0;
 	border-bottom-right-radius: 0;
 }
 
 .box-group {
 	margin-bottom: 30px;
 }

.box-group h2 {
	margin: 0;
}
 
 .box-group h2 a {
 	margin-left: -10px;
 	color: #006ab6;
 }
 
 .box-group h2 a:hover {
 	text-decoration: none;
 	background: #006ab6;
 	color: #fff;
 }
 
 .box a {
 	display: block;
 }
 
 .box a:hover {
 	text-decoration: none;
 	color: #fff;
 	background: #006ab6;
 	border-radius: 7px;
 }
 
 .box a img {
 	border: 1px solid #006ab6;
 	box-shadow: none;
 }
 
 .box a img:hover {
 	border: 1px solid #006ab6;
 	opacity: .8;
 }
 
 #subpage .box a span {
 	font-size: 12px;
 	white-space: nowrap;
 	line-height: 16px;
 }
 
 #subpage .box a span::after {
 	content: ' »';
 }
 
 #subpage .box a span span::after {
 	content: '';
 }
 
 .content {
 	background: #fff;
 	margin-bottom: 20px;
 }
 
 .content img {
 	margin: 0 10px 10px 0;
 }
 
.content .img-256 {
 	width: 256px;
 }
 
.content .img-128 {
 	width: 128px;
 }
 
.content .img-64 {
 	width: 64px;
 }
 
.article-header {
	height: 500px;
	background: #006ab6;
} 
 
 footer {
 	padding-top: 20px;
 	padding-bottom: 20px;
 	background: #f6f6f6;
 	color: #006ab6;
 	width: 100%;
 	-webkit-font-smoothing: antialiased;
 }
 
 footer ul li a {
 	font-size: 12px;
 	color: #006ab6;
 	text-decoration: none;
 	margin-bottom: 4px;
 	padding: 0 4px;
 	display: block;
 	
 	transition: .3s;
 	-webkit-transition: .3s;
 }
 
 footer ul li a:hover {
 	color: #fff;
 	text-decoration: none;
 	background: #006ab6;
 	border-radius: 4px;
 }
 
 footer ul li.nav-header {
 	font-weight: bold;
 }
 
 footer hr {
 	border: 0 none;
 	height: 1px;
 	background: #006ab6;
 }
 
  aside ul li a {
  	padding: 2px;  	
	transition: .3s;
	-webkit-transition: .3s;
	line-height: 1.7;
 }
 
 aside ul li a:hover {
 	color: #fff;
 	background: #006ab6;
 	text-decoration: none;
 	border-radius: 2px;
 }
 
 aside h4 {
 	margin-bottom: 0;
 }
 

aside h2 {
	margin-bottom: 8px;
} 

aside .panel-default>.panel-heading {
	background: #006ab6;
	color: #fff;
}

aside .panel-default {
	border: 1px solid #006ab6;
}

aside .panel {
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}

aside .panel-group .panel {
	border-radius: 6px;
}

aside .glyphicon { margin-right:10px; }
aside .panel-body { padding:0px; }
aside .panel-body ul li {
	padding-left: 15px;
	border-bottom: 1px solid #eee;
	line-height: 2.5em;
}
aside .panel-body ul li:last-child {
	border-bottom: 0 none;
}
aside .panel-body ul {margin-bottom: 0px; }

aside .panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: #fff;         /* adjust as needed */
}
aside .panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}
 
 .table-condensed {
 	font-size: 12px;
 }
 
 .table-condensed small {
 	font-weight: normal;
 	display: block;
 }
 
 .table-spacer {
 	border-top: 6px solid #fff;
 }
  
 .nav-tabs {
 	margin-top: 1em;
 }
 
 .modal-dialog {
   width: 100%;
   height: 100%;
   padding: 0;
   margin: 0;
   
 }
 
 .modal-content {
   height: 100%;
   border-radius: 0;
   border: 0 none;
   
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
 }
 
 .modal-dialog .close {
 	font-size: 38px;
 }
 
 .modal.fade .modal-dialog {
   -webkit-transform: translate(0, 0);
   -ms-transform: translate(0, 0);
   transform: translate(0, 0);
 }
 
 .modal-header, .modal-body, .modal-footer {
 	background: #fff; /* iOS9 background problem fix */
 }
 
 .modal-dialog .table {
 	background-color: #eef9fa;
 }
 
 .modal-dialog .table>tbody>tr>td, .modal-dialog .table>tbody>tr>th {
 	border-top: 1px solid #fff;
 }
 
 .modal-dialog .equipment {
 	font-size: 12px;
 }
 
 .modal table small {
 	font-weight: normal;
 }
 
 .modal-backdrop {
  background-color: #fff;
}
 
img.icon {
 	width: 32px;
 	height: 32px;
 	margin-bottom: 20px;

 }
 
 .btn-primary {
 	background-color: #006ab6;
 	color: #fff;
 	border: 1px solid #00C0E0;
 	outline: none;
 }
 
 .btn-primary:focus, .btn-primary:hover {
 	background-color: #00C0E0;
 	color: #fff;
 	border: 1px solid #006ab6;
 	outline: none;
 }

.product-list .table {
	font-size: 11px;
	white-space: nowrap;
}

.product-list .well {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border: 4px solid #fff;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background-color: #eef9fa;
	margin-bottom: 0;
}

.relative-text {
	position: absolute;
}

.relative-text p {
	font-size: 11px;
}

.relative-text hr {
	margin-top: 3px;
	margin-bottom: 3px;
	border-top: 2px solid #006ab6;
}

.relative-text:hover > hr {
	border-top: 2px solid #b50000;
}

.relative-text-right p, .relative-text-right h4 {
	padding-left: 70px;
}

.relative-text-left p, .relative-text-left h4 {
	padding-right: 40px;
}

.relative-text-a {
	width: 220px; top: 40px; left: 290px;
}

.relative-text-b {
	width: 220px; top: 230px; left: 480px;
}

.relative-text-c {
	width: 220px; top: 570px; left: 480px;
}

.relative-text-d {
	width: 220px; top: 140px; left: 30px;
}

.relative-text-e {
	width: 220px; top: 400px; left: 30px;
}

.relative-text-f {
	width: 220px; top: 460px; left: 480px;
}

.relative-text-g {
	width: 220px; top: 565px; left: 30px;
}

.form-calculator {
	margin-top: 10px;
}

aside .btn-group {
	margin: 0 0 10px -7px !important;
}

.product-list .btn-group {
	margin-top: 23px;
}

.product-list .btn-group .btn {
	border-right: none;
}

.product-list .btn-group:nth-last-child(1) {
	border-right: 1px solid #00C0E0;
	border-radius: 4px;
}

.product-list .btn-group .active, .product-list .btn-group .btn:hover {
	background: #fff;
	color: #006ab6;
	border: 1px solid #006ab6;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	border-right: none;
}
 
.text-condensed {
	letter-spacing: -1px;
} 
 
 
 
 
 
 
 
 
 @media (max-width:1200px) {
 	.box-group h2 {
 			font-size: 26px;
 	}
 
 	.navbar-custom {
 		font-size: 13px;
 	}
 	
 	.nav>li>a {
 		  padding: 15px 7px;
 	}
 	
 	.product-list .table {
 			font-size: 10px;
 			white-space: normal;
 	}
 	
 	.product-list .btn {
 		font-size: 11px;
 	}
 	
 	.relative-text-a {
	width: 220px; top: 20px; left: 240px;
	}
	
	.relative-text-b {
		width: 200px; top: 220px; left: 400px;
	}
	
	.relative-text-c {
		width: 200px; top: 450px; left: 400px;
	}
	
	.relative-text-d {
		width: 220px; top: 140px; left: 0px;
	}
	
	.relative-text-e {
		width: 220px; top: 360px; left: 0px;
	}
	
	.relative-text-f {
		display: none;
	}
	
	.relative-text-g {
		display: none;
	}
 }
 
 @media (max-width:992px) { 
 	.navbar-custom .container {
 		width: 100%;
 	}
 	
 	.navbar-custom {
 		font-size: 10px;
 	}
 	
 	.nav>li>a {
 	  padding: 15px 3px;
 	}
 	
 	.carousel-caption h1 {
 		font-size: 28px;
 	}
 	
 	.product-list .table {
 		font-size: 14px;
 		white-space: normal;
 	}
 	
 	.product-list .btn {
 		font-size: 14px;
 	}
 	.relative-text {
 		display: none;
 	}
 }
 
 @media(min-width:768px) {
     .navbar-custom {
         padding: 0;
         border-bottom: 0;
         letter-spacing: 1px;
         -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
         -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
         transition: background .5s ease-in-out,padding .5s ease-in-out;
 		background-color: rgba(255, 255, 255, .9);
 }
 
 	
 
     .navbar-custom.top-nav-collapse {
         padding: 0;
         border-bottom: 1px solid #006ab6;
         background: #fff;
     }
 }
 
  @media(max-width:768px) {
  		.navbar-custom {
  			font-size: 15px;
  			 box-shadow: none;
  			-moz-box-shadow: none;
  			border-bottom: 2px solid #006ab6;
  		}
  	
  		.nav>li>a {
  		  padding: 10px;
  		}
  		
  		.nav>li>a::after {
  			content: ' »';
  		}
  		
  		.navbar-custom .caret {
  			display: none;
  		}
  		
  		 .navbar-custom .navbar-brand {
	 		padding: 10px;
		}
		
		.box {
 			min-height: 100px;
 		}

  		  		
  		.article-header {
  			margin-top: 55px;
  			height: 200px;
  			background: #fff;
  		}
  		
  		#subpage .fill {
  		    width: 100%;
  		    height: 100%;
  		    /*-webkit-background-size: contain;
  		    -moz-background-size: contain;
  		    background-size: contain;
  		    -o-background-size: contain;*/
  		    -webkit-background-size: cover;
  		    -moz-background-size: cover;
  		    background-size: cover;
  		    -o-background-size: cover;
  		    background-position: center;
  		    background-repeat: no-repeat;
  		}
  		
  		.carousel-caption h1, h2 {
  			font-size: 22px;
  		}
  		
  		.carousel-caption p {
  				font-size: 13px;
  				/*letter-spacing: 1px;*/
  				text-align: left !important;
  		}
  		
  		.carousel-caption {
  			padding: 10px !important;
			margin: 0 !important;
			background-color: rgba(0, 0, 0, 0.7) !important;
			width: 40% !important;
			top: 20% !important;
			bottom: 40% !important;
			left: 25% !important;
			min-width: 280px !important;
  		}
  		
  		
  		ul.nav li.dropdown:hover > ul.dropdown-menu { /* dropdown on hover */
  		    display: none;    
  		}
  		
  		#subpage .box span {
  			font-size: 10px !important;
  		}
  		
  		.modal-footer {
  			padding-bottom: 53px;
  		}
  		
  		.product-list img {
  			max-width: 65%;
  			margin: 5px auto;
  		}
  }
  
  @media(min-width:1900px) {
  	.article-header {
  		height: 740px;
  	}
  	
  	.carousel, .carousel .item {
  		height: 550px;
  	}
  	
  	.carousel-caption-left {
  		bottom: 60%;
  	}
  	
  	.carousel-caption-right {
  		top: 70%;
  		bottom: 10%;
  	}
  }
  
  @media print {
  	header {
  		display: none;
  	}
  
  	aside {
  		display: none;
  	}
  	
  	footer {
  		display: none;
  	}
  	
  	.navbar {
  		display: none;
  	}
  	
  	.col-md-8 {
  		width: 95%;
  		display: block;
  		margin: 0 auto;
  		padding: 0;
  	}
  }
  
  
.reference-list img.img-128 {
  	margin-top: 3em;
}
  
.reference-list {
	font-size: .9em;
}
  
  
  
::-moz-selection {
    text-shadow: none;
    color: #fff;
    background: #006ab6;
}

::selection {
    text-shadow: none;
    color: #fff;
    background: #006ab6;
}