@font-face {
    font-family: 'brannboll_fetregular';
    src: url('brannbollfet-webfont.woff2') format('woff2'),
         url('brannbollfet-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body {
	color: #202020;
	overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
	color: #093980;
	transform: scaleY(1.2);
}

img {
	max-width: 100%;
}

.brannboll {
	font-family: "brannboll_fetregular";
}

.animated {
	-webkit-transition: all 500ms ease-in-out;  -moz-transition: all 500ms ease-in-out;  -o-transition: all 500ms ease-in-out;  transition: all 500ms ease-in-out;
}

.animatedSlow {
	-webkit-transition: all 1s ease-in-out;  -moz-transition: all 1s ease-in-out;  -o-transition: all 1s ease-in-out;  transition: all 1s ease-in-out;
}

.backgroundBlueOpacity {
	background-color: rgba(10, 37, 77, 0.63);
}
	.backgroundBlueOpacity * {
		color: #fff;
	}

.height100 {
	height: 100%;
}
.smallLinks {
	font-size: 14px;
}

.header {
	background-color: #0d2e5f;
}
	.header:before {
		content: "";
		width: 100%;
		height: 40px;
		position: absolute;
		background-color: #093980;
	}

	.header * {
		color: #fff;
	}

	.header .logo img {
		max-width: 100%;
	}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before,
.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before {
	background-color: #fff;
}

.hamburger {
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
}

@media (max-width: 991px) {

	.sliderTitle,
	.sliderSubTitle {
		font-size: .875rem !important;
	}

	.is-active.primary {
		display: block !important;
		left: -95%;
		right: 5%;
	}
	.primary {
		position: absolute;
	    top: 100%;
	    background: #0d2e5f;
	}
		.primary li {
			width: 100%;
			border-radius: 0;
		}

		.primary .submenu {
			position: relative;
			max-height: 10000px;
			overflow: inherit;
			transform: translateY(0px);
			-webkit-transform: translateY(0px);
			border-radius: 0;
			top: 0px;
			padding-right: 20px;
			border-bottom: 1px solid #fff;
		}

	.primary .nav > .current,
	.primary .nav > .section,
	.primary .nav > li:hover,
	.submenu a,
	.submenu a:hover,
	.submenu .section a,
	.submenu .current a {
		background-color: transparent !important;
    	border-radius: 0 !important;
	}
}

.primary * {
	text-align: left;
}

.primary .nav > li {
	position: relative;
}

.primary .nav a {
	padding: 12px 25px;
	display: inline-block;
}
	.primary .nav a:hover {
		color: #fff;
		text-decoration: none;
	}

	.primary .nav > .current,
	.primary .nav > .section,
	.primary .nav > li:hover {
		background-color: rgba(255,255,255,0.1);
    	border-radius: 10px 10px 0 0;
	}

.primary .nav > li:hover .submenu {
	max-height: 10000px;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
}

.submenu {
	position: absolute;
	z-index: 100;
	top: 100%;
	max-height: 0px;
	overflow: hidden;
	transform: translateY(20px);
	-webkit-transform: translateY(20px);
	background: #0d2e5f;
	min-width: 150px;
	border-radius: 0 0 10px 10px;
}
	.submenu a {
		padding: 5px 25px !important;
		width: 100%;
		background-color: rgba(255,255,255,0.1);

	}
		.submenu a:hover,
		.submenu .section a,
		.submenu .current a {
			background-color: #0d2e5f;
		}

.headerSlider {
	max-width: 100%;
	overflow: hidden;
}

.headerSlide {
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
}

.slidePositioner {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
}
	.slidePositioner a {
		background-color: #093980;
		color: #fde200;
		text-transform: uppercase;
		padding: 10px 30px;
	}
		.slidePositioner a:hover {
			text-decoration: none;
			background-color: #fff;
			color: #093980;
		}

.sliderTitle {
	font-size: 2.5rem;
}

.sliderSubTitle {
	font-size: 3.5rem;
    font-weight: bold;
}

.yellowSlider {
	background: #fde200;
}
	.yellowSlider .yellowSlide {
		width: 100%;
	}

	.yellowSlider .yellowSlide .slideTitle {
		color: #093980;
		font-size: 2.125rem;
		line-height: 1.1;
	}

.footer {
	background-color: #3d3d3d;
}
	.footer *,
	.footer a:hover {
		color: #fff;
	}

.homeProductBox {
	background-position: center;
	background-size: cover;
	color: #fff;
	position: relative;
	overflow: hidden;
}
	.homeProductBox:before {
		content: "";
		position: absolute;
		top: 0%;
		right: 100%;
		bottom: 100%;
		left: 0px;
		background: #001550;
		opacity: 0.3;
		border-bottom-right-radius: 100%;

		-webkit-transition: all 500ms ease-in-out;  -moz-transition: all 500ms ease-in-out;  -o-transition: all 500ms ease-in-out;  transition: all 500ms ease-in-out;
	}

	.homeProductBox:hover:before {
		bottom: 0%;
		right: 0%;
		border-bottom-right-radius: 0%;
	}

	.homeProductBox > div {
		min-height: 700px;
	}

	.homeProductBox a {
		font-weight: 500;
		color: #fff;
	}

	.homeProductBox:hover .ProductPreviewText {
		transform: translateY(0px) translateX(0px);
		-webkit-transform: translateY(0px) translateX(0px);
	}

	.homeProductBox:hover .previewTitle {
		-webkit-transform: rotateX(360deg); /* Safari */
  		transform: rotateX(360deg);
	}

.hidePreviewText {
	transform: translateX(-10000%);
}

.previewTitle {
	color: #fff;
	text-transform: uppercase;
	font-size: 1.5rem;
	
}

.ProductPreviewText {
	transform: translateY(500px) translateX(-500px);
	-webkit-transform: translateY(500px) translateX(-500px);
}

.homeContent h1,
.homeContent h2,
.homeContent h3,
.homeContent h4,
.homeContent h5,
.homeContent h6 {
	color: #013b76;
	font-weight: bold;
}

.homeContent a {
	font-weight: bold;
	color: #000;
}

.productListImage {
	background-position: center;
	background-size: contain;
	background-color: #ebebeb;
	background-repeat: no-repeat;
	position: relative;
	border-top: 1px solid #fff;
}
	.productListImage:before {
		content: "";
		position: absolute;
		left: 0px;
		top: 0px;
		bottom: 0px;
		width: 1px;
		overflow: hidden;
		background-color: #fff;
	}

	.productListImage:after {
		content: "";
		position: absolute;
		right: 0px;
		top: 0px;
		bottom: 0px;
		width: 1px;
		overflow: hidden;
		background-color: #fff;
	}

	.productListImage img {
		opacity: 0;
		max-width: 100%;
	}

.blueBackground {
	background: #093980;
	color: #fde200;
}
	.blueBackground h2 {
		margin-bottom: 0px;
		padding: 2rem 0;
		color: #fde200;
	}

#Form_NewsletterForm input[type=email] {
	width: 100%;
	background-color: #ebebeb;
	border: 1px solid #ebebeb;
	padding: 2px 10px;
} 

