/*
Theme Name: Deltapump
Author: Appex
Author URI: http://appex.no/
Version: 1.0
*/

body {
	background: #fff;
	color: #00283b;
	font: 15px/1 'Lato', sans-serif;
	font-weight: 400;
}

a {
	color: #60bbdf;
}

a:hover {
	color: #60bbdf;
	text-decoration: none;
}

b,
strong {
	font-weight: bold;
}

i,
em {
	font-style: italic;
}

img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}


/* ================= */
/* = Page elements = */
/* ================= */

.center-wrap {
	/* margin: 0 20px; */
}
.center {
	margin: 0 auto;
	max-width: 1140px;
}

.hidden,
.show-tablet,
.show-mobile,
.hide-desktop {
	display: none;
}

/* ========== */
/* = Header = */
/* ========== */

#header {
	/* margin-bottom: 30px; */
	border-bottom: 1px solid #bfc9ce;
}

#header-inner {
	padding: 40px 20px 18px;

}

#header-inner .center {
	position: relative;
}

#logo {
	width: 288px;
	float: left;
}

#logo a {
	background: url(images/logo.svg) center center no-repeat;
	background-size: 288px 64px;
	height: 64px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

html.no-svg #logo a {
	background-image: url(images/logo.png);
}

/* = Navigation = */

#nav {
	text-transform: uppercase;
	float: right;
	padding-top: 33px;
	font-size: 16px;
}

#nav li {
	display: block;
	float: left;
	padding: 5px 10px;
	border-right: 1px solid #dbdedd;

	position: relative;
}

#nav li:last-of-type {
	border-right: 0;
	padding-right: 0;
}

#nav a {
	display: block;
	color: #00283b;
	text-decoration: none;
}

.sub-menu {
	display: none;
	width: 200px;
	background-color: #fff;
	border: 1px solid #dbdedd;
	font-size: 14px;

	position: absolute;
	left: -1px;
	top: 100%;
}

#nav .sub-menu li {
	border-bottom: 1px solid #dbdedd;
	border-right: 0;
	padding: 0;
	float: none;
}

#nav .sub-menu li:last-child {
	border-bottom: 0;
}

#nav .sub-menu a {
	padding: 5px 10px;
}

@media (min-width: 481px) {
	#nav li:hover .sub-menu {
		display: block;
	}
}


/* ================ */
/* = Main content = */
/* ================ */

.page-title {
	font-size: 24px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 50px 0 30px;
}
body.page .content-box > h2.page-title {
	padding-top: 0;
}

.main h3 {
	font-weight: 700;
}

.main p,
.main ul,
.main ol,
.main table,
.main dl,
.main h3 {
	line-height: 1.4;
	margin-bottom: 1em;
}

.main ul,
.main ol {
	margin-left: 2em;
	list-style: disc;
}

.main ol {
	list-style: decimal;
}

.content-box {
	padding: 0 60px;
}

.take-me-to-the-top {
	padding: 55px 0 10px;
	border-bottom: 2px solid #00283b;
}
.take-me-to-the-top a {
	background: url(images/arrow.svg) center right no-repeat;
	background-size: 25px 15px;
	display: block;
	float: right;
	text-decoration: none;
	text-transform: uppercase;
	color: #c5d0d5;
	font-size: 11px;
	padding: 4px 30px 0 0;
}
html.no-svg .take-me-to-the-top a {
	background-image: url(images/arrow.png);
}


/* ========== */
/* = Slider = */
/* ========== */

img.slider-overlay {
	position: absolute;
	left: 0;
	bottom: 0;

	pointer-events: none;
}

.slide-textoverlay {
	position: absolute;
	left: 0;
	top: 75px;

	width: 100%;
	height: 100%;
	font-size: 30px;
	font-weight: 700;
	color: #00283b;
	display: none;
	overflow: hidden;
}
.slide-textoverlay-inner {
	padding: 0 85px;
}
.slide-textoverlay span {
	background-color: #3c5665;
	color: #fff;
	margin-bottom: 7px;
	padding: 0 10px;
	display: inline-block;
	clear: both;
	float: left;
}


/* ============ */
/* = About us = */
/* ============ */

#about-us {
	border-top: 2px solid #00283b;
	padding-top: 60px;
}
body.page-id-2 #about-us {
	padding: 0;
	border: 0;
}

#about-us .content-box {
	background-image: url('images/bg-about-us.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	padding-bottom: 50px;

	position: relative;
}


/* ============================ */
/* = Our pumps, documentation = */
/* ============================ */

