/*
Theme Name: Medical Omi - HTML Template
Theme URL:
Author: Media City
Author URI: https://themeforest.net/user/media-city
Creation Date: 20 December 2017
Description: A default stylesheet for Medical Omi - HTML Template.
Version: 1.0
*/
/*=======================================================================
[Table of Contents]
=========================================================================
01. Typography
02. General
03. Navbar
04. Home
05. About
06. Features
07. Facts
08. Testimonials
09. Blog
10. Contact
11. Footer
/* =============== Colors Used =====================
Black: #1A1A1A;
Black Light: #3A3A3A;
Blue: #e96125;
Blue Dark: #166788;
Grey: #F8F8F8;
White: #FFF;
===================================================*/
/* ================================= */
/*===== Typography =====*/
/* ================================= */
body {
font-family: "Lato", sans-serif;
line-height: 1.64;
color: #1A1A1A;
font-size: 14px;
font-weight: 300;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-weight: 500;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
color: #1A1A1A;
font-family: "Lato", sans-serif;
font-weight: 600;
line-height: 1.1;
text-transform: uppercase;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
h1 {
font-size: 62px;
}
h2 {
font-size: 45px;
}
.ctab{
background: #e96125;
color: white;
padding: 13px;
border-radius: 10px;
}
h3 {
font-size: 30px;
}
h4 {
font-size: 26px;
}
h5 {
font-size: 24px;
}
h6 {
font-size: 18px;
}
a {
color: #e96125;
line-height: 1.3;
-webkit-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
}
a:hover,
a:focus {
color: #3A3A3A;
text-decoration: none;
}
a:active {
text-decoration: none;
}
p {
font-family: "Lato", sans-serif;
line-height: 1.64;
color: #3A3A3A;
font-size: 14px;
font-weight: 300;
}
blockquote {
font-size: 15px;
font-weight: 400;
font-style: italic;
line-height: 1.64;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
::-webkit-input-placeholder {
color: #1A1A1A !important;
}
::-moz-placeholder {
color: #1A1A1A !important;
}
::-ms-input-placeholder {
color: #1A1A1A !important;
}
::-o-input-placeholder {
color: #1A1A1A !important;
}
button {
-webkit-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.uk-nav-dropdown li a {
color: #1A1A1A;
}
.uk-nav-dropdown li a:hover {
background-color: #e96125;
}
.uk-nav-dropdown li a:focus {
background-color: #e96125;
}
/* ================================= */
/*===== General =====*/
/* ================================= */
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
background-color: #F5F5F5;
border-radius: 10px;
}
::-webkit-scrollbar {
width: 10px;
background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color:#e96125;
height: 100px;
}
.uk-cover {
overflow: hidden;
}
.uk-cover-background {
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
}
.uk-cover-object {
position: relative;
width: auto;
height: auto;
min-width: 100%;
min-height: 100%;
max-width: none;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.uk-slider {
position: relative;
z-index: 0;
touch-action: pan-y;
}
.uk-slider:not(.uk-grid) {
margin: 0;
padding: 0;
list-style: none;
}
.uk-slider > * {
position: absolute;
top: 0;
left: 0;
}
.uk-slider-container {
overflow: hidden;
}
.uk-slider:not(.uk-drag) {
-webkit-transition: -webkit-transform 200ms linear;
transition: transform 200ms linear;
}
.uk-slider img {
pointer-events: none;
}
.uk-slider-fullscreen,
.uk-slider-fullscreen > li {
height: 100vh;
}
.uk-dotnav {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.uk-dotnav > * {
padding: 0 7px 30px;
}
.uk-dotnav:before,
.uk-dotnav:after {
content: "";
display: block;
overflow: hidden;
}
.uk-dotnav:after {
clear: both;
}
.uk-dotnav > * > * {
display: block;
box-sizing: content-box;
width: 10px;
height: 10px;
border-radius: 100%;
background: rgba(50, 50, 50, 0.1);
text-indent: 100%;
overflow: hidden;
white-space: nowrap;
}
.uk-dotnav-contrast > * > * {
background: #e96125;
}
.uk-dotnav-contrast > * > :hover,
.uk-dotnav-contrast > * > :focus {
background: #e96125;
}
.uk-dotnav-contrast > * > :active {
background: #e96125;
}
.uk-dotnav-contrast > .uk-active > * {
background: #e96125;
}
.uk-button {
padding: 4px 22px;
border: 1px solid transparent;
background-color: #e96125;
color: #FFF;
font-weight: 600;
text-transform: uppercase;
}
.uk-button:hover {
border-color: #e96125;
background-color: transparent;
color: #1A1A1A;
}
.btn-white {
border: 1px solid blue;
background-color: #FFF;
color: #1A1A1A;
}
.btn-white:hover {
border-color: #e96125;
background-color: #e96125;
color: #1A1A1A;
}
.section-heading {
font-weight: 400;
text-transform: none;
line-height: 1.3;
}
.section-heading span {
color: #e96125;
font-weight: 700;
text-transform: uppercase;
}
.overlay-bg {
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
}
@media (max-width: 767px) {
.section-heading {
font-size: 32px;
}
}
/* ================================= */
/*===== Navbar =====*/
/* ================================= */
.top-bar {
padding: 10px 0;
background-color: #e96125;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=0, Color=#1A1A1A)";
-moz-box-shadow: 0 3px 6px rgba(26, 26, 26, 0.2);
-webkit-box-shadow: 0 3px 6px rgba(26, 26, 26, 0.2);
box-shadow: 0 3px 6px rgba(26, 26, 26, 0.2);
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color=#1A1A1A);
}
.top-bar-text {
color: #FFF;
}
.top-bar-text a {
color: #FFF;
}
.top-bar-text span {
font-weight: 700;
}
.top-bar-text i {
margin-right: 10px;
}
.nav-bar {
padding: 20px 0;
background-color: #FFF;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=18, Direction=0, Color=#1A1A1A)";
-moz-box-shadow: 0 15px 18px -10px rgba(26, 26, 26, 0.1);
-webkit-box-shadow: 0 15px 18px -10px rgba(26, 26, 26, 0.1);
box-shadow: 0 15px 18px -10px rgba(26, 26, 26, 0.1);
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=18, Direction=135, Color=#1A1A1A);
}
.uk-navbar {
position: absolute;
z-index: 1;
right: 0;
left: 0;
}
.uk-navbar .uk-navbar-nav {
padding-top: 10px;
}
.uk-navbar .uk-navbar-nav li {
margin-right: 7px;
}
.uk-navbar .uk-navbar-nav li:last-child {
margin-right: 0;
}
.uk-navbar .uk-navbar-nav li a {
color: #1A1A1A;
font-family: "Lato", sans-serif;
font-weight: 600;
background-color: transparent;
text-transform: uppercase;
}
.uk-navbar .uk-navbar-nav li a:hover {
color: #e96125;
}
.uk-navbar .uk-navbar-nav .uk-active a {
color: #e96125;
}
.uk-navbar-nav > li > a[href='#'] {
cursor: pointer;
}
/*Search*/
.search-icon {
margin-top: 20px;
margin-left: 10px;
}
.search-icon i {
font-size: 18px;
}
.search {
position: fixed;
z-index: 999999;
top: 0;
left: 0;
width: 100%;
height: 80px;
padding-top: 10px;
margin-top: 42px;
opacity: 1;
background-color: #FFF;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: transform 0.5s linear;
-moz-transition: transform 0.5s linear;
-ms-transition: transform 0.5s linear;
-o-transition: transform 0.5s linear;
transition: transform 0.5s linear;
}
.search::-webkit-input-placeholder {
color: #FFF;
}
.search::-moz-placeholder {
color: #FFF;
}
.search::-ms-input-placeholder {
color: #FFF;
}
.search::-o-input-placeholder {
color: #FFF;
}
.search .search-container {
position: relative;
padding: 0 100px;
margin-top: 30px;
}
.search.active {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.search-box {
width: 97%;
border: none;
font-size: 16px;
color: #1A1A1A;
background: none;
}
.search-close {
position: absolute;
right: 100px;
top: 0;
padding: 5px 15px;
color: #e96125;
}
.search-close:hover {
color: #e96125;
}
.search input:focus {
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.uk-sticky-placeholder .uk-navbar.uk-active {
background-color: #FFF;
}
/* Mobile Navigation */
.nav-off-toggle {
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
color: #1A1A1A;
}
.nav-off-toggle:hover {
color: #1A1A1A;
}
.uk-nav-offcanvas {
margin: 50px 0;
}
.uk-offcanvas-bar {
background-color: #3778DF;
}
.uk-nav-offcanvas li a {
color: rgba(255, 255, 255, 0.7);
padding: 12px 20px;
background-color: transparent;
font-size: 14px;
text-transform: uppercase;
}
.uk-nav-offcanvas > li:nth-child(n+2) > a {
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
/* ================================= */
/*===== Home =====*/
/* ================================= */
.home-main-block {
position: relative;
width: 100%;
height: 115vh;
}
.home-main-block .uk-container {
position: relative;
}
.home-main-block .uk-overlay-background {
background: rgba(0, 0, 0, 0.8);
}
.home-main-block .uk-button:hover {
background-color: transparent;
color: #FFF;
}
.home-dtl {
padding-top: 140px;
}
.home-dtl p {
padding-bottom: 20px;
color: #FFF;
}
.home-sub-heading {
padding-bottom: 5px;
color: #FFF;
text-transform: none;
}
.home-heading {
padding-bottom: 15px;
color: #FFF;
}
.appointment-form-block {
margin-top: 170px;
}
.appointment-form {
padding: 30px;
background-color: #F1F1F1;
}
.appointment-form .form-group {
position: relative;
}
.appointment-form .form-group i {
position: absolute;
top: 0;
right: 15px;
transform: translateY(50%);
}
.appointment-form .form-control {
width: 100%;
height: 40px !important;
margin-bottom: 20px;
outline: none;
-webkit-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.appointment-form .form-control:focus, .appointment-form .form-control:active {
background: #FFF !important;
border-color: #e96125 !important;
}
.appointment-form .form-textarea {
height: 70px !important;
border-width: 1px;
border-style: solid;
border-color: #DDD;
}
.appointment-form .form-textarea::-webkit-input-placeholder {
padding-left: 4px;
}
.appointment-form .form-textarea::-moz-placeholder {
padding-left: 4px;
}
.appointment-form .form-textarea::-ms-input-placeholder {
padding-left: 4px;
}
.appointment-form .form-textarea::-o-input-placeholder {
padding-left: 4px;
}
.appointment-form .uk-button {
width: 100%;
}
.appointment-form .uk-button:hover {
color: #1A1A1A;
}
.appointment-heading-block {
padding: 40px 20px;
background-color: #e96125;
}
.appointment-heading-block i {
margin-right: 10px;
font-size: 25px;
}
.appointment-heading {
margin-bottom: 0;
color: #FFF;
}
@media (min-width: 1600px) {
.home-dtl {
padding-top: 220px;
}
.appointment-form-block {
margin-top: 220px;
}
}
@media (min-width: 1400px) {
.home-main-block {
height: 105vh;
}
}
@media (max-width: 992px) {
.home-main-block {
height: 100vh;
}
.home-dtl {
padding-top: 220px;
}
}
@media (max-width: 767px) {
.home-main-block {
height: 100vh;
}
.home-dtl {
padding-top: 190px;
}
.home-heading {
font-size: 35px;
}
}
/* ================================= */
/*===== About =====*/
/* ================================= */
.about-main-block {
padding: 100px 0;
}
.about-text {
padding-bottom: 20px;
}
.about-img img {
width: 100%;
}
@media (max-width: 992px) {
.about-block {
margin-bottom: 50px !important;
}
}
/* ================================= */
/*===== Features =====*/
/* ================================= */
.features-main-block {
padding: 90px 0 95px;
background-color: #F8F8F8;
}
.features-main-block .section {
padding-top: 60px;
}
.features-block:hover .features-icon i {
color: #e96125;
}
.features-icon {
margin-bottom: 5px;
}
.features-icon i {
font-size: 40px;
-webkit-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.features-heading {
text-transform: none;
}
@media (max-width: 992px) {
.features-main-block .section {
padding-top: 0;
}
.features-info {
margin-bottom: 50px !important;
text-align: center;
}
}
@media (max-width: 767px) {
.features-main-block {
padding-bottom: 35px;
}
.features-block {
margin-bottom: 50px !important;
}
}
/* ================================= */
/*===== Facts =====*/
/* ================================= */
.facts-img img {
width: 100%;
}
.facts-block {
padding: 0 70px;
}
.facts-text {
padding-bottom: 30px;
}
.number-box {
position: relative;
margin: 0 auto;
width: 140px;
height: 140px;
border: 2px solid #e96125;
border-radius: 100%;
margin-bottom: 20px;
}
.number {
position: absolute;
top: 50%;
right: 0;
left: 0;
margin: 0 auto;
transform: translateY(-50%);
}
.facts-heading {
font-size: 18px;
text-transform: none;
}
@media (max-width: 992px) {
.facts-block {
padding-top: 30px;
padding-bottom: 60px;
}
.facts-img {
margin-bottom: 50px !important;
}
}
@media (max-width: 767px) {
.facts-main-block {
padding-bottom: 35px;
}
.facts-block {
padding: 30px 25px;
}
.item {
margin-bottom: 50px !important;
}
}
/* ================================= */
/*===== Testimonials =====*/
/* ================================= */
.testimonials-main-block {
position: relative;
padding: 90px 0 100px;
}
.testimonials-main-block .uk-container {
position: relative;
}
.testimonials-main-block .uk-overlay-background {
background: rgba(0, 0, 0, 0.8);
}
.testimonials-main-block .section {
padding-bottom: 50px;
}
.testimonials-main-block .section-heading {
color: #FFF;
}
.testimonials-main-block .uk-position-bottom {
bottom: -120px;
}
.testimonials-dtl {
position: relative;
padding: 30px;
border-radius: 5px;
margin-top: 50px;
background-color: #FFF;
}
.testimonials-dtl p {
padding: 30px 0 15px;
color: #1A1A1A;
font-weight: 400;
}
.client-img {
position: absolute;
top: -50px;
right: 0;
left: 0;
width: 100px;
height: 100px;
margin: 0 auto;
}
.client-name {
margin-bottom: 5px;
}
.client-dtl {
color: #e96125;
font-style: italic;
}
@media (max-width: 992px) {
.testimonials-main-block .uk-container {
padding: 0 50px;
}
}
@media (max-width: 767px) {
.testimonials-main-block .uk-container {
padding: 0 25px;
}
}
/* ================================= */
/*===== Blog =====*/
/* ================================= */
.blog-main-block {
padding: 90px 0 105px;
}
.blog-main-block .section {
margin-bottom: 70px;
}
.blog-main-block .section:after {
right: 0;
left: 0;
margin: 0 auto;
}
.blog-block {
position: relative;
outline: 5px solid #F3F3F3;
background-color: #FFF;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=17, Direction=0, Color=#3A3A3A)";
-moz-box-shadow: 0 7px 17px -6px rgba(58, 58, 58, 0.2);
-webkit-box-shadow: 0 7px 17px -6px rgba(58, 58, 58, 0.2);
box-shadow: 0 7px 17px -6px rgba(58, 58, 58, 0.2);
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=17, Direction=135, Color=#3A3A3A);
-webkit-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.blog-block .uk-overlay-background {
opacity: 0;
background-color: rgba(55, 120, 224, 0.5);
}
.blog-block i {
position: absolute;
font-size: 20px;
top: 50%;
right: 0;
left: 0;
margin: 0 auto;
transform: translateY(-50%);
}
.blog-block:hover {
box-shadow: none;
}
.blog-block:hover .uk-overlay-background {
opacity: 1;
-webkit-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.blog-block:hover .blog-img img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.blog-block:hover .post-dtl {
border-color: #e96125;
}
.blog-block:after {
position: absolute;
width: 102.7%;
height: 5px;
bottom: -5px;
right: 0;
left: -5px;
background-color: #e96125;
content: '';
}
.blog-img {
width: 100%;
overflow: hidden;
text-align: center;
}
.blog-img img {
-webkit-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.post-dtl {
position: relative;
padding: 30px;
-webkit-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.post-dtl p {
padding-bottom: 15px;
}
.post-icon {
position: absolute;
width: 46px;
height: 46px;
border: 3px solid #FFF;
border-radius: 100%;
top: -23px;
right: 30px;
background-color: #e96125;
line-height: 46px;
text-align: center;
}
.post-icon i {
color: #FFF;
}
.post-meta {
padding-bottom: 5px;
}
.post-author {
display: inline-block;
padding-bottom: 5px;
margin-right: 10px;
font-weight: 500;
text-transform: uppercase;
color: #1A1A1A;
}
.post-author:hover {
color: #e96125;
}
.post-date {
display: inline-block;
text-transform: uppercase;
}
.post-date a {
color: #1A1A1A;
}
.post-date:hover a {
color: #e96125;
}
.post-title a {
color: #1A1A1A;
text-transform: none;
}
.post-title a:hover {
color: #e96125;
}
@media (max-width: 992px) {
.blog-main-block {
padding-bottom: 50px;
}
.blog-block {
margin-bottom: 50px !important;
}
}
/* ================================= */
/*===== Contact =====*/
/* ================================= */
.contact-main-block {
background-color: #F8F8F8;
}
.contact-main-block .section {
padding-bottom: 20px;
}
.contact-main-block .section .section-heading {
line-height: 1;
}
.map-banner {
width: 100%;
height: 680px;
}
.contact-block {
padding: 0 70px;
}
.contact-block .appointment-form {
padding: 0;
background-color: transparent;
}
.contact-block .appointment-form p {
margin-bottom: 20px;
}
@media (max-width: 992px) {
.map-banner {
height: 400px;
}
}
@media (max-width: 767px) {
.contact-block {
padding: 50px 25px;
}
}
/* ================================= */
/*===== Footer =====*/
/* ================================= */
.footer-main-block {
position: relative;
padding-top: 100px;
}
.footer-main-block .uk-container {
position: relative;
}
.footer-main-block .uk-overlay-background {
background: rgba(0, 0, 0, 0.9);
}
.footer-block {
padding-bottom: 50px;
}
.footer-widget p {
color: #FFF;
}
.widget-heading {
margin-bottom: 30px;
color: #FFF;
}
.footer-doctors li,
.footer-departments li {
margin-bottom: 10px;
}
.footer-doctors a,
.footer-departments a {
color: #FFF;
}
.footer-doctors a:hover,
.footer-departments a:hover {
color: #e96125;
}
.newsletter .uk-form-controls {
width: 100%;
height: 50px !important;
border-color: transparent !important;
}
.newsletter .uk-form-controls:focus {
background-color: #FFF !important;
}
.newsletter .uk-button {
border-radius: 0;
height: 50px;
}
.newsletter .uk-button:hover {
border-color: transparent;
background-color: #FFF;
border-left-color: #e96125;
}
.copyright-block {
position: relative;
padding: 15px 0;
border-top: 2px solid rgba(255, 255, 255, 0.6);
}
.copyright-block .uk-container {
position: relative;
padding-top: 10px;
padding-bottom: 10px;
}
.copyright-block p {
padding-top: 10px;
color: #FFF;
}
.footer-social {
padding-top: 15px;
text-align: right;
}
.footer-social li {
display: inline-block;
margin-right: 20px;
text-align: center;
-webkit-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.footer-social li:last-child {
margin-right: 0;
}
.footer-social li i {
color: #FFF;
font-size: 20px;
-webkit-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.footer-social li:hover i {
color: #e96125;
}
@media (max-width: 992px) {
.footer-block {
padding-bottom: 50px;
}
.footer-widget {
margin-bottom: 50px !important;
}
.widget-heading {
font-size: 17px;
}
}
@media (max-width: 767px) {
.footer-widget {
margin-bottom: 50px !important;
}
.copyright-text p {
margin-bottom: 20px;
text-align: center;
}
.footer-social {
text-align: center;
}
}
/*# sourceMappingURL=style.css.map */