#Form_NewsletterForm input[type=submit] {
	width: 100%;
	background-color: #093980;
	border: 1px solid #093980;
	padding: 2px 10px;
	color: #fff;
	-webkit-transition: all 500ms ease-in-out;  -moz-transition: all 500ms ease-in-out;  -o-transition: all 500ms ease-in-out;  transition: all 500ms ease-in-out;
}

	#Form_NewsletterForm input[type=submit]:disabled {
		color: #999;
		background-color: #476ba9;
	}
		#Form_NewsletterForm input[type=submit]:disabled:hover {
			color: #999;
			background-color: #476ba9;
		}

	#Form_NewsletterForm input[type=submit]:hover {
		background-color: #fff;
		color: #093980;
	}


.content a {
	color: #0d2e5f;
}

#Form_ContactForm input[type=text],
#Form_ContactForm input[type=email],
#Form_ContactForm textarea {
	width: 100%;
	background-color: #ebebeb;
	border: 1px solid #ebebeb;
	padding: 2px 10px;
	margin-bottom: 20px;
} 


#Form_ContactForm input[type=submit] {
	width: 100%;
	background-color: #093980;
	border: 1px solid #093980;
	padding: 2px 10px;
	color: #fff;
	-webkit-transition: all 500ms ease-in-out;  -moz-transition: all 500ms ease-in-out;  -o-transition: all 500ms ease-in-out;  transition: all 500ms ease-in-out;
}

	#Form_ContactForm input[type=submit]:disabled {
		color: #999;
		background-color: #476ba9;
	}
		#Form_ContactForm input[type=submit]:disabled:hover {
			color: #999;
			background-color: #476ba9;
		}

	#Form_ContactForm input[type=submit]:hover {
		background-color: #fff;
		color: #093980;
	}

.separateMe {
	border-top: 5px solid #093980;
}

.card {
	height: 100%;
}