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

/*topcontact*/
#top-contact { width: 100%; float: left; height: auto; padding: 10px 0px; margin: 0px; background: #e2e5e8; text-align: right; }
#top-contact h1 { font-family: 'PT Sans', sans-serif; color: #262626; font-weight: 600; font-size: 18px; float: right; margin-left: 30px; }
#top-contact h1 span { color: #f55a08; font-weight: 600; }
#top-contact h1 a { color: #262626; text-decoration: none; }
.logo { float: left; margin-top: 10px; margin-left: 10px; z-index: 5; position: relative; }
.header-menubg { float: right; margin-right: 20px; margin-top: 20px; z-index: 99; position: relative; }
.header-social { float: right; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
.header-social img:hover { opacity: 0.5; filter: alpha(opacity=50); /* For IE8 and earlier */ }
.top-menu { float: right; font-family: 'Roboto', sans-serif; font-weight: lighter; border-right: 1px solid #FFF; margin-right: 15px; }
.top-menu ul li { display: inline-block; float: left; }
.top-menu ul li a { float: left; color: #FFFFFF; text-decoration: none; font-size: 16px; padding: 2px 20px; margin-left: 1px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
.top-menu ul li a.active { color: #f55a08; }
.top-menu ul li a:hover { color: #f55a08; }
span.menu { display: none; }
/*FOOTER*/
#footer-top { width: 100%; float: left; height: auto; min-height: 50px; padding: 0px; margin: 0px; background: #f55a08; text-align: center; font-family: 'PT Sans', sans-serif; color: #FFF; font-size: 20px; }
.footer-mail { width: 33%; float: left; min-height: 50px; font-weight: bold; padding-top: 10px; }
.footer-call { width: 34%; float: left; background-color: #ae4d1a; background-image: url(../images/footer-callbgleft.png), url(../images/footer-callbgrightt.png); background-repeat: no-repeat; background-position: top left, top right; min-height: 50px; font-weight: bold; padding-top: 10px; text-decoration: none; color: #FFF; }
.footer-call a { text-decoration: none; color: #FFF; }
.footer-social { width: 33%; float: left; min-height: 50px; font-weight: bold; padding-top: 10px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
.footer-social img:hover { opacity: 0.5; filter: alpha(opacity=50); /* For IE8 and earlier */ }
#footer-copy { width: 100%; float: left; height: auto; padding: 20px 0px; margin: 0px; background: #444042; text-align: center; }
#footer-copy p { font-family: 'Raleway', sans-serif; font-size: 14px; color: #FFF; }
/* -------------------------------  Media Query  ------------------------------- */
@media screen and (max-width: 1070px) {
.top-menu ul li a { padding: 2px 16px; }
}
 @media screen and (max-width: 1024px) {
.top-menu ul li a { padding: 2px 10px; }
}
 @media screen and (max-width: 1000px) {
.top-menu ul li a { padding: 2px 8px; }
}
 @media screen and (max-width: 900px) {
.header-menubg { width: 210PX; }
.header-social { float: left; }
.top-menu { float: right; margin-top: 0px; margin-right: 0PX; border-left: 1px solid #FFF; border-right: 0px; padding-left: 20px; }
span.menu { display: block; text-align: left; cursor: pointer; position: relative; }
.top-menu ul { display: none; position: absolute; width: 150px; z-index: 9999; right: 0%; margin: 0em 0em; background: rgba(29, 28, 24, 0.93); border: 0; }
.top-menu span.menu { display: block; }
.top-menu span.menu:hover { opacity: 0.5; filter: alpha(opacity=50); /* For IE8 and earlier */ }
.top-menu ul li { display: block; float: none; text-align: left; }
.top-menu ul li a { float: left; width: 100%; color: #FFF; display: block; margin: 0; padding: 8px 0px 8px 20px; background: #f55a08; border-bottom: 1px solid #c4c4c2; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; }
.top-menu { margin-top: 0px; }
.top-menu ul li a.active { color: #000000; }
.top-menu ul li a:hover { color: #999999; }
#footer-top { font-size: 15px; }
.footer-mail { width: 33%; padding-top: 15px; }
.footer-mail img { height: 15px; }
.footer-call { width: 34%; padding-top: 15px; }
.footer-call img { height: 15px; }
.footer-social { width: 33%; padding-top: 15px; }
.footer-social img { height: 20px; }
}
 @media screen and (max-width: 768px) {
.logo { width: 210px; }
#footer-copy { padding: 10px 0px; }
#footer-copy p { font-size: 13px; }
#top-contact h1 { font-size: 16px; margin-left: 20px; }
}
 @media screen and (max-width: 660px) {
.footer-mail { width: 50%; padding-top: 15px; }
.footer-call { width: 50%; padding-top: 15px; background-image: none; background-color: #f55a08; }
.footer-social { width: 100%; padding-top: 15px; background: #ae4d1a; }
}
 @media screen and (max-width: 640px) {
#footer-copy p { font-size: 12px; line-height: 12px; }
}
 @media screen and (max-width: 603px) {
}
 @media screen and (max-width: 568px) {
#top-contact { padding: 5px 0px; }
#top-contact h1 { font-size: 14px; margin-left: 20px; }
}
 @media screen and (max-width: 500px) {
.logobg { float: left; width: 100%; text-align: center; }
.logo { float: none; margin: 0px; max-width: 80%; margin-top: 10px; }
.header-menubg { width: 96%; margin-top: 0px; margin-right: 2%; }
}
 @media screen and (max-width: 460px) {
.footer-mail { width: 100%; padding-top: 15px; }
.footer-call { width: 100%; padding-top: 15px; background-image: none; background-color: #ae4d1a; }
.footer-social { width: 100%; padding-top: 15px; background: #f55a08; }
}
 @media screen and (max-width: 360px) {
#top-contact h1 { font-size: 12px; margin-left: 20px; line-height: 15px; }
}