ok
Mini Shell
/*==========================
Author: Webstrot
Copyright ©2020
============================
[Table Of Contents]
-------------------------
1. index_clinic css
-------------------------
1. Body
2.Custom css/a
3.#preloader/#status
4.top_header_wrapper/.top_header_add
5.menu_wrapper/.header_logo
6.slider_main_wrapper.cc_main_slide1
7.category_wrapper/.cat_about
8.about_wrapper/.abt_box
9.appoint_wrapper/appoint_overlay
10.choose_wrapper/choose_overlay
11.team_wrapper/team_heading_wrapper
12.vedio_wrapper/vedio_heading_wrapper
13.event_wrapper/event_slider_wrapper
14.counter_wrapper/counter_overlay
15.blog_wrapper/blog_about
16.testimonial_wrapper/test_overlay
17.booking_wrapper/booking_box
18.partner_wrapper/partner_slider_img
19.newsletter_wrapper/newsletter_text
20.footer_wrapper/footer_widget_add
21.med_tittle_section
22.book_section/avail_section
23.med_doctor_info
24.portfolio_section
25.event_section
26.pricing_section
27.contact_us_section
28.abt_service_section/abt_img
--------------------------
2. index_hospital css
-------------------------
1. Body
2.Custom css
3.#preloader
4.md_header_wrapper
5.#sidebar
6.slider-area
7.serv_title_main_wrapper_2
8.about_us_section_2
9.service_wrapper_2
10.team_wrapper_2
11.counter_section_2
12.event_wrapper_2
13.testimonial_wrapper_2
14.fliter_main_wrapper_2
15.call_wrapper_2
16.blog_wrapper_2
17.booking_wrapper_2
18.partner_wrapper_2
19.newsletter_wrapper
20.footer_wrapper
21.footer_heading
-------------------------
3. index_gynecologycal css
-------------------------
1. Body
2.Custom css/a
3.#preloader
4.md_header_wrapper
5.#sidebar
6.slider-area-3
7.serv_title_main_wrapper
8.about_us_section_3
9.service_wrapper_3
10.team_wrapper
11.counter_section_3
12.event_wrapper_3
13.testimonial_wrapper_3
14.blog_wrapper_3
15.booking_wrapper_3
16.partner_wrapper_3
17.newsletter_wrapper_3
28.footer_wrapper_3
29.footer_heading
-----------------------
4. index_Dental css
-----------------------
1. Body
2.Custom css
3.#preloader
4.md_header_wrapper_4
5.#sidebar
6.#slider-area_4
7.serv_title_main_wrapper
8.about_us_section
9.service_wrapper
10.team_wrapper_4
11.counter_section_4
12.event_wrapper
13.testimonial_wrapper
14.fliter_main_wrapper
15.call_wrapper
16.blog_wrapper_4
17.booking_wrapper_4
18.partner_wrapper_4
19.newsletter_wrapper_4
20.footer_wrapper_4
21.footer_heading
-----------------------------------
5. index_orthopaedics css
----------------------------------
1.header start
2.department_services_section
3.about_orthopaedics_section
4.orthopaedics_procedures_section
5.appointment_form_section
6.department_team_wrapper
7.footer css
------------------------------
6. index_EYE strat
-----------------------------
1.top_header
2.navigation
3.eye_slider_area
4.department_appointment_section
5.footer_wrapper_eye
-----------------------------
7. index_ENT strat
-----------------------------
1.ent_header_wrapper
2.ent_section_4
3.ent_procedures_section
4.about_ENTCare_section
5.ent_timing_wrapper
6.footer_wrapper_ent
---------------------------
8. index_cardiology strat
--------------------------
1.menu_header_cardiology
2.cardiology-slider-area
3.cardiology_procedure_section
4.cardiology_services_section
5.footer_wrapper_section_cardiology
-----------------------------
9. index_laparoscopic strat
-----------------------------
1.laparoscopio_wrap
2.laparoscopic_procedures_wrapper
footer_wrapper_laparoscopio
--------------------------
10. index_bariatric strat
---------------------------
1.menu_header_bariatric
2.slider_area_bariatric
3.about_bariatric_section
4.footer_bariatric
--------------------------
11. index_neurology strat
--------------------------
1.neuorology_main_header
2.neurology_navigation_wrapper
3.neurology_appointment_section
4.footer_wrapper_neuorology
-----------------********************--------------------
*/
/*----------------body------------------*/
body,
html {
font-family: 'Open Sans', sans-serif;
line-height: 24px;
font-weight: 600;
font-size: 16px;
color: #000000;
overflow-x: hidden;
background: white;
}
/*------------------custom css----------------*/
a {
color: #2ec8a6;
text-decoration: none;
}
a:hover,
a:focus {
color: #2ec8a6;
text-decoration: none;
}
a:focus {
outline: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-family: 'Montserrat', sans-serif;
font-size: 16px;
color: #ffffff;
line-height: 24px;
font-weight: 400;
margin: 0;
padding: 0;
}
.fa-caret-right:before {
content: "\f0da";
margin-left: 35px;
}
input,
select,
button {
outline: none;
}
input:focus,
select:focus,
button:focus {
outline: none;
box-shadow: none;
}
textarea {
outline: none;
}
textarea:focus {
outline: none;
box-shadow: none;
}
.med_toppadder10 {
padding-top: 10px;
}
.med_toppadder20 {
padding-top: 20px;
}
.med_toppadder30 {
padding-top: 20px;
}
.med_toppadder40 {
padding-top: 40px;
}
.med_toppadder50 {
padding-top: 50px;
}
.med_toppadder60 {
padding-top: 60px;
}
.med_toppadder70 {
padding-top: 60px;
}
.med_toppadder80 {
padding-top: 80px;
}
.med_toppadder90 {
padding-top: 90px;
}
.med_toppadder100 {
padding-top: 100px;
}
.med_bottompadder10 {
padding-bottom: 10px;
}
.med_bottompadder20 {
padding-bottom: 20px;
}
. {
padding-bottom: 30px;
}
.med_bottompadder40 {
padding-bottom: 40px;
}
.med_bottompadder50 {
padding-bottom: 50px;
}
.med_bottompadder60 {
padding-bottom: 60px;
}
.med_bottompadder70 {
padding-bottom: 70px;
}
.med_bottompadder80 {
padding-bottom: 80px;
}
.med_bottompadder90 {
padding-bottom: 90px;
}
.med_bottompadder100 {
padding-bottom: 100px;
}
/*-----scroll top-----*/
/*-- Preloader css start --*/
#preloader {
background-color: #ffffff;
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 2147483647;
width: 100%;
height: 100%;
}
#status {
background-position: center center;
background-repeat: no-repeat;
height: auto;
position: absolute;
left: 50%;
top: 50%;
color: #2ec8a6;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
}
/************---------Header css start---------***********/
.top_header_wrapper {
float: left;
width: 100%;
background-color: #2ec8a6;
font-size: 14px;
color: #ffffff;
position: relative;
z-index: 6;
font-family: 'Open Sans', sans-serif;
}
.top_header_add {
float: left;
width: auto;
line-height: 50px;
}
.top_header_add ul {
margin: 0px;
padding: 0px;
width: 100%;
}
.top_header_add li {
float: left;
width: auto;
list-style: none;
margin-right: 30px;
margin-left: -3px;
}
.top_header_add ul li i {
margin-right: 10px;
line-height: 33px;
border: 2px solid #55d0b5;
width: 36px;
height: 36px;
text-align: center;
}
.top_header_add ul li a {
color: #ffffff;
}
.top_header_add ul li a:hover {
color: #f4ab01;
transition: 0.4s;
}
.top_login {
float: right;
width: auto;
width: 170px;
text-align: center;
background-color: #22a98b;
padding-top: 19px;
padding-bottom: 16px;
}
.top_login ul {
margin: 0px;
padding: 0px;
width: 100%;
line-height: 5px;
float: left;
margin-left: 20px;
}
.top_login ul li {
float: left;
width: auto;
list-style: none;
}
.top_login ul li a {
color: #ffffff;
padding-left: 20px;
}
.top_login ul li a:hover {
color: #f4ab01;
transition: 0.4s;
}
.rp_mobail_menu_main_wrapper {
float: none;
padding-top: 20px;
width: 100%;
}
.menu_wrapper #sidebar {
position: fixed;
display: block;
height: 100%;
top: 0px;
left: -500px;
background-color: #ffffff;
overflow: scroll;
overflow-x: hidden;
z-index: 1000;
}
#links {
position: relative;
float: left;
}
#link_list {
list-style-type: none;
width: 100%;
padding: 0px 50px 0px 0px;
}
#link_list li {
display: block;
width: 100%;
}
#link_list li:hover {
background-color: #2ec8a6;
}
#toggle {
float: right;
position: relative;
bottom: 25px;
right: 0;
border-radius: 20px;
text-align: center;
cursor: pointer;
}
#toggle_close {
position: absolute;
z-index: 100;
right: 20px;
top: 15px;
font-size: 25px;
color: #000000;
cursor: pointer;
}
@import url(https://fonts.googleapis.com/css?family=Raleway:400,200);
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
margin: 0;
padding: 0;
border: 0;
list-style: none;
line-height: 1;
display: block;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.menu_wrapper #cssmenu {
width: 300px;
color: #ffffff;
text-transform: capitalize;
}
.menu_wrapper #cssmenu ul ul {
display: none;
}
.align-right {
float: right;
}
.menu_wrapper #cssmenu ul li a {
padding: 16px 22px;
cursor: pointer;
z-index: 2;
font-size: 16px;
text-decoration: none;
color: #000000;
font-weight: bold;
border-bottom: 1px solid #d3d3d3;
background: #ffffff;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.menu_wrapper #cssmenu ul li:first-child a {
border-top: 1px solid #d3d3d3;
}
.menu_wrapper #cssmenu ul li:hover a,
#cssmenu ul li.active a {
background: #2ec8a6 !important;
border-bottom: 1px solid #d3d3d3;
color: #ffffff;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.menu_wrapper ul ul > li.has-sub > a:before {
top: 20px;
background: #ffffff;
}
.menu_wrapper .menu_fixed {
position: fixed !important;
left: 0 !important;
right: 0 !important;
top: 0 !important;
z-index: 1000;
}
.menu_wrapper #sidebar h1 {
font-size: 20px;
color: #2ec8a6 !important;
padding-left: 20px;
font-weight: bold;
text-transform: uppercase;
padding-bottom: 15px;
margin-top: 15px;
}
.menu_wrapper#sidebar h1 span {
margin: 0;
color: black;
font-size: 20px;
background: #f9f9f9;
}
/**************---------menu wrapper--------**************/
.menu_wrapper {
background-color: #ffffff78;
float: left;
width: 100%;
position: relative;
z-index: 5;
}
.header_logo {
float: left;
width: 100%;
position: absolute;
z-index: 10;
top: -20px;
}
.header_logo img {
background: #fff;
}
.logo_hidn h1 {
float: left;
width: 100%;
visibility: hiddden;
font-size: 24px;
color: #2ec8a6;
font-weight: 700;
text-transform: uppercase;
}
.logo_hidn h1 span {
visibility: hiddden;
font-size: 24px;
color: black;
font-weight: 700;
text-transform: uppercase;
}
.navbar {
position: relative;
border: 1px solid transparent;
z-index: 20;
min-height: 0px;
margin-bottom: 0px;
}
.nav .navbar-nav {
float: left;
width: 100%;
}
.navbar-nav {
float: right;
}
.nav .navbar-nav ul {
margin: 0px;
padding: 0px;
width: 100%;
margin-left: 15px;
}
#nav_filter li a {
display: block;
font-size: 14px;
cursor: pointer;
color: #000000;
text-transform: uppercase;
padding: 5px 15px;
border: 2px solid transparent;
margin-right: 10px;
font-weight: 500;
border-radius: 20px;
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
-ms-transition: all 0.6s;
-moz-transition: all 0.6s;
transition: all 0.6s;
}
#nav_filter li a:hover {
background: transparent;
border: 2px solid #2ec8a6;
color: #000000;
border-radius: 20px;
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
-ms-transition: all 0.6s;
-moz-transition: all 0.6s;
transition: all 0.6s;
}
.nav>li>a:focus,
.nav>li>a:hover {
background: none;
}
#nav_filter li a:last-child {
margin-right: 0px;
margin-left: 0px;
}
.navbar-toggle {
position: relative;
float: right;
padding: 9px 10px;
margin-top: 8px;
margin-right: 15px;
margin-bottom: 8px;
background-color: #2ec8a6;
background-image: none;
border-radius: 4px;
}
.navbar-toggle .icon-bar+.icon-bar {
margin-top: 4px;
color: white;
}
.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
background-color: transparent;
}
/*Dropdown Menu*/
.navbar-right .dropdown-menu {
right: auto;
}
.navbar-nav>li {
padding-top: 20px;
padding-bottom: 20px;
}
#nav_filter .hovr_nav_tab li a {
border: none;
border-radius: 0;
}
#nav_filter .hovr_nav_tab li a:hover {
border: none;
border-radius: 0;
color: white;
background-color: #f4ab01;
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
-ms-transition: all 0.6s;
-moz-transition: all 0.6s;
transition: all 0.6s;
}
.nav .dropdown-menu {
display: inherit;
padding: 5px 0;
border: none;
border-radius: 0;
}
.nav .dropdown-header {
font-size: 14px;
line-height: 30px;
font-weight: 600;
text-transform: uppercase;
}
.nav .dropdown-menu li a {
display: block;
line-height: 30px;
color: black;
padding: 3px 10px;
text-decoration: none;
font-size: 14px;
color: #000000;
margin-left: 0 !important;
padding-top: 10px !important;
padding-bottom: 10px !important;
padding-right: 10px !important;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.nav .dropdown .dropdown-menu {
opacity: 0;
border-top: 2px solid #2ec8a6;
visibility: hidden;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.nav .dropdown:hover .dropdown-menu {
display: block;
opacity: 1;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
visibility: visible;
}
#cssmenu ul > li.has-sub > a:after {
position: absolute;
right: 26px;
top: 19px;
z-index: 5;
display: block;
height: 10px;
width: 2px;
background: #000000;
content: "";
-webkit-transition: all 0.1s ease-out;
-moz-transition: all 0.1s ease-out;
-ms-transition: all 0.1s ease-out;
-o-transition: all 0.1s ease-out;
transition: all 0.1s ease-out;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
#cssmenu ul > li.has-sub > a:before {
position: absolute;
right: 22px;
top: 23px;
display: block;
width: 10px;
height: 2px;
background: #000000;
content: "";
-webkit-transition: all 0.1s ease-out;
-moz-transition: all 0.1s ease-out;
-ms-transition: all 0.1s ease-out;
-o-transition: all 0.1s ease-out;
transition: all 0.1s ease-out;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
#cssmenu ul > li.has-sub > a:hover:after,
#cssmenu ul > li.has-sub > a:hover:before {
background: #ffffff;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
#cssmenu ul > li.has-sub.open > a:after,
#cssmenu ul > li.has-sub.open > a:before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
#cssmenu ul ul li a {
padding: 14px 22px;
cursor: pointer;
z-index: 2;
font-size: 14px;
text-decoration: none;
color: #ffffff;
font-weight: bold;
background-color: #2a2727;
-webkit-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease;
}
#cssmenu ul ul ul li a {
padding-left: 32px;
}
#cssmenu ul ul li a:hover {
color: #ffffff;
}
#cssmenu ul ul > li.has-sub > a:after {
top: 16px;
right: 26px;
background: #ffffff;
}
#cssmenu ul ul > li.has-sub > a:before {
top: 20px;
background: #ffffff;
}
.nav .hovr_nav_tab {
padding: 0;
}
.respose_nav {
padding-right: 0;
}
/*-----search bar---*/
.et_search_bar a {
float: right;
width: auto;
text-align: center;
color: #2ec8a6;
font-size: 16px;
cursor: pointer;
}
.et_search_box {
position: absolute;
right: 2px;
top: 100%;
padding: 10px;
display: inline-block;
-webkit-box-shadow: 0px 2px 7px -3px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 2px 7px -3px rgba(0, 0, 0, 0.5);
-o-box-shadow: 0px 2px 7px -3px rgba(0, 0, 0, 0.5);
-ms-box-shadow: 0px 2px 7px -3px rgba(0, 0, 0, 0.5);
box-shadow: 0px 5px 8px -5px rgba(0, 0, 0, 0.5);
background-color: #ffffff;
display: none;
z-index: 1000;
}
.et_search_box input {
float: left;
width: calc(100% - 45px);
padding: 0px 10px;
height: 45px;
border: 1px solid #2ec8a6;
border-right: 0px;
}
.et_search_box button {
width: 45px;
height: 45px;
border: 1px solid #2ec8a6;
border-left: none;
background-color: #ffffff;
text-align: center;
padding: 0px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.et_search_box button:hover {
color: #ffffff;
background: #2ec8a6;
border-color: #2ec8a6;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.et_search_bar i {
position: relative;
}
.et_navbar_search_wrapper {
padding-top: 20px;
padding-bottom: 20px;
float: right;
}
/*----stick menu-----*/
.menu_fixed {
position: fixed;
background: #f9f9f9;
-webkit-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
-moz-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
-o-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
-ms-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
z-index: 1000;
left: 0;
right: 0;
}
.header-area.stick .mainmenu ul li a,
.stick .mean-container a.meanmenu-reveal {
color: #000000;
}
.header-area.stick .menu-bar:after,
.header-area.stick .menu-bar:before,
.header-area.stick .menu-bar span,
.stick .mainmenu ul li.parent:after,
.stick .mainmenu ul li.parent:before,
.stick .mainmenu ul li.has-mega > a:before,
.stick .mainmenu ul li.has-mega > a:after,
.stick .mean-container a.meanmenu-reveal span {
background-color: #222;
}
/********-----------slider wrapper---------**********/
.slider_main_wrapper {
float: left;
width: 100%;
position: relative;
margin-top: -130px;
}
.cc_main_slide1 {
background: url('../images/slider_img.jpg');
width: 100%;
height: 880px;
background-size: cover;
background-position: center 0;
position: relative;
padding-top: 470px;
}
.cc_main_slide2 {
background: url('../images/slider_img2.jpg') 50% 0 repeat-y;
width: 100%;
height: 880px;
background-size: cover;
background-position: center 0;
position: relative;
padding-top: 470px;
}
.cc_main_slide3 {
background: url('../images/slider_img3.jpg') 50% 0 repeat-y;
width: 100%;
height: 880px;
background-size: cover;
background-position: center 0;
position: relative;
padding-top: 470px;
}
.cc_main_slide4 {
background: url('../images/corona/slider_img.jpg');
width: 100%;
height: 880px;
background-size: cover;
background-position: center 0;
position: relative;
padding-top: 470px;
}
.cc_main_slide5 {
background: url('../images/corona/slider_img2.jpg') 50% 0 repeat-y;
width: 100%;
height: 880px;
background-size: cover;
background-position: center 0;
position: relative;
padding-top: 470px;
}
.cc_main_slide6 {
background: url('../images/corona/slider_img3.jpg') 50% 0 repeat-y;
width: 100%;
height: 880px;
background-size: cover;
background-position: center 0;
position: relative;
padding-top: 470px;
}
.cc_slider_img_section .owl-theme .owl-nav {
position: absolute;
bottom: 460px;
margin: 0;
margin-top: 100px;
left: 0;
right: 0;
display: block;
}
.cc_slider_img_section .owl-theme .owl-nav .owl-prev {
font-size: 33px;
margin: 0;
padding: 0;
left: -38px;
top: 30px;
position: absolute;
text-align: center;
background-color: white;
width: 78px;
height: 78px;
color: #6f6f6f;
padding-left: 24px;
text-align: center;
line-height: 70px;
border-radius: 100%;
}
.cc_slider_img_section .owl-theme .owl-nav .owl-next {
font-size: 33px;
margin: 0;
padding: 0;
right: -38px;
top: 30px;
position: absolute;
text-align: center;
background-color: #white;
width: 78px;
height: 78px;
color: #6f6f6f;
padding-right: 24px;
text-align: center;
line-height: 74px;
border-radius: 100%;
background: #fff;
}
.slider_main_wrapper .cc_slider_img_section .owl-theme .owl-nav[class*='owl-'] {
background-color: white;
color: #777777;
}
.slider_main_wrapper .cc_slider_img_section .owl-theme .owl-nav .owl-prev:hover {
background: white;
color: #2ec8a6;
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
-ms-transition: all 0.6s;
-moz-transition: all 0.6s;
transition: all 0.6s;
}
.slider_main_wrapper .cc_slider_img_section .owl-theme .owl-nav .owl-next:hover {
background: white;
color: #2ec8a6;
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
-ms-transition: all 0.6s;
-moz-transition: all 0.6s;
transition: all 0.6s;
}
.cc_slider_img_section .owl-theme .owl-nav[class*='owl-'] {
background-color: white;
color: #2ec8a6;
}
.owl-theme .owl-nav.disabled + .owl-dots {
display: none;
}
.cc_slider_cont1 h2 {
color: black;
font-size: 40px;
line-height: 46px;
font-weight: 800;
text-transform: uppercase;
}
.cc_slider_cont1 p {
font-size: 16px;
margin-top: 30px;
color: #222222;
}
.cc_slider_cont1 ul {
margin-top: 40px;
}
.cc_slider_cont1 li {
float: left;
margin-left: 30px;
list-style: none;
}
.cc_slider_cont1 li:first-child {
margin-left: -2px;
}
.cc_slider_cont1 li a {
width: 160px;
height: 50px;
float: left;
color: #ffffff;
background: #2ec8a6;
text-align: center;
line-height: 45px;
font-weight: 600;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
font-size: 14px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
border: 2px solid #2ec8a6;
}
.cc_slider_cont1 li a:hover {
background: transparent;
border: 2px solid #2ec8a6;
color: #000000;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.cc_slider_cont1 li:last-child a {
width: 160px;
height: 50px;
float: left;
color: #000000;
background: transparent;
text-align: center;
line-height: 45px;
font-weight: 600;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
font-size: 14px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
border: 2px solid #2ec8a6;
}
.cc_slider_cont1 li:last-child a:hover {
background: #2ec8a6;
border: 2px solid #2ec8a6;
color: #ffffff;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.cc_slider_cont1_wrapper {
padding-top: 10px;
}
.cc_slider_cont1 {
position: absolute;
top: 40%;
left: 0;
right: 0;
z-index: 1000;
}
.cc_slider_cont1 h1 {
color: #2ec8a6;
font-size: 30px;
font-weight: bold;
background-color: #ffffff;
text-transform: uppercase;
padding-top: 22px;
padding-bottom: 21px;
display: inline-block;
padding-left: 30px;
}
.cc_slider_cont1 h1 span {
background: #2ec8a6;
padding: 5px;
color: #ffffff;
font-size: 30px;
font-weight: bold;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 30px;
padding-right: 30px;
margin-left: 30px;
}
.medi {
padding-bottom: 40px;
margin-top: -130px;
}
/*********-------category wrapper-------*********/
.category_wrapper {
text-align: center;
background-color: white;
width: 100%;
float: left;
}
.cat_about {
float: left;
width: 100%;
background-color: #ffffff;
position: relative;
margin-top: -90px;
z-index: 3;
}
.cat_about:hover .icon_wrapper:before {
border-top: 120px solid #bad700;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.cat_about:hover .cat_txt a {
color: #f4ab01;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.cat_about:hover .cat_img {
border-color: #f4ab01;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.cat_img {
position: relative;
padding-left: 60px;
border: 2px solid #2ec8a6;
width: 100%;
height: 260px;
}
.cat_img img {
height: 200px;
padding-top: 35px;
width: 70%;
}
.cat_txt {
padding-bottom: 50px;
position: absolute;
top: 23%;
width: 75%;
left: 50px;
}
.cat_txt h1 {
color: #111111;
font-size: 18px;
font-weight: 800;
padding-bottom: 10px;
text-transform: uppercase;
}
.cat_txt p {
text-align: center;
color: #000000;
font-size: 16px;
}
.icon_wrapper {
position: relative;
bottom: 28px;
}
.icon_wrapper img {
top: 48px;
left: 15px;
position: absolute;
}
.icon_wrapper:before {
content: '';
border-right: 120px solid transparent;
border-top: 120px solid #7a2b7d;
position: absolute;
left: 0px;
top: 30px;
}
.cat_txt a {
color: #2ec8a6;
font-size: 14px;
font-weight: 700;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.cat_txt a:hover i {
color: #f4ab01;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
/************-------about wrapper------------************/
.about_wrapper {
float: left;
width: 100%;
background-color: white;
padding-top: 150px;
padding-bottom: 155px;
}
.co_abt{
padding-top: 30px;
padding-bottom: 100px;
}
.abt_box {
position: relative;
border: 10px solid #f2f2f2;
width: 200px;
height: 390px;
}
.abt_img img {
position: absolute;
width: 480px;
height: 480px;
top: -55px;
}
.abt_heading_wrapper {
text-align: left;
width: 100%;
margin-top: -25px;
}
.abt_heading_wrapper h1 {
margin: 0px 0px 0px 0px;
color: #111111;
font-size: 30px;
font-weight: 700;
text-transform: uppercase;
}
.abt_txt {
text-align: left;
width: 100%;
padding-left: 10px;
}
.abt_txt h3 {
font-size: 22px;
color: #2ec8a6;
line-height: 36px;
text-transform: uppercase;
font-weight: bold;
}
.abt_txt p {
margin-top: 0px;
font-size: 16px;
color: #000000;
font-family: 'Open Sans', sans-serif;
text-transform: capitalize;
line-height: 26px;
}
.abt_chk {
float: left;
width: 100%;
font-size: 16px;
color: #111111;
text-transform: capitalize;
font-family: 'Open Sans', sans-serif;
}
.abt_chk ul {
margin: 0px;
padding: 0px;
width: 100%;
float: left;
margin-top: 10px;
}
.abt_chk ul li {
float: left;
width: 50%;
list-style: none;
margin-bottom: 10px;
cursor: pointer;
display: inline-block;
}
.content ul li i {
font-size: 16px;
color: #2ec8a6;
margin-right: 20px;
}
/*************------appointment wrapper----------***********/
.appoint_wrapper {
background: url('../images/appoint_img.jpg') 50% 0 repeat-y;
float: left;
width: 100%;
height: 100%;
background-color: white;
background-position: center 0;
background-size: cover;
background-repeat: no-repeat;
position: relative;
padding-top: 100px;
padding-bottom: 59px;
margin-top: -27px;
}
.appoint_wrapper2 {
background: url('../images/corona/appoint_img.jpg') 50% 0 repeat-y;
float: left;
width: 100%;
height: 100%;
background-color: white;
background-position: center 0;
background-size: cover;
background-repeat: no-repeat;
position: relative;
padding-top: 100px;
padding-bottom: 59px;
margin-top: -27px;
}
.appoint_overlay {
position: absolute;
top: 0%;
left: 0%;
right: 0%;
bottom: 0%;
background: rgba(9, 9, 9, 0.8);
}
.appoint_box {
text-align: center;
width: 100%;
}
.appoint_box h1 {
font-size: 22px;
color: #ffffff;
font-weight: 700;
text-transform: uppercase;
margin-left: -147px;
}
.appoint_box p {
font-size: 16px;
padding-top: 10px;
font-family: 'Open Sans', sans-serif;
color: #c4c4c4;
text-transform: capitalize;
}
.appoint_box p span {
font-weight: 600;
color: #ffffff;
}
.box_2 h1 {
font-size: 22px;
color: #ffffff;
font-weight: 700;
text-transform: uppercase;
margin-left: -245px;
}
.appoint_form {
text-align: left;
width: auto;
}
.appoint_form ul {
margin: 0px;
padding: 0px;
width: 100%;
float: left;
padding-top: 10px;
}
.appoint_form ul li {
float: left;
width: auto;
list-style: none;
}
.appoint_form ul li:last-child {
color: #c4c4c4;
margin-left: 30px;
}
.appoint_form ul li a {
color: #c4c4c4;
padding: 0px 3px;
}
.appoint_form ul li a:hover {
color: #2ec8a6;
transition: 0.6s;
}
.appoint_form ul li:last-child a {
padding-right: 0px;
margin-left: 20px;
}
.appoint_form ul li:first-child {
position: relative;
}
.appoint_form ul li:first-child:after {
content: "";
position: absolute;
top: 0;
right: -11px;
background-color: #c4c4c4;
width: 1px;
height: 100%;
}
.appoint_icon img {
z-index: 1;
position: absolute;
left: 35px;
top: -71px;
padding: 0;
display: inline-block;
}
.appoint_icon:after {
content: '';
border-right: 130px solid transparent;
border-top: 130px solid #2ec8a6;
position: absolute;
left: 15px;
top: -100px;
}
.box_2 h2 {
font-size: 24px;
color: #ffffff;
font-weight: 700;
float: left;
width: 92.5%;
background-color: #2ec8a6;
margin-top: 35px;
text-transform: capitalize;
height: 45px;
line-height: 1;
padding-top: 6px;
margin-left: 42px;
}
.box_2 h2:before {
content: '';
border-left: 42px solid transparent;
border-top: 45px solid #2ec8a6;
position: absolute;
left: 15px;
top: 93px;
}
.box_2 svg {
width: 35px;
height: 35px;
fill: white;
}
.box_2 i {
margin-left: -55px;
}
.box_2 i:before {
font-size: 30px;
font-weight: 400;
margin: 0px;
margin-right: 15px;
}
/************--------choose wrapper-------***************/
.choose_wrapper {
background: url('../images/choose_bg.jpg') 50% 0 repeat-y;
float: left;
width: 100%;
height: 100%;
background-position: center 0;
background-size: cover;
background-repeat: no-repeat;
position: relative;
margin-top: 100px;
padding-bottom: 100px;
}
.choose_overlay {
position: absolute;
top: 0%;
left: 0%;
right: 0%;
bottom: 0%;
background: #ffffffa3;
}
.choose_heading_wrapper p {
text-align: justify;
}
.ant_txt p {
text-align: justify;
}
.choose_heading_wrapper {
text-align: left;
width: 100%;
}
.choose_heading_wrapper h1 {
margin: 0px 0px 0px 0px;
color: #111111;
font-size: 30px;
font-weight: 700;
text-transform: uppercase;
}
.sidebar_wrapper {
float: left;
width: 100%;
margin-top: 0px;
}
.lv_faq_wrapper .panel-title {
position: relative;
}
.lv_faq_wrapper .panel-title:after {
content: "";
position: absolute;
border-left: 1px solid #f2f2f2;
top: 0;
bottom: 0;
left: 90px;
}
.accordionFifteen .panel-group .panel+.panel {
margin-top: 0px;
}
.accordionFifteen .panel-group {
margin-bottom: 0;
}
.accordionFifteen .panel-default {
border: 0;
}
.accordionFifteen .panel {
background-color: transparent;
box-shadow: none;
border-radius: 0;
border: none;
margin: 0;
margin-bottom: -15px;
}
.accordionFifteen .panel .panel-heading a {
display: block;
background: white;
padding: 15px 20px;
color: #000;
font-size: 16px;
font-weight: 500;
border: 1px solid #f4ab01;
border-bottom: none;
text-decoration: none;
}
.panel-heading desktop h4 {
line-height: 0;
}
.panel-title h4 {
margin-left: -1px;
}
.accordionFifteen .panel .panel-heading a.collapsed.active{
border: 1px solid #f4ab01;
}
.accordionFifteen .panel .panel-heading a.collapsed {
color: #000000;
background-color: #fff;
display: block;
padding: 15px 20px;
font-size: 15px;
font-weight: 800;
border: 1px solid #e3e3e3;
margin-left: -1px;
margin-top: -1px;
}
.accordionFifteen .panel-default>.panel-heading {
border-radius: 0px;
padding: 0px;
margin-left: -1px;
margin-top: -1px;
background: transparent;
}
.accordionFifteen .panel-group .panel-heading+.panel-collapse>.panel-body {
border-top: 0;
padding-top: 0;
padding: 30px 30px 30px 20px;
background: #fff;
border: 1px solid #f4ab01;
border-top: none;
margin-left: -1px;
margin-top: -25px;
}
.accordionFifteen .panel .panel-heading a:before,
.accordionFifteen .panel .panel-heading a.collapsed:before {
font-family: 'FontAwesome';
font-size: 16px;
float: left;
margin-right: 60px;
margin-left: 20px;
display: block;
}
.accordionFifteen .panel .panel-heading a:after,
.accordionFifteen .panel .panel-heading a.collapsed:after {
font-family: 'FontAwesome';
font-size: 24px;
float: right;
width: 50px;
height: 25px;
line-height: 24px;
text-align: center;
display: block;
border-radius: 50%;
}
.accordionFifteen .panel .panel-heading a:after {
content: "\f107";
background: #f4ab01;
width: 24px;
height: 24px;
border-radius: 100%;
color: white;
font-size: 16px;
}
.accordionFifteen .panel .panel-heading a.collapsed:after {
content: "\f105";
background: #2ec8a6;
width: 24px;
height: 24px;
border-radius: 100%;
color: white;
font-size: 16px;
}
.choose_wrapper .sidebar_pannel {
margin-top: 30px !important;
}
.med_slider_img {
float: left;
width: 100%;
overflow: hidden;
}
.owl_box {
width: 100%;
float: left;
overflow: hiddden;
position: relative;
}
.med_slider_img .owl-carousel.owl-loaded {
overflow: hiddden !important;
}
.med_slider_img .owl-theme .owl-dots .owl-dot {
display: none;
}
.med_slider_img .item {
width: 100%;
}
.med_slider_img .owl-carousel .owl-item img {
display: block;
width: 100%;
margin-top: -13px;
}
.med_slider_img .owl-theme .owl-nav {
position: absolute;
bottom: 58%;
margin: 0;
left: 0;
right: 0;
z-index: 1000;
display: block;
}
.med_slider_img .owl-prev {
position: absolute;
left: -50px;
}
.med_slider_img .owl-next {
position: absolute;
right: -50px;
}
.med_slider_img .owl-theme .owl-nav .owl-prev,
.med_slider_img .owl-theme .owl-nav .owl-next {
color: white;
font-size: 36px;
display: inline-block;
cursor: pointer;
background-color: #2ec8a6;
height: 100px;
width: 100px;
border-radius: 100%;
padding-top: 30px;
padding-left: 35px;
}
.med_slider_img .owl-theme .owl-nav .owl-next {
padding-right: 55px;
}
.med_slider_img .owl-theme .owl-nav .owl-next:hover {
color: white;
background-color: #f4ab01;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.med_slider_img .owl-theme .owl-nav .owl-prev:hover {
color: white;
background-color: #f4ab01;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
/***********--------team wrapper-----------**********/
.team_wrapper {
float: left;
text-align: center;
width: 100%;
padding-bottom: 44px;
background-color: white;
}
.team_heading_wrapper h1 {
margin: 0px 0px 0px 0px;
color: #111111;
font-size: 30px;
font-weight: 700;
text-transform: uppercase;
}
.team_about {
float: left;
width: 100%;
background-color: #ffffff;
position: relative;
overflow: hidden;
}
.team_about:hover .team_icon_wrapper:before {
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.team_about:hover .team_txt a {
color: #2ec8a6;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.team_about:hover .team_img {
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.team_img {
width: 100%;
float: left;
}
.team_txt {
float: left;
width: 100%;
background-color: #f9f9f9;
}
.team_txt h1 {
width: 100%;
margin-top: 20px;
}
.team_txt h1 a {
color: #111111;
font-size: 18px;
font-weight: 700;
padding-bottom: 10px;
text-transform: capitalize;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.team_txt p {
text-align: center;
color: #757575;
font-size: 16px;
}
.team_icon_wrapper {
position: relative;
bottom: 28px;
}
.team_icon_wrapper svg {
top: 50px;
left: 20px;
position: absolute;
}
.team_img img {
margin-top: 2px;
width: 100%;
}
.team_icon_wrapper:before {
content: '';
border-right: 120px solid transparent;
border-top: 120px solid #2ec8a6;
position: absolute;
left: 0px;
top: 28px;
}
.team_icon_hover {
float: left;
width: 100%;
background-color: #2ec8a6;
font-size: 16px;
color: #ffffff;
position: absolute;
font-family: 'Open Sans', sans-serif;
line-height: 85px;
bottom: -95px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.team_about:hover .team_icon_hover {
bottom: 0;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.team_icon_hover {
text-align: center;
float: left;
width: 100%;
}
.team_icon_hover ul {
width: 100%;
float: left;
display: inline-block;
height: 88px;
}
.team_icon_hover ul li {
float: left;
width: auto;
list-style: none;
margin-left: 22px;
margin-bottom: -10px;
}
.team_icon_hover ul li i {
line-height: 33px;
border: 2px solid #55d0b5;
width: 36px;
height: 36px;
text-align: center;
}
.team_icon_hover ul li a {
color: #ffffff;
}
.team_icon_hover ul li a:hover {
color: #e8eeed;
transition: 0.4s;
}
.team_icon_hover ul li i:hover {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
transition: 0.4s;
}
.team_slider_wrapper {
float: left;
width: 100%;
}
.team_slider_wrapper .owl-carousel .owl-item img {
width: 100%;
}
.team_slider_wrapper .item {
width: 100%;
}
.team_slider_wrapper .owl-carousel .owl-nav {
display: none;
}
.team_slider_wrapper .owl-theme .owl-dots .owl-dot span {
width: 15px;
height: 15px;
margin: 50px 5px;
background: transparent;
display: block;
-webkit-backface-visibility: visible;
transition: opacity 200ms ease;
border-radius: 30px;
border: 1px solid #2ec8a6;
}
.team_slider_wrapper .owl-theme .owl-dots .owl-dot.active span,
.team_slider_wrapper .owl-theme .owl-dots .owl-dot:hover span {
background: #2ec8a6;
display: block;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
/*********---------vedio wrapper---------***********/
.vedio_wrapper {
background: url('../images/vedio.jpg') 50% 0 repeat-y;
float: left;
width: 100%;
height: 100%;
background-position: center 0;
background-size: cover;
background-repeat: no-repeat;
position: relative;
}
.vedio_overlay {
position: absolute;
top: 0%;
left: 0%;
right: 0%;
bottom: 0%;
background: rgba(9, 9, 9, 0.9);
}
.vedio_heading_wrapper {
float: left;
text-align: center;
width: 100%;
margin-top: 200px;
margin-bottom: 195px;
}
.vedio_heading_wrapper h1 {
margin: 0px 0px 0px 0px;
color: white;
font-size: 30px;
font-weight: 700;
text-transform: uppercase;
}
.vedio_heading_wrapper p {
margin: 0px 0px 0px 0px;
color: white;
font-size: 40px;
font-weight: 600;
text-transform: capitalize;
}
.vedio_heading_wrapper h4 {
margin-top: 40px;
display: inline-block;
margin-left: -160px;
}
.vedio_heading_wrapper h4 a {
font-size: 18px;
color: #ffffff;
font-family: 'Open Sans', sans-serif;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.vedio_heading_wrapper h4 img {
margin-right: 10px;
}
.vedio_heading_wrapper h4 a:hover {
color: #f4ab01;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.video_btn_wrapper {
float: right;
width: 100%;
display: inline-block;
margin-right: 35%;
}
.video_btn_wrapper ul {
padding: 0;
margin: 0;
list-style: none;
}
.video_btn_wrapper li a {
width: 150px;
height: 50px;
float: right;
background: #2ec8a6;
color: white;
text-align: center;
line-height: 35px;
border-radius: 50px;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
margin-left: 30px;
margin-top: 7px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
border: 2px solid #2ec8a6;
margin-top: -60px;
}
.video_btn_wrapper li a:hover {
background: transparent;
border: 2px solid #2ec8a6;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
color: white;
}
/**********----------event wrapper---------***********/
.event_wrapper {
float: left;
width: 100%;
background-color: white;
}
.event_slider_wrapper {
float: left;
width: 100%;
}
.img_section {
width: 100%;
float: left;
background: #f9f9f9;
margin-bottom: 30px;
}
.img_wrapper1 {
float: left;
width: 40%;
}
.event_icon1 {
text-align: left;
position: relative;
overflow: hidden;
width: 60%;
margin-top: 40px;
padding-left: 40px;
padding-right: 40px;
}
.event_icon1 h2 a {
margin-top: 0;
color: black;
font-size: 16px;
font-weight: 600;
text-transform: capitalize;
}
.event_icon1 h2 a:hover {
color: #2ec8a6;
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
-ms-transition: all 0.6s;
-moz-transition: all 0.6s;
transition: all 0.6s;
}
.event_icon1 p {
color: #757575;
font-size: 16px;
line-height: 26px;
}
.event_icon1 ul {
margin: 0px;
padding: 0px;
width: 100%;
float: left;
margin-top: 20px;
margin-bottom: 20px;
}
.event_icon1 ul li {
float: left;
width: auto;
font-size: 14px;
margin-right: 30px;
list-style: none;
}
.event_icon1 ul li i {
margin-right: 10px;
}
.event_icon1 ul li a {
color: #757575;
}
.event_icon1 ul li a:hover {
color: #2ec8a6;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.event_slider_wrapper .owl-theme .owl-dots .owl-dot {
display: none;
}
.event_slider_wrapper .item {
width: 100%;
}
.event_slider_wrapper .owl-theme .owl-nav {
position: absolute;
bottom: 0;
margin: 0;
right: 0;
top: -21%;
z-index: 1000;
display: block;
}
.event_slider_wrapper .owl-prev {
position: absolute;
left: -50px;
}
.event_slider_wrapper .owl-theme .owl-nav .owl-prev,
.event_slider_wrapper .owl-theme .owl-nav .owl-next {
color: white;
font-size: 20px;
display: inline-block;
cursor: pointer;
background-color: #2ec8a6;
height: 30px;
width: 30px;
line-height: 1;
left: -40px;
border-radius: 100%;
}
.event_slider_wrapper .owl-theme .owl-nav .owl-next i {
margin-left: 3px;
}
.event_slider_wrapper .owl-theme .owl-nav .owl-prev i {
margin-right: 1px;
margin-top: 1px;
}
.event_slider_wrapper .owl-theme .owl-nav .owl-next:hover {
color: white;
background-color: #f4ab01;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.event_slider_wrapper .owl-theme .owl-nav .owl-prev:hover {
color: white;
background-color: #f4ab01;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.icon_wrapper_event {
position: relative;
bottom: 28px;
}
.icon_wrapper_event i {
top: 48px;
left: 15px;
color: white;
position: absolute;
}
.icon_wrapper_event:before {
content: '';
border-right: 80px solid transparent;
border-top: 80px solid #2ec8a6;
position: absolute;
left: 0px;
top: 28px;
}
/*********----------counter wrapper--------***********/
.counter_section {
background: url('../images/counter_bg.jpg') 50% 0 repeat-y;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
z-index: -9999;
background-position: center 0;
overflow: hidden;
background-size: cover;
text-align: center;
}
.counter_section2 {
background: url('../images/corona/counter_bg.jpg') 50% 0 repeat-y;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
z-index: -9999;
background-position: center 0;
overflow: hidden;
background-size: cover;
text-align: center;
}
.counter_overlay {
background: rgba(245, 245, 245, 0.8);
padding-bottom: 113px;
}
.counter_section .count-description {
font-size: 40px;
font-weight: 700;
color: black;
margin-top: 20px;
}
.icon {
text-align: center;
border: 2px solid #2ec8a6;
width: 100px;
height: 100px;
line-height: 90px;
margin-top: 120px;
background: white;
display: inline-block;
}
.icon img {
display: inline-block;
text-align: center;
width: 40px;
height: 40px;
line-height: 40px;
}
.count-description {
padding-top: 20px;
}
.icon:hover {
color: white;
background-color: #2ec8a6;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.con1,
.con2,
.con3,
.con4 {
font-size: 16px;
font-weight: 600;
text-transform: capitalize;
color: black;
padding-top: 10px;
}
/***********-----------blog wrapper---------------****************/
.blog_wrapper {
float: left;
width: 100%;
text-align: center;
background-color: white;
}
.blog_about {
text-align: left;
width: 100%;
}
.blog_txt h1 {
margin-top: 30px;
}
.blog_txt h1 a {
font-size: 18px;
font-weight: 600;
text-transform: capitalize;
color: black;
}
.blog_txt h1 a:hover {
color: #2ec8a6;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.blog_txt_info ul {
margin: 0px;
padding: 0px;
width: 100%;
float: left;
margin-top: 10px;
color: #707070;
margin-bottom: 10px;
}
.blog_txt_info ul li {
float: left;
width: auto;
font-size: 14px;
list-style: none;
margin-right: 35px;
}
.blog_txt_info ul li:first-child a {
padding-left: 0px;
}
.blog_txt_info ul li:first-child {
position: relative;
}
.blog_txt_info ul li:first-child:after {
content: "";
position: absolute;
top: 4px;
right: -17px;
background-color: #707070;
width: 1px;
height: 73%;
}
.blog_about p {
font-size: 16px;
line-height: 26px;
color: #707070;
margin-top: 10px;
padding-bottom: 8px;
}
.blog_img {
position: relative;
width: 100%;
border: 1px solid transparent;
}
.blog_img figure {
display: block;
margin: 0;
overflow: hidden;
}
.blog_img figure img {
width: 100%;
display: block;
transition: all 0.3s;
border: 1px solid transparent;
}
.blog_img:hover figure img {
transform: scale(1.1, 1.1);
transition: 0.5s;
}
.blog_comment {
float: right;
position: relative;
margin-top: -50px;
z-index: 4;
}
.blog_comment ul {
margin: 0px;
padding: 0px;
width: 100%;
float: left;
}
.blog_comment ul li {
float: left;
width: auto;
list-style: none;
text-align: center;
line-height: 30px;
margin-right: 20px;
}
.blog_comment ul li a {
color: black;
font-size: 14px;
padding: 10px;
background-color: white;
font-weight: 700;
}
.blog_comment ul li i {
margin-right: 8px;
}
.blog_comment ul li:hover a {
background-color: #2ec8a6;
color: white;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
/**********--------testimonial wrapper------*************/
.testimonial_wrapper {
background: url('../images/testimonial_bg.jpg') 50% 0 repeat-y;
float: left;
width: 100%;
height: 100%;
background-position: center 0;
background-size: cover;
background-repeat: no-repeat;
position: relative;
padding-bottom: 100px;
}
.test_overlay {
position: absolute;
top: 0%;
left: 0%;
right: 0%;
bottom: 0%;
background: rgba(9, 9, 9, 0.9);
}
.test_heading_wrapper {
text-align: left;
width: 100%;
}
.test_heading_wrapper h1 {
margin: 0px 0px 0px 0px;
color: white;
font-size: 30px;
font-weight: 700;
text-transform: uppercase;
}
.test_slider_wrapper {
float: left;
width: 100%;
background: rgba(245, 245, 245, 0.1);
}
.test_slider_wrapper .owl-theme .owl-dots .owl-dot {
display: none;
}
.test_slider_wrapper .item {
width: 100%;
}
.test_slider_wrapper .owl-theme .owl-nav {
position: absolute;
bottom: 0;
margin: 0;
right: -8px;
top: -47%;
z-index: 1000;
display: block;
}
.test_slider_wrapper .owl-prev {
position: absolute;
left: -50px;
}
.test_slider_wrapper .owl-theme .owl-nav .owl-prev,
.test_slider_wrapper .owl-theme .owl-nav .owl-next {
color: white;
font-size: 20px;
display: inline-block;
cursor: pointer;
background-color: #bad700;
height: 30px;
width: 30px;
line-height: 1;
left: -41px;
border-radius: 100%;
}
.test_slider_wrapper .owl-theme .owl-nav .owl-next:hover {
color: white;
background-color: #f4ab01;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.test_slider_wrapper .owl-theme .owl-nav .owl-prev:hover {
color: white;
background-color: #8fd61e;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.t_icon_wrapper {
position: relative;
float: left;
width: 100%;
padding: 50px;
margin-left: 60px;
}
.t_icon_wrapper:before {
content: '';
border-right: 120px solid transparent;
border-top: 120px solid #bad700;
position: absolute;
left: -60px;
top: 0;
}
.t_client_cont_wrapper2 {
float: left;
width: calc(100% - 100px);
}
.t_client_cont_wrapper2 p {
font-size: 18px;
line-height: 26px;
font-style: italic;
color: #ffffff;
font-family: 'Droid Serif', sans-serif;
}
.t_client_cont_wrapper2 img {
float: left;
display: inline-block;
}
.t_client_cont_wrapper2 h5 {
float: left;
font-size: 16px;
margin-top: 35px;
margin-left: 10px;
}
/**********-----------booking wrapper---------*************/
.booking_wrapper {
float: left;
width: 100%;
text-align: center;
background-color: #ffffff;
}
.booking_box {
float: left;
width: 70%;
z-index: 5;
position: relative;
background: #2ec8a6;
padding: 83px 100px 83px 100px;
}
.box_side_icon {
position: relative;
float: left;
}
.box_side_icon:before {
content: '';
border-right: 120px solid transparent;
border-top: 120px solid #f4ab01;
position: absolute;
left: -100px;
top: -83px;
}
.response {
color: #2d2d2d;
float: right;
}
.box_side_icon img {
top: -50px;
left: -80px;
color: white;
position: absolute;
}
.contect_form1 input {
width: 100%;
height: 50px;
margin-top: 20px;
padding-left: 10px;
margin-bottom: 10px;
color: white;
background: transparent;
border: 2px solid #7bddc7;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.booking_box .contect_form1 ::-webkit-input-placeholder{
color: #fff;
}
.booking_box .contect_form1 ::-moz-placeholder{
color: #fff;
}
.booking_box .contect_form1 ::-moz-placeholder{
color: #fff;
}
.booking_box .contect_form1 ::-ms-input-placeholder{
color: #fff;
}
.booking_box .contect_form3 ::-webkit-input-placeholder{
color:#fff;
}
.booking_box .contect_form3 ::-moz-placeholder{
color: #fff;
}
.booking_box .contect_form3 ::-moz-placeholder{
color: #fff;
}
.booking_box .contect_form3 ::-ms-input-placeholder{
color: #fff;
}
.booking_box .contect_form4 ::-webkit-input-placeholder{
color:#fff;
}
.booking_box .contect_form4 ::-moz-placeholder{
color: #fff;
}
.booking_box .contect_form4 ::-moz-placeholder{
color: #fff;
}
.booking_box .contect_form4 ::-ms-input-placeholder{
color: #fff;
}
.contect_form1 input:hover,
.contect_form1 input:focus,
.contect_form2 input:hover,
.contect_form2 input:focus,
.contect_form3 input:hover,
.contect_form3 input:focus {
border: 2px solid #ffffff;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.contect_form3 input {
width: 100%;
height: 50px;
margin-top: 20px;
padding-left: 20px;
background: transparent;
color: white;
border: 2px solid #7bddc7;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.contect_form3 {
width: 100%;
margin-left: -7px;
}
.contect_form3 i {
margin-left: -30px;
color: white;
}
.booking_box::placeholder {
color: #7bddc7;
opacity: 1;
/* Firefox */
}
.booking_box:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: #7bddc7;
}
.booking_box::-ms-input-placeholder {
/* Microsoft Edge */
color: #7bddc7;
}
.contect_form4 textarea {
width: 100%;
margin-top: 30px;
padding-left: 10px;
color: white;
background: transparent;
border: 2px solid #7bddc7;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
resize: none;
}
.contect_form4 textarea:hover,
.contect_form4 textarea:focus {
border: 2px solid #ffffff;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.contect_btn button {
padding: 0;
list-style: none;
margin-top: 40px;
float: left;
}
.contect_btn button {
text-transform: uppercase;
width: 160px;
height: 50px;
float: left;
color: black;
background: #ffffff;
text-align: center;
line-height: 47px;
border-radius: 50px;
font-size: 15px;
font-weight: bold;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
border: 2px solid transparent;
}
.contect_btn button:hover {
background: transparent;
border: 2px solid white;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
color: #000000;
}
.chat_box {
float: left;
width: 30%;
z-index: 5;
box-shadow: 0px 15px 10px -15px #11111169;
background: #f9f9f9;
position: relative;
padding: 100px 60px 77px 60px;
}
.booking_box_2 {
float: left;
width: 100%;
text-align: center;
}
.booking_box_img {
text-align: center;
}
.booking_box_img img {
display: inline-block;
position: relative;
}
.booking_box_img:after {
content: '';
position: relative;
left: 0;
width: 30px;
height: 30px;
border-radius: 50%;
background-color: #2ec8a6;
z-index: 100;
margin: auto;
bottom: 11px;
display: block;
right: 0;
top: -14px;
bottom: -15px;
border: 6px solid #fff;
}
.booking_chat {
text-align: center;
float: left;
margin: 20px 0 20px 0;
}
.booking_chat h1 {
margin: 0px 0px 0px 0px;
color: black;
font-size: 24px;
font-weight: 700;
}
.booking_chat p {
color: black;
margin-top: 30px;
font-size: 16px;
}
.booking_btn ul {
list-style: none;
display: inline-block;
}
.booking_btn {
float: left;
width: 100%;
text-align: center;
}
.booking_btn li a {
width: 160px;
height: 50px;
float: left;
color: white;
background: #f4ab01;
text-align: center;
line-height: 47px;
border-radius: 50px;
font-size: 16px;
font-weight: bold;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
border: 2px solid transparent;
}
.booking_btn li a:hover {
background: transparent;
border: 2px solid #f4ab01;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
color: #000;
}
.map_main_wrapper {
float: left;
width: 100%;
position: relative;
margin-top: -100px;
z-index: 1;
}
/*********------------partner wrapper--------**************/
.partner_wrapper {
float: left;
width: 100%;
text-align: center;
background-color: #ffffff;
}
.partner_slider_img {
float: left;
width: 100%;
}
.partner_slider_img .owl-theme .owl-dots .owl-dot {
display: none;
}
.partner_slider_img .item {
width: 100%;
display: inline-block;
}
.partner_slider_img .owl-carousel .owl-item img {
display: block;
width: 80%;
text-align: center;
}
.partner_slider_img .owl-theme .owl-nav {
display: none;
}
/*********------------news wrapper--------**************/
.newsletter_wrapper {
float: left;
width: 100%;
background-color: #000000;
}
.newsletter_text {
float: left;
width: 100%;
}
.newsletter_text h3 {
float: left;
width: 100%;
font-size: 25px;
color: #ffffff;
font-weight: 700;
text-transform: uppercase;
margin-top: 10px;
}
.contect_btn_news ul {
list-style: none;
float: right;
}
.contect_btn_news li a {
width: 160px;
height: 50px;
float: left;
color: black;
background: #ffffff;
text-align: center;
line-height: 47px;
border-radius: 50px;
font-size: 16px;
font-weight: bold;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
border: 2px solid transparent;
text-transform: uppercase;
}
.contect_btn_news li a:hover {
background: transparent;
border: 2px solid white;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
color: #000000;
}
/*********---------footer wrapper------------**************/
.footer_wrapper {
width: 100%;
background-color: #000000 !important;
float: left;
position: relative;
}
.footer_widget_add {
padding-top: 100px;
text-align: left;
position: relative;
}
.address_main {
text-align: left;
float: left;
position: relative;
}
.box_1_wrapper {
float: left;
width: 30%;
}
.footer_main_wrapper {
float: left;
width: 100%;
padding-bottom: 16px;
margin-left: 25px;
}
.booking_box_div {
width: 70%;
float: left;
}
.address_main:after {
content: "";
position: absolute;
top: 0;
right: 15px;
background-color: #434141;
width: 1px;
height: 523px;
display
}
.footer_widget_add p {
font-size: 15px;
color: #ffffff;
font-weight: 600;
padding-top: 35px;
margin-bottom: 20px;
line-height: 24px;
margin-right: 50px;
}
.footer_widget_add a {
font-size: 14px;
}
.footer_box_add {
float: left;
margin-top: 35px;
width: 100%;
margin-bottom: 30px;
}
.footer_box_add ul {
margin: 0px;
padding: 0px;
width: 100%;
float: left;
font-size: 14px;
}
.footer_box_add ul li {
float: left;
width: auto;
margin-bottom: 10px;
list-style: none;
color: #ffffff;
font-weight: 600;
}
.footer_box_add ul li i {
margin-right: 10px;
line-height: 33px;
border: 2px solid #ffffff;
width: 34px;
height: 34px;
text-align: center;
color: #ffffff;
}
.footer_box_add ul li a {
color: #ffffff;
}
.footer_box_add ul li a:hover {
color: #2ec8a6;
transition: 0.4s;
}
/****footer_2******/
.footer_heading {
padding-top: 110px;
text-align: left;
width: 100%;
}
.footer_heading h1 {
font-size: 20px;
color: #ffffff;
font-weight: 700;
text-transform: uppercase;
}
.footer_gallary {
float: left;
width: auto;
margin-top: 40px;
margin-left: 7px;
}
.footer_gallary img {
margin-bottom: 10px;
}
/****footer_3******/
.footer_ul_wrapper {
float: left;
width: 100%;
}
.footer_ul_wrapper {
float: left;
margin: 0px;
padding: 0px;
width: 100%;
margin-top: 30px;
text-transform: capitalize;
padding-left: 30px;
}
.footer_ul_wrapper ul li {
width: auto;
margin-bottom: 10px;
list-style: none;
}
.footer_ul_wrapper ul li i {
margin-right: 10px;
color: #2ec8a6;
}
.footer_ul_wrapper ul li a {
color: #ffffff;
font-weight: 600;
}
.footer_ul_wrapper ul li a:hover {
color: #2ec8a6;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.footer_menu {
margin-left: 30px;
}
/****footer_4******/
.footer_cnct {
text-align: left;
width: 100%;
margin-top: 40px;
}
.contact_last_div {} .footer_cnct p {
font-size: 14px;
color: #ffffff;
font-weight: 600;
text-transform: capitalize;
}
.footer_cnct p span {
font-weight: 600;
margin-left: 10px;
color: #fff;
}
/****footer_5******/
.footer_botm_wrapper {
float: left;
width: 100%;
padding-top: 46px;
padding-bottom: 30px;
}
.footer_botm_wrapper:after {
content: "";
position: absolute;
top: 430px;
right: 0;
left: 0;
background-color: #434141;
width: 1195px;
height: 1px;
margin-left: -15px;
}
.bottom_footer_copy_wrapper span {
margin: 0;
color: #ffffff;
font-weight: 600;
}
.bottom_footer_copy_wrapper a {
color: #757575;
margin-right: 5px;
}
.bottom_footer_copy_wrapper a:hover {
color: #2ec8a6;
transition: 0.5s;
}
.footer_btm_icon {
float: left;
margin-top: 14px;
}
.bottom_footer_copy_wrapper {
display: inline;
}
.footer_btm_icon ul {
margin: 0px;
padding: 0px;
width: 100%;
float: right;
font-size: 16px;
}
.footer_btm_icon ul li {
float: right;
width: auto;
color: white;
list-style: none;
margin-left: 10px;
}
.footer_btm_icon ul li i {
line-height: 33px;
color: #ffffff;
background-color: transparent;
border: 2px solid #ffffff;
width: 34px;
height: 34px;
text-align: center;
}
.footer_btm_icon ul li a {
color: #373636;
}
.footer_btm_icon ul li a i:hover {
background-color: #2ec8a6;
color: white;
border: 2px solid transparent;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
#return-to-top {
position: absolute;
right: 46px;
z-index: 10000;
background: #2ec8a6;
bottom: 73px;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
z-index: 100;
}
#return-to-top i {
color: white;
text-align: center;
font-size: 16px;
margin: 12px;
margin-left: 13px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#return-to-top:hover {
background-color: #f4ab01;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
#return-to-top i:hover {
color: white;
}
/***********----------services css start----------**********/
/*----------title section---------------*/
.med_tittle_section {
background: url('../images/service_top_img.jpg') 50% 0 repeat-y;
width: 100%;
height: 100%;
background-position: center 0;
background-size: cover;
float: left;
position: relative;
text-align: center;
padding-top: 110px;
padding-bottom: 40px;
margin-top: -95px;
}
.med_img_overlay {
position: absolute;
top: 0%;
left: 0%;
right: 0%;
bottom: 0%;
background: rgba(245, 245, 245, 0.7);
}
.breadcrumb li {
float: left;
}
.breadcrumb {
background-color: white;
display: inline-block;
}
.breadcrumb>li+li:before {
padding: 0 5px;
content: "/\00a0";
}
.med_tittle_cont {
text-align: right;
margin-top: 45px;
}
.med_tittle_cont h1 {
font-size: 32px;
color: #111111;
font-weight: bold;
text-transform: uppercase;
padding-bottom: 20px;
}
.breadcrumb li a {
color: black;
}
.breadcrumb>li+li:before {
color: black;
}
.breadcrumb li:last-child {
color: #2ec8a6;
float: left;
}
/*--------------service slider-------------*/
.ser_slider_wrapper {
float: left;
width: 100%;
}
.ser_section {
margin-top: 0;
}
.ser_slider_wrapper .owl-carousel .owl-item img {
width: auto;
}
.ser_slider_wrapper .owl-theme .owl-nav {
display: none;
}
.ser_slider_wrapper .owl-theme .owl-dots .owl-dot span {
width: 13px;
height: 13px;
margin: 50px 5px;
background: transparent;
display: block;
-webkit-backface-visibility: visible;
transition: opacity 200ms ease;
border-radius: 30px;
border: 1px solid #2ec8a6;
}
.ser_slider_wrapper .owl-theme .owl-dots .owl-dot.active span,
.team_slider_wrapper .owl-theme .owl-dots .owl-dot:hover span {
background: #2ec8a6;
display: block;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.ser_abt {
width: 100%;
float: left;
background-color: #f2f2f2;
padding-top: 100px;
}
.ser_abt_img_resp {
float: left;
width: 100%;
}
/***********----------appointment css start----------**********/
.book_section {
float: left;
width: 100%;
background-color: #f9f9f9;
}
.avail_section {
float: left;
width: 100%;
background-color: white;
position: relative;
margin-top: -130px;
padding-top: 210px;
}
.chat_box_clr {
background-color: white;
}
/***********calender css**********/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
/* 1 */
vertical-align: baseline;
/* 2 */
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background: transparent;
}
/**
* Improve readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px solid white;
}
/**
* Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
*/
b,
strong {
font-weight: bold;
}
mark {
background: #ff0;
color: #000;
}
/**
* Address inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
/**
* Correct overflow displayed oddly in IE 9.
*/
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
/**
* Contain overflow in all browsers.
*/
pre {
overflow: auto;
}
/**
* Address odd `em`-unit font size rendering in all browsers.
*/
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
/* 1 */
font: inherit;
/* 2 */
margin: 0;
/* 3 */
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
/* 1 */
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
/* 2 */
cursor: pointer;
/* 3 */
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
/* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
/* 2 */
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
/* 1 */
padding: 0;
/* 2 */
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
.datepicker {
padding: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
direction: ltr;
}
.datepicker-inline {
width: 220px;
}
.datepicker.datepicker-rtl {
direction: rtl;
}
.datepicker.datepicker-rtl table tr td span {
float: right;
}
.datepicker-dropdown {
top: 0;
left: 0;
}
.datepicker-dropdown:before {
content: '';
display: inline-block;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #ccc;
border-top: 0;
border-bottom-color: rgba(0, 0, 0, 0.2);
position: absolute;
}
.datepicker-dropdown:after {
content: '';
display: inline-block;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #ffffff;
border-top: 0;
position: absolute;
}
.datepicker-dropdown.datepicker-orient-left:before {
left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after {
left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before {
right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after {
right: 7px;
}
.datepicker-dropdown.datepicker-orient-top:before {
top: -7px;
}
.datepicker-dropdown.datepicker-orient-top:after {
top: -6px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
bottom: -7px;
border-bottom: 0;
border-top: 7px solid #999;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
bottom: -6px;
border-bottom: 0;
border-top: 6px solid #ffffff;
}
.datepicker > div {
display: none;
}
.datepicker.days div.datepicker-days {
display: block;
}
.datepicker.months div.datepicker-months {
display: block;
}
.datepicker.years div.datepicker-years {
display: block;
}
.datepicker table {
margin: 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.datepicker td,
.datepicker th {
text-align: center;
width: 100px;
height: 100px;
background-color: #f0f0f0;
font-size: 20px;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
background-color: #f0f0f0;
font-size: 20px;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
background: #d1d1d1;
font-size: 20px;
cursor: pointer;
width: 100px;
height: 100px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
color: black;
font-size: 20px;
border: 2px solid white;
width: 100px;
height: 100px;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
background: none;
color: black;
font-size: 20px;
cursor: default;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
background-color: #abf3aa;
font-size: 20px;
color: #000 !important;
}
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
background-color: #abf3aa;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active {
background-color: #abf3aa;
}
.datepicker table tr td.today:hover:hover {
color: #000;
}
.datepicker table tr td.today.active:hover {
color: #fff;
}
.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
background: #eeeeee;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
background-color: #abf3aa;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled] {
background-color: #f3e97a;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active {
background-color: #abf3aa;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
background-color: #ff8c00;
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled] {
background-color: #808080;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active {
background-color: #666666 \9;
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
background-color: #abf3aa;
color: #fff !important;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
background-color: #d1d1d1;
}
.datepicker table tr td span {
display: block;
width: 23%;
height: 54px;
line-height: 54px;
float: left;
margin: 1%;
cursor: pointer;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border: 2px solid white;
}
.datepicker table tr td span:hover {
background: #eeeeee;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
background: none;
color: #999999;
cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
background-color: #ff8c00;
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
background-color: ##ff8c00;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
background-color: #003399 \9;
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
color: #999999;
border: 2px solid white;
}
.datepicker th.datepicker-switch {
width: 145px;
}
.datepicker thead tr:first-child th,
.datepicker tfoot tr th {
cursor: pointer;
background-color: #f4ab01;
color: white;
font-size: 22px;
border: none;
width: 70px;
height: 70px;
text-transform: uppercase;
}
.datepicker .cw {
font-size: 10px;
width: 12px;
padding: 0 2px 0 5px;
vertical-align: middle;
}
.datepicker thead tr:first-child th.cw {
cursor: default;
background-color: transparent;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
cursor: pointer;
width: 16px;
height: 16px;
}
.input-daterange input {
text-align: center;
}
.input-daterange input:first-child {
-webkit-border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
}
.input-daterange input:last-child {
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
}
.input-daterange .add-on {
display: inline-block;
width: auto;
min-width: 16px;
height: 20px;
padding: 4px 5px;
font-weight: normal;
line-height: 20px;
text-align: center;
text-shadow: 0 1px 0 #ffffff;
vertical-align: middle;
background-color: #eeeeee;
border: 1px solid #ccc;
margin-left: -5px;
margin-right: -5px;
}
.datepicker.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
float: left;
display: none;
min-width: 160px;
list-style: none;
background-color: #ffffff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
*border-right-width: 2px;
*border-bottom-width: 2px;
color: #333333;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 13px;
line-height: 20px;
}
.datepicker.dropdown-menu td,
.datepicker.datepicker-inline td {
padding: 15px 5px;
border: 2px solid white;
color: black;
}
.datepicker .dow {
background: #2ec8a6;
color: white;
font-size: 22px;
height: 70px;
text-transform: uppercase;
}
.datepicker-months .prev,
.datapicker-months .next,
.datepicker-years .prev,
.datepicker-years .next {
width: 58px;
}
.datepicker-days tbody td:nth-child(7) {
background-color: #f3b0b0;
color: black;
}
@import url("normalize.html");
@import url("datepicker.css");
/* app */
.charset {
box-shadow: 1px 1px 10px #000;
}
.app {
float: left;
width: 100%;
}
.app:after {
content: "";
display: table;
clear: both;
}
.app__side {
background: #333;
width: 35%;
height: 100%;
padding: 40px;
float: left;
color: #ff8c00;
}
.app__main {
width: 100%;
float: left;
}
/* b-calendar */
.calendar .datepicker {
width: 100%;
overflow-x: scroll;
}
.calendar .datepicker table {
width: 100%;
}
/*********----------doctor info-------**********/
.med_doctor_info {
float: left;
width: 100%;
line-height: 50px;
padding-top: 75px;
padding-bottom: 25px;
background-color: #2ec8a6;
color: #ffffff;
font-family: 'Open Sans', sans-serif;
}
.doctor_info h1 {
color: white;
font-size: 22px;
font-weight: bold;
text-transform: uppercase;
}
.doctor_info span {
font-size: 16px;
font-weight: 400;
margin-left: 10px;
text-transform: uppercase;
}
.doctor_info p {
font-size: 18px;
margin-top: -5px;
}
.doctor_info {
float: left;
width: 100%;
}
.doctor_info ul {
margin: 0px;
padding: 0px;
width: 100%;
float: left;
margin-top: -12px;
}
.doctor_info li {
display: inline-block;
width: auto;
list-style: none;
font-size: 18px;
margin-right: 30px;
}
.doctor_info ul li i {
margin-right: 10px;
line-height: 33px;
border: 2px solid #55d0b5;
width: 36px;
height: 36px;
text-align: center;
}
.doctor_info ul li a {
color: #ffffff;
}
.doctor_info ul li a:hover {
color: #f4ab01;
transition: 0.5s;
}
.bio_section_doc {
float: left;
width: 100%;
background-color: white;
}
.single_doc {
float: left;
width: 100%;
background-color: #2ec8a6;
font-size: 16px;
color: #ffffff;
position: absolute;
font-family: 'Open Sans', sans-serif;
line-height: 55px;
bottom: -95px;
left: 0;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
right: 0;
margin: 0px auto;
}
.team_about:hover .single_doc {
bottom: 0;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.single_doc ul {
margin-left: 40px;
width: 100%;
float: left;
display: inline-block;
margin-top: 20px;
height: 50px;
}
.single_doc ul li {
float: left;
width: auto;
list-style: none;
margin-left: 20px;
margin-bottom: 0;
margin-top: -9px;
}
.doc_img_top {
float: left;
width: 100%;
position: relative;
margin-top: -150px;
z-index: 50;
}
.bio_doc_txt {
text-align: left;
width: 100%;
}
.doc_appoint_2 {
float: left;
width: 100%;
background-color: white;
padding-top: 80px;
padding-bottom: 100px;
}
.contact_btn_wrapper li a {
width: 170px;
height: 45px;
line-height: 45px;
background: #2ec8a6;
color: #fff;
float: left;
border-radius: 100px;
text-align: center;
text-transform: capitalize
}
.doc_single_forms input {
width: 100%;
height: 50px;
border: 2px solid #dcdcdc;
padding-left: 20px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.doc_single_forms input:hover,
.doc_single_forms input:focus {
border: 2px solid #2ec8a6;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.appoint_btn ul {
list-style: none;
float: left;
}
.appoint_btn li a {
width: 260px;
height: 50px;
float: left;
color: white;
background: #2ec8a6;
text-align: center;
line-height: 47px;
border-radius: 50px;
font-size: 16px;
font-weight: bold;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
border: 2px solid transparent;
}
.appoint_btn li a:hover {
background: transparent;
border: 2px solid #2ec8a6;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
color: #000000;
}
.speacilist_team_section {
background: url('../images/speacialist.jpg') 50% 0 repeat-y;
float: left;
width: 100%;
height: 100%;
background-position: center 0;
background-size: cover;
background-repeat: no-repeat;
position: relative;
}
.speacilist_overlay {
position: absolute;
top: 0%;
left: 0%;
right: 0%;
bottom: 0%;
background: rgba(9, 9, 9, 0.9);
}
.special_team_heading h1,
.special_team_heading p {
float: left;
width: 100%;
color: white;
}
.special_icon_section {
position: relative;
bottom: 30px;
}
/********-------our doctor portfolio section-----*******/
.portfolio_section {
float: left;
text-align: center;
width: 100%;
background-color: white;
}
.portfolio-area {
float: left;
width: 100%;
}
#filter li a {
display: block;
font-size: 16px;
color: black;
cursor: pointer;
color: #000000;
font-weight: 700;
text-transform: uppercase;
padding: 5px 25px;
border: 2px solid transparent;
margin-right: 10px;
border-radius: 20px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
#filter li a:hover,
#filter li a.active {
background: none;
border: 2px solid #f4ab01;
color: #d99a09;
border-radius: 20px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
#filter li a:last-child {
display: inline-block;
float: left;
}
/*********--------event section------**********/
.event_section {
float: left;
width: 100%;
background-color: #f9f9f9;
}
.event_txt_anch {
text-align: left;
width: 100%;
margin-top: 0;
}
.event_txt_anch p {
color: #757575;
font-size: 16px;
line-height: 28px;
text-align: justify;
}
.event_txt_anch ul {
margin: 0px;
padding: 0px;
width: 100%;
float: left;
margin-top: 20px;
margin-bottom: 15px;
}
.event_txt_anch ul li {
float: left;
width: auto;
font-size: 14px;
margin-right: 30px;
list-style: none;
}
.event_txt_anch ul li i {
margin-right: 10px;
}
.event_txt_anch ul li a {
color: #757575;
}
.event_txt_anch ul li a:hover {
color: #f4ab01;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.event_txt_anch h2 {
margin-top: 0;
line-height: 35px;
color: black;
font-size: 22px;
font-weight: 600;
text-transform: capitalize;
}
.event_btn_section {
float: left;
width: 100%;
text-align: center;
margin-bottom: 40px;
}
.event_btn_section ul {
padding: 0;
margin: 0;
display: inline-block;
list-style: none;
}
.event_txt_anch .event_btn_section li a {
width: 170px;
height: 50px;
float: left;
background: #2ec8a6;
color: white;
text-align: center;
line-height: 35px;
border-radius: 50px;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
margin-top: 15px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
border: 2px solid #2ec8a6;
}
.event_txt_anch .event_btn_section li a:hover {
background: transparent;
border: 2px solid #2ec8a6;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
color: black;
}
.event_img_count {
float: left;
position: relative;
width: 100%;
border: 1px solid transparent;
}
.event_img_count figure {
display: block;
margin: 0;
overflow: hidden;
}
.event_img_count figure img {
width: 100%;
display: block;
transition: all 0.3s;
border: 1px solid transparent;
}
.event_img_count:hover figure img {
transform: scale(1.1, 1.1);
transition: 0.5s;
}
#countdown {
width: 100%;
}
#countdown label {
clear: both;
display: block;
font-weight: normal;
font-size: 16px;
margin-top: -10px;
color: #757575;
}
#countdown span {
font-size: 30px;
font-weight: 600;
text-align: center;
width: 80px;
height: 80px;
border: 6px solid #f5f5f5;
display: block;
float: left;
text-align: center;
line-height: 70px;
margin-top: -10px;
margin-left: 30px;
}
#countdown span:first-child {
background-color: #fff;
color: #35a4d9;
margin-left: 0;
}
#countdown span:nth-child(2) {
background-color: #fff;
color: #2ec8a6;
}
#countdown span:nth-child(3) {
background-color: #fff;
color: #024aa0;
}
#countdown span:last-child {
background-color: #fff;
color: #2ec8a6;
}
/*******--------gallaery II css-------**********/
.portfolio-area {
float: left;
width: 100%;
background-color: #fff;
}
.portfolio_icon_wrapper a {
position: absolute;
right: 20px;
bottom: 20px;
}
.portfolio_icon_wrapper i {
color: #fff;
font-size: 18px;
}
.portfolio_icon_wrapper:before {
content: '';
border-left: 100px solid transparent;
border-bottom: 100px solid #2ec8a6;
position: absolute;
bottom: 0;
right: 0;
}
.portfolio-thumb:hover .portfolio_icon_wrapper:before {
border-left: 100px solid transparent;
border-bottom: 100px solid #f4ab01;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
}
.portfolio-area .portfolio-thumb {
position: relative;
margin-bottom: 30px;
overflow: hidden;
}
.portfolio-area .portfolio-thumb::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: -80%;
bottom: -80%;
cursor: pointer;
background: rgba(0, 0, 0, 0.6);
opacity: 0;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
}
.portfolio-area .portfolio-wrapper:hover .portfolio-thumb::before {
left: 0;
bottom: 0;
opacity: 1;
}
.portfolio-area .portfolio-thumb img {
width: 100%;
}
.portfolio-area .portfolio-info {
position: absolute;
text-align: Center;
background: rgba(0, 0, 0, 0.7);
top: 50px;
padding: 50px;
left: 30px;
opacity: 0;
}
.portfolio-area .portfolio-wrapper:hover .portfolio-info {
left: 40px;
top: 110px;
right: 45px;
opacity: 1;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
}
.portfolio-area .portfolio-info h3 {
font-size: 20px;
font-weight: 500;
text-transform: capitalize;
margin-bottom: 0;
color: #ffffff;
}
.portfolio-area .portfolio-info p {
font-size: 16px;
text-align: center;
text-transform: capitalize;
margin-bottom: 0;
}
.portfolio-info h3:after {
content: '';
border: 1px solid #fca900;
display: block;
width: 80px;
margin-bottom: 40px;
position: relative;
top: 20px;
z-index: 1;
left: 140px;
}
/*portfolio-filter*/
.truck_filter_wrapper {
margin-bottom: 30px;
}
#filter li a {
display: block;
font-size: 16px;
color: black;
cursor: pointer;
color: #000000;
font-weight: bold;
text-transform: uppercase;
padding: 5px 25px;
border: 2px solid transparent;
margin-right: 10px;
border-radius: 20px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
#filter li a:hover,
#filter li a.active {
background: none;
border: 2px solid #f4ab01;
color: #f4ab01;
border-radius: 20px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
#filter li a:last-child {
margin-right: 0px;
}
@media(max-width: 590px) {
#filter li {
margin-bottom: 10px;
}
}
.portfolio-area .protfoli_filter li:hover a,
.portfolio-area .protfoli_filter li:focus a,
.portfolio-area .protfoli_filter li.active a {
background: none;
border: 2px solid #f4ab01;
color: #f4ab01;
border-radius: 20px;
}
.portfolio-area .protfoli_filter {
padding-bottom: 50px;
display: inline-block;
}
.portfolio-area .protfoli_filter li {
float: left;
border: 0;
margin-right: 10px;
}
.portfolio-area .protfoli_filter li a {
display: inline-block;
border: 2px solid transparent;
font-size: 16px;
font-weight: 500;
text-align: center;
color: #000000;
font-weight: bold;
text-transform: uppercase;
padding: 5px 25px;
border-radius: 25px;
list-style: none;
webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.portfolio-area .portfoli_inner .portfolio-wrapper {
margin-bottom: 30px;
border-radius: 5px;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
.portfolio-btn .btn {
width: 160px;
height: 50px;
border: 2px solid transparent;
color: #fff;
background: #2ec8a6;
font-size: 14px;
line-height: 35px;
text-transform: uppercase;
font-weight: 600;
border-radius: 100px;
margin-top: 20px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.gallerY_btn {
margin-left: 42%;
}
.portfolio-btn .btn:hover {
background: transparent;
border: 2px solid #2ec8a6;
color: #000;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.portfolio_filter li a {
border: 2px solid transparent;
}
.portfolio-area .gallerY_wrapper.protfoli_filter {
padding-bottom: 50px;
display: inline-block;
margin-left: 30%;
}
.pop-up-icon ul {
list-style: none;
padding: 0;
margin: 0;
}
.pop-up-icon li a {
float: left;
margin-left: 50px;
}
.IV_column {
width: 25%;
}
@media (min-width: 767px) and (max-width: 991px) {
.IV_column {
width: 33.3%;
}
}
@media (max-width: 767px) {
.IV_column {
width: 100%;
}
}
/********------contact us section------**********/
.contact_us_section {
background: url('../images/cc.png');
float: left;
width: 100%;
background-position: center 0;
background-size: cover;
background-repeat: no-repeat;
}
.cont_main_section {
margin-top: -10px;
}
.dc_cont_div input {
border: 2px solid #dcdcdc;
color: #8a8a8a;
}
.dc_cont_div textarea {
border: 2px solid #dcdcdc;
margin-bottom: 0px;
margin-top: 20px;
color: #8a8a8a;
}
.dc_cont_div textarea:hover,
.dc_cont_div textarea:focus {
border: 2px solid #000000;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.dc_cont_div input:hover,
.dc_cont_div input:focus {
border: 2px solid #000000;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.contact_btn_wrapper button {
list-style: none;
float: left;
margin: 0;
padding: 0;
}
.contact_btn_wrapper button {
width: 160px;
height: 50px;
float: left;
color: white;
background: #bad700;
text-align: center;
line-height: 47px;
border-radius: 50px;
font-size: 16px;
font-weight: 400;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
border: 2px solid transparent;
}
.contact_btn_wrapper button:hover {
background: transparent;
border: 2px solid #2ec8a6;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
color: #000000;
}
.cont_cat_abt {
margin-top: 0;
width: 100%;
height: 200px;
border: 2px solid #2ec8a6;
}
.cont_cat_txt {
left: 0;
position: relative;
width: 100%;
margin-top: 25px;
}
.dc_icon_section {
bottom: 31px;
}
.dc_icon_section img {
left: 23px;
}
.cont_cat_abt:hover {
border-color: #f4ab01;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.cont_last_child h1 {
text-transform: lowercase;
}
.cont_dc_map {
margin-top: -80px;
}
.news_section_dc {
float: left;
width: 100%;
padding-top: 100px;
background-color: #f9f9f9;
padding-bottom: 100px;
}
.news_dc_txt h3 {
float: left;
width: 100%;
font-size: 22px;
color: #2ec8a6;
font-weight: 700;
margin-bottom: 20px;
text-transform: uppercase;
}
.edu_news_form button {
width: 230px;
height: 50px;
float: left;
color: white;
text-transform: uppercase;
background: #2ec8a6;
text-align: center;
line-height: 47px;
border-radius: 50px;
font-size: 16px;
position: absolute;
right: -7px;
border: 2px solid transparent;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.edu_news_form {
margin-top: 30px;
}
.news_wrapper .edu_news_form {
text-transform: lowercase;
color: #757575;
}
.edu_news_form button:hover {
background: transparent;
border: 2px solid #2ec8a6;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
color: #000000;
}
.edu_news_form input {
width: 100%;
height: 50px;
float: left;
font-size: 14px;
padding-left: 10px;
font-weight: 600;
position: relative;
border: 2px solid #d7d7d7;
border-right: 2px solid transparent;
}
/********--------pricing table section-------***********/
.pricing_section {
float: left;
width: 100%;
text-align: center;
background-color: white;
}
.pricing_box1_wrapper {
background: #2ec8a6;
position: relative;
text-align: center;
}
.box1_heading_wrapper h1,
.pricing_cont_wrapper h1 {
font-size: 22px;
font-weight: bold;
text-transform: uppercase;
padding: 20px;
background-color: #29a489;
}
.price_box1 {
background-color: #ffffff;
z-index: 10;
position: relative;
display: inline-block;
padding: 10px 22px;
}
.price_box1:before {
content: "";
border-bottom: 121px solid transparent;
border-left: 17px solid #fff;
right: -17px;
top: 0px;
position: absolute;
}
.price_box1:after {
content: "";
border-top: 126px solid transparent;
border-right: 16px solid #fff;
left: -16px;
top: -2px;
position: absolute;
}
.price_box1 span {
font-size: 52px;
color: #222222;
font-weight: bold;
position: relative;
top: 15px;
}
.price_box1 h1 {
font-weight: bold;
font-size: 24px;
margin-top: 15px;
color: #222222;
}
.price_box1 p {
margin-top: 15px;
color: #222222;
}
.box1_heading_wrapper {
width: 100%;
}
.price_box1_wrapper {
text-align: center;
}
.pricing_box1_wrapper:hover .box1_heading_wrapper h1 {
background-color: #e1b347;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.pricing_box1_wrapper:hover .pricing_cont_wrapper h1 {
background-color: #e1b347;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.pricing_box1_wrapper:hover {
background: #f7c44e;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.pricing_cont ul {
list-style: none;
padding: 0;
text-transform: capitalize;
margin-top: 40px;
}
.pricing_cont li {
font-size: 16px;
color: #f8f4f4;
margin-top: 15px;
}
.pricing_btn_wrapper {
text-align: center;
}
.pricing_btn {
display: inline-block;
padding-bottom: 45px;
}
.pricing_btn ul {
padding: 0;
list-style: none;
margin-top: 25px;
}
.pricing_btn li a {
width: 280px;
height: 50px;
float: left;
color: #000000;
background: #ffffff;
text-align: center;
line-height: 49px;
font-size: 14px;
border-radius: 50px;
text-transform: uppercase;
font-weight: 600;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.pricing_btn li a:hover {
background: white;
color: #000000;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.additional_info {
float: left;
width: 100%;
margin-bottom: -20px;
}
/**********------iV gallery css section------*******/
.portfolio_icon_wrapper_iv:before {
content: '';
border-left: 80px solid transparent;
border-bottom: 80px solid #2ec8a6;
position: absolute;
bottom: 0;
right: 0;
}
.portfolio_icon_wrapper_iv a {
position: absolute;
right: 15px;
bottom: 15px;
}
.portfolio_icon_wrapper_iv i {
color: #fff;
font-size: 18px;
}
.portfolio-thumb:hover .portfolio_icon_wrapper_iv:before {
border-left: 80px solid transparent;
border-bottom: 80px solid #f4ab01;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
}
.portfolio-area .portfolio-info_iv {
position: absolute;
text-align: Center;
background: rgba(0, 0, 0, 0.7);
top: 0;
padding: 0px;
left: 30px;
opacity: 0;
height: 150px;
}
.portfolio-area .portfolio-wrapper:hover .portfolio-info_iv {
left: 40px;
top: 40px;
right: 40px;
opacity: 1;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
}
.portfolio-area .portfolio-info_iv h3 {
margin-top: 32px;
font-size: 18px;
font-weight: 500;
text-transform: capitalize;
margin-bottom: 0;
color: #ffffff;
}
.portfolio-area .portfolio-info_iv p {
font-size: 14px;
text-align: center;
line-height: 20px;
text-transform: capitalize;
margin-bottom: 0;
}
.portfolio-info_iv h3:after {
content: '';
border: 1px solid #fca900;
display: block;
width: 80px;
margin-bottom: 20px;
position: relative;
top: 10px;
z-index: 1;
left: 55px;
}
/**********------III gallery css section------*******/
.portfolio_icon_wrapper_3:before {
content: '';
border-left: 80px solid transparent;
border-bottom: 80px solid #7a2b7d;
position: absolute;
bottom: 0;
right: 0;
}
.portfolio_icon_wrapper_3 a {
position: absolute;
right: 15px;
bottom: 15px;
}
.portfolio_icon_wrapper_3 i {
color: #fff;
font-size: 18px;
}
.portfolio-thumb:hover .portfolio_icon_wrapper_3:before {
border-left: 80px solid transparent;
border-bottom: 80px solid #bad700;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
}
.portfolio-area .portfolio-info_3 {
position: absolute;
text-align: Center;
background: rgba(0, 0, 0, 0.7);
top: 0;
padding: 30px;
left: 30px;
opacity: 0;
}
.portfolio-area .portfolio-wrapper:hover .portfolio-info_3 {
left: 40px;
top: 60px;
right: 40px;
opacity: 1;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
}
.portfolio-area .portfolio-info_3 h3 {
font-size: 20px;
font-weight: 500;
text-transform: capitalize;
margin-bottom: 0;
color: #ffffff;
}
.portfolio-area .portfolio-info_3 p {
font-size: 14px;
text-align: center;
text-transform: capitalize;
margin-bottom: 0;
}
.portfolio-info_3 h3:after {
content: '';
border: 1px solid #fca900;
display: block;
width: 80px;
margin-bottom: 20px;
position: relative;
top: 10px;
z-index: 1;
left: 70px;
}
/*********-------blog category section----**********/
.blog_section,
.blog_category_main_wrapper {
float: left;
width: 100%;
background-color: white;
}
.contect_form_blog input {
width: 100%;
height: 50px;
padding-left: 20px;
background: transparent;
color: #757575;
border: 2px solid #d4d4d4;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.contect_form_blog i {
margin-left: -30px;
color: #2ec8a6;
}
.contect_form_blog input:hover {
border: 2px solid #2ec8a6;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.right_blog_category_wrapper {
float: left;
width: 100%;
margin-top: 35px;
}
.right_blog_category_wrapper h4 {
font-size: 20px;
color: #000000;
text-transform: uppercase;
font-weight: bold;
}
.right_blog_category_list_wrapper ul {
margin-top: 20px;
padding: 0;
}
.right_blog_category_list_wrapper li:first-child {
margin-top: 0;
}
.right_blog_category_list_wrapper ul li i {
color: #2ec8a6;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.right_blog_category_list_wrapper li {
margin-top: 10px;
text-transform: capitalize;
list-style: none;
}
.right_blog_category_list_wrapper li a {
color: #757575;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.right_blog_category_list_wrapper li a:hover {
color: #2ec8a6;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.right_blog_category_list_wrapper li i {
color: #757575;
padding-right: 10px;
}
.right_blog_1 {
margin-top: 25px;
}
.gc_footer_ln_main_wrapper,
.gc_footer_ul_main_wrapper,
.gc_footer_insta_main_wrapper {
float: left;
width: 100%;
margin-top: 40px;
}
.gc_footer_ln_main_wrapper2 {
float: left;
width: 100%;
margin-top: 30px;
}
.gc_footer_ln_img_wrapper {
float: left;
width: 80px;
}
.gc_footer_ln_cont_wrapper {
float: left;
width: calc(100% - 80px);
padding-left: 20px;
}
.gc_footer_ln_cont_wrapper h4 a {
font-size: 14px;
color: #222222;
text-transform: capitalize;
font-weight: 600;
line-height: 20px;
}
.gc_footer_ln_cont_wrapper h4 a:hover {
color: #2ec8a6;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.gc_footer_ln_cont_wrapper p {
font-size: 14px;
margin-top: 10px;
color: #2ec8a6;
}
.gc_footer_ln_img_wrapper img {
border: 2px solid transparent;
}
.gc_footer_ln_img_wrapper img:hover {
border: 2px solid #2ec8a6;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.gc_right_blog_insta_wrapper {
float: left;
width: 100%;
}
.gc_footer_insta_main_wrapper {
float: left;
width: auto;
margin-top: 40px;
}
.gc_footer_insta_main_wrapper img {
margin-bottom: 10px;
}
.gc_footer_insta_main_wrapper ul {
margin: 0;
padding: 0;
float: left;
width: 100%;
}
.gc_footer_insta_main_wrapper ul li {
float: left;
margin-left: 9px;
list-style: none;
}
.gc_footer_insta_main_wrapper img {
border: 2px solid transparent;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.gc_footer_insta_main_wrapper img:hover {
border: 2px solid #2ec8a6;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.gc_blog_cloud_side_menu ul {
list-style: none;
padding: 0;
margin: 0;
margin-top: 30px;
}
.gc_blog_cloud_side_menu li {
float: left;
margin-bottom: 12px;
text-transform: capitalize;
margin-right: 9px;
font-size: 14px;
margin-top: 15px;
}
.gc_blog_cloud_side_menu li a {
border: 2px solid transparent;
padding: 7px;
background: #2ec8a6;
border-radius: 20px;
padding-left: 10px;
padding-right: 10px;
color: white;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.gc_blog_cloud_side_menu li a:hover {
border: 2px solid #2ec8a6;
background: #ece9e9;
color: black;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.blog_index_post_wrapper {
float: left;
width: 100%;
}
.blog_index_img_wrapper iframe {
width: 100%;
height: 440px;
}
.post_blog_slider {
float: left;
width: 100%;
}
.post_blog_slider .owl-theme .owl-dots .owl-dot {
display: none;
}
.post_blog_slider .item {
width: 100%;
}
.post_blog_slider .owl-theme .owl-nav {
position: absolute;
bottom: 0;
margin: 0;
right: 20px;
top: 5%;
z-index: 1000;
display: block;
}
.post_blog_slider .owl-prev {
position: absolute;
left: -50px;
}
.post_blog_slider .owl-theme .owl-nav .owl-prev,
.post_blog_slider .owl-theme .owl-nav .owl-next {
color: white;
font-size: 20px;
display: inline-block;
cursor: pointer;
background-color: #2ec8a6;
height: 30px;
width: 30px;
line-height: 1;
left: -40px;
border-radius: 100%;
}
.post_blog_slider .owl-theme .owl-nav .owl-next i {
margin-left: 3px;
}
.post_blog_slider .owl-theme .owl-nav .owl-prev i {
margin-right: 1px;
margin-top: 1px;
}
.post_blog_slider .owl-theme .owl-nav .owl-next:hover {
color: white;
background-color: #f4ab01;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.post_blog_slider .owl-theme .owl-nav .owl-prev:hover {
color: white;
background-color: #f4ab01;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.page_post {
float: left;
width: 100%;
text-align: center;
margin-bottom: -25px;
}
.pagination>li>a,
.pagination>li>span {
position: relative;
float: left;
width: 50px;
height: 50px;
color: #000000;
text-decoration: none;
background-color: #f3f0f0;
border: none;
font-size: 18px;
font-weight: 600;
margin-right: 20px;
line-height: 2;
}
.pagination>li>a i {
font-weight: 600;
}
.pagination>li>a:hover {
background: #f4ab01;
color: white;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.pagination>li:first-child>a,
.pagination>li:first-child>span {
margin-left: 0;
color: white;
background-color: #2ec8a6;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
.pagination>li:first-child>a:hover {
background: #f4ab01;
transition: all 0.5s;
}
.pagination>li:last-child>a:hover {
background: #f4ab01;
transition: all 0.5s;
}
.pagination>li:last-child>a,
.pagination>li:last-child>span {
border-top-right-radius: 0px;
color: white;
border-bottom-right-radius: 0px;
background-color: #2ec8a6;
}
/*******--------blog single css------**********/
.blog_single_txt {
float: left;
width: 100%;
text-align: left;
padding: 50px;
background-color: #2ec8a6;
}
.blog_txt_body p {
font-size: 18px;
line-height: 26px;
font-style: italic;
color: white;
font-family: 'Droid Serif', sans-serif;
}
.blog_txt_body img {
float: left;
display: inline-block;
}
.blog_txt_body h5 {
float: left;
font-size: 16px;
margin-top: 15px;
margin-left: 10px;
}
.client_img_abt img {
width: 60px;
height: 60px;
}
.left_blog_icon ul li i {
color: #2ec8a6;
}
.left_blog_icon ul li {
color: #575757;
margin-top: 5px;
}
.blog_txt_section {
float: left;
width: 100%;
background-color: #2ec8a6;
padding: 47px;
}
.img_wrapper_blog {
float: left;
width: 20%;
}
.blog_event_section {
padding-left: 35px;
text-align: left;
position: relative;
overflow: hidden;
width: 80%;
}
.blog_event_section h2 {
margin-top: 0;
color: white;
font-size: 18px;
font-weight: 500;
text-transform: capitalize;
}
.blog_event_section p {
color: #f5f2f2;
font-size: 16px;
line-height: 26px;
}
.blog_event_section ul {
margin: 0px;
padding: 0px;
width: 100%;
float: left;
margin-top: 20px;
}
.blog_event_section ul li {
float: right;
width: auto;
font-size: 16px;
margin-right: 15px;
list-style: none;
}
.blog_event_section ul li a {
color: white;
}
.blog_event_section ul li i:hover {
color: #f4ab01;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
.comment_box_blog {
float: left;
width: 100%;
}
.blog_comment1_wrapper {
border: 2px solid #dcdcdc;
padding-left: 20px;
padding-right: 10px;
float: left;
width: 100%;
}
.cmnt_wraper_2 {
border-top: none;
float: left;
width: 100%;
}
.blog_comment1_img {
padding-top: 25px;
float: left;
width: 100%;
width: 130px;
}
.blog_comment1_cont {
float: left;
padding-left: 20px;
width: calc(100% - 130px);
padding-top: 23px;
padding-bottom: 14px;
padding-right: 10px;
}
.blog_comment1_cont h3 {
font-size: 18px;
color: black;
font-weight: 500;
text-transform: capitalize;
margin-bottom: 5px;
}
.blog_comment1_cont h3 span {
color: #2ec8a6;
padding-left: 5px;
}
.blog_comment1_cont p span {
color: #2ec8a6;
font-size: 14px;
}
.blog_comment1_cont p a:hover {
color: #f4ab01;
transition: all 0.5s;
}
.cmnt_area {
float: left;
width: 100%;
}
.footer_gallary ul {
margin: 0;
padding: 0;
float: left;
width: 100%;
}
.footer_gallary ul li {
float: left;
margin-left: 3px;
list-style: none;
}
.footer_gallary img {
border: 2px solid transparent;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.footer_gallary img:hover {
border: 2px solid #2ec8a6;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
/*******-----------about us wrapper---------*********/
.abt_service_section {
float: left;
padding-bottom: 108px;
width: 100%;
}
.about_img {
float: left;
display: inline-block;
width: 100%;
}
.abt_2_heading_mn {
margin-top: 0px;
padding-top: 140px;
}
.abt_service_section {
float: left;
width: 100%;
text-align: center;
}
.abt_left_section {
float: left;
width: 100%;
}
.abt_left_section img {
float: left;
width: 100%;
}
.about_us_wrapper {
float: left;
width: 100%;
padding-top: 50px;
}
.sidebar_right_abt {
float: left;
width: 100%;
text-align: left;
margin-top: -30px;
}
.top_service_wrapper {
background: url('../images/top_service_img.jpg') 50% 0 repeat-y;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
z-index: -9999;
background-position: center 0;
overflow: hidden;
background-size: cover;
text-align: center;
}
.top_serv_overlay {
padding-top: 100px;
background: rgba(245, 245, 245, 0.8);
padding-bottom: 100px;
}
.top_serv_txt {
margin-top: 0px;
}
.kv_logo_wrapper {
float: left;
width: auto;
}
.kv_navi_main_wrapper {
background: #292b2f;
box-shadow: 2px 0 20px rgba(0, 0, 0, 0.05);
z-index: 10;
position: relative;
height: 113px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.kv_logo_wrapper a {
float: left;
padding: 30px 0px;
}
.menu-bar {
cursor: pointer;
position: relative;
right: 15px;
z-index: 9;
height: 42px;
display: block;
float: right;
margin-top: 15px;
}
.menu-bar span {
background-color: #fff;
display: block;
height: 2px;
margin-bottom: 6px;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
width: 30px;
}
.mainmenu.menu-open {
position: relative;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
right: 15px;
visibility: visible;
}
.mainmenu ul li {
display: inline-block;
}
.mainmenu ul li a {
color: #fff;
display: block;
text-transform: uppercase;
font-size: 14px;
position: relative;
overflow: hidden;
padding: 5px 20px;
top: 15px;
font-weight: 500;
-webkit-transition: 0.6s ease;
-moz-transition: 0.6s ease;
-o-transition: 0.6s ease;
-ms-transition: 0.6s ease;
transition: 0.6s ease;
}
.gc_main_navigation {
border-radius: 20px;
}
.gc_main_navigation .gc_main_navigation,
.mainmenu ul li.active > .gc_main_navigation {
position: relative;
}
.mainmenu ul li .gc_main_navigation,
.mainmenu ul li.active > .gc_main_navigation {
border: 2px solid transparent;
}
.mainmenu ul li:hover .gc_main_navigation,
.mainmenu ul li.active > .gc_main_navigation {
opacity: 1;
background: transparent;
border: 2px solid #2ec8a6;
color: #000000;
border-radius: 20px;
-webkit-transition: 0.6s ease;
-moz-transition: 0.6s ease;
-o-transition: 0.6s ease;
-ms-transition: 0.6s ease;
transition: 0.6s ease;
}
.nav > li > a:focus,
.nav > li > a:hover {
background-color: transparent;
}
.menu-bar:after,
.menu-bar:before {
background-color: #fff;
content: "";
height: 2px;
position: absolute;
right: 0;
top: 8px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
width: 30px;
}
.menu-bar.menu-close:after {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.menu-bar.menu-close:before {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.menu-bar.menu-close span {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
/*************************
02.1 Submenu & Megamenu
*************************/
.mainmenu ul ul,
.mainmenu ul li .mega-menu {
width: 220px;
position: absolute;
text-align: left;
background-color: #fff;
top: calc(100% + 30px);
z-index: 9999999;
-webkit-transition: 0.3s;
transition: 0.3s;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
visibility: hidden;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.mainmenu ul li:hover > ul,
.mainmenu ul li:hover > .mega-menu {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
visibility: visible;
top: 165%;
border-top: 2px solid #2ec8a6;
-o-box-shadow: 0px 4px 20px 0 rgba(0, 0, 0, 0.04);
-ms-box-shadow: 0px 4px 20px 0 rgba(0, 0, 0, 0.04);
-moz-box-shadow: 0px 4px 20px 0 rgba(0, 0, 0, 0.04);
-webkit-box-shadow: 0px 4px 20px 0 rgba(0, 0, 0, 0.04);
box-shadow: 0px 4px 20px 0 rgba(0, 0, 0, 0.04);
}
.mainmenu ul ul li {
display: block;
}
.mainmenu ul ul li a,
.mainmenu ul li.has-mega .mega-menu span a {
color: #333333;
text-transform: uppercase;
font-size: 14px;
letter-spacing: 1px;
padding: 8px 10px 8px 20px;
border-bottom: 0px solid #eee;
margin: 0;
top: 0;
webkit-transition: 0.6s ease;
-moz-transition: 0.6s ease;
-o-transition: 0.6s ease;
-ms-transition: 0.6s ease;
transition: 0.6s ease;
}
.mainmenu ul li.has-mega .mega-menu span a:hover {
background-color: #00468c;
color: #ffffff !important;
}
.mainmenu ul ul li:last-child > a {
border-bottom: 0px;
}
.mainmenu ul ul li a:after {
content: "";
}
.mainmenu ul ul li > ul {
left: -100%;
top: 50%;
-webkit-transform-origin: 100% 50% 0;
transform-origin: 100% 50% 0;
}
.mainmenu ul ul li:hover > ul {
top: 20%;
}
.mainmenu ul li.has-mega {
position: relative;
}
.mainmenu ul li.has-mega .mega-menu {
width: 100%;
left: 0;
padding: 20px 0px;
}
.mainmenu ul li.has-mega .mega-menu span {
width: 25%;
float: left;
border-left: 1px solid #eee;
}
.mainmenu ul li.has-mega .mega-menu span a {
padding-left: 20px;
padding-right: 0px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.mainmenu ul li.has-mega .mega-menu span a:last-child {
border-bottom: 0px;
}
.mainmenu ul li.has-mega .mega-menu span a:hover {
padding-left: 3px;
padding-left: 20px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.mainmenu ul li span a.active {
font-weight: 600;
}
.mainmenu ul ul li.active > a {
background-color: #eee;
font-weight: 600;
}
.mainmenu ul li:hover .gc_main_navigation i,
.mainmenu ul li.active > .gc_main_navigation i {
color: #e99595 !important;
}
.kv_navigation_wrapper {
width: auto;
}
.mainmenu ul ul,
.mainmenu ul li .mega-menu {
width: 220px;
border-top: 2px solid #2ec8a6;
position: absolute;
text-align: left;
background-color: #fff;
top: calc(100% + 30px);
z-index: 9999999;
padding-left: 0;
transition: 0.3s;
opacity: 0;
}
.mainmenu ul ul li a:hover {
border: none;
border-radius: 0;
color: #fff !important;
background-color: #f4ab01;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
/****----login wrapper css------****/
.login_wrapper_top {
background: url(../images/choose_bg.jpg) 50% 0 repeat-y;
float: left;
width: 100%;
background-repeat: no-repeat;
position: relative;
}
.login_overlay {
position: absolute;
top: 0%;
left: 0%;
right: 0%;
bottom: 0%;
background: #ffffffd9;
}
.login_wrapper_top {
height: 100%;
background-position: center 0;
background-size: cover;
position: relative;
padding: 100px 0;
}
.fade:not(.show) {
opacity: 1;
}
.login_tabs .nav {
border: 0;
padding: 30px 0;
}
.login_form_wrapper p {
text-align: center;
}
.login_wrapper a.btn {
color: #fff;
width: 100%;
height: 50px;
padding: 6px 25px;
line-height: 36px;
margin-bottom: 20px;
text-align: left;
background: #2c49ab;
font-size: 16px;
border-radius: 0;
border: 1px solid #2c49ab;
}
.login_wrapper a.btn:focus {
outline: none;
border: none;
box-shadow: none;
}
.login_wrapper a.btn:hover {
background-color: #002398;
border-color: #002398;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.login_wrapper .form-control {
height: 50px;
width: 100%;
padding: 15px 20px;
font-size: 14px;
text-transform: capitalize;
line-height: 24px;
border: 1px solid #e6e6e6;
box-shadow: none;
border-radius: 0;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
background-color: #fff;
}
.login_wrapper h2 {
padding-top: 25px;
margin-bottom: -3px;
font-size: 16px;
font-weight: 500;
line-height: 20px;
text-transform: uppercase;
text-align: center;
color: #2d3a4b;
}
.login_wrapper textarea.form-control {
height: auto;
resize: none;
}
.login_wrapper input::placeholder,
.login_wrapper textarea::placeholder {
color: #999;
}
.login_wrapper {} .login_wrapper {
float: left;
width: 100%;
}
.login_wrapper .form-control:focus {
color: #000000;
background-color: fafafa;
border: 1px solid #2ec8a6 !important;
}
.login_remember_box {
margin: 20px 0;
color: #999;
}
.login_remember_box .control {
position: relative;
padding-left: 20px;
cursor: pointer;
font-size: 14px;
line-height: 14px;
font-weight: 500;
margin: 0;
}
.login_remember_box .control input {
position: absolute;
z-index: -1;
opacity: 0;
}
.login_remember_box .control__indicator {
position: absolute;
top: 0;
left: 0;
width: 13px;
height: 13px;
background: #fff;
border: 1px solid #999;
}
.login_remember_box .control__indicator:after {
content: '';
position: absolute;
display: none;
}
.login_remember_box .control input:checked ~ .control__indicator:after {
display: block;
}
.login_remember_box .control--checkbox .control__indicator:after {
left: 4px;
top: 0;
width: 5px;
height: 10px;
border: solid #111;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.login_remember_box .forget_password {
float: right;
color: #db4c3e;
font-size: 14px;
text-decoration: underline;
}
.check-box {
margin-top: 35px;
}
.check_box_anchr {
color: ##002398 !important;
}
.login_tab_top_wrap {
box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.12);
background: #fff;
float: left;
width: 100%;
padding: 35px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.login_btn {
padding: 0;
cursor: pointer;
float: left;
padding-top: 10px;
width: 100%;
text-align: center;
margin-bottom: 30px;
}
.login_btn a {
background: #2ec8a6;
border: 2px solid #fff;
font-weight: 600;
display: inline-block;
width: 200px;
line-height: 50px;
height: 50px;
border-radius: 0;
text-align: center;
color: #fff;
text-transform: uppercase;
cursor: pointer;
border-radius: 25px;
}
.log a {
width: 100%;
}
.login_btn a:hover {
border: 2px solid #2ec8a6;
background-color: transparent;
color: #2ec8a6;
webkit-transition: 0.6s ease;
-moz-transition: 0.6s ease;
-o-transition: 0.6s ease;
-ms-transition: 0.6s ease;
transition: 0.6s ease;
}
.btn_log {
margin-bottom: 20px;
}
.btn_log a {
color: #000000;
font-size: 22px;
font-weight: 600;
padding-bottom: 40px;
}
.facebook_wrap i,
.google_wrap i {
margin-right: 10px;
font-weight: 300 !important;
}
.facebook_wrap a {
background: #425b96;
text-transform: capitalize;
}
.facebook_wrap a:hover {
background: transparent;
color: #425b96;
border: 2px solid #425b96;
}
.facebook_wrap a::before {
border: 2px solid #425b96;
color: #425b96;
}
.google_wrap a {
background: #bd081c;
text-transform: capitalize;
}
.google_wrap a:hover {
background: transparent;
color: #bd081c;
border: 2px solid #bd081c;
}
.google_wrap a::before {
border: 2px solid #bd081c;
}
/***************---****************
index_hospital css
***************-----***************/
/*-- Preloader css start --*/
#preloader {
background-color: #ffffff;
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 2147483647;
width: 100%;
height: 100%;
}
#status {
background-position: center center;
background-repeat: no-repeat;
height: auto;
position: absolute;
left: 50%;
top: 50%;
color: #2ec8a6;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
}
/********---------top header css start-------***********/
.md_header_wrapper_2 {
float: left;
width: 100%;
}
.md_header_wrapper_2 .top_header_section {
float: left;
width: 100%;
background-color: #1a1a1a;
}
.md_header_wrapper_2 .left_top_nav {
float: left;
width: 100%;
}
.md_header_wrapper_2 .top_header_add {
float: left;
width: auto;
line-height: 60px;
}
.md_header_wrapper_2 .top_header_add ul {
margin: 0px;
padding: 0px;
width: 100%;
}
.md_header_wrapper_2 .top_header_add li {
float: left;
width: auto;
list-style: none;
color: #ffffff;
margin-right: 30px;
}
.md_header_wrapper_2 .top_header_add ul li a {
color: #ffffff;
}
.md_header_wrapper_2 .top_header_add ul li i {
color: #f4ab01;
margin-right: 10px;
border: 2px solid #333;
}
.md_header_wrapper_2 .top_header_add ul li a:hover {
color: #f4ab01;
transition: 0.4s;
}
.md_header_wrapper_2 .md_right_side_warpper {
float: right;
}
.md_header_wrapper_2 .right_side_main_warpper {
width: 100%;
float: right;
line-height: 60px;
}
.md_header_wrapper_2 .md_right_side_warpper ul {
float: left;
width: 100%;
margin: 0;
padding: 0;
}
.md_header_wrapper_2 .md_right_side_warpper ul li {
float: left;
list-style: none;
width: auto;
color: white;
font-size: 16px;
margin-left: 15px;
}
.md_header_wrapper_2 .md_right_side_warpper li i {
color: white;
line-height: 60px;
transition: 0.70s;
-webkit-transition: 0.70s;
-moz-transition: 0.70s;
-ms-transition: 0.70s;
-o-transition: 0.70s;
}
.md_header_wrapper_2 .md_right_side_warpper li:last-child {
margin-right: 0;
}
.md_header_wrapper_2 .md_right_side_warpper ul li i:hover {
color: #13bfb1;
transition: 0.70s;
-webkit-transition: 0.70s;
-moz-transition: 0.70s;
-ms-transition: 0.70s;
-o-transition: 0.70s;
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
.md_header_wrapper_2 .middle_header_wrapper_two {
float: left;
width: 100%;
background-color: white;
padding-top: 30px;
padding-bottom: 10px;
}
.md_header_wrapper_2 .middle_header_wrapper_two .md_logo {
float: left;
width: 100%;
}
.md_header_wrapper_2 .middle_header_wrapper_two .lv_logo img {
display: inline-block;
}
.md_header_wrapper_2 .middle_header_wrapper_two .md_share_info_wrapper {
float: right;
width: auto;
}
.md_header_wrapper_2 .middle_header_wrapper_two .md_share_info_wrapper ul {
float: left;
width: 100%;
margin: 0px;
padding: 0px;
}
.md_header_wrapper_2 .middle_header_wrapper_two .md_share_info_wrapper ul li {
list-style: none;
float: left;
width: auto;
margin-left: 20px;
}
.md_header_wrapper_2 .middle_header_wrapper_two .md_share_info_wrapper ul li:first-child {
margin-left: 0px;
}
.md_header_wrapper_2 .middle_header_wrapper_two .md_share_info_wrapper ul li .lv_header_icon {
float: left;
width: 70px;
height: 70px;
line-height: 52px;
text-align: center;
}
.md_header_wrapper_2 .middle_header_wrapper_two .md_share_info_wrapper ul li p {
float: left;
width: auto;
text-transform: capitalize;
margin: 10px 0px 0px 0px;
font-size: 16px;
color: #757575;
}
.md_header_wrapper_2 .middle_header_wrapper_two .appointmnt_wrapper {
text-align: center;
float: right;
}
.md_header_wrapper_2 .middle_header_wrapper_two .appoint_btn {
display: inline-block;
}
.md_header_wrapper_2 .middle_header_wrapper_two .appoint_btn ul {
padding: 0;
list-style: none;
}
.md_header_wrapper_2 .appoint_btn li a {
width: 270px;
height: 50px;
float: left;
color: white;
background: #f4ab01;
text-align: center;
line-height: 49px;
font-size: 16px;
border-radius: 50px;
border: 2px solid transparent;
font-weight: 600;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.md_header_wrapper_2 .appoint_btn li a:hover {
background: transparent;
border: 2px solid #f4ab01;
color: black;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.md_header_wrapper_2 .appoint_btn i {
margin-right: 10px;
}
/*********-------main header wrapper--------**********/
.menu_wrapper_2 {
background-color: #2ec8a6;
float: left;
width: 100%;
}
.menu_wrapper_2 .rp_mobail_menu_main_wrapper {
float: none;
width: 100%;
}
.menu_wrapper_2 #sidebar {
position: fixed;
display: block;
height: 100%;
top: 0px;
left: -500px;
background-color: #ffffff;
overflow: scroll;
overflow-x: hidden;
z-index: 1000;
}
.menu_wrapper_2 #links {
position: relative;
float: left;
}
.menu_wrapper_2 #link_list {
list-style-type: none;
width: 100%;
padding: 0px 50px 0px 0px;
}
.menu_wrapper_2 #link_list li {
display: block;
width: 100%;
}
.menu_wrapper_2 #link_list li:hover {
background-color: #2ec8a6;
}
.menu_wrapper_2 #toggle {
float: right;
position: relative;
bottom: 25px;
right: 0;
border-radius: 20px;
text-align: center;
cursor: pointer;
}
.menu_wrapper_2 #toggle_close {
position: absolute;
z-index: 100;
right: 20px;
top: 15px;
font-size: 25px;
color: #000000;
cursor: pointer;
}
@import url(https://fonts.googleapis.com/css?family=Raleway:400,200);
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
margin: 0;
padding: 0;
border: 0;
list-style: none;
line-height: 1;
display: block;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.menu_wrapper_2 #cssmenu {
width: 300px;
color: #ffffff;
text-transform: capitalize;
}
.menu_wrapper_2 #cssmenu ul ul {
display: none;
}
.menu_wrapper_2 .align-right {
float: right;
}
.menu_wrapper_2 #cssmenu ul li a {
padding: 16px 22px;
cursor: pointer;
z-index: 2;
font-size: 16px;
text-decoration: none;
color: #000000;
font-weight: bold;
border-bottom: 1px solid #d3d3d3;
background: #ffffff;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.menu_wrapper_2 #cssmenu ul li:first-child a {
border-top: 1px solid #d3d3d3;
}
.menu_wrapper_2 #cssmenu ul li:hover a,
#cssmenu ul li.active a {
background: #2ec8a6 !important;
border-bottom: 1px solid #d3d3d3;
color: #ffffff;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.menu_wrapper_2 ul ul > li.has-sub > a:before {
top: 20px;
background: #ffffff;
}
.menu_wrapper_2.menu_fixed {
position: fixed !important;
left: 0 !important;
right: 0 !important;
top: 0 !important;
z-index: 1000;
}
.menu_wrapper_2 #sidebar h1 {
font-size: 20px;
color: #2ec8a6 !important;
padding-left: 20px;
font-weight: bold;
text-transform: uppercase;
padding-bottom: 15px;
margin-top: 15px;
}
.menu_wrapper_2 #sidebar h1 span {
margin: 0;
color: black;
font-size: 20px;
background: #f9f9f9;
}
/**************---------menu wrapper--------**************/
.menu_wrapper_2 .navbar {
border: 1px solid transparent;
min-height: 0;
z-index: 20;
margin-bottom: 0px;
}
.menu_wrapper_2 .nav_response {
padding-right: 0px;
}
.menu_wrapper_2 .nav .navbar-nav {
float: left;
width: 100%;
}
.menu_wrapper_2 .nav .navbar-nav ul {
margin: 0px;
padding: 0px;
width: 100%;
margin-left: 15px;
}
.menu_wrapper_2 .navbar {
border: 1px solid transparent;
min-height: 0;
z-index: 20;
margin-bottom: 0px;
}
.menu_wrapper_2 .nav_response {
padding-right: 0px;
}
.menu_wrapper_2 .nav .navbar-nav {
float: left;
width: 100%;
}
.menu_wrapper_2 .nav .navbar-nav ul {
margin: 0px;
padding: 0px;
width: 100%;
margin-left: 15px;
}
.menu_wrapper_2 #nav_filter .hovr_nav_tab li a {
color: #1a1a1a;
font-weight: 500;
}
.menu_wrapper_2 #nav_filter li a {
display: block;
font-size: 16px;
cursor: pointer;
color: white;
text-transform: capitalize;
padding: 5px 15px;
border: 2px solid transparent;
margin-right: 10px;
font-weight: 500;
border-radius: 20px;
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
-ms-transition: all 0.6s;
-moz-transition: all 0.6s;
transition: all 0.6s;
}
.menu_wrapper_2 #nav_filter li a:hover {
background: transparent;
border: 2px solid #f4ab01;
color: white;
border-radius: 20px;
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
-ms-transition: all 0.6s;
-moz-transition: all 0.6s;
transition: all 0.6s;
}
.menu_wrapper_2 .nav>li>a:focus,
.nav>li>a:hover {
background: none;
}
.menu_wrapper_2 #nav_filter li a:last-child {
margin-right: 0px;
margin-left: 0px;
}
.menu_wrapper_2 .navbar-toggle {
position: relative;
float: right;
padding: 9px 10px;
margin-top: 8px;
margin-right: 15px;
margin-bottom: 8px;
background-color: #2ec8a6;
background-image: none;
border-radius: 4px;
}
.menu_wrapper_2 .navbar-toggle .icon-bar+.icon-bar {
margin-top: 4px;
color: white;
}
.menu_wrapper_2 .nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
background-color: transparent;
}
.menu_wrapper_2 .navbar-nav>li {
padding-top: 12px;
padding-bottom: 12px;
}
/*Dropdown Menu*/
.menu_wrapper_2 .navbar-right .dropdown-menu {
right: auto;
}
.menu_wrapper_2 #nav_filter .hovr_nav_tab li a {
border: none;
border-radius: 0;
}
.menu_wrapper_2 #nav_filter .hovr_nav_tab li a:hover {
border: none;
border-radius: 0;
color: white;
background-color: #f4ab01;
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
-ms-transition: all 0.6s;
-moz-transition: all 0.6s;
transition: all 0.6s;
}
.menu_wrapper_2 .nav .dropdown-menu {
display: inherit;
padding: 5px 0;
border: none;
border-radius: 0;
}
.menu_wrapper_2 .nav .dropdown-header {
font-size: 14px;
line-height: 30px;
font-weight: 600;
text-transform: uppercase;
}
.menu_wrapper_2 .nav .dropdown-menu li a {
display: block;
line-height: 30px;
color: black;
padding: 3px 10px;
text-decoration: none;
font-size: 14px;
color: #000000;
margin-left: 0 !important;
padding-top: 10px !important;
padding-bottom: 10px !important;
padding-right: 10px !important;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.menu_wrapper_2 .nav .dropdown .dropdown-menu {
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.menu_wrapper_2 .nav .dropdown:hover .dropdown-menu {
display: block;
opacity: 1;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
visibility: visible;
}
#cssmenu ul > li.has-sub > a:after {
position: absolute;
right: 26px;
top: 19px;
z-index: 5;
display: block;
height: 10px;
width: 2px;
background: #000000;
content: "";
-webkit-transition: all 0.1s ease-out;
-moz-transition: all 0.1s ease-out;
-ms-transition: all 0.1s ease-out;
-o-transition: all 0.1s ease-out;
transition: all 0.1s ease-out;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
#cssmenu ul > li.has-sub > a:before {
position: absolute;
right: 22px;
top: 23px;
display: block;
width: 10px;
height: 2px;
background: #000000;
content: "";
-webkit-transition: all 0.1s ease-out;
-moz-transition: all 0.1s ease-out;
-ms-transition: all 0.1s ease-out;
-o-transition: all 0.1s ease-out;
transition: all 0.1s ease-out;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
#cssmenu ul > li.has-sub > a:hover:after,
#cssmenu ul > li.has-sub > a:hover:before {
background: #ffffff;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
#cssmenu ul > li.has-sub.open > a:after,
#cssmenu ul > li.has-sub.open > a:before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
#cssmenu ul ul li a {
padding: 14px 22px;
cursor: pointer;
z-index: 2;
font-size: 14px;
text-decoration: none;
color: #ffffff;
font-weight: bold;
background-color: #2a2727;
-webkit-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease;
}
#cssmenu ul ul ul li a {
padding-left: 32px;
}
#cssmenu ul ul li a:hover {
color: #ffffff;
}
#cssmenu ul ul > li.has-sub > a:after {
top: 16px;
right: 26px;
background: #ffffff;
}
#cssmenu ul ul > li.has-sub > a:before {
top: 20px;
background: #ffffff;
}
.menu_wrapper_2 .nav .hovr_nav_tab {
padding: 0;
}
.menu_wrapper_2 .menubar {
fill: #fff;
}
/*-----search bar---*/
.menu_wrapper_2 .et_search_bar a {
float: right;
width: auto;
text-align: center;
color: white;
font-size: 16px;
cursor: pointer;
}
.menu_wrapper_2 .et_search_box {
margin-right: -240px;
position: absolute;
right: 11px;
top: 0px;
padding: 8px;
display: inline-block;
border-radius: 0px;
background-color: #ffffff;
display: none;
z-index: 1000;
}
.menu_wrapper_2 .et_search_box input {
float: left;
width: calc(100% - 45px);
padding: 0px 10px;
height: 45px;
border: 1px solid #2ec8a6;
border-right: 0px;
}
.menu_wrapper_2 .et_search_box button {
width: 45px;
height: 45px;
border: 1px solid #2ec8a6;
border-left: none;
background-color: #ffffff;
text-align: center;
padding: 0px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.menu_wrapper_2 .et_search_box button:hover {
color: #ffffff;
background: #2ec8a6;
border-color: #2ec8a6;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.menu_wrapper_2 .et_search_bar i {
position: relative;
top: 0px;
}
.menu_wrapper_2 .et_navbar_search_wrapper {
padding-top: 20px;
padding-bottom: 20px;
float: right;
}
.menu_wrapper_2 .et_search_bar {
margin-right: -280px;
}
/*----stick menu-----*/
.menu_wrapper_2.menu_fixed {
position: fixed!important;
background: #2ec8a6;
-webkit-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
-moz-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
-o-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
-ms-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
z-index: 1000;
left: 0;
right: 0;
}
.menu_wrapper_2 .kv_navigation_wrapper .mainmenu .second_navigation {
color: #fff;
}
.menu_wrapper_2 .header-area.stick .menu-bar:after,
.menu_wrapper_2 .header-area.stick .menu-bar:before,
.menu_wrapper_2 .header-area.stick .menu-bar span,
.menu_wrapper_2 .stick .mainmenu ul li.parent:after,
.menu_wrapper_2 .stick .mainmenu ul li.parent:before,
.menu_wrapper_2 .stick .mainmenu ul li.has-mega > a:before,
.menu_wrapper_2 .stick .mainmenu ul li.has-mega > a:after,
.menu_wrapper_2 .stick .mean-container a.meanmenu-reveal span {
background-color: #222;
}
/*******--------slider wrapper start--------***********/
.slider-area {
float: left;
width: 100%;
position: relative;
}
.slider-area .carousel-inner .carousel-item .caption-1 {
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background: url(../images/index_slider_bg.jpg) 50% 0 repeat-y;
position: relative;
min-height: 850px;
}
.slider-area .carousel-inner .carousel-item .caption-2 {
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background: url(../images/index_slider_bg.jpg) 50% 0 repeat-y;
position: relative;
min-height: 850px;
}
.slider-area .carousel-inner .carousel-item .caption-3 {
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background: url(../images/index_slider_bg.jpg) 50% 0 repeat-y;
position: relative;
min-height: 850px;
}
.slider-area .carousel-inner .carousel-item .carousel-captions:after {
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.7);
}
.slider-area .carousel-inner .carousel-item .carousel-captions .content {
display: block;
position: relative;
z-index: 999;
overflow: hidden;
vertical-align: middle;
padding-top: 250px;
padding-bottom: 250px;
}
.slider-area .carousel-inner .carousel-item .carousel-captions .content_tabs {
display: block;
position: relative;
z-index: 999;
overflow: hidden;
vertical-align: middle;
padding-top: 220px;
}
.slider-area .carousel-inner .carousel-item .carousel-captions .content h1 {
animation-delay: 0.8s;
margin: 0 0 30px;
text-transform: uppercase;
font-size: 26px;
}
.slider-area .carousel-inner .carousel-item .carousel-captions .content h2 {
color: #fff;
font-size: 38px;
font-weight: bold;
margin: 0 0 30px;
animation-delay: 1.5s;
text-transform: uppercase;
}
.slider-area .carousel-inner .carousel-item .carousel-captions .content h2 span {
font-weight: bold;
color: #f4ab01;
margin-left: 5px;
}
.slider-area .carousel-inner .carousel-item .carousel-captions .content p {
font-size: 16px;
color: #f2eeee;
margin: 0 0 30px;
width: 95%;
animation-delay: 2.5s;
}
.slider-area .carousel-inner .carousel-item .carousel-captions .content li {
animation-delay: 3.2s;
}
.hs_slider_tabs_icon_cont_wrapper {
float: left;
padding: 15px;
}
.hs_sign_left_tabs_wrapper .hs_slider_tabs_icon_wrapper svg:before {
margin-left: 0;
color: #ffffff;
font-size: 40px;
}
.hs_sign_left_tabs_wrapper .hs_slider_tabs_icon_cont_wrapper {
float: left;
width: calc(100% - 80px);
padding-top: 15px;
padding-left: 15px;
}
.hs_sign_left_tabs_wrapper .hs_slider_tabs_icon_cont_wrapper li:last-child {
font-size: 16px;
}
.hs_sign_left_tabs_wrapper li .hs_tabs_btn {
float: left;
width: 100%;
font-size: 20px;
font-weight: bold;
color: #000000;
background: rgba(255, 255, 255, 0.21);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.carousel-nevigation {
position: absolute;
top: 50%;
float: left;
width: 100%;
}
.carousel-nevigation > .prev,
.pulse {
left: 20px;
position: absolute;
width: 70px;
height: 70px;
border-radius: 100px;
background-color: #346259;
border: 5px solid #3c5350;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
box-shadow: 0 0 0 rgba(60, 83, 80, 0.8);
animation: pulse 3s infinite;
}
.carousel-nevigation > .next,
.pulse {
right: 20px;
position: absolute;
width: 70px;
height: 70px;
border-radius: 100px;
background-color: #346259;
border: 5px solid #3c5350;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
box-shadow: 0 0 0 rgba(60, 83, 80, 0.8);
animation: pulse 3s infinite;
}
@-webkit-keyframes pulse {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(60, 83, 80, 0.8);
}
70% {
-webkit-box-shadow: 0 0 0 10px rgba(60, 83, 80, 0.8);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(60, 83, 80, 0.8);
}
}
@keyframes pulse {
0% {
-moz-box-shadow: 0 0 0 0 rgba(60, 83, 80, 0.8);
box-shadow: 0 0 0 0 rgba(60, 83, 80, 0.8);
}
70% {
-moz-box-shadow: 0 0 0 10px rgba(60, 83, 80, 0.8);
box-shadow: 0 0 0 10px rgba(60, 83, 80, 0.8);
}
100% {
-moz-box-shadow: 0 0 0 0 rgba(60, 83, 80, 0.8);
box-shadow: 0 0 0 0 rgba(60, 83, 80, 0.8);
}
}
.slider-area:hover .carousel-nevigation > .prev {
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.slider-area:hover .carousel-nevigation > .next {
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.carousel-nevigation > .next:hover,
.carousel-nevigation > .prev:hover {
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.carousel-nevigation svg {
fill: white;
margin-top: 10px;
margin-left: 10px;
}
.hs_slider_right_tabs_wrapper {
float: left;
width: 100%;
border: 3px solid #5b6467;
animation-delay: 3.0s;
}
.hs_slider_right_tabs_wrapper:hover {
border: 3px solid white;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.hs_slider_tabs_icon_cont_wrapper h1 {
color: #b1841a;
font-size: 18px;
font-weight: bold;
font-family: 'Open Sans', sans-serif;
text-transform: uppercase;
}
.hs_slider_tab_one {
animation-delay: 3.5s;
}
.hs_slider_tab_tow {
animation-delay: 3.7s;
}
.hs_slider_tab_three {
animation-delay: 3.9s;
}
.hs_slider_tab_four {
animation-delay: 4.1s;
}
.hs_slider_tab_fifth {
animation-delay: 4.3s;
}
.hs_slider_tab_six {
animation-delay: 4.6s;
}
.hs_slider_right_tabs_wrapper2 {
margin-top: 20px;
}
.hs_slider_tabs_icon_wrapper {
float: right;
margin-top: -70px;
padding-right: 5px;
}
.hs_slider_tabs_icon_wrapper i {
float: left;
font-size: 28px;
text-align: center;
color: #b1841a;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.hs_slider_tabs_icon_cont_wrapper p {
font-weight: 16px;
color: #d1cccc;
}
.hs_slider_right_tabs_wrapper:hover .hs_slider_tabs_icon_cont_wrapper p {
color: white;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.hs_slider_right_tabs_wrapper:hover .hs_slider_tabs_icon_cont_wrapper h1 {
color: #f4ab01;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.hs_slider_right_tabs_wrapper:hover .hs_slider_tabs_icon_wrapper i {
color: #f4ab01;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.slider-two .cc_slider_cont1 {
position: absolute;
top: 68%;
left: 2px;
right: 0;
z-index: 1000;
}
.slider-two .cc_slider_cont1 ul {
float: left;
margin: 0;
padding: 0;
}
.slider-two .cc_slider_cont1 li {
float: left;
margin-top: 10px;
list-style: none;
}
.slider-two .cc_slider_cont1 li a {
width: 200px;
height: 50px;
float: left;
color: #ffffff;
text-transform: uppercase;
background: #2ec8a6;
text-align: center;
line-height: 45px;
font-weight: 600;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
font-size: 16px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
border: 2px solid #2ec8a6;
}
.slider-two .cc_slider_cont1 li a:hover {
background: transparent;
border: 2px solid #2ec8a6;
color: white;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
/*-- hs Slider End --*/
/*--service wrapper Start --*/
.serv_title_main_wrapper_2 {
float: left;
width: 100%;
position: relative;
margin-top: -106px;
}
.serv_title_main_wrapper_2 .pricing_box1_wrapper {
background: #2ec8a6;
float: left;
text-align: center;
}
.serv_title_main_wrapper_2 .serv_img_wrapper {
float: left;
width: 100%;
}
.serv_title_main_wrapper_2 .serv_img_wrapper img {
width: 100%;
}
.serv_title_main_wrapper_2 .box1_heading_wrapper h1 a {
font-size: 18px;
font-weight: bold;
color: white;
text-transform: uppercase;
}
.serv_title_main_wrapper_2 .box1_heading_wrapper {
width: 100%;
padding: 9px;
float: left;
background-color: #29a489;
}
.serv_title_main_wrapper_2 .price_box1_wrapper {
text-align: center;
}
.serv_title_main_wrapper_2 .pricing_box1_wrapper:hover .box1_heading_wrapper {
background-color: #de9b00;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.serv_title_main_wrapper_2 .pricing_box1_wrapper:hover {
background: #f4ab01;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.serv_title_main_wrapper_2 .pricing_cont_wrapper {
float: left;
width: 100%;
padding: 30px;
}
.serv_title_main_wrapper_2 .pricing_cont_wrapper p {
font-size: 16px;
color: white;
line-height: 26px;
float: left;
}
.serv_title_main_wrapper_2 .pricing_cont_wrapper h5 a {
font-size: 14px;
color: white;
}
.serv_title_main_wrapper_2 .pricing_cont_wrapper h5 a i {
position: relative;
top: 2px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.serv_title_main_wrapper_2 .pricing_cont_wrapper h5 a:hover i {
padding-left: 5px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
/********-------about us wrapper-------**********/
.about_us_section_2 {
width: 100%;
float: left;
padding-top: 100px;
text-align: center;
}
.about_us_section_2 .about_heading_wraper h1 {
margin: 0px 0px 0px 0px;
color: #111111;
font-size: 32px;
font-weight: 700;
text-align: center;
text-transform: uppercase;
}
.about_us_section_2 .ser_abt_img_resp {
float: left;
width: 100%;
}
.about_us_section_2 .about_indx_txt {
width: 100%;
float: left;
text-align: left;
padding-bottom: 100px;
}
.about_us_section_2 .abt_txt {
text-align: left;
}
.about_us_section_2 .abt_txt h3 {
font-size: 22px;
color: #222222;
line-height: 36px;
text-transform: capitalize;
font-weight: 600;
}
.about_us_section_2 .abt_txt p {
margin-top: 0px;
font-size: 16px;
color: #757575;
font-family: 'Open Sans', sans-serif;
text-transform: capitalize;
line-height: 26px;
}
.about_us_section_2 .abt_chk {
float: left;
width: 100%;
font-size: 16px;
color: #000000;
text-align: left;
text-transform: capitalize;
font-family: 'Open Sans', sans-serif;
}
.about_us_section_2 .abt_chk ul {
margin: 0px;
padding: 0px;
width: 100%;
float: left;
}
.about_us_section_2 .abt_chk ul li {
float: left;
width: 40%;
list-style: none;
margin-bottom: 10px;
cursor: pointer;
display: inline-block;
}
.about_us_section_2 .content_chck ul li i {
font-size: 16px;
color: #7a2b7d;
margin-right: 10px;
}
.about_us_section_2 .abt_chk ul li i {
position: relative;
top: 2px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.about_us_section_2 .abt_chk ul li:hover i {
padding-left: 5px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.about_btn ul {
list-style: none;
float: left;
margin: 0;
padding: 0;
padding-top: 20px;
}
.about_btn li a {
width: 200px;
height: 50px;
float: left;
color: white;
background: #bad700;
text-align: center;
line-height: 47px;
border-radius: 50px;
font-size: 16px;
text-transform: uppercase;
font-weight: 600;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
border: 2px solid transparent;
}
.about_btn li a:hover {
background: transparent;
border: 2px solid #bad700;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
color: #000;
}
.about_us_section_2 .portfolio-area {
float: left;
width: 100%;
padding-top: 30px;
}
.about_us_section_2 .portfolio-area .portfolio-wrap {
position: relative;
overflow: hidden;
}
.about_us_section_2 .about_port_section ul {
margin-top: -30px;
margin: 0;
padding: 0;
float: left;
width: 100%;
}
.about_us_section_2 .about_port_section ul li {
float: left;
width: auto;
list-style: none;
margin-left: 20px;
}
.about_us_section_2 .about_port_section ul li:first-child {
margin-left: 20px;
}
.about_us_section_2 .port_uper_div {
margin-bottom: 20px;
}
/*********--------md services wrapper-------*********/
.service_wrapper_2 {
background: url('../images/service_bg.jpg') 50% 0 repeat-y;
float: left;
width: 100%;
height: 100%;
background-position: center 0;
background-size: cover;
background-repeat: no-repeat;
position: relative;
padding-top: 100px;
padding-bottom: 80px;
}
.service_wrapper_2 .service_overlay {
position: absolute;
top: 0%;
left: 0%;
right: 0%;
bottom: 0%;
background: rgba(9, 9, 9, 0.9);
}
.service_heading_wraper h1 {
margin: 0px 0px 0px 0px;
color: white;
font-size: 32px;
font-weight: 700;
text-align: center;
text-transform: uppercase;
}
.service_wrapper_2 .service_heading_wraper p {
color: #f5f4f3;
}
.service_wrapper_2 .serv_left_wrapper {
text-align: left;
}
.service_wrapper_2 .serv_btn li a:hover {
color: white;
}
.service_wrapper_2 .serv_btn ul {
padding-top: 0px;
}
.service_wrapper_2 .serv_heading_section h1 {
font-size: 22px;
font-weight: 600;
}
.service_wrapper_2 .serv_heading_section p {
font-size: 16px;
color: #d7d4d4;
}
.service_wrapper_2 .sidebar_wrapper {
float: left;
width: 100%;
padding-top: 50px;
}
.service_wrapper_2 .lv_faq_wrapper .panel-title {
position: relative;
}
.service_wrapper_2 .lv_faq_wrapper .panel-title:after {
content: "";
position: absolute;
border-left: 1px solid #f2f2f2;
top: 0;
bottom: 0;
left: 90px;
}
.service_wrapper_2 .accordionFifteen .panel-group .panel+.panel {
margin-top: 0px;
}
.service_wrapper_2 .accordionFifteen .panel-group {
margin-bottom: 0;
}
.service_wrapper_2 .accordionFifteen .panel-default {
border: 0;
}
.service_wrapper_2 .accordionFifteen .panel {
background-color: transparent;
box-shadow: none;
border-radius: 0;
border: none;
margin: 0;
margin-top: -10px;
}
.service_wrapper_2 .accordionFifteen .panel .panel-heading a {
display: block;
padding: 15px 20px;
color: white;
font-size: 16px;
font-weight: bold;
border-bottom: none;
text-decoration: none;
background-color: #26a88b;
}
.service_wrapper_2 .panel_cont p {
color: white;
}
.service_wrapper_2 .accordionFifteen .panel .panel-heading a.collapsed {
color: white;
background-color: rgba(255, 255, 255, 0.13);
display: block;
padding: 15px 20px;
font-size: 16px;
font-weight: bold;
border: 1px solid #6f6d6d;
}
.service_wrapper_2 .accordionFifteen .panel-default>.panel-heading {
border-radius: 0px;
padding: 0px;
margin-left: -1px;
margin-top: -1px;
background: transparent;
}
.service_wrapper_2 .accordionFifteen .panel-group .panel-heading+.panel-collapse>.panel-body {
border-top: 0;
padding-top: 0;
padding: 15px 20px 15px 20px;
background: #2ec8a6;
border-top: none;
margin-left: -1px;
margin-top: -1px;
}
.service_wrapper_2 .accordionFifteen .panel .panel-heading a:before,
.service_wrapper_2 .accordionFifteen .panel .panel-heading a.collapsed:before {
font-family: 'FontAwesome';
font-size: 16px;
float: left;
margin-right: 60px;
margin-left: 20px;
display: block;
}
.service_wrapper_2 .accordionFifteen .panel .panel-heading a:after,
.service_wrapper_2 .accordionFifteen .panel .panel-heading a.collapsed:after {
font-family: 'FontAwesome';
font-size: 24px;
float: right;
width: 50px;
height: 25px;
line-height: 24px;
text-align: center;
display: block;
border-radius: 50%;
}
.service_wrapper_2 .accordionFifteen .panel .panel-heading a:after {
content: "\f068";
background: #ffffff;
width: 16px;
height: 16px;
border-radius: 3px;
line-height: 19px;
color: #353435;
font-size: 14px;
}
.service_wrapper_2 .accordionFifteen .panel .panel-heading a.collapsed:after {
content: "\f067";
background: #ffffff;
width: 16px;
height: 16px;
border-radius: 3px;
line-height: 19px;
color: #353435;
font-size: 14px;
}
.service_wrapper_2 .md_serv_box {
float: left;
width: 100%;
}
.service_wrapper_2 .md_serv_box ul {
float: left;
width: 100%;
margin: 0px;
padding: 0px;
}
.service_wrapper_2 .md_serv_box ul li {
float: left;
width: 46%;
list-style: none;
margin-right: 20px;
margin-bottom: 20px;
}
.service_wrapper_2 .md_serv_box ul li .md_schedule_info {
float: left;
width: 100%;
text-align: left;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.service_wrapper_2 .md_schedule_info h4 {
float: left;
width: 100%;
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
padding: 20px;
color: #222222;
background: #f6f6f6;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.service_wrapper_2 .md_schedule_info:hover h4 {
background: #26a88b;
color: white;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.service_wrapper_2 .serv_txt {
float: left;
padding: 20px;
background: white;
}
.service_wrapper_2 .md_schedule_info .serv_txt p {
float: left;
width: 100%;
margin: 0px;
color: #797979;
font-size: 16px;
text-transform: capitalize;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.service_wrapper_2 .md_schedule_info .serv_txt:hover {
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
color: #ffffff;
background: #2ec8a6;
}
.service_wrapper_2 .md_schedule_info .serv_txt:hover p {
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
color: white;
}
.service_wrapper_2 .serv_txt a {
font-size: 14px;
text-transform: uppercase;
font-weight: 600;
}
.service_wrapper_2 .md_schedule_info .serv_txt:hover a {
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
color: white;
}
.service_wrapper_2 .md_schedule_info a i {
position: relative;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.service_wrapper_2 .md_schedule_info a:hover i {
padding-left: 5px;
color: white;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
/*******--------team wrapper -------***********/
.team_wrapper_2 {
float: left;
text-align: center;
width: 100%;
padding-bottom: 44px;
background-color: white;
}
.team_heading_wrapper h1 {
margin: 0px 0px 0px 0px;
color: #111111;
font-size: 30px;
font-weight: 700;
text-transform: uppercase;
}
.team_wrapper_2 .team_about {
float: left;
width: 100%;
background-color: #ffffff;
position: relative;
overflow: hidden;
}
.team_wrapper_2 .team_about:hover .team_icon_wrapper:before {
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.team_wrapper_2 .team_about:hover .team_txt a {
color: #2ec8a6;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.team_wrapper_2 .team_about:hover .team_img {
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.team_wrapper_2 .team_img {
width: 100%;
}
.team_wrapper_2 .team_txt {
float: left;
width: 100%;
background-color: #f9f9f9;
}
.team_wrapper_2 .team_txt h1 {
width: 100%;
margin-top: 20px;
}
.team_wrapper_2 .team_txt h1 a {
color: #111111;
font-size: 18px;
font-weight: 700;
padding-bottom: 10px;
text-transform: capitalize;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.team_wrapper_2 .team_txt p {
text-align: center;
color: #757575;
font-size: 16px;
}
.team_wrapper_2 .team_icon_wrapper {
position: relative;
bottom: 28px;
}
.team_wrapper_2 .team_icon_wrapper svg {
top: 50px;
left: 20px;
position: absolute;
}
.team_wrapper_2 .team_img img {
margin-top: 2px;
width: 100%;
}
.team_wrapper_2 .team_icon_wrapper:before {
content: '';
border-right: 120px solid transparent;
border-top: 120px solid #2ec8a6;
position: absolute;
left: 0px;
top: 30px;
}
.team_wrapper_2 .team_icon_hover {
float: left;
width: 100%;
background-color: #2ec8a6;
font-size: 16px;
color: #ffffff;
position: absolute;
font-family: 'Open Sans', sans-serif;
line-height: 85px;
bottom: -95px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.team_wrapper_2 .team_about:hover .team_icon_hover {
bottom: 0;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.team_wrapper_2 .team_icon_hover {
text-align: center;
float: left;
width: 100%;
}
.team_wrapper_2 .team_icon_hover ul {
width: 100%;
float: left;
display: inline-block;
height: 85px;
padding-left: 30px;
}
.team_wrapper_2 .team_icon_hover ul li:first-child {
margin-left: 0;
}
.team_wrapper_2 .team_icon_hover ul li {
float: left;
width: auto;
list-style: none;
margin-left: 15px;
margin-bottom: -10px;
}
.team_wrapper_2 .team_icon_hover ul li i {
line-height: 33px;
border: 2px solid #55d0b5;
width: 36px;
height: 36px;
text-align: center;
}
.team_wrapper_2 .team_wrapper_2team_icon_hover ul li a {
color: #ffffff;
}
.team_wrapper_2 .team_icon_hover ul li a:hover {
color: #e8eeed;
transition: 0.4s;
}
.team_wrapper_2 .team_icon_hover ul li i:hover {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
transition: 0.4s;
}
.team_wrapper_2 .team_slider_wrapper {
float: left;
width: 100%;
}
.team_wrapper_2 .team_slider_wrapper .owl-carousel .owl-item img {
width: 100%;
}
.team_wrapper_2 .team_slider_wrapper .item {
width: 100%;
}
.team_wrapper_2 .team_slider_wrapper .owl-carousel .owl-nav {
display: none;
}
.team_wrapper_2 .team_slider_wrapper .owl-theme .owl-dots .owl-dot span {
width: 15px;
height: 15px;
margin: 50px 5px;
background: transparent;
display: block;
-webkit-backface-visibility: visible;
transition: opacity 200ms ease;
border-radius: 30px;
border: 1px solid #2ec8a6;
}
.team_wrapper_2 .team_slider_wrapper .owl-theme .owl-dots .owl-dot.active span,
.team_slider_wrapper .owl-theme .owl-dots .owl-dot:hover span {
background: #2ec8a6;
display: block;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
/*********----------counter wrapper--------***********/
.counter_section_2 {
background: url('../images/counter_2_bg.jpg') 50% 0 repeat-y;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
z-index: -9999;
background-position: center 0;
overflow: hidden;
background-size: cover;
text-align: center;
}
.counter_section_2 .counter_overlay {
background: rgba(0, 0, 0, 0.8);
padding-top: 100px;
padding-bottom: 95px;
}
.counter_section_2 .count-description {
font-size: 40px;
font-weight: 700;
color: white;
margin-top: 20px;
}
.counter_section_2 .icon {
width: 100px;
height: 100px;
line-height: 98px;
text-align: center;
font-size: 28px;
font-weight: bold;
border: 2px solid #363838;
display: inline-block;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
margin-top: 0px;
background: transparent;
}
.counter_section_2 .icon i {
text-align: center;
width: 80px;
border-radius: 80px;
line-height: 80px;
background: #3a3f41;
display: inline-block;
font-size: 30px;
color: #2ec8a6;
}
.counter_section_2 .count-description {
padding-top: 20px;
}
.counter_section_2 .icon:hover {
background-color: #27947c;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.counter_section_2 .con1,
.counter_section_2 .con2,
.counter_section_2 .con3,
.counter_section_2 .con4 {
font-size: 16px;
font-weight: 600;
text-transform: capitalize;
color: white;
padding-top: 10px;
}
.counter_section_2 p {
color: #fff;
}
/********-------event wrapper-------**********/
.event_wrapper_2 {
float: left;
width: 100%;
padding-bottom: 45px;
background-color: white;
}
.event_wrapper_2 .hs_lest_news_box_wrapper {
float: left;
width: 100%;
}
.event_wrapper_2 .hs_lest_news_img_wrapper {
position: relative;
overflow: hidden;
}
.event_wrapper_2 .hs_lest_news_img_wrapper img {
width: 100%;
}
.event_wrapper_2 .hs_lest_news_date_wrapper {
width: 70px;
height: 70px;
background-color: #2ec8a6;
text-align: center;
position: absolute;
top: -70px;
right: 30px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.event_wrapper_2 .hs_lest_news_date_wrapper ul {
margin: 0;
padding: 0;
}
.event_wrapper_2 .hs_lest_news_date_wrapper li:first-child {
font-size: 28px;
color: #ffffff;
list-style: none;
padding-top: 10px;
font-weight: bold;
padding-bottom: 5px;
}
.event_wrapper_2 .hs_lest_news_date_wrapper li:last-child {
font-size: 22px;
list-style: none;
color: #ffffff;
}
.event_wrapper_2 .hs_lest_news_cont_wrapper {
text-align: left;
width: 100%;
background: #ffffff;
}
.event_wrapper_2 .hs_lest_news_cont_wrapper h5 {
font-weight: 500;
text-transform: capitalize;
color: black;
font-size: 20px;
padding: 20px;
background: #f9f9f9;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.event_wrapper_2 .hs_lest_news_box_wrapper:hover.hs_lest_news_cont_wrapper h5 {
background: #26a88b;
color: white;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.event_wrapper_2 .hs_lest_news_cont_wrapper p {
font-size: 16px;
line-height: 26px;
color: #797979;
}
.event_wrapper_2 .lest_blog_wrapper h4 a {
font-size: 14px;
color: #2ec8a6;
display: inline-block;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.event_wrapper_2 .hs_lest_news_cont_wrapper h2 {
font-size: 22px;
font-weight: 600;
color: black;
margin-bottom: 10px;
}
.event_wrapper_2 .hs_lest_news_box_wrapper:hover .hs_lest_news_cont_wrapper h2 {
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
color: white;
}
.event_wrapper_2 .lest_blog_wrapper h4 a:hover i {
padding-left: 5px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.event_wrapper_2 .hs_lest_news_box_wrapper:hover .hs_lest_news_date_wrapper {
top: 0;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.event_wrapper_2 .hs_lest_news_box_wrapper:hover .hs_lest_news_cont_wrapper h5 {
color: white;
background: #26a88b;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.event_wrapper_2 .lest_blog_wrapper {
padding: 20px;
background-color: white;
}
.event_wrapper_2 .hs_lest_news_box_wrapper:hover .lest_blog_wrapper {
background: #2ec8a6;
color: white;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.event_wrapper_2 .hs_lest_news_box_wrapper:hover .hs_lest_news_cont_wrapper p {
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
color: white;
}
.event_wrapper_2 .hs_lest_news_box_wrapper:hover .hs_lest_news_cont_wrapper h4 a {
color: white;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.event_wrapper_2 .hs_lest_news_cont_wrapper h4 a {
text-transform: uppercase;
font-size: 14px;
font-weight: 600;
}
.event_wrapper_2 .event_slideR_wrapper_2 {
float: left;
width: 100%;
text-align: center;
}
.event_wrapper_2 .event_slideR_wrapper_2 .owl-carousel .owl-item img {
width: auto;
}
.event_wrapper_2 .event_slideR_wrapper_2 .item {
width: 100%;
}
.event_wrapper_2 .event_slideR_wrapper_2 .owl-carousel .owl-nav {
display: none;
}
.event_wrapper_2 .event_slideR_wrapper_2 .owl-theme .owl-dots .owl-dot span {
width: 15px;
height: 15px;
margin: 50px 5px;
background: transparent;
display: block;
-webkit-backface-visibility: visible;
transition: opacity 200ms ease;
border-radius: 30px;
border: 1px solid #2ec8a6;
}
.event_slideR_wrapper_2 .owl-theme .owl-dots .owl-dot.active span,
.event_slideR_wrapper_2 .owl-theme .owl-dots .owl-dot:hover span {
background: #2ec8a6;
display: block;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
/*********----------testimonial wrapper--------***********/
.testimonial_wrapper_2 {
background: url('../images/clint_bg.jpg') 50% 0 repeat-y;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
z-index: -9999;
background-position: center 0;
overflow: hidden;
background-size: cover;
text-align: center;
}
.testimonial_wrapper_2 .testimonial_overlay {
background: rgba(0, 0, 0, 0.8);
padding-top: 100px;
padding-bottom: 45px;
}
.testimonial_wrapper_2 .testmonial_slider_wrapper {
float: left;
width: 100%;
}
.testimonial_wrapper_2 .client_slide_main_wrapper {
float: left;
width: 100%;
}
.testimonial_wrapper_2 .client_cont_wrapper {
float: left;
width: 100%;
text-align: center;
background: #ffffff;
}
.testimonial_wrapper_2 .client_cont_wrapper:after {
content: '';
border-left: 30px solid transparent;
border-bottom: 30px solid #f5f5f5;
position: absolute;
top: 91px;
right: 50px;
}
.testimonial_wrapper_2 .client_slide_main_wrapper:hover .client_cont_wrapper:after {
border-bottom: 30px solid #26a88b;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.testimonial_wrapper_2 .client_cont_wrapper p {
color: #222222;
font-size: 18px;
padding: 45px;
font-style: italic;
}
.testimonial_wrapper_2.client_slide_main_wrapper:hover .client_cont_wrapper {
color: white;
background: #2ec8a6;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.testimonial_wrapper_2 .client_slide_main_wrapper:hover .client_cont_wrapper p {
color: white;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.testimonial_wrapper_2 .client_img_wrapper {
float: right;
width: 80px;
margin-bottom: 40px;
}
.testimonial_wrapper_2 .client_cont_wrapper h1 {
color: #222222;
font-size: 22px;
font-weight: 600;
background: #f6f6f6;
padding: 20px;
}
.testimonial_wrapper_2 .client_slide_main_wrapper:hover .client_cont_wrapper h1 {
background: #26a88b;
color: white;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.testimonial_wrapper_2 .client_img_wrapper img {
border-radius: 100%;
}
.testimonial_wrapper_2 .testmonial_slider_wrapper_2 .client_cont_wrapper img {
display: inline-block;
text-align: center;
position: absolute;
margin-left: -70px;
bottom: 36px;
}
.testimonial_wrapper_2 .testmonial_slider_wrapper_2 {
float: left;
width: 100%;
text-align: center;
}
.testimonial_wrapper_2 .testmonial_slider_wrapper_2 .owl-carousel .owl-item img {
width: 100%;
}
.testimonial_wrapper_2 .client_cont_wrapper img {
display: none !important;
}
.testimonial_wrapper_2 .testmonial_slider_wrapper_2 .item {
width: 100%;
}
.testimonial_wrapper_2 .testmonial_slider_wrapper_2 .owl-carousel .owl-nav {
display: none;
}
.testimonial_wrapper_2 .testmonial_slider_wrapper_2 .owl-theme .owl-dots .owl-dot span {
width: 15px;
height: 15px;
margin: 50px 5px;
background: transparent;
display: block;
-webkit-backface-visibility: visible;
transition: opacity 200ms ease;
border-radius: 30px;
border: 1px solid white;
}
.testmonial_slider_wrapper_2 .owl-theme .owl-dots .owl-dot.active span,
.testmonial_slider_wrapper_2 .owl-theme .owl-dots .owl-dot:hover span {
background: white;
display: block;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.testmonial_slider_wrapper_2 p {
color: #fff;
}
/*******--------portfolio wrapper css-------**********/
.fliter_main_wrapper_2 {
float: left;
width: 100%;
padding-top: 100px;
background: white;
padding-bottom: 84px;
}
.fliter_main_wrapper_2 .gc_filter_heading_wrapper {
text-align: center;
}
.fliter_main_wrapper_2 .gc_filter_heading {
display: inline-block;
}
.fliter_main_wrapper_2 .portfolio-area {
float: left;
width: 100%;
}
.fliter_main_wrapper_2 .portfolio-area .portfolio-area-intro {
margin-bottom: 50px;
}
.fliter_main_wrapper_2 .portfolio-area .portfolio-area-intro p span,
.fliter_main_wrapper_2 .portfolio-area .portfolio-area-intro h2 {
text-transform: uppercase;
}
.fliter_main_wrapper_2 .portfolio-area .portfolio-area-intro h2 {
font-weight: 600;
}
.fliter_main_wrapper_2 .portfolio-area .portfolio-thumb {
position: relative;
overflow: hidden;
}
.fliter_main_wrapper_2 .portfolio-area .portfolio-thumb::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 800px;
bottom: 800px;
top: 800px;
right: 800px;
cursor: pointer;
background: rgba(78, 199, 171, 0.8);
opacity: 0;
transition: 0.3s;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
}
.fliter_main_wrapper_2 .portfolio-area .portfolio-wrapper:hover .portfolio-thumb::before {
left: 0;
bottom: 0;
right: 0;
top: 0;
opacity: 1;
}
.fliter_main_wrapper_2 .portfolio-area .portfolio-thumb img {
width: 100%;
}
.fliter_main_wrapper_2 .portfolio-area .portfolio-info {
position: absolute;
height: 100%;
left: 20px;
top: 0;
color: #ffffff;
opacity: 0;
}
.fliter_main_wrapper_2 .portfolio-area .portfolio-wrapper:hover .portfolio-info {
left: 40px;
top: 40px;
margin-top: -25px;
opacity: 1;
}
.fliter_main_wrapper_2 .portfolio-area .portfolio-info h3 {
font-size: 20px;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 0;
color: #ffffff;
}
.fliter_main_wrapper_2 .portfolio-info:after {
content: '';
border: 1px solid #2f2d2b;
display: block;
width: 100%;
position: relative;
top: 5px;
}
.fliter_main_wrapper_2 .portfolio-info h3:after {
content: '';
border: 1px solid #fca900;
display: block;
width: 50px;
position: relative;
top: 7px;
z-index: 1;
}
.fliter_main_wrapper_2 .portfolio-area .portfolio-info .small {
font-size: 12px;
color: #ffffff;
}
.gc_filter_cont_overlay_wrapper {
position: relative;
width: auto;
visibility: visible;
}
.gc_filter_cont_overlay {
position: absolute;
top: 200px;
bottom: 200px;
left: 200px;
right: 200px;
border: 25px solid transparent;
opacity: 0;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
visibility: hidden;
}
.portfolio-thumb:hover .gc_filter_cont_overlay {
background: rgba(78, 199, 171, 0.8);
opacity: 1;
top: 15px;
left: 15px;
right: 15px;
bottom: 15px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
overflow: hidden;
visibility: visible;
}
.fliter_main_wrapper_2 .gc_filter_cont_overlay i {
color: white;
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
border-radius: 100%;
font-size: 24px;
}
.gc_filter_cont_overlay_wrapper:hover .gc_filter_cont_overlay i {
color: white;
opacity: 1;
}
.gc_filter_text {
color: white;
font-size: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
border: 5px solid rgba(255, 255, 255, 0.6);
}
.fliter_main_wrapper_2 .III_column {
margin-top: 30px;
}
/*portfolio-filter*/
.fliter_main_wrapper_2 .portfolio_section {
float: left;
text-align: center;
width: 100%;
background-color: white;
}
.fliter_main_wrapper_2 .portfolio-area {
float: left;
width: 100%;
}
.fliter_main_wrapper_2 #filter li a {
display: block;
font-size: 16px;
color: black;
cursor: pointer;
color: #000000;
font-weight: 700;
text-transform: uppercase;
padding: 5px 25px;
border: 2px solid transparent;
margin-right: 10px;
border-radius: 20px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.fliter_main_wrapper_2 #filter li a:hover,
.fliter_main_wrapper_2 #filter li a.active {
background: none;
border: 2px solid #f4ab01;
color: #d99a09;
border-radius: 20px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.fliter_main_wrapper_2 #filter li a:last-child {
margin-right: 0px;
}
.fliter_main_wrapper_2 .gc_filter_btn {
text-align: center;
}
.fliter_main_wrapper_2 .gc_filter_btn ul {
padding: 0;
list-style: none;
margin-top: 50px;
display: inline-block;
}
.fliter_main_wrapper_2 .gc_filter_btn li a {
width: 160px;
height: 50px;
float: left;
background: #2ec8a6;
color: white;
text-align: center;
line-height: 49px;
border-radius: 50px;
font-size: 16px;
font-weight: 600;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
border: 2px solid transparent;
}
.fliter_main_wrapper_2 .gc_filter_btn li a:hover {
background: transparent;
border: 2px solid #2ec8a6;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
color: black;
}
/**********--------call us wrapper------**********/
.call_wrapper_2 {
background: url('../images/appoint_img.jpg') 50% 0 repeat-y;
float: left;
width: 100%;
height: 100%;
background-position: center 0;
background-size: cover;
background-repeat: no-repeat;
position: relative;
padding-top: 110px;
padding-bottom: 95px;
}
.call_wrapper_2 .call_overlay {
position: absolute;
top: 0%;
left: 0%;
right: 0%;
bottom: 0%;
background: rgba(9, 9, 9, 0.9);
}
.call_wrapper_2 .call_heading_wraper h1 {
margin: 0px 0px 0px 0px;
color: #f4ab01;
font-size: 50px;
font-weight: bold;
text-align: center;
}
.call_wrapper_2 .call_heading_wraper h3 {
color: white;
font-size: 21px;
}
.call_wrapper_2 .appointmnt_wrapper_2 {
text-align: center;
float: left;
width: 100%;
}
.call_wrapper_2 .appoint_btn_2 {
display: inline-block;
}
.call_wrapper_2 .appoint_btn_2 ul {
padding: 0;
list-style: none;
}
.call_wrapper_2 .appoint_btn_2 li a {
width: 270px;
height: 50px;
float: left;
color: white;
background: #2ec8a6;
text-align: center;
line-height: 49px;
font-size: 16px;
border-radius: 50px;
border: 2px solid transparent;
font-weight: 600;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.call_wrapper_2 .appoint_btn_2 li a:hover {
background: transparent;
border: 2px solid #2ec8a6;
color: white;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.call_wrapper_2 .appoint_btn_2 i {
margin-right: 10px;
}
/**********--------blog wrapper css-----------***********/
.blog_wrapper_2 {
float: left;
width: 100%;
text-align: center;
background-color: white;
}
.blog_wrapper_2 .blog_about {
text-align: left;
width: 100%;
}
.blog_wrapper_2 .blog_txt h1 {
margin-top: 30px;
}
.blog_wrapper_2 .blog_txt h1 a {
font-size: 18px;
font-weight: 600;
text-transform: capitalize;
color: black;
}
.blog_wrapper_2 .blog_txt h1 a:hover {
color: #2ec8a6;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.blog_txt_info ul {
margin: 0px;
padding: 0px;
width: 100%;
float: left;
margin-top: 10px;
color: #707070;
margin-bottom: 10px;
}
.blog_wrapper_2 .blog_txt_info ul li {
float: left;
width: auto;
font-size: 14px;
list-style: none;
margin-right: 35px;
}
.blog_wrapper_2 .blog_txt_info ul li:first-child a {
padding-left: 0px;
}
.blog_wrapper_2 .blog_txt_info ul li:first-child {
position: relative;
}
.blog_wrapper_2 .blog_txt_info ul li:first-child:after {
content: "";
position: absolute;
top: 4px;
right: -17px;
background-color: #707070;
width: 1px;
height: 73%;
}
.blog_wrapper_2 .blog_about p {
font-size: 16px;
line-height: 26px;
color: #707070;
margin-top: 10px;
padding-bottom: 8px;
}
.blog_wrapper_2 .blog_img {
position: relative;
width: 100%;
border: 1px solid transparent;
}
.blog_wrapper_2 .blog_img figure {
display: block;
margin: 0;
overflow: hidden;
}
.blog_wrapper_2 .blog_img figure img {
width: 100%;
display: block;
transition: all 0.3s;
border: 1px solid transparent;
}
.blog_wrapper_2.blog_img:hover figure img {
transform: scale(1.1, 1.1);
transition: 0.5s;
}
.blog_wrapper_2 .blog_comment {
float: right;
position: relative;
margin-top: -50px;
z-index: 4;
}
.blog_wrapper_2 .blog_comment ul {
margin: 0px;
padding: 0px;
width: 100%;
float: left;
}
.blog_wrapper_2 .blog_comment ul li {
float: left;
width: auto;
list-style: none;
text-align: center;
line-height: 30px;
margin-right: 20px;
}
.blog_wrapper_2 .blog_comment ul li a {
color: black;
font-size: 14px;
padding: 10px;
background-color: white;
font-weight: 700;
}
.blog_wrapper_2 .blog_comment ul li i {
margin-right: 8px;
}
.blog_wrapper_2 .blog_comment ul li:hover a {
background-color: #2ec8a6;
color: white;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.blog_wrapper_2 .blog_txt a:hover i {
padding-left: 5px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
/**********-----------booking wrapper---------*************/
.booking_wrapper_2 {
float: left;
width: 100%;
text-align: center;
background-color: #ffffff;
}
.booking_wrapper_2 .booking_box {
float: left;
width: 70%;
z-index: 1;
position: relative;
background: #2ec8a6;
padding: 83px 100px 83px 100px;
margin-top: -180px;
}
.booking_wrapper_2 .box_side_icon {
position: relative;
float: left;
}
.booking_wrapper_2 .box_side_icon:before {
content: '';
border-right: 120px solid transparent;
border-top: 120px solid #f4ab01;
position: absolute;
left: -100px;
top: -83px;
}
.booking_wrapper_2 .box_side_icon img {
top: -58px;
left: -80px;
color: white;
position: absolute;
}
.booking_wrapper_2 .response {
color: #2d2d2d;
float: right;
}
.booking_wrapper_2 .contect_form1 input {
width: 100%;
height: 50px;
margin-top: 20px;
padding-left: 10px;
margin-bottom: 10px;
color: white;
background: transparent;
border: 2px solid #7bddc7;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.booking_wrapper_2 .contect_form1 input:hover,
.booking_wrapper_2 .contect_form1 input:focus,
.booking_wrapper_2 .contect_form2 input:hover,
.booking_wrapper_2 .contect_form2 input:focus,
.booking_wrapper_2 .contect_form3 input:hover,
.booking_wrapper_2 .contect_form3 input:focus {
border: 2px solid #ffffff;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.booking_wrapper_2 .contect_form3 input {
width: 100%;
height: 50px;
margin-top: 20px;
padding-left: 20px;
background: transparent;
color: white;
border: 2px solid #7bddc7;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.booking_wrapper_2 .contect_form3 {
width: 100%;
margin-left: -7px;
}
.booking_wrapper_2 .contect_form3 i {
margin-left: -30px;
color: white;
}
.booking_wrapper_2 .booking_box::placeholder {
color: #7bddc7;
opacity: 1;
/* Firefox */
}
.booking_wrapper_2 .booking_box:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: #7bddc7;
}
.booking_wrapper_2 .booking_box::-ms-input-placeholder {
/* Microsoft Edge */
color: #7bddc7;
}
.booking_wrapper_2 .contect_form4 textarea {
width: 100%;
margin-top: 30px;
padding-left: 10px;
color: white;
background: transparent;
border: 2px solid #7bddc7;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
resize: none;
}
.booking_wrapper_2 .contect_form4 textarea:hover,
.contect_form4 textarea:focus {
border: 2px solid #ffffff;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.booking_wrapper_2 .contect_btn button {
padding: 0;
list-style: none;
margin-top: 40px;
float: left;
}
.booking_wrapper_2 .contect_btn button {
width: 160px;
height: 50px;
float: left;
color: black;
background: #ffffff;
text-align: center;
line-height: 47px;
border-radius: 50px;
font-size: 16px;
font-weight: bold;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
border: 2px solid transparent;
}
.booking_wrapper_2 .contect_btn button:hover {
background: transparent;
border: 2px solid white;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
color: #000000;
}
.booking_wrapper_2 .chat_box {
float: left;
width: 30%;
z-index: 1;
box-shadow: 0px 15px 10px -15px #111111b3;
background: #f9f9f9;
position: relative;
padding: 100px 60px 83px 60px;
margin-top: -180px;
}
.booking_wrapper_2 .booking_box_2 {
float: left;
width: 100%;
text-align: center;
}
.booking_wrapper_2 .booking_box_img {
text-align: center;
}
.booking_box_img img {
display: inline-block;
position: relative;
}
.booking_wrapper_2 .booking_box_img:after {
content: '';
position: relative;
left: 0;
width: 30px;
height: 30px;
border-radius: 50%;
background-color: #2ec8a6;
z-index: 100;
margin: auto;
bottom: 11px;
display: block;
right: 0;
top: -14px;
bottom: -15px;
border: 6px solid #fff;
}
.booking_wrapper_2 .booking_chat {
text-align: center;
float: left;
margin: 20px 0 20px 0;
}
.booking_wrapper_2 .booking_chat h1 {
margin: 0px 0px 0px 0px;
color: black;
font-size: 24px;
font-weight: 700;
}
.booking_wrapper_2 .booking_chat p {
color: black;
margin-top: 30px;
font-size: 16px;
}
.booking_wrapper_2 .booking_btn ul {
list-style: none;
float: left;
}
.booking_wrapper_2 .booking_btn li a {
width: 160px;
height: 50px;
float: left;
color: white;
background: #f4ab01;
text-align: center;
line-height: 47px;
border-radius: 50px;
font-size: 16px;
font-weight: bold;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
border: 2px solid transparent;
}
.booking_wrapper_2 .booking_btn li a:hover {
background: transparent;
border: 2px solid #f4ab01;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
color: #000;
}
.booking_wrapper_2 .map_main_wrapper {
float: left;
width: 100%;
position: relative;
z-index: 1;
}
/*********------------partner wrapper--------**************/
.partner_wrapper_2 {
float: left;
width: 100%;
text-align: center;
background-color: #ffffff;
}
.partner_wrapper_2 .partner_slider_img {
float: left;
width: 100%;
}
.partner_wrapper_2 .partner_slider_img .owl-theme .owl-dots .owl-dot {
display: none;
}
.partner_wrapper_2 .partner_slider_img .item {
width: 100%;
display: inline-block;
}
.partner_wrapper_2 .partner_slider_img .owl-carousel .owl-item img {
display: block;
width: 80%;
text-align: center;
}
.partner_wrapper_2 .partner_slider_img .owl-theme .owl-nav {
display: none;
}
/*---------------*/
.menu_wrapper_2 {
background-color: #2ec8a6;
float: left;
width: 100%;
position: relative;
z-index: 5;
}
.menu_wrapper_2 .header_logo {
float: left;
width: 100%;
position: absolute;
z-index: 10;
top: -20px;
}
.menu_wrapper_2 .logo_hidn h1 {
float: left;
width: 100%;
visibility: hiddden;
font-size: 24px;
color: #2ec8a6;
font-weight: 700;
text-transform: uppercase;
}
.menu_wrapper_2 .logo_hidn h1 span {
visibility: hiddden;
font-size: 24px;
color: black;
font-weight: 700;
text-transform: uppercase;
}
.menu_wrapper_2 .navbar {
position: relative;
border: 1px solid transparent;
z-index: 20;
min-height: 0px;
margin-bottom: 0px;
}
.menu_wrapper_2 .nav .navbar-nav {
float: left;
width: 100%;
}
.menu_wrapper_2 .navbar-nav {
float: right;
}
.menu_wrapper_2 .nav .navbar-nav ul {
margin: 0px;
padding: 0px;
width: 100%;
margin-left: 15px;
}
.menu_wrapper_2 .mainmenu ul ul,
.menu_wrapper_2 .mainmenu ul li .mega-menu {
width: 220px;
position: absolute;
text-align: left;
background-color: #fff;
top: calc(100% + 30px);
z-index: 9999999;
-webkit-transition: 0.3s;
transition: 0.3s;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
visibility: hidden;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.menu_wrapper_2 .mainmenu ul li:hover > ul,
.menu_wrapper_2 .mainmenu ul li:hover > .mega-menu {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
visibility: visible;
top: 165%;
border-top: 2px solid #2ec8a6;
-o-box-shadow: 0px 4px 20px 0 rgba(0, 0, 0, 0.04);
-ms-box-shadow: 0px 4px 20px 0 rgba(0, 0, 0, 0.04);
-moz-box-shadow: 0px 4px 20px 0 rgba(0, 0, 0, 0.04);
-webkit-box-shadow: 0px 4px 20px 0 rgba(0, 0, 0, 0.04);
box-shadow: 0px 4px 20px 0 rgba(0, 0, 0, 0.04);
}
.menu_wrapper_2 .mainmenu ul ul li {
display: block;
}
.menu_wrapper_2 .mainmenu ul ul li a,
.menu_wrapper_2 .mainmenu ul li.has-mega .mega-menu span a {
color: #333333;
text-transform: uppercase;
font-size: 14px;
letter-spacing: 1px;
padding: 8px 10px 8px 20px;
border-bottom: 1px solid #eee;
margin: 0;
top: 0;
}
.menu_wrapper_2 .mainmenu ul li.has-mega .mega-menu span a:hover {
background-color: #00468c;
color: #ffffff !important;
}
.menu_wrapper_2 .mainmenu ul ul li:last-child > a {
border-bottom: 0px;
}
.menu_wrapper_2 .mainmenu ul ul li a:after {
content: "";
}
.menu_wrapper_2 .mainmenu ul ul li > ul {
left: -100%;
top: 50%;
-webkit-transform-origin: 100% 50% 0;
transform-origin: 100% 50% 0;
}
.menu_wrapper_2 .mainmenu ul ul li:hover > ul {
top: 20%;
}
.menu_wrapper_2 .mainmenu ul li.has-mega {
position: relative;
}
.menu_wrapper_2 .mainmenu ul li.has-mega .mega-menu {
width: 100%;
left: 0;
padding: 20px 0px;
}
.menu_wrapper_2 .mainmenu ul li.has-mega .mega-menu span {
width: 25%;
float: left;
border-left: 1px solid #eee;
}
.menu_wrapper_2 .mainmenu ul li.has-mega .mega-menu span a {
padding-left: 20px;
padding-right: 0px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.menu_wrapper_2 .mainmenu ul li.has-mega .mega-menu span a:last-child {
border-bottom: 0px;
}
.menu_wrapper_2 .mainmenu ul li.has-mega .mega-menu span a:hover {
padding-left: 3px;
padding-left: 20px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.menu_wrapper_2 .mainmenu ul li span a.active {
font-weight: 600;
}
.menu_wrapper_2 .mainmenu ul ul li.active > a {
background-color: #eee;
font-weight: 600;
}
.menu_wrapper_2 .mainmenu ul li:hover .gc_main_navigation i,
.mainmenu ul li.active > .gc_main_navigation i {
color: #e99595 !important;
}
.menu_wrapper_2 .kv_navigation_wrapper {
width: auto;
}
.menu_wrapper_2 .mainmenu ul ul,
.mainmenu ul li .mega-menu {
width: 220px;
border-top: 2px solid #2ec8a6;
position: absolute;
text-align: left;
background-color: #fff;
top: calc(100% + 30px);
z-index: 9999999;
padding-left: 0;
transition: 0.3s;
opacity: 0;
}
.menu_wrapper_2 .mainmenu ul ul li a:hover {
border: none;
border-radius: 0;
color: #fff !important;
background-color: #f4ab01;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.menu_wrapper_2 .mainmenu ul ul li a,
.mainmenu ul li.has-mega .mega-menu span a {
color: #333333;
text-transform: uppercase;
font-size: 14px;
letter-spacing: 1px;
padding: 8px 10px 8px 20px;
border-bottom: 0px solid #eee;
margin: 0;
top: 0;
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
-ms-transition: all 0.6s;
-moz-transition: all 0.6s;
transition: all 0.6s;
}
.menu_wrapper_2 .mainmenu ul li.has-mega {
position: relative;
}
.menu_wrapper_2 .mainmenu ul li {
display: inline-block;
}
.menu_wrapper_2 .mainmenu ul {
list-style: none;
margin: 0;
padding: 0;
}
.menu_wrapper_2 .gc_main_navigation {
border-radius: 20px;
}
.menu_wrapper_2 .mainmenu ul li a {
color: #fff;
display: block;
text-transform: capitalize;
font-size: 16px;
position: relative;
overflow: hidden;
padding: 5px 15px;
top: 15px;
font-weight: 500;
letter-spacing: 1px;
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
-ms-transition: all 0.6s;
-moz-transition: all 0.6s;
transition: all 0.6s;
}
.menu_wrapper_2 .gc_main_navigation .gc_main_navigation,
.menu_wrapper_2 .mainmenu ul li.active > .gc_main_navigation {
position: relative;
}
.menu_wrapper_2 .mainmenu ul li .gc_main_navigation,
.menu_wrapper_2 .mainmenu ul li.active > .gc_main_navigation {
border: 2px solid transparent;
}
.menu_wrapper_2 .mainmenu ul li:hover .gc_main_navigation,
.menu_wrapper_2 .mainmenu ul li.active > .gc_main_navigation {
opacity: 1;
background: transparent;
border: 2px solid #f4ab01;
border-radius: 20px;
}
.menu_wrapper_2 .mainmenu ul ul li a:hover {
border: none;
border-radius: 0;
color: #fff !important;
background-color: #f4ab01;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.portfolio-area .protfoli_filter li:hover a,
.portfolio-area .protfoli_filter li:focus a,
.portfolio-area .protfoli_filter li.active a {
background: none;
border: 2px solid #f4ab01;
color: #f4ab01;
border-radius: 20px;
}
.portfolio-area .protfoli_filter {
padding-bottom: 50px;
display: inline-block;
margin-left: 115px;
}
.portfolio-area .protfoli_filter li {
float: left;
border: 0;
margin-right: 10px;
}
.portfolio-area .protfoli_filter li a {
display: inline-block;
border: 2px solid transparent;
font-size: 16px;
font-weight: 500;
text-align: center;
color: #000000;
font-weight: bold;
text-transform: uppercase;
padding: 5px 25px;
border-radius: 25px;
list-style: none;
}
.portfolio-area .portfoli_inner .portfolio-wrapper {
margin-bottom: 30px;
border-radius: 5px;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
.fa-caret-right:before {
content: "\f0da";
margin-left: 35%;
}
/***************-------**************
index_gynecologycal css
/***************-------**************
/*-------body start----*/
.med_toppadder10_3 {
padding-top: 10px;
}
.med_toppadder20_3 {
padding-top: 20px;
}
.med_toppadder30_3 {
padding-top: 30px;
}
.med_toppadder40_3 {
padding-top: 40px;
}
.med_toppadder50_3 {
padding-top: 50px;
}
.med_toppadder60_3 {
padding-top: 60px;
}
.med_toppadder70_3 {
padding-top: 70px;
}
.med_toppadder80_3 {
padding-top: 80px;
}
.med_toppadder90_3 {
padding-top: 90px;
}
.med_toppadder100_3 {
padding-top: 100px;
}
.med_bottompadder10_3 {
padding-bottom: 10px;
}
.med_bottompadder20_3 {
padding-bottom: 20px;
}
.med_bottompadder30_3 {
padding-bottom: 30px;
}
.med_bottompadder40_3 {
padding-bottom: 40px;
}
.med_bottompadder50_3 {
padding-bottom: 50px;
}
.med_bottompadder60_3 {
padding-bottom: 60px;
}
.med_bottompadder70_3 {
padding-bottom: 70px;
}
.med_bottompadder80_3 {
padding-bottom: 80px;
}
.med_bottompadder90_3 {
padding-bottom: 90px;
padding-top: 100px;
}
}
.med_bottompadder100_3 {
padding-bottom: 100px;
}
/*-----scroll top-----*/
/*-- Preloader css start --*/
#preloader {
background-color: #ffffff;
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 2147483647;
width: 100%;
height: 100%;
}
#status {
background-position: center center;
background-repeat: no-repeat;
height: auto;
position: absolute;
left: 50%;
top: 50%;
color: #2e7ec8;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
}
/********---------top header css start-------***********/
.md_header_wrapper_3 {
float: left;
width: 100%;
}
.md_header_wrapper_3 .top_header_wrapper {
float: left;
width: 100%;
background-color: #2e7ec8;
font-size: 14px;
color: #ffffff;
position: relative;
z-index: 6;
font-family: 'Open Sans', sans-serif;
}
.md_header_wrapper_3 .top_header_add {
float: left;
width: auto;
line-height: 52px;
}
.md_header_wrapper_3 .top_header_add ul {
margin: 0px;
padding: 0px;
width: 100%;
}
.md_header_wrapper_3 .top_header_add li {
float: left;
width: auto;
color: #fff;
list-style: none;
margin-right: 30px;
}
.md_header_wrapper_3 .top_header_add ul li i {
margin-right: 10px;
line-height: 33px;
border: 2px solid rgba(255, 255, 255, 0.4);
width: 36px;
height: 36px;
text-align: center;
}
.md_header_wrapper_3 .top_header_add ul li a {
color: #ffffff;
}
.md_header_wrapper_3 .top_header_add ul li a:hover {
color: #f7c44e;
transition: 0.4s;
}
.md_header_wrapper_3 .top_login {
float: right;
width: auto;
width: 170px;
text-align: center;
background-color: #f7c44e;
color: #fff;
padding-top: 20px;
padding-bottom: 18px;
}
.md_header_wrapper_3 .top_login ul {
margin: 0px;
padding: 0px;
width: 100%;
line-height: 5px;
float: left;
margin-left: 20px;
}
.md_header_wrapper_3 .top_login ul li {
float: left;
width: auto;
list-style: none;
}
.md_header_wrapper_3 .top_login ul li a {
color: #ffffff;
padding-left: 20px;
}
.md_header_wrapper_3 .md_right_side_warpper {
float: right;
}
.md_header_wrapper_3 .right_side_main_warpper {
width: 100%;
float: right;
line-height: 60px;
}
.md_header_wrapper_3 .md_right_side_warpper ul {
float: left;
width: 100%;
margin: 0;
padding: 0;
}
.md_header_wrapper_3 .md_right_side_warpper ul li {
float: left;
list-style: none;
width: auto;
color: white;
font-size: 16px;
margin-left: 15px;
}
.md_header_wrapper_3 .md_right_side_warpper li i {
color: white;
line-height: 60px;
transition: 0.70s;
-webkit-transition: 0.70s;
-moz-transition: 0.70s;
-ms-transition: 0.70s;
-o-transition: 0.70s;
}
.md_header_wrapper_3 .md_right_side_warpper li:last-child {
margin-right: 0;
}
.md_header_wrapper_3 .md_right_side_warpper ul li i:hover {
color: #f4ab01;
transition: 0.70s;
-webkit-transition: 0.70s;
-moz-transition: 0.70s;
-ms-transition: 0.70s;
-o-transition: 0.70s;
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
.md_header_wrapper_3 .middle_header_wrapper {
float: left;
width: 100%;
background-color: white;
padding-top: 30px;
padding-bottom: 10px;
}
.md_header_wrapper_3 .md_logo {
float: left;
width: 100%;
}
.md_header_wrapper_3 .lv_logo img {
display: inline-block;
}
.md_header_wrapper_3 .md_share_info_wrapper {
float: right;
width: auto;
}
.md_header_wrapper_3 .md_header_wrapper_3 .md_share_info_wrapper ul {
float: left;
width: 100%;
margin: 0px;
padding: 0px;
}
.md_header_wrapper_3 .md_share_info_wrapper ul li {
list-style: none;
float: left;
width: auto;
margin-left: 20px;
}
.md_header_wrapper_3 .md_share_info_wrapper ul li:first-child {
margin-left: 0px;
}
.md_header_wrapper_3 .md_share_info_wrapper ul li .lv_header_icon {
float: left;
width: 70px;
height: 70px;
line-height: 52px;
text-align: center;
}
.md_header_wrapper_3 .lv_header_icon img {
border: 2px solid #efefef;
padding: 7px;
margin-top: 15px;
}
.md_header_wrapper_3 .md_share_info_wrapper ul li p {
float: left;
width: auto;
text-transform: capitalize;
margin: 10px 0px 0px 10px;
font-size: 16px;
color: #757575;
}
.md_header_wrapper_3 .appointmnt_wrapper {
text-align: center;
float: right;
}
.md_header_wrapper_3 .appoint_btn {
display: inline-block;
}
.appoint_btn ul {
padding: 0;
list-style: none;
}
.appoint_btn li a {
width: 270px;
height: 50px;
float: left;
color: white;
background: #2e7ec8;
text-align: center;
line-height: 49px;
font-size: 16px;
border-radius: 50px;
border: 2px solid transparent;
font-weight: 600;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.appoint_btn li a:hover {
background: transparent;
border: 2px solid #2e7ec8;
color: black;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.appoint_btn i {
margin-right: 10px;
}
/*********-------main header wrapper--------**********/
.menu_wrapper_3 {
background-color: #2e7ec8;
float: left;
width: 100%;
}
.menu_wrapper_3 .rp_mobail_menu_main_wrapper {
float: none;
width: 100%;
}
.menu_wrapper_3 #sidebar {
position: fixed;
display: block;
height: 100%;
top: 0px;
left: -500px;
background-color: #ffffff;
overflow: scroll;
overflow-x: hidden;
z-index: 1000;
}
.menu_wrapper_3 #links {
position: relative;
float: left;
}
.menu_wrapper_3 #link_list {
list-style-type: none;
width: 100%;
padding: 0px 50px 0px 0px;
}
.menu_wrapper_3 #link_list li {
display: block;
width: 100%;
}
.menu_wrapper_3 #link_list li:hover {
background-color: #2e7ec8;
}
.menu_wrapper_3 #toggle {
float: right;
position: relative;
bottom: 40px;
right: 20px;
border-radius: 20px;
text-align: center;
cursor: pointer;
}
.menu_wrapper_3 #toggle_close {
position: absolute;
z-index: 100;
right: 20px;
top: 15px;
font-size: 25px;
color: #000000;
cursor: pointer;
}
@import url(https://fonts.googleapis.com/css?family=Raleway:400,200);
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
margin: 0;
padding: 0;
border: 0;
list-style: none;
line-height: 1;
display: block;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.menu_wrapper_3 #cssmenu {
width: 300px;
color: #ffffff;
text-transform: capitalize;
}
.menu_wrapper_3 #cssmenu ul ul {
display: none;
}
.menu_wrapper_3 .align-right {
float: right;
}
.menu_wrapper_3 #cssmenu ul li a {
padding: 16px 22px;
cursor: pointer;
z-index: 2;
font-size: 16px;
text-decoration: none;
color: #000000;
font-weight: bold;
border-bottom: 1px solid #d3d3d3;
background: #ffffff;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.menu_wrapper_3 #cssmenu ul li:first-child a {
border-top: 1px solid #d3d3d3;
}
.menu_wrapper_3 #cssmenu ul li:hover a,
.menu_wrapper_3 #cssmenu ul li.active a {
background: #2e7ec8!important;
border-bottom: 1px solid #d3d3d3;
color: #ffffff;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.menu_wrapper_3 ul ul > li.has-sub > a:before {
top: 20px;
background: #ffffff;
}
.menu_wrapper_3.menu_fixed {
position: fixed !important;
left: 0 !important;
right: 0 !important;
top: 0 !important;
z-index: 1000;
}
.menu_wrapper_3 #sidebar h1 {
font-size: 20px;
color: #2e7ec8 !important;
padding-left: 20px;
font-weight: bold;
text-transform: uppercase;
padding-bottom: 15px;
margin-top: 15px;
}
.menu_wrapper_3 #sidebar h1 span {
margin: 0;
color: black;
font-size: 20px;
background: #f9f9f9;
}
/**************---------menu wrapper--------**************/
.menu_wrapper_3 .navbar {
border: 1px solid transparent;
min-height: 0;
z-index: 20;
margin-bottom: 0px;
}
.menu_wrapper_3 .nav_response {
padding-right: 0px;
}
.menu_wrapper_3 .nav .navbar-nav {
float: left;
width: 100%;
}
.menu_wrapper_3 .nav .navbar-nav ul {
margin: 0px;
padding: 0px;
width: 100%;
margin-left: 15px;
}
.menu_wrapper_3 #nav_filter .hovr_nav_tab li a {
color: #1a1a1a;
font-weight: 500;
}
.menu_wrapper_3 #nav_filter li a {
display: block;
font-size: 14px;
cursor: pointer;
color: white;
text-transform: capitalize;
padding: 5px 15px;
border: 2px solid transparent;
margin-right: 10px;
font-weight: 400;
font-family: 'Open Sans', sans-serif;
text-transform: uppercase;
border-radius: 20px;
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
-ms-transition: all 0.6s;
-moz-transition: all 0.6s;
transition: all 0.6s;
}
.menu_wrapper_3 #nav_filter li a:hover {
background: transparent;
border: 2px solid #f7c44e;
color: white;
border-radius: 20px;
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
-ms-transition: all 0.6s;
-moz-transition: all 0.6s;
transition: all 0.6s;
}
.menu_wrapper_3 .nav>li>a:focus,
.nav>li>a:hover {
background: none;
}
.menu_wrapper_3 #nav_filter li a:last-child {
margin-right: 0px;
margin-left: 0px;
}
.menu_wrapper_3 .navbar-toggle {
position: relative;
float: right;
padding: 9px 10px;
margin-top: 8px;
margin-right: 15px;
margin-bottom: 8px;
background-color: #2e7ec8;
background-image: none;
border-radius: 4px;
}
.menu_wrapper_3 .navbar-toggle .icon-bar+.icon-bar {
margin-top: 4px;
color: white;
}
.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
background-color: transparent;
}
.menu_wrapper_3 .navbar-nav>li {
padding-top: 24px;
padding-bottom: 23px;
}
/*Dropdown Menu*/
.menu_wrapper_3 .navbar-right .dropdown-menu {
right: auto;
}
.menu_wrapper_3 #nav_filter .hovr_nav_tab li a {
border: none;
border-radius: 0;
}
.menu_wrapper_3 #nav_filter .hovr_nav_tab li a:hover {
border: none;
border-radius: 0;
color: white;
background-color: #f7c44e;
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
-ms-transition: all 0.6s;
-moz-transition: all 0.6s;
transition: all 0.6s;
}
.menu_wrapper_3 .nav .dropdown-menu {
display: inherit;
padding: 5px 0;
border: none;
border-radius: 0;
}
.menu_wrapper_3 .nav .dropdown-header {
font-size: 14px;
line-height: 30px;
font-weight: 600;
text-transform: uppercase;
}
.menu_wrapper_3 .nav .dropdown-menu li a {
display: block;
line-height: 30px;
color: black;
padding: 3px 10px;
text-decoration: none;
font-size: 14px;
color: #000000;
margin-left: 0 !important;
padding-top: 10px !important;
padding-bottom: 10px !important;
padding-right: 10px !important;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.menu_wrapper_3 .nav .dropdown .dropdown-menu {
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.menu_wrapper_3 .nav .dropdown:hover .dropdown-menu {
display: block;
opacity: 1;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
visibility: visible;
}
.menu_wrapper_3 #cssmenu ul > li.has-sub > a:after {
position: absolute;
right: 26px;
top: 19px;
z-index: 5;
display: block;
height: 10px;
width: 2px;
background: #000000;
content: "";
-webkit-transition: all 0.1s ease-out;
-moz-transition: all 0.1s ease-out;
-ms-transition: all 0.1s ease-out;
-o-transition: all 0.1s ease-out;
transition: all 0.1s ease-out;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.menu_wrapper_3 #cssmenu ul > li.has-sub > a:before {
position: absolute;
right: 22px;
top: 23px;
display: block;
width: 10px;
height: 2px;
background: #000000;
content: "";
-webkit-transition: all 0.1s ease-out;
-moz-transition: all 0.1s ease-out;
-ms-transition: all 0.1s ease-out;
-o-transition: all 0.1s ease-out;
transition: all 0.1s ease-out;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.menu_wrapper_3 #cssmenu ul > li.has-sub > a:hover:after,
.menu_wrapper_3 #cssmenu ul > li.has-sub > a:hover:before {
background: #ffffff;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.menu_wrapper_3 #cssmenu ul > li.has-sub.open > a:after,
.menu_wrapper_3 #cssmenu ul > li.has-sub.open > a:before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.menu_wrapper_3 #cssmenu ul ul li a {
padding: 14px 22px;
cursor: pointer;
z-index: 2;
font-size: 14px;
text-decoration: none;
color: #ffffff;
font-weight: bold;
background-color: #2a2727;
-webkit-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease;
}
.menu_wrapper_3 #cssmenu ul ul ul li a {
padding-left: 32px;
}
.menu_wrapper_3 #cssmenu ul ul li a:hover {
color: #ffffff;
}
.menu_wrapper_3 #cssmenu ul ul > li.has-sub > a:after {
top: 16px;
right: 26px;
background: #ffffff;
}
.menu_wrapper_3 #cssmenu ul ul > li.has-sub > a:before {
top: 20px;
background: #ffffff;
}
.menu_wrapper_3 .nav .hovr_nav_tab {
padding: 0;
}
/*-----search bar---*/
.menu_wrapper_3 .et_search_bar a {
float: right;
width: auto;
text-align: center;
color: white;
font-size: 16px;
cursor: pointer;
}
.menu_wrapper_3 .et_search_box {
position: absolute;
right: -225px;
top: 2px;
padding: 8px;
display: inline-block;
border-radius: 0px;
background-color: #ffffff;
display: none;
z-index: 1000;
}
.menu_wrapper_3 .et_search_box input {
float: left;
width: calc(100% - 45px);
padding: 0px 10px;
height: 45px;
border: 1px solid #2e7ec8;
border-right: 0px;
}
.menu_wrapper_3 .et_search_box button {
width: 45px;
height: 45px;
border: 1px solid #2e7ec8;
border-left: none;
background-color: #ffffff;
text-align: center;
padding: 0px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.menu_wrapper_3 .et_search_box button:hover {
color: #ffffff;
background: #2e7ec8;
border-color: #2e7ec8;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.menu_wrapper_3 .et_search_bar i {
position: relative;
top: 5px;
}
.menu_wrapper_3 .et_navbar_search_wrapper {
float: right;
}
/*----stick menu-----*/
.menu_wrapper_3.menu_fixed {
position: fixed;
background: #2e7ec8;
-webkit-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
-moz-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
-o-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
-ms-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
z-index: 1000;
left: 0;
right: 0;
}
.menu_wrapper_3 .header-area.stick .mainmenu ul li a,
.menu_wrapper_3 .stick .mean-container a.meanmenu-reveal {} .menu_wrapper_3 .header-area.stick .menu-bar:after,
.menu_wrapper_3 .header-area.stick .menu-bar:before,
.menu_wrapper_3 .header-area.stick .menu-bar span,
.menu_wrapper_3 .stick .mainmenu ul li.parent:after,
.menu_wrapper_3 .stick .mainmenu ul li.parent:before,
.menu_wrapper_3 .stick .mainmenu ul li.has-mega > a:before,
.menu_wrapper_3 .stick .mainmenu ul li.has-mega > a:after,
.menu_wrapper_3 .stick .mean-container a.meanmenu-reveal span {
background-color: #222;
}
/*******--------slider wrapper start--------***********/
/*-- hs Slider Start --*/
.slider-area-3 {
float: left;
width: 100%;
position: relative;
}
.slider-area-3 .carousel-inner .carousel-item .caption-1:before {
content: '';
position: absolute;
border-left: 770px solid rgba(46, 126, 200, 0.5);
top: -40px;
right: 0;
border-top-left-radius: 50%;
border-bottom-left-radius: 50%;
bottom: -57px;
z-index: 1;
}
.slider-area-3 .carousel-inner .carousel-item .caption-1:after {
content: '';
position: absolute;
border-left: 807px solid rgba(46, 126, 200, 0.4);
top: -67px;
right: 0;
border-top-left-radius: 50%;
border-bottom-left-radius: 49%;
bottom: -87px;
z-index: 1;
}
.slider-area-3 .carousel-inner .carousel-item .caption-1 {
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background: url(../images/slider_3.jpg) 50% 0 repeat-y;
position: relative;
min-height: 850px;
animation: scale 40s linear infinite;
}
@keyframes scale {
50% {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
}
.slider-area-3 .carousel-inner .carousel-item .caption-2 {
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background: url(../images/slider_3.jpg) 50% 0 repeat-y;
position: relative;
min-height: 850px;
animation: scale 40s linear infinite;
}
@keyframes scale {
50% {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
}
.slider-area-3.carousel-inner .carousel-item .caption-2:before {
content: '';
position: absolute;
border-left: 770px solid rgba(46, 126, 200, 0.5);
top: -40px;
right: 0;
border-top-left-radius: 50%;
border-bottom-left-radius: 50%;
bottom: -57px;
z-index: 1;
}
.slider-area-3 .carousel-inner .carousel-item .caption-2:after {
content: '';
position: absolute;
border-left: 807px solid rgba(46, 126, 200, 0.4);
top: -67px;
right: 0;
border-top-left-radius: 50%;
border-bottom-left-radius: 49%;
bottom: -87px;
z-index: 1;
}
.slider-area-3 .carousel-inner .carousel-item .caption-3 {
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background: url(../images/slider_3.jpg) 50% 0 repeat-y;
position: relative;
min-height: 850px;
animation: scale 40s linear infinite;
}
@keyframes scale {
50% {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
}
.slider-area-3 .carousel-inner .carousel-item .caption-3:before {
content: '';
position: absolute;
border-left: 770px solid rgba(46, 126, 200, 0.5);
top: -40px;
right: 0;
border-top-left-radius: 50%;
border-bottom-left-radius: 50%;
bottom: -57px;
z-index: 1;
}
.slider-area-3 .carousel-inner .carousel-item .caption-3:after {
content: '';
position: absolute;
border-left: 807px solid rgba(46, 126, 200, 0.4);
top: -67px;
right: 0;
border-top-left-radius: 50%;
border-bottom-left-radius: 49%;
bottom: -87px;
z-index: 1;
}
.slider-area-3 .carousel-inner .carousel-item .carousel-captions .content {
display: block;
position: relative;
overflow: hidden;
vertical-align: middle;
padding-top: 300px;
padding-bottom: 250px;
float: right;
text-align: left;
z-index: 10000;
margin-right: 110px;
}
.slider-area-3 .carousel-inner .carousel-item .carousel-captions .content h2 {
color: #fff;
font-size: 40px;
font-weight: 600;
font-family: 'Montserrat', sans-serif;
line-height: 50px;
margin: 0 0 20px;
animation-delay: 1.2s;
text-transform: uppercase;
}
.slider-area-3 .carousel-inner .carousel-item .carousel-captions .content h2 span {
color: #fff;
font-size: 40px;
font-weight: 400;
font-family: 'Montserrat', sans-serif;
margin: 0 0 20px;
animation-delay: 1.2s;
text-transform: uppercase;
}
.slider-area-3 .hs_effect_btn ul {
float: left;
margin: 0;
padding: 0;
}
.slider-area-3 .hs_effect_btn li {
float: left;
list-style: none;
}
.slider-area-3 .hs_effect_btn li a {
float: left;
width: 160px;
height: 50px;
background: transparent;
color: #ffffff;
text-align: center;
font-size: 14px;
line-height: 45px;
margin-top: 20px;
font-weight: 500;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
font-family: 'Open Sans', sans-serif;
border: 2px solid #fff;
text-transform: capitalize;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.slider-area-3 .hs_effect_btn li a:hover {
background: #2e7ec8;
border: 2px solid #2e7ec8;
color: #ffffff;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.slider-area-3 .carousel-inner .carousel-item .carousel-captions .content li {
animation-delay: 2.5s;
}
.slider-area-3 .carousel-inner .carousel-indicators li {
float: left;
text-indent: 0;
position: relative;
width: 14px;
height: 14px;
background-color: rgba(255, 255, 255, 0.4);
display: block;
border: none;
border-radius: 0;
cursor: pointer;
font-size: 16px;
margin: 0;
color: #fff;
margin-right: 10px;
text-align: left;
margin-top: 10px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
border: 1px solid #2e7ec8;
}
.slider-area-3 .carousel-inner .carousel-indicators {
position: absolute;
margin: 0px auto;
width: 100%;
left: 45%;
z-index: 100;
display: block;
bottom: 40px;
}
.slider-area-3 .carousel-inner .carousel-indicators li span.number {
display: inline-block;
}
.slider-area-3 .carousel-inner .carousel-indicators li span.con {
display: inline-block;
position: relative;
padding-left: 42px;
}
.slider-area-3 .carousel-inner .carousel-indicators li span.con:after {
content: '';
position: absolute;
left: 0;
top: 50%;
height: 1px;
background: #13bfb1;
width: 26px;
}
.slider-area-3 .carousel-inner .carousel-indicators li.active {
background: #2e7ec8;
width: 14px;
height: 14px;
}
.slider-area-3 .carousel-nevigation_3 {
position: absolute;
margin: 0;
right: 0;
bottom: 8%;
z-index: 1000;
display: block;
}
.slider-area-3 .carousel-nevigation_3 > .prev {
right: 150px;
position: absolute;
width: 80px;
height: 45px;
color: #fff;
font-family: 'Open Sans', sans-serif;
background: transparent;
border: 1px solid #fff;
line-height: 46px;
text-align: center;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.slider-area-3 .carousel-nevigation_3 > .next {
right: 50px;
position: absolute;
width: 80px;
height: 45px;
color: #fff;
line-height: 46px;
margin-left: 15px;
border: 1px solid #fff;
background: transparent;
font-family: 'Open Sans', sans-serif;
text-align: center;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.slider-area-3 .carousel-nevigation_3 > .next:hover,
.slider-area-3.carousel-nevigation_3 > .prev:hover {
background: #fff;
color: #2e7ec8;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
/*******----------- hs Slider End ---------***********/
/******--------service wrapper Start --------******/
.jp_banner_jobs_categories_wrapper_3 {
float: left;
width: 100%;
position: relative;
}
.jp_banner_jobs_categories_wrapper_3 .jp_top_jobs_category_wrapper {
float: left;
width: 20%;
text-align: center;
background: #2b71b2;
padding: 50px 30px 50px 30px;
-webkit-transition: all 300ms ease-in;
-webkit-transform: scale(1);
-ms-transition: all 300ms ease-in;
-ms-transform: scale(1);
-moz-transition: all 300ms ease-in;
-moz-transform: scale(1);
transition: all 300ms ease-in;
transform: scale(1);
}
.jp_banner_jobs_categories_wrapper_3 .jp_top_clr_category_wrapper {
background: #2e7ec8;
}
.jp_banner_jobs_categories_wrapper_3 .jp_top_jobs_category_wrapper:hover {
-webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2);
z-index: 100;
position: relative;
-webkit-transition: all 300ms ease-in;
-webkit-transform: scale(1.5);
-ms-transition: all 300ms ease-in;
-ms-transform: scale(1.1);
-moz-transition: all 300ms ease-in;
-moz-transform: scale(1.1);
transition: all 300ms ease-in;
transform: scale(1.1);
}
.jp_banner_jobs_categories_wrapper_3 .jp_top_jobs_category {
display: inline-block;
}
.jp_banner_jobs_categories_wrapper_3 .jp_top_category_icon {
font-size: 25px;
width: 70px;
height: 70px;
text-align: center;
display: inline-block;
line-height: 70px;
border: 2px solid rgba(255, 255, 255, 0.3);
margin-bottom: 15px;
}
.jp_banner_jobs_categories_wrapper_3 .jp_top_category_icon i {
color: #fff;
text-align: Center;
transition: all 0.5s;
}
.jp_banner_jobs_categories_wrapper_3 .jp_top_jobs_category h3 a {
color: #fff;
padding-top: 15px;
font-size: 20px;
text-transform: capitalize;
font-weight: 500;
}
/********-------about us wrapper-------**********/
.about_us_section_3 {
background: url(../images/id_abt_bg.jpg) 50% 0 repeat-y;
float: left;
width: 100%;
height: 100%;
background-position: center 0;
background-size: cover;
background-repeat: no-repeat;
position: relative;
padding-top: 100px;
}
.about_heading_wraper_3 {
text-align: center;
}
.abt_txt_3 .clr_blue {
color: #2e7ec8;
}
.about_heading_wraper_3 h1 {
margin: 0px 0px 0px 0px;
color: #111111;
font-size: 34px;
line-height: 36px;
font-weight: 700;
text-align: center;
text-transform: uppercase;
}
.about_us_section_3 .ser_abt_img_resp {
float: left;
width: 100%;
}
.abt_txt_3 h3 {
font-size: 32px;
color: #222222;
line-height: 36px;
text-transform: capitalize;
font-weight: 500;
}
.abt_txt_3 p {
margin-top: 0px;
font-size: 16px;
color: #757575;
font-family: 'Open Sans', sans-serif;
text-transform: capitalize;
line-height: 24px;
}
.about_us_section_3 .abt_chk {
float: left;
width: 100%;
font-size: 16px;
color: #757575;
text-transform: capitalize;
font-family: 'Open Sans', sans-serif;
}
.about_us_section_3 .abt_chk ul {
margin: 0px;
padding: 0px;
width: 100%;
float: left;
}
.about_us_section_3 .abt_chk ul li {
float: left;
width: 40%;
list-style: none;
margin-bottom: 10px;
cursor: pointer;
display: inline-block;
}
.about_us_section_3 .content_chck ul li i {
font-size: 16px;
color: #2e7ec8;
margin-right: 10px;
}
.about_us_section_3 .abt_chk ul li i {
position: relative;
top: 2px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.about_us_section_3 .abt_chk ul li:hover i {
padding-left: 5px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.about_us_section_3 .about_btn ul {
list-style: none;
float: left;
margin: 0;
padding: 0;
padding-top: 30px;
}
.about_us_section_3 .about_btn li a {
width: 200px;
height: 50px;
float: left;
color: white;
background: #2e7ec8;
text-align: center;
line-height: 47px;
border-radius: 50px;
font-size: 16px;
text-transform: uppercase;
font-weight: 600;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
border: 2px solid transparent;
}
.about_us_section_3 .about_btn li a:hover {
background: transparent;
border: 2px solid #2e7ec8;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
color: #000;
}
.about_us_section_3 .portfolio-area {
float: left;
width: 100%;
}
.about_us_section_3 .portfolio-area .portfolio-wrap {
position: relative;
overflow: hidden;
}
.about_us_section_3 .about_port_section ul {
margin: 0;
padding: 0;
float: left;
width: 100%;
}
.about_us_section_3 .about_port_section ul li {
float: left;
width: auto;
list-style: none;
margin-left: 20px;
}
.about_us_section_3 .about_port_section ul li:first-child {
margin-left: 20px;
}
.about_us_section_3 .port_uper_div {
margin-bottom: 20px;
}
/*********--------md services wrapper-------*********/
.service_wrapper_3 {
background: url('../images/service_bg.jpg') 50% 0 repeat-y;
float: left;
width: 100%;
height: 100%;
background-position: center 0;
background-size: cover;
background-repeat: no-repeat;
position: relative;
padding-top: 100px;
padding-bottom: 80px;
}
.service_overlay {
position: absolute;
top: 0%;
left: 0%;
right: 0%;
bottom: 0%;
background: rgba(16, 16, 16, 0.9);
}
.service_heading_wraper_3 h1 {
margin: 0px 0px 0px 0px;
color: white;
font-size: 34px;
line-height: 36px;
font-weight: 700;
text-align: center;
text-transform: uppercase;
}
.service_wrapper_3 .service_heading_wraper_3 p {
color: #f5f4f3;
}
.service_wrapper_3 .serv_left_wrapper {
text-align: left;
}
.service_wrapper_3 .serv_heading_section h1 {
font-size: 32px;
line-height: 38px;
font-weight: 500;
color: #fff;
}
.service_wrapper_3 .serv_heading_section p {
font-size: 16px;
color: #d7d4d4;
}
.service_wrapper_3 .serv_heading_section h2 {
font-size: 18px;
font-weight: 700;
background: #fff;
padding: 6px 15px;
margin-bottom: 30px;
text-transform: uppercase;
color: #1887e5;
display: inline-block;
}
.service_wrapper_3 .med_slider_img {
float: left;
width: 100%;
overflow: hidden;
}
.service_wrapper_3 .owl_box {
width: 100%;
float: left;
overflow: hidden;
position: relative;
}
.service_wrapper_3 .med_slider_img .owl-carousel.owl-loaded {
overflow: hiddden !important;
}
.service_wrapper_3 .med_slider_img .owl-theme .owl-dots .owl-dot {
display: none;
}
.service_wrapper_3 .med_slider_img .item {
width: 100%;
}
.service_wrapper_3 .med_slider_img .owl-carousel .owl-item img {
display: block;
width: 100%;
margin-top: -13px;
}
.service_wrapper_3 .med_slider_img .owl-theme .owl-nav {
position: absolute;
bottom: 65%;
margin: 0;
left: 0;
right: 0;
z-index: 1000;
display: block;
}
.service_wrapper_3 .med_slider_img .owl-prev {
position: absolute;
left: -50px;
}
.service_wrapper_3 .med_slider_img .owl-next {
position: absolute;
right: -50px;
}
.service_wrapper_3 .med_slider_img .owl-theme .owl-nav .owl-prev,
.service_wrapper_3 .med_slider_img .owl-theme .owl-nav .owl-next {
color: white;
font-size: 36px;
display: inline-block;
cursor: pointer;
background-color: #2e7ec8;
height: 100px;
width: 100px;
border-radius: 100%;
padding-top: 30px;
padding-left: 35px;
}
.service_wrapper_3 .med_slider_img .owl-theme .owl-nav .owl-next {
padding-right: 55px;
}
.service_wrapper_3 .med_slider_img .owl-theme .owl-nav .owl-next:hover {
color: white;
background-color: #f7c44e;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.service_wrapper_3 .med_slider_img .owl-theme .owl-nav .owl-prev:hover {
color: white;
background-color: #f7c44e;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
/*******--------team wrapper -------***********/
.team_wrapper_3 {
background: url(../images/our_team3.jpg) 50% 0 repeat-y;
float: left;
width: 100%;
height: 100%;
background-position: center 0;
background-size: cover;
background-repeat: no-repeat;
position: relative;
padding-top: 100px;
padding-bottom: 30px;
}
.service_heading_wraper_3 h1,
.about_heading_wraper_3 h1 {
text-transform: uppercase;
}
.team_heading_wrapper_3 h1 {
margin: 0px 0px 0px 0px;
color: #111111;
font-size: 34px;
font-weight: 700;
text-transform: uppercase!important;
}
.team_wrapper_3 .hs_lest_news_img_wrapper {
float: left;
width: 100%;
overflow: hidden;
}
.team_wrapper_3 .img-effect {
position: relative;
overflow: hidden;
display: block;
}
.team_wrapper_3 .img-effect.zoom-slow:hover img {
-moz-transform: scale(2);
-webkit-transform: scale(2);
-o-transform: scale(2);
-ms-transform: scale(2);
transform: scale(2);
}
.team_wrapper_3 .img-effect.zoom-slow img {
transition: all 12s;
-moz-transition: all 12s;
-webkit-transition: all 12s;
-o-transition: all 12s;
}
.team_wrapper_3 .team_about {
float: left;
width: 100%;
position: relative;
overflow: hidden;
}
.team_wrapper_3 .team_about:hover .team_icon_wrapper:before {
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.team_wrapper_3 .team_about:hover .team_txt a {
color: #2e7ec8;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.team_wrapper_3 .team_about:hover .team_img {
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.team_wrapper_3 .team_img {
width: 100%;
}
.team_wrapper_3 .team_txt {
float: left;
width: 100%;
background-color: #2e7ec8;
text-align: center;
}
.team_wrapper_3 .team_txt h1 {
width: 100%;
margin-top: 20px;
}
.team_wrapper_3 .team_txt h1 a {
color: #fff;
font-size: 18px;
font-weight: 700;
padding-bottom: 10px;
text-transform: capitalize;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.team_wrapper_3 .team_txt p {
text-align: center;
color: #fff;
opacity: 0.7;
font-size: 16px;
}
.team_wrapper_3 .team_icon_wrapper {
position: relative;
bottom: 28px;
}
.team_wrapper_3 .team_icon_wrapper svg {
top: 50px;
left: 20px;
position: absolute;
}
.team_wrapper_3 .team_img img {
margin-top: 2px;
width: 100%;
}
.team_wrapper_3 .team_icon_wrapper:before {
content: '';
border-right: 120px solid transparent;
border-top: 120px solid #2e7ec8;
position: absolute;
left: 0px;
top: 28px;
}
.team_wrapper_3 .team_icon_hover {
float: left;
width: 100%;
background-color: #2e7ec8;
font-size: 16px;
color: #ffffff;
position: absolute;
font-family: 'Open Sans', sans-serif;
line-height: 85px;
bottom: -95px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.team_wrapper_3 .team_about:hover .team_icon_hover {
bottom: 0;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.team_wrapper_3 .team_icon_hover {
text-align: center;
float: left;
width: 100%;
}
.team_wrapper_3 .team_icon_hover ul {
width: 100%;
float: left;
display: inline-block;
margin-left: 12px;
}
.team_wrapper_3 .team_icon_hover ul li:first-child {
margin-left: -19;
}
.team_wrapper_3 .team_icon_hover ul li {
float: left;
width: auto;
list-style: none;
margin-left: 15px;
margin-bottom: -10px;
}
.team_wrapper_3 .team_about .team_icon_hover ul li i {
line-height: 33px;
border: 2px solid rgba(255, 255, 255, 0.4);
width: 36px;
height: 36px;
text-align: center;
}
.team_wrapper_3 .team_icon_hover ul li a {
color: #ffffff;
}
.team_wrapper_3 .team_icon_hover ul li a:hover {
color: #e8eeed;
transition: 0.4s;
}
.team_wrapper_3 .team_icon_hover ul li i:hover {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
transition: 0.4s;
}
.team_wrapper_3 .team_slider_wrapper {
float: left;
width: 100%;
}
.team_wrapper_3 .team_slider_wrapper .owl-carousel .owl-item img {
width: 100%;
}
.team_wrapper_3 .team_slider_wrapper .item {
width: 100%;
}
.team_wrapper_3 .team_slider_wrapper .owl-carousel .owl-nav {
display: none;
}
.team_wrapper_3 .team_slider_wrapper .owl-theme .owl-dots .owl-dot span {
width: 15px;
height: 15px;
margin: 70px 5px;
background: transparent;
display: block;
-webkit-backface-visibility: visible;
transition: opacity 200ms ease;
border-radius: 30px;
border: 1px solid #2e7ec8;
}
.team_wrapper_3 .team_slider_wrapper .owl-theme .owl-dots .owl-dot.active span,
.team_wrapper_3 .team_slider_wrapper .owl-theme .owl-dots .owl-dot:hover span {
background: #2e7ec8;
display: block;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
/**********-------usefull information css-----*********/
.useful_information_wraper_3 {
float: left;
width: 100%;
padding-top: 100px;
padding-bottom: 100px;
}
.useful_information_wraper_3 .text_wrapper {
float: left;
width: 100%;
margin-top: 18px;
}
.useful_information_wraper_3 .text_wrapper_heading,
.useful_information_wraper_3 .text_wrapper_content {
float: left;
width: 100%;
}
.useful_information_wraper_3 .sp_icon_img a i {
float: left;
border-radius: 0;
width: 65px;
height: 142px;
line-height: 136px;
display: inline-block;
font-size: 30px;
color: #fff;
background: #1f6a9e;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.useful_information_wraper_3 .sp_icon_img a i {
font-weight: 500;
}
.useful_information_wraper_3 .icon_content_box {
font-size: 20px;
color: #111111;
background: #2278b3;
float: left;
width: calc(100% - 65px);
padding: 23px;
display: inline-block;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.useful_information_wraper_3 .icon_wrapper_3 p {
margin-top: 10px;
text-align: left;
font-size: 16px;
line-height: 22px;
color: rgba(255, 255, 255, 0.7);
}
.useful_information_wraper_3 .icon_wrapper_3 a {
font-size: 18px;
font-weight: 600;
color: #fff;
text-transform: uppercase;
position: relative;
font-family: 'Open Sans', sans-serif;
}
.useful_information_wraper_3 .icon_wrapper_3 h4 {
text-align: left;
}
.useful_information_wraper_3 .icon_wrapper_3 {
text-align: center;
padding-bottom: 30px;
float: left;
width: 100%;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.useful_information_wraper_3 .icon_wrapper_3:hover .icon_content_box {
background: #1f6a9e;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.useful_information_wraper_3 .icon_wrapper_3:hover .sp_icon_img a i {
background: #2278b3;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.useful_information_wraper_3 .sidebar_wrapper {
float: left;
width: 100%;
}
.useful_information_wraper_3 .lv_faq_wrapper .panel-title {
position: relative;
}
.useful_information_wraper_3 .lv_faq_wrapper .panel-title:after {
content: "";
position: absolute;
border-left: 1px solid #f2f2f2;
top: 0;
bottom: 0;
left: 90px;
}
.useful_information_wraper_3 .accordionFifteen .panel-group .panel+.panel {
margin-top: 0px;
}
.useful_information_wraper_3 .accordionFifteen .panel-group {
margin-bottom: 0;
}
.useful_information_wraper_3 .accordionFifteen .panel-default {
border: 0;
}
.useful_information_wraper_3 .accordionFifteen .panel {
background-color: transparent;
box-shadow: none;
border-radius: 0;
border: none;
margin: 0;
margin-bottom: -15px;
}
.useful_information_wraper_3 .accordionFifteen .panel .panel-heading a {
display: block;
background: white;
padding: 15px 20px;
color: #000;
font-size: 16px;
font-weight: 500;
border: 1px solid #2e7ec8;
border-bottom: none;
text-decoration: none;
}
.useful_information_wraper_3 .panel-heading desktop h4 {
line-height: 0;
}
.useful_information_wraper_3 .panel-title h4 {
margin-left: -1px;
}
.useful_information_wraper_3 .accordionFifteen .panel .panel-heading a.collapsed {
color: #000000;
background-color: #fff;
display: block;
padding: 15px 20px;
font-size: 16px;
font-weight: 500;
border: 1px solid #e3e3e3;
margin-left: -1px;
margin-top: -1px;
}
.useful_information_wraper_3 .accordionFifteen .panel .panel-heading a.collapsed.active{
border: 1px solid #2e7ec8;
}
.useful_information_wraper_3 .accordionFifteen .panel-default>.panel-heading {
border-radius: 0px;
padding: 0px;
margin-left: -1px;
margin-top: -1px;
background: transparent;
}
.useful_information_wraper_3 .accordionFifteen .panel-group .panel-heading+.panel-collapse>.panel-body {
border-top: 0;
padding-top: 0;
padding: 20px 30px 20px 20px;
background: #fff;
border: 1px solid #2e7ec8;
border-top: none;
margin-left: -1px;
margin-top: -1px;
}
.useful_information_wraper_3 .accordionFifteen .panel .panel-heading a:before,
.useful_information_wraper_3 .accordionFifteen .panel .panel-heading a.collapsed:before {
font-family: 'FontAwesome';
font-size: 16px;
float: left;
margin-right: 60px;
margin-left: 20px;
display: block;
}
.useful_information_wraper_3 .accordionFifteen .panel .panel-heading a:after,
.useful_information_wraper_3 .accordionFifteen .panel .panel-heading a.collapsed:after {
font-family: 'FontAwesome';
font-size: 24px;
float: right;
width: 50px;
height: 25px;
line-height: 24px;
text-align: center;
display: block;
border-radius: 50%;
}
.useful_information_wraper_3 .accordionFifteen .panel .panel-heading a:after {
content: "\f107";
background: #2e7ec8;
width: 24px;
height: 24px;
border-radius: 100%;
color: white;
font-size: 16px;
}
.useful_information_wraper_3 .accordionFifteen .panel .panel-heading a.collapsed:after {
content: "\f105";
background: #2e7ec8;
width: 24px;
height: 24px;
border-radius: 100%;
color: white;
font-size: 16px;
}
.useful_information_wraper_3 .sidebar_pannel {
margin-bottom: 18px !important;
}
.about_heading_wraper_3 {
text-align: center;
}
.useful_information_wraper_3 .ser_abt_img_resp img {
width: 100%;
}
/*********----------counter wrapper--------***********/
.counter_section_3 {
background: url('../images/counter_3.jpg') 50% 0 repeat-y;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
z-index: -9999;
background-position: center 0;
overflow: hidden;
background-size: cover;
text-align: center;
}
.counter_section_3 .counter_overlay {
background: rgba(16, 16, 16, 0.9);
padding-top: 100px;
padding-bottom: 95px;
}
.counter_section_3 .counter_section .count-description {
font-size: 40px;
font-weight: 700;
color: white;
margin-top: 20px;
}
.counter_section_3 .icon_3 {
width: 100px;
height: 100px;
line-height: 98px;
text-align: center;
font-size: 28px;
font-weight: bold;
border: 2px solid #363838;
display: inline-block;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.counter_section_3 .icon_3 i {
text-align: center;
width: 80px;
border-radius: 80px;
line-height: 80px;
background: #2e7ec8;
display: inline-block;
color: #fff;
}
.counter_section_3 .icon_3 i:before {
font-size: 30px;
}
.counter_section_3 .count-description {
font-size: 40px;
font-weight: 700;
color: white;
margin-top: 20px;
}
.counter_section_3 .icon_3:hover {
background-color: #1f6a9e;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.counter_section_3 .con1,
.counter_section_3 .con2,
.counter_section_3 .con3,
.counter_section_3 .con4 {
font-size: 16px;
font-weight: 400;
text-transform: capitalize;
color: white;
padding-top: 10px;
}
.service_heading_wraper_3 {
color: #fff;
}
/********-------our_Services_3 -------**********/
.our_Services_3 {
float: left;
width: 100%;
padding-bottom: 35px;
background-color: white;
}
.our_Services_3 .hs_lest_news_box_wrapper {
float: left;
width: 100%;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.our_Services_3 .lest_blog_wrapper {
float: left;
text-align: center;
width: 100%;
transition: all 0.5s;
padding: 30px;
background-color: #f9f9f9;
}
.our_Services_3 .lest_blog_wrapper p {
font-size: 16px;
line-height: 26px;
color: #797979;
margin-top: 10px;
}
.our_Services_3 .lest_blog_wrapper h4 a {
font-size: 14px;
color: #2e7ec8;
display: inline-block;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.our_Services_3 .lest_blog_wrapper h2 a {
font-size: 18px;
font-weight: 600;
color: #000000;
text-transform: uppercase;
position: relative;
font-family: 'Open Sans', sans-serif;
}
.our_Services_3 .lest_blog_wrapper h2 a:after {
content: '';
border-bottom: 1px solid rgba(255, 255, 255, 0.51);
position: absolute;
top: 30px;
left: 0;
right: 0;
margin: ;
width: 90px;
margin: 0px auto;
}
.our_Services_3 .lest_blog_wrapper h4 a:hover i {
padding-left: 5px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.our_Services_3 .hs_lest_news_box_wrapper:hover .lest_blog_wrapper {
background: #2e7ec8;
color: white;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.our_Services_3 .hs_lest_news_box_wrapper:hover .lest_blog_wrapper p {
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
color: white;
}
.our_Services_3 .hs_lest_news_box_wrapper:hover .lest_blog_wrapper h2 a {
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
color: white;
}
.our_Services_3 .hs_lest_news_box_wrapper:hover .lest_blog_wrapper h4 a {
color: white;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.our_Services_3 .lest_blog_wrapper h4 a {
text-transform: uppercase;
font-size: 14px;
font-weight: 600;
}
.our_Services_3 .ourservices_slider_wrapper_3 {
float: left;
width: 100%;
text-align: center;
}
.our_Services_3 .ourservices_slider_wrapper_3 .item {
width: 100%;
}
.our_Services_3 .ourservices_slider_wrapper_3 .owl-carousel .owl-nav {
display: none;
}
.our_Services_3 .ourservices_slider_wrapper_3 .owl-theme .owl-dots .owl-dot span {
width: 15px;
height: 15px;
margin: 50px 5px;
background: transparent;
display: block;
-webkit-backface-visibility: visible;
transition: opacity 200ms ease;
border-radius: 30px;
border: 1px solid #2e7ec8;
}
.our_Services_3 .ourservices_slider_wrapper_3 .owl-theme .owl-dots .owl-dot.active span,
.our_Services_3 .ourservices_slider_wrapper_3 .owl-theme .owl-dots .owl-dot:hover span {
background: #2e7ec8;
display: block;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
/**********----------event wrapper---------***********/
.event_wrapper_3 {
float: left;
width: 100%;
background-color: white;
}
.event_wrapper_3 .event_slider_wrapper {
float: left;
width: 100%;
}
.event_wrapper_3 .img_section {
width: 100%;
float: left;
background: #f9f9f9;
margin-bottom: 30px;
}
.event_wrapper_3 .img_wrapper1 {
float: left;
width: 40%;
}
.event_wrapper_3 .event_icon1 {
text-align: left;
position: relative;
overflow: hidden;
width: 60%;
margin-top: 40px;
padding-left: 40px;
}
.event_wrapper_3 .event_icon1 h2 a {
margin-top: 0;
color: black;
font-size: 16px;
font-weight: 600;
text-transform: capitalize;
}
.event_wrapper_3 .event_icon1 h2 a:hover {
color: #2e7ec8;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.event_wrapper_3 .event_icon1 p {
color: #757575;
font-size: 16px;
line-height: 26px;
}
.event_wrapper_3 .event_icon1 ul {
margin: 0px;
padding: 0px;
width: 100%;
float: left;
margin-top: 20px;
margin-bottom: 20px;
}
.event_wrapper_3 .event_icon1 ul li {
float: left;
width: auto;
font-size: 14px;
margin-right: 30px;
list-style: none;
}
.event_wrapper_3 .event_icon1 ul li i {
margin-right: 10px;
}
.event_wrapper_3 .event_icon1 ul li a {
color: #2e7ec8;
}
.event_wrapper_3 .event_slider_wrapper .item {
width: 100%;
}
.event_wrapper_3 .event_slider_wrapper .owl-carousel .owl-nav {
display: none;
}
.event_wrapper_3 .event_slider_wrapper .owl-theme .owl-dots .owl-dot span {
width: 15px;
height: 15px;
margin: 50px 5px;
background: transparent;
display: block;
-webkit-backface-visibility: visible;
transition: opacity 200ms ease;
border-radius: 30px;
border: 1px solid #2e7ec8;
}
.event_wrapper_3 .event_slider_wrapper .owl-theme .owl-dots .owl-dot.active span,
.event_wrapper_3 .event_slider_wrapper .owl-theme .owl-dots .owl-dot:hover span {
background: #2e7ec8;
display: block;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.event_wrapper_3 .icon_wrapper_event {
position: relative;
bottom: 28px;
}
.event_wrapper_3 .icon_wrapper_event i {
top: 48px;
left: 15px;
color: white;
position: absolute;
}
.event_wrapper_3 .icon_wrapper_event:before {
content: '';
border-right: 80px solid transparent;
border-top: 80px solid #2e7ec8;
position: absolute;
left: 0px;
top: 28px;
}
/*********---------vedio wrapper---------***********/
.vedio_wrapper_3 {
background: url('../images/ind_vedio.jpg') 50% 0 repeat-y;
float: left;
width: 100%;
height: 100%;
background-position: center 0;
background-size: cover;
background-repeat: no-repeat;
position: relative;
}
.vedio_wrapper_3 .vedio_overlay {
position: absolute;
top: 0%;
left: 0%;
right: 0%;
bottom: 0%;
background: rgba(16, 16, 16, 0.9);
}
.vedio_heading_wrapper_3 {
float: left;
text-align: center;
width: 100%;
margin-top: 200px;
margin-bottom: 195px;
}
.vedio_heading_wrapper_3 h1 {
margin: 0px 0px 0px 0px;
color: white;
line-height: 36px;
font-size: 30px;
font-weight: 700;
text-transform: uppercase;
}
.vedio_heading_wrapper_3 p {
margin: 0px 0px 0px 0px;
color: white;
font-size: 40px;
line-height: 40px;
font-weight: 600;
text-transform: capitalize;
}
.vedio_heading_wrapper_3 h4 {
margin-top: 40px;
display: inline-block;
margin-left: -160px;
}
.vedio_heading_wrapper_3 h4 a {
font-size: 18px;
color: #ffffff;
font-family: 'Open Sans', sans-serif;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.vedio_heading_wrapper_3 h4 img {
margin-right: 10px;
}
.vedio_heading_wrapper_3 h4 a:hover {
color: #2e7ec8;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.vedio_wrapper_3 .video_btn_wrapper {
float: right;
width: 100%;
display: inline-block;
margin-right: 35%;
}
.vedio_wrapper_3 .video_btn_wrapper ul {
padding: 0;
margin: 0;
list-style: none;
}
.vedio_wrapper_3 .video_btn_wrapper li a {
width: 150px;
height: 50px;
float: right;
background: #2e7ec8;
color: white;
text-align: center;
line-height: 35px;
border-radius: 50px;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
margin-left: 30px;
margin-top: 7px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
border: 2px solid #2e7ec8;
margin-top: -60px;
}
.vedio_wrapper_3 .video_btn_wrapper li a:hover {
background: transparent;
border: 2px solid #2e7ec8;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
color: white;
}
/**********--------blog wrapper css-----------***********/
.blog_wrapper_3 {
float: left;
width: 100%;
text-align: center;
padding-bottom: 90px;
background-color: white;
}
.blog_wrapper_3 .blog_about {
text-align: left;
width: 100%;
}
.blog_wrapper_3 .blog_txt h1 {
margin-top: 30px;
}
.blog_wrapper_3 .blog_txt h1 a {
font-size: 18px;
font-weight: 600;
text-transform: capitalize;
color: black;
}
.blog_wrapper_3 .blog_txt h1 a:hover {
color: #2e7ec8;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.blog_wrapper_3 .blog_txt_info ul {
margin: 0px;
padding: 0px;
width: 100%;
float: left;
margin-top: 10px;
color: #707070;
margin-bottom: 10px;
}
.blog_wrapper_3 .blog_txt_info ul li {
float: left;
width: auto;
font-size: 14px;
list-style: none;
margin-right: 35px;
}
.blog_wrapper_3 .blog_txt_info ul li:first-child a {
padding-left: 0px;
}
.blog_wrapper_3 .blog_txt_info ul li:first-child {
position: relative;
}
.blog_wrapper_3 .blog_txt_info ul li:first-child:after {
content: "";
position: absolute;
top: 4px;
right: -17px;
background-color: #707070;
width: 1px;
height: 73%;
}
.blog_wrapper_3 .blog_about p {
font-size: 16px;
line-height: 26px;
color: #707070;
margin-top: 10px;
padding-bottom: 8px;
}
.blog_wrapper_3 .blog_about a {
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 600;
color: #007bff;
}
.blog_wrapper_3 .blog_img {
position: relative;
width: 100%;
border: 1px solid transparent;
}
.blog_wrapper_3 .blog_img figure {
display: block;
margin: 0;
overflow: hidden;
}
.blog_wrapper_3 .blog_img figure img {
width: 100%;
display: block;
transition: all 0.3s;
border: 1px solid transparent;
}
.blog_wrapper_3 .menubar {
fill: #fff;
}
.blog_wrapper_3 .blog_comment {
float: right;
position: relative;
margin-top: -50px;
z-index: 5;
}
.blog_wrapper_3 .blog_comment ul {
margin: 0px;
padding: 0px;
width: 100%;
float: left;
}
.blog_wrapper_3 .blog_comment ul li {
float: left;
width: auto;
list-style: none;
text-align: center;
line-height: 30px;
margin-right: 20px;
}
.blog_wrapper_3 .blog_comment ul li a {
color: black;
font-size: 14px;
padding: 10px;
background-color: white;
font-weight: 700;
}
.blog_wrapper_3 .blog_comment ul li i {
margin-right: 8px;
}
.blog_wrapper_3 .blog_comment ul li:hover a {
background-color: #2e7ec8;
color: white;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.blog_wrapper_3 .blog_txt a:hover i {
padding-left: 5px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
/**********--------testimonial wrapper------*************/
.testimonial_wrapper_3 {
background: url('../images/testi_slider.jpg') 50% 0 repeat-y;
float: left;
width: 100%;
height: 100%;
background-position: center 0;
background-size: cover;
background-repeat: no-repeat;
position: relative;
padding-bottom: 30px;
}
.testimonial_wrapper_3 .test_heading_wrapper {
text-align: left;
width: 100%;
}
.testimonial_wrapper_3 .test_heading_wrapper h1 {
margin: 0px 0px 0px 0px;
color: white;
font-size: 30px;
font-weight: 700;
text-transform: uppercase;
}
.testimonial_wrapper_3 .test_slider_wrapper_3 {
float: left;
width: 100%;
}
.testimonial_wrapper_3 .test_slider_wrapper_3 .item {
width: 100%;
}
.testimonial_wrapper_3 .test_slider_wrapper_3 .owl-carousel .owl-nav {
display: none;
}
.testimonial_wrapper_3 .test_slider_wrapper_3 .owl-theme .owl-dots .owl-dot span {
width: 15px;
height: 15px;
margin: 70px 5px;
background: transparent;
display: block;
-webkit-backface-visibility: visible;
transition: opacity 200ms ease;
border-radius: 30px;
border: 1px solid #2e7ec8;
}
.testimonial_wrapper_3 .test_slider_wrapper_3 .owl-theme .owl-dots .owl-dot.active span,
.testimonial_wrapper_3 .test_slider_wrapper_3 .owl-theme .owl-dots .owl-dot:hover span {
background: #2e7ec8;
display: block;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.testimonial_wrapper_3 .test_slider_wrapper_3 .owl-carousel.owl-drag .owl-item {
background: rgba(255, 255, 255, 0.1);
}
.testimonial_wrapper_3 .t_icon_wrapper {
position: relative;
float: left;
width: 100%;
padding: 50px;
margin-left: 60px;
}
.testimonial_wrapper_3 .t_icon_wrapper:before {
content: '';
border-right: 120px solid transparent;
border-top: 120px solid #2e7ec8;
position: absolute;
left: -60px;
top: 0;
}
.testimonial_wrapper_3 .t_client_cont_wrapper2 {
float: left;
width: calc(100% - 100px);
}
.testimonial_wrapper_3 .t_client_cont_wrapper2 p {
font-size: 18px;
line-height: 26px;
font-style: italic;
color: rgba(255, 255, 255, 0.9);
font-family: 'Droid Serif', sans-serif;
}
.testimonial_wrapper_3 .t_client_cont_wrapper2 img {
float: left;
display: inline-block;
}
.testimonial_wrapper_3 .t_client_cont_wrapper2 h5 {
float: left;
font-size: 16px;
margin-top: 35px;
margin-left: 10px;
color: #fff;
}
.testimonial_wrapper_3 .service_heading_wraper_3 {
color: #fff;
}
/**********-----------booking wrapper---------*************/
.booking_wrapper_3 {
float: left;
width: 100%;
text-align: center;
background-color: #ffffff;
}
.booking_wrapper_3 .booking_box {
float: left;
width: 70%;
z-index: 2;
position: relative;
background: #2e7ec8;
padding: 83px 100px 83px 100px;
}
.booking_wrapper_3 .box_side_icon {
position: relative;
float: left;
}
.booking_wrapper_3 .box_side_icon:before {
content: '';
border-right: 120px solid transparent;
border-top: 120px solid #fff;
position: absolute;
left: -99px;
top: -82px;
}
.booking_wrapper_3 .response {
color: #2d2d2d;
float: right;
}
.booking_wrapper_3 .box_side_icon img {
top: -50px;
left: -80px;
color: #2e7ec8;
position: absolute;
}
.booking_wrapper_3 .contect_form1 input {
width: 100%;
border: 2px solid rgba(255, 255, 255, 0.3);
height: 50px;
margin-top: 20px;
padding-left: 10px;
margin-bottom: 10px;
color: white;
background: transparent;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.booking_wrapper_3 .contect_form1 input:hover,
.booking_wrapper_3 .contect_form1 input:focus,
.booking_wrapper_3 .contect_form2 input:hover,
.booking_wrapper_3.contect_form2 input:focus,
.booking_wrapper_3.contect_form3 input:hover,
.booking_wrapper_3.contect_form3 input:focus {
border: 2px solid #ffffff;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.booking_wrapper_3 .contect_form3 input {
width: 100%;
height: 50px;
margin-top: 20px;
padding-left: 20px;
background: transparent;
color: white;
border: 2px solid rgba(255, 255, 255, 0.3);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.booking_wrapper_3 .contect_form3 {
width: 100%;
margin-left: -7px;
}
.booking_wrapper_3 .contect_form3 i {
margin-left: -30px;
color: #2e7ec8;
}
.booking_wrapper_3 .booking_box::placeholder {
color: #fff;
opacity: 1;
}
.booking_wrapper_3 .booking_box:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: #7bddc7;
}
.booking_wrapper_3 .booking_box::-ms-input-placeholder {
/* Microsoft Edge */
color: #7bddc7;
}
.booking_wrapper_3 .contect_form4 textarea {
width: 100%;
margin-top: 30px;
padding-left: 10px;
color: white;
background: transparent;
border: 2px solid rgba(255, 255, 255, 0.3);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
resize: none;
}
.booking_wrapper_3 .contect_form4 textarea:hover,
.contect_form4 textarea:focus {
border: 2px solid #ffffff;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.booking_wrapper_3 .contect_btn button {
padding: 0;
list-style: none;
margin-top: 40px;
float: left;
}
.booking_wrapper_3 .contect_btn button {
width: 160px;
height: 50px;
float: left;
color: black;
background: #ffffff;
text-align: center;
line-height: 47px;
border-radius: 50px;
font-size: 16px;
font-weight: bold;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
border: 2px solid transparent;
}
.booking_wrapper_3 .contect_btn button:hover {
background: transparent;
border: 2px solid white;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
color: #000000;
}
.booking_wrapper_3 .chat_box {
float: left;
width: 30%;
z-index: 2;
box-shadow: 0px 15px 10px -15px #11111191;
background: #f9f9f9;
position: relative;
padding: 100px 60px 77px 60px;
}
.booking_wrapper_3 .booking_box_2 {
float: left;
width: 100%;
text-align: center;
}
.booking_wrapper_3 .booking_box_img {
text-align: center;
}
.booking_wrapper_3 .booking_box_img img {
display: inline-block;
position: relative;
}
.booking_wrapper_3 .booking_box_img:after {
content: '';
position: relative;
left: 0;
width: 30px;
height: 30px;
border-radius: 50%;
background-color: #2e7ec8;
z-index: 100;
margin: auto;
bottom: 11px;
display: block;
right: 0;
top: -14px;
bottom: -15px;
border: 6px solid #fff;
}
.booking_wrapper_3 .booking_chat {
text-align: center;
float: left;
margin: 20px 0 20px 0;
}
.booking_wrapper_3 .booking_chat h1 {
margin: 0px 0px 0px 0px;
color: black;
font-size: 24px;
font-weight: 700;
}
.booking_wrapper_3 .booking_chat p {
color: black;
margin-top: 30px;
font-size: 16px;
}
.booking_wrapper_3 .booking_btn ul {
list-style: none;
display: inline-block;
}
.booking_wrapper_3 .booking_btn {
float: left;
width: 100%;
text-align: center;
}
.booking_wrapper_3 .booking_btn li a {
width: 160px;
height: 50px;
float: left;
color: white;
background: #2e7ec8;
text-align: center;
line-height: 47px;
border-radius: 50px;
font-size: 16px;
font-weight: bold;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
border: 2px solid transparent;
}
.booking_wrapper_3 .booking_btn li a:hover {
background: transparent;
border: 2px solid #f4ab01;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
color: #000;
}
.booking_wrapper_3 .map_main_wrapper {
float: left;
width: 100%;
position: relative;
margin-top: -100px;
z-index: 1;
}
.booking_wrapper_3 .map_main_wrapper {
float: left;
width: 100%;
position: relative;
margin-top: -120px;
}
.booking_wrapper_3 #map {
width: 100%;
height: 600px;
position: relative;
margin-top: -20px;
}
/*********------------news wrapper--------**************/
.newsletter_wrapper_3 {
float: left;
width: 100%;
background-color: #2e7ec8;
}
.newsletter_wrapper_3 .newsletter_text {
float: left;
width: 100%;
}
.newsletter_wrapper_3 .newsletter_text h3 {
float: left;
width: 100%;
font-size: 25px;
color: #ffffff;
font-weight: 700;
text-transform: uppercase;
margin-top: 10px;
}
.newsletter_wrapper_3 .contect_btn_news ul {
list-style: none;
float: right;
}
.newsletter_wrapper_3 .contect_btn_news li a {
width: 160px;
height: 50px;
float: left;
color: black;
background: #ffffff;
text-align: center;
line-height: 47px;
border-radius: 50px;
font-size: 16px;
font-weight: bold;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
border: 2px solid transparent;
text-transform: uppercase;
}
.newsletter_wrapper_3 .contect_btn_news li a:hover {
color: #fff !important;
background: transparent;
border: 2px solid white;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
color: #000000;
}
/*********---------footer wrapper------------**************/
.menu_wrapper_3 {
padding-top: 10px;
padding-bottom: 10px;
background-color: #2e7ec8;
float: left;
width: 100%;
position: relative;
z-index: 5;
}
.menu_wrapper_3.header_logo {
float: left;
width: 100%;
position: absolute;
z-index: 10;
top: -20px;
}
.menu_wrapper_3 .logo_hidn h1 {
float: left;
width: 100%;
visibility: hiddden;
font-size: 24px;
color: #2ec8a6;
font-weight: 700;
text-transform: uppercase;
}
.menu_wrapper_3 .logo_hidn h1 span {
visibility: hiddden;
font-size: 24px;
color: black;
font-weight: 700;
text-transform: uppercase;
}
.menu_wrapper_3 .navbar {
position: relative;
border: 1px solid transparent;
z-index: 20;
min-height: 0px;
margin-bottom: 0px;
}
.menu_wrapper_3 .nav .navbar-nav {
float: left;
width: 100%;
}
.menu_wrapper_3 .navbar-nav {
float: right;
}
.menu_wrapper_3 .nav .navbar-nav ul {
margin: 0px;
padding: 0px;
width: 100%;
margin-left: 15px;
}
.menu_wrapper_3 .mainmenu ul ul,
.menu_wrapper_3 .mainmenu ul li .mega-menu {
width: 220px;
position: absolute;
text-align: left;
background-color: #fff;
top: calc(100% + 30px);
z-index: 9999999;
-webkit-transition: 0.3s;
transition: 0.3s;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
visibility: hidden;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.menu_wrapper_3 .mainmenu ul li:hover > ul,
.menu_wrapper_3 .mainmenu ul li:hover > .mega-menu {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
visibility: visible;
top: 165%;
border-top: 2px solid #2e7ec8;
-o-box-shadow: 0px 4px 20px 0 rgba(0, 0, 0, 0.04);
-ms-box-shadow: 0px 4px 20px 0 rgba(0, 0, 0, 0.04);
-moz-box-shadow: 0px 4px 20px 0 rgba(0, 0, 0, 0.04);
-webkit-box-shadow: 0px 4px 20px 0 rgba(0, 0, 0, 0.04);
box-shadow: 0px 4px 20px 0 rgba(0, 0, 0, 0.04);
}
.menu_wrapper_3 .mainmenu ul ul li {
display: block;
}
.menu_wrapper_3 .mainmenu ul ul li a,
.menu_wrapper_3 .mainmenu ul li.has-mega .mega-menu span a {
color: #333333;
text-transform: uppercase;
font-size: 14px;
letter-spacing: 1px;
padding: 8px 10px 8px 20px;
border-bottom: 1px solid #eee;
margin: 0;
top: 0;
}
.menu_wrapper_3 .mainmenu ul li.has-mega .mega-menu span a:hover {
background-color: #00468c;
color: #ffffff !important;
}
.menu_wrapper_3 .mainmenu ul ul li:last-child > a {
border-bottom: 0px;
}
.menu_wrapper_3 .mainmenu ul ul li a:after {
content: "";
}
.menu_wrapper_3 .mainmenu ul ul li > ul {
left: -100%;
top: 50%;
-webkit-transform-origin: 100% 50% 0;
transform-origin: 100% 50% 0;
}
.menu_wrapper_3 .mainmenu ul ul li:hover > ul {
top: 20%;
}
.menu_wrapper_3 .mainmenu ul li.has-mega {
position: relative;
}
.menu_wrapper_3 .mainmenu ul li.has-mega .mega-menu {
width: 100%;
left: 0;
padding: 20px 0px;
}
.menu_wrapper_3 .mainmenu ul li.has-mega .mega-menu span {
width: 25%;
float: left;
border-left: 1px solid #eee;
}
.menu_wrapper_3 .mainmenu ul li.has-mega .mega-menu span a {
padding-left: 20px;
padding-right: 0px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.menu_wrapper_3 .mainmenu ul li.has-mega .mega-menu span a:last-child {
border-bottom: 0px;
}
.menu_wrapper_3 .mainmenu ul li.has-mega .mega-menu span a:hover {
padding-left: 3px;
padding-left: 20px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.menu_wrapper_3 .mainmenu ul li span a.active {
font-weight: 600;
}
.menu_wrapper_3 .mainmenu ul ul li.active > a {
background-color: #eee;
font-weight: 600;
}
.menu_wrapper_3 .mainmenu ul li:hover .gc_main_navigation i,
.menu_wrapper_3 .mainmenu ul li.active > .gc_main_navigation i {
color: #e99595 !important;
}
.menu_wrapper_3 .kv_navigation_wrapper {
width: auto;
}
.menu_wrapper_3 .mainmenu ul ul,
.mainmenu ul li .mega-menu {
width: 215px;
margin-top: 10px;
border-top: 2px solid #2e7ec8;
position: absolute;
text-align: left;
background-color: #fff;
top: calc(100% + 30px);
z-index: 9999999;
padding-left: 0;
transition: 0.3s;
opacity: 0;
}
.menu_wrapper_3 .mainmenu ul ul li a:hover {
border: none;
border-radius: 0;
color: #fff !important;
background-color: #f4ab01;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.menu_wrapper_3 .mainmenu ul ul li a,
.mainmenu ul li.has-mega .mega-menu span a {
color: #333333;
text-transform: uppercase;
font-size: 14px;
letter-spacing: 1px;
padding: 8px 10px 8px 20px;
border-bottom: 0px solid #eee;
margin: 0;
top: 0;
}
.menu_wrapper_3 .mainmenu ul li.has-mega {
position: relative;
}
.menu_wrapper_3 .mainmenu ul li {
display: inline-block;
}
.menu_wrapper_3 .mainmenu ul {
list-style: none;
margin: 0;
padding: 0;
}
.menu_wrapper_3 .gc_main_navigation {
border-radius: 20px;
}
.menu_wrapper_3 .mainmenu ul li a {
color: #fff;
display: block;
text-transform: capitalize;
font-size: 16px;
position: relative;
overflow: hidden;
padding: 5px 15px;
top: 15px;
font-weight: 500;
letter-spacing: 1px;
webkit-transition: all 0.6s;
-o-transition: all 0.6s;
-ms-transition: all 0.6s;
-moz-transition: all 0.6s;
transition: all 0.6s;
}
.menu_wrapper_3 .gc_main_navigation .gc_main_navigation,
.menu_wrapper_3 .mainmenu ul li.active > .gc_main_navigation {
position: relative;
}
.menu_wrapper_3 .mainmenu ul li .gc_main_navigation,
.menu_wrapper_3 .mainmenu ul li.active > .gc_main_navigation {
border: 2px solid transparent;
}
.menu_wrapper_3 .mainmenu ul li:hover .gc_main_navigation,
.menu_wrapper_3 .mainmenu ul li.active > .gc_main_navigation {
opacity: 1;
background: transparent;
border: 2px solid #f4ab01;
border-radius: 20px;
}
.menu_wrapper_3 .mainmenu ul ul li a:hover {
border: none;
border-radius: 0;
color: #fff !important;
background-color: #f4ab01;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.menu_wrapper_3 .et_search_bar i {
position: relative;
top: 0px;
}
.menu_wrapper_3 .et_navbar_search_wrapper {
padding-top: 20px;
padding-bottom: 20px;
float: right;
}
.menu_wrapper_3 .et_search_bar {
margin-right: -280px;
}
.menu_wrapper_3 .main_navigation_3 {
color: #fff!important;
}
/*********-------**************
index_Dental css
*********-------**************
/*--------body start----------*/
.med_toppadder10_4 {
padding-top: 10px;
}
.med_toppadder20_4 {
padding-top: 20px;
}
.med_toppadder30_4 {
padding-top: 30px;
}
.med_toppadder40_4 {
padding-top: 40px;
}
.med_toppadder50_4 {
padding-top: 50px;
}
.med_toppadder60_4 {
padding-top: 60px;
}
.med_toppadder70_4 {
padding-top: 70px;
}
.med_toppadder80_4 {
padding-top: 80px;
}
.med_toppadder90_4 {
padding-top: 90px;
}
.med_toppadder100_4 {
padding-top: 100px;
}
.med_bottompadder10_4 {
padding-bottom: 10px;
}
.med_bottompadder20_4 {
padding-bottom: 20px;
}
.med_bottompadder30_4 {
padding-bottom: 30px;
}
.med_bottompadder40_4 {
padding-bottom: 40px;
}
.med_bottompadder50_4 {
padding-bottom: 50px;
}
.med_bottompadder60_4 {
padding-bottom: 60px;
}
.med_bottompadder70_4 {
padding-bottom: 70px;
}
.med_bottompadder80_4 {
padding-bottom: 80px;
}
.med_bottompadder90_4 {
padding-bottom: 90px;
}
.med_bottompadder100_4 {
padding-bottom: 100px;
}
/*-----scroll top-----*/
/*-- Preloader css start --*/
#preloader {
background-color: #ffffff;
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 2147483647;
width: 100%;
height: 100%;
}
#status {
background-position: center center;
background-repeat: no-repeat;
height: auto;
position: absolute;
left: 50%;
top: 50%;
color: #1e9ce5;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
}
/********---------top header css start-------***********/
.md_header_wrapper_4 {
float: left;
width: 100%;
}
.wrapper_header_4 .top_header_section {
float: left;
width: 100%;
background-color: #7a2b7d;
}
.wrapper_header_4 .left_top_nav {
float: left;
width: 100%;
}
.wrapper_header_4 .top_header_add {
float: left;
width: auto;
line-height: 60px;
}
.wrapper_header_4 .top_header_add ul {
margin: 0px;
padding: 0px;
width: 100%;
}
.wrapper_header_4 .top_header_add li {
float: left;
width: auto;
list-style: none;
color: #ffffff;
margin-right: 30px;
}
.wrapper_header_4 .top_header_add ul li a {
color: #ffffff;
}
.wrapper_header_4 .top_header_add ul li i {
color: #ffffff;
margin-right: 10px;
border: 2px solid transparent;
}
.wrapper_header_4 .top_header_add ul li a:hover {
color: #1e9ce5;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.wrapper_header_4 .right_side_main_warpper {
width: 100%;
float: right;
line-height: 60px;
}
.wrapper_header_4 .md_right_side_warpper ul {
float: left;
width: 100%;
margin: 0;
padding: 0;
}
.wrapper_header_4 .md_right_side_warpper ul li {
float: left;
list-style: none;
width: auto;
color: white;
font-size: 16px;
margin-left: 15px;
}
.wrapper_header_4 .md_right_side_warpper li i {
color: white;
line-height: 60px;
transition: 0.70s;
-webkit-transition: 0.70s;
-moz-transition: 0.70s;
-ms-transition: 0.70s;
-o-transition: 0.70s;
}
.wrapper_header_4 .md_right_side_warpper li:last-child {
margin-right: 0;
}
.wrapper_header_4 .md_right_side_warpper ul li i:hover {
color: #1e9ce5;
transition: 0.70s;
-webkit-transition: 0.70s;
-moz-transition: 0.70s;
-ms-transition: 0.70s;
-o-transition: 0.70s;
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
.wrapper_header_4 .middle_header_wrapper {
float: left;
width: 100%;
background-color: white;
padding-top: 9px;
padding-bottom: 18px;
}
.wrapper_header_4 .md_logo {
float: left;
width: 100%;
margin-top: 10px;
}
.wrapper_header_4 .lv_logo img {
display: inline-block;
}
.wrapper_header_4 .md_share_info_wrapper {
float: right;
width: auto;
margin-top: 13px;
}
.wrapper_header_4 .md_share_info_wrapper ul {
float: left;
width: 100%;
margin: 0px;
padding: 0px;
}
.wrapper_header_4 .md_share_info_wrapper ul li {
list-style: none;
float: left;
width: auto;
margin-left: 20px;
}
.wrapper_header_4 .md_share_info_wrapper ul li:first-child {
margin-left: 0px;
}
.wrapper_header_4 .md_share_info_wrapper ul li .lv_header_icon {
float: left;
width: 70px;
height: 70px;
line-height: 70px;
text-align: center;
}
.wrapper_header_4 .md_share_info_wrapper ul li p {
float: left;
width: auto;
font-weight: 500;
text-transform: capitalize;
margin: 10px 0px 0px 0px;
font-size: 16px;
color: #000000;
}
.wrapper_header_4 .appointmnt_wrapper {
text-align: center;
float: right;
margin-right: 15px;
}
.wrapper_header_4 .appoint_btn {
display: inline-block;
}
.appoint_btn ul {
padding: 0;
list-style: none;
}
.wrapper_header_4 .appoint_btn li a {
width: 250px;
height: 50px;
float: left;
color: white;
background: #bad700;
text-align: center;
line-height: 49px;
font-size: 16px;
font-weight: 600;
box-shadow: none;
position: relative;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
border-radius: 0px;
}
.appoint_btn li a:hover {
background: #2c416c;
box-shadow: 3px 5px 20px rgba(44, 65, 108, 0.5);
color: #fff !important;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.wrapper_header_4 .appoint_btn i {
margin-right: 10px;
color: #fff;
}
.wrapper_header_4 .appoint_btn li a:before {
content: '';
border-bottom: 27px solid transparent;
border-left: 20px solid #1e9ce5;
position: absolute;
right: -19px;
bottom: 21px;
transition: all 0.5s;
}
.wrapper_header_4 .appoint_btn li a:hover:before {
border-left: 20px solid #2c416c;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.wrapper_header_4 .appoint_btn li a:after {
content: '';
border-top: 27px solid transparent;
border-left: 20px solid #1e9ce5;
position: absolute;
right: -19px;
bottom: -2px;
transition: all 0.5s;
}
.wrapper_header_4 .appoint_btn li a:hover:after {
border-left: 20px solid #2c416c;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
/*********-------main header wrapper--------**********/
.menu_wrapper_4 {
background-color: #1e9ce5;
float: left;
width: 100%;
}
.menu_wrapper_4 .rp_mobail_menu_main_wrapper {
float: none;
width: 100%;
}
.menu_wrapper_4 #sidebar {
position: fixed;
display: block;
height: 100%;
top: 0px;
left: -500px;
background-color: #ffffff;
overflow: scroll;
overflow-x: hidden;
z-index: 10000;
}
.menu_wrapper_4 #links {
position: relative;
float: left;
}
.menu_wrapper_4 #link_list {
list-style-type: none;
width: 100%;
padding: 0px 50px 0px 0px;
}
.menu_wrapper_4 #link_list li {
display: block;
width: 100%;
}
.menu_wrapper_4 #link_list li:hover {
background-color: #1e9ce5;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.menu_wrapper_4 #toggle {
float: right;
position: relative;
bottom: 25px;
right: 7px;
border-radius: 20px;
text-align: center;
cursor: pointer;
}
.menu_wrapper_4 #toggle_close {
position: absolute;
z-index: 100;
right: 20px;
top: 15px;
font-size: 25px;
color: #000000;
cursor: pointer;
}
@import url(https://fonts.googleapis.com/css?family=Raleway:400,200);
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
margin: 0;
padding: 0;
border: 0;
list-style: none;
line-height: 1;
display: block;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#cssmenu {
width: 300px;
color: #ffffff;
text-transform: capitalize;
}
#cssmenu ul ul {
display: none;
}
.align-right {
float: right;
}
.menu_wrapper_4 #cssmenu ul li a {
padding: 16px 22px;
cursor: pointer;
z-index: 2;
font-size: 16px;
text-decoration: none;
color: #000000;
font-weight: bold;
border-bottom: 1px solid #d3d3d3;
background: #ffffff;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.menu_wrapper_4 #cssmenu ul li:first-child a {
border-top: 1px solid #d3d3d3;
}
.menu_wrapper_4 #cssmenu ul li:hover a,
#cssmenu ul li.active a {
background: #1e9ce5 !important;
border-bottom: 1px solid #d3d3d3;
color: #ffffff;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.menu_wrapper_4 ul ul > li.has-sub > a:before {
top: 20px;
background: #ffffff;
}
.menu_wrapper_4.menu_fixed {
position: fixed !important;
left: 0 !important;
right: 0 !important;
top: 0 !important;
z-index: 1000;
}
.menu_wrapper_4 .menubar {
fill: #ffffff;
}
.menu_wrapper_4 #sidebar h1 {
font-size: 20px;
color: #1e9ce5 !important;
padding-left: 20px;
font-weight: bold;
text-transform: uppercase;
padding-bottom: 15px;
margin-top: 15px;
}
.menu_wrapper_4 #sidebar h1 span {
margin: 0;
color: black;
font-size: 20px;
background: #f9f9f9;
}
/**************---------menu wrapper--------**************/
.navbar {
border: 1px solid transparent;
min-height: 0;
z-index: 20;
margin-bottom: 0px;
}
.nav_response {
padding-right: 0px;
padding-left: 0;
}
.nav .navbar-nav {
float: left;
width: 100%;
}
.nav .navbar-nav ul {
margin: 0px;
padding: 0px;
width: 100%;
margin-left: 15px;
}
.menu_wrapper_4 #nav_filter .hovr_nav_tab li a {
color: #1a1a1a;
font-weight: 500;
}
.menu_wrapper_4 #nav_filter li a {
display: block;
font-size: 16px;
cursor: pointer;
color: white;
text-transform: capitalize;
padding: 8px 18px;
border: 2px solid transparent;
margin-right: 10px;
font-weight: 500;
border-radius: 20px;
position: relative;
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
-ms-transition: all 0.6s;
-moz-transition: all 0.6s;
transition: all 0.6s;
}
.menu_wrapper_4 #nav_filter .dropdown .first_menu {
position: relative;
}
.menu_wrapper_4 #nav_filter .dropdown .first_menu:after {
content: '';
position: absolute;
right: 0;
border: 2px solid #2c416c;
border-radius: 20px;
left: 0;
top: 0;
opacity: 0;
bottom: 0;
transition: all 0.6s;
}
.menu_wrapper_4 #nav_filter .dropdown:hover .first_menu:after {
background: transparent;
color: white;
opacity: 1;
border: 2px solid #2c416c;
border-radius: 20px;
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
-ms-transition: all 0.6s;
-moz-transition: all 0.6s;
transition: all 0.6s;
}
.menu_wrapper_4 .nav>li>a:focus,
.nav>li>a:hover {
background: none;
}
.menu_wrapper_4 #nav_filter li a:last-child {
margin-right: 0px;
margin-left: 0px;
}
.menu_wrapper_4 .navbar-toggle {
position: relative;
float: right;
padding: 9px 10px;
margin-top: 8px;
margin-right: 15px;
margin-bottom: 8px;
background-color: #1e9ce5;
background-image: none;
border-radius: 4px;
}
.menu_wrapper_4 .navbar-toggle .icon-bar+.icon-bar {
margin-top: 4px;
color: white;
}
.menu_wrapper_4 .nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
background-color: transparent;
}
.menu_wrapper_4 .navbar-nav>li {
padding-top: 12px;
padding-bottom: 12px;
}
/*Dropdown Menu*/
.menu_wrapper_4 .navbar-right .dropdown-menu {
right: auto;
}
.menu_wrapper_4 #nav_filter .hovr_nav_tab li a {
border: none;
border-radius: 0;
}
.menu_wrapper_4 #nav_filter .hovr_nav_tab li a:hover {
border: none;
border-radius: 0;
color: white;
background-color: #2c416c;
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
-ms-transition: all 0.6s;
-moz-transition: all 0.6s;
transition: all 0.6s;
}
.menu_wrapper_4 .nav .dropdown-menu {
display: inherit;
padding: 5px 0;
border: none;
border-radius: 0;
}
.menu_wrapper_4 .nav .dropdown-header {
font-size: 14px;
line-height: 30px;
font-weight: 600;
text-transform: uppercase;
}
.menu_wrapper_4 .nav .dropdown-menu li a {
display: block;
line-height: 30px;
color: black;
padding: 3px 10px;
text-decoration: none;
font-size: 14px;
color: #000000;
margin-left: 0 !important;
padding-top: 10px !important;
padding-bottom: 10px !important;
padding-right: 10px !important;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.menu_wrapper_4 .nav .dropdown .dropdown-menu {
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.menu_wrapper_4 .nav .dropdown:hover .dropdown-menu {
display: block;
opacity: 1;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
visibility: visible;
}
.menu_wrapper_4 #cssmenu ul > li.has-sub > a:after {
position: absolute;
right: 26px;
top: 19px;
z-index: 5;
display: block;
height: 10px;
width: 2px;
background: #000000;
content: "";
-webkit-transition: all 0.1s ease-out;
-moz-transition: all 0.1s ease-out;
-ms-transition: all 0.1s ease-out;
-o-transition: all 0.1s ease-out;
transition: all 0.1s ease-out;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.menu_wrapper_4 #cssmenu ul > li.has-sub > a:before {
position: absolute;
right: 22px;
top: 23px;
display: block;
width: 10px;
height: 2px;
background: #000000;
content: "";
-webkit-transition: all 0.1s ease-out;
-moz-transition: all 0.1s ease-out;
-ms-transition: all 0.1s ease-out;
-o-transition: all 0.1s ease-out;
transition: all 0.1s ease-out;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.menu_wrapper_4 #cssmenu ul > li.has-sub > a:hover:after,
#cssmenu ul > li.has-sub > a:hover:before {
background: #ffffff;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.menu_wrapper_4 #cssmenu ul > li.has-sub.open > a:after,
.menu_wrapper_4 #cssmenu ul > li.has-sub.open > a:before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.menu_wrapper_4 #cssmenu ul ul li a {
padding: 14px 22px;
cursor: pointer;
z-index: 2;
font-size: 14px;
text-decoration: none;
color: #ffffff;
font-weight: bold;
background-color: #1e9ce5;
-webkit-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease;
}
.menu_wrapper_4 #cssmenu ul ul ul li a {
padding-left: 32px;
}
.menu_wrapper_4 #cssmenu ul ul li a:hover {
color: #ffffff;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.menu_wrapper_4 #cssmenu ul ul > li.has-sub > a:after {
top: 16px;
right: 26px;
background: #ffffff;
}
.menu_wrapper_4 #cssmenu ul ul > li.has-sub > a:before {
top: 20px;
background: #ffffff;
}
.menu_wrapper_4 .nav .hovr_nav_tab {
padding: 0;
}
/*-----search bar---*/
.menu_wrapper_4 .et_search_bar a {
float: right;
width: auto;
text-align: center;
color: white;
font-size: 16px;
cursor: pointer;
}
.menu_wrapper_4 .et_search_box {
position: absolute;
right: -198px;
top: -2px;
padding: 8px;
display: inline-block;
border-radius: 0px;
background-color: #ffffff;
display: none;
z-index: 1000;
}
.menu_wrapper_4 .et_search_box input {
float: left;
width: calc(100% - 50px);
padding: 0px 10px;
height: 51px;
border: 1px solid #1e9ce5;
border-right: 0px;
}
.menu_wrapper_4 .et_search_box button {
width: 50px;
height: 51px;
border: 1px solid #1e9ce5;
border-left: none;
background-color: #ffffff;
text-align: center;
padding: 0px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.menu_wrapper_4 .et_search_box button:hover {
color: #ffffff;
background: #1e9ce5;
border-color: #1e9ce5;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.menu_wrapper_4 .et_search_bar i {
position: relative;
top: 10px;
}
.menu_wrapper_4 .et_navbar_search_wrapper {
float: right;
padding-top: 12px;
margin-right: -10px;
}
/*----stick menu-----*/
.menu_wrapper_4.menu_fixed {
position: fixed!important;
background: #7a2b7d;
-webkit-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
-moz-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
-o-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
-ms-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
z-index: 10000;
left: 0;
right: 0;
}
.menu_wrapper_4 .header-area.stick .menu-bar:after,
.menu_wrapper_4 .header-area.stick .menu-bar:before,
.menu_wrapper_4 .header-area.stick .menu-bar span,
.menu_wrapper_4 .stick .mainmenu ul li.parent:after,
.menu_wrapper_4 .stick .mainmenu ul li.parent:before,
.menu_wrapper_4 .stick .mainmenu ul li.has-mega > a:before,
.menu_wrapper_4 .stick .mainmenu ul li.has-mega > a:after,
.menu_wrapper_4 .stick .mean-container a.meanmenu-reveal span {
background-color: #222;
}
/*******--------slider wrapper start--------***********/
/*-- hs Slider Start --*/
.slider-area_4 {
float: left;
width: 100%;
position: relative;
}
.slider-area_4 .carousel-inner .carousel-item .caption-1 {
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background: url(../images/bg1.png) 50% 0 repeat-y;
position: relative;
min-height: 750px;
}
.slider-area_4 .carousel-inner .carousel-item .caption-3 {
width: 100%;
height: 100%;
back round-position: center;
background-size: cover;
background-repeat: no-repeat;
background: url(../images/bg.png) 50% 0 repeat-y;
position: relative;
min-height: 750px;
}
.slider-area_4 .carousel-inner .carousel-item .carousel-captions .content {
display: block;
position: relative;
overflow: hidden;
vertical-align: middle;
padding-top: 220px;
padding-bottom: 250px;
float: left;
text-align: left;
z-index: 10000;
}
.slider-area_4 .carousel-inner .carousel-item .carousel-captions .content h2 {
color: #fff;
font-size: 60px;
font-weight: 500;
font-family: 'Raleway';
line-height: 50px;
margin: 0 0 20px;
float: left;
animation-delay: 1.8s;
text-transform: uppercase;
}
.slider-area_4 .carousel-inner .carousel-item .carousel-captions .content p {
color: #fff;
font-size: 16px;
font-weight: 400;
font-family: 'Lato', sans-serif;
animation-delay: 1.4s;
text-transform: capitalize;
}
.slider-area_4 .carousel-inner .carousel-item .carousel-captions .content h4 {
color: #bad700;
font-size: 20px;
font-weight: 600;
font-family: 'Lato', sans-serif;
line-height: 30px;
letter-spacing: 2px;
margin: 0 0 20px;
animation-delay: 1.4s;
text-transform: uppercase;
}
.slider-area_4 .carousel-inner .carousel-item .carousel-captions .content h2 span {
color: #1e9ce5;
font-size: 60px;
font-weight: 600;
font-family: 'Raleway';
margin-top: 15px;
float: left;
animation-delay: 1.4s;
text-transform: uppercase;
}
.hs_effect_btn_4 ul {
float: left;
margin: 0;
padding: 0;
}
.hs_effect_btn_4 li {
float: left;
list-style: none;
}
.hs_effect_btn_4 li a {
float: left;
width: 160px;
height: 50px;
background: #fff;
color: #2992d6;
text-align: center;
font-size: 15px;
line-height: 50px;
margin-top: 0px;
font-weight: 500;
font-family: 'Lato', sans-serif;
text-transform: uppercase;
box-shadow: none;
position: relative;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.hs_effect_btn_4 li a:hover {
color: #fff;
background: #1e9ce5;
box-shadow: 0px 5px 20px rgba(44, 65, 108, 0.5);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.hs_effect_btn_4 li a:before {
content: '';
border-bottom: 27px solid transparent;
border-left: 20px solid #fff;
position: absolute;
right: -18px;
bottom: 23px;
transition: all 0.5s;
}
.hs_effect_btn_4 li a:hover:before {
border-left: 20px solid #1e9ce5;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.hs_effect_btn_4 li a:after {
content: '';
border-top: 27px solid transparent;
border-left: 20px solid #fff;
position: absolute;
right: -18px;
bottom: 0;
transition: all 0.5s;
}
.hs_effect_btn_4 li a:hover:after {
border-left: 20px solid #1e9ce5;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.slider-area_4 .carousel-inner .carousel-item .carousel-captions .content li {
animation-delay: 1.8s;
}
.slider-area_4 .carousel-inner .carousel-indicators {
display: none;
}
.slider-area_4 .carousel-nevigation {
position: absolute;
top: 43%;
margin: 0;
left: 0;
right: 0;
z-index: 0;
display: block;
}
.slider-area_4 .carousel-nevigation > .prev {
position: absolute;
left: 25px;
display: inline-block;
width: 50px;
height: 50px;
color: #fff;
background: #bad700;
line-height: 43px;
border-radius: 50px;
text-align: center;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.slider-area_4 .carousel-nevigation > .next {
position: absolute;
right: 25px;
display: inline-block;
width: 50px;
height: 50px;
color: #fff;
border-radius: 50px;
line-height: 43px;
background: #bad700;
text-align: center;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.slider-area_4 .carousel-nevigation a i {
font-size: 20px;
}
.slider-area_4 .carousel-nevigation > .next:hover,
.slider-area_4 .carousel-nevigation > .prev:hover {
background: #1e9ce5;
color: #fff;
box-shadow: 0px 5px 20px rgba(44, 65, 108, 0.5);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
/*******----------- hs Slider End ---------***********/
/******--------service wrapper Start --------******/
.jp_banner_jobs_categories_wrapper_4 {
float: left;
width: 100%;
text-align: center;
position: relative;
margin-top: -130px;
}
.jp_top_jobs_category_wrapper_4 {
float: left;
width: 25%;
text-align: center;
overflow: hidden;
min-height: 300px;
position: relative;
padding: 50px 30px 50px 30px;
}
.jp_top_jobs_category_wrapper_4:after {
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
border-top: 150px solid transparent;
border-bottom: 150px solid transparent;
border-left: 1720px solid #d0e742;
}
.jp_top_jobs_category_wrapper_4:hover .jp_top_category_icon {
transform: scale(1.3);
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.med_top_service_2_4 {
float: left;
width: 25%;
text-align: center;
overflow: hidden;
min-height: 300px;
position: relative;
padding: 50px 30px 50px 30px;
}
.med_top_service_2_4:after {
content: '';
position: absolute;
left: -1720px;
right: 0;
top: 0;
border-top: 150px solid transparent;
border-bottom: 150px solid transparent;
border-right: 1720px solid #c8d962;
}
.med_top_service_3_4 {
float: left;
width: 25%;
text-align: center;
overflow: hidden;
min-height: 300px;
position: relative;
padding: 50px 30px 50px 30px;
}
.med_top_service_3_4:after {
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
border-top: 150px solid transparent;
border-bottom: 150px solid transparent;
border-left: 1720px solid #a9bb3a ;
}
.med_top_service_4_4 {
float: left;
width: 25%;
text-align: center;
overflow: hidden;
min-height: 300px;
position: relative;
padding: 50px 30px 50px 30px;
}
.med_top_service_4_4:after {
content: '';
position: absolute;
left: -1720px;
right: 0;
top: 0;
border-top: 150px solid transparent;
border-bottom: 150px solid transparent;
border-right: 1720px solid #c6df29;
}
.jp_banner_jobs_categories_wrapper_4 .jp_top_jobs_category {
display: inline-block;
position: relative;
z-index: 1;
margin-top: 30px;
}
.jp_banner_jobs_categories_wrapper_4 .jp_top_category_icon {
font-size: 25px;
text-align: center;
display: inline-block;
margin-bottom: 27px;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.jp_banner_jobs_categories_wrapper_4 .jp_top_category_icon i:before {
color: #000;
font-size: 46px;
text-align: Center;
transition: all 0.5s;
}
.jp_banner_jobs_categories_wrapper_4 .jp_top_jobs_category h3 a {
color: #000;
padding-top: 15px;
font-size: 20px;
text-transform: uppercase;
font-weight: 600;
}
.jp_banner_jobs_categories_wrapper_4 .jp_top_jobs_category p {
color: #000;
padding-top: 8px;
}
.med_top_service_2_4:hover .jp_top_category_icon {
transform: scale(1.3);
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.med_top_service_3_4:hover .jp_top_category_icon {
transform: scale(1.3);
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.med_top_service_4_4:hover .jp_top_category_icon {
transform: scale(1.3);
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
/*********--------about wrapper-------*********/
.about_wrapper_4 {
float: left;
width: 100%;
padding-top: 100px;
padding-bottom: 90px;
}
.about_heading_wraper_4 h1 {
margin: 0px 0px 0px 0px;
color: #000000;
font-size: 30px;
line-height: 30px;
font-weight: 800;
text-transform: uppercase;
}
.serv_left_wrapper_4 {
text-align: left;
}
.serv_left_wrapper_4 .abt_txt h3 {
font-size: 22px;
color: #2c416c;
line-height: 36px;
text-transform: capitalize;
font-weight: 600;
}
.serv_left_wrapper_4 .abt_txt p {
margin-top: 0px;
font-size: 16px;
color: #000000;
text-transform: capitalize;
line-height: 24px;
}
.serv_left_wrapper_4 .abt_chk {
float: left;
width: 100%;
font-size: 16px;
color: #757575;
text-transform: capitalize;
font-family: 'Open Sans', sans-serif;
}
.serv_left_wrapper_4 .abt_chk ul {
margin: 0px;
padding: 0px;
width: 100%;
float: left;
}
.serv_left_wrapper_4 .abt_chk ul li {
float: left;
width: 40%;
list-style: none;
margin-bottom: 10px;
cursor: pointer;
display: inline-block;
transition: all .5s;
}
.serv_left_wrapper_4 .content_chck ul li i {
color: #1e9ce5;
margin-right: 10px;
}
.serv_left_wrapper_4 .abt_chk ul li i:before {
position: relative;
font-size: 16px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.serv_left_wrapper_4 .abt_btn li a {
background: #bad700;
color: #fff;
}
.serv_left_wrapper_4 .abt_btn li a:before {
border-left: 20px solid #2c416c;
}
.serv_left_wrapper_4 .abt_btn li a:after {
border-left: 20px solid #2c416c
}
.about_wrapper_4 .med_slider_img_4 {
float: left;
width: 100%;
overflow: hidden;
}
.about_wrapper_4 .med_slider_img_4 .owl-theme .owl-dots .owl-dot {
display: none;
}
.about_wrapper_4 .med_slider_img_4 .carousel-item {
width: 100%;
}
.about_wrapper_4 .med_slider_img_4 .owl-theme .owl-nav .owl-prev i:before,
.about_wrapper_4 .med_slider_img_4 .owl-theme .owl-nav .owl-next i:before {
font-size: 16px;
}
.about_wrapper_4 .med_slider_img_4 .owl-carousel .owl-carousel-item img {
display: block;
width: 100%;
margin-top: -13px;
}
.about_wrapper_4 .med_slider_img_4 .owl-theme .owl-nav {
position: absolute;
top: 40%;
margin: 0;
left: 0;
right: 0;
z-index: 1000;
display: block;
}
.about_wrapper_4 .med_slider_img_4 .owl-prev {
position: absolute;
left: 20px;
}
.about_wrapper_4 .med_slider_img_4 .owl-next {
position: absolute;
right: 20px;
}
.about_wrapper_4 .med_slider_img_4 .owl-theme .owl-nav .owl-prev,
.about_wrapper_4 .med_slider_img_4 .owl-theme .owl-nav .owl-next {
display: inline-block;
cursor: pointer;
width: 50px;
height: 50px;
color: #fff;
background: #7a2b7d;
line-height: 45px;
border-radius: 50px;
text-align: center;
}
.about_wrapper_4 .med_slider_img_4 .owl-theme .owl-nav .owl-next:hover {
background: #1e9ce5;
color: #fff;
box-shadow: 0px 5px 20px rgba(44, 65, 108, 0.5);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.about_wrapper_4 .med_slider_img_4 .owl-theme .owl-nav .owl-prev:hover {
background: #1e9ce5;
color: #fff;
box-shadow: 0px 5px 20px rgba(44, 65, 108, 0.5);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
/*********------what can we do wrapper---------*************/
.what_can_Wrapper_4 {
float: left;
width: 100%;
padding-top: 100px;
padding-bottom: 90px;
background: #f9f9f9;
}
.what_can_Wrapper_4 .sw_disc_img_btm {
position: absolute;
top: 0;
left: 0;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.what_can_Wrapper_4 .sw_right_img_wrapper:hover .sw_disc_img_btm {
top: 60px;
left: -80px;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.sw_desc_abt_4 {
float: left;
width: 100%;
padding-left: 30px;
}
.what_can_Wrapper_4 .sw_desc_btm_txt {
float: left;
width: 100%;
margin-bottom: 20px;
}
.sw_disc_image_4 {
float: left;
width: 50px;
line-height: 60px;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.sw_disc_image_4 i:before {
color: #2c416c;
font-size: 46px;
}
.what_can_Wrapper_4 .sw_disc_head_text {
font-size: 15px;
font-weight: 500;
float: left;
width: calc(100% - 50px);
padding-left: 20px;
padding-right: 40px;
}
.what_can_Wrapper_4 .sw_disc_head_text h5 a {
font-size: 20px;
color: #1e9ce5;
text-transform: uppercase;
font-weight: 600;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.what_can_Wrapper_4 .sw_disc_head_text p {
margin-top: 6px;
margin-bottom: 8px;
}
.what_can_Wrapper_4 .sw_disc_head_text h6 a {
font-size: 14px;
text-transform: uppercase;
color: #2c416c;
font-weight: 600;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.what_can_Wrapper_4 .sw_disc_head_text h6 a:hover {
color: #1e9ce5;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.what_can_Wrapper_4 .sw_dark_heading_wraper h1 {
color: #fff;
}
.sw_desc_btm_txt:hover .sw_disc_image_4 {
transform: scale(1.2);
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
/*********----------counter wrapper--------***********/
.counter_section_4 {
width: 100%;
float: left;
padding-top: 90px;
padding-bottom: 80px;
background: #1e9ce5;
}
.counter_section_4 .count-description {
font-size: 40px;
font-weight: 700;
color: #fff;
margin-top: 10px;
}
.counter_section_4 .counter_icon {
text-align: center;
}
.counter_section_4 .heading_left p {
color: #fff;
opacity: 0.8;
}
.counter_section_4 .icon {
text-align: center;
border: 2px solid rgba(255, 255, 255, 0.75);
width: 90px;
height: 90px;
line-height: 80px;
background: transparent;
display: inline-block;
transition: all 0.5s;
margin-top: 0px;
}
.counter_section_4 .icon img {
display: inline-block;
text-align: center;
width: 45px;
height: 45px;
line-height: 45px;
}
.counter_section_4 .count-description {
padding-top: 20px;
}
.counter_section_4 .counter_icon:hover .icon {
color: white;
background-color: #2c416c;
border: 2px solid #2c416c;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.counter_section_4 .con1,
.counter_section_4 .con2,
.counter_section_4 .con3,
.counter_section_4 .con4 {
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
color: #fff;
padding-top: 15px;
}
/********---------appointment wrapper---------****************/
.appoint_section_4 {
background: url(../images/appoint_bg.jpg) 50% 0 repeat-y;
float: left;
width: 100%;
height: 100%;
background-position: center 0;
background-size: cover;
background-repeat: no-repeat;
position: relative;
padding-top: 100px;
}
.appoint_overlay_4 {
position: absolute;
top: 0%;
left: 0%;
right: 0%;
bottom: 0%;
background: rgba(9, 9, 9, 0.87);
}
.heading_white_4 h1 {
color: #fff;
}
.appoint_section_4 .response {
color: #fff;
float: right;
}
.appoint_section_4 .contect_form1 input {
width: 100%;
height: 47px;
margin-top: 12px;
padding-left: 10px;
margin-bottom: 10px;
color: #525252;
border-radius: 5px;
text-transform: capitalize;
background: #f0f0f0;
border: 0;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.appoint_section_4 .contect_form1 input:hover,
.appoint_section_4 .contect_form1 input:focus {
background: #e8f6ff;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.appoint_section_4 .contect_form4 textarea {
width: 100%;
margin-top: 20px;
padding-left: 10px;
border: 0;
padding-top: 10px;
color: #525252;
border-radius: 5px;
text-transform: capitalize;
background: #f0f0f0;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
resize: none;
}
.appoint_section_4 .contect_form4 textarea:hover,
.appoint_section_4 .contect_form4 textarea:focus {
background: #e8f6ff;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.appoint_section_4 .contect_btn button {
padding: 0;
list-style: none;
margin-top: 30px;
float: left;
border-radius: 0px;
}
.appoint_section_4 .contect_btn button {
cursor: pointer;
width: 160px;
height: 50px;
float: left;
color: white;
background: #1e9ce5;
text-align: center;
line-height: 47px;
position: relative;
font-size: 16px;
font-weight: 600;
border: 0;
box-shadow: none;
text-transform: uppercase;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.appoint_section_4 .contect_btn button:hover {
background: #2c416c;
box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.5);
color: #fff !important;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.appoint_section_4 .contect_btn button:before {
content: '';
border-bottom: 27px solid transparent;
border-left: 20px solid #1e9ce5;
position: absolute;
right: -18px;
bottom: 23px;
transition: all 0.5s;
}
.appoint_section_4 .contect_btn button:hover:before {
border-left: 20px solid #2c416c;
}
.appoint_section_4 .contect_btn button:after {
content: '';
border-top: 27px solid transparent;
border-left: 20px solid #1e9ce5;
position: absolute;
right: -18px;
bottom: 0;
transition: all 0.5s;
}
.appoint_section_4 .contect_btn button:hover:after {
border-left: 20px solid #2c416c;
}
.appoint_section_4 p {
color: #fff;
}
.box_side_icon_4 .contect_form1 ::-webkit-input-placeholder{
color: #525252;
}
.box_side_icon_4 .contect_form1 :-moz-placeholder{
color: #525252;
}
.box_side_icon_4 .contect_form1 ::-moz-placeholder{
color: #525252;
}
.box_side_icon_4 .contect_form1 ::-ms-input-placeholder{
color: #525252;
}
.box_side_icon_4 .contect_form4 ::-ms-input-placeholder{
color:#525252;
}.box_side_icon_4 .contect_form4 ::-webkit-input-placeholder{
color:#525252;
}.box_side_icon_4 .contect_form4 ::-moz-placeholder{
color:#525252;
}.box_side_icon_4 .contect_form4 ::--moz-placeholder{
color:#525252;
}
/*******--------team wrapper -------***********/
.team_wrapper_4 {
float: left;
width: 100%;
padding-top: 90px;
padding-bottom: 50px;
}
.team_wrapper_4 .hs_lest_news_img_wrapper {
float: left;
width: 100%;
overflow: hidden;
}
.team_wrapper_4 .team_about {
float: left;
width: 100%;
position: relative;
overflow: hidden;
}
.team_wrapper_4 .team_about:hover .team_icon_wrapper:before {
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.team_wrapper_4 .team_about:hover .team_txt a {
color: #2e7ec8;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.team_wrapper_4 .team_about:hover .team_img {
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.team_wrapper_4 .team_img {
width: 100%;
}
.team_wrapper_4 .team_txt {
float: left;
width: 100%;
background-color: #f9f9f9;
text-align: center;
}
.team_wrapper_4 .team_txt h1 {
width: 100%;
margin-top: 15px;
}
.team_wrapper_4 .team_txt h1 a {
color: #1e9ce5;
font-size: 18px;
font-weight: 700;
padding-bottom: 10px;
text-transform: uppercase;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.team_wrapper_4 .team_txt p {
text-align: center;
color: #757575;
font-size: 16px;
margin-bottom: 15px;
}
.team_wrapper_4 .team_icon_wrapper {
position: relative;
bottom: 28px;
}
.team_wrapper_4 .team_icon_wrapper svg {
top: 50px;
left: 20px;
position: absolute;
}
.team_wrapper_4 .team_img img {
margin-top: 2px;
width: 100%;
}
.team_wrapper_4 .team_icon_wrapper:before {
content: '';
border-right: 120px solid transparent;
border-top: 120px solid #2c416c;
position: absolute;
left: 0px;
top: 30px;
}
.team_wrapper_4 .team_icon_hover {
float: left;
width: 100%;
background-color: #1e9ce5;
font-size: 16px;
color: #ffffff;
position: absolute;
line-height: 85px;
bottom: -95px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.team_wrapper_4 .team_about:hover .team_icon_hover {
bottom: 0;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.team_wrapper_4 .team_icon_hover {
text-align: center;
float: left;
width: 100%;
}
.team_wrapper_4 .team_icon_hover ul {
width: 100%;
float: left;
display: inline-block;
margin-left: 25px;
}
.team_wrapper_4 .team_icon_hover ul li:first-child {
margin-left: 0;
}
.team_wrapper_4 .team_icon_hover ul li {
float: left;
width: auto;
list-style: none;
margin-left: 15px;
margin-bottom: -10px;
}
.team_wrapper_4 .team_icon_hover ul li i {
line-height: 33px;
border: 2px solid rgba(255, 255, 255, 0.4);
width: 36px;
height: 36px;
text-align: center;
}
.team_icon_hover ul li a {
color: #ffffff;
}
.team_wrapper_4 .team_icon_hover ul li a:hover {
color: #e8eeed;
transition: 0.4s;
}
.team_wrapper_4 .team_icon_hover ul li i:hover {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
transition: 0.4s;
}
.team_wrapper_4 .team_slider_wrapper {
float: left;
width: 100%;
}
.team_wrapper_4 .team_slider_wrapper .owl-carousel .owl-carousel-item img {
width: 100%;
}
.team_wrapper_4 .team_slider_wrapper .carousel-item {
width: 100%;
}
.team_wrapper_4 .team_slider_wrapper .owl-carousel .owl-nav {
display: none;
}
.team_wrapper_4 .team_slider_wrapper .owl-theme .owl-dots .owl-dot span {
width: 15px;
height: 15px;
margin: 50px 5px;
background: transparent;
display: block;
-webkit-backface-visibility: visible;
transition: opacity 200ms ease;
border-radius: 30px;
border: 1px solid #2c416c;
}
.team_wrapper_4 .team_slider_wrapper .owl-theme .owl-dots .owl-dot.active span,
.team_wrapper_4 .team_slider_wrapper .owl-theme .owl-dots .owl-dot:hover span {
background: #2c416c;
display: block;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
/*******-------our process wrapper css start------*********/
.our_process_wrapper_4 {
float: left;
width: 100%;
background: #000000;
overflow: hidden;
}
.our_process_wrapper_4 .mesage_left_wrapper {
float: left;
width: 50%;
overflow: hidden !important;
position: relative;
z-index: 1;
}
.our_process_wrapper_4 .mesage_left_wrapper img {
width: 100%;
min-height: 520px;
}
.our_process_wrapper_4 .ser_head h1 {
font-size: 24px;
font-weight: 400;
text-transform: uppercase;
}
.our_process_wrapper_4 .mesage_right_wrapper {
float: left;
width: 50%;
z-index: 1;
background: #000000;
padding: 50px;
padding-left: 50px;
padding-right: 0;
position: relative;
padding-top: 45px;
}
.our_process_wrapper_4 .abt_chk_doc {
float: left;
width: 100%;
font-size: 16px;
text-transform: capitalize;
}
.our_process_wrapper_4 .abt_chk_doc ul {
margin: 0px;
padding: 0px;
width: 100%;
float: left;
}
.our_process_wrapper_4 .abt_chk_doc ul li {
float: left;
width: 50%;
font-size: 17px;
color: #fff;
list-style: none;
margin-bottom: 16px;
cursor: pointer;
display: inline-block;
transition: all 0.5s;
}
.our_process_wrapper_4 .abt_chk_doc ul li:hover {
color: #2c416c;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.our_process_wrapper_4 .abt_chk_doc ul li:hover i:before {
color: #2c416c;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.our_process_wrapper_4 .content ul li i:before {
font-size: 18px;
color: #fff;
margin-right: 20px;
transition: all 0.5s;
}
.our_process_wrapper_4 .service_doc_right_btn li a:hover {
color: #fff;
background: #2c416c;
box-shadow: 0px 5px 20px rgba(44, 65, 108, 0.5);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.our_process_wrapper_4 .service_doc_right_btn li a:hover:before {
border-left: 20px solid #2c416c;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.our_process_wrapper_4 .service_doc_right_btn li a:hover:after {
border-left: 20px solid #2c416c;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.our_process_wrapper_4 .mesage_right_wrapper:after {
content: '';
border-bottom: 261px solid transparent;
border-right: 133px solid #1e9ce5;
border-top: 288px solid transparent;
position: absolute;
bottom: -56px;
transition: all 0.5s;
left: -132px;
}
.our_process_wrapper_4 .mesage_right_wrapper:before {
content: "\f067";
font-family: FontAwesome;
background: #fff;
color: #1e9ce5;
width: 150px;
height: 150px;
border: 20px solid #1e9ce5;
line-height: 109px;
border-radius: 100%;
position: absolute;
top: 185px;
transition: all 0.5s;
left: -165px;
z-index: 1;
text-align: center;
font-size: 45px;
padding-right: 3px;
}
.our_process_wrapper_4 p {
color: #fff;
}
/**********--------blog wrapper css-----------***********/
.blog_wrapper_4 {
float: left;
width: 100%;
text-align: center;
padding-bottom: 90px;
background-color: white;
}
.blog_wrapper_4 .blog_about {
text-align: left;
width: 100%;
}
.blog_wrapper_4 .blog_txt h1 {
margin-top: 30px;
}
.blog_wrapper_4 .blog_txt h1 a {
font-size: 18px;
font-weight: 600;
text-transform: capitalize;
color: #000000;
}
.blog_wrapper_4 .blog_txt h1 a:hover {
color: #2c416c;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.blog_wrapper_4 .blog_txt_info ul {
margin: 0px;
padding: 0px;
width: 100%;
float: left;
margin-top: 10px;
color: #2c416c;
margin-bottom: 10px;
}
.blog_wrapper_4 .blog_txt_info ul li {
float: left;
width: auto;
font-size: 14px;
list-style: none;
margin-right: 35px;
}
.blog_wrapper_4 .blog_txt_info ul li i {
color: #2c416c;
margin-right: 8px;
}
.blog_wrapper_4 .blog_txt_info ul li:first-child a {
padding-left: 0px;
}
.blog_wrapper_4 .blog_txt_info {
float: left;
width: 100%;
border-bottom: 1px solid #ececec;
margin-bottom: 7px;
}
.blog_wrapper_4 .blog_about p {
font-size: 16px;
line-height: 26px;
color: #707070;
margin-top: 10px;
padding-bottom: 8px;
}
.blog_wrapper_4 .blog_about a {
text-transform: uppercase;
font-size: 14px;
color: #2c416c;
font-weight: 600;
}
.blog_wrapper_4 .blog_img {
position: relative;
width: 100%;
border: 1px solid transparent;
}
.blog_wrapper_4 .blog_img figure {
display: block;
margin: 0;
overflow: hidden;
}
.blog_wrapper_4 .blog_img figure img {
width: 100%;
display: block;
transition: all 0.3s;
border: 1px solid transparent;
}
.blog_wrapper_4 .blog_btn {
text-align: center;
float: left;
width: 100%;
margin-top: 20px;
}
.blog_wrapper_4 .blog_btn ul {
float: none;
display: inline-block;
}
.blog_wrapper_4 .blog_btn li a {
background: #bad700;
color: #000;
}
.blog_wrapper_4 .blog_btn li a:hover {
background: #2c416c;
color: #fff;
transition: all 0.5s;
}
.blog_wrapper_4 .blog_btn li a:before {
content: '';
border-bottom: 27px solid transparent;
border-left: 20px solid #1e9ce5;
position: absolute;
right: -18px;
bottom: 23px;
transition: all 0.5s;
}
.blog_wrapper_4 .blog_btn li a:hover:before {
border-left: 20px solid #2c416c;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.blog_wrapper_4 .blog_btn li a:after {
content: '';
border-top: 27px solid transparent;
border-left: 20px solid #1e9ce5;
position: absolute;
right: -18px;
bottom: 0;
transition: all 0.5s;
}
.blog_wrapper_4 .blog_btn li a:hover:after {
border-left: 20px solid #2c416c;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
/********---------testimonial wrapper---------****************/
.testimonial_wrappper_4 {
background: url(../images/testi_bg.jpg) 50% 0 repeat-y;
float: left;
width: 100%;
height: 100%;
background-position: center 0;
background-size: cover;
background-repeat: no-repeat;
position: relative;
padding-top: 100px;
padding-bottom: 30px;
}
.testimonial_wrappper_4 .testi_overlay_4 {
position: absolute;
top: 0%;
left: 0%;
right: 0%;
bottom: 0%;
background: rgba(9, 9, 9, 0.87);
}
.testimonial_wrappper_4 .heading_white h1 {
color: #fff;
}
.testimonial_wrappper_4 .rotate {
margin: auto;
display: block;
width: 95px;
height: 95px;
margin-bottom: 37px;
margin-top: -95px;
}
.testimonial_wrappper_4 .test_main {
background: #ffffff;
padding: 25px;
text-align: center;
margin-top: 90px;
}
.testimonial_wrappper_4 .test_main h4 a {
font-size: 18px;
font-weight: 700;
color: #222;
text-transform: uppercase;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.testimonial_wrappper_4 .test_main h4 a:hover {
color: #1e9ce5;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.testimonial_wrappper_4 .test_main h5 {
font-size: 15px;
text-transform: capitalize;
color: #222;
}
.testimonial_wrappper_4 .test_main p {
font-style: italic;
margin-top: 5px;
}
.testimonial_wrappper_4 .ppp {
color: #fff;
opacity: 0.8;
}
.testimonial_slider_wrapper_4 {
float: left;
width: 100%;
}
.testimonial_slider_wrapper_4 .owl-carousel .owl-item img {
width: auto;
display: inline-block;
margin-top: 10px;
}
.testimonial_slider_wrapper_4 .owl-theme .owl-dots .owl-dot span {
width: 15px;
height: 15px;
margin: 50px 5px;
background: transparent;
display: block;
-webkit-backface-visibility: visible;
transition: opacity 200ms ease;
border-radius: 30px;
border: 1px solid #fff;
}
.testimonial_slider_wrapper_4 .owl-theme .owl-dots .owl-dot.active span,
.testimonial_slider_wrapper_4 .owl-theme .owl-dots .owl-dot:hover span {
background: #fff;
display: block;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.testimonial_slider_wrapper_4 .owl-theme .owl-nav {
display: block;
margin-top: 40px;
}
.what_can_Wrapper_4 .owl-theme .owl-nav {
margin-top: 40px;
}
/*********------------partner wrapper--------**************/
.partner_wrapper_4 {
float: left;
width: 100%;
text-align: center;
padding-top: 80px;
background-color: #ffffff;
}
.partner_wrapper_4 .partner_slider_img {
float: left;
width: 100%;
}
.partner_wrapper_4 .partner_slider_img .owl-theme .owl-dots .owl-dot {
display: none;
}
.partner_wrapper_4 .partner_slider_img .item {
width: 100%;
display: inline-block;
}
.partner_wrapper_4 .partner_slider_img .owl-carousel .owl-item img {
display: block;
width: 80%;
text-align: center;
}
.partner_wrapper_4 .partner_slider_img .owl-theme .owl-nav {
display: none;
}
.partner_wrapper_4 .map_main_wrapper {
float: left;
width: 100%;
}
#map {
width: 100%;
height: 500px;
}
.map_4 {
padding-top: 100px;
}
.partner_wrapper_4 .ww li a {
margin-top: 0;
}
/*********------------news wrapper--------**************/
.newsletter_wrapper_4 {
float: left;
width: 100%;
background-color: #1e9ce5;
}
.newsletter_wrapper_4 .newsletter_text {
float: left;
width: 100%;
}
.newsletter_wrapper_4 .newsletter_text h3 {
float: left;
width: 100%;
font-size: 25px;
color: #ffffff;
line-height: 28px;
font-weight: 700;
text-transform: uppercase;
margin-top: 10px;
}
.newsletter_wrapper_4 .contect_btn_news ul {
list-style: none;
float: right;
}
.newsletter_wrapper_4 .contect_btn_news li a {
width: 160px;
height: 50px;
float: left;
color: black;
background: #ffffff;
text-align: center;
line-height: 47px;
border-radius: 50px;
font-size: 16px;
font-weight: bold;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
border: 2px solid transparent;
}
.newsletter_wrapper_4 .contect_btn_news li a:hover {
color: #fff !important;
background: transparent;
border: 2px solid white;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
color: #000000;
}
.service_wrapper_icon_midle_4 img {
width: 50px;
height: 50px;
}
.service_wrapper_icon_midle_4 {
position: absolute;
left: 0;
top: 50%;
right: 0;
margin: 0px auto;
margin-top: -25px;
}
/*********---------footer wrapper------------**************/
/*----new menu wrpper start---*/
.menu_wrapper_4 {
background-color: #7a2b7d;
float: left;
width: 100%;
position: relative;
z-index: 5;
}
.menu_wrapper_4 .header_logo {
float: left;
width: 100%;
position: absolute;
z-index: 10;
top: -20px;
}
.menu_wrapper_4 .logo_hidn h1 {
float: left;
width: 100%;
visibility: hiddden;
font-size: 24px;
color: #2ec8a6;
font-weight: 700;
text-transform: uppercase;
}
.menu_wrapper_4 .logo_hidn h1 span {
visibility: hiddden;
font-size: 24px;
color: black;
font-weight: 700;
text-transform: uppercase;
}
.menu_wrapper_4 .navbar {
position: relative;
border: 1px solid transparent;
z-index: 20;
min-height: 0px;
margin-bottom: 0px;
}
.menu_wrapper_4 .nav .navbar-nav {
float: left;
width: 100%;
}
.menu_wrapper_4 .navbar-nav {
float: right;
}
.menu_wrapper_4 .nav .navbar-nav ul {
margin: 0px;
padding: 0px;
width: 100%;
margin-left: 15px;
}
.menu_wrapper_4 .mainmenu ul ul,
.menu_wrapper_4 .mainmenu ul li .mega-menu {
width: 220px;
position: absolute;
text-align: left;
background-color: #fff;
top: calc(100% + 30px);
z-index: 9999999;
-webkit-transition: 0.3s;
transition: 0.3s;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
visibility: hidden;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.menu_wrapper_4 .mainmenu ul li:hover > ul,
.menu_wrapper_4 .mainmenu ul li:hover > .mega-menu {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
visibility: visible;
top: 165%;
border-top: 2px solid #2c416c;
-o-box-shadow: 0px 4px 20px 0 rgba(0, 0, 0, 0.04);
-ms-box-shadow: 0px 4px 20px 0 rgba(0, 0, 0, 0.04);
-moz-box-shadow: 0px 4px 20px 0 rgba(0, 0, 0, 0.04);
-webkit-box-shadow: 0px 4px 20px 0 rgba(0, 0, 0, 0.04);
box-shadow: 0px 4px 20px 0 rgba(0, 0, 0, 0.04);
}
.menu_wrapper_4 .mainmenu ul ul li {
display: block;
}
.menu_wrapper_4 .gc_main_navigation {
border-radius: 20px;
}
.menu_wrapper_4 .mainmenu ul ul li a,
.menu_wrapper_4 .mainmenu ul li.has-mega .mega-menu span a {
color: #333333;
text-transform: uppercase;
font-size: 14px;
letter-spacing: 1px;
padding: 8px 10px 8px 20px;
border-bottom: 1px solid #eee;
margin: 0;
top: 0;
}
.menu_wrapper_4 .mainmenu ul li.has-mega .mega-menu span a:hover {
background-color: #00468c;
color: #ffffff !important;
}
.menu_wrapper_4 .mainmenu ul ul li:last-child > a {
border-bottom: 0px;
}
.menu_wrapper_4 .mainmenu ul ul li a:after {
content: "";
}
.menu_wrapper_4 .mainmenu ul ul li > ul {
left: -100%;
top: 50%;
-webkit-transform-origin: 100% 50% 0;
transform-origin: 100% 50% 0;
}
.menu_wrapper_4 .mainmenu ul ul li:hover > ul {
top: 20%;
}
.menu_wrapper_4 .mainmenu ul li.has-mega {
position: relative;
}
.menu_wrapper_4 .mainmenu ul li.has-mega .mega-menu {
width: 100%;
left: 0;
padding: 20px 0px;
}
.menu_wrapper_4 .mainmenu ul li.has-mega .mega-menu span {
width: 25%;
float: left;
border-left: 1px solid #eee;
}
.menu_wrapper_4 .mainmenu ul li.has-mega .mega-menu span a {
padding-left: 20px;
padding-right: 0px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.menu_wrapper_4 .mainmenu ul li.has-mega .mega-menu span a:last-child {
border-bottom: 0px;
}
.menu_wrapper_4 .mainmenu ul li.has-mega .mega-menu span a:hover {
padding-left: 3px;
padding-left: 20px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.menu_wrapper_4 .mainmenu ul li span a.active {
font-weight: 600;
}
.menu_wrapper_4 .mainmenu ul ul li.active > a {
background-color: #eee;
font-weight: 600;
}
.menu_wrapper_4 .mainmenu ul li:hover .gc_main_navigation i,
.menu_wrapper_4 .mainmenu ul li.active > .gc_main_navigation i {
color: #e99595 !important;
}
.menu_wrapper_4 .kv_navigation_wrapper {
width: auto;
}
.menu_wrapper_4 .mainmenu ul ul,
.menu_wrapper_4 .mainmenu ul li .mega-menu {
width: 220px;
border-top: 2px solid #2c416c;
position: absolute;
text-align: left;
background-color: #fff;
top: calc(100% + 30px);
z-index: 9999999;
padding-left: 0;
transition: 0.3s;
opacity: 0;
}
.menu_wrapper_4 .mainmenu ul ul li a:hover {
border: none;
border-radius: 0;
color: #fff !important;
background-color: #f4ab01;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.menu_wrapper_4 .mainmenu ul ul li a,
.mainmenu ul li.has-mega .mega-menu span a {
color: #333333;
text-transform: uppercase;
font-size: 14px;
letter-spacing: 1px;
padding: 8px 10px 8px 20px;
border-bottom: 0px solid #eee;
margin: 0;
top: 0;
}
.menu_wrapper_4 .mainmenu ul li.has-mega {
position: relative;
}
.menu_wrapper_4 .mainmenu ul li {
display: inline-block;
}
.menu_wrapper_4 .mainmenu ul {
list-style: none;
margin: 0;
padding: 0;
}
.menu_wrapper_4 .mainmenu ul li a {
color: #fff;
display: block;
text-transform: capitalize;
font-size: 16px;
position: relative;
overflow: hidden;
padding: 5px 15px;
top: 15px;
font-weight: 500;
letter-spacing: 1px;
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
-ms-transition: all 0.6s;
-moz-transition: all 0.6s;
transition: all 0.6s;
}
.menu_wrapper_4 .gc_main_navigation .gc_main_navigation,
.menu_wrapper_4 .mainmenu ul li.active > .gc_main_navigation {
position: relative;
}
.menu_wrapper_4 .mainmenu ul li .gc_main_navigation,
.menu_wrapper_4 .mainmenu ul li.active > .gc_main_navigation {
border: 2px solid transparent;
}
.menu_wrapper_4 .mainmenu ul li:hover .gc_main_navigation,
.menu_wrapper_4 .mainmenu ul li.active > .gc_main_navigation {
opacity: 1;
background: transparent;
border: 2px solid #2c416c;
border-radius: 20px;
}
.menu_wrapper_4 .mainmenu ul ul li a:hover {
border: none;
border-radius: 0;
color: #fff !important;
background-color: #2c416c;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.menu_wrapper_4 .et_search_bar i {
position: relative;
top: 1px;
}
.menu_wrapper_4 .et_navbar_search_wrapper {
padding-top: 20px;
padding-bottom: 20px;
float: right;
}
.menu_wrapper_4 .et_search_bar {
margin-right: -280px;
}
.menu_wrapper_4 .mainmenu .navigation_4 {
color: #fff!important;
}
.footer_widget_add .read_4,
.footer_4 ul li i:before {
color: #ffffff;
font-weight: 600;
}
.footer_wrapper .container-fluid .up_wrapper .return-top-4 {
background: #1e9ce5!important;
}
.gallary_4 img:hover {
border: 2px solid #1e9ce5;
}
.footer_4 ul li a:hover {
color: #1e9ce5;
}
.bottom_footer_copy_4 a:hover {
color: #1e9ce5;
transition: 0.5s;
}
.footer_4_icon ul li a i:hover {
background-color: #1e9ce5;
}
/*----new menu wrpper start---*/
.testimonial_wrapper_2 p {
color: #fff;
}
.address_main:after {
content: "";
position: absolute;
top: 0;
right: 15px;
background-color: #434141;
width: 1px;
height: 523px;
}
.menu_wrapper_3 .menubar {
fill: #fff;
}
.doctor_apooint li a {
background: #2ec8a6;
}
.doctor_apooint li a:hover {
background: #2ec8a6;
}
.sidebar_right_abt .accordionFifteen .panel .panel-heading a.collapsed {
padding: 12px 15px;
margin-bottom: 24px;
margin-top: 23px;
}
.sidebar_right_abt .accordionFifteen .panel .panel-heading a.collapsed.active{
border: 1px solid #f4ab01
}
/*-----------------------------*/
/* index_orthopaedics css start */
/*-----------------------------*/
/* header start */
.orthopaedics_header_wrapper .navbar-brand {
margin: 10px;
padding-bottom: 0px;
}
.orthopaedics_header_wrapper {
float: left;
width: 100%;
background: #343a40;
}
.orthopaedics_slider_main_wrapper {
width: 100%;
float: left;
}
.orthopaedics_header_wrapper .navbar-nav .dropdown-menu {
padding: 0px;
margin: 0px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
border-radius: 0px;
}
.orthopaedics_header_wrapper .navbar-nav .dropdown-item {
display: block;
width: 100%;
clear: both;
color: #212529;
white-space: nowrap;
background-color: transparent;
padding: 10px 10px;
}
.orthopaedics_header_wrapper .navbar-nav>li {
padding-right: 40px;
}
.orthopaedics_header_wrapper .navbar-nav .dropdown-item:hover {
color: #fff;
background: #343a40;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.orthopaedics_header_wrapper .navbar-nav .nav-item:hover .dropdown-menu {
display: block;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.orthopaedics_header_wrapper .lv_search_bar {
padding: 0px 0px 0px 15px;
color: #fff;
font-size: 17px;
cursor: pointer;
margin-top: 10px;
}
.orthopaedics_header_wrapper .lv_search_box {
position: absolute;
height: 55px;
width: 280px;
padding: 5px;
top: 100%;
display: inline-block;
border-radius: 0px;
-webkit-box-shadow: 0px 4px 10px -2px rgba(0, 0, 0, 0.23);
-moz-box-shadow: 0px 4px 10px -2px rgba(0, 0, 0, 0.23);
-o-box-shadow: 0px 4px 10px -2px rgba(0, 0, 0, 0.23);
-ms-box-shadow: 0px 4px 10px -2px rgba(0, 0, 0, 0.23);
box-shadow: 0px 4px 10px -2px rgba(0, 0, 0, 0.23);
background-color: #ffffff;
display: none;
z-index: 1000;
right: 45px;
;
}
.orthopaedics_header_wrapper .lv_search_box input {
float: left;
width: calc(100% - 45px);
padding: 0 49px 0 10px;
height: 45px;
border: 1px solid #ececec;
border-right: 0px;
}
.orthopaedics_header_wrapper .lv_search_box button {
width: 48px;
color: #ffc722;
background: #363533;
border: 1px solid #363533;
border-left: none;
line-height: 45px;
text-align: center;
position: absolute;
top: 4px;
right: 5px;
border: none;
outline: none;
box-shadow: none;
display: block;
padding: 0;
cursor: pointer;
border-radius: 0;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
/*-- header End --*/
.about_orthopaedics_section {
float: left;
width: 100%;
}
.my-cart-btn {
float: left;
margin:10px;
}
.my-cart-btn:hover {
color: #13bfb1;
}
.my-cart-btn i {
padding-right: 20px;
}
.orthopaedics_menu_wrapper .mainmenu ul {
float: right;
}
.ortho_header .md_right_side_warpper {
float: right;
margin-top:10px;
}
.laparoscopio_wrap #cssmenu ul li:hover a,
.laparoscopio_wrap #cssmenu ul li.active a {
background: #13bfb1;
}
.orthopaedics_menu_wrapper .et_search_bar i {
right: 175px;
}
.orthopaedics_menu_wrapper {
background-color: #13bfb1;
}
.menu_wrapper_2 .ortho-box {
right: 142px;
top: 64px;
}
.menu_wrapper_2 .ortho-box button {
background-color: #13bfb1;
}
.menu_wrapper_2 .ortho-box .fa-search:before {
content: "\f002";
color: #fff;
}
/* department_services_section start */
.department_services_section {
float: left;
width: 100%;
padding-top: 100px;
padding-bottom: 100px;
}
.department_services_section .section_heading h2 {
text-align: center;
padding-bottom: 15px;
position: relative;
margin: 0 0 50px 0;
}
.section_heading h2 {
color: #111;
font-size: 36px;
line-height: 40px;
font-weight: 700;
position: relative;
margin: 0px 0 12px 0;
text-align: left;
text-transform: uppercase;
}
.department_services_section .section_heading h2:after {
content: "";
background: #13bfb1;
width: 60px;
height: 2px;
position: absolute;
left: 50%;
bottom: 0;
margin-left: -25px;
}
.department_icon_wrapper {
float: left;
width: 100%;
padding-top: 40px;
}
.department_icon_img {
width: 80px;
height: 80px;
line-height: 80px;
overflow: hidden;
text-align: center;
float: left;
border-radius: 50%;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
}
.department_icon_img svg {
width: 40px;
height: 40px;
margin-top: 20px;
}
.department_icon_img i {
display: inline-block;
}
.department_icon_img i:before {
font-size: 35px;
color: #fff;
margin-left: 0;
}
.department_icon_wrapper:hover h4 a {
color: #13bfb1;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
}
.department_icon_content {
width: calc(100% - 80px);
float: left;
padding-left: 30px;
}
.department_icon_content h4 {
font-size: 18px;
line-height: 25px;
font-weight: 500;
margin-bottom: 10px;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
}
.department_icon_content h4 a {
color: #111;
}
.department_icon_content p {
font-size: 16px;
}
.icon_one {
background: #43b9f6;
}
.icon_two {
background: #ff5e6b;
}
.icon_three {
background: #6686ff;
}
.icon_four {
background: #4cb3c4;
}
.icon_five {
background: #3b84eb;
}
.icon_six {
background: #85df88;
}
/* department_services_section end */
/* about_orthopaedics_section start */
.about_orthopaedics_section {
float: left;
width: 100%;
background: #f7f7f7;
padding-top: 100px;
padding-bottom: 100px;
}
.orthopaedics_text_wrapper {
float: left;
width: 100%;
}
.orthopaedics_text_wrapper h2 {
font-size: 30px;
line-height: 30px;
margin-bottom: 30px;
color: #333;
}
.benefits_accordion_wrapper h2 {
font-size: 30px;
line-height: 30px;
margin-bottom: 30px;
color: #333;
}
.orthopaedics_text_wrapper p {
font-size: 16px;
font-weight: 300;
line-height: 26px;
margin-bottom: 30px;
}
.orthopaedics_text_wrapper .list_wrapper {
margin: 0;
padding: 0;
list-style: none;
}
.orthopaedics_text_wrapper .list_wrapper li:first-child {
padding-top: 0px;
}
.orthopaedics_text_wrapper .list_wrapper li {
margin-bottom: 10px;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.orthopaedics_text_wrapper .list_wrapper li i {
float: left;
font-size: 23px;
color: #13bfb1;
}
.orthopaedics_text_wrapper .list_wrapper li p {
font-size: 16px;
font-weight: 300;
padding: 0px 0 0px 35px;
margin-bottom: 0;
}
.benefits_accordion_wrapper .panel .panel-heading a {
display: block;
padding: 25px 20px;
background: #fff;
color: #111;
border-left: 5px solid #13bfb1;
border-bottom: 1px solid #f1f1f1;
font-weight: 500;
font-size: 18px;
}
.benefits_accordion_wrapper .panel-group .panel-heading+.panel-collapse>.panel-body {
border-top: 0;
padding: 25px 30px 30px 30px;
background: #fdfdfd;
color: #999999;
}
.benefits_accordion_wrapper .panel .panel-heading a:after {
content: "\2212";
color: #13bfb1;
}
.benefits_accordion_wrapper .panel .panel-heading a.collapsed {
border-left: 5px solid transparent;
}
.benefits_accordion_wrapper .panel .panel-heading a:after,
.benefits_accordion_wrapper .panel .panel-heading a.collapsed:after {
font-family: 'FontAwesome';
float: right;
text-align: center;
font-size: 20px;
width: 25px;
height: 25px;
line-height: 24px;
display: block;
}
.benefits_accordion_wrapper .panel {
background-color: transparent;
box-shadow: none;
border-bottom: 10px solid transparent;
border-radius: 0;
margin: 0;
}
.benefits_accordion_wrapper .panel .panel-heading a.collapsed:after {
content: "\2b";
color: #999;
}
/* about_orthopaedics_section end */
/* orthopaedics_procedures_section start */
.orthopaedics_procedures_section {
float: left;
width: 100%;
padding-top: 100px;
padding-bottom: 100px;
}
.orthopaedics_procedures_wrapper {
float: left;
width: 100%;
}
.orthopaedics_procedures_wrapper h2 {
font-size: 30px;
line-height: 30px;
margin-bottom: 30px;
color: #333;
font-weight: 500;
}
.orthopaedics_icon_wrapper {
float: left;
width: 100%;
text-align: center;
padding: 20px 20px;
margin-bottom: 20px;
background: #f7f7f7;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.orthopaedics_icon_wrapper p {
margin-top: 15px;
text-align: left;
font-size: 14px;
color: #999;
}
.orthopaedics_icon_wrapper a {
color: #111111;
}
.orthopaedics_icon_wrapper h4 {
text-align: left;
font-size: 20px;
font-weight: 400;
}
.orthopaedics_icon_img {
float: left;
width: 100px;
height: 100px;
line-height: 100px;
display: inline-block;
font-size: 25px;
color: #fff;
text-align: center;
}
.orthopaedics_icon_img i:before {
font-size: 40px;
color: #fff;
margin-left: 0;
}
.red {
background: #e85b79;
}
.blue {
background: #13bfb1;
}
.green {
background: #4ddc90;
}
.orthopaedics_icon_wrapper:hover .icon_content_red h4 a {
color: #e85b79;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.orthopaedics_icon_wrapper:hover .icon_content_blue h4 a {
color: #13bfb1;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.orthopaedics_icon_wrapper:hover .icon_content_green h4 a {
color: #4ddc90;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.orthopaedics_icon_content {
font-size: 20px;
color: #111111;
float: left;
width: calc(100% - 100px);
padding-left: 30px;
display: inline-block;
}
.department_image_slider h2 {
font-size: 30px;
line-height: 30px;
margin-bottom: 30px;
color: #333;
font-weight: 500;
}
.department_image_slider .owl-theme .owl-nav {
position: absolute;
top: 44%;
margin: 0;
left: 0;
right: 0;
z-index: 1000;
display: block;
}
.department_image_slider .owl-theme .owl-nav .owl-prev {
font-size: 16px;
margin: 0;
padding: 0;
left: 20px;
top: 0;
position: absolute;
text-align: center;
background: #fff;
color: #000;
width: 40px;
height: 40px;
text-align: center;
line-height: 42px;
border: none;
border-radius: 50%;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.department_image_slider .owl-theme .owl-nav .owl-prev:hover,
.department_image_slider .owl-theme .owl-nav .owl-next:hover {
background: #13bfb1;
color: #fff;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.department_image_slider .owl-theme .owl-nav .owl-next {
font-size: 16px;
margin: 0;
padding: 0;
right: 20px;
top: 0;
position: absolute;
text-align: center;
background: #fff;
color: #000;
width: 40px;
height: 40px;
text-align: center;
line-height: 42px;
border: none;
border-radius: 50%;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.department_image_slider .owl-theme .owl-dots {
display: none;
}
/* orthopaedics_procedures_section end */
/* appointment_form_section end */
.department_appointment_section {
float: left;
width: 100%;
background-image: url(images/appointment_bg.html);
height: 100%;
background-position: center 0;
background-size: cover;
position: relative;
padding-bottom: 100px;
padding-top: 100px;
}
.department_appointment_overlay {
position: absolute;
top: 0%;
left: 0%;
right: 0%;
bottom: 0%;
background: #08080a;
opacity: 0.9;
}
.appointment_form_section .form-group {
margin-bottom: 10px;
}
.appointment_form_section {
float: left;
width: 100%;
}
.appointment_form_section h4 {
font-size: 30px;
line-height: 30px;
margin-bottom: 30px;
color: #fff;
}
.appointment_form_section .form-group {
margin-bottom: 20px;
}
.appointment_form_section .form-control:focus {
box-shadow: none;
}
.appointment_form_section .form-group {
margin-bottom: 10px;
}
.appointment_form_section .form-control {
background: #ffffff;
border: 1px solid rgba(222, 206, 206, 0.56);
color: #999999;
display: block;
font-size: 16px;
height: 55px;
margin-bottom: 25px;
padding: 0 20px;
width: 100%;
border-radius: 0;
box-shadow: none;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.appointment_form_section .form-control:focus {
border: 1px solid #313131 !important;
background: transparent;
}
.appointment_form_section button.btn {
margin: 0 auto;
display: block;
padding: 15px 32px;
font-weight: 700;
border-radius: 0;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
font-weight: normal;
}
.appointment_form_section .btn-default {
background-color: #825339;
color: #fff;
border-color: #825339;
}
.appointment_form_section .form-group textarea {
height: 110px;
margin-bottom: 31px;
padding: 10px 20px;
resize: none;
}
.appointment_form_section .form-control:focus {
border: 1px solid #13bfb1 !important;
background: transparent;
}
.appointment_form_section button.btn {
float: left;
background: #13bfb1;
border: 1px solid #13bfb1;
border-radius: 30px;
color: #fff;
padding: 10px 30px;
font-weight: 400;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.appointment_form_section button.btn:hover {
color: #13bfb1;
background-color: transparent;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.appointment_form_section button.btn:focus {
outline: none;
}
.appointment_timing_wrapper {
float: left;
width: 100%;
background: #13bfb1;
height: 500px;
padding: 0px 30px;
padding-top: 35px;
}
.appointment_timing_wrapper h4 {
color: #fff;
margin-bottom: 30px;
font-size: 24px;
line-height: 26px;
font-weight: 700;
}
.appointment_timing_wrapper .working-hours li {
margin-bottom: 20px;
color: #fff;
font-size: 14px;
}
.appointment_timing_wrapper .working-hours li .docters_name {
font-size: 16px;
}
.appointment_timing_wrapper .working-hours li .docters_timing {
float: right;
}
/* department_team_wrapper start*/
.department_team_wrapper {
float: left;
width: 100%;
padding-top: 100px;
padding-bottom: 100px;
background: #f7f7f7;
text-align: center;
}
.department_team_wrapper .section_heading h2 {
text-align: center;
padding-bottom: 15px;
position: relative;
margin: 0 0 50px 0;
}
.department_team_wrapper .section_heading h2:after {
content: "";
background: #13bfb1;
width: 60px;
height: 2px;
position: absolute;
left: 50%;
bottom: 0;
margin-left: -25px;
}
.department_team_members {
float: left;
width: 100%;
margin-bottom: 50px;
background: #fff;
}
.department_team_members:hover .department_member_content h4 a{
color:#13bfb1;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.department_member_image,
.department_member_content {
float: left;
width: 100%;
}
.department_member_image {
padding-bottom: 38px;
text-align: center;
}
.department_member_image img {
display: inline-block;
}
.department_member_content h5 {
color: #999;
font-size: 14px;
padding-bottom: 20px;
border-bottom: 1px solid rgb(234, 229, 229);
}
.department_member_content h4 {
font-size: 20px;
font-weight: 700;
padding-bottom: 10px;
}
.department_member_content h4 a{
color:#333;
}
.department_member_content p {
font-size: 16px;
margin-bottom: 20px;
padding: 0px 12px;
}
.btn_more {
background: transparent;
border: 2px solid #13bfb1;
border-radius: 30px;
color: #13bfb1;
padding: 10px 12px;
margin-top: 42px;
width: 170px;
height: 52px;
line-height: 30px;
font-size: 16px;
display: inline-block;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.btn_more:hover {
background: #13bfb1;
color: #fff;
border: 2px solid #13bfb1;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.btn_more i:before {
padding-right: 10px;
}
/* department_team_wrapper end*/
.orthopaedics_letter {
background-color: #13bfb1;
}
/* footer css */
.footer_wrapper_orthopaedics {
width: 100%;
float: left;
background-image: url(../images/footer_images/footer2_bg.jpg);
height: 100%;
background-position: center 0;
background-size: cover;
position: relative;
padding-top: 110px;
}
.footer_wrapper_orthopaedics .section_2_footer_overlay {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(9, 9, 10, 0.9);
}
.footer_wrapper_orthopaedics .section_2_footer_wrapper {
float: left;
width: 100%;
}
.footer_wrapper_orthopaedics .tb_foter_left {
float: left;
width: 60%;
padding-left: 15px;
}
.footer_wrapper_orthopaedics .tb_foter_right {
float: left;
width: 40%;
padding-right: 15px;
}
.footer_wrapper_orthopaedics .section_2_about_wrapper,
.footer_wrapper_orthopaedics .wrapper_second_useful,
.footer_wrapper_orthopaedics .wrapper_second_blog {
float: left;
width: 100%;
}
.footer_wrapper_orthopaedics .section_2_footer_wrapper {
padding-bottom: 80px;
}
.footer_wrapper_orthopaedics .section_2_footer_wrapper h4 {
font-size: 24px;
font-weight: 400;
padding-bottom: 40px;
font-weight: 500;
text-transform: uppercase;
color: #13bfb1;
}
.footer_wrapper_orthopaedics .section_2_footer_wrapper h4 span {
font-size: 24px;
font-weight: 500;
padding-bottom: 40px;
text-transform: uppercase;
color: #fff;
}
.footer_wrapper_orthopaedics .wrapper_first_image {
margin-top: -3px;
}
.footer_wrapper_orthopaedics .abotus_content {
float: left;
width: 100%;
}
.footer_wrapper_orthopaedics .abotus_content {
padding-bottom: 25px;
padding-top: 30px;
}
.footer_wrapper_orthopaedics .abotus_content p {
font-size: 16px;
color: #b7b7b7;
}
.footer_wrapper_orthopaedics .aboutus_social_icons {
margin: 0;
padding: 0;
list-style: none;
}
.footer_wrapper_orthopaedics .section_2_about_wrapper a {
color: #13bfb1;
font-size: 16px;
line-height: 26px;
}
.footer_wrapper_orthopaedics .section_2_useful_wrapper ul li {
margin-bottom: 13px;
}
.footer_wrapper_orthopaedics .section_2_useful_wrapper ul li i {
color: #b7b7b7;
margin-right: 20px;
font-size: 16px;
}
.footer_wrapper_orthopaedics .section_2_useful_wrapper ul li a {
color: #b7b7b7;
font-size: 16px;
text-transform: capitalize;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.footer_wrapper_orthopaedics .section_2_useful_wrapper ul li a:hover {
color: #13bfb1;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.footer_wrapper_orthopaedics .btm_foter_box {
float: left;
width: 100%;
padding-top: 25px;
padding-bottom: 15px;
}
.footer_wrapper_orthopaedics .ft_blog_wrapper1,
.footer_wrapper_orthopaedics .ft_blog_wrapper2 {
float: left;
width: 100%;
}
.footer_wrapper_orthopaedics .ft_blog_wrapper1 {
padding-bottom: 20px;
}
.footer_wrapper_orthopaedics .ft_blog_date {
font-size: 14px;
color: #8c8c8c;
margin-top: 10px;
}
.footer_wrapper_orthopaedics .ft_blog_image {
float: left;
width: 90px;
}
.footer_wrapper_orthopaedics .ft_blog_text {
font-size: 14px;
font-weight: 500;
float: left;
width: calc(100% - 90px);
padding-left: 10px;
}
.footer_wrapper_orthopaedics .ft_blog_text h5 a {
font-size: 16px;
color: #b7b7b7;
font-weight: 500;
line-height: 22px;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.footer_wrapper_orthopaedics .ft_blog_text h5 a:hover {
color: #13bfb1;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.footer_wrapper_orthopaedics .section_2_bottom_wrapper {
float: left;
width: 100%;
position: relative;
border: 1px solid #404040
}
.footer_wrapper_orthopaedics .section_2_copyright {
text-transform: capitalize;
float: left;
color: #999;
display: inline-block;
}
.footer_wrapper_orthopaedics .section_2_copyright p a {
color: #13bfb1;
margin-left: 3px;
}
.footer_wrapper_orthopaedics .foter_contact_nav li p {
font-size: 16px;
color: #cacaca;
text-transform: capitalize;
float: left;
}
.footer_wrapper_orthopaedics .footer_btn_wrapper {
float: right;
}
.footer_wrapper_orthopaedics .foter_contact_nav ul li a p {
color: #cacaca;
text-transform: lowercase !important;
}
.footer_wrapper_orthopaedics .foter_contact_nav ul li a p:hover {
color: #13bfb1;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.footer_wrapper_orthopaedics .section_2_useful_second_wrapper ul li {
margin-bottom: 23px;
color: #b7b7b7;
font-size: 16px;
}
.footer_wrapper_orthopaedics .section_2_useful_second_wrapper ul li i {
font-size: 18px;
color: #b7b7b7;
margin-right: 20px;
}
.footer_wrapper_orthopaedics .section_2_useful_second_wrapper ul li a {
color: #b7b7b7;
font-size: 16px;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.footer_wrapper_orthopaedics .section_2_useful_second_wrapper ul li a:hover {
color: #13bfb1;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.footer_wrapper_orthopaedics .section_2_copyright_middle {
float: right;
display: inline-block;
text-transform: capitalize;
}
.footer_wrapper_orthopaedics .section_2_copyright_middle i {
color: #13bfb1;
margin-left: 3px;
margin-right: 3px;
}
.footer_wrapper_orthopaedics .section_2_copyright_middle p a {
color: #929292;
text-transform: capitalize;
}
.footer_wrapper_orthopaedics .section_2_copyright_icon_wrapper {
float: left;
width: 100%;
}
.footer_wrapper_orthopaedics .section_2_copyright_icons {
margin: 0;
padding: 0;
list-style: none;
float: right;
}
.footer_wrapper_orthopaedics .section_2_copyright_icons li {
float: left;
margin-left: 10px;
text-transform: capitalize;
}
.footer_wrapper_orthopaedics .section_2_copyright_icons li:first-child {
margin-left: 0px;
}
.footer_wrapper_orthopaedics .section_2_copyright_icons li a {
color: #909090;
}
.footer_wrapper_orthopaedics .section_2_copyright_icons li a:hover {
color: #89a1ea;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
/* footer css end*/
.orthopaedics_header_wrapper .navbar {
padding-bottom: 0px;
padding-top: 0px;
float: right;
}
.ortho_logo {
margin-bottom: 10px;
}
/* mobail_menu_main */
.orthopaedics_header_wrapper #toggle {
margin-top: -20px;
}
.orthopaedics_header_wrapper #sidebar {
position: fixed;
display: block;
height: 100%;
top: 0px;
left: -500px;
background-color: #ffffff;
overflow: scroll;
overflow-x: hidden;
z-index: 1000;
}
.orthopaedics_header_wrapper #links {
position: relative;
float: left;
}
.orthopaedics_header_wrapper #link_list {
list-style-type: none;
width: 100%;
padding: 0px 50px 0px 0px;
}
.orthopaedics_header_wrapper #link_list li {
display: block;
width: 100%;
}
.orthopaedics_header_wrapper #link_list li:hover {
background-color: #06a8dc;
}
.orthopaedics_header_wrapper #toggle_close {
position: absolute;
z-index: 100;
right: 20px;
top: 10px;
font-size: 25px;
color: #000000;
cursor: pointer;
}
@import url(https://fonts.googleapis.com/css?family=Raleway:400,200);
.orthopaedics_header_wrapper #cssmenu,
.orthopaedics_header_wrapper #cssmenu ul,
.orthopaedics_header_wrapper #cssmenu ul li,
.orthopaedics_header_wrapper #cssmenu ul li a {
margin: 0;
padding: 0;
border: 0;
list-style: none;
line-height: 1;
display: block;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.orthopaedics_header_wrapper #cssmenu {
width: 300px;
font-family: Raleway, sans-serif;
color: #ffffff;
}
.orthopaedics_header_wrapper #cssmenu ul ul {
display: none;
}
.orthopaedics_header_wrapper #cssmenu > ul > li.active > ul {
display: block;
}
.orthopaedics_header_wrapper .align-right {
float: right;
}
.orthopaedics_header_wrapper #cssmenu > ul > li > a {
padding: 16px 22px;
cursor: pointer;
z-index: 2;
font-size: 16px;
text-decoration: none;
color: #000000;
font-weight: 500;
border-bottom: 1px solid #d3d3d3;
background: #ffffff;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.orthopaedics_header_wrapper #cssmenu > ul > li:first-child > a {
border-top: 1px solid #d3d3d3;
}
.orthopaedics_header_wrapper #cssmenu > ul > li > a:hover {
background: #13bfb1;
border-bottom: 1px solid #d3d3d3;
color: #ffffff;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.orthopaedics_header_wrapper #cssmenu ul > li.has-sub > a:after {
position: absolute;
right: 26px;
top: 19px;
z-index: 5;
display: block;
height: 10px;
width: 2px;
background: #000000;
content: "";
-webkit-transition: all 0.1s ease-out;
-moz-transition: all 0.1s ease-out;
-ms-transition: all 0.1s ease-out;
-o-transition: all 0.1s ease-out;
transition: all 0.1s ease-out;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.orthopaedics_header_wrapper #cssmenu ul > li.has-sub > a:before {
position: absolute;
right: 22px;
top: 23px;
display: block;
width: 10px;
height: 2px;
background: #000000;
content: "";
-webkit-transition: all 0.1s ease-out;
-moz-transition: all 0.1s ease-out;
-ms-transition: all 0.1s ease-out;
-o-transition: all 0.1s ease-out;
transition: all 0.1s ease-out;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.orthopaedics_header_wrapper #cssmenu ul > li.has-sub > a:hover:after,
.orthopaedics_header_wrapper #cssmenu ul > li.has-sub > a:hover:before {
background: #ffffff;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.orthopaedics_header_wrapper #cssmenu ul > li.has-sub.open > a:after,
.orthopaedics_header_wrapper #cssmenu ul > li.has-sub.open > a:before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.orthopaedics_header_wrapper #cssmenu ul ul li a {
padding: 14px 22px;
cursor: pointer;
z-index: 2;
font-size: 14px;
text-decoration: none;
color: #ffffff;
font-weight: bold;
background: #13bfb1;
-webkit-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease;
}
.orthopaedics_header_wrapper #cssmenu ul ul ul li a {
padding-left: 32px;
}
.orthopaedics_header_wrapper #cssmenu ul ul li a:hover {
color: #ffffff;
}
.orthopaedics_header_wrapper #cssmenu ul ul > li.has-sub > a:after {
top: 16px;
right: 26px;
background: #ffffff;
}
.orthopaedics_header_wrapper #cssmenu ul ul > li.has-sub > a:before {
top: 20px;
background: #ffffff;
}
.orthopaedics_header_wrapper #sidebar h1 {
padding: 15px 0px;
background: #13bfb1;
font-size: 20px;
color: #fff;
padding-left: 20px;
font-weight: bold;
}
.ortho_partner{
padding-top:80px;
}
/*-----------------------------*/
/* index_EYE strat */
/*-----------------------------*/
/*-- top header Start --*/
.eye_plumb_top_header_wrapper {
float: left;
width: 100%;
padding-top: 25px;
padding-bottom: 15px;
background-color: #13bfb1;
}
.eye_plumb_top_header_wrapper .plumb_top_contect p {
color: #ffffff;
float: left;
letter-spacing: 1px;
}
.eye_plumb_top_header_wrapper .plumb_top_contect p:last-child {
margin-left: 40px;
}
.eye_plumb_top_header_wrapper .breadcrumb {
background: transparent;
margin: 0;
padding: 0;
font-size: 14px;
letter-spacing: 1px;
}
.eye_plumb_top_header_wrapper .breadcrumb li {
margin-left: 0 !important;
}
.eye_plumb_top_header_wrapper .breadcrumb a {
color: #ffffff;
}
.eye_plumb_top_header_wrapper .breadcrumb a:hover {
color: #13bfb1;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.eye_plumb_top_header_wrapper .breadcrumb i {
padding-right: 5px;
color: #13bfb1;
}
.eye_plumb_top_header_wrapper .plumb_right_side_warpper ul {
float: right;
}
.eye_plumb_top_header_wrapper .plumb_right_side_warpper li {
float: left;
margin-left: 15px;
}
.eye_plumb_top_header_wrapper .plumb_right_side_warpper li:nth-child(2) p {
color: #ffffff;
letter-spacing: 1px;
}
.eye_plumb_top_header_wrapper .plumb_top_socialicon li a {
color: #ffffff;
font-size: 15px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.eye_plumb_top_header_wrapper .plumb_top_socialicon li a:hover {
color: #13bfb1;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
/*-- top header End --*/
/*-- navigation Css Start --*/
.plumb_nav_wrapper {
float: left;
width: 100%;
position: relative;
}
.plumb_nav_header_wrapper {
float: left;
width: 100%;
background-color: #ffffff;
z-index: 1000;
position: relative;
text-align: center;
height: 90px;
}
.breadcrumb>li+li:before {
color: #fff;
}
.plumb_main_menu_wrapper {
display: inline-block;
}
.plumb_main_menu {
float: left;
width: 100%;
}
.plumb_main_menu ul {
float: right;
width: auto;
margin: 0px;
padding: 0px;
}
.plumb_main_menu ul li {
list-style: none;
float: left;
width: auto;
padding: 23px 14px;
}
.plumb_main_menu ul li a {
float: left;
padding: 9px 15px;
border: 1px solid transparent;
border-radius: 50px;
margin: 0px;
color: #111111;
font-size: 18px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.plumb_main_menu ul li a:hover,
.plumb_main_menu ul li a.active {
color: #13bfb1;
border-radius: 50px;
border: 1px solid #13bfb1;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.plumb_main_menu li:nth-child(5) {
background: #ffffff;
border-radius: 100%;
border: 20px solid rgba(255, 255, 255, 0.2);
position: relative;
top: -33px;
z-index: 1;
}
.plumb_main_menu li:nth-child(5) a {
padding: 15px 14px;
border: 0;
}
.plumb_main_menu li:nth-child(5) a:hover {
border: 0;
}
.center_logo img {
float: left;
margin-top: 15px;
}
.plumb_about_content_wrapper {
padding-top: 100px;
}
.mobail_menu_eye .center_logo img {
margin-bottom: -8px;
}
.mobail_menu_eye #toggle {
bottom: 18px;
margin-bottom: 10px;
}
.mobail_menu_eye {
float: none;
width: 100%;
}
.mobail_menu_eye #sidebar {
position: fixed;
display: block;
height: 100%;
top: 0px;
left: -500px;
background-color: #ffffff;
overflow: scroll;
overflow-x: hidden;
z-index: 1000;
}
.mobail_menu_eye #links {
position: relative;
float: left;
}
.mobail_menu_eye #link_list {
list-style-type: none;
width: 100%;
padding: 0px 50px 0px 0px;
}
.menu_header_cardiology #link_list li {
display: block;
width: 100%;
}
.mobail_menu_eye #link_list li:hover {
background-color: #13bfb1;
}
.mobail_menu_eye #toggle_close {
position: absolute;
z-index: 100;
right: 20px;
top: 10px;
font-size: 25px;
color: #fff;
cursor: pointer;
}
@import url(https://fonts.googleapis.com/css?family=Raleway:400,200);
.mobail_menu_eye #cssmenu,
.mobail_menu_eye #cssmenu ul,
.mobail_menu_eye #cssmenu ul li,
.mobail_menu_eye #cssmenu ul li a {
margin: 0;
padding: 0;
border: 0;
list-style: none;
line-height: 1;
display: block;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mobail_menu_eye #cssmenu {
width: 300px;
font-family: Raleway, sans-serif;
color: #ffffff;
}
.mobail_menu_eye #cssmenu ul ul {
display: none;
}
.mobail_menu_eye #cssmenu > ul > li.active > ul {
display: block;
}
.mobail_menu_eye .align-right {
float: right;
}
.mobail_menu_eye #cssmenu > ul > li > a {
padding: 16px 22px;
cursor: pointer;
z-index: 2;
font-size: 16px;
text-decoration: none;
color: #000000;
font-weight: 500;
border-bottom: 1px solid #d3d3d3;
background: #ffffff;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.mobail_menu_eye #cssmenu > ul > li:first-child > a {
border-top: 1px solid #d3d3d3;
}
.mobail_menu_eye #cssmenu > ul > li > a:hover {
background:#13bfb1;
border-bottom: 1px solid #d3d3d3;
color: #ffffff;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.mobail_menu_eye #cssmenu ul > li.has-sub > a:after {
position: absolute;
right: 26px;
top: 19px;
z-index: 5;
display: block;
height: 10px;
width: 2px;
background: #000000;
content: "";
-webkit-transition: all 0.1s ease-out;
-moz-transition: all 0.1s ease-out;
-ms-transition: all 0.1s ease-out;
-o-transition: all 0.1s ease-out;
transition: all 0.1s ease-out;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.mobail_menu_eye #cssmenu ul > li.has-sub > a:before {
position: absolute;
right: 22px;
top: 23px;
display: block;
width: 10px;
height: 2px;
background: #000000;
content: "";
-webkit-transition: all 0.1s ease-out;
-moz-transition: all 0.1s ease-out;
-ms-transition: all 0.1s ease-out;
-o-transition: all 0.1s ease-out;
transition: all 0.1s ease-out;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.mobail_menu_eye #cssmenu ul > li.has-sub > a:hover:after,
.mobail_menu_eye #cssmenu ul > li.has-sub > a:hover:before {
background: #ffffff;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.mobail_menu_eye #cssmenu ul > li.has-sub.open > a:after,
.mobail_menu_eye #cssmenu ul > li.has-sub.open > a:before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.mobail_menu_eye #cssmenu ul ul li a {
padding: 14px 22px;
cursor: pointer;
z-index: 2;
font-size: 14px;
text-decoration: none;
color: #ffffff;
font-weight: bold;
background: #13bfb1;
-webkit-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease;
}
.mobail_menu_eye #cssmenu ul ul ul li a {
padding-left: 32px;
}
.mobail_menu_eye #cssmenu ul ul li a:hover {
color: #ffffff;
}
.mobail_menu_eye #cssmenu ul ul > li.has-sub > a:after {
top: 16px;
right: 26px;
background: #ffffff;
}
.mobail_menu_eye #cssmenu ul ul > li.has-sub > a:before {
top: 20px;
background: #ffffff;
}
.mobail_menu_eye #sidebar h1 {
padding: 15px 0px;
background: #13bfb1;
font-size: 20px;
color: #fff;
padding-left: 20px;
font-weight: bold;
}
.plumb_main_menu_wrapper .menu_fixed{
position: fixed;
z-index:1000;
padding:0px 0px;
top: 0;
height: 92px;
text-align:right;
margin-top:0;
background-color:rgba(255, 255, 255, 0.9);
-o-box-shadow:0px 0px 25px -10px;
-ms-box-shadow:0px 0px 25px -10px;
-moz-box-shadow:0px 0px 25px -10px;
-webkit-box-shadow:0px 0px 25px -10px;
box-shadow:0px 0px 25px -10px;
-webkit-transition: all 0.5s;
-o-transition: all 0.9s;
-ms-transition: all 0.9s;
-moz-transition: all 0.9s;
transition: all 0.9s;
}
.plumb_main_menu_wrapper .menu_fixed li:nth-child(5) a{
border:none;
border-radius:none;
}
@media (max-width: 991px) {
.plumb_nav_wrapper {
display: none;
}
.menu_fixed {
text-align: left;
width: 100%;
}
.plumb_left_side_warpper,
.plumb_right_side_main_warpper {
text-align: center;
}
.plumb_top_contect,
.plumb_right_side_warpper {
display: inline-block;
}
}
@media (min-width: 991px) and (max-width: 1260px) {
.plumb_main_menu li:nth-child(5) {
background: none;
border: none;
padding-top: 40px;
}
.plumb_main_menu ul li {
padding: 23px 3px;
}
.menu_fixed {
text-align: center;
}
}
@media (min-width: 991px) {
.dropdown {
position: relative;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.dropdown-content {
position: absolute;
}
.dropdown:hover .dropdown-content {
top: 100%;
opacity: 1;
width: 200px;
background: #13bfb16e;
visibility: visible;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.dropdown .dropdown-content {
position: absolute;
top: 150%;
left: 0;
width: 140px;
border-top: 3px solid #13bfb1;
border-radius: 3px;
background-color: #ffffff;
opacity: 0;
visibility: hidden;
z-index: 1;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.dropdown .dropdown-content a {
padding-top: 15px;
padding-bottom: 15px;
padding-left: 10px !important;
color: #ffffff;
width: 100%;
font-size: 16px;
border-radius: 0 !important;
border: none !important;
text-align: left;
}
.dropdown .dropdown-content a:hover {
background: #13bfb1;
color: #ffffff;
width: 100%;
}
.caret {
color: #000000;
}
}
/*-- navigation Css End --*/
/*--eye_slider_area Start --*/
.eye_slider_area {
float: left;
width: 100%;
position: relative;
}
.eye_slider_area .carousel-inner .carousel-item .caption-1 {
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background: url(../images/eye/01.jpg) 50% 0 repeat-y;
position: relative;
min-height: 850px;
}
.eye_slider_area .carousel-inner .carousel-item .caption-2 {
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background: url(../images/eye/index_slider_bg.jpg) 50% 0 repeat-y;
position: relative;
min-height: 850px;
}
.eye_slider_area .carousel-inner .carousel-item .caption-3 {
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background: url(../images/eye/02.jpg) 50% 0 repeat-y;
position: relative;
min-height: 850px;
}
.eye_slider_area .carousel-inner .carousel-item .carousel-captions:after {
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.8);
}
.eye_slider_area .carousel-inner .carousel-item .carousel-captions .content {
display: block;
position: relative;
z-index: 999;
overflow: hidden;
vertical-align: middle;
padding-top: 250px;
padding-bottom: 250px;
text-align: center;
}
.eye_slider_area .carousel-inner .carousel-item .carousel-captions .content_tabs {
display: block;
position: relative;
z-index: 999;
overflow: hidden;
vertical-align: middle;
padding-top: 140px;
}
.eye_slider_area .carousel-inner .carousel-item .carousel-captions .content h1 {
animation-delay: 0.5s;
margin: 0 0 10px;
margin-bottom: 31px;
}
.eye_slider_area .carousel-inner .carousel-item .carousel-captions .content h2 {
color: #fff;
font-size: 60px;
font-weight: 0;
margin: 0 0 20px;
animation-delay: 1.5s;
margin-bottom: 31px;
text-transform: uppercase;
}
.eye_slider_area .carousel-inner .carousel-item .carousel-captions .content h2 span {
font-weight: bold;
}
.eye_slider_area .carousel-inner .carousel-item .carousel-captions .content p {
font-size: 16px;
color: rgba(255, 255, 255, 0.62);
animation-delay: 2.5s;
margin:45px 0px;
}
.eye_slider_area .carousel-inner .carousel-item .carousel-captions .content li {
animation-delay: 3.2s;
}
.eye_slider_area .carousel-inner .carousel-indicators {
display: none;
}
.eye_slider_area .carousel-inner .carousel-indicators li {
text-indent: 0;
position: relative;
width: 10px;
height: 25px;
background-color: transparent;
display: block;
border: none;
border-radius: 0;
cursor: pointer;
font-size: 16px;
margin: 0;
color: #fff;
font-family: "Poppins", sans-serif;
text-align: left;
background: rgba(255, 255, 255, 0.42);
margin-top: 10px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.eye_slider_area .carousel-inner .carousel-indicators li span.number {
display: inline-block;
}
.eye_slider_area .carousel-inner .carousel-indicators li span.con {
display: inline-block;
position: relative;
padding-left: 42px;
}
.eye_slider_area .carousel-inner .carousel-indicators li span.con:after {
content: '';
position: absolute;
left: 0;
top: 50%;
height: 1px;
background: #13bfb1 ;
width: 26px;
}
.eye_slider_area .carousel-inner .carousel-indicators li.active {
background: #ff7e00;
width: 10px;
height: 25px;
}
.eye_slider_area .carousel-inner .carousel-indicators li:first-child {
margin-top: 0;
}
.eye_slider_area .carousel-nevigation {
position: absolute;
top: 50%;
float: left;
width: 100%;
}
.eye_slider_area .carousel-nevigation > .prev {
left: -138px;
position: absolute;
width: 50px;
height: 50px;
border-radius: 100%;
padding-top: 10px;
padding-left: 5px;
background: #ffffff;
color: #000000;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.eye_slider_area .carousel-nevigation > .next {
right: -138px;
position: absolute;
width: 50px;
height: 50px;
border-radius: 100%;
padding-top: 10px;
padding-left: 12px;
background: #ffffff;
color: #000000;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.eye_slider_area .slider-area:hover .carousel-nevigation > .prev {
left: 40px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.eye_slider_area .slider-area:hover .carousel-nevigation > .next {
right: 40px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.eye_slider_area .carousel-nevigation > .next:hover,
.eye_slider_area .carousel-nevigation > .prev:hover {
background: #ff4157;
color: #ffffff !important;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.eye_slider_area .carousel-nevigation > .prev i {
float: left;
width: 35px;
text-align: right;
font-size: 16px;
font-size: 28px;
padding-right: 10px;
}
.eye_slider_area .carousel-nevigation > .prev span {
width: calc(100% - 35px);
float: left;
color: #000000;
font-size: 16px;
font-weight: bold;
line-height: 17px;
}
.eye_slider_area .carousel-nevigation > .next i {
float: left;
width: 35px;
text-align: left;
font-size: 16px;
font-size: 28px;
padding-left: 10px;
}
.eye_slider_area .carousel-nevigation > .next span {
width: calc(100% - 35px);
float: left;
color: #ffffff;
font-size: 16px;
font-weight: bold;
line-height: 17px;
text-align: right;
}
.eye_slider_area .hs_slider_right_tabs_wrapper {
float: left;
width: 100%;
animation-delay: 3.5s;
}
.eye_slider_area .hs_slider_right_tabs_wrapper2 {
margin-top: 20px;
}
.eye_slider_area .hs_slider_tabs_icon_wrapper {
float: left;
width: 80px;
height: 80px;
border: 8px solid rgba(255, 255, 255, 0.23137254901960785);
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
.eye_slider_area .hs_slider_tabs_icon_wrapper i {
width: 65px;
height: 65px;
float: left;
text-align: center;
line-height: 65px;
background: #ff7e00;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.eye_slider_area .hs_slider_tabs_icon_wrapper i:before {
margin-left: 0;
color: #ffffff;
font-size: 40px;
}
.eye_slider_area .hs_slider_tabs_icon_cont_wrapper {
float: left;
width: calc(100% - 80px);
padding-top: 15px;
padding-left: 15px;
}
.eye_slider_area .slider-area .carousel-inner .carousel-item .carousel-captions .content_tabs .hs_slider_tabs_icon_cont_wrapper li .hs_tabs_btn {
float: left;
width: 100%;
height: 50px;
line-height: 50px;
color: #ffffff;
text-align: center;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
background: rgba(255, 255, 255, 0.21);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.eye_slider_area .hs_slider_right_tabs_wrapper:hover .hs_slider_tabs_icon_wrapper i {
background: #37a4dd;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.eye_slider_area .hs_slider_right_tabs_wrapper:hover .hs_slider_tabs_icon_cont_wrapper li .hs_tabs_btn {
background: #37a4dd;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.eye_slider_area .hs_btn_hover {
display: inline-block;
width: 150px;
height: 50px;
background: #ffffff;
color: #000000;
text-align: center;
line-height: 46px;
border: 1px solid transparent;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.eye_slider_area .hs_btn_hover:hover {
background: transparent;
border: 1px solid #ffffff;
color: #ffffff;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
/*-- hs Slider End --*/
/* eyecare_procedures_wrapper start */
.eyecare_procedures_wrapper {
float: left;
width: 100%;
padding-top: 100px;
padding-bottom: 100px;
}
.eyecare_procedures_wrapper .section_heading h2 {
text-align: center;
text-transform: uppercase;
padding-bottom: 15px;
position: relative;
margin: 0 0 50px 0;
}
.eyecare_procedures_wrapper .section_heading h2:after {
content: "";
background: #13bfb1;
width: 60px;
height: 2px;
position: absolute;
left: 50%;
bottom: 0;
margin-left: -25px;
}
.eyecare_procedures_wrapper .main i:before {
display: inline-block;
font-size: 30px;
color: #fff;
margin-left: 0;
margin-bottom: 30px;
transform: rotate(-46deg);
}
.eyecare_procedures_wrapper .rotate {
transform: rotate(45deg);
margin: auto;
display: block;
width: 70px;
height: 70px;
line-height: 70px;
background-color: #999999;
border-radius: 5px;
margin-bottom: 37px;
margin-top: -55px;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
}
.eyecare_procedures_wrapper .main:hover .rotate {
background-color: #13bfb1;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
}
.eyecare_procedures_wrapper .main {
border: 1px solid rgb(226, 218, 218);
padding: 20px;
margin-top: 50px;
text-align: center;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
}
.eyecare_procedures_wrapper .main:hover {
border-color: #13bfb1;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
}
.eyecare_procedures_wrapper .main:hover h4 a {
color: #13bfb1;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
}
.eyecare_procedures_wrapper .main h4 {
margin-bottom: 30px;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
font-size: 20px;
}
.eyecare_procedures_wrapper .main h4 a {
color: #333;
}
.eyecare_procedures_wrapper p {
color: #999;
font-size: 14px;
}
/* eyecare_procedures_wrapper end */
/* eyecare_slider_section start */
.eyecare_slider_section {
float: left;
width: 100%;
padding-top: 100px;
padding-bottom: 100px;
background: #f7f7f7;
}
.eyecare_timing_wrapper {
float: left;
width: 100%;
background: #85df88;
height: 433px;
padding: 0px 30px;
padding-top: 40px;
}
.eyecare_timing_wrapper h4 {
color: #fff;
margin-bottom: 30px;
font-size: 24px;
line-height: 26px;
font-weight: 700;
}
.eyecare_timing_wrapper .working-hours li {
margin-bottom: 16px;
color: #fff;
font-size: 16px;
}
.eyecare_timing_wrapper .working-hours li .docters_name {
font-size: 16px;
}
.eyecare_timing_wrapper .working-hours li .docters_timing {
float: right;
}
.eye_slider_area .carousel-control-prev {
height: 50px;
left: 48px;
border: 2px solid;
border-radius: 50%;
width: 50px;
}
.eye_slider_area .carousel-control-next {
height: 50px;
right: 48px;
border: 2px solid;
border-radius: 50%;
width: 50px;
}
.eye_slider_area .carousel-nevigation i {
font-size: 24px;
}
.ent_team h1{
color: #111;
font-size: 36px;
line-height: 40px;
font-weight: 700;
}
/* eyecare_slider_section end */
/* department_appointment_section strat */
.department_appointment_section {
float: left;
width: 100%;
background-image: url(../images/appointment_bg.jpg);
height: 100%;
background-position: center 0;
background-size: cover;
position: relative;
padding-bottom: 100px;
padding-top: 100px;
}
.department_appointment_overlay {
position: absolute;
top: 0%;
left: 0%;
right: 0%;
bottom: 0%;
background: #08080a;
opacity: 0.9;
}
.appointment_form_section .form-group {
margin-bottom: 10px;
}
.appointment_form_section {
float: left;
width: 100%;
}
.appointment_form_section h4 {
font-size: 30px;
line-height: 30px;
margin-bottom: 30px;
color: #fff;
}
.appointment_form_section .form-group {
margin-bottom: 20px;
}
.appointment_form_section .form-control:focus {
box-shadow: none;
}
.appointment_form_section .form-group {
margin-bottom: 10px;
}
.appointment_form_section .form-control {
background: #ffffff;
border: 1px solid rgba(222, 206, 206, 0.56);
color: #999999;
display: block;
font-size: 16px;
height: 55px;
margin-bottom: 25px;
padding: 0 20px;
width: 100%;
border-radius: 0;
box-shadow: none;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.appointment_form_section .form-control:focus {
border: 1px solid #313131 !important;
background: transparent;
}
.appointment_form_section button.btn {
margin: 0 auto;
display: block;
padding: 15px 32px;
font-weight: 700;
border-radius: 0;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
font-weight: normal;
}
.appointment_form_section .btn-default {
background-color: #825339;
color: #fff;
border-color: #825339;
}
.appointment_form_section .form-group textarea {
height: 110px;
margin-bottom: 31px;
padding: 10px 20px;
resize: none;
}
.appointment_form_section .form-control:focus {
border: 1px solid #13bfb1 !important;
background: transparent;
}
.appointment_form_section button.btn {
float: left;
background: #13bfb1;
border: 1px solid #13bfb1;
border-radius: 30px;
color: #fff;
padding: 10px 30px;
margin: 0px 25px;
font-weight: 400;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.appointment_form_section button.btn:hover {
color: #13bfb1;
background-color: transparent;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.appointment_form_section button.btn:focus {
outline: none;
box-shadow: none;
}
.eyecare_form_bg {
background: rgba(68, 68, 65, 0.77);
padding: 20px;
}
.eyecare_appointment_form form {
background-color: rgb(255, 255, 255);
padding: 20px;
}
.eyecare_appointment_form .form-group {
margin-bottom: 30px;
}
.eyecare_appointment_form .form-control {
border-top: 0px;
border-left: 0px;
border-right: 0px;
border-bottom: 1px solid #61615e;
background: transparent;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.eyecare_appointment_form button.btn {
display: block;
background: #13bfb1;
border: 1px solid #13bfb1;
border-radius: 30px;
color: #fff;
padding: 10px 30px;
margin: 30px 20px;
font-weight: 400;
text-transform: uppercase;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.eyecare_appointment_form .btn-blue.focus,
.eyecare_appointment_form .btn-blue:hover {
color: #13bfb1;
background-color: transparent;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.eye-department-form {
margin-left: 20%;
}
/* department_appointment_section end */
/* eye_blog start*/
.eye_blog .about_heading_wraper_4 h1{
color:#333;
}
.eye_blog .about_heading_wraper_4 img{
color:#13bfb1;
}
/* eye_blog end */
.eye_blog .blog_txt h1 a{
color:#13bfb1;
}
/* footer_wrapper_eye css start*/
.footer_wrapper_eye {
float: left;
width: 100%;
background: #222;
color: #aaa;
}
.footer_wrapper_eye a {
color: #aaa;
}
.footer_wrapper_eye a:hover {
color: #fff;
}
.footer_wrapper_eye h3 {
color: #fff;
padding-top: 60px;
padding-bottom: 40px;
text-transform: capitalize;
font-size: 24px;
}
.footer_wrapper_eye .three-column {
overflow: hidden;
}
.footer_wrapper_eye .three-column li {
width: 33.3333%;
float: left;
padding: 5px 0;
}
.footer_wrapper_eye .socila-list {
overflow: hidden;
margin: 20px 0 10px;
}
.footer_wrapper_eye .socila-list li {
float: left;
margin-right: 3px;
opacity: 0.7;
overflow: hidden;
border-radius: 50%;
transition: all 0.3s ease-in-out;
}
.footer_wrapper_eye .socila-list li:hover {
opacity: 1;
}
.footer_wrapper_eye .img-thumbnail {
background: rgba(0, 0, 0, 0.2);
border: 1px solid #444;
margin-bottom: 5px;
width: 40%;
height: 40%;
}
.footer_wrapper_eye .copyright {
padding: 15px 0;
background: #333;
margin-top: 40px;
font-size: 15px;
}
.footer_eye_media-body p {
font-size: 14px;
}
.footer_eye_media-heading {
color: #fff;
font-size: 16px;
margin-bottom: 3px;
}
.footer_eye_media-body {
padding-left: 20px;
}
.widget_eye_wrapper .footer_wrapper_eye .copyright span {
color: #13bfb1;
}
.widget_eye_wrapper .widget3_img_wrapper img {
width: 100%;
}
.widget_eye_wrapper .widget3_img_wrapper {
position: relative;
width: auto;
display: inline-block;
}
.widget_eye_wrapper {
float: left;
width: 100%;
}
.widget_eye_images li {
float: left;
width: 78px;
float: left;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-right: 6px;
margin-bottom: 6px;
}
.eyecare_procedures_wrapper #return-to-top {
position: fixed;
bottom: 20px;
right: 20px;
background: #13bfb1;
width: 45px;
height: 45px;
display: block;
text-decoration: none;
-webkit-border-radius: 35px;
-moz-border-radius: 35px;
border-radius: 0px;
display: none;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
z-index: 1000;
}
.eyecare_procedures_wrapper #return-to-top i {
color: #fff;
margin: 0;
position: relative;
left: 13px;
top: 5px;
font-size: 30px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.eyecare_procedures_wrapper #return-to-top:hover i {
color: #fff;
top: 5px;
}
/* footer_wrapper_eye css end*/
/*-----------------------------*/
/* index_ENT strat */
/*-----------------------------*/
/* ent_header_wrapper start */
/*topbar*/
.ent_header_wrapper #toggle{
bottom: 34px;
}
.ent_header_wrapper {
float: left;
width: 100%;
}
.ent_header_wrapper .topbar {
background: rgba(0, 0, 0, 0.82);
position: relative;
z-index: 100;
padding: 0px;
}
.ent_header_wrapper .topbar ul>li a {
text-transform: uppercase;
color: rgba(255, 255, 255, 0.8);
font-size: 14px;
}
.ent_header_wrapper .topbar ul>li a:hover {
color: #13bfb1;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.ent_header_wrapper .top_header {
float: left;
width: auto;
}
.ent_header_wrapper .top_header ul {
margin: 0px;
padding: 0px;
width: 100%;
}
.ent_header_wrapper .main_menu_wrapper .navbar-nav .dropdown a {
color: #fff;
}
.ent_header_wrapper .main_menu_wrapper .navbar-nav .dropdown a:hover {
color: #13bfb1;
}
.ent_header_wrapper .top_header li {
float: left;
width: auto;
list-style: none;
color: #dcdcdc;
margin-right: 30px;
font-size: 14px;
}
.ent_header_wrapper .top_header ul li i {
margin-right: 10px;
line-height: 32px;
border: 1px solid #505050;
width: 34px;
height: 34px;
text-align: center;
}
.ent_header_wrapper .top_header ul li span {
text-transform: capitalize;
}
.ent_header_wrapper .top_header ul li a {
color: #dcdcdc;
text-transform: lowercase;
}
.ent_header_wrapper .top_header ul li a:hover {
color: #13bfb1;
transition: 0.4s;
}
.ent_header_wrapper .topbar .reg-section ul li {
float: left;
margin-right: 35px;
}
.ent_header_wrapper .topbar .reg-section .ent_header_wrapper .dropdown .dropdown-menu li {
margin-right: 0px;
}
.ent_header_wrapper .social_links {
float: right;
margin-top: 8px;
}
.ent_header_wrapper .social_links ul li {
float: left;
margin-right: 20px;
}
.ent_header_wrapper .top_header_wrapper {
background: rgba(0, 0, 0, 0.5) !important;
}
/* mobail_menu_main */
.ent_header_wrapper .mobail_menu_main {
float: none;
width: 100%;
}
.ent_header_wrapper #sidebar {
position: fixed;
display: block;
height: 100%;
top: 0px;
left: -500px;
background-color: #ffffff;
overflow: scroll;
overflow-x: hidden;
z-index: 1000;
}
.ent_header_wrapper #links {
position: relative;
float: left;
}
.ent_header_wrapper #link_list {
list-style-type: none;
width: 100%;
padding: 0px 50px 0px 0px;
}
.ent_header_wrapper #link_list li {
display: block;
width: 100%;
}
.ent_header_wrapper #link_list li:hover {
background-color: #06a8dc;
}
.ent_header_wrapper #toggle_close {
position: absolute;
z-index: 100;
right: 20px;
top: 10px;
font-size: 25px;
color: #000000;
cursor: pointer;
}
@import url(https://fonts.googleapis.com/css?family=Raleway:400,200);
.ent_header_wrapper #cssmenu,
.ent_header_wrapper #cssmenu ul,
.ent_header_wrapper #cssmenu ul li,
.ent_header_wrapper #cssmenu ul li a {
margin: 0;
padding: 0;
border: 0;
list-style: none;
line-height: 1;
display: block;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.ent_header_wrapper #cssmenu {
width: 300px;
font-family: Raleway, sans-serif;
color: #ffffff;
}
.ent_header_wrapper #cssmenu ul ul {
display: none;
}
.ent_header_wrapper #cssmenu > ul > li.active > ul {
display: block;
}
.ent_header_wrapper .align-right {
float: right;
}
.ent_header_wrapper #cssmenu > ul > li > a {
padding: 16px 22px;
cursor: pointer;
z-index: 2;
font-size: 16px;
text-decoration: none;
color: #000000;
font-weight: 500;
border-bottom: 1px solid #d3d3d3;
background: #ffffff;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.ent_header_wrapper #cssmenu > ul > li:first-child > a {
border-top: 1px solid #d3d3d3;
}
.ent_header_wrapper #cssmenu > ul > li > a:hover {
background: #13bfb1;
border-bottom: 1px solid #d3d3d3;
color: #ffffff;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.ent_header_wrapper #cssmenu ul > li.has-sub > a:after {
position: absolute;
right: 26px;
top: 19px;
z-index: 5;
display: block;
height: 10px;
width: 2px;
background: #000000;
content: "";
-webkit-transition: all 0.1s ease-out;
-moz-transition: all 0.1s ease-out;
-ms-transition: all 0.1s ease-out;
-o-transition: all 0.1s ease-out;
transition: all 0.1s ease-out;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.ent_header_wrapper #cssmenu ul > li.has-sub > a:before {
position: absolute;
right: 22px;
top: 23px;
display: block;
width: 10px;
height: 2px;
background: #000000;
content: "";
-webkit-transition: all 0.1s ease-out;
-moz-transition: all 0.1s ease-out;
-ms-transition: all 0.1s ease-out;
-o-transition: all 0.1s ease-out;
transition: all 0.1s ease-out;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.ent_header_wrapper #cssmenu ul > li.has-sub > a:hover:after,
.ent_header_wrapper #cssmenu ul > li.has-sub > a:hover:before {
background: #ffffff;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.ent_header_wrapper #cssmenu ul > li.has-sub.open > a:after,
.ent_header_wrapper #cssmenu ul > li.has-sub.open > a:before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.ent_header_wrapper #cssmenu ul ul li a {
padding: 14px 22px;
cursor: pointer;
z-index: 2;
font-size: 14px;
text-decoration: none;
color: #ffffff;
font-weight: bold;
background: #13bfb1;
-webkit-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease;
}
.ent_header_wrapper #cssmenu ul ul ul li a {
padding-left: 32px;
}
.ent_header_wrapper #cssmenu ul ul li a:hover {
color: #ffffff;
}
.ent_header_wrapper #cssmenu ul ul > li.has-sub > a:after {
top: 16px;
right: 26px;
background: #ffffff;
}
.ent_header_wrapper #cssmenu ul ul > li.has-sub > a:before {
top: 20px;
background: #ffffff;
}
.ent_header_wrapper #sidebar h1 {
padding: 15px 0px;
background: #13bfb1;
font-size: 20px;
color: #fff;
padding-left: 20px;
font-weight: bold;
}
.ent_header_wrapper .navbar-nav>li {
float: left;
}
.ent_header_wrapper .nav>li {
position: relative;
display: block;
}
.ent_header_wrapper .navbar-default {
background: #000000eb;
position: relative;
z-index: 100;
margin-bottom: 0;
border: 0;
border-radius: 0;
-webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15);
}
.ent_header_wrapper .navbar-default .navbar-nav.main-nav>.active>a,
.ent_header_wrapper .navbar-default .navbar-nav.main-nav>.active>a:focus,
.ent_header_wrapper .navbar-default .navbar-nav.main-nav>.active>a:hover {
color: #06a8dc;
background-color: transparent;
}
.ent_header_wrapper .navbar-default .navbar-nav.main-nav>li>a {
font-size: 14px;
color: #fff;
text-transform: uppercase;
font-weight: 500;
position: relative;
}
.ent_header_wrapper .navbar-nav>li>a {
padding: 30px 20px;
}
.ent_header_wrapper .navbar-default .navbar-nav>li>a {
color: #777;
}
.ent_header_wrapper .navbar-nav {
display: inline-block;
}
.ent_header_wrapper .navbar-collapse {
flex-basis: auto;
margin-right: -40px;
}
.ent_header_wrapper .navbar-default .navbar-nav.main-nav>li:hover a {
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.ent_header_wrapper .main_menu_wrapper .navbar-nav .btn {
background: transparent;
padding: 0px;
}
.ent_header_wrapper .main_menu_wrapper .navbar-nav .dropdown {
height: 30px;
width: 60px;
margin-right: 32px;
}
.ent_header_wrapper .main_menu_wrapper .navbar-nav .dropdown .dropdown-menu {
margin-top: 30px;
padding: 0px;
width: 190px;
}
.ent_header_wrapper .main_menu_wrapper .navbar-nav .dropdown .dropdown-menu .dropdown-item {
padding: 10px 15px;
color: #333;
}
.ent_header_wrapper .main_menu_wrapper .navbar-nav .dropdown .dropdown-menu .dropdown-item:hover {
color: #fff;
background: #13bfb1;
}
/* ent_header_wrapper end */
/* ent_section_4 start */
.ent_section_4 {
float: left;
width: 100%;
overflow: hidden;
}
.ent_section4_slider_wrapper {
float: left;
width: 100%;
}
.ent_section_4 .main_slide1 {
background: url('../images/ent/01.jpg') 50% 0 repeat-y;
width: 100%;
min-height: 800px;
background-size: cover;
background-position: center 0;
position: relative;
}
.ent_section_4 .main_slide2 {
background: url('../images/ent/03.jpg') 50% 0 repeat-y;
width: 100%;
min-height: 800px;
background-size: cover;
background-position: center 0;
position: relative;
}
.ent_section_4 .main_slide3 {
background: url('../images/ent/02.jpg') 50% 0 repeat-y;
width: 100%;
min-height: 800px;
background-size: cover;
background-position: center 0;
position: relative;
}
.ent_section_4 .main_slide4 {
background: url('../images/ent/01.jpg') 50% 0 repeat-y;
width: 100%;
min-height: 800px;
background-size: cover;
background-position: center 0;
position: relative;
}
.ent_section_4 .section4_slider_overlay {
position: absolute;
top: 0%;
left: 0%;
right: 0%;
bottom: 0%;
background: rgba(0, 0, 0, 0.7);
}
.ent_section4_slider_wrapper .owl-theme .owl-dots {
display: none;
}
.ent_section4_slider_wrapper .owl-theme .owl-nav {
display: block !important;
}
.ent_section4_slider_wrapper .owl-theme .owl-nav .owl-prev {
font-size: 40px;
margin: 0;
padding: 0;
left: -7%;
top: 50%;
position: absolute;
text-align: center;
background: rgba(255, 255, 255, 0.07);
color: #fff;
border: 2px solid rgba(255, 255, 255, 0.17);
width: 60px;
height: 60px;
padding-right: 4px;
text-align: center;
line-height: 54px;
border-radius: 100%;
}
.ent_section4_slider_wrapper .owl-theme .owl-nav .owl-next {
font-size: 40px;
margin: 0;
padding: 0;
right: -7%;
top: 50%;
position: absolute;
text-align: center;
background: rgba(255, 255, 255, 0.07);
color: #fff;
border: 2px solid rgba(255, 255, 255, 0.17);
width: 60px;
height: 60px;
padding-left: 4px;
text-align: center;
line-height: 54px;
border-radius: 100%;
}
.ent_section_4 .section4_slider_wrapper .owl-carousel {
display: block;
}
.ent_section4_slider_wrapper:hover .owl-carousel .owl-nav .owl-prev {
left: 5%;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.ent_section4_slider_wrapper:hover .owl-carousel .owl-nav .owl-next {
right: 5%;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.ent_section4_slider_wrapper .owl-theme .owl-nav .owl-prev:hover,
.ent_section4_slider_wrapper .owl-theme .owl-nav .owl-next:hover {
background: transparent;
}
.ent_section_4 .plumb_slider_cont1_wrapper {
text-align: center;
}
.ent_section_4 .slider_content {
position: absolute;
top: 30%;
left: 0;
right: 0;
z-index: 1000;
}
.ent_section_4 .slider_content h2 {
color: #ffffff;
font-size: 50px;
line-height: 60px;
font-weight: bold;
padding-bottom: 30px;
text-transform: uppercase;
}
.ent_section_4 .slider_content p {
font-size: 18px;
color: #ffffff;
padding-bottom: 40px;
}
.ent_section_4 .slider_content .form-control {
border: 2px solid rgba(255, 255, 255, 0.17);
background: rgba(255, 255, 255, 0.07);
height: 50px;
margin-bottom: 30px;
padding: 6px 20px;
font-size: 14px;
color: #fff;
}
.ent_section_4 .slider_content .form-group {
margin-bottom: 7px;
}
.ent_section_4 .slider_content form input::placeholder {
color: #ffffff;
}
.ent_section_4 .slider_content .form-control:focus {
color: #fff !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.27) !important;
background: transparent;
box-shadow: none;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.ent_section_4 .slider_content form button.btn {
display: inline-block;
width: 100%;
padding: 11px 32px;
background: #13bfb1;
border: 1px solid #13bfb1;
animation-delay: 0.2s;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
text-transform: uppercase;
}
.ent_section_4 .slider_content form button.btn:focus {
outline-offset: unset;
}
.ent_section_4 .slider_content .btn-primary:focus,
.ent_section_4 .slider_content .btn-primary:hover {
background: #13bfb1 !important;
border: 1px solid #13bfb1!important;
outline: none;
}
.ent_section_4 .col-lg-offset-2 {
margin-left: 16.66666667%;
}
.ent_section_4 .col-md-offset-3 {
margin-left: 25%;
}
.ent_header_wrapper .navbar{
margin-top:0px;
}
/* ent_section-4 end*/
/* ent_procedures_section start */
.ent_procedures_section {
float: left;
width: 100%;
padding-top: 100px;
padding-bottom: 100px;
}
.ent_procedures_wrapper {
float: left;
width: 100%;
}
.ent_procedures_wrapper h2 {
font-size: 30px;
line-height: 30px;
}
.ent_icon_wrapper {
float: left;
width: 100%;
text-align: center;
margin-top: 40px;
background: #fff;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.ent_icon_wrapper p {
margin-top: 15px;
text-align: left;
}
.ent_icon_wrapper a {
color: #111111;
}
.ent_icon_wrapper h4 {
text-align: left;
}
.ent_icon_img {
float: left;
border-radius: 50%;
width: 100px;
height: 100px;
line-height: 100px;
font-size: 25px;
}
.ent_icon_img i:before {
font-size: 40px;
color: #fff;
margin-left: 0;
}
.red {
background: #e85b79;
}
.blue {
background: #13bfb1;
}
.green {
background: #4ddc90;
}
.ent_icon_content {
font-size: 20px;
color: #111111;
float: left;
width: calc(100% - 100px);
padding-left: 30px;
display: inline-block;
}
.ent_procedures_wrapper h2 {
font-size: 30px;
line-height: 30px;
font-weight: 500;
color: #333;
}
.ent_icon_wrapper h4 {
text-align: left;
font-size: 20px;
font-weight: 400;
}
.ent_icon_wrapper p {
margin-top: 15px;
text-align: left;
color: #999;
font-size: 14px;
line-height: 24px;
}
.ent_icon_wrapper a {
color: #111111;
}
/* ent_procedures_section end */
/* about_ENTCare_section start */
.about_ENTCare_section {
float: left;
width: 100%;
padding-top: 100px;
padding-bottom: 100px;
background: #f7f7f7;
}
.about_ENTCare_section .appointment_form_section h4 {
color: #111;
}
.ENTCare_text_wrapper {
float: left;
width: 100%;
}
.ENTCare_text_wrapper h2 {
font-size: 30px;
line-height: 30px;
margin-bottom: 30px;
color: #111111;
}
.ENTCare_text_wrapper p {
font-size: 16px;
font-weight: 300;
line-height: 26px;
margin-bottom: 30px;
}
.ENTCare_text_wrapper .list_wrapper {
margin: 0;
padding: 0;
list-style: none;
}
.ENTCare_text_wrapper .list_wrapper li:first-child {
padding-top: 0px;
}
.ENTCare_text_wrapper .list_wrapper li {
margin-bottom: 10px;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.ENTCare_text_wrapper .list_wrapper li i {
float: left;
font-size: 23px;
color: #13bfb1;
}
.ENTCare_text_wrapper .list_wrapper li p {
font-size: 16px;
font-weight: 300;
padding: 0px 0 0px 35px;
margin-bottom: 0;
}
/* about_ENTCare_section end */
/* ent_timing_wrapper start */
.ent_timing_wrapper {
float: left;
width: 100%;
background: #13bfb1;
height: 470px;
padding: 0px 30px;
padding-top: 35px;
}
.ent_timing_wrapper h4 {
color: #fff;
margin-bottom: 30px;
font-size: 24px;
line-height: 26px;
font-weight: 700;
}
.ent_timing_wrapper .working-hours li {
margin-bottom: 15px;
color: #fff;
font-size: 14px;
}
.ent_timing_wrapper .working-hours li .docters_name {
font-size: 16px;
}
.ent_timing_wrapper .working-hours li .docters_timing {
float: right;
}
/* ent_timing_wrapper end*/
/* footer_wrapper_ent css */
.footer_wrapper_ent {
float: left;
width: 100%;
padding-top: 100px;
padding-bottom: 50px;
background: #181819;
}
.footer_wrapper_ent .wrapper_first_image,
.footer_wrapper_ent .wrapper_first_icon {
float: left;
width: 100%;
}
.footer_wrapper_ent .wrapper_first_icon i {
color: #13bfb1;
margin-right: 20px;
font-size: 18px;
}
.footer_wrapper_ent .wrapper_first_icon span {
color: #111111;
font-size: 18px;
font-weight: 500;
}
.footer_wrapper_ent .wrapper_first_icon a {
color: #fff;
font-size: 10px;
background: #ef5e5e;
padding: 2px 8px;
border-radius: 3px;
text-transform: uppercase;
margin-left: 7px;
position: relative;
top: -2px;
}
.footer_wrapper_ent h4 {
color: #fff;
text-transform: uppercase;
font-weight: 500;
padding-bottom: 60px;
font-size: 22px;
}
.footer_wrapper_ent h4:after {
content: '';
border: 1px solid #13bfb1;
display: block;
border-radius: 3px;
width: 54px;
position: absolute;
margin-top: 10px;
}
.footer_wrapper_ent .section_1_useful_wrapper {
float: left;
width: 100%;
}
.footer_wrapper_ent .section_1_useful_wrapper ul {
margin: 0;
padding: 0;
list-style: none;
}
.footer_wrapper_ent .section_1_useful_wrapper ul li {
margin-bottom: 10px;
}
.footer_wrapper_ent .section_1_useful_wrapper ul li i {
color: #aeaeae;
margin-right: 20px;
}
.footer_wrapper_ent .section_1_useful_wrapper ul li a {
color: #aeaeae;
font-size: 16px;
font-weight: 400;
text-transform: capitalize;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.footer_wrapper_ent .section_1_useful_wrapper ul li a:hover,
.footer_wrapper_ent .section1_useful_wrapper ul li:hover i {
color: #13bfb1;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.footer_wrapper_ent .section_1_blog_wrapper {
float: left;
width: 100%;
}
.footer_wrapper_ent .blog_wrapper1,
.footer_wrapper_ent .blog_wrapper2 {
float: left;
width: 100%;
margin-bottom: 20px;
}
.footer_wrapper_ent .blog_publish i {
color: #13bfb1;
margin-right: 10px;
}
.footer_wrapper_ent .blog_publish {
padding-top: 15px;
font-size: 14px;
font-weight: 300;
color: #abacad;
}
.footer_wrapper_ent .blog_img {
float: left;
width: 73px;
}
.footer_wrapper_ent .blog_content {
font-size: 14px;
font-weight: 500;
float: left;
width: calc(100% - 73px);
padding-left: 20px;
}
.footer_wrapper_ent .blog_content h5 {
line-height: 20px;
}
.footer_wrapper_ent .blog_img img {
border-radius: 50%;
width: 60px;
height: 60px;
}
.footer_wrapper_ent .blog_content h5 a {
font-size: 16px;
text-transform: capitalize;
color: #fff;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.footer_wrapper_ent .blog_content h5 a:hover,
.footer_wrapper_ent .section_1_contact_wrapper ul li a:hover {
color: #13bfb1;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.footer_wrapper_ent .section_1_contact_wrapper {
float: left;
width: 100%;
}
.footer_wrapper_ent .section_1_contact_wrapper ul {
margin: 0;
padding: 0;
list-style: none;
}
.footer_wrapper_ent .section_1_contact_wrapper ul li {
float: left;
width: 100%;
padding-bottom: 20px;
}
.footer_wrapper_ent .section_1_contact_wrapper ul li a {
color: #d2d2d2;
font-size: 16px;
padding-left: 25px;
}
.footer_wrapper_ent .section_1_contact_wrapper ul li p {
float: left;
padding-left: 20px;
font-size: 16px;
line-height: 26px;
color: #d2d2d2;
}
.footer_wrapper_ent .section_1_contact_wrapper ul li i {
float: left;
color: #d2d2d2;
line-height: 26px;
}
.footer_wrapper_ent .section_1_blog_second_wrapper {
float: left;
width: 100%;
}
.footer_wrapper_ent .section_1_blog_second_wrapper .blog_image {
display: table;
float: left;
margin-right: 15px;
position: relative;
}
.footer_wrapper_ent .section_1_blog_second_wrapper .blog_text {
display: table-cell;
}
.footer_wrapper_ent .section_1_blog_second_wrapper .blog_text h5 {
font-size: 15px;
font-weight: 500;
line-height: 24px;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.footer_wrapper_ent .section_1_blog_second_wrapper .blog_text h5 a {
color: #fff;
}
.footer_wrapper_ent .section_1_blog_second_wrapper .blog_text h5 a:hover {
color: #13bfb1;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.footer_wrapper_ent .section_1_blog_second_wrapper .blog_text p {
margin: 0;
}
.footer_wrapper_ent .section_1_blog_second_wrapper .blog_date {
font-size: 13px;
display: table;
color: #13bfb1;
margin-top: 5px;
}
.footer_wrapper_ent .section_1_blog_second_wrapper .blog_date i {
font-size: 14px;
margin-right: 8px;
}
.ent_bottom_wrapper {
float: left;
width: 100%;
background: #111;
text-align: center;
padding-top: 25px;
padding-bottom: 25px;
}
.ent_bottom_wrapper .foter_left {
float: left;
width: 40%;
}
.ent_bottom_wrapper .foter_right {
float: left;
width: 60%;
}
.ent_bottom_wrapper .section_1_copyright {
text-transform: capitalize;
float: right;
}
.ent_bottom_wrapper .section_1_copyright p {
color: #b7bdc1;
margin-bottom: 0;
margin-top: 8px;
}
.ent_bottom_wrapper .section_1_copyright p a {
color: #b7bdc1;
}
.ent_bottom_wrapper .section_1_copyright p a:hover {
color: #13bfb1;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.ent_bottom_wrapper .section_1_copyright_social_icons {
margin: 0;
padding: 0;
list-style: none;
}
.ent_bottom_wrapper .section_1_copyright_social_icons li {
float: left;
margin-left: 10px;
}
.ent_bottom_wrapper .section_1_copyright_social_icons li:first-child {
margin-left: 0px;
}
.ent_bottom_wrapper .section_1_copyright_social_icons li a {
float: left;
width: 35px;
height: 35px;
line-height: 35px;
text-align: center;
color: #abacad;
border-radius: 50px;
border: 1px solid rgba(255, 255, 255, 0.1);
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.ent_bottom_wrapper .section_1_copyright_social_icons li a:hover {
background: #13bfb1;
border: 1px solid #13bfb1;
color: #fff;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.ent_procedures_section #return-to-top {
position: fixed;
bottom: 53px;
right: 25px;
background: #13bfb1;
width: 45px;
height: 45px;
display: block;
text-decoration: none;
-webkit-border-radius: 35px;
-moz-border-radius: 35px;
border-radius: 0px;
display: none;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
z-index: 1000;
}
.ent_procedures_section #return-to-top i {
color: #fff;
margin: 0;
position: relative;
left: 13px;
top: 5px;
font-size: 30px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.ent_procedures_section #return-to-top:hover i {
color: #fff;
top: 5px;
}
/* footer css end*/
/*-----------------------------*/
/* index_cardiology strat */
/*-----------------------------*/
/* header start */
/* menu_header_cardiology start */
.menu_header_cardiology {
float: left;
width: 100%;
position: relative;
z-index: 10;
}
.menu_header_cardiology .navbar {
padding: 0;
border-radius: 0;
margin: 0;
border: 0;
}
.menu_header_cardiology .top_bar {
float: left;
width: 100%;
padding: 20px 0px;
}
.menu_header_cardiology .navbar-brand {
float: left;
padding-top: 4px;
padding-bottom: 4px;
margin-right: 16px;
font-size: 20px;
}
.menu_header_cardiology .navbar-brand>img {
display: block;
}
.menu_header_cardiology .contact-ways {
float: right;
list-style: none;
padding-left: 0;
margin-bottom: 0;
}
.menu_header_cardiology .contact-ways li:first-child {
margin-left: 0;
padding-left: 0;
border-left: 0;
}
.menu_header_cardiology .contact-ways li {
display: inline-block;
padding-left: 30px;
margin-left: 0;
border-left: 1px solid #fff;
}
.menu_header_cardiology .top-nav-lt {
float: left;
margin-right: 10px;
}
.menu_header_cardiology .contact-ways li div i {
line-height: 46px;
}
.menu_header_cardiology .top-nav-lt-text {
float: left;
padding-left: 10px;
}
.menu_header_cardiology .contact-ways small {
display: block;
line-height: 14px;
margin-bottom: 8px;
font-size: 13px;
font-weight: 400;
color: #999;
}
.menu_header_cardiology .contact-ways h6 {
font-size: 13px;
font-weight: 600;
color: #00283b;
line-height: 14px;
}
.menu_header_cardiology .home-ic {
background: #00cbf0;
border-radius: 30px;
width: 44px;
height: 44px;
float: left;
color: #fff;
text-align: center;
font-size: 18px;
line-height: 36px;
}
.menu_header_cardiology .clock-ic {
background: #f4b603;
border-radius: 30px;
width: 44px;
height: 44px;
float: left;
color: #fff;
text-align: center;
font-size: 18px;
line-height: 38px;
}
.menu_header_cardiology .call-ic {
background: #6cca39;
border-radius: 30px;
width: 44px;
height: 44px;
float: left;
color: #fff;
text-align: center;
font-size: 18px;
line-height: 40px;
}
.menu_header_cardiology .navbar-bottom {
float: left;
width: 100%;
background: rgba(1, 39, 58, 0.97);
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.menu_header_cardiology .bg-wrapper {
position: relative;
}
.menu_header_cardiology .menu-wrapper {
float: left;
}
.menu_header_cardiology .right-widget {
float: right;
}
.menu_header_cardiology .navbar-bottom .right-widget ul li {
display: inline-block;
line-height: 75px;
}
.menu_header_cardiology .navbar-bottom .right-widget .social-icon li a {
font-size: 15px;
color: #ccd1dd;
margin: 0 7px;
}
.menu_header_cardiology .navbar-bottom .right-widget .social-icon li a:hover {
color: #f9ca40;
}
.menu_header_cardiology #mega-menu-holder {
width: auto;
margin: 0;
padding: 0;
list-style-type: none;
}
.menu_header_cardiology #mega-menu-holder li {
position: relative;
display: inline-block;
vertical-align: middle;
}
.menu_header_cardiology #mega-menu-holder>ul> li> a {
position: relative;
padding: 27px 35px 27px 25px;
display: block;
font-weight: 700;
font-size: 13px;
text-transform: uppercase;
color: #8f97ab;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.menu_header_cardiology #mega-menu-holder>ul> li:first-child a {
padding-left: 0;
}
.menu_header_cardiology #mega-menu-holder>ul> li> a:before {
content: '/';
line-height: 75px;
position: absolute;
right: 0;
top: 0;
color: #8f97ab;
}
.menu_header_cardiology #mega-menu-holder>ul> li> a:before {
content: '/';
line-height: 75px;
position: absolute;
right: -10px;
top: 2px;
color: #8f97ab;
}
.menu_header_cardiology #mega-menu-holder>ul> li:last-child a:before {
display: none;
}
.menu_header_cardiology #mega-menu-holder>ul> li.active > a,
#mega-menu-holder>ul> li:hover > a,
.menu_header_cardiology #mega-menu-holder>ul> li.active > .sub-toggle,
.menu_header_cardiology #mega-menu-holder>ul> li:hover > .sub-toggle {
color: #fff;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.menu_header_cardiology #mega-menu-holder>ul> li.has-submenu> a {
padding-right: 10px;
}
.menu_header_cardiology #mega-menu-holder li>ul.dropdown {
position: absolute;
left: 0;
top: 100%;
z-index: 999;
min-width: 200px;
background: #fff;
-webkit-box-shadow: 0px 13px 25px -12px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0px 13px 25px -12px rgba(0, 0, 0, 0.25);
box-shadow: 0px 13px 25px -12px rgba(0, 0, 0, 0.25);
display: none;
}
.menu_header_cardiology #mega-menu-holder li.has-submenu:hover ul.dropdown {
display: block;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.menu_header_cardiology #mega-menu-holder li>ul.dropdown li {
display: block;
border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}
.menu_header_cardiology #mega-menu-holder ul.dropdown li a {
width: 100%;
padding: 0 0 0 15px;
line-height: 38px;
font-weight: 700;
font-size: 12px;
color: #8f97ab;
text-transform: uppercase;
text-decoration: none;
display: inline-block;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.menu_header_cardiology #mega-menu-holder li .sub-toggle {
font-family: 'font-awesome';
position: absolute;
right: 26px;
top: 0;
line-height: 75px;
color: #8f97ab;
font-size: 14px;
text-align: center;
cursor: pointer;
}
.menu_header_cardiology #mega-menu-holder li>ul.dropdown li:last-child {
border: none;
}
.menu_header_cardiology #mega-menu-holder ul.dropdown li:hover>a {
background: #072d40;
color: #fff;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.menu_header_cardiology .navbar-bottom .right-widget .search-option {
margin-left: 30px;
width: 60px;
text-align: center;
border-right: 1px solid rgba(1, 39, 58, 0.86);
border-left: 1px solid rgba(1, 39, 58, 0.86);
}
.menu_header_cardiology .navbar-bottom .right-widget .search-option .dropdown-toggle {
background: transparent;
font-size: 15px;
color: #cfd6e6;
width: 55px;
border: none;
outline: none;
box-shadow: none;
display: block;
padding: 0;
cursor: pointer;
border-radius: 0;
}
.menu_header_cardiology .navbar-bottom .right-widget .search-option .dropdown-menu {
-webkit-transform: none !important;
transform: none !important;
position: absolute;
height: 55px;
width: 280px;
padding: 5px;
border-radius: 0;
right: 0 !important;
left: auto !important;
top: 100% !important;
box-shadow: none;
border: none;
float: none;
margin: 0;
background: #fff;
box-shadow: 0px 4px 10px -2px rgba(0, 0, 0, 0.23);
}
.menu_header_cardiology .navbar-bottom .right-widget .search-option form input {
position: absolute;
top: 5px;
left: 5px;
right: 5px;
bottom: 5px;
background: transparent;
border: 1px solid #ececec;
padding: 0 49px 0 10px;
}
.menu_header_cardiology .navbar-bottom .right-widget .search-option form button {
display: block;
width: 48px;
color: #fff;
background: #13bfb1;
border: 1px solid #fff;
border-left: none;
line-height: 45px;
text-align: center;
position: absolute;
top: 4px;
right: 5px;
border: none;
outline: none;
box-shadow: none;
display: block;
padding: 0;
cursor: pointer;
border-radius: 0;
}
.menu_header_cardiology .navbar-bottom .right-widget .search-option form button:hover {
background: #00283b;
color: #f9ca40;
border-color: #00283b;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
/*navbar-toggle*/
.menu_header_cardiology .navbar-toggle {
border-radius: 0;
position: absolute;
right: 5px;
top: 22px;
border: 0;
margin-right: 0;
}
.menu_header_cardiology .navbar-toggle .icon-bar {
width: 16px;
background-color: #fff !important;
}
.menu_header_cardiology .navbar-toggle:hover .icon-bar {
background-color: #fff !important;
}
.menu_header_cardiology .navbar-default .navbar-toggle:focus,
.menu_header_cardiology .navbar-default .navbar-toggle:hover {
background-color: transparent;
}
/* mobail_menu_main */
.menu_header_cardiology .mobail_menu_main {
float: none;
width: 100%;
}
.menu_header_cardiology #sidebar {
position: fixed;
display: block;
height: 100%;
top: 0px;
left: -500px;
background-color: #ffffff;
overflow: scroll;
overflow-x: hidden;
z-index: 1000;
}
.menu_header_cardiology #links {
position: relative;
float: left;
}
.menu_header_cardiology #link_list {
list-style-type: none;
width: 100%;
padding: 0px 50px 0px 0px;
}
.menu_header_cardiology #link_list li {
display: block;
width: 100%;
}
.menu_header_cardiology #link_list li:hover {
background-color: #13bfb1;
}
.menu_header_cardiology #toggle_close {
position: absolute;
z-index: 100;
right: 20px;
top: 10px;
font-size: 25px;
color: #fff;
cursor: pointer;
}
@import url(https://fonts.googleapis.com/css?family=Raleway:400,200);
.menu_header_cardiology #cssmenu,
.menu_header_cardiology #cssmenu ul,
.menu_header_cardiology #cssmenu ul li,
.menu_header_cardiology #cssmenu ul li a {
margin: 0;
padding: 0;
border: 0;
list-style: none;
line-height: 1;
display: block;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.menu_header_cardiology #cssmenu {
width: 300px;
font-family: Raleway, sans-serif;
color: #ffffff;
}
.menu_header_cardiology #cssmenu ul ul {
display: none;
}
.menu_header_cardiology #cssmenu > ul > li.active > ul {
display: block;
}
.menu_header_cardiology .align-right {
float: right;
}
.menu_header_cardiology #cssmenu > ul > li > a {
padding: 16px 22px;
cursor: pointer;
z-index: 2;
font-size: 16px;
text-decoration: none;
color: #000000;
font-weight: 500;
border-bottom: 1px solid #d3d3d3;
background: #ffffff;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.menu_header_cardiology #cssmenu > ul > li:first-child > a {
border-top: 1px solid #d3d3d3;
}
.menu_header_cardiology #cssmenu > ul > li > a:hover {
background: rgba(1, 39, 58, 0.97);
border-bottom: 1px solid #d3d3d3;
color: #ffffff;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.menu_header_cardiology #cssmenu ul > li.has-sub > a:after {
position: absolute;
right: 26px;
top: 19px;
z-index: 5;
display: block;
height: 10px;
width: 2px;
background: #000000;
content: "";
-webkit-transition: all 0.1s ease-out;
-moz-transition: all 0.1s ease-out;
-ms-transition: all 0.1s ease-out;
-o-transition: all 0.1s ease-out;
transition: all 0.1s ease-out;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.menu_header_cardiology #cssmenu ul > li.has-sub > a:before {
position: absolute;
right: 22px;
top: 23px;
display: block;
width: 10px;
height: 2px;
background: #000000;
content: "";
-webkit-transition: all 0.1s ease-out;
-moz-transition: all 0.1s ease-out;
-ms-transition: all 0.1s ease-out;
-o-transition: all 0.1s ease-out;
transition: all 0.1s ease-out;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.menu_header_cardiology #cssmenu ul > li.has-sub > a:hover:after,
#cssmenu ul > li.has-sub > a:hover:before {
background: #ffffff;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.menu_header_cardiology #cssmenu ul > li.has-sub.open > a:after,
.menu_header_cardiology #cssmenu ul > li.has-sub.open > a:before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.menu_header_cardiology #cssmenu ul ul li a {
padding: 14px 22px;
cursor: pointer;
z-index: 2;
font-size: 14px;
text-decoration: none;
color: #ffffff;
font-weight: bold;
background: #49505a;
-webkit-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease;
}
.menu_header_cardiology #cssmenu ul ul ul li a {
padding-left: 32px;
}
.menu_header_cardiology #cssmenu ul ul li a:hover {
color: #ffffff;
}
.menu_header_cardiology #cssmenu ul ul > li.has-sub > a:after {
top: 16px;
right: 26px;
background: #ffffff;
}
.menu_header_cardiology #cssmenu ul ul > li.has-sub > a:before {
top: 20px;
background: #ffffff;
}
.menu_header_cardiology #sidebar h1 {
padding: 15px 0px;
background: rgba(1, 39, 58, 0.97);
font-size: 20px;
color: #fff;
padding-left: 20px;
font-weight: bold;
}
.menu_header_cardiology .navbar-default .navbar-nav.main-nav>li>a:after {
background: #fff none repeat scroll 0 0;
border-radius: 4px;
content: "";
height: 2px;
left: 23px;
opacity: 0;
position: absolute;
bottom: 23px;
transition: all 0.3s ease-in-out 0s;
width: 25px;
}
.menu_header_cardiology .navbar-default .navbar-nav.main-nav>li>a:hover:after {
background: #fff none repeat scroll 0 0;
border-radius: 4px;
content: "";
height: 3px;
left: 22px;
opacity: 1;
position: absolute;
bottom: 23px;
transition: all 0.3s ease-in-out 0s;
width: 25px;
}
.menu_header_cardiology .navbar-bottom .right-widget .search-option .dropdown-toggle:after {
display: none;
}
/* menu_header_cardiology end*/
/*-- cardiology-slider-area Start --*/
.cardiology-slider-area {
float: left;
width: 100%;
position: relative;
}
.cardiology-slider-area .carousel-inner .carousel-item .caption-1 {
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background: url(../images/Cardiology/02.jpg) 50% 0 repeat-y;
position: relative;
min-height: 850px;
}
.cardiology-slider-area .carousel-inner .carousel-item .caption-2 {
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background: url(../images/Cardiology/01.jpg);
position: relative;
min-height: 850px;
}
.cardiology-slider-area .carousel-inner .carousel-item .caption-3 {
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background: url(../images/Cardiology/03.jpg);
position: relative;
min-height: 850px;
}
.cardiology-slider-area .carousel-inner .carousel-item .carousel-captions:after {
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.8);
}
.cardiology-slider-area .carousel-inner .carousel-item .carousel-captions .content {
display: block;
position: relative;
z-index: 999;
overflow: hidden;
vertical-align: middle;
padding-top: 250px;
padding-bottom: 250px;
}
.cardiology-slider-area .carousel-inner .carousel-item .carousel-captions .content_tabs {
display: block;
position: relative;
z-index: 999;
overflow: hidden;
vertical-align: middle;
padding-top: 140px;
}
.cardiology-slider-area .carousel-inner .carousel-item .carousel-captions .content h1 {
animation-delay: 0.5s;
margin: 0 0 10px;
}
.cardiology-slider-area .carousel-inner .carousel-item .carousel-captions .content h2 {
color: #fff;
font-size: 70px;
font-weight: 0;
margin: 0 0 20px;
animation-delay: 0.2s;
text-transform: uppercase;
}
.cardiology-slider-area .carousel-inner .carousel-item .carousel-captions .content h2 span {
font-weight: bold;
}
.cardiology-slider-area .carousel-inner .carousel-item .carousel-captions .content p {
font-size: 15px;
color: rgba(255, 255, 255, 0.62);
margin: 50px 0px;
animation-delay: 0.5s;
}
.cardiology-slider-area .carousel-inner .carousel-item .carousel-captions .content li {
animation-delay: 0.6s;
}
.cardiology-slider-area .carousel-inner .carousel-indicators {
display: none;
}
.cardiology-slider-area .carousel-inner .carousel-indicators li {
text-indent: 0;
position: relative;
width: 10px;
height: 25px;
background-color: transparent;
display: block;
border: none;
border-radius: 0;
cursor: pointer;
font-size: 16px;
margin: 0;
color: #fff;
font-family: "Poppins", sans-serif;
text-align: left;
background: rgba(255, 255, 255, 0.42);
margin-top: 10px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.cardiology-slider-area .carousel-inner .carousel-indicators li span.number {
display: inline-block;
}
.cardiology-slider-area .carousel-inner .carousel-indicators li span.con {
display: inline-block;
position: relative;
padding-left: 42px;
}
.cardiology-slider-area .carousel-inner .carousel-indicators li span.con:after {
content: '';
position: absolute;
left: 0;
top: 50%;
height: 1px;
background: #13bfb1;
width: 26px;
}
.cardiology-slider-area .carousel-inner .carousel-indicators li.active {
background: #13bfb1;
width: 10px;
height: 25px;
}
.cardiology-slider-area .carousel-inner .carousel-indicators li:first-child {
margin-top: 0;
}
.cardiology-slider-area .hs_effect_btn ul {
padding-left: 0;
}
.cardiology-slider-area .hs_effect_btn li a {
float: left;
width: 160px;
height: 50px;
background: #13bfb1;
color: #ffffff;
text-align: center;
line-height: 50px;
text-transform: uppercase;
border: 1px solid transparent;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.cardiology-slider-area .hs_effect_btn li a:hover {
background: transparent;
border: 1px solid #13bfb1;
color: #13bfb1;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.cardiology-slider-area .carousel-nevigation {
position: absolute;
top: 50%;
float: left;
width: 100%;
}
.cardiology-slider-area .carousel-nevigation > .prev {
left:40px;
position: absolute;
width: 90px;
height: 90px;
background: #13bfb1;
padding-top: 26px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.cardiology-slider-area .carousel-nevigation > .next {
right:40px;
position: absolute;
width: 90px;
height: 90px;
background: #13bfb1;
padding-top: 26px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.cardiology-slider-area:hover .carousel-nevigation > .prev {
left: 40;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.cardiology-slider-area:hover .carousel-nevigation > .next {
right: 40;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.cardiology-slider-area .carousel-nevigation > .next:hover,
.cardiology-slider-area .carousel-nevigation > .prev:hover {
background: #eb6d6d;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.cardiology-slider-area .carousel-nevigation > .prev i {
float: left;
width: 35px;
text-align: right;
color: #ffffff;
font-size: 16px;
font-size: 28px;
padding-right: 10px;
}
.cardiology-slider-area .carousel-nevigation > .prev span {
width: calc(100% - 35px);
float: left;
color: #ffffff;
font-size: 16px;
font-weight: bold;
line-height: 17px;
}
.cardiology-slider-area .carousel-nevigation > .next i {
float: left;
width: 35px;
text-align: left;
color: #ffffff;
font-size: 16px;
font-size: 28px;
padding-left: 10px;
}
.cardiology-slider-area .carousel-nevigation > .next span {
width: calc(100% - 35px);
float: left;
color: #ffffff;
font-size: 16px;
font-weight: bold;
line-height: 17px;
text-align: right;
}
.cardiology-slider-area .hs_slider_right_tabs_wrapper {
float: left;
width: 100%;
animation-delay: 3.5s;
}
.cardiology-slider-area .hs_slider_tab_one {
animation-delay: 3.7s;
border: none;
}
.cardiology-slider-area .hs_slider_tab_tow {
animation-delay: 3.9s;
}
.cardiology-slider-area .hs_slider_tab_three {
animation-delay: 4.1s;
}
.cardiology-slider-area .hs_slider_tab_four {
animation-delay: 4.3s;
}
.cardiology-slider-area .hs_slider_tab_fifth {
animation-delay: 4.6s;
}
.cardiology-slider-area .hs_slider_tab_six {
animation-delay: 4.9s;
}
.cardiology-slider-area .hs_slider_right_tabs_wrapper2 {
margin-top: 20px;
border: none;
}
.cardiology-slider-area .hs_slider_tabs_icon_wrapper {
float: left;
width: 80px;
height: 80px;
border: 8px solid rgba(255, 255, 255, 0.23137254901960785);
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
margin-top: 0px;
}
.cardiology-slider-area .hs_slider_tabs_icon_wrapper i {
width: 65px;
height: 65px;
float: left;
text-align: center;
line-height: 65px;
background: #13bfb1;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.cardiology-slider-area .hs_slider_tabs_icon_wrapper i:before {
margin-left: 0;
color: #ffffff;
font-size: 40px;
}
.cardiology-slider-area .hs_slider_tabs_icon_cont_wrapper {
float: left;
width: calc(100% - 80px);
padding-top: 15px;
padding-left: 15px;
}
.cardiology-slider-area .carousel-inner .carousel-item .carousel-captions .content_tabs .hs_slider_tabs_icon_cont_wrapper li .hs_tabs_btn {
float: left;
width: 100%;
height: 50px;
line-height: 50px;
color: #ffffff;
text-align: center;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
background: rgba(255, 255, 255, 0.21);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.cardiology-slider-area .hs_slider_right_tabs_wrapper:hover .hs_slider_tabs_icon_wrapper i {
background: #eb6d6d;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.cardiology-slider-area .hs_slider_right_tabs_wrapper:hover .hs_slider_tabs_icon_cont_wrapper li .hs_tabs_btn {
background: #eb6d6d !important;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
/*-- cardiology-slider-area End --*/
/* cardiology_procedure_section start */
.cardiology_procedure_section {
float: left;
width: 100%;
padding-top: 100px;
padding-bottom: 100px;
}
.cardiology_procedure_section .section_heading h2 {
text-align: center;
padding-bottom: 15px;
position: relative;
margin: 0 0 50px 0;
}
.cardiology_procedure_section .section_heading h2:after {
content: "";
background: #13bfb1;
width: 60px;
height: 2px;
position: absolute;
left: 50%;
bottom: 0;
margin-left: -25px;
}
.procedure_wrapper {
float: left;
width: 100%;
padding: 30px;
text-align: center;
}
.procedure_wrapper i {
background: #fff;
border-radius: 50%;
text-align: center;
width: 100px;
height: 100px;
line-height: 108px;
margin-bottom: 34px;
}
.procedure_wrapper i {
display: inline-block;
}
.procedure_wrapper i:before {
font-size: 40px;
margin-left: 0;
}
.blue_wrapper i:before {
color: #43b9f6;
}
.pink_wrapper i:before {
color: #ff5e6b;
}
.green_wrapper i:before {
color: #85df88;
}
.procedure_wrapper h4 {
color: #fff;
margin-bottom: 30px;
font-size: 22px;
line-height: 26px;
font-weight: 700;
text-transform: uppercase;
}
.procedure_wrapper p {
color: #fff;
font-size: 15px;
line-height: 26px;
}
.blue_wrapper {
background: #43b9f6;
}
.pink_wrapper {
background: #ff5e6b;
}
.green_wrapper {
background: #85df88;
}
/* cardiology_procedure_section end */
/* cardiology_services_section start */
.cardiology_services_section {
float: left;
width: 100%;
padding-top: 100px;
padding-bottom: 100px;
}
.cardiology_services_section .section_heading h2 {
text-align: center;
padding-bottom: 15px;
position: relative;
margin: 0 0 50px 0;
}
.cardiology_services_section .section_heading h2:after {
content: "";
background: #13bfb1;
width: 60px;
height: 2px;
position: absolute;
left: 50%;
bottom: 0;
margin-left: -25px;
}
.cardiology_services_section .main i:before {
display: inline-block;
font-size: 30px;
color: #fff;
margin-left: 0;
margin-bottom: 30px;
transform: rotate(-46deg);
}
.cardiology_services_section .rotate {
transform: rotate(45deg);
margin: auto;
display: block;
width: 70px;
height: 70px;
line-height: 70px;
background-color: #999999;
border-radius: 5px;
margin-bottom: 37px;
margin-top: -55px;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
}
.cardiology_services_section .main:hover .rotate {
background-color: #13bfb1;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
}
.cardiology_services_section .main {
border: 1px solid rgb(226, 218, 218);
padding: 20px;
margin-bottom: 35px;
text-align: center;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
margin-top: 50px;
}
.cardiology_services_section .main:hover {
border-color: #13bfb1;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
}
.cardiology_services_section .main:hover h4 a {
color: #13bfb1;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
}
.cardiology_services_section .main h4 {
margin-bottom: 30px;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
font-size: 18px;
}
.cardiology_services_section .main h4 a {
color: #333;
font-weight: 500;
}
.cardiology_services_section p {
font-size: 14px;
}
/* cardiology_services_section end */
.menu_header_cardiology .rp_mobail_menu_main_wrapper {
padding: 52px 15px 0 15px;
}
.menu_header_cardiology #mega-menu-holder li .sub-toggle {
display: none;
}
.menu_header_cardiology .navbar-bottom #toggle {
bottom: 13px;
}
/*footer_wrapper_section_cardiology css */
.footer_wrapper_section_cardiology {
float: left;
width: 100%;
padding-top: 60px;
padding-bottom: 60px;
background: #181819;
}
.footer_wrapper_section_cardiology .section_3_footer_heading_wrapper {
float: left;
width: 100%;
text-align: center;
}
.footer_wrapper_section_cardiology .section_3_footer_heading_wrapper h3 {
font-size: 28px;
color: rgba(255, 255, 255, 0.9);
font-weight: 600;
text-transform: uppercase;
}
.footer_wrapper_section_cardiology .section_3_footer_info_box_wrapper {
float: left;
width: 100%;
text-align: center;
margin-top: 60px;
}
.footer_wrapper_section_cardiology .section_3_footer_info_box_wrapper i:before {
font-size: 44px;
color: #13bfb1;
margin-left: 0;
}
.footer_wrapper_section_cardiology .section_3_footer_info_box_wrapper h3 {
font-size: 24px;
color: rgba(255, 255, 255, 0.9);
font-weight: 600;
text-transform: uppercase;
padding-top: 20px;
position: relative;
}
.footer_wrapper_section_cardiology .section_3_footer_info_box_wrapper h3:after {
content: '';
border: 2px solid #13bfb1;
width: 60px;
position: absolute;
bottom: -20px;
left: 0;
right: 0;
margin: 0px auto;
}
.footer_wrapper_section_cardiology .padding_top {
padding-top: 40px;
}
.footer_wrapper_section_cardiology .section_3_footer_info_box_wrapper p,
.footer_wrapper_section_cardiology .section_3_footer_info_box_wrapper p a {
margin: 0;
color: rgba(255, 255, 255, 0.72);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.footer_wrapper_section_cardiology .section_3_footer_info_box_wrapper p a:hover {
color: #3498db;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.footer_wrapper_section_cardiology .section_3_footer_share_wrapper {
float: left;
width: 100%;
padding-top: 60px;
text-align: center;
}
.footer_wrapper_section_cardiology .section_3_footer_share_wrapper h3 {
font-size: 24px;
color: rgba(255, 255, 255, 0.9);
text-transform: uppercase;
}
.footer_wrapper_section_cardiology .section_3_footer_share_wrapper ul {
display: inline-block;
padding-top: 20px;
}
.footer_wrapper_section_cardiology .section_3_footer_share_wrapper li {
float: left;
position: relative;
}
.footer_wrapper_section_cardiology .section_3_footer_share_wrapper li a {
font-size: 21px;
color: rgba(255, 255, 255, 0.9);
text-align: center;
width: 45px;
float: left;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.footer_wrapper_section_cardiology .section_3_footer_share_wrapper li a:hover {
color: #13bfb1;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.footer_wrapper_section_cardiology .section_3_footer_share_wrapper li:after {
content: '';
border: 1px solid #13bfb1;
width: 30px;
position: absolute;
bottom: -10px;
left: 0;
right: 0;
margin: 0px auto;
}
.cardiology_bottom_wrapper {
float: left;
width: 100%;
text-align: center;
background: #111;
padding-top: 20px;
padding-bottom: 20px;
}
.cardiology_bottom_wrapper p {
color: #fff;
text-transform: uppercase;
}
.cardiology_procedure_section #return-to-top {
position: fixed;
bottom: 53px;
right: 25px;
background: #13bfb1;
width: 45px;
height: 45px;
display: block;
text-decoration: none;
-webkit-border-radius: 35px;
-moz-border-radius: 35px;
border-radius: 0px;
display: none;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
z-index: 1000;
}
.cardiology_procedure_section #return-to-top i {
color: #fff;
margin: 0;
position: relative;
left: 13px;
top: 5px;
font-size: 30px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.cardiology_procedure_section #return-to-top:hover i {
color: #fff;
top: 5px;
}
/* footer_wrapper_section_cardiology css end*/
/*-----------------------------*/
/* index_laparoscopic strat */
/*-----------------------------*/
.laparoscopio_wrap {
background-color: #13bfb1;
}
.laparoscopic_text_wrapper h2 {
font-size: 30px;
line-height: 30px;
margin-bottom: 30px;
color: #333;
}
.laparoscopic_text_wrapper img {
margin-bottom: 30px;
width: 100%;
}
.laparoscopic_text_wrapper p {
font-size: 15px;
}
.laparoscopic_slider_main_wrapper {
float: left;
width: 100%;
}
/* laparoscopic_procedures_wrapper start */
.laparoscopic_procedures_wrapper {
width: 100%;
float: left;
background-image: url(../images/laparoscopic/produre_bg.jpg);
height: 100%;
background-position: center 0;
background-size: cover;
position: relative;
padding-bottom: 100px;
padding-top: 100px;
}
.laparoscopic_procedures_overlay {
position: absolute;
top: 0%;
left: 0%;
right: 0%;
bottom: 0%;
background: #08080a;
opacity: 0.9;
}
.laparoscopic_procedures_wrapper .section_heading h2 {
text-align: center;
color: #fff;
padding-bottom: 15px;
position: relative;
margin: 0 0 50px 0;
}
.neurology_procedure_section .section_heading h2 {
text-align: center;
color: #fff;
padding-bottom: 15px;
position: relative;
margin: 0 0 50px 0;
}
.neurology_procedure_section .section_heading h2:after {
content: "";
background: #13bfb1;
width: 60px;
height: 2px;
position: absolute;
left: 50%;
bottom: 0;
margin-left: -25px;
}
.laparoscopic_procedures_slider {
float: left;
width: 100%;
}
.laparoscopic_procedures_slider .item {
width: 100%;
}
.laparoscopic_procedures_slider .owl-theme .owl-dots .owl-dot {
display: none;
}
.laparoscopic_procedures_slider .owl-theme .owl-nav {
margin-top: 10px;
text-align: center;
-webkit-tap-highlight-color: transparent;
}
.laparoscopic_procedures_slider .owl-prev {
position: absolute;
left: -0px;
top: 150px;
}
.laparoscopic_procedures_slider .owl-next {
position: absolute;
right: 0px;
top: 150px;
}
.laparoscopic_procedures_slider .owl-theme .owl-nav .owl-next:hover {
background: #13bfb1;
color: #fff;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.laparoscopic_procedures_slider .owl-theme .owl-nav .owl-prev:hover {
background: #13bfb1;
color: #fff;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.laparoscopic_procedures_slider .owl-theme .owl-nav .owl-prev,
.laparoscopic_procedures_slider .owl-theme .owl-nav .owl-next {
background: none repeat scroll 0 0 rgba(240, 240, 240, 0.8);
border-radius: 0;
margin: 0;
height: 45px;
line-height: 37px;
width: 40px;
font-size: 20px;
color: #999;
}
.laparoscopic_procedures_wrapper .thumbnail {
padding: 0;
margin-bottom: 0;
line-height: 24px;
border-radius: 0;
border: 0;
background: #fff;
}
.laparoscopic_procedures_wrapper .thumbnail .caption p {
margin: 0;
font-size: 14px;
}
.laparoscopic_procedures_wrapper .thumbnail {
margin-bottom: 30px;
}
}
.laparoscopic_procedures_wrapper .thumbnail img {
width:100%;
}
.laparoscopic_procedures_wrapper .thumbnail .caption {
padding:30px;
color:#99999;
}
.laparoscopic_procedures_wrapper .thumbnail .caption h4 {
text-transform:capitalize;
margin:0 0 15px;
font-size:18px;
font-weight:500;
color:#333;
}
.laparoscopic_procedures_wrapper .thumbnail:hover .caption h4 a {
color:#13bfb1;
}
/* laparoscopic_procedures_wrapper end */
.laparoscopic_appointment_section {
float:left;
width:100%;
padding-top:100px;
padding-bottom:100px;
background:#f7f7f7;
}
/* footer css start*/
.footer_wrapper_laparoscopio {
color:#fff;
background-attachment:fixed;
background-color:#222;
background-size:cover;
background-position:bottom;
padding-top:100px;
float:left;
width:100%;
}
.footer_wrapper_laparoscopio p {
color:#ccc;
}
.footer_wrapper_laparoscopio a {
color:#ccc;
}
.footer_wrapper_laparoscopio .footer9-social-pet li {
display:inline-block;
margin-right:10px;
}
.footer_wrapper_laparoscopio .footer9-social-pet li a {
height:35px;
width:35px;
border-radius:50%;
text-align:center;
display:block;
line-height:35px;
background-color:#3a5a95;
color:#fff;
}
.footer_wrapper_laparoscopio .footer9-social-pet li:nth-child(2) a {
background-color:#57aced;
}
.footer_wrapper_laparoscopio .footer9-social-pet li:nth-child(3) a {
background-color:#dd4f43;
}
.footer_wrapper_laparoscopio .footer9-social-pet li:nth-child(4) a {
background-color:#6b27b2;
}
.footer_wrapper_laparoscopio .footer9-social-pet li a:hover {
background-color:#0141a2;
}
.footer_wrapper_laparoscopio .footer9-social-pet li a:hover i {
transform:rotate(360deg);
-moz-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
}
.footer_wrapper_laparoscopio .footer9-recent-post li {
display:block;
color:#ccc;
margin-bottom:25px;
}
.footer_wrapper_laparoscopio .footer9-recent-post li label {
float:left;
border:2px solid #ccc;
padding:1px 7px;
text-align:center;
}
.footer_wrapper_laparoscopio .footer9-recent-post li label span {
color:#fff;
}
.footer_wrapper_laparoscopio .input-group-addon {
background-color:#13bfb1;
padding:7px;
}
.footer_wrapper_laparoscopio .footer9-f-address li {
display:inline-block;
}
.footer_wrapper_laparoscopio.footer9-f-address li i {
color:#89a1ea;
font-size:18px;
}
.footer_wrapper_laparoscopio .footer9-f-address li a {
color:#ccc;
}
.footer_wrapper_laparoscopio .footer_check:hover {
background:none;
}
/*=-Copyright-=*/
.footer_wrapper_laparoscopio .copyright {
background-color:#111;
padding:12px 0;
font-size:14px;
}
.footer_wrapper_laparoscopio .footer_9_heading {
color:#fff;
padding-bottom:40px;
padding-top:60px;
font-size:20px;
}
.footer_wrapper_laparoscopio .footer_9_heading:hover {
color:#13bfb1;
}
.footer_wrapper_laparoscopio h6 {
color:#fff;
font-size:16px;
}
.laparoscopic_appointment_section .appointment_form_section h4 {
color:#333;
}
/* Laparoscopic_slider start */
.Laparoscopic_slider {
float: left;
width: 100%;
overflow: hidden;
}
.Laparoscopic_slider_wrapper {
float: left;
width: 100%;
}
.Laparoscopic_slider .main_slide1 {
background: url('../images/laparoscopic/01.jpg') 50% 0 repeat-y;
width: 100%;
min-height: 800px;
background-size: cover;
background-position: center 0;
position: relative;
}
.Laparoscopic_slider .main_slide2 {
background: url('../images/laparoscopic/02.jpg') 50% 0 repeat-y;
width: 100%;
min-height: 800px;
background-size: cover;
background-position: center 0;
position: relative;
}
.Laparoscopic_slider .main_slide3 {
background: url('../images/laparoscopic/03.jpg') 50% 0 repeat-y;
width: 100%;
min-height: 800px;
background-size: cover;
background-position: center 0;
position: relative;
}
.Laparoscopic_slider .main_slide4 {
background: url('../images/laparoscopic/01.jpg') 50% 0 repeat-y;
width: 100%;
min-height: 800px;
background-size: cover;
background-position: center 0;
position: relative;
}
.Laparoscopic_slider .section4_slider_overlay {
position: absolute;
top: 0%;
left: 0%;
right: 0%;
bottom: 0%;
background: rgba(0, 0, 0, 0.7);
}
.Laparoscopic_slider_wrapper .owl-theme .owl-dots {
display: none;
}
.Laparoscopic_slider_wrapper .owl-theme .owl-nav {
display: block !important;
}
.Laparoscopic_slider_wrapper .owl-theme .owl-nav .owl-prev {
font-size: 40px;
margin: 0;
padding: 0;
left: -7%;
top: 50%;
position: absolute;
text-align: center;
background: rgba(255, 255, 255, 0.07);
color: #fff;
border: 2px solid rgba(255, 255, 255, 0.17);
width: 60px;
height: 60px;
padding-right: 4px;
text-align: center;
line-height: 54px;
border-radius: 100%;
}
.Laparoscopic_slider_wrapper .owl-theme .owl-nav .owl-next {
font-size: 40px;
margin: 0;
padding: 0;
right: -7%;
top: 50%;
position: absolute;
text-align: center;
background: rgba(255, 255, 255, 0.07);
color: #fff;
border: 2px solid rgba(255, 255, 255, 0.17);
width: 60px;
height: 60px;
padding-left: 4px;
text-align: center;
line-height: 54px;
border-radius: 100%;
}
.Laparoscopic_slider .section4_slider_wrapper .owl-carousel {
display: block;
}
.Laparoscopic_slider_wrapper:hover .owl-carousel .owl-nav .owl-prev {
left: 5%;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.Laparoscopic_slider_wrapper:hover .owl-carousel .owl-nav .owl-next {
right: 5%;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.Laparoscopic_slider_wrapper .owl-theme .owl-nav .owl-prev:hover,
.Laparoscopic_slider_wrapper .owl-theme .owl-nav .owl-next:hover {
background: transparent;
}
.Laparoscopic_slider .plumb_slider_cont1_wrapper {
text-align: center;
}
.Laparoscopic_slider .slider_content {
position: absolute;
top: 30%;
left: 0;
right: 0;
z-index: 1000;
}
.Laparoscopic_slider .slider_content h2 {
color: #ffffff;
font-size: 75px;
line-height: 60px;
padding-bottom: 30px;
text-transform: uppercase;
}
.Laparoscopic_slider .slider_content p {
font-size: 18px;
color: #ffffff;
padding-bottom: 40px;
}
.Laparoscopic_slider .slider_content .form-control {
border: 2px solid rgba(255, 255, 255, 0.17);
background: rgba(255, 255, 255, 0.07);
height: 50px;
margin-bottom: 30px;
padding: 6px 20px;
font-size: 14px;
color: #fff;
}
.Laparoscopic_slider .slider_content .form-group {
margin-bottom: 7px;
}
.Laparoscopic_slider .slider_content form input::placeholder {
color: #ffffff;
}
.Laparoscopic_slider .slider_content .form-control:focus {
color: #fff !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.27) !important;
background: transparent;
box-shadow: none;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.Laparoscopic_slider .slider_content form button.btn {
display: inline-block;
width: 30%;
padding: 11px 32px;
background: #13bfb1;
border: 1px solid #13bfb1;
animation-delay: 0.2s;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
text-transform: uppercase;
border-radius:50px;
}
.Laparoscopic_slider .slider_content form button.btn:hover{
color:#13bfb1;
background:transparent;
}
.Laparoscopic_slider .slider_content form button.btn:focus {
outline-offset: unset;
}
.Laparoscopic_slider .slider_content form button .btn-primary:focus,
.Laparoscopic_slider .slider_content form button .btn-primary:hover {
background: #13bfb1 !important;
border: 1px solid #13bfb1!important;
outline: none;
}
.Laparoscopic_slider .col-lg-offset-2 {
margin-left: 16.66666667%;
}
.Laparoscopic_slider .col-md-offset-3 {
margin-left: 25%;
}
.ent_header_wrapper .navbar{
margin-top:0px;
}
.laparoscopio_wrap #sidebar h1 {
color: #13bfb1 !important;
}
/* ent_section-4 end*/
/* footer css end*/
/*-----------------------------*/
/* index_bariatric strat */
/*-----------------------------*/
.menu_header_bariatric {
position:absolute;
z-index:10;
width:100%;
}
.menu_wrapper_bariatric {
position:relative;
width:100%;
z-index:2;
background-color:rgba(0,
0,
0,
0.4);
line-height:0;
}
.menu_wrapper_bariatric .logo_image {
vertical-align:middle;
height:70px;
display:inline-block;
position:relative;
}
.menu_wrapper_bariatric .logo_image:before {
content:'';
position:absolute;
top:-35px;
bottom:-10px;
left:-1000px;
right:-45px;
background-color:#fff;
-webkit-transform:skewX(-33deg);
-khtml-transform:skewX(-33deg);
-moz-transform:skewX(-33deg);
-ms-transform:skewX(-33deg);
transform:skewX(-33deg);
z-index:-1;
}
.menu_wrapper_bariatric .logo_image img {
-webkit-transition:all 0.5s ease-out;
-khtml-transition:all 0.5s ease-out;
-moz-transition:all 0.5s ease-out;
-ms-transition:all 0.5s ease-out;
transition:all 0.5s ease-out;
position:relative;
z-index:1;
}
.menu_wrapper_bariatric .menu_wrapper_navigation {
display:inline-block;
float:right;
}
.menu_wrapper_bariatric .menu_wrapper_navigation ul {
display:inline-block;
list-style:none;
position:relative;
margin:0;
padding:0;
}
.menu_wrapper_bariatric .menu_wrapper_navigation ul > li {
position:relative;
float:left;
margin:0;
padding:0;
}
.menu_wrapper_bariatric .menu_wrapper_navigation ul > li > a:hover,
.menu_wrapper_bariatric .menu_wrapper_navigation ul > li > a:focus,
.menu_wrapper_bariatric .menu_wrapper_navigation ul > li.active > a {
color:#13bfb1;
-webkit-transition:all 0.5s;
-o-transition:all 0.5s;
-ms-transition:all 0.5s;
-moz-transition:all 0.5s;
transition:all 0.5s;
}
.menu_wrapper_bariatric .menu_wrapper_navigation ul > li > a {
color:#ffffff;
display:block;
line-height:70px;
padding:0 20px;
font-size:14px;
font-weight:400;
text-transform:uppercase;
vertical-align:middle;
-webkit-transition:all 0.5s;
-o-transition:all 0.5s;
-ms-transition:all 0.5s;
-moz-transition:all 0.5s;
transition:all 0.5s;
}
.menu_wrapper_bariatric .menu_wrapper_navigation ul > li:last-child > a {
padding-right:0;
}
.menu_wrapper_bariatric .lv_search_bar {
line-height:70px;
padding:0px 0px 0px 15px;
color:#fff;
font-size:17px;
cursor:pointer;
}
.menu_wrapper_bariatric .lv_search_box {
position:absolute;
height:55px;
width:280px;
padding:5px;
top:100%;
display:inline-block;
border-radius:0px;
-webkit-box-shadow:0px 4px 10px -2px rgba(0,
0,
0,
0.23);
-moz-box-shadow:0px 4px 10px -2px rgba(0,
0,
0,
0.23);
-o-box-shadow:0px 4px 10px -2px rgba(0,
0,
0,
0.23);
-ms-box-shadow:0px 4px 10px -2px rgba(0,
0,
0,
0.23);
box-shadow:0px 4px 10px -2px rgba(0,
0,
0,
0.23);
background-color:#ffffff;
display:none;
z-index:1000;
right:0;
}
.menu_wrapper_bariatric .lv_search_box input {
float:left;
width:calc(100% - 45px);
padding:0 49px 0 10px;
height:45px;
border:1px solid #ececec;
border-right:0px;
}
.menu_wrapper_bariatric .lv_search_box button {
width:48px;
color:#ffc722;
background:#363533;
border:1px solid #363533;
border-left:none;
line-height:45px;
text-align:center;
position:absolute;
top:4px;
right:5px;
border:none;
outline:none;
box-shadow:none;
display:block;
padding:0;
cursor:pointer;
border-radius:0;
-webkit-transition:all 0.5s;
-o-transition:all 0.5s;
-ms-transition:all 0.5s;
-moz-transition:all 0.5s;
transition:all 0.5s;
}
.menu_wrapper_bariatric .lv_search_box button:hover {
color:#363533;
background:#ffc722;
border-color:#ffc722;
-webkit-transition:all 0.5s;
-o-transition:all 0.5s;
-ms-transition:all 0.5s;
-moz-transition:all 0.5s;
transition:all 0.5s;
}
.menu_header_bariatric .top_bar_social_panel {
text-align:right;
margin:0;
border:0;
box-shadow:none;
background:transparent;
float:left;
width:100%;
}
.menu_header_bariatric .top_bar_social_panel .top_bar_social_wrapper {
display:inline-block;
}
..menu_wrapper_bariatric i,
.contact_number span {
position:relative;
color:#fff;
font-size:17px;
}
.menu_header_bariatric .contact_number{
position:absolute;
content:'';
left:0;
right:0;
top:-3px;
bottom:0;
color:#fff;
-webkit-transform:skewX(-33deg);
-khtml-transform:skewX(-33deg);
-moz-transform:skewX(-33deg);
-ms-transform:skewX(-33deg);
transform:skewX(-33deg);
}
.menu_header_bariatric .contact_number {
display:inline-block;
padding:5px 13px;
margin-right:10px;
position:relative;
margin-right:30px;
background-color:#13bfb1;
}
.menu_header_bariatric .contact_number i{
-webkit-transform:inherit;
-khtml-transform:inherit;
-moz-transform:inherit;
-ms-transform:inherit;
transform: inherit;
}
.menu_header_bariatric .contact_number i {
margin-right:10px;
}
.menu_header_bariatric .top_bar_social_panel .top_bar_social_wrapper .top_bar_social_wrapper_icon a {
display:inline-block;
padding:5px 13px;
margin-right:10px;
position:relative;
}
.menu_header_bariatric .top_bar_social_panel .top_bar_social_wrapper .top_bar_social_wrapper_icon a i {
font-size:17px;
position:relative;
color:#fff;
}
.menu_header_bariatric .top_bar_social_panel .top_bar_social_wrapper .top_bar_social_wrapper_icon a:hover i {
color:#363533;
}
.menu_header_bariatric .top_bar_social_panel .top_bar_social_wrapper .top_bar_social_wrapper_icon a:hover:before {
position:absolute;
content:'';
left:0;
right:0;
top:-3px;
bottom:0;
background-color:#13bfb1;
-webkit-transform:skewX(-33deg);
-khtml-transform:skewX(-33deg);
-moz-transform:skewX(-33deg);
-ms-transform:skewX(-33deg);
transform:skewX(-33deg);
}
.menu_wrapper_bariatric .menu_dropdown {
background:#363533;
display:none;
position:absolute;
width:220px;
}
.menu_wrapper_bariatric .menu_dropdown_wrapper .menu_dropdown:before {
content:'';
width:100%;
height:3px;
top:-3px;
left:0;
right:0;
background:#13bfb1;
position:absolute;
}
.menu_wrapper_bariatric .menu_wrapper_nav li.menu_dropdown_wrapper:hover .menu_dropdown {
display:block;
-webkit-transition:all 0.5s;
-o-transition:all 0.5s;
-ms-transition:all 0.5s;
-moz-transition:all 0.5s;
transition:all 0.5s;
}
.menu_wrapper_bariatric .menu_wrapper_navigation li.menu_dropdown_wrapper .menu_dropdown ul > li > a {
padding:10px 25px;
line-height:normal;
font-size:14px;
}
/*navbar-toggle*/
.menu_wrapper_bariatric .navbar-toggle {
border-radius:0;
border:0;
margin:0;
padding:9px 0px;
}
.menu_wrapper_bariatric .navbar-toggle .icon-bar {
width:16px;
background-color:#ffc722 !important;
}
.menu_wrapper_bariatric .navbar-toggle:hover .icon-bar {
background-color:#ffc722 !important;
}
.menu_wrapper_bariatric .navbar-default .navbar-toggle:focus,
.menu_wrapper_bariatric .navbar-default .navbar-toggle:hover {
background-color:transparent;
}
/* mobail_menu_main */
.menu_fixed .logo_image {
line-height:70px;
}
.menu_header_bariatric .top_bar_social_panel .num_count a {
color:#fff!important;
}
.menu_header_bariatric .mobail_menu_main {
float:none;
width:100%;
}
.menu_header_bariatric #sidebar {
position:fixed;
display:block;
height:100%;
top:0px;
left:-500px;
background-color:#ffffff;
overflow:scroll;
overflow-x:hidden;
z-index:1000;
}
.menu_header_bariatric #links {
position:relative;
float:left;
}
.menu_header_bariatric #link_list {
list-style-type:none;
width:100%;
padding:0px 50px 0px 0px;
}
.menu_header_bariatric #link_list li {
display:block;
width:100%;
}
.menu_header_bariatric #link_list li:hover {
background-color:#13bfb1;
}
.menu_header_bariatric #toggle_close {
position:absolute;
z-index:100;
right:20px;
top:10px;
font-size:25px;
color:#fff;
cursor:pointer;
}
@import url(https://fonts.googleapis.com/css?family=Raleway:400,200);
.menu_header_bariatric #cssmenu,
.menu_header_bariatric #cssmenu ul,
.menu_header_bariatric #cssmenu ul li,
.menu_header_bariatric #cssmenu ul li a {
margin:0;
padding:0;
border:0;
list-style:none;
line-height:1;
display:block;
position:relative;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.menu_header_bariatric #cssmenu {
width:300px;
font-family:Raleway,sans-serif;
color:#ffffff;
}
.menu_header_bariatric #cssmenu ul ul {
display:none;
}
.menu_header_bariatric #cssmenu > ul > li.active > ul {
display:block;
}
.menu_header_bariatric .align-right {
float:right;
}
.menu_header_bariatric #cssmenu > ul > li > a {
padding:16px 22px;
cursor:pointer;
z-index:2;
font-size:16px;
text-decoration:none;
color:#000000;
font-weight:500;
border-bottom:1px solid #d3d3d3;
background:#ffffff;
-webkit-transition:all 0.5s;
-o-transition:all 0.5s;
-ms-transition:all 0.5s;
-moz-transition:all 0.5s;
transition:all 0.5s;
}
.menu_header_bariatric #cssmenu > ul > li:first-child > a {
border-top:1px solid #d3d3d3;
}
.menu_header_bariatric #cssmenu > ul > li > a:hover {
background:#13bfb1;
border-bottom:1px solid #d3d3d3;
color:#ffffff;
-webkit-transition:all 0.5s;
-o-transition:all 0.5s;
-ms-transition:all 0.5s;
-moz-transition:all 0.5s;
transition:all 0.5s;
}
.menu_header_bariatric #cssmenu ul > li.has-sub > a:after {
position:absolute;
right:26px;
top:19px;
z-index:5;
display:block;
height:10px;
width:2px;
background:#000000;
content:"";
-webkit-transition:all 0.1s ease-out;
-moz-transition:all 0.1s ease-out;
-ms-transition:all 0.1s ease-out;
-o-transition:all 0.1s ease-out;
transition:all 0.1s ease-out;
-webkit-transition:all 0.5s;
-o-transition:all 0.5s;
-ms-transition:all 0.5s;
-moz-transition:all 0.5s;
transition:all 0.5s;
}
.menu_header_bariatric #cssmenu ul > li.has-sub > a:before {
position:absolute;
right:22px;
top:23px;
display:block;
width:10px;
height:2px;
background:#000000;
content:"";
-webkit-transition:all 0.1s ease-out;
-moz-transition:all 0.1s ease-out;
-ms-transition:all 0.1s ease-out;
-o-transition:all 0.1s ease-out;
transition:all 0.1s ease-out;
-webkit-transition:all 0.5s;
-o-transition:all 0.5s;
-ms-transition:all 0.5s;
-moz-transition:all 0.5s;
transition:all 0.5s;
}
.menu_header_bariatric #cssmenu ul > li.has-sub > a:hover:after,
#cssmenu ul > li.has-sub > a:hover:before {
background:#ffffff;
-webkit-transition:all 0.5s;
-o-transition:all 0.5s;
-ms-transition:all 0.5s;
-moz-transition:all 0.5s;
transition:all 0.5s;
}
.menu_header_bariatric #cssmenu ul > li.has-sub.open > a:after,
.menu_header_bariatric #cssmenu ul > li.has-sub.open > a:before {
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.menu_header_bariatric #cssmenu ul ul li a {
padding:14px 22px;
cursor:pointer;
z-index:2;
font-size:14px;
text-decoration:none;
color:#ffffff;
font-weight:bold;
background:#13bfb1;
-webkit-transition:color .2s ease;
-o-transition:color .2s ease;
transition:color .2s ease;
}
.menu_header_bariatric #cssmenu ul ul ul li a {
padding-left:32px;
}
.menu_header_bariatric #cssmenu ul ul li a:hover {
color:#ffffff;
}
.menu_header_bariatric #cssmenu ul ul > li.has-sub > a:after {
top:16px;
right:26px;
background:#ffffff;
}
.menu_header_bariatric #cssmenu ul ul > li.has-sub > a:before {
top:20px;
background:#ffffff;
}
.menu_header_bariatric #sidebar h1 {
padding:15px 0px;
background:#13bfb1;
font-size:20px;
color:#fff;
padding-left:20px;
font-weight:bold;
}
.menu_header_bariatric .navbar-default .navbar-nav.main-nav>li>a:after {
background:#fff none repeat scroll 0 0;
border-radius:4px;
content:"";
height:2px;
left:23px;
opacity:0;
position:absolute;
bottom:23px;
transition:all 0.3s ease-in-out 0s;
width:25px;
}
.menu_header_bariatric .navbar-default .navbar-nav.main-nav>li>a:hover:after {
background:#fff none repeat scroll 0 0;
border-radius:4px;
content:"";
height:3px;
left:22px;
opacity:1;
position:absolute;
bottom:23px;
transition:all 0.3s ease-in-out 0s;
width:25px;
}
.contact_number i,
.contact_number span {
color:#fff;
}
/* header end */
/*-- slider_area_bariatric Start --*/
.slider_area_bariatric .carousel-inner .carousel-item .carousel-captions .content {
display:block;
position:relative;
z-index:999;
overflow:hidden;
vertical-align:middle;
padding-top:250px;
padding-bottom:250px;
}
.slider_area_bariatric {
float:left;
width:100%;
position:relative;
}
.slider_area_bariatric .carousel-inner .carousel-item .caption-1 {
width:100%;
height:100%;
background-position:center;
background-size:cover;
background-repeat:no-repeat;
background:url(../images/bariatric/02.jpg) 50% 0 repeat-y;
position:relative;
min-height:850px;
}
.slider_area_bariatric .carousel-inner .carousel-item .caption-2 {
width:100%;
height:100%;
background-position:center;
background-size:cover;
background-repeat:no-repeat;
background:url(../images/bariatric/01.jpg) 50% 0 repeat-y;
position:relative;
min-height:850px;
}
.slider_area_bariatric .carousel-inner .carousel-item .caption-3 {
width:100%;
height:100%;
background-position:center;
background-size:cover;
background-repeat:no-repeat;
background:url(../images/bariatric/0.jpg) 50% 0 repeat-y;
position:relative;
min-height:850px;
}
.slider_area_bariatric .carousel-inner .carousel-item .carousel-captions:after {
content:'';
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
background:rgba(0,
0,
0,
0.8);
}
.slider-area .carousel-inner .carousel-item .carousel-captions .content {
display:block;
position:relative;
z-index:999;
overflow:hidden;
vertical-align:middle;
padding-top:250px;
padding-bottom:250px;
}
.slider_area_bariatric .carousel-inner .carousel-item .carousel-captions .content h2 {
color:#fff;
font-size:70px;
font-family:"Playfair Display",
serif;
font-weight:400;
margin:0 0 45px;
animation-delay:1s;
}
.slider_area_bariatric .carousel-inner .carousel-item .carousel-captions .content h2 span {
color:#13bfb1;
line-height:65px;
}
.slider_area_bariatric .carousel-inner .carousel-item .carousel-captions .content p {
font-size:24px;
color:#fff;
margin:0 0 50px;
animation-delay:1.5s;
line-height:30px;
}
.slider_area_bariatric .carousel-inner .carousel-item .carousel-captions .content_tabs {
display:block;
position:relative;
z-index:999;
overflow:hidden;
vertical-align:middle;
padding-top:140px;
}
.slider_area_bariatric .carousel-inner .carousel-indicators {
position:absolute;
left:inherit;
right:0;
margin:0;
list-style:none;
width:0;
z-index:9;
width:auto;
top:40%;
display:inline-block;
}
.slider_area_bariatric .carousel-inner .carousel-indicators li {
text-indent:0;
position:relative;
height:50px;
line-height:50px;
background-color:transparent;
display:block;
border:none;
border-radius:0;
width:250px;
cursor:pointer;
font-size:16px;
margin:0;
color:#fff;
font-family:"Poppins",
sans-serif;
text-align:left;
background:rgba(33,
33,
33,
0.5);
padding:0 30px;
}
.slider_area_bariatric .carousel-inner .carousel-indicators li span.number {
display:inline-block;
padding-right:15px;
}
.slider_area_bariatric .carousel-inner .carousel-indicators li span.con {
display:inline-block;
position:relative;
padding-left:42px;
}
.slider_area_bariatric .carousel-inner .carousel-indicators li span.con:after {
content:'';
position:absolute;
left:0;
top:50%;
height:1px;
background:#13bfb1;
width:26px;
}
.slider_area_bariatric .carousel-inner .carousel-indicators li.active {
background:rgba(0,
0,
0,
0.5);
}
.slider_area_bariatric .carousel-inner .carousel-indicators li:first-child {
margin-top:0;
}
.slider_area_bariatric .carousel-inner .carousel-item .carousel-captions .content .btn1 {
float:left;
width:180px;
height:50px;
line-height:50px;
font-size:18px;
color:#ffffff;
text-align:center;
-webkit-border-radius:50px;
-moz-border-radius:50px;
border-radius:50px;
background:rgba(255,
255,
255,
0.21);
animation-delay:2s;
-webkit-transition:all 0.5s;
-o-transition:all 0.5s;
-ms-transition:all 0.5s;
-moz-transition:all 0.5s;
transition:all 0.5s;
}
.slider_area_bariatric .carousel-inner .carousel-item .carousel-captions .content .btn1:hover {
background:#13bfb1;
-webkit-transition:all 0.5s;
-o-transition:all 0.5s;
-ms-transition:all 0.5s;
-moz-transition:all 0.5s;
transition:all 0.5s;
}
/* slider_area_bariatric end */
/* about_bariatric_section start */
.about_bariatric_section {
float:left;
width:100%;
padding-top:100px;
padding-bottom:100px;
}
.bariatric_text_wrapper {
float:left;
width:100%;
}
.bariatric_text_wrapper h2 {
font-size:40px;
font-weight:400;
margin-bottom:20px;
}
.bariatric_text_wrapper p {
font-size:14px;
font-weight:300;
line-height:26px;
margin-bottom:15px;
}
.bariatric_text_wrapper .list_wrapper {
margin:0;
padding:0;
list-style:none;
}
.bariatric_text_wrapper .list_wrapper li:first-child {
padding-top:0px;
}
.bariatric_text_wrapper .list_wrapper li {
margin-bottom:10px;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
}
.bariatric_text_wrapper .list_wrapper li i {
float:left;
font-size:23px;
color:#13bfb1;
}
.bariatric_text_wrapper .list_wrapper li p {
font-size:16px;
font-weight:300;
padding:0px 0 0px 35px;
margin-bottom:0;
}
.about_bariatric_video {
float:left;
width:100%;
}
.about_bariatric_video .play-trigger {
position:absolute;
left:50%;
top:50%;
width:60px;
height:60px;
border-radius:50%;
margin-left:-30px;
margin-top:-30px;
border:0;
color:#13bfb1;
background:#fff;
font-size:20px;
line-height:60px;
text-align:center;
-webkit-transition:all 0.3s ease 0s;
-moz-transition:all 0.3s ease 0s;
-o-transition:all 0.3s ease 0s;
transition:all 0.3s ease 0s;
}
.about_bariatric_video .play-trigger:hover {
color:#fff;
background:#13bfb1;
}
.about_bariatric_video .play-trigger i {
margin-left:5px;
}
.about_bariatric_video img {
width:100%;
}
/* about_bariatric_section start */
/* bariatric_procedure_section start */
.bariatric_procedure_section {
width:100%;
float:left;
background-image:url(../images/bariatric/produre_bg.jpg);
height:100%;
background-position:center 0;
background-size:cover;
position:relative;
padding-bottom:100px;
padding-top:100px;
}
.bariatric_procedure_section .section_heading h2 {
text-align:center;
padding-bottom:15px;
position:relative;
margin:0 0 50px 0;
color:#fff;
}
.bariatric_procedure_section .section_heading h2:after {
content:"";
background:#13bfb1;
width:60px;
height:2px;
position:absolute;
left:50%;
bottom:0;
margin-left:-25px;
}
.bariatric_procedure_section .section_heading .border {
color:rgba(255,
255,
255,
0.40);
}
.bariatric_procedure_overlay {
position:absolute;
top:0%;
left:0%;
right:0%;
bottom:0%;
background:#08080a;
opacity:0.9;
}
.bariatric_procedure_wrapper i {
background:#13bfb1;
border-radius:50%;
text-align:center;
width:120px;
height:120px;
line-height:120px;
margin-bottom:34px;
}
.bariatric_procedure_wrapper i:before {
font-size:40px;
margin-left:0;
color:#fff;
}
.bariatric_procedure_wrapper {
padding:30px 20px;
margin-bottom:50px;
text-align:center;
position:relative;
background:#fff;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;
}
.bariatric_procedure_wrapper i {
display:inline-block;
}
.bariatric_procedure_wrapper h4 {
margin-bottom:30px;
text-transform:capitalize;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;
}
.bariatric_procedure_wrapper h4 a {
color:#111;
font-size:18px;
font-weight:500;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;
}
.bariatric_procedure_wrapper p {
color:#999;
padding:0px 30px;
font-size:14px;
}
/*bariatric_procedure_section end*/
/*department_appointment_section start */
.bariatric_form_bg {
background:rgba(68,
68,
65,
0.77);
padding:20px;
}
.bariatric_appointment_form form {
background-color:rgb(255,
255,
255);
padding:20px;
}
.bariatric_appointment_form .form-group {
margin-bottom:30px;
}
.bariatric_appointment_form .form-control {
border-top:0px;
border-left:0px;
border-right:0px;
border-bottom:1px solid #61615e;
background:transparent;
-webkit-transition:all 0.3s ease 0s;
-moz-transition:all 0.3s ease 0s;
-o-transition:all 0.3s ease 0s;
transition:all 0.3s ease 0s;
}
.sr-only {
position:absolute;
width:1px;
height:1px;
padding:0;
margin:-1px;
overflow:hidden;
clip:rect(0,
0,
0,
0);
border:0;
}
.bariatric_appointment_form .btn-blue.focus,
.bariatric_appointment_form .btn-blue:hover {
color:#13bfb1;
background-color:transparent;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
}
.bariatric_appointment_form button.btn {
display:block;
background:#13bfb1;
border:1px solid #13bfb1;
border-radius:30px;
color:#fff;
padding:10px 30px;
margin:14px 20px;
font-weight:400;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
}
.bariatric_timing_wrapper {
float:left;
width:100%;
background:#13bfb1;
height:568px;
padding:0px 30px;
padding-top:40px;
}
.bariatric_timing_wrapper h4 {
color:#fff;
margin-bottom:30px;
font-size:24px;
line-height:26px;
font-weight:700;
}
.bariatric_timing_wrapper .working-hours li {
margin-bottom:25px;
color:#fff;
font-size:16px;
}
.bariatric_timing_wrapper .working-hours li .docters_name {
font-size:16px;
}
.bariatric_timing_wrapper .working-hours li .docters_timing {
float:right;
}
.department_appointment_section .form-control {
border:1px solid #ededed;
border-radius:0;
box-shadow:none;
}
/*department_appointment_section end */
/* footer start*/
.footer_bariatric {
float:left;
width:100%;
height:100%;
background-size:cover;
background-position:center 0;
}
.footer_bariatric .footer_wrapper {
float:left;
width:100%;
padding-top:100px;
padding-bottom:100px;
background-color:rgb(54,
53,
51,
0.8);
}
.footer_bariatric h4 {
font-size:18px;
font-weight:500;
padding-bottom:30px;
color:#fff;
}
.footer_bariatric h4:after {
display:block;
content:"";
background:#13bfb1;
width:40px;
height:2px;
margin-top:13px;
}
.footer_bariatric .footer_widget {
float:left;
width:100%;
}
.footer_bariatric .abotus_content {
float:left;
width:100%;
padding-bottom:20px;
}
.footer_bariatric .abotus_content img {
margin-bottom:20px;
}
.footer_bariatric .abotus_content p {
font-size:16px;
color:#b1afaf;
margin-bottom:10px;
letter-spacing:1px;
}
.footer_bariatric .footer_icon_wrapper {
float:left;
width:100%;
margin-bottom:15px;
}
.footer_bariatric .footer_icon_wrapper i {
float:left;
color:#fff;
font-size:20px;
color:#b1afaf;
margin-right:15px;
}
.footer_bariatric .footer_icon_wrapper p {
font-size:16px;
color:#b1afaf;
font-weight:300;
}
.footer_bariatric .footer_service_wrapper {
margin:0;
padding:0;
list-style:none;
}
.footer_bariatric .footer_service_wrapper li {
margin-bottom:20px;
}
.footer_bariatric .footer_service_wrapper li i {
color:#b1afaf;
margin-right:10px;
}
.footer_bariatric .footer_service_wrapper li a {
color:#b1afaf;
font-size:15px;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
}
.footer_bariatric .footer_service_wrapper li a:hover {
color:#13bfb1;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
}
.footer_bariatric .footer_newsletter {
float:left;
width:100%;
margin-bottom:20px;
}
.footer_bariatric .footer_newsletter p {
color:#999;
font-size:15px;
margin-bottom:15px;
}
.footer_bariatric .footer_newsletter input {
width:100%;
height:45px;
background:#ffffff;
font-size:15px;
line-height:45px;
border-radius:4px;
padding:0 65px 0 20px;
color:#838486;
border:none;
}
.footer_bariatric .footer_newsletter i {
background:#13bfb1;
color:#fff;
height:45px;
width:50px;
position:absolute;
text-align:center;
line-height:45px;
right:15px;
}
.footer_bariatric .newsletter_social_icons li {
float:left;
margin-left:10px;
}
.footer_bariatric .newsletter_social_icons li:first-child {
margin-left:0px;
}
.footer_bariatric .newsletter_social_icons li a {
float:left;
width:50px;
height:50px;
line-height:50px;
text-align:center;
color:#d0d0d0;
border:1px solid #e8e8e8;
border-radius:50%;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
font-size:18px;
}
.footer_bariatric .newsletter_social_icons li a:hover {
background:#13bfb1;
border:1px solid #13bfb1;
color:#fff;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
}
.footer_bottom_wrapper_bariatric {
float:left;
width:100%;
background:#222;
text-align:center;
}
.footer_bottom_wrapper_bariatric.footer_copyright_wrapper {
font-family:'Roboto';
text-transform:capitalize;
float:left;
width:100%;
display:inline-block;
padding-top:30px;
padding-bottom:30px;
}
.footer_bottom_wrapper_bariatric .footer_copyright_wrapper p {
margin:0;
padding:20px 0px;
}
.footer_bottom_wrapper_bariatric .footer_copyright_wrapper a {
color:#13bfb1;
}
.about_bariatric_section #return-to-top {
position:fixed;
bottom:20px;
right:20px;
background:#13bfb1;
width:45px;
height:45px;
display:block;
text-decoration:none;
-webkit-border-radius:35px;
-moz-border-radius:35px;
border-radius:0px;
display:none;
-webkit-transition:all 0.3s linear;
-moz-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
transition:all 0.3s ease;
z-index:1000;
}
.about_bariatric_section #return-to-top i {
color:#fff;
margin:0;
position:relative;
left:13px;
top:5px;
font-size:30px;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
transition:all 0.3s ease;
}
.about_bariatric_section #return-to-top:hover i {
color:#fff;
top:5px;
}
/* footer end*/
/*-----------------------------*/
/* index_neurology strat */
/*-----------------------------*/
/* neuorology_main_header start */
.neuorology_main_header {
float:left;
width:100%;
background:transparent;
}
/*-- top header Start --*/
.neurology_top_header_wrapper {
float:left;
width:100%;
padding-top:15px;
padding-bottom:15px;
background-color:#ffffff;
}
.neurology_top_header_wrapper .et_top_contect p {
float:left;
letter-spacing:1px;
font-size:14px;
}
.neurology_top_header_wrapper .et_top_contect p:last-child {
margin-left:40px;
}
.neurology_top_header_wrapper .et_top_contect p a:hover {
color:#f37f2a;
-webkit-transition:all 0.5s;
-o-transition:all 0.5s;
-ms-transition:all 0.5s;
-moz-transition:all 0.5s;
transition:all 0.5s;
}
.neurology_top_header_wrapper .et_top_contect i {
color:#f37f2a;
padding-right:5px;
}
.neurology_top_header_wrapper .breadcrumb {
background:transparent;
margin:0;
padding:0;
font-size:14px;
letter-spacing:1px;
}
.neurology_top_header_wrapper .breadcrumb li {
margin-left:0 !important;
}
.neurology_top_header_wrapper .breadcrumb a,
.neurology_top_header_wrapper .et_top_contect p a {
-webkit-transition:all 0.5s;
-o-transition:all 0.5s;
-ms-transition:all 0.5s;
-moz-transition:all 0.5s;
transition:all 0.5s;
}
.neurology_top_header_wrapper .breadcrumb a:hover {
color:#f37f2a;
-webkit-transition:all 0.5s;
-o-transition:all 0.5s;
-ms-transition:all 0.5s;
-moz-transition:all 0.5s;
transition:all 0.5s;
}
.neurology_top_header_wrapper .breadcrumb i {
padding-right:5px;
color:#f37f2a;
}
.neurology_top_header_wrapper .et_right_side_warpper ul {
float:right;
margin-right:20px;
margin-top: 8px;
}
.neurology_top_header_wrapper .et_right_side_warpper li {
float:left;
margin-left:15px;
}
.neurology_top_header_wrapper .plumb_top_socialicon ul {
margin-right:20px;
}
.neurology_top_header_wrapper .plumb_top_socialicon li a {
font-size:16px;
-webkit-transition:all 0.5s;
-o-transition:all 0.5s;
-ms-transition:all 0.5s;
-moz-transition:all 0.5s;
transition:all 0.5s;
}
.neurology_top_header_wrapper .plumb_top_socialicon li a:hover {
color:#f37f2a;
-webkit-transition:all 0.5s;
-o-transition:all 0.5s;
-ms-transition:all 0.5s;
-moz-transition:all 0.5s;
transition:all 0.5s;
}
/*-- top header End --*/
.neurology_slider_main_wrapper .tp-caption.Creative-SubTitle, .Creative-SubTitle {
color: #13bfb1;
}
.neurology_slider_main_wrapper {
float:left;
width:100%;
position:relative;
}
/* header_contact_wrapper end*/
/*neurology_navigation_wrapper start*/
.neurology_navigation_wrapper {
float:left;
width:100%;
background:#343a40;
}
.neurology_navigation_wrapper .navbar .navbar-nav>li {
padding:10px 10px;
}
.neurology_navigation_wrapper .navbar .navbar-nav {
float:left;
}
.neurology_navigation_wrapper .navbar .navbar-nav .dropdown-menu {
padding:0px;
margin:0px;
border-radius:0px;
}
.neurology_navigation_wrapper .navbar .navbar-nav>li:hover .dropdown-menu {
display:block;
-webkit-transition:all 0.5s;
-o-transition:all 0.5s;
-ms-transition:all 0.5s;
-moz-transition:all 0.5s;
transition:all 0.5s;
}
.neurology_navigation_wrapper .dropdown-item {
display:block;
clear:both;
background-color:transparent;
padding:12px 20px;
}
.neurology_navigation_wrapper .dropdown-item:hover {
background:#343a40;
color:#fff;
}
/*neurology_navigation_wrapper end*/
/* about_neurology_section start*/
.about_neurology_section {
float:left;
width:100%;
padding-top:100px;
padding-bottom:100px;
}
.about_neurology_section .section_heading h2 {
color:#111;
text-align:center;
padding-bottom:15px;
position:relative;
margin:0 0 50px 0;
}
.about_neurology_section .section_heading h2:after {
content:"";
background:#13bfb1;
width:60px;
height:2px;
position:absolute;
left:50%;
bottom:0;
margin-left:-25px;
}
.neurology_text_wrapper,
.neurology_image_wrapper {
float:left;
width:100%;
}
.neurology_text_wrapper {
margin-bottom:45px;
}
.neurology_image_wrapper img {
width:100%;
}
.neurology_image_wrapper {
margin-bottom:60px;
}
.neurology_text_wrapper h2 {
font-size:36px;
margin-bottom:30px;
}
.neurology_text_wrapper p {
text-align:center;
padding:0px 106px;
font-size:15px;
}
.neurology_infobox_wrapper h4 {
font-size:20px;
font-weight:500;
margin-bottom:15px;
color:#333;
}
.neurology_infobox_wrapper {
float:left;
width:100%;
padding:0px 30px;
}
.neurology_infobox_wrapper p {
font-size:14px;
}
.laparoscopic_procedures_wrapper .thumbnail .caption h4 a {
color:#333;
}
/* about_neurology_section end*/
/* neurology_appointment_section start */
.neurology_appointment_section {
float:left;
width:100%;
padding-top:100px;
padding-bottom:100px;
background:#f7f7f7;
}
.neurology_appointment_section .appointment_form_section h4 {
color:#111;
}
.neurology_top_header_wrapper .et_left_side_warpper {
margin-left:7px;
}
.neurology_top_header_wrapper .et_left_side_warpper a {
font-size:16px;
color:#333;
margin-left:15px;
}
.neurology_top_header_wrapper .et_left_side_warpper i {
color:#13bfb1;
}
.neurology_navigation_wrapper #sidebar {
position:fixed;
display:block;
height:100%;
top:0px;
left:-500px;
background-color:#ffffff;
overflow:scroll;
overflow-x:hidden;
z-index:1000;
}
.neurology_navigation_wrapper #links {
position:relative;
float:left;
}
.neurology_navigation_wrapper #link_list {
list-style-type:none;
width:100%;
padding:0px 50px 0px 0px;
}
.neurology_navigation_wrapper #link_list li {
display:block;
width:100%;
}
.neurology_navigation_wrapper #link_list li:hover {
background-color:#13bfb1;
}
.neurology_navigation_wrapper #toggle_close {
position:absolute;
z-index:100;
right:20px;
top:10px;
font-size:25px;
color:#fff;
cursor:pointer;
}
@import url(https://fonts.googleapis.com/css?family=Raleway:400,200);
.neurology_navigation_wrapper #cssmenu,
.neurology_navigation_wrapper #cssmenu ul,
.neurology_navigation_wrapper #cssmenu ul li,
.neurology_navigation_wrapper #cssmenu ul li a {
margin:0;
padding:0;
border:0;
list-style:none;
line-height:1;
display:block;
position:relative;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.neurology_navigation_wrapper #cssmenu {
width:300px;
font-family:Raleway,
sans-serif;
color:#ffffff;
}
.neurology_navigation_wrapper #cssmenu ul ul {
display:none;
}
.neurology_navigation_wrapper #cssmenu > ul > li.active > ul {
display:block;
}
.neurology_navigation_wrapper .align-right {
float:right;
}
.neurology_navigation_wrapper #cssmenu > ul > li > a {
padding:16px 22px;
cursor:pointer;
z-index:2;
font-size:16px;
text-decoration:none;
color:#000000;
font-weight:500;
border-bottom:1px solid #d3d3d3;
background:#ffffff;
-webkit-transition:all 0.5s;
-o-transition:all 0.5s;
-ms-transition:all 0.5s;
-moz-transition:all 0.5s;
transition:all 0.5s;
}
.neurology_navigation_wrapper #cssmenu > ul > li:first-child > a {
border-top:1px solid #d3d3d3;
}
.neurology_navigation_wrapper #cssmenu > ul > li > a:hover {
background:#13bfb1;
border-bottom:1px solid #d3d3d3;
color:#ffffff;
-webkit-transition:all 0.5s;
-o-transition:all 0.5s;
-ms-transition:all 0.5s;
-moz-transition:all 0.5s;
transition:all 0.5s;
}
.neurology_navigation_wrapper #cssmenu ul > li.has-sub > a:after {
position:absolute;
right:26px;
top:19px;
z-index:5;
display:block;
height:10px;
width:2px;
background:#000000;
content:"";
-webkit-transition:all 0.1s ease-out;
-moz-transition:all 0.1s ease-out;
-ms-transition:all 0.1s ease-out;
-o-transition:all 0.1s ease-out;
transition:all 0.1s ease-out;
-webkit-transition:all 0.5s;
-o-transition:all 0.5s;
-ms-transition:all 0.5s;
-moz-transition:all 0.5s;
transition:all 0.5s;
}
.neurology_navigation_wrapper #cssmenu ul > li.has-sub > a:before {
position:absolute;
right:22px;
top:23px;
display:block;
width:10px;
height:2px;
background:#000000;
content:"";
-webkit-transition:all 0.1s ease-out;
-moz-transition:all 0.1s ease-out;
-ms-transition:all 0.1s ease-out;
-o-transition:all 0.1s ease-out;
transition:all 0.1s ease-out;
-webkit-transition:all 0.5s;
-o-transition:all 0.5s;
-ms-transition:all 0.5s;
-moz-transition:all 0.5s;
transition:all 0.5s;
}
.neurology_navigation_wrapper #cssmenu ul > li.has-sub > a:hover:after,
.neurology_navigation_wrapper #cssmenu ul > li.has-sub > a:hover:before {
background:#ffffff;
-webkit-transition:all 0.5s;
-o-transition:all 0.5s;
-ms-transition:all 0.5s;
-moz-transition:all 0.5s;
transition:all 0.5s;
}
.neurology_navigation_wrapper #cssmenu ul > li.has-sub.open > a:after,
.neurology_navigation_wrapper #cssmenu ul > li.has-sub.open > a:before {
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.neurology_navigation_wrapper #cssmenu ul ul li a {
padding:14px 22px;
cursor:pointer;
z-index:2;
font-size:14px;
text-decoration:none;
color:#ffffff;
font-weight:bold;
background:#13bfb1;
-webkit-transition:color .2s ease;
-o-transition:color .2s ease;
transition:color .2s ease;
}
.neurology_navigation_wrapper #cssmenu ul ul ul li a {
padding-left:32px;
}
.neurology_navigation_wrapper #cssmenu ul ul li a:hover {
color:#ffffff;
}
.neurology_navigation_wrapper #cssmenu ul ul > li.has-sub > a:after {
top:16px;
right:26px;
background:#ffffff;
}
.neurology_navigation_wrapper #cssmenu ul ul > li.has-sub > a:before {
top:20px;
background:#ffffff;
}
.neurology_navigation_wrapper #sidebar h1 {
padding:15px 0px;
background:#13bfb1;
font-size:20px;
color:#fff;
padding-left:20px;
font-weight:bold;
}
.neurology_navigation_wrapper .navbar {
float:left;
padding:0px;
}
.neurology_navigation_wrapper .lv_search_bar {
padding:0px 0px 0px 15px;
color:#fff;
font-size:17px;
cursor:pointer;
margin-left:240px;
margin-top:10px;
}
.neurology_navigation_wrapper .lv_search_box {
position:absolute;
height:55px;
width:280px;
padding:5px;
top:100%;
display:inline-block;
border-radius:0px;
-webkit-box-shadow:0px 4px 10px -2px rgba(0,
0,
0,
0.23);
-moz-box-shadow:0px 4px 10px -2px rgba(0,
0,
0,
0.23);
-o-box-shadow:0px 4px 10px -2px rgba(0,
0,
0,
0.23);
-ms-box-shadow:0px 4px 10px -2px rgba(0,
0,
0,
0.23);
box-shadow:0px 4px 10px -2px rgba(0,
0,
0,
0.23);
background-color:#ffffff;
display:none;
z-index:1000;
right:0;
}
.neurology_navigation_wrapper .lv_search_box input {
float:left;
width:calc(100% - 45px);
padding:0 49px 0 10px;
height:45px;
border:1px solid #ececec;
border-right:0px;
}
.neurology_navigation_wrapper .lv_search_box button {
width:48px;
color:#13bfb1;
background:#363533;
border:1px solid #363533;
border-left:none;
line-height:45px;
text-align:center;
position:absolute;
top:4px;
right:5px;
border:none;
outline:none;
box-shadow:none;
display:block;
padding:0;
cursor:pointer;
border-radius:0;
-webkit-transition:all 0.5s;
-o-transition:all 0.5s;
-ms-transition:all 0.5s;
-moz-transition:all 0.5s;
transition:all 0.5s;
}
.neurology_slider_main_wrapper .metis .tp-tab.selected .tp-tab-divider {
border-right: 1px solid #13bfb1;
}
/* footer_wrapper_neuorology css */
.footer_wrapper_neuorology {
float:left;
width:100%;
padding-top:100px;
background:#0f0f0f;
}
.footer_wrapper_neuorology .section_5_copyright_image {
float:left;
width:100%;
}
.footer_wrapper_neuorology .copyright_img {
float:left;
width:100%;
text-align:center;
border-bottom:1px solid #2e2e2e;
padding-bottom:60px;
}
.footer_wrapper_neuorology .copyright_img img {
display:inline-block;
}
.footer_wrapper_neuorology .section_5_copyright_text {
float:left;
width:100%;
padding-top:40px;
padding-bottom:40px;
}
.footer_wrapper_neuorology .section_5_copyright p {
margin:0;
text-transform:capitalize;
}
.footer_wrapper_neuorology .section_5_copyright p a {
color:#999;
}
.footer_wrapper_neuorology .section_5_copyright p a:hover {
color:#13bfb1;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
}
.footer_wrapper_neuorology .section_5_copyright,
.footer_wrapper_neuorology .section_5_footer_menu {
float:left;
width:100%;
}
.footer_wrapper_neuorology .section_5_footer_menu ul {
margin:0;
padding:0;
list-style:none;
float:right;
}
.footer_wrapper_neuorology .section_5_footer_menu ul li {
float:left;
margin-left:10px;
}
.footer_wrapper_neuorology .section_5_footer_menu ul li:first-child {
margin-left:0px;
}
.footer_wrapper_neuorology .section_5_footer_menu ul li a {
float:left;
color:#656565;
font-size:20px;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
}
.footer_wrapper_neuorology .section_5_footer_menu ul li a:hover {
color:#13bfb1;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
}
/* neurology_navigation_wrappercss end*/
.department_team_wrapper #return-to-top {
position:fixed;
bottom:20px;
right:20px;
background:#13bfb1;
width:45px;
height:45px;
display:block;
text-decoration:none;
-webkit-border-radius:35px;
-moz-border-radius:35px;
border-radius:0px;
display:none;
-webkit-transition:all 0.3s linear;
-moz-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
transition:all 0.3s ease;
z-index:1000;
}
.department_team_wrapper #return-to-top i {
color:#fff;
margin:0;
position:relative;
left:0px;
top:5px;
font-size:30px;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
transition:all 0.3s ease;
}
.department_team_wrapperon #return-to-top:hover i {
color:#fff;
top:5px;
}
.about_neurology_section #return-to-top {
position:fixed;
bottom:20px;
right:20px;
background:#13bfb1;
width:45px;
height:45px;
display:block;
text-decoration:none;
-webkit-border-radius:35px;
-moz-border-radius:35px;
border-radius:0px;
display:none;
-webkit-transition:all 0.3s linear;
-moz-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
transition:all 0.3s ease;
z-index:1000;
}
.about_neurology_section #return-to-top i {
color:#fff;
margin:0;
position:relative;
left:13px;
top:5px;
font-size:30px;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
transition:all 0.3s ease;
}
.about_neurology_section #return-to-top:hover i {
color:#fff;
top:5px;
}
/* neurology_appointment_section end */
.laparoscopio_wrap #cssmenu ul li:hover a, .menu_wrapper_3 #cssmenu ul li.active a {
background: #13bfb1!important;
}
/* menu-fixed start */
.ent_header_wrapper .main_menu_wrapper.menu_fixed {
position: fixed;
background: #f9f9f9;
-webkit-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
-moz-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
-o-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
-ms-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
z-index: 1000;
left: 0;
right: 0;
top: 0;
}
.orthopaedics_header_wrapper.menu_fixed {
position: fixed;
background: #33393f;
-webkit-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
-moz-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
-o-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
-ms-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
z-index: 1000;
left: 0;
right: 0;
top: 0;
}
.neurology_top_header_wrapper.menu_fixed {
position: fixed;
background: #33393f;
-webkit-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
-moz-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
-o-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
-ms-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
z-index: 1000;
left: 0;
right: 0;
top: 0;
}
.navbar-bottom.menu_fixed {
position: fixed;
background: #33393f;
-webkit-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
-moz-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
-o-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
-ms-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
z-index: 1000;
left: 0;
right: 0;
top: 0;
}
.menu_wrapper_bariatric.menu_fixed {
position: fixed;
background: #33393f;
-webkit-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
-moz-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
-o-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
-ms-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
z-index: 1000;
left: 0;
right: 0;
top: 0;
}
.mobail_menu_eye.menu_fixed {
position: fixed;
background: #f9f9f9;
-webkit-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
-moz-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
-o-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
-ms-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
z-index: 1000;
left: 0;
right: 0;
top: 0;
}
.plumb_nav_header_wrapper.menu_fixed{
position: fixed;
-webkit-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
-moz-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
-o-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
-ms-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
z-index: 1000;
left: 0;
right: 0;
top: 0;
}
@media (min-width: 1260px){
.plumb_nav_header_wrapper.menu_fixed li:nth-child(5) {
position: absolute;
left: 0;
background: none;
border-radius: none;
box-shadow: none;
border: none;
top: -15px;
}
}
.laparoscopio_wrap.menu_fixed {
background: #13bfb1;
}
.laparoscopio_wrap .rp_mobail_menu_main_wrapper {
padding: 10px 15px 0 15px;
}
.neurology_navigation_wrapper #toggle {
bottom:25px;
}
.menu_header_bariatric #toggle {
bottom: 25px;
}
/* bottom: 25px; */
/* menu-fixed end */
Zerion Mini Shell 1.0