@font-face {
	font-family: "socialmedia";
	src: url("../fonts/socialmedia/socialmedia.eot");
	src: url("../fonts/socialmedia/socialmedia.eot?#iefix") format("embedded-opentype"), url("../fonts/socialmedia/socialmedia.woff") format("woff"), url("../fonts/socialmedia/socialmedia.ttf") format("truetype"), url("../fonts/socialmedia/socialmedia.svg#socialmedia") format("svg");
	font-weight: normal;
	font-style: normal
}

[data-icon]:before {
	font-family: "socialmedia" !important;
	content: attr(data-icon);
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
	font-family: "socialmedia" !important;
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-facebook:before {
	content: "\66"
}

.icon-twitter:before {
	content: "\74"
}

.icon-instagram:before {
	content: "\69"
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

body {
	color: #fefefe;
	font-family: 'Open Sans', sans-serif;
	margin: 0;
	padding: 0
}

#holstein {
	margin: 0 auto;
	max-width: 1920px
}

.content {
	-ms-background-position-x: 18%;
	background-position-x: 18%;
	min-height: 880px;
	overflow: hidden;
	position: relative;
	transition: 400ms background
}

.content.home1 {
	background: url("../images/background-01.jpg") top center no-repeat
}

.content.home2 {
	background: url("../images/background-05.jpg") top center no-repeat
}

.content.about {
	background: url("../images/background-02.jpg") top center no-repeat
}

.content.contact {
	background: url("../images/background-03.jpg") top center no-repeat
}

.content.budgets {
	background: url("../images/background-04.jpg") top center repeat-y
}

.content .hero-mobile {
	display: none
}

.content .hero-mobile img {
	max-width: 700px;
	width: 100%
}

.nav {
	overflow: hidden;
	padding: 100px 0
}

.nav.sticky {
	-webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
	position: fixed;
	width: 100%;
	z-index: 100
}

.nav .logo {
	margin-left: 6%
}

.nav .menu-button {
	background: url("../images/icons/menu.png") no-repeat;
	cursor: pointer;
	height: 88px;
	padding: 26px 0 0 20px;
	position: absolute;
	right: 4%;
	top: 82px;
	width: 88px;
	z-index: 100
}

.nav .menu-button .menu-button-body {
	height: 50px;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	width: 50px
}

.nav .menu-button .menu-button-body span {
	display: block;
	position: absolute;
	height: 2px;
	width: 100%;
	background: #000;
	border-radius: 9px;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out
}

.nav .menu-button .menu-button-body span:nth-child(1) {
	top: 0
}

.nav .menu-button .menu-button-body span:nth-child(2),
.nav .menu-button .menu-button-body span:nth-child(3) {
	top: 18px
}

.nav .menu-button .menu-button-body span:nth-child(4) {
	top: 36px
}

.nav .menu-button .menu-button-body.open span:nth-child(1) {
	top: 18px;
	width: 0;
	left: 50%
}

.nav .menu-button .menu-button-body.open span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}

.nav .menu-button .menu-button-body.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.nav .menu-button .menu-button-body.open span:nth-child(4) {
	top: 18px;
	width: 0;
	left: 50%
}

.nav .menu {
	background-color: #fff;
	-webkit-box-shadow: -3px 3px 20px 0 rgba(0, 0, 0, 0.3);
	-moz-box-shadow: -3px 3px 20px 0 rgba(0, 0, 0, 0.3);
	box-shadow: -3px 3px 20px 0 rgba(0, 0, 0, 0.3);
	transform: translateX(550px);
	max-width: 500px;
	padding: 150px 50px 45px 50px;
	position: fixed;
	right: 0;
	top: 0;
	-webkit-transition: 500ms transform;
	-moz-transition: 500ms transform;
	-o-transition: 500ms transform;
	width: 100%
}

.nav .menu.open {
	transform: translateX(0)
}

.nav .menu .menu-body {
	overflow: hidden
}

.nav .menu .menu-body .links {
	margin: 0;
	max-width: 310px;
	padding: 0
}

.nav .menu .menu-body .links .link {
	border-top: 1px solid #ddd;
	list-style: none;
	padding: 10px 0
}

.nav .menu .menu-body .links .link:first-child {
	border-top: 0
}

.nav .menu .menu-body .links .link a {
	color: #363e41;
	font-size: 35px;
	text-decoration: none;
	text-transform: uppercase
}

.nav .menu .menu-body .links .link a span {
	word-wrap: break-word
}

.section {
	margin-left: 12%;
	max-width: 595px;
	text-align: center
}

.section .heading {
	color: #fefefe;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 60px;
	line-height: 48px;
	margin: 0;
	text-align: center
}

.section .subheading {
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	line-height: 22px;
	margin: 35px 0 0 0;
	text-align: center
}

.section .button {
	background-color: #152e35;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	border: 1px solid #3b545b;
	color: #fff;
	display: inline-block;
	margin: 35px 0 0 0;
	padding: 17px 30px;
	text-decoration: none;
	text-transform: uppercase
}

