/***** 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;
}


table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address, img {  
    display: block;  
} 
/***** END RESET *****/

/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

/********** Control the Captcha **********/
.CaptchaPanel {
margin: 10px auto !important;
padding:0 0 0 0 !important;
text-align: center;
line-height:normal !important;
}

.CaptchaImage {
	border: 1px solid #333 !important;
	margin: 0px auto !important;
}

.CaptchaImagePanel {
margin:0 0 0 0;
padding:0 0 0 0 !important;
}

.CaptchaMessagePanel {
padding:0 0 0 0 !important;
margin: 5px auto !important;
font-weight:normal !important;
font-size:12px;
line-height:14px;
}

.CaptchaAnswerPanel {
margin:0 0 0 0;
padding:2px 0px 2px 0px !important;
}

.CaptchaWhatsThisPanel {
	line-height:0;
	margin: 10px auto;
	padding:8px 0 8px 0 !important;
}
.CaptchaWhatsThisPanel a {color:#000;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;} 


/***** Overall *****/
html {
	width: 100%;
	height: auto;
}

body {
	width: 100%;
	height: auto;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-weight: 400;
	text-align: center;
	font-size: 0px;
}

* {
	box-sizing: border-box;
}

h1 {
	font-family: "Roboto Condensed", Helvetica Neue, Helvetica, Arial, sans-serif;
}

p {
	font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
}

/********** Header **********/
.heading {
	width: 100%;
	height: auto;
	position: relative;
	display: inline-block;
	border-bottom: 4px solid #1C75BC;
	*background-color: aliceblue;
}

.heading .left, .heading .right {
	width: auto;
	height: auto;
	margin: 20px;
	position: relative;
	display: inline-block;
	*background-color: orange;
	font-size: 18px;
}

.heading .left a, .heading .right a {
	color: #1C75BC;
	font-size: 0px;
	transition: ease-out 0.15s;
}

.heading .left a:hover, .heading .right a:hover {
	color: #0E4F7D;
	transition: ease-in 0.15s;
}

.heading .left p, .heading .right p {
	position: relative;
	display: inline-block;
	font-size: 18px;
	font-weight: 700;
	*color: #1C75BC;
	vertical-align: middle;
	transition: ease-out 0.15s;
}

.heading .left {
	text-align: left;
	float: left;
}

.heading .right {
	text-align: right;
	float: right;
}

.heading .left .icon, .heading .right .icon {
	width: auto;
	height: auto;
	position: relative;
	display: inline-block;
	vertical-align: middle;
}

.heading .left .icon {
	margin: 0px 10px 0px 0px;
}

.heading .right .icon {
	margin: 0px 0px 0px 10px;
}

.heading .left .icon img, .heading .right .icon img {
	width: auto;
	height: 28px;
}

.heading .logo {
	width: auto;
	height: auto;
	margin: 20px 0px 0px 0px;
	position: relative;
	display:inline-block;zoom: 1;*display: inline;
	*background-color: orange;
}

.heading .logo img {
	width: auto;
	height: 115px;
}

/********** Content **********/
.content1 {
	width: 100%;
	height: auto;
	position: relative;
	display: inline-block;
	*background-color: pink;
}

.content1 .slideshow {
	width: 100%;
	*height: 750px;
	height: auto;
	position: relative;
	display: inline-block;
	*background-color: orange;
	background: url(../siteart/images/photo.jpg);
	background-position: center;
	background-size: cover;
}

.slideshow .button-section1 {
	width: 100%;
	height: auto;
	position: absolute;
	display: block;
	bottom: 0px;
	z-index: 999;
}

.slideshow .button {
	height: auto;
	width: auto;
	padding: 10px 20px;
	margin: 20px;
	border: 5px solid #fff;
	box-shadow: 0px 0px 20px #000;
	position: relative;
	bottom: 0px;
	display: inline-block;
	background-color: #0E4F7D;
	transition: ease-out 0.15s;
}

.slideshow .button:hover {
	background-color: #fff;
	transition: ease-in 0.15s;
}

.slideshow .button h2 {
	font-size: 60px;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
	transition: ease-out 0.15s;
}

.slideshow .button:hover h2 {
	color: #0E4F7D;
	transition: ease-in 0.15s;
}

.mobile-buttons .button {
	width: calc(100% - 72px);
	height: auto;
	margin: 10px auto;
	position: relative;
	display: none;
	border: 5px solid #fff;
	background-color: #0E4F7D;
}

.mobile-buttons .button:hover {
	background-color: #fff;
	transition: ease-in 0.15s;
}

.mobile-buttons .button h2 {
	font-size: 60px;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
}

.mobile-buttons .button:hover h2 {
	color: #0E4F7D;
}

.content1 .staff1 {
	width: 340px;
	*height: 300px;
	height: auto;
	margin: 15px;
	position: relative;
	display: inline-block;
	*background-color: pink;
}

.content1 .staff1 .left {
	height: 150px;
	width: 100px;
	margin-right: 10px;
	position: relative;
	display: inline-block;
	background-color: lightgrey;
	vertical-align: top;
}

.content1 .staff1 .right {
	height: 150px;
	width: 230px;
	position: relative;
	display: inline-block;
	text-align: left;
	*background-color: green;
	vertical-align: top;
}

.content1 .staff1 .right h2 {
	font-size: 24px;
	text-align: left;
	margin-bottom: 0px;
	color: #1C75BC;
	text-transform: uppercase;
}

.content1 .staff1 .right h3 {
	font-size: 14px;
	text-transform: uppercase;
	color: gray;
	margin-bottom: 15px;
}

.content1 .staff1 .right p {
	font-size: 16px;
	line-height: normal;
	margin-bottom: 15px;
	color: gray;
}

.content1 .staff1 .right p strong {
	color: #1C75BC;
}

.content1 .staff1 .right p a {
	color: gray;
	text-decoration: none;
	transition: ease-out 0.15s;
}

.content1 .staff1 .right p a:hover {
	color: #1C75BC;
	transition: ease-in 0.15s;
}

.page-heading {
    font-size: 60px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 20px;
    color: #333;
}

/********** Search Bar **********/
.searchBar {
	width: 100%;
	height: auto;
	position: relative;
	display: inline-block;
	background-color: #333;
}

.searchBar label {
	font-size: 14px;
	display: block;
	text-transform: uppercase;
	text-align: left;
	font-weight: 700;
	color: #fff;
}

.searchBar .medium-2_5 {
	width: auto;
	margin: 15px 20px;
	display: inline-block;
}

.searchBar .medium-2 {
	width: auto;
	display: inline-block;
}

.searchBar #Manu {
	width: 300px;
	height: 24px;
}

