/*
Theme Name: MediCamp - HTML5 medical and health template
Author: ThemeFast
Version: 1.0
Demo URL : http://themefast.net/html/tf/medicamp-preview
Description: MediCamp - HTML5 medical and health template is a Multipurpose medical and health template. You can use it on manyy purposes. As like Creative Business, Corporate, medical, hospitals purposes. Medicamp is compatible with smartphones, tablets , desktop PCs, laptops, and all web browsers will be able to view your high-quality content.
*/
/*-- [Table of contents]
1. Body
2. Theme default CSS
2.1 Breadcrumb
2.2 Button Style
2.3 Link Images
2.4 Section title
3. Header
3.1 Top header
3.2 main header
4. Slider
4.1 Slider nav
5. Pages
5.1 About Us
5.2 Why Us
5.3 Process
5.4 Department
5.5 Single Department
5.6 Gallery
5.7 App Download
5.8 Offer
5.9 FAQ
5.10 Insurance
5.11 Policy
5.12 Doctor
5.13 Coming Soon
5.14 Login and Sing Up
6. Sections
6.1 What we do
6.2 Feature
6.3 Call to Action
6.4 Core Features
6.5 Counter
6.6 Testimonial
6.7 Clients
6.8 Two COlumns
6.9 About Us
6.10 Team
6.11 Pricing
7. Blog
7.1 Blog area
7.2 Blog Page
7.3 Single Post
7.4 Pagination
8. Contact
9. Footer
10. ScrollUp
11. Preloader
----*/
/* Link default css*/
@import url('https://fonts.googleapis.com/css?family=Dosis:300,400,500,600,700|Open+Sans:300,400,600,700|Raleway:400,400i,500,500i,600,600i,700,700i');
@import url('assests/css/font-awesome.min.css');
@import url('assests/css/owl.carousel.min.css');
@import url('assests/css/ionicons.min.css');
@import url('assests/css/magnific-popup.css');
@import url('assests/css/et-line-fonts.css');
@import url('assests/css/animate.css');
@import url('assests/css/global.css');
@import url('assests/css/meanmenu.css');
@import url('assests/css/headeline.css');
@import url('assests/css/pe-icon-7-stroke.min.css');
/* 1. Body CSS*/
/*body {
font-family: 'Open Sans', sans-serif, 'Dosis', sans-serif;;
font-weight: normal;
font-style: normal;
}*/
.img,
img {
height: auto;
width: 100%;
transition: all 0.3s ease 0s;
}
a,
.button {
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
a:focus,
.button:focus {
text-decoration: none;
outline: none;
}
a:focus,
a:hover,
.portfolio-cat a:hover,
.footer-menu li a:hover {
text-decoration: none;
}
/*h1, h2, h3, h4, h5, h6 {
color: #232332;
font-family: "Dosis",sans-serif;
font-style: normal;
font-weight: 500;
letter-spacing: 1px;
margin-top: 0;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
color: inherit;
}*/
/*h1 {
font-size: 40px;
font-weight: 500;
}
h2 {
font-size: 35px;
}
h3 {
font-size: 28px;
}
h4 {
font-size: 22px;
}
h5 {
font-size: 18px;
}
h6 {
font-size: 16px;
}
ul {
margin: 0px;
padding: 0px;
}
li {
list-style: none
}
p {
font-size: 14px;
font-weight: normal;
line-height: 24px;
color: #555;
margin-bottom: 15px;
font-family: 'Open Sans', sans-serif;
}*/
hr {
padding: 0px;
border-bottom: 1px solid #eceff8;
border-top: 0px;
}
label {
color: #444;
cursor: pointer;
font-size: 14px;
font-weight: 400;
}
*::-moz-selection {
background: #d6b161;
color: #fff;
text-shadow: none;
}
::-moz-selection {
background: #000;
color: #fff;
text-shadow: none;
}
::selection {
background: #555;
color: #fff;
text-shadow: none;
}
*::-moz-placeholder {
color: #555555;
font-size: 14px;
opacity: 1;
}
*::placeholder {
color: #555555;
font-size: 14px;
opacity: 1;
}
/* 2. Theme default CSS*/
/* 5.6 Gallery Page CSS*/
.gallery-area {}
.main-gallery {}
.single-gallery {}
.gallery-img {
position: relative;
}
.gallery-img::before {
background: #000 none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
transition: all 0.3s ease 0s;
width: 100%;
transition: .3s;
}
.gallery-img img {}
.gallery-icon {
color: #fff;
font-size: 20px;
left: 0;
position: absolute;
text-align: center;
top: 50%;
transform: translateY(-50%);
right: 0;
opacity: 1;
transition: .3s;
visibility: hidden;
}
.single-gallery:hover .gallery-img:before{
opacity: .4;
}
.single-gallery:hover .gallery-icon{
opacity: 1;
visibility: visible;
}
.gallery-icon a {}
.gallery-icon a span {
color: #fff;
font-size: 35px;
}
/* 5.7 App Download Page CSS*/
a#scrollUp {
background: #444 none repeat scroll 0 0;
bottom: 63px;
color: #fff;
height: 40px;
line-height: 40px;
position: absolute;
right: 50px;
text-align: center;
width: 40px;
}
/*---- 11. [Preloader] */
.page-loader {
background: #fff;
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
z-index: 9998;
}
.loader {
background: #666;
position: absolute;
display: inline-block;
height: 40px;
width: 40px;
left: 50%;
top: 50%;
margin: -20px 0 0 -20px;
text-indent: -9999em;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation: ball-scale 1s 0s ease-in-out infinite;
animation: ball-scale 1s 0s ease-in-out infinite;
}
@-webkit-keyframes ball-scale {
0% {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
100% {
opacity: 0;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
}
@keyframes ball-scale {
0% {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
100% {
opacity: 0;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
}
/* css end here */