#our-pumps .col,
#documentation .col {
	float: left;
	width: 45%;
	margin-right: 10%;
}
#our-pumps .col:last-of-type,
#documentation .col:last-of-type {
	margin-right: 0;
}

#documentation table {
	border: 1px solid #bdcacf;
	font-size: 13px;
	width: 100%;
}
#documentation table a,
#pumps-datablader a {
	background: url(images/pdf.png) left center no-repeat;
	background-size: 13px 13px;
	padding-left: 18px;
}
#documentation table a.pump-series-first-link {
	font-weight: bold;
	/*background: none;*/
	/*padding-left: 0;*/
}
#documentation thead {
	background-color: #bdcacf;
	text-align: left;
}
#documentation thead th {
	padding: 2px 4px 20px;
}
#documentation tbody tr {
	border-bottom: 1px solid #bdcacf;
}
#documentation td {
	padding: 2px 4px;
	width: 30%;
}
#documentation td.pump-column-1 {
	width: 40%;
}

.pumpseries-item-wrap {
	position: relative;
	margin-top: 20px;
}
.pumpseries-item {
	background-color: #edf0f2;
	margin: 0 360px 0 -60px;
	/*margin-right: 360px;*/
	/*margin-left: -60px;*/
	padding: 40px 60px;

	position: relative;
}
.pumpseries-item-wrap:nth-child(2n) .pumpseries-item {
	background-color: #dfebef;
}
.pumpseries-item:after {
	content: '';
	border-top: 20px solid transparent;
	border-left: 20px solid #edf0f2;
	border-right: 20px solid transparent;
	border-bottom: 20px solid transparent;

	position: absolute;
	left: 100%;
	top: 25px;
}
.pumpseries-item-wrap:nth-child(2n) .pumpseries-item:after {
	border-left-color: #dfebef;
}
img.featured-pump-image {
	display: block;

	position: absolute;
	right: 0;
	top: 0;
}
.pumpseries-documents {
	position: absolute;
	left: 100%;
	bottom: 0;

	width: 300px;
	margin-left: 30px;
}
.pumpseries-documents ul {
	list-style: none;
	margin: 0;
}

#pumps-datablader {
	padding: 20px 5px 0;
}
#pumps-datablader h3 {
	margin-bottom: 0;
}
#pumps-datablader ul {
	list-style: none;
	margin-left: 0;
}
#pumps-datablader li.i-need-to-breathe {
	padding-top: 20px;
}


/* ========== */
/* = Contact = */
/* ========== */

#contact .heading {
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 1em;
	padding: 0 !important;
}

#contact .people-list {
	padding: 25px 0 50px;
}

#contact .people-list .col {
	padding-bottom: 10px;
}

#contact .people-list img {
	float: left;
	width: 100px;
	margin-right: 20px;
}

#contact .contact-top {
	padding-bottom: 50px;
}

#contact .col {
	background-repeat: no-repeat;
	float: left;
	width: 50%;
}
/*#contact .col.wide {
	width: 75%;
}
#contact .col.wide .col {
	width: 50%;
}*/
#contact .col.phone {
	background-image: url(images/phone.svg);
	background-position: left 10px;
	background-size: 33px 102px;
	min-height: 52px;
}
#contact .col.address {
	background-image: url(images/envelope.svg);
	background-position: left 15px;
	background-size: 54px 100px;
	min-height: 30px;
}
html.no-svg #contact .col.phone {
	background-image: url(images/phone.png);
}
html.no-svg #contact .col.address {
	background-image: url(images/envelope.png);
}
#contact .col.phone .col-inner {
	padding: 0 20px 0 53px;
}
#contact .col.address .col-inner {
	padding-left: 74px;
}

#contact img {
	display: block;
}

#contact h3 {
	margin-bottom: 0;
}

.map-and-form {
	padding-top: 85px;
}
#contact .col.gmap {
	width: 65%;
	margin-right: 5%;
}
#contact .col.contact-form {
	width: 30%;
}

#contact .gform_wrapper {
	margin: 0;
}
#contact .gfield_label {
	margin-top: 0;
}
#contact .ginput_container {
	padding-bottom: 10px;
}
#contact .gform_wrapper .top_label input.medium {
	width: 75%;
}
#contact .gform_wrapper .gform_footer {
	padding-top: 0;
	margin-top: 0;
}
#contact .gform_wrapper .gform_footer input {
	border: 0;
	background-color: #6498ae;
	color: #fff;
	cursor: pointer;
}
#contact .gform_wrapper .gform_footer input:hover {
	background-color: #3c5665;
}


/* ========== */
/* = Footer = */
/* ========== */

