/*
 Theme Name: Gateway Data Servies
 Description: A custom theme created for Gateway Data Serives
 Author: Digital Stock Limited
 Author URI: http://digitalstock.co.nz/
 Version: 1.0
 */
 @keyframes dot_upwards {
 	0% { bottom: 0px; }
 	100% { bottom: 128px; }
 }
 @-ms-keyframes dot_upwards {
 	0% { bottom: 0px; }
 	100% { bottom: 128px; }
 }
 @-moz-keyframes dot_upwards {
 	0% { bottom: 0px; }
 	100% { bottom: 128px; }
 }
 @-webkit-keyframes dot_upwards {
 	0% { bottom: 0px; }
 	100% { bottom: 128px; }
 }
 @keyframes cloud_floating {
 	0% { top: 90px; left: -6%; width:100px; height:65px; }
 	25% { top: 90px; left: 25%; width:100px; height:65px; }
 	50% { top: 120px; left: calc(50% - 100px); width:200px; height:130px; }
 	75% { top: 90px; left: 75%; width:100px; height:65px; }
 	100% { top: 90px; left: 102%; width:100px; height:65px; }
 }
 @-ms-keyframes cloud_floating {
 	0% { top: 90px; left: -6%; width:100px; height:65px; }
 	25% { top: 90px; left: 25%; width:100px; height:65px; }
 	50% { top: 120px; left: 42.5%; width:200px; height:130px; }
 	75% { top: 90px; left: 75%; width:100px; height:65px; }
 	100% { top: 90px; left: 102%; width:100px; height:65px; }
 }
 @-moz-keyframes cloud_floating {
 	0% { top: 90px; left: -6%; width:100px; height:65px; }
 	25% { top: 90px; left: 25%; width:100px; height:65px; }
 	50% { top: 120px; left: calc(50% - 100px); width:200px; height:130px; }
 	75% { top: 90px; left: 75%; width:100px; height:65px; }
 	100% { top: 90px; left: 102%; width:100px; height:65px; }
 }
 @-webkit-keyframes cloud_floating {
 	0% { top: 90px; left: -6%; width:100px; height:65px; }
 	25% { top: 90px; left: 25%; width:100px; height:65px; }
 	50% { top: 120px; left: calc(50% - 100px); width:200px; height:130px; }
 	75% { top: 90px; left: 75%; width:100px; height:65px; }
 	100% { top: 90px; left: 102%; width:100px; height:65px; }
 }
 .chevron {
 	margin-left: 10px;
 	font-size: 16px;
 }
 @font-face {
 	font-family: 'geometrialight';
 	src: local('geometria-light');
 	src: url('geometria-light-webfont.eot');
 	src: url('geometria-light-webfont.eot?#iefix') format('embedded-opentype'), url('geometria-light-webfont.woff2') format('woff2'), url('geometria-light-webfont.woff') format('woff'), url('geometria-light-webfont.ttf') format('truetype'), url('geometria-light-webfont.svg#geometrialight') format('svg');
 	font-weight: normal;
 	font-style: normal;
 }
 html {
 	margin-top: 0px;
 }
 body {
 	font-family: 'Lato', sans-serif;
 	background: #F1F2F2;
 	color: #999999;
 	font-size: 16px;
 	margin-top: 80px;
 	overflow-x: hidden;
 }
 h1, h2, h3, h4 {
 	font-family: 'geometrialight', sans-serif;
 	color: #666666;
 }
 h1 {
 	margin: 0 0 30px;
 	font-size: 32px;
 }
 h3 {
 	font-size: 21px;
 	margin-bottom: 0px;
 }
 .text-tiny {
 	font-size: 15px !important;
 }
 .navbar {
 	background: #F1F2F2;
 	height: 80px;
 	color: #666666;
 }
 .navbar-nav > li > a {
 	padding: 30px 20px;
 }
 #navbar-selected {
 	background: #99CC33;
 }
 .navbar-nav-tabs {
 	background: #99CC33 !important;
 	height: 80px;
 }
 .text-green {
 	color: #99CC33;
 	font-size: 19px;
 }
 .background-white {
 	background: #FFFFFF;
 	padding: 0;
 	border-radius: 5px;
 }
 .spacing {
 	padding: 30px;
 }
 .gap-top {
 	margin-top: 30px;
 }
 .gap-bottom {
 	margin-bottom: 30px;
 }
 .table-icons {
 	width: 23px;
 	padding-right: 10px;
 }
 .display-photo {
 	margin-top: 50px;
 	padding: 0;
 }
 #column-seperator {
 	padding: 0;
 }
 .accordion-green {
 	background: #99CC33 !important;
 	color: white !important;
 }
 .table-align {
 	margin-top: 10px;
 	padding-left: 30px;
 }
 .navbar-nav > li > a {
 	background: #F1F2F2;
 }
 .navbar-default .navbar-bav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
 	background: #E6EAEF;
 }
 .accordion-green > .panel-title {
 	color: white;
 }
 #left-column {
 	margin: 0 -15px 30px -15px;
 	margin-bottom: 0px !important;
 }
 @media (min-width: 1200px) {
 	#left-column {
 		margin: 0 15px 30px -15px;
 	}
 }
 @media (max-width: 768px) {
 	.hide-on-sm {
 		display: none;
 	}
 	.table-align {
 		padding-left: 10px;
 	}
 	.move-on-sm {
 		margin-left: -25px;
 	}
 	.show-on-sm {
 		display: inherit;
 	}
 	.nav > ul {
 		margin-top: 20px;
 	}
 	.navbar-header {
 		height: 80px;
 	}
 }
 .photo-circle {
 	border-radius: 50px;
 }
 .contact-info {
 	margin-top: 10px;
 }
 #banner {
 	width: 100%;
 	background: url("gateway-data-services-banner.jpg") center center no-repeat;
 	height: 565px;
 }
 #logo-header {
 	height: 70px;
 	margin: -15px 40px 0 20px;
 }
 @media (max-width: 1200px) {
 	.hide-on-lg {
 		display: none;
 	}
 }
 @media (max-width: 992px) {
 	.hide-on-md {
 		display: none;
 	}
 	#form-inputs {
 		padding-right: 0px;
 	}
 	.navbar-header {
 		float: none;
 	}
 	.navbar-toggle {
 		display: block;
 	}
 	.navbar-collapse {
 		border-top: 1px solid transparent;
 		box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
 	}
 	.navbar-collapse.collapse {
 		display: none !important;
 	}
 	.navbar-nav {
 		float: none !important;
 		margin: 7.5px -15px;
 	}
 	.navbar-nav > li {
 		float: none;
 	}
 	.navbar-nav > li > a {
 		padding-top: 10px;
 		padding-bottom: 10px;
 	}
 	.navbar-collapse.collapse.in {
 		display: block !important;
 	}
 	.collapsing {
 		overflow: hidden !important;
 	}
 }
 .text-small {
 	font-size: 10pt;
 }
 #contact-social {
 	font-size: 35px;
 	color: #999999;
 }
 .show-on-sm {
 	display: none;
 }
 a {
 	color: #999999;
 }
 a:link {
 	text-decoration: none;
 	color: #999999;
 }
 a:visited {
 	text-decoration: none;
 	color: #999999;
 }
 a:hover {
 	text-decoration: none;
 	cursor: pointer;
 	color: #666666;
 }
 a:active {
 	text-decoration: none;
 	color: #999999;
 }
 footer {
 	color: #666666;
 	background: #E6EAEF;
 }
 .footer-link > a {
 	color: #666666;
 }
 .footer-link > a:link {
 	text-decoration: none;
 	color: #666666;
 }
 .footer-link > a:visited {
 	text-decoration: none;
 	color: #666666;
 }
 .footer-link > a:hover {
 	text-decoration: none;
 	cursor: pointer;
 	color: #999999;
 }
 .footer-link > a:active {
 	text-decoration: none;
 	color: #666666;
 }
 .panel {
 	border: none;
 }
 .panel-heading {
 	border: none;
 	border-radius: 0;
 	padding-left: 30px;
 	border: none;
 	cursor: pointer;
 }
 .accordion-default {
 	background: #FFFFFF !important;
 }
 .accordion-default > span {
 	color: #99CC33;
 }
 .pipe {
 	margin: 0 10px;
 }
 textarea {
 	resize: none;
 	border-radius: 5px;
 	border-color: #F1F2F2;
 	border-style: solid;
 	border-width: 2px;
 	width: 100%;
 	margin-bottom: 0 !important;
 }
 #footer-dark {
 	background: #333333;
 	text-align: center;
 	padding: 20px;
 }
 .accordion-spacing {
 	padding: 0 30px;
 }
 .services-heading {
 	padding: 30px 0 0 30px;
 }
 .panel-title {
 	font-size: 32px;
 	color: #666666;
 }
 .panel-body {
 	padding: 15px 0;
 }
 .footer-light {
 	padding-top: 15px;
 }

 .margin-t-30{
 	margin-top: 30px;
 }
 .panel-default > .panel-heading + .panel-collapse > .panel-body {
 	border: none;
 }
 .input-area {
 	border-radius: 5px;
 	border-color: #F1F2F2;
 	border-style: solid;
 	border-width: 2px;
 	width: 100%;
 	margin-bottom: 15px;
 	padding-left: 10px;
 }
 input {
 	height: 30px;
 	font-size: 14px;
 }
 #form-inputs {
 	padding-left: 0;
 }
 .support-link > a {
 	color: #99CC33;
 	font-size: 14px;
 }
 .support-link > a:hover {
 	color: #C2E085;
 }
 .support-link {
 	color: #99CC33;
 	font-size: 14px;
 	margin: 0;
 }
 #search-text {
 	border-radius: 5px 0 0 5px;
 	border-color: #999999;
 	border-style: solid;
 	border-width: 1px;
 	padding-left: 10px;
 	background: #F1F2F2;
 	margin-top: -1px;
 }
 #search-button {
 	margin: 1px 0 0 -5px;;
 	background: #99CC33;
 	border: none;
 	width: 30px;
 	height: 31px;
 	color: white;
 	border-radius: 0 5px 5px 0;
 }
 #search {
 	padding: 25px 20px;
 }
 #fill-gap {
 	height: 84px;
 }
 .cloud {
 	position: absolute;
 	background: url("cloud-background.png") center center no-repeat;
 	background-size: contain;
 	animation: cloud_floating 30s linear infinite;
 	-ms-animation: cloud_floating 30s linear infinite;
 	-moz-animation: cloud_floating 30s linear infinite;
 	-webkit-animation: cloud_floating 30s linear infinite;
 }
 .cloud img {
 	position: absolute;
 	left: 20%;
 	top: 15%;
 	width: 60%
 }
 #particle-emitter {
 	background: none;
 	width: 8px;
 	height: 8px;
 	position: absolute;
 	left: calc(50% - 5px);
 	top: 400px;
 }
 #particle-emitter div {
 	position: absolute;
 	width: 8px;
 	height: 8px;
 	border-radius: 4px;
 	animation: dot_upwards 4s normal forwards;
 	-ms-animation: dot_upwards 4s normal forwards;
 	-moz-animation: dot_upwards 4s normal forwards;
 	-webkit-animation: dot_upwards 4s normal forwards;
 	background-color: #669900;
 }
 /* delays for the clouds*/
 #cloud2 {
 	animation-delay: -5s;
 	-ms-animation-delay: -5s;
 	-moz-animation-delay: -5s;
 	-webkit-animation-delay: -5s;
 }
 #cloud3 {
 	animation-delay: -10s;
 	-ms-animation-delay: -10s;
 	-moz-animation-delay: -10s;
 	-webkit-animation-delay: -10s;
 }
 #cloud4 {
 	animation-delay: -15s;
 	-ms-animation-delay: -15s;
 	-moz-animation-delay: -15s;
 	-webkit-animation-delay: -15s;
 }
 #cloud5 {
 	animation-delay: -20s;
 	-ms-animation-delay: -20s;
 	-moz-animation-delay: -20s;
 	-webkit-animation-delay: -20s;
 }
 #cloud6 {
 	animation-delay: -25s;
 	-ms-animation-delay: -25s;
 	-moz-animation-delay: -25s;
 	-webkit-animation-delay: -25s;
 }
 #banner-text {
 	position: relative;
 	top: 525px;
 	font-size: 10px;
 	color: white;
 }
 #banner-water {
 	position: absolute;
 	left: 20px;
 	text-align: center;
 }
 #banner-soil {
 	position: absolute;
 	left: 205px;
 	text-align: center;
 }
 #banner-effluent {
 	position: absolute;
 	left: 360px;
 	text-align: center;
 }
 #banner-weather {
 	position: absolute;
 	left: 520px;
 	text-align: center;
 }
 #banner-vat {
 	position: absolute;
 	left: 695px;
 	text-align: center;
 }
 #banner-applicator {
 	position: absolute;
 	left: 860px;
 	text-align: center;
 }
 #banner-gps {
 	position: absolute;
 	left: 1025px;
 	text-align: center;
 }
 #margin-none {
 	margin: 0;
 	padding: 0;
 }
 #head-office {
 	margin-bottom: 15px;
 }
 .cloud-logo {
 	width:100%;
 	margin:auto;
 }

 .green-btn{
 	color: #fff;
 	background-color: #99CC33 !important;
 }

 #about{
 	display: block; position: relative; top: -80px; visibility: hidden;
 }

 #documents{
 	display: block; position: relative; top: -150px; visibility: hidden;
 }

 #contact{
 	display: block; position: relative; top: -80px; visibility: hidden;
 }

 #services{
 	display: block; position: relative; top: -80px; visibility: hidden;
 }

 .margin-t-10{
 	margin-top: 10px;
 }

 /* MSL */

 #home .container {
 	position: relative;
 }

 .dfcdpLogoWrapper {
 	position: absolute;
 	z-index: 1000;  
 }

 /*XS*/
 @media only screen and (min-width : 0px) {

 	.dfcdpLogoWrapper {
 		display: block; 
 		top: 0px;
 		right: 0px; 
 		left: inherit;
 	}
 }

 /*SM*/
 @media only screen and (min-width : 768px) {

 	.dfcdpLogoWrapper {
 		display: block; 
 		top:5px;
 		right: 0px; 
 		left: inherit;
 	}
 }

 /*MD*/
 @media only screen and (min-width : 992px) {

 	.dfcdpLogoWrapper {
 		display: block;
 		top: 0px;
 		right: 0px; 
 		left: inherit;
 	}
 }

 /*LG*/
 @media only screen and (min-width : 1200px) {

 	.dfcdpLogoWrapper {
 		display: block;
 		top: -324px;
 		left:191px;
 		right: inherit;
 	}
 }

.footer-light .footer-link {
    margin: 0 0 30px 0;	
}

#footer-dark {
    margin: 30px 0 0 0;	
}

.footerLogo {

}

/* End MSL */