@charset "utf-8";
/* CSS Document */
*, a:focus { outline:none!important }
body{margin:0; padding:0;background-color: #fff; margin:0px; padding:0px; outline:none; font-family: 'PT Sans',"Helvetica Neue",Helvetica,Arial,sans-serif !important;    font-size: 13px !important; line-height: 1.42857; color: #606060 !important; }
a {text-decoration:none; color:#000000;}

.header-main{width:100%; height:120px; }
.logo { margin: 0; padding:8px 0px 0px 0px; float: left; width:100%; height:75px; float:left;}
.leftLogo{float:left; width:49%; text-align:left;}
.rightLogo{  float: right;
  /*width: 49%;*/
  text-align: right;
  padding: 0px 0px 0px 0px;
  font-size: 14px;
}

.centerbox{/*width:1000px;*/ width: 100%; height:auto; margin:auto; text-align:center;}

#menu-header{background-color:#4c4d4f; width:100%; height:58px; margin:0;}

#menu-header .menubg{ /*width:1000px;*/width: 100%; margin:auto;}
.menubottom{ width:100%; background-image:url(../images/stripBtm.jpg);  background-repeat:repeat; height:11px;margin:0; padding:0;}

.welcome{width:100%; height:auto; background:#f0f1f1 url(../images/pattern2.png) repeat; padding:50px 0px 32px 0px;}

a { color:#58595b; text-decoration: none; }
a:hover { color:#eb680e; text-decoration: none; }
h2 { font: bold 34px/34px 'PT Sans', "Helvetica Neue", Helvetica, Arial, sans-serif !important; color: #3c3c3c !important; margin: 0 0 18px 0 !important; }
h3 { font: 25px 'PT Sans', "Helvetica Neue", Helvetica, Arial, sans-serif !important; color: #FFF; margin: 10px 0 0px 0 !important; }
h4{text-transform: uppercase; color: #58595b; margin-bottom:7px; font-size:21px; font-weight:bold; font-family:'PT Sans',"Helvetica Neue",Helvetica,Arial,sans-serif; margin-top:0px; padding-top:0px;}
p{ font-family: 'Open Sans','Helvetica Neue',Arial,Helvetica,sans-serif !important; margin-bottom:20px !important;line-height: 22px !important; }

.title{ color: #58595b; margin-bottom:7px; font-size:20px; font-weight:bold; font-family:'PT Sans',"Helvetica Neue",Helvetica,Arial,sans-serif; text-align:left;}
.subtitle{ color: #58595b; font-size:18px; font-weight:bold; font-family:'PT Sans',"Helvetica Neue",Helvetica,Arial,sans-serif; text-align:left;}

.subtitle-bullet ul {margin-left:0; padding-left:0; font-size:18px; width:400px;}
.subtitle-bullet li {margin-left:-30px; padding:10px 0 5px 0; font-size:16px; list-style:none;  border-bottom:1px solid #f14b3f; width:350px;}

.subtitle-bullet li:before {
  color:#f14b3f; /* set color to red */
  content:"\2023"; /* /2022 is the numerical unicode for • */
  font-size:1.5em; /* set the font-size of the bullet if necessary. Make sure to use em or %*/
  padding-right:.45em; /* give the bullet some padding from the text Make sure to use em*/
  position:relative; list-style-position:outside;
    top:.1em; /* set the vertical position of the bullet if necessary. Make sure to use em or % */
}




.title-block{text-align:left;}

.divider{position:relative; height:1px; padding-top:4px;  border-bottom:solid 1px #f58134; margin-bottom:20px}
.divider span{display:block; width:50px; height:3px; background:#58595b; margin-top:-2px}

.location-box { background-color:#4c4d4f; padding: 57px 0 63px 0; /*height:400px;*/}
.location-box h2 { color: #ffffff !important; margin-bottom: 20px !important; }

.address { /*float:left;*//* width:225px;*/ text-align:left;}
.address .header-4 { color: #484848; font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 16px; line-height: 24px;
    letter-spacing: 1px; text-transform: uppercase; }
.contactinfo { float:left; margin-top:1px; }
.f13{ font-size:14px; color:#FFF; line-height:24px !important;  text-align:left;}

.f13 a{color:#ffffff; text-decoration:none}
.f13 a:hover{text-decoration:underline}

.f18{ font-family: 'Open Sans',"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:18px; line-height:22px; color:#f58634; }
.f16{ font-family: 'Open Sans',"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:17px; line-height:24px; color:#969495; }


ul li {list-style:none;}
.contactinfo li {margin-bottom:10px; font-size:13px; line-height: 24px; letter-spacing: 0.5px; font-family: 'Open Sans',"Helvetica Neue",Helvetica,Arial,sans-serif; color:#ffffff; text-align:justify;}	
.label { text-align:right; width:100px; height:30px; color: #ffffff; font-family: 'Open Sans',"Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 16px; line-height: 24px; letter-spacing: 1px;}

.footer-copyright { border-top: 1px solid #212121; background:#58595b url(../images/pattern1.png) repeat; font-size: 11px; padding:15px 0; text-align: center; }
@media (min-width: 768px) { .footer-copyright { text-align: left; } }
.footer-copyright a { color: #fff; }
.footer-copyright .social-links-wrapper { padding-top: 10px; }
@media (min-width: 768px) { .footer-copyright .social-links-wrapper { text-align: right; padding-top: 0; } }
.footer-copyright .social-links-wrapper .social-links { display: inline-block; vertical-align: middle; }

.FloatLeft{float:left;}
.FloatRight{float:right;}

/*========== LOCATION MAP ==========*/

.location-map .header-2 { margin-bottom:20px; }
.location-map .map { height:203px; margin-bottom:30px; padding:10px; background:#fff; -moz-box-shadow: 0px 1px 4px rgba(68,68,68,0.4);	-webkit-box-shadow:0px 1px 4px rgba(68,68,68,0.4); box-shadow: 0px 1px 4px rgba(68,68,68,0.4); text-align:center;}
		
	.header-4 { height:20px; font-size:17px; padding:0px 20px 0px 20px; color:#FFF; font-family:'Open Sans',"Helvetica Neue",Helvetica,Arial,sans-serif;}	
	.header-4 a:hover, .header-4 a.active{ height:20px; font-size:17px; margin:0 0 20px 0; color:#57b952; text-decoration:none; text-decoration:none;}
	.header-4 a{ height:20px; font-size:17px; text-decoration:none; color:#FFF;}
	
	h1{margin:30px 0px 10px 0; font:30px/30px 'Open Sans',"Helvetica Neue",Helvetica,Arial,sans-serif; text-align:left; color:#f58634; text-transform:uppercase;}
	.sBoxHead{width:100%; font:24px 'Open Sans',"Helvetica Neue",Helvetica,Arial,sans-serif; text-align:left;  color:#f58634;}
	.separator {width:100%; height:2px; background:url(separator.png) repeat-x left top; clear:both; margin:10px 0px 0px 0px;}
	
	.spacer{ width:100%;height:5px; line-height:5px;}
	.minspacer{ width:100%;height:2px; line-height:2px;}



.header {background-color: #4c4d4f;height: 58px;margin: 0;}
.header .navbar {padding: 0;z-index: 1;}
.navbar-brand {color: #fd8a17;font-size: 15px !important;text-transform: uppercase; font-family: 'Oswald', sans-serif;}
.navbar-nav {background-color: #4c4d4f;}
.navbar-nav li a {font-size: 16px;padding: 17px 60px !important;line-height: 1.5; text-transform: uppercase;color: #fff;font-family: 'Oswald', sans-serif;}
.navbar-nav li:hover a {color: #fd8a17;}
.navbar-nav li a.active {color: #fd8a17;}
.navbar-toggler {color: #fd8a17 !important;}
.banner iframe {height: 400px;}
.hcontact p {margin-bottom: 0 !important;display: inline-block;}
.hcontact p:last-child {margin-left: 15px;}
.hcontact p a {color: #58595b;}
.hcontact p a, .hcontact p strong {vertical-align: middle;}
.footer-map {float: none;}
.card {border: none;}
@media (max-width: 991px) {
	.header .navbar {padding: 12px 16px;}
	.navbar-nav li a {padding: 18px 25px !important;}
	.hcontact {margin-left: 0 !important;}
	.product-title h2 p {float: none !important;}
}
@media (min-width: 991px) {
	.navbar-brand {display: none !important;}
}
@media (max-width: 390px) {
	.leftlogo {width: 100% !important;text-align: center;float: none;}
	.rightlogo {width: 100% !important;text-align: center;float: none;}
}
@media (min-width: 768px) and (max-width: 991px) {
	#menu-indicator {left: 52.5px !important;}
	#cssmenu > ul > li > a {padding: 20px 40px !important;}
}
@media (max-width: 575px) {
	.header-main {height: 190px;}
	.leftLogo {float: none;width: 100%;text-align: center;}
	.rightLogo {float: none;width: 100% !important;text-align: center;}
	.sitelink {width: 100% !important;height: 100%;float: none;}
	.rightLogo .floatLeft {float: none;text-align: center;}
	.hcontact {float: none !important;margin-top: 0 !important;}
	.footer-copyright {margin-top: 0 !important;}
}
@media (max-width: 249px) {
	.banner iframe {height: auto;}
}
@media (min-width: 250px) and (max-width: 300px) {
	.banner iframe {height: 100px;}
}
@media (min-width: 301px) and (max-width: 380px) {
	.banner iframe {height: 120px;}
}
@media (min-width: 381px) and (max-width: 480px) {
	.banner iframe {height: 177px;}
}
@media (min-width: 481px) and (max-width: 575px) {
	.banner iframe {height: 223px;}
}
@media (min-width: 576px) and (max-width: 700px) {
	.banner iframe {height: 270px;}
}
@media (min-width: 701px) and (max-width: 800px) {
	.banner iframe {height: 310px;}
}
@media (min-width: 801px) and (max-width: 900px) {
	.banner iframe {height: 310px;}
}
@media (min-width: 901px) and (max-width: 1020px) {
	.banner iframe {height: 310px;}
}
@media (min-width: 991px) and (max-width: 1199px) {
	.navbar-nav li a {padding: 17px 50px !important;}
}


@media (max-width: 400px) {
	.video {height: auto;}
}