﻿/***** BEGIN RESET *****/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    background:transparent;
    border:0;
    margin:0;
    padding:0;
}

ol, ul {list-style: none;}
.clear {clear: both; height:0px; margin:0;}

/***** END RESET *****/


body {
	color:#000;
	font-family: 'Montserrat', sans-serif;
	margin:0;
	-webkit-text-size-adjust: none;
	line-height: 1.6;
	overflow-x: hidden;
}

td {vertical-align: top;}


/***** Global text link style *****/

a {
    text-decoration:none;
    color:#000;
	-webkit-transition:all .3s ease;
	-ms-transition:all .3s ease;
	transition:all .3s ease;
}
a:hover  {
    text-decoration:underline;
}

h1 { font-size:40px; font-family: 'Montserrat', sans-serif; font-weight:700; }
h2 { font-weight:700; font-size:36px; font-family: 'Montserrat', sans-serif; }
h3 { font-weight:400; font-size:32px; font-family: 'Montserrat', sans-serif; }
h4 { font-weight:700; font-size:26px; font-family: 'Montserrat', sans-serif; }
h5 { font-weight:700; font-size:20px; font-family: 'Montserrat', sans-serif; }

p { /*margin-bottom:15px;*/ font-size:18px; font-family: 'Montserrat', sans-serif; }
	 
.wrapper {
	width:96%;
	margin:0 auto;
	max-width:1200px;
}

.wrapper-lrg {
    width: 85%;
    margin: 0 auto;
}

.wrapper-sml {
	width:92%;
	margin:0 auto;
	max-width:1000px;
}

.wrapper-smler {
	width:85%;
	margin:0 auto;
	max-width:800px;
}

.padding20 { margin:0 auto; padding:20px 0; }
.padding50 { margin:0 auto; padding:50px 0; }
.padding200 { margin:0 auto; padding:100px 0; }

/**SPANS**/
.topblue { font-weight:700; font-style:italic; font-size:14px; }
.center { text-align:center; }
.italic { font-style:italic; }
.bold { font-weight:700; }
.small { font-weight:400; font-size:10px; }

/**FORMS**/
input {
	padding:5px;
	box-sizing:border-box;
	width:100%;
	margin:5px 0 10px 0;
	
}

input[type=checkbox],
input[type=radio]{ 
	width: 30px;
}

form {
	vertical-align:top;
	margin:0 auto;
}

/*===================== 
                HEADER 
=======================*/
.blue-header {
  background-color:#00529a;/*blue*/
  border-bottom:2px solid #F7CB01 /*yellow*/;
}

.small-box-logo {
	width: 33%;
    box-sizing: border-box;
    text-align: center;
    margin: 0 auto;
    display: inline-block;
    vertical-align: top;
	padding:20px;
}

.small-box-logo img {
	max-width:100%;	
	display: inline-block;
}

.small-box {
	width: 33%;
    box-sizing: border-box;
    text-align: right;
    margin: 0 auto;
    display: inline-block;
    vertical-align: top;
	padding: 46px 0;
}