.searchBar #catid {
	width: 300px;
	height: 24px;
}

.searchBar .float-left {
	width: 300px;
	height: 24px;
}

.searchBar .search {
	width: 100px;
	font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-weight: 700;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	border: 2px solid #fff;
	color: #fff;
	background-color: transparent;
	box-sizing: border-box;
	transition: ease-out 0.15s;
}

.searchBar .search:hover {
	background-color: #fff;
	color: #333;
	transition: ease-in 0.15s;
	cursor: pointer;
}

/********** Back to Content **********/
.summary1 {
	width: 1200px;
	max-width: calc(100% - 36px);
	margin: 36px auto;
	position: relative;
	display: inline-block;
}

.summary1 h1 {
	font-size: 60px;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 20px;
	color: #333;
}

.summary1 p {
	font-size: 18px;
	line-height: 32px;
}

.logoBar {
	width: 80%;
	height: auto;
	position: relative;
	display: inline-block;
	border-top: 1px solid #808285;
	border-bottom: 1px solid #808285;
	*background-color: orange;
}

.content1 .button-section2 {
	width: 100%;
	height: auto;
	margin: 36px auto;
	position: relative;
	display: inline-block;
	*background-color: orange;
}

.photo-button1, .photo-button2, .photo-button3, .photo-button4 {
	width: 300px;
	height: 150px;
	margin: 0px 20px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
}

