/* ------------------------------------------------
	GLOBAL
------------------------------------------------ */

body {
		margin: 0;
		padding: 0;
		font-family: Cabin, Arial, sans-serif;
		}
		
header, nav, section, article, aside, footer {
   		display: block;
		}
		
h1, h2, h3, h4, h5, h6, p, a, input, textarea, li, div {
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		-ms-font-smoothing: antialiased;
		-o-font-smoothing: antialiased;
		font-smoothing: antialiased;
		}
		
.clearfix:before, .clearfix:after { content: " "; display: table;}
.clearfix:after { clear:both;}

.hide {
		display: none;
		}
		
.container {
		width: 1000px;
		margin: 0 auto;
		padding: 0;
		}
		
a img {
		border: none;
		}
		
a[href^=tel]{
    	color:inherit;
    	text-decoration:none;
		}
		
input.error, textarea.error { 
		background-color: #fef5f5;
		border: 2px solid #9d1616;
		}
		
label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
		width: 100%;
		margin: -15px 0 20px 0;
		padding: 0;
		color: #9d1616;
		font: 1em Cabin, Arial, sans-serif;
		}

@font-face {
		font-family: 'CabinBold';
		src: url('../fonts/cabin-bold-webfont.eot');
		src: url('../fonts/cabin-bold-webfont.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/cabin-bold-webfont.woff2') format('woff2'),
			 url('../fonts/cabin-bold-webfont.woff') format('woff'),
			 url('../fonts/cabin-bold-webfont.ttf') format('truetype'),
			 url('../fonts/cabin-bold-webfont.svg#cabinbold') format('svg');
		font-weight: normal;
		font-style: normal;
		}
	
@font-face {
		font-family: 'CabinReg';
		src: url('../fonts/cabin-regular-webfont.eot');
		src: url('../fonts/cabin-regular-webfont.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/cabin-regular-webfont.woff2') format('woff2'),
			 url('../fonts/cabin-regular-webfont.woff') format('woff'),
			 url('../fonts/cabin-regular-webfont.ttf') format('truetype'),
			 url('../fonts/cabin-regular-webfont.svg#cabinregular') format('svg');
		font-weight: normal;
		font-style: normal;
		}
		
		
/* ------------------------------------------------
	TYPOGRAPHY
------------------------------------------------ */

h1 {
		color: #000;
		font: 4em "Arial Black", Arial, sans-serif;
		text-align: center;
		text-transform: uppercase;
		}
		
h2 {
		margin: 0;
		padding: 5px 0;
		color: #000;
		font: 3em "Arial Black", Arial, sans-serif;
		line-height: 1em;
		text-align: center;
		text-transform: uppercase;
		}

.content p a {
		color: #df1f27;
		font-weight: bold;
		font-size: 1.4em;
		line-height: 4em;
		}

/* ------------------------------------------------
	HEADER
------------------------------------------------ */
		
header {
		width: 100%;
		margin: 0;
		padding: 0;
		z-index: 9999;
		background: url(../../images/header_bg.gif) top center no-repeat;
		background-size: contain;
		background-color: #df1f27;
		}
		
header .toybox {
		width: 213px;
		height: 131px;
		margin: 60px auto 30px auto;
		}
		
header .buddyl {
		width: 85%;
		margin: 0 auto 70px auto;
		}
		
header .buddylsub {
		width: 700px;
		margin: 0 auto 20px auto;
		}
		
header .buddyl img {
		display: block;
		width: 100%;
		}
		
header .buddylsub img {
		display: block;
		width: 700px;
		}
		
/* ------ Fix For Android ------ */
body { -webkit-animation: bugfix infinite 1s; }
@-webkit-keyframes bugfix { from {padding:0;} to {padding:0;} }

nav input[type=checkbox] {
   position: absolute;
   top: -9999px;
   left: -9999px;
}

header label { 
  cursor: pointer;
  user-select: none;
}

/* ------ End Fix For Android ------ */

.navigation {
		width: 100%;
		background: #a37729;
		border-top: 10px solid #000;	
		}

nav {
		width: 840px;
		margin: 0 auto;
		padding: 0;
		}

/*Hide dropdown links until they are needed*/
nav li ul {
		background: none;
		opacity: 0;
		visibility: hidden;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
		}
		
/*Display the dropdown on hover*/
nav ul li a:hover + .hidden, .hidden:hover, .hidden:active, .hidden:focus {
		opacity: 1;
		visibility: visible;
		z-index: 9999;
		}