.section .button span {
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 22px;
	text-align: center
}

.section .values-section {
	margin-top: 56px
}

.section .values-section .column {
	display: inline-block;
	vertical-align: top;
	width: 32%
}

.section .values-section .column ul {
	margin: 0;
	padding: 0
}

.section .values-section .column ul li {
	list-style: none
}

.section .values-section .column ul li.fixIcon {
	height: 85px;
	padding-left: 27px
}

.section .values-section .column ul li img {
	border: 0
}

.section .values-section .column ul li .heading {
	font-family: 'Open Sans', sans-serif;
	font-size: 30px;
	font-weight: bold;
	line-height: 14px;
	margin: 16px 0;
	padding: 0
}

.section .values-section .column ul li .subheading {
	color: #11252b;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 18px;
	margin: 0
}

.section .information {
	margin-top: 56px
}

.section .information ul {
	margin: 0;
	padding: 0
}

.section .information ul li {
	list-style: none
}

.section .information ul li a {
	color: black;
	text-decoration: none
}

.section .information .divider {
	margin: 16px 0
}

.section .information .divider hr {
	border-top: 1px solid white;
	border-bottom: 0;
	opacity: .3;
	width: 49px
}

.products-section {
	background: #f7f7f7;
	background: linear-gradient(180deg, #f7f7f7 0, white 5%, white 95%, #f7f7f7 100%);
	padding-top: 78px
}

.products-section .heading {
	color: #414141;
	font-family: 'Open Sans', sans-serif;
	font-size: 30px;
	font-weight: 700;
	line-height: 48px;
	margin: 0;
	text-align: center;
	text-transform: uppercase
}

.products-section .subheading {
	color: #bcbcbc;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	font-weight: 100;
	line-height: 22px;
	margin: 0;
	text-align: center
}

.products-section .subheading strong {
	color: #49afbb
}

.products-wrapper {
	margin: 70px auto 0 auto;
	max-width: 1668px;
	padding-bottom: 87px
}

.products-wrapper #products {
	text-align: left
}

.products-wrapper #products .category-container {
	padding-bottom: 100px
}

.products-wrapper #products .category-container .category {
	background: url("../images/tiles.jpg") no-repeat;
	height: 79px
}

.products-wrapper #products .category-container .category .name {
	color: #414141;
	font-family: 'Open Sans', sans-serif;
	font-size: 26px;
	line-height: 79px;
	margin-left: 20px
}

.products-wrapper #products .category-container .category .name strong {
	color: #0192c1;
	font-family: 'Open Sans', sans-serif;
	font-size: 26px;
	font-weight: 700
}

.products-wrapper #products .category-container .product {
	display: inline-block;
	margin: 25px 48px;
	max-width: 178px;
	text-align: center;
	vertical-align: top
}

.products-wrapper #products .category-container .product .product-image img {
	border: 0;
	height: 178px;
	width: 178px
}

.products-wrapper #products .category-container .product .product-sku {
	color: black;
	font-weight: bold
}

.products-wrapper #products .category-container .product .product-description {
	color: #ccc
}

.budgets-section {
	margin-bottom: 77px
}

.budgets-section .heading {
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size: 60px;
	font-weight: 300;
	line-height: 48px;
	margin: 0;
	text-align: center;
	text-transform: uppercase
}

.budgets-section .subheading {
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 22px;
	margin: 36px 0 0 0;
	text-align: center
}

.budgets-section .subheading2 {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	font-weight: 100;
	margin: 0 auto;
	max-width: 533px;
	text-align: center
}

#budgets-calculator,
#budgets-calculator-mobile {
	text-align: center
}

#budgets-calculator .calculator,
#budgets-calculator-mobile .calculator {
	background: rgba(255, 255, 255, 0.7);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.1);
	display: inline-block;
	height: 390px;
	margin-right: 11px;
	margin-bottom: 15px;
	min-width: 230px;
	padding: 0 10px;
	text-align: center;
	vertical-align: top
}

#budgets-calculator .calculator .radio,
#budgets-calculator-mobile .calculator .radio {
	padding: 10px 0 0 0;
	text-align: left
}

#budgets-calculator .calculator .image,
#budgets-calculator-mobile .calculator .image {
	height: 110px;
	line-height: 106px;
	margin-bottom: 25px
}

#budgets-calculator .calculator .image img,
#budgets-calculator-mobile .calculator .image img {
	vertical-align: middle
}

#budgets-calculator .calculator .calc,
#budgets-calculator-mobile .calculator .calc {
	min-height: 80px;
	margin-bottom: 62px
}

#budgets-calculator .calculator .meters,
#budgets-calculator-mobile .calculator .meters {
	color: #12272d;
	font-family: 'Open Sans', sans-serif;
	font-size: 30px;
	font-weight: bold;
	line-height: 14px;
	margin-bottom: 9px;
	text-align: center
}