.photo-button1 {
	background: url(../siteart/images/buttons/iStock-610263376.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	transition: ease-out 0.15s;
}

.photo-button1:hover {
	background-size: 120% auto;
	transition: ease-in 0.15s;
}

.photo-button2 {
	background: url(../siteart/images/buttons/AdobeStock_42353088.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	transition: ease-out 0.15s;
}

.photo-button2:hover {
	background-size: 120% auto;
	transition: ease-in 0.15s;
}

.photo-button3 {
	background: url(../siteart/images/buttons/iStock-463484955.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	transition: ease-out 0.15s;
}

.photo-button3:hover {
	background-size: 120% auto;
	transition: ease-in 0.15s;
}

.photo-button4 {
	background: url(../siteart/images/buttons/iStock-520809477.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	transition: ease-out 0.15s;
}

.photo-button4:hover {
	background-size: 120% auto;
	transition: ease-in 0.15s;
}

.photo-button1 h2, .photo-button2 h2, .photo-button3 h2, .photo-button4 h2, .photo-button1 h2 {
	font-size: 48px;
	text-transform: uppercase;
	text-align: center;
	margin: 46px auto;
	color: #fff;
}

.content1 .contacting {
	width: 100%;
	height: auto;
	position: relative;
	display: inline-block;
	background: url(../siteart/images/subtle_dots.png);
	background-repeat: repeat;
	background-color: #808285;
}

.contacting h2 {
	font-size: 60px;
	text-transform: uppercase;
	text-align: center;
	margin: 20px auto;
	color: #fff;
}

.contacting .contacting-info {
	width: auto;
	height: auto;
	margin: 0px 20px;
	position: relative;
	display: inline-block;
	*background-color: orange;
	vertical-align: top;
}

.contacting .contacting-info a {
	text-decoration: none;
}

.contacting-info h2 {
	font-size: 20px;
	letter-spacing: 1px;
	margin: 0px auto;
	color: #fff;
}

.contacting-info p {
	font-size: 20px;
	line-height: 28px;
	letter-spacing: 1px;
	color: #fff;
}

.summary1 .contacting-info2 {
	width: auto;
	height: auto;
	margin: 0px 20px 20px 20px;
	position: relative;
	display: inline-block;
	*background-color: orange;
	vertical-align: top;
}

.summary1 .contacting-info2 a {
	text-decoration: none;
}

.summary1 .contacting-info2 h2 {
	font-size: 20px;
	letter-spacing: 1px;
	margin: 0px auto;
	color: #1C75BC;
}

.summary1 .contacting-info2 p {
	font-size: 20px;
	line-height: 28px;
	letter-spacing: 1px;
	color: #808285;
	transition: ease-out 0.15s;
}

.summary1 .contacting-info2 p:hover {
	color: #1C75BC;
	transition: ease-in 0.15s;
}

.contacting .map {
	width: 1200px;
	max-width: calc(100% - 72px);
	height: 200px;
	margin: 36px auto;
	position: relative;
	display: block;
	background-color: orange;
}

/********** Logo Slider **********/
.slick-slide img { height: 75px; padding: 15px 0; }

.slick-next:before {
background: url(../siteart/next.png) no-repeat 50% 50% #eb3119;
right: 45px;
}

.slick-prev:before {
background: url(../siteart/prev.png) no-repeat 50% 50% #eb3119;
left: 45px;
}

.slick-next:before, .slick-prev:before {
	background-size: 20px;
	position: absolute;
	content: ' ';
	z-index: 99999999;
	width: 25px;
	height: 25px;
	border-radius: 3px;
	opacity: 1;
	top: 0;
	display: none !important;
}

button.slick-prev.slick-arrow {
	position: absolute;
	z-index: 999;
	display: none !important;
}

.slick-slide img {
	display: block;
	height: 100px;
	padding: 25px 0;
}

.slick-slide { 
	display: table;
	padding: 0 36px 0 0;
}

a, button, .button, a:hover, button:hover, .button:hover, button.mobile_btn::after, a img, #menu-main li > a:after, ul.sliderCTA li, ul.sliderCTA li a h2, .cta a .overlay, .cta a p::after, .cta a h2, header, a h4  {
		-webkit-transition:all .45s ease;
		-moz-transition:all .45s ease;
		-ms-transition:all .45s ease;
		-o-transition:all .45s ease;
		transition:all .45s ease;
		outline: none !important;
	}
	
.logoBar a:hover img { opacity: .65; }

/********** Form **********/
form {
	width: 100%;
}

.form h3 {
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#submit {
	width: 200px;
	height: 50px;
	margin: 10px auto;
	background-color: transparent;
	border: 5px solid #0E4F7D;
	position: relative;
	display: inline-block;
	color: #0E4F7D;
	font-weight: 700;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-top: 9px;
}

#submit:hover {
	background-color: #0E4F7D;
	color: #fff;
	transition: ease-in-out 0.15s;
	cursor: pointer;
}

.input {
	width: 250px;
	display: inline-block;
}

.input input {
	padding: 10px;
	font-size: 18px;
	display: inline-block;
	position: relative;
	margin: 9px;
	color: #333;
	letter-spacing: 0.5px;
}

.input1 {
	display:  block;
	margin: 30px auto;
}

.input2 {
	margin: 9px auto;
	display: block;
}

.input2 input {
	padding: 10px;
	*font-family: 'Century Schoolbook', Times, Times New Roman, serif;
	font-size: 18px;
	display: inline-block;
	position: relative;
	color: #333;
	width: 500px;
	letter-spacing: 0.5px;
}

.message {

	display: block;
	margin: 10px auto;
}

.agreement {
	position: relative;
	display: inline-block;
	width: 500px;
	background-color: #333;
	height: 400px;
	overflow: auto;
	*text-align: left;
	margin: 9px auto;
	box-sizing: border-box;
}

.agreement p {
	padding: 18px;
	text-align: left;
	font-size: 16px;
}

.accept {
	width: 500px;
	display: inline-block;
	position: relative;
	box-sizing: border-box;
	margin: 9px auto;
	*font-family: "Century Schoolbook", Times, Times New Roman, serif;
}

.message textarea {
	padding: 10px;
	font-size: 18px;
	display: inline-block;
	position: relative;
	color: #333;
	width: 500px;
	height: 300px;
	letter-spacing: 0.5px;
	font-family: Arial, sans-serif;
}

::placeholder {
	color: #AEAEAE;
}

::-ms-input-placeholder {
	color: #AEAEAE;
}

:-ms-input-placeholder {
	color: #AEAEAE;
}

::-webkit-input-placeholder {
	color: #AEAEAE;
}


.CaptchaWhatsThisPanel {
	display: none;
}

#CaptchaAnswer {
	padding: 10px;
}

/********** Inventory **********/
.body-wrapper {
	text-align: left;
}

.hosted-content .red, .hosted-content .redtext, .hosted-content .field-validation-error {
	font-size: 14px;
}

#listings-title {
	text-align: left;
	color: #1C75BC;
}