nav ul {
		margin: 0;
		padding: 0;
		list-style: none;
		position: relative;
		}
		
nav ul:after {
		content: "";
		clear: both;
		display: block;
		}

nav ul li {
		margin: 0;
		padding: 0;
		float: left;
		font: 1.5em CabinBold, Arial, sans-serif;
		text-transform: uppercase;
		}
		
nav ul li:hover, .active {
		background: #916921;
		}

nav ul li a {
		display: block;
		margin: 0;
		padding: 20px 15px;
		color: #000;
		text-decoration: none;
		}

/*Style 'show menu' label button and hide it by default*/
.show-menu {
		text-decoration: none;
		color: #000;
		font: 1.5em CabinBold, Arial, sans-serif;
		text-transform: uppercase;
		text-align: center;
		margin: 0;
		padding: 10px 0 10px 0;
		display: none;
		background: #a37729;
		cursor: pointer;
		}

/*Hide checkbox*/
header input[type=checkbox]{
   		display: none;
		}

/*Show menu when invisible checkbox is checked*/
header input[type=checkbox]:checked ~ #menu{
    	display: block;
		}
		
.fixed {
		position: fixed;
		top: 0;
		width: 100%;
		margin: 0 auto;
		padding: -10px 0;
		text-align: center;
		z-index: 1000;
		}
		
.banner {
		width: 100%;
		margin: 0;
		padding: 0;
		border-bottom: 10px solid #000;
		}
		
.banner img {
		display: block;
		width: 100%;
		margin: 0;
		padding: 0;
		border-bottom: 25px solid #a37729;
		}
			
.extramarg {
		margin-top: 67px;
		}

.content {
		padding: 65px 0;
		}
		
.content p {
		font: 1.5em CabinReg, Arial, sans-serif;
		line-height: 1.9em;
		}
		
.content p.indent {
		margin: 0 0 0 70px;
		}
		
.content .caption {
		float: right;
		}
		
.content .caption p {
		font-size: 1em;
		font-style: italic;
		margin: 0 0 0 35px;
		text-align: center;
		}
		
.content .left {
		margin: 15px 35px 15px 0;
		padding: 5px;
		background: #df1f27;
		border: 5px solid #000;
		border-radius: 12px;
		float: left;
		}

.content .right {
		display: block;
		margin: 15px 0 15px 35px;
		padding: 5px;
		background: #df1f27;
		border: 5px solid #000;
		border-radius: 12px;
		float: right;
		}

.content .right img, .content .left img {
		display: block;
		border: 2px solid #000;
		}
		
footer {
		width: 100%;
		margin: 0;
		padding: 10px 0 80px 0;
		background: url(../../images/footer_bg.gif) bottom center no-repeat;
		background-size: contain;
		background-color: #df1f27;
		}
		
footer p {
		text-align: center;
		color: #fff;
		}
		
footer p a {
		color: #fff;
		}
		
.specs {
		width: 100%;
		margin: 0;
		padding: 30px 0;
		}
		
.twocol {
		width: 46%;
		margin: 0;
		padding: 0 1%;
		float: left;
		}
		
.twocol p {
		font-size: 1.5em;
		}
		
.twocol p span, .content .row p span {
		font-family: CabinBold, Arial, sans-serif;
		text-decoration: underline;
		}
		
.headline-bar {
		width: 100%;
		padding: 10px;
		background: #a37729;
		border-top: 10px solid #000;
		border-bottom: 10px solid #000;
		}
		
.content .row {
		display: block;
		width: 100%;
		}
		
.row .two {
		width: 350px;
		margin: 0 0 0 25px;
		float: right;
		overflow: auto;
		}
		
.content .copyleft {
		width: 640px;
		float: left;
		}
		
.content .copyright {
		width: 350px;
		float: right;
		}
		
.center {
		width: 550px;
		margin: auto;
		}
		
.callout {
		width: 800px;
		margin: 0 auto;
		padding: 5px 9px 5px 5px;
		background: #df1f27;
		border: 5px solid #000;
		border-radius: 12px;
		}
		
.callout a {
		display: block;
		padding: 0;
		margin: 0;
		}
		
.callout img {
		display: block;
		width: 100%;
		border: 2px solid #000;
		}
		
 p.contact {
		text-align: center;
		}
		
