@charset "utf-8";

/* CSS Document
Project Name: zHealthEHR
Version:  1.0
Author Name: Aftabul Islam

*****=====***** TABLE OF CONTENT *****=====*****

01. IMPORTED STYLE CSS
02. GENERAL CSS
        => Form CSS
        => Placeholder Color CSS
        => BUtton CSS
        => Background Over Layer CSS
        => Default Title CSS
        => Preloader CSS
        => Pagination CSS
03. Topbar CSS
04. Header CSS
        => Nav Transparent
05. Slider CSS
        => Slider Two CSS
06. Features CSS
07. About CSS
        => About CSS Two
08. Video CSS
09. Service CSS
10. Counter CSS
11. Portfolio CSS
        => Item Hover CSS
        => Portfolio col three CSS
        => Portfolio col four CSS
        => Portfolio Title CSS
12. Newsletter CSS
13. Team CSS
        => Team Two CSS
        => Team Details CSS
14. Testimonial CSS
15. Blog CSS
        => Blog Full WD CSS
        => Blog Sidebar
        => Blog Single CSS
16. Client CSS
17. Error CSS
18. Account CSS
19. FAQ CSS
20. Contact CSS
21. Hero CSS
22. Defult Page Title CSS
23. Pricing CSS
24. Footer CSS
25. Copyright CSS
26. Demo Page CSS


*/

/*****=====*****=====*****=====*****=====
    01. IMPORTED STYLE CSS
=====*****=====*****=====*****=====*****/

/* GOOGLE FONTs */
@import url('https://fonts.googleapis.com/css?family=Dosis');
/*@font-face{font-family:'FS Albert Light';src:url("../fonts/fs-albert-light.eot");src:url("../fonts/fs-albert-light.eot?#iefix") format("embedded-opentype"), url("../fonts/fs-albert-light.woff") format("woff");}
@font-face{font-family:'FS Albert Thin';src:url("../fonts/fs-albert-thin.eot");src:url("../fonts/fs-albert-thin.eot?#iefix") format("embedded-opentype"), url("../fonts/fs-albert-thin.woff") format("woff");}
@font-face{font-family:'FS Albert Bold';src:url("../fonts/fs-albert-bold.eot");src:url("../fonts/fs-albert-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/fs-albert-bold.woff") format("woff");}
@font-face{font-family:'FS Albert Regular';src:url("../fonts/fs-albert-regular.eot");src:url("../fonts/fs-albert-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/fs-albert-regular.woff") format("woff");}
@font-face{font-family:'AvenirLTStd-Book';src:url("../fonts/avenirltstd-book.eot");src:url("../fonts/avenirltstd-book.eot?#iefix") format("embedded-opentype"), url("../fonts/avenirltstd-book.woff") format("woff");font-style:normal;font-weight:normal;}
@font-face{font-family:'AvenirLTStd-Medium';src:url("../fonts/avenirltstd-medium.eot");src:url("../fonts/avenirltstd-medium.eot?#iefix") format("embedded-opentype"), url("../fonts/avenirltstd-medium.woff") format("woff");font-style:normal;font-weight:normal;}*/


/* OTHER IMPORTED CSS */
@import "../css/font-awesome.min.css";
@import "../css/icofont.css";
@import "../css/animate.min.css";
@import "../css/animations.css";
@import "../css/VideoPopUp.css";
@import "../css/owl.carousel.min.css";
@import "../css/owl.theme.default.css";
@import "../css/magnific-popup.css";
@import "../css/preloder.css";





/*****=====*****=====*****=====*****=====
    02. General CSS
=====*****=====*****=====*****=====*****/
body {
    background: #ffffff;
    font-family: font-family: 'Dosis', sans-serif !important;
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    color: #4c4c4c;
    position: relative;
}
/* Common CSS */
h1,
h2,
h3,
h4,
h5,
h6 {
    /*font-family: 'Roboto', ;*/
    font-family: font-family: 'Dosis', sans-serif !important;
    color: #111111;
    line-height: 1.2;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 10px;
    padding: 0;
}
p {
    margin: 0;
    padding: 0;
}
a {
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
a:focus,
a:hover {
    outline: none;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
ul {
    margin: 0;
    padding: 0;
}
ul li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
img {
    width: 100%;
    max-width: 100%;
    height: auto;
}
.h5, h5{
    font-size:12px;
    font-style:italic;
    letter-spacing: 2px;
}
.btn {
    font-size: 14px;
}

/* Form CSS */

.form-control {
    resize: none;
    height: 45px;
    font-size: 14px;
    margin-bottom: 30px;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}
.form-control:focus {
    border-color: #a2a2a2;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

/* Placeholder Color CSS */
::-webkit-input-placeholder {
    color: #999999 !important;
}
::-moz-placeholder {
    color: #999999 !important;
}
:-ms-input-placeholder {
    color: #999999 !important;
}
:-moz-placeholder {
    color: #999999 !important;
}

.header-topbar-col .input-group .form-control::-webkit-input-placeholder {
    color: #ffffff !important;
}
.header-topbar-col .input-group .form-control::-moz-placeholder {
    color: #ffffff !important;
}
.header-topbar-col .input-group .form-control:-ms-input-placeholder {
    color: #ffffff !important;
}
.header-topbar-col .input-group .form-control:-moz-placeholder {
    color: #ffffff !important;
}

/* BUtton CSS */
.common-btn {
    color: #ffffff;
    background: #53CAEF;
    border: none;
    padding: 8px 25px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.common-btn:hover {
    color: #ffffff;
    background: #111111;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


/* Background Over Layer CSS */

.overlay-black {
    position: relative;
}
.overlay-black:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-color: rgba(	252, 162, 83, 1);
}
.overlay-blac {
    position: relative;
}
.overlay-blac:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-color: rgba(3,176,240, 0.8);
}
.overlay-white {
    position: relative;
}
.overlay-white:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-color: rgba(255, 255, 255, 0.9);
}

/* Default Title CSS */
.section-title {
    margin-bottom: 60px;
    text-align: center;
}
.section-title .title-style {
    position: relative;
    display: inline-block;
}
.section-title .title-style h2 {
    font-size: 36px;
    margin-bottom: 0;
}

.section-title p {
    font-weight: bold;
    margin-top: 30px;
    letter-spacing: 1px;
    font-style: italic;
}

/* Preloader CSS */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 99999999;
}
#status {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  top: 50%;
  background-image: url(../images/preloder.gif);
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px;
}