#budgets-calculator .calculator .legend,
#budgets-calculator-mobile .calculator .legend {
	color: #7f7f7f;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 300;
	line-height: 16px;
	text-align: center
}

#budgets-calculator .calculator .legend span,
#budgets-calculator-mobile .calculator .legend span {
	display: inline-block;
	max-width: 180px
}

#budgets-calculator .calculator .field,
#budgets-calculator-mobile .calculator .field {
	background: 0;
	border: 0;
	border-bottom: 1px solid #7f7f7f;
	color: #7f7f7f;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 300;
	line-height: 14px;
	max-width: 152px;
	outline: 0;
	padding: 8px;
	text-align: center
}

#budgets-calculator .calculator .field.short,
#budgets-calculator-mobile .calculator .field.short {
	max-width: 110px
}

#budgets-calculator .form,
#budgets-calculator-mobile .form {
	display: inline-block;
	margin-left: 30px;
	max-width: 481px;
	width: 100%
}

#budgets-calculator .form .row,
#budgets-calculator-mobile .form .row {
	margin-bottom: 21px
}

#budgets-calculator .form .row .field,
#budgets-calculator-mobile .form .row .field {
	border: 1px solid gray;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-family: "Open Sans", sans-serif;
	font-size: 16px;
	font-weight: 300;
	max-width: 230px;
	padding: 8px 10px;
	width: 100%
}

#budgets-calculator .form .row .field.first,
#budgets-calculator-mobile .form .row .field.first {
	margin-right: 15px
}

#budgets-calculator .form .row .field.long,
#budgets-calculator-mobile .form .row .field.long {
	max-width: 100%
}

#budgets-calculator .form .row textarea,
#budgets-calculator-mobile .form .row textarea {
	height: 131px
}

#budgets-calculator .form .row .button,
#budgets-calculator-mobile .form .row .button {
	background-color: #152e35;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	border: 1px solid #3b545b;
	color: #fff;
	display: inline-block;
	padding: 12px;
	text-decoration: none;
	text-transform: uppercase;
	width: 100%
}

#budgets-calculator-mobile {
	display: none
}

#budgets-calculator-mobile .calculator {
	display: block;
	height: auto;
	margin: 15px 30px;
	max-width: 100%;
	padding-bottom: 20px
}

#budgets-calculator-mobile .calculator .image {
	margin-top: 20px;
	text-align: center
}

#budgets-calculator-mobile .calculator .image ul {
	margin: 0;
	padding: 0
}

#budgets-calculator-mobile .calculator .image ul li {
	display: inline-block;
	list-style: none;
	margin: 0 15px
}

#budgets-calculator-mobile .calculator .image ul li a.active img {
	opacity: 1
}

#budgets-calculator-mobile .calculator .image ul li img {
	opacity: .2
}

.footer {
	min-height: 120px;
	text-align: center
}

.footer .copyright {
	color: #333;
	display: inline-block;
	font-size: 18px;
	line-height: 14px;
	margin-top: 52px
}

.footer .socialmedia-icons {
	display: inline-block;
	margin: 0;
	padding: 0;
	vertical-align: middle
}

.footer .socialmedia-icons li {
	display: inline-block;
	height: 32px;
	margin-left: 6px;
	position: relative;
	width: 32px
}

.footer .socialmedia-icons li a {
	color: #333
}

.footer .socialmedia-icons li a i {
	font-size: 32px;
	left: 0;
	position: absolute;
	top: 0;
	transition: 500ms margin-top, color 500ms
}

.footer .socialmedia-icons li a i:hover {
	color: #55b8d5;
	margin-top: -10px
}

@media all and (max-width:104.25em) {
	.products-wrapper #products {
		text-align: center
	}
}

@media screen and (max-width:43.75em) {
	.content {
		background: #1c8b73 !important;
		min-height: 600px
	}
	.content.products {
		background: white !important
	}
	.content .nav {
		padding: 40px 0
	}
	.content .menu-button {
		top: 30px !important
	}
	.content .hero-mobile {
		display: block
	}
	.section {
		margin: 0 auto;
		padding: 56px 5%;
		width: 100%
	}
	.budgets-section {
		margin-top: 56px
	}
	#budgets-calculator {
		display: none
	}
	#budgets-calculator-mobile {
		display: block
	}
	#budgets-calculator-mobile .calculator .image {
		height: auto
	}
	#budgets-calculator-mobile .calculator #calculator2-mobile,
	#budgets-calculator-mobile .calculator #calculator3-mobile {
		display: none
	}
	#budgets-calculator-mobile .form {
		display: block;
		margin-left: 0;
		max-width: 100%;
		padding: 0 30px
	}
	#budgets-calculator-mobile .form .row {
		margin-bottom: 8px
	}
	#budgets-calculator-mobile .form .row .field {
		margin-right: 0;
		max-width: 100%
	}
	#budgets-calculator-mobile .form .row .field.first {
		margin-right: 0;
		margin-bottom: 8px
	}
}