.small-box a { color:#fff; font-weight:400; }
.small-box a:hover { color:#F7CB01 /*yellow*/; text-decoration:underline!important;}

.small-box h5 { font-size:20px; color:#fff; font-weight:400; }
.small-box h5 a { color:#fff; text-decoration:none!important;}
.small-box h5 a:hover { color:#F7CB01 /*yellow*/; }



/*===================== 
                BODY 
=======================*/
.about-main {
	margin: 0 auto;
	width:100%;	
	background:#fff;
	color:#000;
}

.about-info-text {
	width: 55%;
    float: left;
    padding: 62px 0;
	line-height: 1.3;
}

.about-info-text p {
	font-weight:400;
	font-size:16px;	
}


/*.about-info-text h3 {
	font-weight:700;
	color:#00529a;
	text-transform:uppercase;
}*/
.about-info-text h5 {
	font-weight:700;
	color:#F7CB01 /*yellow*/;
	font-style:italic;
}

.about-info-text h3 { 
	font-weight:700;
	color:#F7CB01 /*yellow*/;
	font-style:italic;
}
.about-info-text h1 { 
	font-weight:700;
	color:#00529a;/*blue*/
	text-transform:uppercase;
}

.about-info {
	margin: 0 auto;
	float:left;
}

.about-info img {
	width:85%;
	height:100%;
	display:block;
}

.main-home {
	display: block;
	max-width: 100%;
	margin: 0 auto;
	padding: 250px 0 40px 0;
	background:url(../siteart/StoreFront.PNG) center center no-repeat;
		background-size: auto auto;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.main-text {
	width:100%;
	margin:0 auto;
}

.go-center {
	text-align:center;
}

/**button1**/
	.button1 {
		width:55%;
		box-sizing: border-box;
		position:relative;
		overflow:hidden;
		background:rgba(255, 255, 255, 0.78);
		color:#00529a;/*blue*/
		font-size:28px;
		font-weight:700;
		display:inline-block;
		padding: 20px 10px;
		text-align:center;
		border:5px solid #00529a;/*blue*/
		text-transform:uppercase;
		margin:10px 0;
	}

	a .button1 {
		-webkit-transition:all .3s ease;
		-ms-transition:all .3s ease;
		transition:all .3s ease;
	}
	
	a:hover .button1 {
		color:#F7CB01; /*yellow*/
		background:#00529a;/*blue*/
		border:5px solid #F7CB01; /*yellow*/
		text-shadow:none;
	}

.hvr-shrink {
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    display: block;
    box-sizing: border-box;
    text-align: center;
    margin: 0 auto;
}
.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
	-webkit-transform: scale(0.97);
	transform: scale(0.97);
}

/*===================== 
                SCROLLING INVENTORY 
=======================*/
.scrolling-wrap {
    width:100%;
    height:90px;
    overflow:hidden;
	background:#00529a;/*blue*/
	border-top:6px solid #00529a;/*blue*/
}
 
.scrolling{
    width:100%;
    height:92px;
}

/*===================== 
                MAP 
=======================*/
.map {
	margin: 0 auto;
	width:100%;
}

/*===================== 
                CONTACT INFO 
=======================*/
.contact-boxes {
	margin: 0 auto;
	box-sizing:border-box;
	width:100%;
}

.contact-boxes h2 {
	color:#00529a;/*blue*/
	padding-bottom:20px;
}


.contact-boxes img {
	width:15px;
	margin:0 auto;
}

.contact-boxes a {
	font-size:16px;
	color:#000;
	text-decoration:underline;
}

.contact-boxes a:hover {
	color:#F7CB01 /*yellow*/;
	text-decoration:none;
}

.contain60 {
	width: 60%;
    margin: 0 auto;
    box-sizing: border-box;
    float: left;
    padding: 10px 5px;
}

.contain40 {
	width: 40%;
    margin: 0 auto;
    box-sizing: border-box;
    float: left;
    padding: 10px 5px;
	display:inline-block;
	max-width:100%;
}


/*===================== 
               QUICK LINKS
=======================*/
.quick-links-contain {
	width:100%;
	margin:0 auto;
	border-top:6px solid #00529a;/*blue*/
	background:#fff;
}

.quick-box {	
	margin:0 auto;
	width:25%;
	min-height:145px;
	float:left;
	padding: 50px 0;
	display:inline-block;
}

.quick-box img {
	display:inline-block;
	margin: 0 auto;
	width:25px;
}

.quick-box p {
	font-size:12px;	
	color:#000;
}

.quick-box a {
	font-size:12px;
	color:#000;
	font-weight:400;
	text-decoration:underline;
}

.quick-box a:hover {
	color:#F7CB01 /*yellow*/;
	text-decoration:underline;
}

/*===================== 
                FOOTER 
=======================*/
.footer-wrapper {
		background:#00529a;/*blue*/
		margin:0 auto;	
		padding:20px 0;
		border-top:#F7CB01 /*yellow*/ solid 5px;
	}
	.footer-container {
		width: 100%;
		margin: 0 auto;	
	}
	.left-side {
		display:inline-block;
		text-align:left;
		font-weight:700;
		box-sizing:border-box;
		width: 49%;
		text-transform:uppercase;
		vertical-align:middle;
	}
	.left-side p {
		margin-bottom:0;
		font-size:12px;
		color:#fff;
		font-weight:400;
	}
	.left-side a {
		font-size:12px;
		color:#fff;
		font-weight:400;
		text-decoration:underline;
	}
	.left-side a:hover {
		text-decoration:underline;
		color:#F7CB01 /*yellow*/;
		-webkit-transition:all .3s ease;
		-ms-transition:all .3s ease;
		transition:all .3s ease;
	}
	.right-side {
		display:inline-block;
		text-align:right;
		box-sizing:border-box;
		width: 49%;
		text-transform:uppercase;
		font-weight:400;
	}
	.right-side p {
		font-size:12px;
		font-weight:400;
		color:#fff;
		text-decoration:none;
	}
	.right-side a {
		font-size:12px;
		font-weight:400;
		color:#fff;
		text-decoration:underline;
	}
	.right-side a:hover {
		text-decoration:underline;
		color:#F7CB01 /*yellow*/;
		-webkit-transition:all .3s ease;
		-ms-transition:all .3s ease;
		transition:all .3s ease;
	}
	
	
/*===================== 
                Responsive styles 
=======================*/
@media screen and (max-width: 1250px) { 
	.about-info-text {
		margin: 0;
		padding: 20px 0;
		width: 100%;
	}
	
	.about-info {
		width: 100%;
		text-align:center;
	}
	
	.about-info img {
		width:50%;
		max-width:100%;
		display:inline-block;
		margin-top: 20px;
		border: 1px solid #000;
	}
	.contain40 {
		width:100%;	
		text-align:center;
	}
	.contain60 {
		width:100%;	
		text-align: center;
	}
}

@media screen and (max-width: 1000px) {
	.small-box { width: 100%; padding: 22px 0; text-align:center;}
	.small-box-logo { width: 49%; padding: 10px 20px; }
	
	.quick-box a { font-size:10px; font-weight:400; }
}
@media screen and (max-width: 820px) {
	.padding20 { padding:10px 0; }
	.padding50 { padding:20px 0; }
	
	.button1 { width: 92%; }
	.main-home { padding: 120px 0 40px 0; }
	
	.quick-box { padding:20px; width:40%; }	
}
@media screen and (max-width: 768px) {
}	
@media screen and (max-width: 700px) {
	.right-side { width: 100%; text-align:center; }
	.right-side a { font-size:10px; }
	.right-side p { font-size:10px; }
	.left-side { width: 100%; text-align:center; }
	.left-side a { font-size:10px; }
	.left-side p { font-size:10px; }

}
@media screen and (max-width: 570px) {
	.small-box-logo { width: 100%; padding: 10px 0; }
	.about-info img { width: 85%; }
	.about-info-text { text-align: center; }
	
	.quick-box { text-align:center; }
	.quick-box img { padding-top:20px; width:70%; }
}
@media screen and (max-width: 480px) {
}