#footer {
	background-color: #eef2f3;
	margin-top: 50px;
	padding: 30px 0;
	font-size: 12px;

	-webkit-box-shadow: inset 0px 5px 10px -10px rgba(0,0,0,.5);
	box-shadow: inset 0px 5px 10px -10px rgba(0,0,0,.5);
}

#footer a {
	text-decoration: none;
	color: #00283b;
}

#copyright-and-stuff {
	float: left;
}

#copyright-and-stuff .social-icons a {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 41px 41px;
	width: 41px;
	height: 41px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	float: left;
	margin: 0 7px 15px 0;
}

#facebook {
	background-image: url(images/facebook.svg);
}
html.no-svg #facebook {
	background-image: url(images/facebook.png);
}

#instagram {
	background-image: url(images/instagram.svg);
}
html.no-svg #instagram {
	background-image: url(images/instagram.png);
}

#linkedin {
	background-image: url(images/linkedin.svg);
}
html.no-svg #linkedin {
	background-image: url(images/linkedin.png);
}

#googleplus {
	background-image: url(images/google-plus.svg);
}
html.no-svg #googleplus {
	background-image: url(images/google-plus.png);
}

#madeby {
	float: right;
	padding: 15px 0 14px;
}


/* ======== */
/* = Misc = */
/* ======== */

.screen-reader-text {
	display: none;
}

.language_switcher {
	list-style: none;
	margin: 0;
	padding: 0;

	position: absolute;
	right: 20px;
	top: 20px;
}

.language_switcher li {
	float: left;
	width: 24px;
	margin: 0 0 0 7px;
}

.language_switcher a {
	display: block;
	height: 24px;
	text-indent: -9999px;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 24px 24px;
}

.language_switcher li.lang-nb a {
	background-image: url(images/flags/norway.png);
}

.language_switcher li.lang-en a {
	background-image: url(images/flags/united_kingdom.png);
}


/* ============= */
/* = Shadowbox = */
/* ============= */

#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(images/shadowbox/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(images/shadowbox/close.png);}
#sb-nav-next{background-image:url(images/shadowbox/next.png);}
#sb-nav-previous{background-image:url(images/shadowbox/previous.png);}
#sb-nav-play{background-image:url(images/shadowbox/play.png);}
#sb-nav-pause{background-image:url(images/shadowbox/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}


/* ============== */
/* = Flexslider = */
/* ============== */

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
ol.flex-control-nav,
ul.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; list-style: none; margin: 0;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0 0 60px; position: relative; zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1; margin: 0; list-style: none;}

.carousel li {margin-right: 5px}

ul.flex-direction-nav,
ol.flex-control-nav {
	list-style: none;
}


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 52px; height: 52px; margin: -26px 0 0; display: block; background-color: #6498ae; background-position: center center; background-repeat: no-repeat; background-size: 28px 43px; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {right: 20px; background-image: url(images/flex-right.svg);}
html.no-svg .flex-direction-nav .flex-next {background-image: url(images/flex-right.png);}
.flex-direction-nav .flex-prev {left: 20px; background-image: url(images/flex-left.svg);}
html.no-svg .flex-direction-nav .flex-prev {background-image: url(images/flex-left.png);}
.flexslider:hover .flex-next {opacity: 0.8;}
.flexslider:hover .flex-prev {opacity: 0.8;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: 35px; text-align: center;}
.flex-control-nav li {margin: 0 4px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 14px; height: 14px; display: block; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border: 3px solid #6498ae;}
.flex-control-paging li a:hover { background: #6498ae; }
.flex-control-paging li a.flex-active { background: #6498ae; cursor: default; }






/* Contact info */
@media (min-width: 511px) {
	.contact-info-list dt,
	.contact-info-list dd {
		float: left;
	}

	.contact-info-list dt {
		clear: both;
		width: 140px;
	}

	.contact-info-list dd {
		width: calc(100% - 140px);
	}

	.contact-info-list dd.padding-top {
		padding-top: 20px;
	}
}

@media (max-width: 510px) {
	.contact-info-list dt {
		font-weight: bold;
	}

	.contact-info-list dd {
		padding-bottom: 10px;
	}
}

.contact-info-list a {
	text-decoration: none;
	color: inherit;
}

.contact-info-list dt.padding-top {
	padding-top: 20px;
}




/* Responsive */

@media (min-width: 980px) {
	.center-wrap.first {
		padding-top: 123px;
	}
	#header {
		background-color: #fff;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 1000;
	}

	.take-me-to-the-top a {
		display: none;
	}
	.take-me-to-the-top:last-of-type {
		display: none;
	}
}

@media (max-width: 979px) {
	/* iPad portrait mode etc. */

	.show-tablet,
	.hide-desktop {
		display: block;
	}
	.hide-tablet {
		display: none;
	}

	.content-box {
		padding: 0 30px;
	}
	.main h2 {
		padding-top: 35px;
	}

	#about-us .content-box {
		padding-bottom: 35px;
	}

	.pumpseries-item-wrap {
		margin-bottom: 40px;
	}
	.pumpseries-item {
		margin-left: -30px;
		margin-right: -30px;
	}
	.pumpseries-item:after {
		border-top: 20px solid #edf0f2;
		border-left-color: transparent;

		top: auto;
		bottom: -40px;
		left: auto;
		right: 50px;
	}
	.pumpseries-item-wrap:nth-child(2n) .pumpseries-item:after {
		border-top: 20px solid #dfebef;
		border-left-color: transparent;
	}
	img.featured-pump-image {
		margin: 40px 0 0;

		position: static;
		float: right;

	}

	.slide-textoverlay {
		font-size: 26px;
	}
}

@media (max-width: 910px) {
	.map-and-form {
		padding-top: 50px;
	}
}

@media (max-width: 800px) {
	#logo,
	#nav {
		float: none;
	}
	#nav {
		padding-top: 15px;
	}

	#contact .col {
		float: none;
		width: 100%;
		margin-bottom: 30px;
		clear: both;
	}
}

