@charset "UTF-8";
/* CSS Document */


/* /////////////////////////// TYPOGRAPHY /////////////////////// */




/* /////////////////////////// CORE /////////////////////// */

a img { border: none; }
a {
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
}
body {
	background-color: #8b8b89;
	font-family: 'Karla', Helvetica, Arial;
}
.container {
	width: 996px;
	margin: 0 auto;
	background-color: fff;
	position: relative;
}
::selection {
	background: #43c200; /* Safari */
	color: #ffffff;
}
::-moz-selection {
	background: #43c200; /* Firefox */
	color: #ffffff;
}
html {
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}
input[type=submit] , input, textarea  {
    -webkit-border-radius:0px;  -webkit-border-radius: 0;
}


/* /////////////////////////// HEADER /////////////////////// */

.headerWrapper {
	width: 100%;
	float: left;
	position: absolute;
	z-index: 99999;
}
.headerLHS {
	width: 33%;
	margin-right: 7%;
	float: left;
}
.headerLHS svg {
	width: 100%;
	height: auto;
	padding-left: 8%;
	padding-top: 12%; 
	
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
	
}
.headerLHS svg:hover {
	opacity: 0.8;
	
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
	
}
.headerRHS {
	width: 60%;
	float: right;
	background-image: url(../images/core/navBGtile.png);
	background-repeat: repeat;
}

.primaryNav ul {
	margin: 0;
	padding: 0;
	float: left;
}
.primaryNav li {
	margin: 0;
	padding: 0;
	display: inline-block;
}
.primaryNav ul li a {
	display: block;
	padding: 10px;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	margin-right: 20px;
}
.primaryNav ul li a:hover {
	opacity: 0.8;
}
.primaryNav ul li ul {
	display: none;
    left: 0;
    margin-top: 0px;
    padding-top: 0;
    position: relative;
    top: 0;
    white-space: nowrap;
	padding-bottom: 10px;
}
.primaryNav ul li ul li {
	display:table-row;
}
.primaryNav ul li ul li a {
	font-size: 11px;
	padding: 5px 10px;
}
.primaryNav ul li:hover ul {
    /*display:block;*/
}


.socialWrapper {
	float: right;
	margin-top: 5px;
	text-align:right;
}
.socialWrapper svg {
	width: 18px;
	height: 18px;
	margin-right: 5px;
}







/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// /*
/* ///////////////////////////////////////////////////////////////////////// MEDIA QUERIES ///////////////////////////////////////////////////////////////////////// /*
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// /*

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// /*
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// /*
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// /*
/* ///////////////////////////////////////////////////////////////////////// TABLET //////////////////////////////////////////////////////////////////////////////// /*
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// /*
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// /*
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

@media (max-width: 995px) {
	
	.container {
		width: 96%;
		padding: 0 2%;
	}
	
}

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// /*
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// /*
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// /*
/* ///////////////////////////////////////////////////////////////////////// MOBILE WIDE /////////////////////////////////////////////////////////////////////////// /*
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// /*
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// /*
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */


@media (max-width: 767px) {
	
	
}


@media (max-width: 580px) {
	
	.primaryNav {
		display: none;
	}
}


@media (max-width: 480px) {
	
	
}

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// /*
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// /*
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// /*
/* ///////////////////////////////////////////////////////////////////////// MOBILE TALL /////////////////////////////////////////////////////////////////////////// /*
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// /*
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// /*
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

@media (max-width: 320px) {
	
	.container {
		width: 98%;
		padding: 0 1%;
	}
	
}