@import url(https://fonts.googleapis.com/css?family=Shadows+Into+Light+Two);
@font-face { font-family: 'TrajanPro-Regular'; src: url('../fonts/TrajanPro-Regular_gdi.eot'); src: url('../fonts/TrajanPro-Regular_gdi.eot?#iefix') format('embedded-opentype'), url('../fonts/TrajanPro-Regular_gdi.woff') format('woff'), url('../fonts/TrajanPro-Regular_gdi.ttf') format('truetype'), url('../fonts/TrajanPro-Regular_gdi.svg#TrajanPro-Regular') format('svg'); font-weight: 400; font-style: normal; font-stretch: normal; unicode-range: U+0020-25CA;
}
.login-page, .register-page { background: #ffffff none repeat scroll 0 0; }
.login-box, .register-box { background: #f3f3f3 none repeat scroll 0 0; }
.login-box-body, .register-box-body { background: #f3f3f3 none repeat scroll 0 0; border-top: 0 none; padding: 20px; }
.login-box, .register-box { margin: 5% auto; }
.logo { width: 16%; }
.logo img { max-width: 100%; height: auto; }
/*.login-logo a, .register-logo a {
  color: #ffffff;
}*/

/*.login-box-body  a, .register-box-body  a{ color:#ff8b08;}

.login-box-body  button.btn-flat {background-color:#ff8b08; }
*/

header { display: inline-block; width: 100%; }
.header-text { padding-left: 30px; width: 84%; }
header .header-text h1 { color: #ff9310; font-family: "TrajanPro-Regular"; font-size: 40px; margin-top: 50px; }
header .header-text h1 span { color: #787971; }
header .header-text .tagline { border-top: 2px solid #787971; color: #787971; font-family: "TrajanPro-Regular"; font-size: 18px; margin-top: 24px; padding: 10px 0; }
.header-text { padding-left: 30px; }
.foot-info-conatainer { background: #767769 none repeat scroll 0 0; color: #ffffff; font-size: 28px; padding: 10px 0; }
.foot-info-conatainer ul li { display: inline; margin: 0 1%; }
.foot-info-conatainer ul li span { color: #f19729; font-weight: 600; }
.foot-info-conatainer ul { margin-bottom: 0; padding: 0; }
.foot-info-conatainer p { margin: 0; }
.copyright { color: #434436; display: block; font-size: 20px; font-weight: 600; margin-top: 15px !important; }
.serving-text { margin-bottom: 10px !important; position: relative; text-align: right; text-transform: capitalize; }
.serving-text span { background: #767769 none repeat scroll 0 0; color: #f19729; font-family: "Shadows Into Light Two", cursive; font-size: 30px; font-weight: normal; margin-right: 30px; padding: 0 10px; position: relative; z-index: 999; }
.serving-text::after { background: #f19729 none repeat scroll 0 0; content: ""; display: block; height: 2px; position: absolute; top: 22px; width: 100%; }
.footer-login-regiter::before { background-image: url(../img/grass-bg.jpg); background-repeat: repeat-x; background-position: left bottom; content: ""; display: block; height: 83px; width: 100%; }
.main-footer::before { background-image: url(../img/grass-bg-grey.jpg); background-repeat: repeat-x; background-position: left bottom; content: ""; display: block; height: 72px; width: 100%; }
.main-footer { padding: 0; border: none; }
.main-sidebar, .left-side { padding-top: 100px; }
.main-header .logo { height: 105px; }
.skin-blue .main-header .logo { background-color: #ffffff !important; }
.logo-mini { padding: 25px 5px; }
.brand-name .header-text { padding-left: 30px; padding-top: 15px; width: auto; }
.brand-name .header-text h1 { font-size: 30px; margin-top: 0; }
.brand-name .header-text .tagline { font-size: 15px; margin-top: 0; padding: 5px 0; }
.brand-name .header-text h1 span { }
.skin-blue .main-header .navbar { background-color: #fff; }
.navbar-custom-menu > .navbar-nav > li { position: relative; top: 25px; }
.skin-blue .main-header .navbar .nav > li > a { color: #ff9310 !important; }
.navbar-nav > .user-menu .user-image { border: 1px solid #cccccc; }
.skin-blue .main-header .navbar .sidebar-toggle { background: #cccccc none repeat scroll 0 0; color: #ffffff; margin-top: 24px; }






/*################  Responsive css here ###################*/
/*###################################################*/

@media (max-width:1440px) {
header .header-text h1 { font-size: 36px; margin-top: 15px; }
.foot-info-conatainer { font-size: 24px; }
.main-footer .foot-info-conatainer { font-size: 18px; font-weight: 600; }
.main-footer .serving-text span { font-size: 25px; }
}
 @media (max-width:1365px) {
.brand-name .header-text h1 { font-size: 28px; }
}
 @media (max-width:1279px) {
.foot-info-conatainer { font-size: 20px; font-weight: 600; }
header .header-text h1 { font-size: 26px; margin-bottom: 0; margin-top: 10px; }
header .header-text .tagline { margin-top: 10px; }
.brand-name .header-text h1 { font-size: 18px; padding-bottom: 5px; }
.brand-name .header-text { padding-left: 15px; padding-top: 23px; width: auto; }
}
 @media (max-width:1023px) {
header .header-text h1 { font-size: 20px; }
header .header-text .tagline { font-size: 12px; margin-top: 10px; padding: 5px 0; }
.foot-info-conatainer ul li { font-size: 14px; }
.copyright { font-size: 16px; }
.serving-text { text-align: center; }
.brand-name .header-text h1 { font-size: 11px; }
.brand-name .header-text .tagline { font-size: 10px; }
}
 @media only screen and (min-width :767px) and (max-width :1023px) {
.login-box, .register-box { margin: 5% auto 44%; }
}
 @media (max-width:767px) {
header .header-text h1 { font-size: 15px; }
.main-header { max-height: 180px; }
.brand-name .header-text { display: none; }
.logo-lg > img { max-width: 160px !important; }
.skin-blue .main-header .navbar .sidebar-toggle { margin-top: 0; }
.main-sidebar, .left-side { padding-top: 155px; }
.navbar-custom-menu > .navbar-nav > li { display: none; }
.skin-blue .main-header .navbar { background-color: #f39c12; }
}
 @media (max-width:666px) {
.logo { width: 20%; }
.header-text { padding-left: 5px; width: 80%; }
header .header-text h1 { font-size: 14px; }
}
 @media (max-width:567px) {
.logo { text-align: center; width: 100%; }
.logo img { margin-top: 5px; max-width: 160px; }
.header-text { padding-left: 0 5px; ; width: 100%; }
header .header-text h1 { font-size: 18px; text-align: center; }
header .header-text .tagline { text-align: center; }
.serving-text span {
  font-size: 16px;
  margin: 0;
}

.serving-text::after {
  width: 90%;
}
.foot-info-conatainer ul li { display: inline-block; margin: 0; width: 100%; }
.foot-info-conatainer p { margin: 0; padding: 0 15px; }
}