@media (max-width: 767px) {
	/* Everything between iPhone landscape and iPad portrait */

	.slide-textoverlay {
		font-size: 22px;

		top: 46px;
	}
	.slide-textoverlay-inner {
		padding: 0 52px;
	}
	.slide-textoverlay span {
		padding: 0 7px;
	}

	.flex-direction-nav a {
		width: 44px;
		height: 44px;
		background-size: 20px 31px;
	}
	.flex-control-nav {
		bottom: 20px;
	}
}

@media (max-width: 690px) {
	.slide-textoverlay {
		font-size: 18px;
	}
	.slide-textoverlay span {
		margin-bottom: 5px;
		padding: 0 5px;
	}
}

@media (max-width: 640px) {
	#contact .col {
		float: none;
		width: 100% !important;
		margin-bottom: 30px;
	}
	#contact .col:last-of-type {
		margin-bottom: 0;
	}
	.map-and-form {
		padding-top: 0;
	}

	#our-pumps .col,
	#documentation .col {
		float: none;
		margin: 0;
		width: 100%;
	}

	.main h3 {
		margin-top: 30px;
	}
}

@media (max-width: 600px) {
	.slide-textoverlay {
		top: 30px;
		/*bottom: 30px;*/

		font-size: 13px;
	}
}

@media (max-width: 480px) {
	/* iPhone landscape and down */

	#logo {
		margin-bottom: 20px;
	}

/*	#nav li {
		border: 0;
		padding: 0;
	}
	#nav a {
		background-color: #eee;
		font-size: 14px;
		padding: 5px 8px 6px;
		margin: 0 15px 15px 0;

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

	#nav {
		background-color: #00283b;
		padding: 10px;

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

	#nav li {
		padding: 0;
		border: 0;
		float: none;
		border-bottom: 1px solid #1a3e4f;
	}

	#nav li:last-child {
		border-bottom: 0;
	}

	#nav a {
		padding: 5px 0;
		display: block;
		color: #fff;
	}

	.sub-menu {
		position: static;
		display: none;
		border: 0;
		width: auto;
		background-color: #1a3e4f;
		margin-top: 5px;
	}

	.show-children .sub-menu {
		display: block;
	}

	#nav .sub-menu li {
		border: 0;
		border-top: 1px solid #00283b;
	}

	#nav .sub-menu a {
		padding: 7px 10px;
	}

	.content-box {
		padding: 0 20px;
	}
	.main h2 {
		padding-top: 25px;
	}
	#about-us .content-box {
		padding-bottom: 25px;
	}

	.slide-textoverlay {
		font-size: 11px;

		top: 0;
	}
	.slide-textoverlay-inner {
		background-color: #3c5665;
		padding: 10px 20px;
	}
	.slide-textoverlay span {
		background: none;
		margin-bottom: 3px;
		padding: 0;
		display: inline;
		clear: none;
		float: none;
	}

	.show-tablet,
	.hide-mobile {
		display: none;
	}
	.show-mobile,
	.hide-tablet {
		display: block;
	}
}

@media (max-width: 420px) {
	#header-inner {
		padding-top: 70px;
	}
}

@media (max-width: 328px) {
	#logo {
		width: 100%;
	}
	#logo a {
		background-size: cover;
	}
}