/********** Social Media **********/
.facebook, .twitter {
	width: 35px;
	height: 35px;
	margin: 0px 10px;
	position: relative;
	display: inline-block;
	*background-color: pink;
	vertical-align: top;
}

/********** Footer **********/
.footing {
	width: 100%;
	height: auto;
	position: relative;
	display: inline-block;
	background-color: #1C75BC;
}

.divfooter {
	width: 80%;
	margin: 20px auto;
	font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #fff;
}

.footerlink {
	color: #fff;
}

/************************************************ Responsive Styles **/
@media screen and (max-width: 1550px) and (min-width: 1281) {
	.heading .left, .heading .right {
		margin: 20px;
	}
	
	.heading .logo {
		margin: 20px 0px 0px 0px;
	}
	
	.photo-button1, .photo-button2, .photo-button3, .photo-button4 {
		width: 250px;
		height: 175px;
	}
	
	.photo-button1, .photo-button2, .photo-button3, .photo-button4 {
		background-size: auto 100%;
	}
	
	.photo-button1:hover, .photo-button2:hover, .photo-button3:hover, .photo-button4:hover {
		background-size: auto 120%;
	}
	
	.photo-button1 h2, .photo-button2 h2, .photo-button3 h2, .photo-button4 h2 {
		font-size: 44px;
		margin: 60px auto;
	}
}


@media screen and (max-width: 1280px) and (min-width: 1024px) {
	.heading {
		padding-bottom: 20px;
	}
	
	.heading .left, .heading .right {
		margin: 20px;
	}
	
	.heading .logo {
		margin: 20px 0px 0px 0px;
	}
	
	.slideshow .button {
		margin: 15px;
	}
	
	.slideshow .button h2 {
		font-size: 40px;
	}
	
	.searchBar .medium-2_5 {
		margin: 15px;
	}
	
	.searchBar #Manu {
		width: 250px;
	}
	
	.searchBar #catid {
		width: 250px;
	}
	
	.searchBar .float-left {
		width: 250px;
	}
	
	.searchBar .float-left {
		width: 250px;
	}
	
	.summary1 h1 {
		font-size: 48px;
		margin-bottom: 10px;
	}
	
	.summary1 p {
		font-size: 16px;
		line-height: 24px;
	}
	
	.photo-button1, .photo-button2, .photo-button3, .photo-button4 {
		margin: 10px 20px;
	}
	
	.contacting h2 {
		font-size: 48px;
	}
	
	.contacting-info h2 {
		font-size: 18px;
	}
	
	.contacting-info p {
		font-size: 18px;
		line-height: 24px;
	}
}