p.tagline {
		margin: 40px 0 0 0;
		text-align: center;
		font-family: CabinBold, CabinReg, Arial, sans-serif;
		font-size: 2em;
		color: #a37729;
		text-transform: uppercase;
		}

@media screen and (min-width : 761px) and (max-width : 999px){
	
.container {
		width: 730px;
		margin: 0 auto;
		padding: 0;
		}

nav {
		width: 740px;
		}

nav ul li {
		font: 1.3em CabinBold, Arial, sans-serif;
		}

nav ul li a {
		padding: 20px 13px;
		}
		
.content .copyleft {
		width: 380px;
		float: left;
		}
		
.content .copyright {
		width: 350px;
		float: right;
		}
		
.callout {
		width: 100%;
		margin: 0 auto;
		}
		
.fixed {
		position: inherit;
		top: inherit;
		width: inherit;
		margin: inherit;
		padding: inherit;
		text-align: inherit;
		z-index: inherit;
		}
			
.extramarg {
		margin-top: inherit;
		}
		
		

}
		

@media screen and (max-width : 760px){	

.container {
		width: 90%;
		margin: 0 auto;
		padding: 0;
		}

/* ------------------------------------------------
	HEADER
------------------------------------------------ */

header {
		position: inherit;
		}
		
header .toybox {
		width: 213px;
		height: 131px;
		margin: 20px auto 30px auto;
		}
		
header .buddyl {
		width: 85%;
		margin: 0 auto 40px auto;
		}
		
header .buddylsub {
		width: 85%;
		margin: 0 auto 20px auto;
		}
		
header .buddylsub img {
		display: block;
		width: 100%;
		}

nav {
		display: block;
		width: 100%;
		margin: 0;
		padding: 0;
		float: none;
		}
	
.hidden, nav ul ul {
		display: block;
		}

/*Display the dropdown on hover*/
nav ul li a:hover + .hidden, .hidden:hover {
		display: block;
		position: inherit;
		}
		
/*Make dropdown links appear inline*/
nav ul {
		position: inherit;
		display: none;
		}

nav ul li {
		background: #a37729;
		}
		
nav ul li a {
		display: block;
		margin: 0;
		padding: 15px 0;
		color: #000;
		text-align: center;
		text-decoration: none;
		}
		
nav ul ul li {
		background: #ea8243;
		}
		
nav ul ul li a {
		width: inherit;
		padding: 15px 0;
		color: #fff;
		}

/*Make all menu links full width*/
nav ul li, li a {
		width: 100%;
		padding: 0;
		}

/*Display 'show menu' link*/
.show-menu {
		display:block;
		}
		
.content .caption {
		display: inline-block;
		float: none;
		}
		
.content .left {
		display: inline-block;
		margin: 0;
		float: none;
		}

.content .right {
		display: inline-block;
		margin: 0;
		float: none;
		}
		
.content .right img, .content .left img {
		max-width: 250px;
		}
		
.row .two {
		width: 100%;
		margin: 0;
		float: none;
		}
		
.row .two div {
		margin: 5px 0;
		}
		
.twocol {
		width: 100%;
		margin: 0;
		padding: 0;
		float: none;
		}
		
.content .copyleft {
		width: 100%;
		float: none;
		}
		
.content .copyright {
		width: 100%;
		float: none;
		}
		
.content .copyright div {
		margin-bottom: 10px;
		}
		
.center {
		width: 100%;
		margin: auto;
		}
		
.callout {
		width: 100%;
		margin: 0 auto;
		}
		
.fixed {
		position: inherit;
		top: inherit;
		width: inherit;
		margin: inherit;
		padding: inherit;
		text-align: inherit;
		z-index: inherit;
		}
			
.extramarg {
		margin-top: inherit;
		}
		
}
		
.mfp-with-zoom .mfp-container,
    .mfp-with-zoom.mfp-bg {
      opacity: 0;
      -webkit-backface-visibility: hidden;
      -webkit-transition: all 0.3s ease-out; 
      -moz-transition: all 0.3s ease-out; 
      -o-transition: all 0.3s ease-out; 
      transition: all 0.3s ease-out;
    }
    
    .mfp-with-zoom.mfp-ready .mfp-container {
        opacity: 1;
    }
    .mfp-with-zoom.mfp-ready.mfp-bg {
        opacity: 0.8;
    }
    
    .mfp-with-zoom.mfp-removing .mfp-container, 
    .mfp-with-zoom.mfp-removing.mfp-bg {
      opacity: 0;
    }