/*========================== 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_overlayabt_txt 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 /*----------------body------------------*/ body, html { font-family: 'Open Sans', sans-serif; line-height: 24px; font-weight: 400; font-size: 16px; color: #757575; 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.html'); 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.html') 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.html') 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 #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_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: #757575; 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 #2ec8a6; 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; padding-bottom: 50px; } .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: #757575; 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.html') 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.html') 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%; padding: 20px; box-shadow: 5px 10px 18px #dbd4d4; margin-bottom: 50px; } .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: #2ec8a6; 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: #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; } .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 #2ec8a6; 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: #2ec8a6; } .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: #111111!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: #757575; 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: #fff; } .footer_box_add ul li i { margin-right: 10px; line-height: 33px; border: 2px solid #373636; width: 34px; height: 34px; text-align: center; color: #fff; } .footer_box_add ul li a { color: #fff; } .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: #757575; } .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: #757575; text-transform: capitalize; } .footer_cnct p span { font-weight: 500; 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: #757575; } .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: right; margin-top: -4px; } .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: #373636; background-color: transparent; border: 2px solid #373636; 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: 210px; height: 30px; float: left; color: white; background: #2ec8a6; text-align: center; line-height: 28px; border-radius: 50px; font-size: 14px; 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/contact_us_bg.jpg'); 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 #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; } .dc_cont_div input:hover, .dc_cont_div 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; } .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: #2ec8a6; 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 #2ec8a6; 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 #f4ab01; 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: 50px; } .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: #757575; 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: #2ec8a6; 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: #2ec8a6; 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 #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: #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: 5px; padding-bottom: 5px; } .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: 210px; height: 30px; float: left; color: white; background: #2e7ec8; text-align: center; line-height: 29px; 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, .slider-area-3 .carousel-inner .carousel-item .caption-1a: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, .slider-area-3 .carousel-inner .carousel-item .caption-1a: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; max-height: 648px; 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-1a { width: 100%; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; background: url(../../accd.in/accd2024/images/background/ACCD-Slider-2.png) 50% 0 repeat-y; position: relative; max-height: 648px; 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/slider11.jpg) 50% 0 repeat-y; position: relative; max-height: 648px; 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; max-height: 648px; 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 .caption-4 { width: 100%; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; background: url(../images/slider33.jpg) 50% 0 repeat-y; position: relative; max-height: 648px; 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-4: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-4: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-5 { width: 100%; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; background: url(../images/slider44.jpg) 50% 0 repeat-y; position: relative; max-height: 648px; 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-5: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-5: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: 50px; background-color: #f8faff; padding-bottom: 50px; } .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: 50px; padding-bottom: 50px; } .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; padding-bottom: 10px; } .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 8px; 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: #1a1a1a; } .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: #1e9ce5; 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: 30px; 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: -9px; } .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: #757575; } .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: #1e9ce5; 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: #2e7ec8; 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 #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; } .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 #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; } /*********-------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: 20px; 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: #fff; } .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 #2e7ec8; 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 #2e7ec8; 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: #2e7ec8; -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: #1e9ce5; -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:before { content: ''; position: absolute; left: -200px; top: 0; width: 75%; height: 100%; transform: skew(-22deg); background: rgba(33, 49, 80, 0.7); transition: all 0.5s; } .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/slider_4_img.jpg) 50% 0 repeat-y; position: relative; /*min-height: 850px; */ } .slider-area_4 .carousel-inner .carousel-item .caption-2 { width: 100%; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; background: url(../images/slider_4_img.jpg) 50% 0 repeat-y; position: relative; /*min-height: 850px; */ } .slider-area_4 .carousel-inner .carousel-item.caption-2:before { content: ''; position: absolute; left: -200px; top: 0; width: 75%; height: 100%; transform: skew(-22deg); background: rgba(33, 49, 80, 0.7); transition: all 0.5s; } .slider-area_4 .carousel-inner .carousel-item .caption-3 { width: 100%; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; background: url(../images/slider_4_img.jpg) 50% 0 repeat-y; position: relative; /*min-height: 850px; */ } .slider-area_4 .carousel-inner .carousel-item .caption-3:before { content: ''; position: absolute; left: -200px; top: 0; width: 75%; height: 100%; transform: skew(-22deg); background: rgba(33, 49, 80, 0.7); transition: all 0.5s; } .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: #fff; 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: #2e7ec8; 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: #2e7ec8; 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 #088eff; } .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 #269cfe; } .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 #45a9ff; } .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 #64b8ff; } .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: #fff; font-size: 46px; text-align: Center; transition: all 0.5s; } .jp_banner_jobs_categories_wrapper_4 .jp_top_jobs_category h3 a { color: #fff; padding-top: 15px; font-size: 20px; text-transform: uppercase; font-weight: 400; } .jp_banner_jobs_categories_wrapper_4 .jp_top_jobs_category p { color: #fff; 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: #1e9ce5; 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: #2e7ec8; line-height: 36px; text-transform: capitalize; font-weight: 600; } .serv_left_wrapper_4 .abt_txt p { margin-top: 0px; font-size: 16px; color: #757575; /*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: #2e7ec8; color: #fff; } .serv_left_wrapper_4 .abt_btn li a:before { border-left: 20px solid #2e7ec8; } .serv_left_wrapper_4 .abt_btn li a:after { border-left: 20px solid #2e7ec8 } .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: #2e7ec8; 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: #2e7ec8; 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: #2e7ec8; 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 #2ec8a6; 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: #2e7ec8; 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; } .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: #2e7ec8; 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 #2e7ec8; } .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 #2e7ec8; } .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 #2e7ec8; 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 #2e7ec8; } .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: #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; } /*******-------our process wrapper css start------*********/ .our_process_wrapper_4 { float: left; width: 100%; background: #1e9ce5; 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: #1e9ce5; 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: #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; } .our_process_wrapper_4 .abt_chk_doc ul li:hover i:before { 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; } .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: #2e7ec8; 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 #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; } .our_process_wrapper_4 .service_doc_right_btn li a:hover:after { border-left: 20px 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; } .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: #1e9ce5; } .blog_wrapper_4 .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_4 .blog_txt_info ul { margin: 0px; padding: 0px; width: 100%; float: left; margin-top: 10px; color: #2e7ec8; 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: #2e7ec8; 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: #2e7ec8; 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: #1e9ce5; color: #fff; } .blog_wrapper_4 .blog_btn li a:hover { background: #2e7ec8; 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 #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_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 #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; } /********---------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: #2e7ec8; 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 #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_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 #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_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 #2e7ec8; border-radius: 20px; } .menu_wrapper_4 .mainmenu ul ul li a:hover { border: none; border-radius: 0; color: #fff !important; background-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_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: #1e9ce5; } .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.html); 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.html) 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.html) 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.html) 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.html') 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.html') 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.html') 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.html') 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.html) 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.html); 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.html); 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.html); 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.html') 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.html') 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.html') 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.html') 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.html) 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.html) 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.html) 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.html); 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 */