@media screen and (max-width: 1023px) and (min-width: 771px) {
	.heading {
		padding-bottom: 20px;
	}
	
	.heading .left p, .heading .right p {
		display: none;
	}
	
	.heading .left, .heading .right {
		margin: 20px;
	}
	
	.heading .logo {
		margin: 20px 0px 0px 0px;
	}
	
	.slideshow .button {
		margin: 15px;
	}
	
	.slideshow .button h2 {
		font-size: 36px;
	}
	
	.searchBar .medium-2_5 {
		margin: 15px 10px;
	}
	
	.searchBar #Manu {
		width: 180px;
	}
	
	.searchBar #catid {
		width: 180px;
	}
	
	.searchBar .float-left {
		width: 180px;
	}
	
	.summary1 h1 {
		font-size: 40px;
		margin-bottom: 10px;
	}
	
	.summary1 p {
		font-size: 16px;
		line-height: 24px;
	}
	
	.summary1 {
		margin: 20px auto;
	}
	
	.logoBar {
		display: none;
	}
	
	.content1 .button-section2 {
		margin: 10px auto;
	}
	
	.photo-button1, .photo-button2, .photo-button3, .photo-button4 {
		margin: 10px;
	}
	
	.contacting h2 {
		font-size: 40px;
	}
	
	.contacting-info h2 {
		font-size: 16px;
	}
	
	.contacting-info p {
		font-size: 16px;
		line-height: 20px;
	}
	
	.contacting .map {
		margin: 20px auto;
	}
}
	

@media screen and (max-width: 770px) {
	.heading {
		padding-bottom: 20px;
	}
	
	.heading .left p, .heading .right p {
		display: none;
	}
	
	.heading .left .icon {
		margin: none;
	}

	.heading .left {
		margin: 15px 0px 0px 15px;
	}
	
	.heading .right {
		margin: 15px 15px 0px 0px;
	}
	
	.heading .left .icon img, .heading .right .icon img {
		height: 24px;
	}
	
	.heading .logo {
		margin: 20px 0px 0px 0px;
		width:50%;
	}
	
	.heading .logo img {
		height: auto;
		max-width:100%;
	}
	
	.mobile-buttons {
		display: block;
	}
	
	.mobile-buttons a {
		text-decoration: none;
	}
	
	.slideshow .button-section1 {
		display: none;
	}
	
	.mobile-buttons .button {
		display: block;
	}
	
	.mobile-buttons .button:hover {
		border: 5px solid #0E4F7D;
	}
	
	.mobile-buttons .button h2 {
		font-size: 48px;
	}
	
	.searchBar label {
		text-align: center;
	}
	
	.searchBar .medium-2_5 {
		width: 100%;
		margin: 10px auto;
		display: block;
	}
	
	.searchBar .search {
		margin: 15px auto;
		display: block;
	}
	
	.summary1 {
		margin: 20px auto;
	}
	
	.summary1 h1 {
		font-size: 36px;
		margin-bottom: 10px;
	}
	
	.sumamry1 p {
		font-size: 16px;
		line-height: 24px;
	}
	
	.logoBar {
		display: none;
	}
	
	.content1 .button-section2 {
		margin: 20px auto;
	}
	
	.photo-button1, .photo-button2, .photo-button3, .photo-button4 {
		margin: 10px auto;
		display: block;
	}
	
	.photo-button1 h2, .photo-button2 h2, .photo-button3 h2, .photo-button4 h2 {
		margin: 47px auto;
		display: inline-block;
	}
	
	.contacting h2 {
		font-size: 36px;
	}
	
	.contacting .contacting-info {
		margin: 20px auto;
		display: block;
	}
	
	.contacting-info h2 {
		font-size: 16px;
	}
	
	.contacting-info p {
		font-size: 16px;
		line-height: 24px;
	}
	
	.contacting .map {
		margin: 20px auto;
	}
	
	.input2 input {
		width: 100%;
	}
	
	.message textarea {
		width: 100%;
	}
	
	.content1 .staff1 {
		width: 300px;
	}
	
	.content1 .staff1 .right {
		width: 190px;
	}
	
	.content1 .staff1 .right h2 {
		font-size: 20px;
	}
	
	.content1 .staff1 .right h2 {
		font-size: 12px;
	}
	
	.content1 .staff1 .right p {
		font-size: 14px;
	}
	
	.facebook, .twitter {
		display: none;
	}
}