/* Scrollup CSS */
.scrollup {
    width: 40px;
    height: 40px;
    position: fixed;
    display: none;
    bottom: 20px;
    right: 20px;
    z-index: 99999;
    background-color: #53CAEF;
    color: #ffffff;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
}
.scrollup:hover {
    color: #111111;
}

/* Pagination CSS Start */
.inner-pagination {
    margin-bottom: 30px;
    margin-top: 20px;
}
.mt50 {
    margin-top: 50px;
}
.mb0 {
    margin-bottom: 0;
}

/* My Styles */
.font-roman{
	font-family: "Times New Roman", Georgia, Serif;
}

.logo-color{
	color:#05b1f0;
}

.mgn-t15{
	margin-top:15px !important;
}

/*Login*/
.login-page {
	min-width:25%;
	max-width:25%;
	padding:35px 30px 30px;
}
.login-page h3 {
	margin-bottom:25px;
}
.login-page input.login-inputs {
	width:86%;
}

/*Login Page v2*/
.login-container {
	position:relative;
	box-sizing:border-box;
	overflow:auto;
	width:400px;
	min-width:300px;
	height:auto;
	padding:25px;
	margin:100px auto 8px;
	background:#fff;
	border:solid 1px #eee;
	border-radius: 5px !important;
	box-shadow:0 0 .8em .15em rgba(10,10,10,0.1);
	font-family: 'Montserrat', sans-serif !important;
	max-height:100%;
}

.login-header {
	position:relative;
	padding:0 30px 0;
	margin-bottom:20px;
	font:inherit;
	background:#fff;
	z-index:10;
}

.login-content {
	margin:0;
	border:0;
	outline:0;
	padding:0;
}

 .login-input {
	box-sizing: border-box;
	border:2px solid #ccc;
	border-radius:4px;
	background-color: white;
	width:100%;
	height:40px !important;
	box-sizing:border-box;
	padding:10px 20px 10px 10px !important;
	font-size:14px !important;
	font-family:'Montserrat', sans-serif !important;
	color:#ccc;
	margin:0 !important;
} 

.log-link {
    color: #008fbe !important;
    text-decoration: none !important;
    font-size: 16px !important;
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif
}
.log-link:hover {
  color: #ff6d2d !important;
  text-decoration: none !important;
}
.log-link:active {
  color: #00b4f1 !important;
  text-decoration: none !important;
}
.log-link:visited {
  color: #008fbe;
  text-decoration: none;
}

#login-err {
	margin-bottom: 15px;
}

.login-logo {
	display:block;
	margin-left:auto;
	margin-right:auto;
	max-width:340px;
	max-height:56px;
}

.login-btn {
	height: 50px !important;
	font-size: 18px !important;
	margin-top:20px;
	margin-bottom:25px;
	font-weight:500;
	border-radius:5px;
    transition: box-shadow 500ms;
    text-decoration: none !important;
    text-shadow: none;
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;

}
.login-btn:hover, .login-btn:focus {
  box-shadow: 0 0 12px #7ac6ff;
}

.login-footer {
	height:auto;
	min-height: 20px;
}



/* Portrait tablet to landscape and desktop */
@media only screen and (max-width: 880px) {
  .navbar .nav > li > a {
    font-size: 14px;
  }
}

@media (max-width: 700px) {
  #page-login {
    width: 100%;
    height: 100%;
    margin-top: 0;
  }
  #login-page {
    width: 100%;
    height: 100%;
  }
  .body-bg-img {
    background-image: none !important;
    background-color: #fff;
  }
  .login-container {
    border: none !important;
    border-radius: none !important;
    box-shadow: none !important;
  }
}

@media (max-height: 750px) {
  .login-container {
    margin-top: 0;
    margin-bottom: 0;
  }
}