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

/*Header*/
#header-wrapper { width: 100%; float: left; height: auto; padding: 0px; margin: 0px; }
#header-inner { width: 1200px; height: auto; padding: 0px; margin: 0px auto; }
.header-bg { width: 100%; float: left; position: relative; }
.clearfix:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; }
header { width: 100%; height: auto; position: fixed; top: 0; left: 0; z-index: 999; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
header .logobg img { width: 290px; max-width: 100%; float: left; margin-top: 25px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
header.smaller { height: auto; background: #0e4e88; }
header.smaller .logobg img { /*width:180px;
	margin-top:10px;*/
display: none; }
header.smaller .header-contact { display: none; }
header.smaller .top-menu { float: right; font-family: 'Work Sans', sans-serif; font-weight: 300; margin-top: 20px !important; height: 35px; text-align: right; clear: none; padding-top: 0px; }
header .logosmall { width: 0px; height: 40px; background: url(../images/logo2.png) no-repeat; float: left; margin-top: 5px; }
header.smaller .logosmall { width: 200px; -webkit-transition: all 0.9s; -moz-transition: all 0.9s; -ms-transition: all 0.9s; -o-transition: all 0.9s; transition: all 0.9s; }
header .logobg { float: left; position: absolute; }
header .header-contact { width: 250px; float: right; color: #ffffff; font-family: 'Work Sans', sans-serif; font-weight: 500; margin-top: 12px; background: #f77f43; font-size: 16px; text-align: center; padding: 3px 0px 5px 0px; text-decoration: none; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
header .top-menu { padding-top: 10px; float: right; font-family: 'Work Sans', sans-serif; font-weight: 300; margin-top: 0px !important; text-align: right; clear: both; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
header .top-menu ul li { display: inline-block; text-align: right; }
header .top-menu ul li a { color: #FFFFFF; text-decoration: none; text-transform: capitalize; font-size: 16px; text-transform: uppercase; padding: 8px 0px; margin-left: 30px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
header .top-menu ul li a:hover { color: #f77f43; }
header span.menu { display: none; }
header .smaller .top-menu { float: right; font-family: 'Work Sans', sans-serif; font-weight: 300; margin-top: 0px; height: auto; padding-top: 16px; border-top: 0px solid rgba(255, 255, 255, .5); text-align: right; }
/*FOOTER QUOATE*/
#homequote-wrapper { width: 100%; float: left; height: auto; padding: 0px; margin: 0px; background: #f89a3e url(../images/quatebg.png) no-repeat center; background-size: cover; }
#homequote-inner { width: 1200px; min-height: 140px; height: auto; padding: 60px 0px; margin: 0px auto; }
#homequote-inner h2.hq-head { float: left; width: 100%; text-align: center; font-family: 'Work Sans', sans-serif; font-weight: 600; color: #FFF; font-size: 35px; margin-bottom: 30px; text-shadow: 1px 1px #ab672b; }
#homequote-inner h2 { float: left; width: 100%; text-align: center; font-family: 'Work Sans', sans-serif; font-weight: 500; color: #FFF; font-size: 25px; margin-bottom: 10px; }
/*FOOTER */
#footer-wrapper { width: 100%; float: left; height: auto; padding: 0px; margin: 0px; background: #FFF; }
#footer-inner { width: 1200px; min-height: 100px; height: auto; padding: 10px 0px; margin: 0px auto; text-align: center; font-family: 'Work Sans', sans-serif; font-weight: 300; color: #868585; font-size: 13px; }
.footer-socialbg { width: 100%; float: left; padding: 30px 0 20px 0; text-align: center; }
.footer-socialbg a img:hover { transform: rotatey(360deg); -webkit-transform: rotatey(360deg); -moz-transform: rotatey(360deg); -o-transform: rotatey(360deg); -ms-transform: rotatey(360deg); transition: 0.5s all ease; -webkit-transition: 0.9s all ease; -moz-transition: 0.9s all ease; -o-transition: 0.9s all ease; -ms-transition: 0.9s all ease; }
.connectwithb { display: none; }
#footer-link { width: 100%; float: left; }
#footer-link a { font-family: 'Work Sans', sans-serif; font-weight: 300; color: #868585; font-size: 14px; line-height: 15px; margin-left: 5px; margin-right: 5px; text-decoration: none; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -o-transition: 0.5s all ease; -ms-transition: 0.5s all ease; }
#footer-link a:hover { color: #f77f43; text-decoration: underline; }
/*FOOTER COPY*/
#footercopy-wrapper { width: 100%; float: left; height: auto; padding: 0px; margin: 0px; background: #FFF; border-top: 1px solid #e5e5e5; }
#footercopy-inner { width: 1200px; height: auto; padding: 10px 0px; margin: 0px auto; text-align: center; }
#footercopy-inner p { font-family: 'Work Sans', sans-serif; font-weight: 300; color: #868585; font-size: 13px; line-height: 15px; }
#footercopy-inner a { font-family: 'Work Sans', sans-serif; font-weight: 300; color: #868585; font-size: 13px; line-height: 15px; text-decoration: none; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -o-transition: 0.5s all ease; -ms-transition: 0.5s all ease; }
#footercopy-inner a:hover { color: #f77f43; text-decoration: underline; }

/* -------------------------------  Media Query  ------------------------------- */

@media screen and (max-width: 1280px) {
#header-inner { width: 96%; }
#homequote-inner { width: 96%; }
#footercopy-inner { width: 96%; }
#footer-inner { width: 90%; }
}
 @media screen and (max-width: 900px) {
header .top-menu { padding-top: 0px; border-top: 0px solid rgba(255, 255, 255, .5); }
header span.menu { display: block; text-align: left; cursor: pointer; position: relative; }
header .top-menu ul { display: none; position: absolute; width: 200px; z-index: 9999; right: 0%; margin: 0em 0em; background: rgba(29, 28, 24, 0.93); border: 0; }
header .top-menu span.menu { display: block; }
header .top-menu ul li { display: block; float: none; text-align: left; }
header .top-menu ul li a { font-size: 14px; color: #FFF; display: block; margin: 0; padding-left: 20px; background: #8c6604; border-bottom: 1px solid #a1780d; -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; }
header .top-menu { margin-top: 0em; }
header .top-menu ul li a.active { color: #000000; }
header .top-menu ul li a:hover { color: #000000; }
#homequote-inner h2.hq-head { font-size: 30px; }
#homequote-inner h2 { font-size: 20px; margin-bottom: 5px; }
}
 @media screen and (max-width: 640px) {
#homequote-inner { padding: 40px 0px; }
#homequote-inner h2.hq-head { font-size: 30px; line-height: 32px; }
.connectwithb { display: inline; clear: both !important; }
.connectwith { display: none; }
.footer-socialbg span { width: 100%; float: left; text-align: center; }
}
 @media screen and (max-width: 500px) {
header .header-contact { display: none; }
}
 @media screen and (max-width: 360px) {
.footer-socialbg a img { width: 35px; }
}