/*------------------------------------------------------------------ * Project: Swasthye * Author: CN-InfoTech * URL: hthttps://themeforest.net/user/cn-infotech * Created: 12/17/2019 ------------------------------------------------------------------- - // TABLE OF CONTENTS // - ======================================================================== # Landing Page =============================================== 1) Navbar CSS 2) Header 3) Slider 4) About Section 5) Service 6) Call TO Action 7) Specialists 8) Appointment 9) Gallery 10) Counter 11) Testimonail 12) Events 13) News & Blogs 14) Newsletter 15) Footer 16) Breadcrumb 17) Service Detail 18) Sidebar 19) Doctor Detail 20) Timetable 21) Departments 22) Contact us 23) Blog Single Page 24) Shop 25) Pricing 24) FAQ 25) Error 26) Coming Soon */ /* ========================================= */ /* Navbar CSS */ /* ======================================== */ /*Navbar*/ .navbar-default { background:#f5f5f5; } .navbar { border-bottom: 0; padding: 0; } .sidebar .navbar-nav{ background: transparent; margin:0; } .navbar.navbar-default { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } header #navbar{ width: 100%; background: #f49b00; } .navbar-brand { font-size: 24px; position: relative; color: #f49b00; letter-spacing: 2px; font-weight: 500; padding: 0; height: auto; } a.navbar-brand { transition: all 0.1s ease; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; transition: color 0.5s ease; -webkit-transition: color 0.5s ease; -moz-transition: color 0.5s ease; } a.navbar-brand span{ color: #fc883a; } .navbar-default .navbar-brand { color: #FFF; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; } .navbar-default .navbar-brand:hover { color: #D60D45; } .colored-navbar-brand .navbar-default .navbar-brand { padding-right: 30px; position: relative; color: #f49b00; display: inline-block; float: none; } header .navbar-default .navbar-nav>li>a{ color: #fff; } header .navbar-default .navbar-nav>li.active, header .navbar-default .navbar-nav>li.active>a, header .navbar-default .navbar-nav > li > a:hover{ color: #fff; background: #f33807; } .sidebar .navbar-default .navbar-nav>li>a { line-height:inherit; font-weight: 400; font-size: 14px; padding-top: 0; color: #fff; padding-bottom: 0; text-transform: uppercase; letter-spacing: 1px; padding: 15px; border:none; } .section-title p { font-size: 16px; font-weight: 300; line-height: 30px; margin-bottom: 0; color: #000; font-family: 'Poppins', sans-serif; width: 90%; text-align: justify; } .mar-tops1 ul,li{ list-style: disc; margin-left: 14px; } .mtres{ margin-top:50px; } /* Main Menu Dropdown */ .navbar-nav li { position: relative; text-align: left;margin-bottom: 0; } .navbar-nav li ul { z-index: 9999; padding: 0; margin: 0; position: absolute; top: 50px; left: 0; width: 190px; overflow: hidden; display: none; background-color: #FFF; border: 1px solid #EEE; border-top: 2px solid #f33807; -webkit-box-shadow: 0px 0px 12px -3px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 0px 12px -3px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 12px -3px rgba(0, 0, 0, 0.4); } .navbar-nav li ul li{border-bottom: 1px solid #f1f1f1;} .navbar-nav li ul li:last-child{border-bottom:none;} .navbar-nav li ul li a { display: block; padding: 7px 15px; font-size: 14px; font-weight: 400; color: #636363; } .navbar-nav li > ul > li:last-child > a, .navbar-nav li > ul > li > ul > li:last-child > a { border-bottom: 0; } .navbar-nav li ul li:hover a { padding-left: 20px; padding-right: 10px; text-decoration: none; } .navbar-nav li ul li a:hover{ color:#f33807; } .navbar-nav li ul li ul { position: absolute; left: 188px; top: -2px; } .navbar-nav li ul li:hover ul li a { padding-left: 15px; padding-right: 15px; } .navbar-nav li ul li ul li:hover a { padding-left: 20px; padding-right: 10px; } .navbar-nav li ul li ul li ul li:hover a { padding-left: 20px; padding-right: 10px; } /* Slicknav - a Mobile Menu */ .slicknav_menu { display: none; } .slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; } .slicknav_menu .slicknav_menutxt { display: block; line-height: 1.188em; float: left; } .slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; } .slicknav_menu .slicknav_no-text { margin: 0 } .slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); } .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em } .slicknav_nav { clear: both } .slicknav_nav ul, .slicknav_nav li { display: block; margin:0; } .slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; } .slicknav_nav .slicknav_item { cursor: pointer; } .slicknav_nav .slicknav_row { display: block; } .slicknav_nav a { display: block } .slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a { display: inline } .slicknav_menu:before, .slicknav_menu:after { content: " "; display: table; } .slicknav_menu:after { clear: both } /* IE6/7 support */ .slicknav_menu { *zoom: 1 } /* User Default Style Change the following styles to modify the appearance of the menu. */ .slicknav_menu { font-size: 16px; } /* Button */ .slicknav_btn { margin: 0; text-decoration: none; background-color: transparent; padding: 0; position: absolute; top: 30px; right: 20px; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } /* background color for responsive button */ .slicknav_btn.slicknav_open:before { font-family: 'FontAwesome'; content: "\f00d" } .slicknav_btn.slicknav_collapsed:before { font-family: 'FontAwesome'; content: "\f0c9" } .slicknav_btn.slicknav_open, .slicknav_btn.slicknav_collapsed, .slicknav_btn.slicknav_open:before, .slicknav_btn.slicknav_collapsed:before { text-decoration: none ; color: #; border: none; } .slicknav_btn.slicknav_open:before, .slicknav_btn.slicknav_collapsed:before { font-size: 21px; color: #000; } .slicknav_menutxt { line-height: 22px ; } .slicknav_btn:focus {} /* Button Text */ .slicknav_menu .slicknav_menutxt { color: #DFF2F2; font-weight: 400; font-size: 14px; } /* Button Lines */ .slicknav_menu .slicknav_icon-bar { background-color: #f5f5f5 } .slicknav_menu { background: #383546; padding: 0; margin-top: 0; } .slicknav_nav { color: #B6B3C4; margin: 0; padding: 0; font-size: .875em } .slicknav_nav, .slicknav_nav ul { list-style: none; overflow: hidden } .slicknav_nav ul { padding: 0; margin: 0; width: 100%; border-radius: 0; position: inherit; top: inherit; left: inherit; border: none; background-color: transparent; margin-bottom: 10px; } .slicknav_nav ul li { border-bottom: 0; } .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{background: transparent; outline: none;} .slicknav_nav .slicknav_row { padding: 0; margin: 0; } .slicknav_nav a { padding: 10px 15px; margin: 0; text-decoration: none; color: #B6B3C4!important; display: block; border-bottom: 1px solid rgba(255, 255, 255, 0.05); -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; font-weight: 400; text-transform: uppercase; font-size: 13px; text-align: left; } .dropdown-menu>li>a{padding: 10px 20px;} .slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a { padding: 10px 15px; margin: 0; } .slicknav_nav .slicknav_item a i{display: none;} .slicknav_nav .slicknav_item { position: relative; } .slicknav_nav .slicknav_item a { border-bottom: none; display: block; } .slicknav_nav { position: absolute; top: 78px; left: 0; right: 0; background: #1F1D26; } .slicknav_nav ul li { padding-left: 0; background: #1F1D26; } .slicknav_nav ul li li { padding-left: 0; } .slicknav_nav ul li ul { padding-left: 15px; padding-right: 15px; } .slicknav_nav ul li ul a { padding: 10px 10px; } .slicknav_nav .slicknav_row:hover { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: #443E56; color: #FFF } .slicknav_nav a:hover { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: #443E56; } .slicknav_nav .slicknav_txtnode { margin-left: 15px; } .slicknav_nav .slicknav_arrow { font-size: 14px; position: absolute; top: 0; right: 0; bottom: 0; padding-top: 13px; width: 50px; text-align: center; border-left: 1px solid rgba(255, 255, 255, 0.05); } /* plus-minus or arrow sign */ .slicknav_nav .slicknav_arrow:hover { background: rgba(255, 255, 255, 0.05); } .slicknav_menu .slicknav_icon { display: none; } @media only screen and (max-width: 991px) { #responsive-menu { display: none; } .slicknav_menu { display: block; } .slicknav_nav a.mt_search, .slicknav_nav a.mt_cart{display: none;} } @media only screen and (max-width: 991px) and (max-width: 768px) { .slicknav_btn{ top: 30px; } } @media (max-width: 767px) { nav.navbar.navbar-default.navbar-fixed-top.with-slicknav { background: rgba(0, 0, 0, 0.5); } } @media (max-width: 479px) { .slicknav_btn.slicknav_open:before, .slicknav_btn.slicknav_collapsed:before { color: #000; } .header_menu .navbar.navbar-default .navbar-header .navbar-brand { padding: 33px 0 3px 28px; color: #000; } #sticky-social { display: none; } } .main_header_area { position: absolute; left: 0px; top: 0px; width: 100%; z-index: 22; } .main_header_area.white_menu .header_top { background: #fff; } .main_header_area.white_menu .header_top .header_top_inner { border-bottom: 1px solid #e7e7e7; } .main_header_area.white_menu .header_top .header_top_inner .pull-left a { color: #242424; opacity: .6; } .main_header_area.white_menu .header_top .header_top_inner .pull-left a:hover { color: #1db9a0; opacity: 1; } .main_header_area.white_menu .header_top .header_top_inner .pull-right .header_social li a { color: #242424; opacity: .6; } .main_header_area.white_menu .header_top .header_top_inner .pull-right .header_social li:hover a { color: #1db9a0; } .main_header_area.white_menu .header_menu { background: #fff; } .main_header_area.white_menu .header_menu .navbar.navbar-default .nav.navbar-nav > li > a { color: #242424; } .main_header_area.white_menu .header_menu .navbar.navbar-default .nav.navbar-nav > li:hover > a, .main_header_area.white_menu .header_menu .navbar.navbar-default .nav.navbar-nav > li.active > a { color: #1db9a0; } .main_header_area.white_menu .header_menu .navbar.navbar-default .nav.navbar-nav.navbar-right .book_btn .book_now_btn { color: #fff; } .main_header_area.white_menu .header_menu.affix { -webkit-box-shadow: 0px -2px 24px 1px rgba(0, 0, 0, 0.06); box-shadow: 0px -2px 24px 1px rgba(0, 0, 0, 0.06); } .main_header_area.white_menu + section, .main_header_area.white_menu + div, .main_header_area.white_menu + .row { margin-top: 134px; } .main_header_area.tp_header_area { background: transparent; } .header_top .header_top_inner { border-bottom: 1px solid rgba(255, 255, 255, 0.15); clear: both; overflow: hidden; } .header_top .header_top_inner .pull-left a { line-height: 48px; font-size: 15px; color: #fff; opacity: .60; font-family: "Open Sans", sans-serif; letter-spacing: .45px; margin-right: 22px; -webkit-transition: all 150ms linear; -o-transition: all 150ms linear; transition: all 150ms linear; } .header_top .header_top_inner .pull-left a i { padding-right: 10px; font-size: 20px; vertical-align: middle; line-height: 44px; } .header_top .header_top_inner .pull-left a:last-child { margin-right: 0px; } .header_top .header_top_inner .pull-left a:nth-child(2) i { font-size: 15px; } .header_top .header_top_inner .pull-left a:hover { opacity: 1; } .header_social li { display: inline-block; margin-right: 16px; } .header_social li a { line-height: 48px; font-size: 16px; color: #fff; opacity: .6; -webkit-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .header_social li:last-child { margin-right: 0px; } .header_social li:hover a { opacity: 1; } .header_menu .navbar.navbar-default { border-radius: 0px; background: #fff; border: none; width: 100%; padding: 12px; border-bottom: 1px solid #ffffff57; } .header_menu .navbar.navbar-default .navbar-header .navbar-brand { padding:33px 0 10px 15px; color: #000; } .header_menu .navbar.navbar-default .navbar-header .navbar-brand img { display: inline-block; width: 110px; } .header_menu .navbar.navbar-default .navbar-header .navbar-brand img + img { display: none; } .header_menu .navbar.navbar-default .navbar-collapse { text-align: right; padding: 0; } .header_menu .navbar.navbar-default .nav.navbar-nav { float: none; text-align: right; display: inline-block; background: transparent; } .header_menu .navbar.navbar-default .nav.navbar-nav li { float: none; display: inline-block; margin-right: 22px; background: transparent; } .header_menu .navbar.navbar-default .nav.navbar-nav li:last-child{margin: 0;} .header_menu .navbar.navbar-default .nav.navbar-nav li a { background: transparent; color: #000; font-size: 16px; font-weight: 500; text-transform: capitalize; padding: 0px; letter-spacing: .45px; line-height: 80px; -webkit-transition: all 150ms linear; -o-transition: all 150ms linear; transition: all 150ms linear; border:none; } .header_menu .navbar.navbar-default .nav.navbar-nav li a i { margin-left: 5px; } .header_menu .navbar.navbar-default .nav.navbar-nav li a i.fa-angle-right { position: absolute; right: 15px; top: 15px; } .header_menu .navbar.navbar-default .nav.navbar-nav li:hover a, .header_menu .navbar.navbar-default .nav.navbar-nav li.active a { color: #000; background: transparent; } .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu { position: relative; } .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu { border: none; padding: 0px; border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; } @media (min-width: 992px) { .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu { position: absolute; top: 100%; left: 0px; min-width:330px; background: #fff; text-align: left; opacity: 0; -webkit-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; visibility: hidden; display: block; border: none; padding: 0px; border-radius: 0px; box-shadow: 0 0 5px #cccccc91; } } .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: #eeeeee transparent transparent transparent; position: absolute; right: 24px; top: 45px; z-index: 3; opacity: 0; -webkit-transition: all 400ms linear; -o-transition: all 400ms linear; transition: all 400ms linear; } .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu li { display: block; float: none; margin-right: 0px; border-bottom: 1px solid #f2f2f2; } .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu li a { line-height: 40px; color: #242424; font-size: 14px; padding: 0px 12px; font-weight: 500; letter-spacing: .30px; -webkit-transition: all 150ms linear; -o-transition: all 150ms linear; transition: all 150ms linear; display: block; text-transform: capitalize; } .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu li:last-child { border-bottom: none; } .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu li a:hover{ background: #1c689f; color: #fff; } .forms{ margin-bottom: 20px; padding:25px 60px !important; background: radial-gradient(#669934, #003a70); } .header_menu .navbar.navbar-default .navbar-nav li ul{overflow: visible;} @media (min-width: 992px) { .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu li.submenu .dropdown-menu { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50%; position: absolute; left: 100%; right: auto; width: auto; top: -2px; background: #fff; box-shadow: 0 0 5px #cccccc91; } .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu li.submenu .dropdown-menu li a { line-height: 40px; color: #242424; font-size: 15px; padding: 0px 30px; letter-spacing: .30px; -webkit-transition: all 150ms linear; -o-transition: all 150ms linear; transition: all 150ms linear; display: block; background: transparent; } .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu li.submenu .dropdown-menu li:hover a { color: #fff; background: #1db9a0; } } @media (min-width: 992px) { .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu li.submenu:hover .dropdown-menu { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); } } @media (min-width: 992px) { .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu:hover ul { left: 0px; visibility: visible; opacity: 1; } } .header_menu .navbar.navbar-default .nav.navbar-nav.navbar-right li:last-child { margin-right: 0px; } .header_menu .navbar.navbar-default .nav.navbar-nav.navbar-right li i.icon-Search { display: inline-block; } .header_menu .navbar.navbar-default .nav.navbar-nav.navbar-right .search_dropdown a { color: rgba(255, 255, 255, 0.7); } .header_menu .navbar.navbar-default .nav.navbar-nav.navbar-right .book_btn .book_now_btn { background: #1db9a0; color: #000; line-height: 34px; display: inline-block; padding: 0px 25px; font-size: 14px; font-family: "Montserrat", sans-serif; font-weight: bold; letter-spacing: .28px; position: relative; z-index: 2; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; border: 2px solid #1db9a0; margin-top: 21px; } .header_menu .navbar.navbar-default .nav.navbar-nav.navbar-right .book_btn .book_now_btn:hover { color: #1db9a0; background: transparent; } .header_menu.affix { width: 100%; left: 0px; top: 0px; position: fixed; background: #fff; z-index: 999; -webkit-box-shadow: 0px -2px 24px 1px rgba(0, 0, 0, 0.06); box-shadow: 0px -2px 24px 1px rgba(0, 0, 0, 0.06); } .header_menu.affix .navbar.navbar-default .navbar-header .navbar-brand img { display: none; } .header_menu.affix .navbar.navbar-default .navbar-header .navbar-brand img + img { display: inline-block; } .header_menu.affix .navbar.navbar-default .nav.navbar-nav > li > a { color: #000000; } .header_menu.affix .navbar.navbar-default .nav.navbar-nav > li:hover > a, .header_menu.affix .navbar.navbar-default .nav.navbar-nav > li.active > a { color:#000; } @media (max-width: 991px){ .header_menu.affix{position: relative; animation: none;} } header{ position: absolute; top: 0; left: 0; width: 100%; z-index: 9999; background: rgba(255,255,255,0.09); } .top-bar{ overflow: hidden; background: #669934 ; } .top-bar-content{ padding: 13px 0 16px; } .top-bar p{ display: inline-block; color: #fff; margin-right: 10px; } .contact-info{ display: inline-block; padding-top: 3px; padding-left: 55px; } .header-links{ float: right; } .header-links li{ display: inline-block; color: #fff; height: 30px; width: 30px; text-align: center; line-height: 2; transition: all ease-in-out 0.3s; margin: 0; font-size: 15px; background: #ffffff26; } .header-links a{ color: #fff; } .header-links li:hover{ background: #ffffff90; } @media(max-width: 639px){ #sticky-social{display: none;} } section.slider{ margin-top: 100px; position: relative; } section.slider:after{ display: none; } @media(max-width: 1100px){ section.slider .x_023_animated_layers_txt > h1{font-size: 50px;} section.slider .x_023_animated_layers_img{width: 35%; height: 35%;} section.slider .x_023_animated_layers_txt{left: 12%;} section.slider .x_023_animated_layers_content_right > .x_023_animated_layers_txt{ right: 12%; left: auto;} } @media(max-width: 991px){ section.slider .x_023_animated_layers_txt > h1{font-size: 36px;} section.slider .x_023_animated_layers_img{width: 40%; height: 25%;} } @media(max-width: 767px){ section.slider #x_023_animated_layers{height: 550px;} section.slider .x_023_animated_layers_txt, section.slider .x_023_animated_layers_content_right > .x_023_animated_layers_txt{ left: 0; right: 0; margin: 0 auto; width: 80%; text-align: center; top: 30%; } section.slider .x_023_animated_layers_img, section.slider .x_023_animated_layers_control_button .carousel-control.left, section.slider .x_023_animated_layers_control_button .carousel-control.right{display: none;} } @media(max-width: 567px){ section.slider .x_023_animated_layers_indicators > .carousel-indicators{display: none;} section.slider .x_023_animated_layers_txt, section.slider .x_023_animated_layers_content_right > .x_023_animated_layers_txt{top: 23%; width: 90%;} } @media(max-width: 400px){ section.slider .x_023_animated_layers_txt > h1{font-size: 30px;} } /*Fullpage search*/ #search1 { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #fff; z-index: 9999; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-transform: translate(0px, -100%) scale(0, 0); -moz-transform: translate(0px, -100%) scale(0, 0); -o-transform: translate(0px, -100%) scale(0, 0); -ms-transform: translate(0px, -100%) scale(0, 0); transform: translate(0px, -100%) scale(0, 0); opacity: 0; } #search1.open { -webkit-transform: translate(0px, 0px) scale(1, 1); -moz-transform: translate(0px, 0px) scale(1, 1); -o-transform: translate(0px, 0px) scale(1, 1); -ms-transform: translate(0px, 0px) scale(1, 1); transform: translate(0px, 0px) scale(1, 1); opacity: 1; } #search1 input[type="search"] { position: absolute; top: 35%; width: 50%; color: #666; background: transparent; font-size: 48px; font-weight: 300; text-align: center; border-width: 0 0 1px; margin: 0px auto; padding: 20px 30px; outline: none; margin-bottom: 30px; height: 82px; left: 0; right: 0; border-radius: 0; } #search1 .btn { position: absolute; top: 55%; left: 50%; left: 0; right: 0; margin: 0 auto; background: #1db9a0; padding: 10px 30px; border-radius:10px 0px; border: none; font-size: 18px; } #search1 .close { position: fixed; top: 15px; right: 15px; color: #fff; background-color: #1db9a0; border-color: #1db9a0; opacity: 1; padding: 10px 17px; font-size: 27px; } /*header add to cart*/ .header_menu li a span.number-cart { position: absolute; top: 17px; left: 12px; width: 17px; height: 17px; text-align: center; line-height: 17px; font-size: 9px; display: block; background-color: #00d6a3; color: #fff; border-radius: 50%; } /*About Section*/ section.about-us{padding-bottom: 22px;} .about-content{ position: relative; z-index: 1; /*margin-top: 60px;*/ } .about-content span{ color: #00a3c8; } .nres_its{ position: relative; background:transparent; } .about-item{ position: relative; margin-bottom: 30px; display: flex; } .about-item:last-child{ margin-bottom: 0; } .about-icon{ height: 80px; width: 100px; line-height: 2.4; text-align: center; background: #1cba9f; border-radius: 0 15px; } .about-desc{ padding-left: 20px; } .about-item [class^="flaticon-"]:before, .about-item [class*=" flaticon-"]:before{ font-size: 36px; color: #fff; } .about-item p, .about-item h3{ margin-bottom: 0; } .about-us-image{ position: relative; z-index: 1; border-radius: 0 30px; overflow: hidden; } @media(max-width: 991px){ .about-item:last-child{margin-bottom: 30px;} .about-us-image{margin-top: 30px; text-align: center;} } @media(max-width: 735px){ .about-item{display: block;} .about-icon{margin:0 auto;} .about-desc{padding:20px 0 0; text-align: center;} } /*Service Section*/ .service-item{ padding: 30px 20px 28px; box-shadow: 0 0 15px 0 rgba(41,61,88,.1); background: #669934; text-align: center; position: relative; z-index: 1; margin-bottom: 30px; border-radius: 10px 0; } .service-icon{ display: inline-block; height: 80px; width: 80px; background: #1cba9f; text-align: center; line-height: 1.6; border-radius: 0 15px; } .service-content h3{ font-weight: 800; color: #ffffff; font-family: 'Raleway', sans-serif; margin-top: 10px; line-height: 1.5; margin-bottom: 10px; text-transform: uppercase; } .service-item [class^="flaticon-"]:before, .service-item [class*=" flaticon-"]:before{ font-size: 50px; color: #fff; } .service-item::before, .service-item::after{ position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; content: ''; opacity: 0; transition: opacity 0.35s, transform 0.35s; z-index: -1; } .service-item::after{ border-right: 2px solid #00a3c8; border-left: 2px solid #00a3c8; transform: scale(1, 0); border-radius: 10px 0; } .service-item::before{ border-top: 2px solid #00a3c8; border-bottom: 2px solid #00a3c8; transform: scale(0, 1); border-radius: 10px 0; } .service-item:hover:after, .service-item:hover:before{ opacity: 1; transform: scale(1); } @media(max-width: 991px){ section.services{padding-bottom: 0!important;} } /*Call to Action*/ section.call-to-action{ position: relative; background: linear-gradient(to right, #1DB9A0 0%, #4d94c4 100%); padding-bottom: 69px; } section.call-to-action:before{ content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 60%; background: #fff; } section.call-to-action .section-title{ margin-bottom: 25px; } .video-outer{ position: relative; } .video-content{ position: relative; z-index: 2; border-radius: 0 30px; overflow: hidden; border: 5px solid #fff; } .video-content img{ width: 100%; } .video-overlay { position: absolute; top: 50%; left: 50%; height: 50%; width: 100%; transition: all ease-in-out 0.5s; transform: translateX(-50%) translateY(-50%); } button.play-btn{ font-size: 16px; transition: all ease-in-out 0.5s; position: absolute; right:0; left: 0; margin: 0 auto; top: 40%; width: 20%; animation: heartbeat 1s cubic-bezier(0.245, 0.325, 0.51, 1.305) infinite alternate; } button.play-btn i{ font-size: 33px; height: 65px; width: 65px; line-height: 2; text-align: center; color: #ffffffd1; border-radius: 50%; background: #00d0ff; transition: all ease-in-out 0.5s; padding-left: 5px; } button.play-btn:hover i{ background: #fff; color: #00d0ff; } .call-action{ display: flex; } section.call-to-action-1{ padding: 0; overflow: visible; } .action-outer{ padding: 70px 0 80px; position: relative; } .action-item{ width: 80%; margin: 0 auto; text-align: center; position: relative; z-index: 1; } .action-item p{ margin-bottom: 20px; } .action-1{ background: url(../images/home/calltoaction.jpg) no-repeat; background-size: cover; background-position: center; background-attachment: fixed; top: -10px; } .action-2{ background: url(../images/home/counter.jpg) no-repeat; background-size: cover; background-position: center; background-attachment: fixed; } .action-1 .overlay{ background: #033b4a; opacity: 0.9; } .action-2 .overlay{ background: #1db9a0; opacity: 0.9; } @media(max-width: 991px){ section.call-to-action{padding-bottom: 80px;} section.call-to-action:before{height: 60%; width:100%; } .video-outer{margin-top: 25px;} } @media(max-width: 767px){ .call-action{display: inline-block;} .action-1{top: 0;} } @media(max-width: 567px){ section.call-to-action{padding-bottom: 0;} section.call-to-action:before{height: 100%;} .action-content{text-align: center;} button.play-btn{top: 32%;} } /*Meet Specialists*/ section.specialist{ padding-bottom: 104px; } section.specialist.team, section.specialist.team1{padding-bottom: 50px;} .row.specialist-slider{ z-index: 2; margin: 0 -15px; } .row.specialist-slider .slick-slide{margin-bottom: 15px;} .special-main{ text-align: center; overflow: hidden; transition: all ease-in-out 0.5s; border-radius: 10px 0; overflow: hidden; box-shadow: 0 0 15px 0 rgba(41,61,88,.1); } .special-image{ position: relative; overflow: hidden; } .special-content{ padding: 15px; background: #fff; position: absolute; bottom: 0; left: 15px; text-align: left; transition: all ease-in-out 0.5s; border-radius: 0 10px 0 0; } .special-content h4{margin-bottom: 5px;} .special-links{ position: absolute; top: 60%; left: 50%; width: 100%; transform: translate(-50%,-50%); z-index: 1; opacity: 0; transition: all ease-in-out 0.5s; } .special-links li{ display: inline-block; margin: 0 10px; transition: all ease-in-out 0.5s; font-size: 20px; background: #fff; height: 40px; width: 40px; line-height: 2; border-radius: 10px; } .special-links li a{ color: #00a3c8; } .special-links li:hover{ transform: scale(1.2); } .special-item:hover .special-links{ opacity: 1; top: 40%; } .special-item .color-overlay { bottom: -316px; top: inherit; opacity: 0.8; background: linear-gradient(to top, #1db9a0 0%, #4d94c400 100%); } .special-item:hover .color-overlay{ bottom: 0; } section.fact-area{ background: #033b4a; } .fact-area::before { position: absolute; content: ""; background-image: url(../images/map.png); width: 100%; height: 100%; background-repeat: no-repeat; top: 0; left: 0; background-position: center center; background-attachment: fixed; } .fact-content{ padding-left: 50px; } .single-fact h1 { color: #1db9a0; float: left; font-size: 56px; margin-right: 20px; } section.specialist.team1 .special-main{border-bottom: 2px solid #1db9a0;} section.specialist.team1 .special-content{position: relative; text-align: center; left: 0;} section.specialist.team1 .special-item .color-overlay{background:linear-gradient(to right, #1DB9A0 0%, #4d94c4 100%);} section.specialist.team1 .special-image{border-radius: 50%; height: 220px; width: 220px; margin: 0 auto; margin-top: 20px;} section.specialist.team1 .special-item:hover .special-links{top: 50%;} @media(max-width: 991px){ section.specialist{padding-top: 72px;} } @media(max-width: 767px){ .fact-content{padding-left: 0;} .department-content { padding: 0px 1px 5px; } } @media(max-width: 567px){ section.fact-area .section-title h1{font-size: 32px;} .single-fact{text-align: center;} .single-fact h1{float: none; margin-right: 0;} } /*Appointment*/ section.appointment{ background: #1db9a0; padding-top: 80px; } .appointment .section-title { background: #fff; width: 50%; margin: 0 auto 42px; padding: 20px 15px 10px; border-radius: 10px 0; box-shadow: 0 0 15px 0 rgba(41,61,88,.1); } .appointment-image{ position: relative; z-index: 1; height: 300px; } .appointment-form{ position: relative; padding: 30px; z-index: 1; background: #fff; border-radius: 10px 0px 0px 0px; box-shadow: 0 0 15px 0 rgba(41,61,88,.1); } section.appointment:before{ position: absolute; content: ''; height: 100%; width: 50%; left: 0; bottom: 0; background: #033b4a; } @media(max-width: 1100px){ .appointment .section-title{width: 80%;} } @media(max-width: 991px){ .appointment-image{height: inherit; text-align: center;} .appointment-image img{width: 80%;} .appointment-form{border-radius: 0;} } @media(max-width: 767px){ .appointment-form{padding-bottom: 0;} } @media(max-width: 639px){ .appointment .section-title{width: 100%;} .appointment-image img{width: 60%;} .appointment-form .form-group.col-xs-6{width: 100%;} } /*Gallery*/ .gallery-item{ margin-bottom: 30px; position: relative; z-index: 1; box-shadow: 0px 0px 10px #cccccc91; border-radius: 10px 0; overflow: hidden; } .gallery-item:last-child{ margin-bottom: 20px; } .gallery-item img{ transition: all ease-in-out 0.5s; } .gallery-item:hover img { transform: scale(1.2); transition: all ease-in-out 0.5s; } .gallery-content{ position: absolute; height: 100%; width: 100%; left: 0; top: 0; background: linear-gradient(to right, rgba(29, 185, 160, 0.7) 0%, rgba(77, 148, 196, 0.7) 100%); transform: scale(1,0); transition: all ease-in-out 0.3s; text-align: center; } .gallery-inner{ height: 90%; width: 94%; border: 1px solid #fff; top: 5%; left: 3%; position: absolute; } .item-large .gallery-inner{ height: 96%; width: 94%; top: 2%; left: 3%; } .gallery-content h3{ margin-top: 27%; } .item-large .gallery-content h3{ margin-top: 67%; } .gallery-content h3 a{ color: #fff; } .gallery-item:hover .gallery-content{ transform: scale(1); } .sl-wrapper .sl-navigation button{ color: #fff!important; background: #0b8791; border-radius: 10px 0; height: 44px; } .sl-overlay{ background: radial-gradient(#0da7af, #053f4d)!important; opacity: 1!important; z-index: 9999!important; } .sl-wrapper .sl-close { width: 40px!important; background: #0b8791!important; height: 40px!important; border-radius: 50%!important; color: #fff!important; } .sl-wrapper .sl-counter{display: none!important;} .sl-wrapper .sl-image{box-shadow: 0 0 15px #ffffff66;} @media(max-width: 991px){ .gallery-item.item-large { margin-top: 30px; } } @media(max-width: 767px){ .gallery-item.item-large{margin-top: 0;} .gallery-item:last-child{margin-bottom: 30px;} } /*Counter*/ section.counter { background: #223a66 url(../images/home/counter.jpg) no-repeat; background-size: contain; background-position: right bottom; background-attachment: fixed; } section.counter:before { content: ''; background: #033b4a; position: absolute; top: 0; left: 0; height: 100%; width: 60%; } .counter-item{ position: relative; z-index: 1; display: flex; border: 1px solid #ffffff36; padding: 20px; border-radius: 10px 0; } .counter-item [class^="flaticon-"]:before, .counter-item [class*=" flaticon-"]:before, .counter-item [class^="fa-"]:before, .counter-item [class*=" fa-"]:before{ font-size: 48px; color: #fff; } .counter-content{ padding-left: 20px; } .counter-item h2, .counter-item p{ color: #fff; } .counter-item h2{ font-size: 50px; line-height: 0.8; } .counter-item p{ font-size: 18px; } @media(max-width: 1100px){ section.counter{background-attachment: inherit;} } @media(max-width: 991px){ section.counter:before{width: 100%;} } @media(max-width: 767px){ section.counter{padding-bottom: 50px;} .counter-item{margin-bottom: 30px!important;} .counter-main .col-xs-12{margin-top: 0!important;} } /*about us*/ section.counter.counter-about{background:radial-gradient(#0da7af, #053f4d);} section.counter.counter-about:before{display: none;} section.counter.counter-about .counter-item{padding: 20px 15px;} /*certified-banner*/ .certified-banner:after { background: url(../images/bg-icon-1.png) no-repeat; background-position: right bottom; background-size: contain; transform: rotate(-180deg); content: ''; position: absolute; height: 100%; width: 41%; right: 0; bottom: 0; opacity: 0.2; } .certified-banner h2{font-size: 40px;} @media(max-width: 991px){ .certified-banner:after{width: 100%;} .banner-inner{text-align: center;} .banner-inner img{margin-top: 30px;} } /*statement*/ section.statement{ position: relative; background: url('../images/home/statementbg.jpg') no-repeat; background-position: top right; background-size: contain; background-attachment: fixed; } section.statement:before{ position: absolute; content: ''; height: 100%; width: 55%; bottom: 0; left: 0; background: rgb(19,35,47); } .statement-item { position: relative; box-shadow: 0 0 10px #cccccc56; padding: 20px 15px; background: #fff; z-index: 1; } .statement-icon { position: absolute; height: 80px; width: 80px; background: #1cba9f; text-align: center; line-height: 1.6; border-radius: 0 15px; left: 15px; top: 20px; } .statement-icon [class^="flaticon-"]:before, .statement-icon [class*=" flaticon-"]:before { font-size: 50px; color: #fff; } .statement-content { padding-left: 100px; } .statement-content h3{margin-bottom: 10px;} @media(max-width: 567px){ .statement-icon{position: relative; top: inherit; left: 0; right: 0; margin: 0 auto;} .statement-content{padding: 20px 0 0; text-align: center;} } @media(max-width: 991px){ section.statement:before{width: 100%;} } section.about-service{ background: #fefefe; } section.specialist-about{ padding: 40px 0 130px; } /*Testimonial section*/ section.testimonial.testi-about{ position: relative; background: url('../images/home/testimonialbg.jpg') no-repeat; background-position: center; background-size: cover; background-attachment: fixed; } .testimonial.testi-about:before{ position: absolute; content: ''; height: 100%; width: 55%; bottom: 0; left: 0; background: rgba(19,35,47,0.9); } .testimonial.testi-about1:before{ width: 100%; } .testimonial.testi-about1 .slider-item{ position: relative; padding:0; background: transparent; border-radius:0; margin: 0 auto; width: 80%; } .testimonial.testi-about1 .slider-item:after{ display: none; } .testimonial.testi-about1 .testimonial-image { width: 130px; float: none; margin: 0 auto 15px; border: 10px solid #ffffff05; box-shadow: 0 0 15px #00000040; } .testimonial.testi-about1 .rating{position: inherit; right: inherit; top: inherit; padding: 10px 0; text-align: center;} .testimonial.testi-about1 .author-content{padding: 0;} .testimonial.testi-about1 blockquote{background: transparent;; border: none; padding: 0; font-size: 15px;} .testimonial.testi-about1 blockquote:before{top: -30px; left: -30px; color:#1db9a0; opacity: 0.7;} /*add services*/ .add-number { font-size: 50px; font-weight: 800; color: #fff; padding-bottom: 5px; background: #1db9a0; display: inline-block; border-radius: 50%; height: 100px; width: 100px; line-height: 2.0; box-shadow: 0 0 10px #cccccc58; border: 3px solid #fff; margin-bottom: 15px; } /*about-2*/ section.counter.counter-about.about2 .counter-item { border: none; padding: 0; display: inline-block; width: 100%; } section.counter.counter-about.about2 .counter-content{padding: 15px 0 0;} section.counter.counter-about.about2 .counter-item p{font-size: 15px;} @media(max-width: 991px){ section.add-services{padding-bottom: 50px;} .add-services-list{margin-bottom: 30px;} section.counter.counter-about.about2{padding-bottom: 50px;} section.counter.counter-about.about2 .counter-item{text-align: center; margin-bottom: 30px;} } /*Event Section*/ .event-item{ position: relative; } .event-item:after{ position: absolute; content: ''; height: 150px; width: 250px; background: linear-gradient(to right, #1DB9A0 0%, #4d94c4 100%); top: -10px; left: 0px; border-radius: 10px 0; } .event-content{ z-index: 1; position: relative; padding: 20px; box-shadow:0 0 15px 0 rgba(41,61,88,.1); margin: 10px 0 0 10px; background: #fff; border-radius: 10px 0; } .event-title{ display: flex; padding-bottom: 15px; border-bottom: 1px dashed #eee; } .event-list{display: flex;} .event-image{ width: 75px; display: inline-block; border-radius: 50%; overflow: hidden; margin-right: 10px; } .event-author{ width: calc( 100% - 150px); padding: 25px 0 0 20px; } .event-title p{ display: inline-block; } .event-date{ width: 75px; height: 75px; background: #00a3c8; text-align: center; } .event-date p{ color: #fff; font-size: 18px; } .event-date span{ font-size: 40px; display: block; margin-bottom: 5px; } .event-detail li{ display: inline-block; font-size: 13px; } .event-detail li i{ color: #00a3c8; margin-right: 5px; } /*events page 2*/ .events1 .event-content{padding: 0; margin: 0; border-radius: 0;} .events1 .event-detail{padding: 20px;} .events1 .event-detail h3, .events1 .event-detail ul{ border-bottom: 1px dashed #f1f1f1; padding-bottom: 10px; } .events1 .event-image{width: 100%; border-radius: 0; margin: 0; position: relative;} .events1 .event-date { position: absolute; bottom: 10px; left: 15px; border-radius: 10px 0; } .events1 .event-item:after { width: 100%; bottom: -5px; top: inherit; border-radius: 0; } @media(max-width: 991px){ section.events{padding-bottom: 40px;} .event-item{margin-bottom: 40px!important;} } @media(max-width: 567px){ .event-title, .event-list, .event-detail{display: block; text-align: center;} .event-date, .event-image{margin:0 auto;} .event-author{width: 100%;} } /*Testimonial section*/ section.testimonial{ position: relative; background: #003a70; background-position: center; background-size: cover; background-attachment: fixed; padding-top: 80px; padding-bottom: 77px; } .row.testimonial-slider{ z-index: 3; margin: 0 -15px; } .slider-item{ position: relative; padding:50px 30px; background: #fff; border-radius: 10px 0; margin-bottom: 15px; } .slider-item:after{ position: absolute;content: ''; width: 0; height: 0; border-top: 15px solid #fff; border-right: 15px solid transparent; bottom: -15px; transform: skew(-20deg); } .quote-icon{ position: absolute; left: 20px; top: 40px; height: 40px; width: 40px; background: #00a3c8; border-radius: 50%; padding: 10px; } .testimonial-image{ width: 80px; float: left; border-radius: 50%; overflow: hidden; } .author-content{ padding-left: 100px; } .rating{ position: absolute; top: 30px; right: 30px; } .rating span{ font-size: 14px; } .rating .fa{ color: white; } .rating .checked.fa{ color: #ffa500; } @media(max-width: 991px){ .testimonial:before{width: 100%;} .testimonial .section-title{margin-bottom: 30px!important;} } @media(max-width: 639px){ .rating{position: relative; top: 0; right: 0; margin-bottom: 10px;} } /*News and Blogs*/ .news-image{ position: relative; } .news-image img{width: 100%;} .news-date{ top: 15px; position: absolute; left: 15px; background: #1db9a0; height: 75px; width: 70px; text-align: center; padding-top: 15px; border-radius: 10px 0; } .news-date span{ display: block; font-size: 24px; } .news-date p{ font-weight: 600; } .news-item{ background: #fff; position: relative; z-index: 1; box-shadow:0 0 15px 0 rgba(41,61,88,.1); border-radius: 10px 0; overflow: hidden; } .news-content{ padding:30px 20px; background: #fff; position: relative; } .news-content h3 { border-bottom: 1px dashed #eee; padding-bottom: 24px; } .news-content a.link{ font-size: 14px; display: inline-block; color: #1db9a0; margin-right: 5px; } .news-author{ margin-bottom: 15px; } @media(max-width: 991px){ section.news{padding-bottom: 50px;} .news .col-md-4{margin-bottom: 30px;} } /*Newsletter*/ section.newsletter{ overflow: visible; padding:40px 0; background: #1db9a0; } section.newsletter:after{ content: ''; background: #2d4454; position: absolute; right:0; top: 0; width: 51%; height: 100%; z-index: 1; } .newsletter-content{ position: relative; z-index: 2; } .subscribe-form form{ position: relative; overflow: hidden; margin-top: 21px; } .subscribe-form input{ padding: 25px 145px 25px 25px; } .subscribe-form a { position: absolute; top: 0px; right: 0px; padding: 16px 25px; background: #00a3c8; color: #fff; font-size: 15px; } .subscribe-form a:hover{ background: #1db9a0; } .facility { padding: 50px 0; } .contact-list { padding: 20px 0; } @media(max-width: 639px){ section.newsletter:after{width: 100%;} .subscribe-form{text-align: center;} } @media(max-width: 567px){ .subscribe-form a{position: relative; top: inherit; right: inherit; display: inherit;} } /*Footer*/ footer{ position: relative; z-index: 1; padding-top: 50px; } .footerbg:before { } footer h3{ color: #fff; position: relative; padding-bottom: 10px; margin-bottom: 35px; } footer h3:after{ position: absolute; content: ''; height: 2px; width: 40px; background: #1db9a0; bottom: 0; left: 0; } footer a, footer li, .copyright p{ color: #ffffff; font-size: 15px; } footer li:last-child{ margin-bottom: 0; } footer .f-contact{ background:#0f1010; padding: 30px; border-radius: 10px 0; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.16); } footer .f-contact-inner{ display: flex; } footer .f-contact .contact-icon i{ height: 50px; width: 50px; border: 1px solid #ffffff26; line-height: 1.8; text-align: center; font-size: 28px; color: #fff; margin-right: 15px; background: #ffffff36; border-radius: 10px 0; } footer .f-contact span{display: block;} footer .f-contact span:first-child{font-size: 18px; font-weight: 700;} .work-time ul { border: 1px solid #2d4658; background: #ffffff10; } .work-time ul li { border-bottom: 1px solid #2d4658; padding: 10px; margin: 0; } .work-time ul li:last-child { border-bottom: 0; } .footer-content{ position: relative; z-index: 1; } .lower-footer{ border-bottom: 1px dashed #ffffff26; padding: 45px; } .footer-contact{ background:#4f8ebd; padding:30px; box-shadow: 0px 0px 5px #cccccc57; border-bottom: 3px solid #1db9a0; border-radius: 10px 0; } .work-time li span{ float: right; } .copyright{ padding: 12px 0 15px; text-align: center; border-top: 1px solid #fff3; } @media(min-width:1024px) and (max-width: 1100px){ .work-time ul li{padding: 10px 5px;} } @media(max-width: 991px){ footer .f-contact{padding-bottom: 0;} footer .f-contact-inner{margin-bottom: 30px;} .footer-contact{margin:0 0 30px!important;} } @media(max-width: 767px){ .footer-content .col-xs-12{margin-bottom: 30px;} .lower-footer{padding-bottom: 20px!important;} .footer-contact{padding: 20px;} } @media(max-width: 639px){ footer .f-contact{padding: 30px 20px 0;} .footer-contact{text-align: center;} } /*breadcrumb Page*/ section.breadcrumb{ background:radial-gradient(#669934, #003a70); border-radius: 0; } .breadcrumb-outer{ padding: 300px 0 0; position: relative; z-index: 1; } .breadcrumb{ margin: 0; padding: 0; } .breadcrumb h2{ font-size:30px; letter-spacing: -1px; font-weight: 900; display: inline-block; text-transform: uppercase; position: absolute; bottom: 0; margin: 0 0 0 -5px; color: #fff; line-height: 48px; text-shadow: 0 10px 10px #00000020; } .breadcrumb a{ color: #1db9a0; } .breadcrumb a:hover{text-decoration: underline!important;} .breadcrumb li, .breadcrumb li.active{ margin-bottom: 0; color: #fff; } .breadcrumb nav{ position: absolute; bottom: 70px; left: 0; } ul.breadcrumb{ display: inline-block; margin-top: 5px; background:transparent; } .breadcrumb>li+li:before{color: #1db9a0; content: '|';} @media(max-width: 991px){ .breadcrumb-outer{text-align: center; padding: 180px 0 60px;} .breadcrumb nav { position: relative; bottom: inherit; left: inherit; } .breadcrumb h2 { font-size: 36px; line-height: 1.2; position: relative; margin: 6px 0 0px; } } @media(max-width: 639px){ .breadcrumb-outer{text-align: center; padding: 120px 0 60px;} .breadcrumb nav { position: relative; bottom: inherit; left: inherit; } .breadcrumb h2 { font-size: 36px; line-height: 1.2; position: relative; margin: 6px 0 0px; } } @media(max-width: 400px){ .breadcrumb h2 { font-size: 24px; } } /*Service Detail*/ .detail-desc ul{ margin-bottom: 20px; border: 1px solid #f1f1f1; border-radius: 10px 0; padding: 10px 20px; background: #fbfbfb; } .detail-desc ul li{ width: 100%; display: inline-block; padding-left: 25px; position: relative; margin: 0; text-transform: capitalize; font-size: 13px; line-height: 32px; color: black; } .detail-desc ul li:before{ position: absolute; top: 0; left: 0; font-family: 'fontawesome'; font-size: 15px; color: #1db9a0; } thead td{ color: #1DB9A0; font-weight: 600; } .detail-desc h3{ font-weight: 800; color: #212121; font-family: 'Raleway', sans-serif; margin-top: 0; line-height: 1.5; margin-bottom: 1px; text-transform: uppercase; } @media(max-width: 735px){ .detail-desc ul li{width: 100%;} } .sidebar-box{ margin-bottom: 30px; } .sidebar-box .search-form { position: relative; } .sidebar-box .search-form label{ width: 100%; margin: 0; } .sidebar-box .search-form input[type="search"]{padding-right: 80px;} .sidebar-box .search-form input[type="submit"] { height: 42px; color: #fff; top: 15px; right: 15px; background: #1db9a0; position: absolute; border-radius: 0; } .sidebar-title h3{ position: relative; display: inline-block; font-size: 25px; font-weight: 600; color: #177c36; } .sidebar-title h3:after{ position: absolute; content: ''; right: -50px; top: 15px; border-top: 3px solid #1DB9A0; width: 40px; height: 0; } .sidebar-content ul li{ display: inline-block; width: 100%; margin: 0; transition: all ease-in-out 0.5s; } .sidebar-content ul li a, .sidebar-box form, .recent-item{ margin-bottom: 15px; margin-bottom: 5px; box-shadow: 0 0 10px #cccccc42; padding: 15px; background: #003a70; border-radius: 10px 0; display: inline-block; width: 100%; color: #ffffff; transition: all ease-in-out 0.5s; border: none; } .sidebar-content a:hover{ background: #4c8142; } .sidebar-box form{margin-bottom: 0;} .sidebar-content ul li:last-child a, .recent-item:last-child{margin-bottom: 0;} .sidebar-content ul li.active a, .sidebar-content ul li{ background:linear-gradient(to right, #000000 0%, #fdfeff 100%); color: #fff; transition: all ease-in-out 0.5s; } .btn-warning { color: #fff; background-color: #00a3c8; border-color: #ffffff; } .tesst h2{ font-size: 27px; color: #003a70; font-weight: 600; } .tesst h3{ font-size: 14px; font-weight: 600; } .latest-tweets ul>li { position: relative; padding-left: 28px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dashed #eee; } .latest-tweets ul>li:last-child{border: none; padding-bottom: 0; margin: 0;} .latest-tweets{position: relative;} .latest-tweets p.tweet-text:before { content: "\f099"; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; font-size: 20px; position: absolute; left: 0; padding-top: 5px; color: #01d6a3; } .tagcloud a { border: 1px solid #f1f1f1; border-radius: 5px 0; padding: 8px 10px; display: inline-block; margin-bottom: 3px; } .sidebar-ad { position: relative; padding: 87px 30px; background: linear-gradient(to bottom, #1DB9A0 0%, #4d94c4 100%); border-radius: 10px 0; box-shadow: 0 0 10px #cccccc42; overflow: hidden; } .sidebar-ad:before{ position: absolute; content: ''; height: 100%; width: 100%; top: 0; left: 0; background: rgba(0,0,0,0.5); } .ad-content{ position: relative; z-index: 1; text-align: center; } .ad-content p, .ad-content h3{ color: #fff; } .ad-content h3{ margin: 15px 0 20px; } @media(max-width: 991px){ .detail-sidebar, .sidebar{margin-top: 30px;} } /*Doctor Detail*/ .doctor-title{ display: flex; } .doctor-image{ width: 55%; border-radius: 10px 0; overflow: hidden; box-shadow: 0 0 15px #cccccc57; border: 5px solid #fff; } .doctor-title-content{ width: 45%; padding: 40px 0; } .dt-outer{ padding: 40px; background: #fff; box-shadow: 0px 0px 15px #cccccc57; border-radius: 0px 0px 10px 0px; } .doctor-content{ padding-top: 30px; } .content-item{ margin-bottom: 30px; } .content-item:last-child { margin: 0; } .color1{ background: #a2252562; } .color2{ background: #348c3762; } .color3{ background: #142e7b62; } .progress-item h4{ margin-bottom: 5px; font-weight: 500; text-transform: capitalize; } .content-item li{ position: relative; padding-left: 20px; border-bottom: 1px dashed #f1f1f1; padding-bottom: 15px; } .content-item li:last-child{padding-bottom: 0; margin: 0; border: none;} .content-item li:before{ content: "\f0f2"; font-family: 'FontAwesome'; position: absolute; left: 0; top: 0; font-size: 13px; color: #1DB9A0; } .content-title{ position: relative; } .content-title span{ position: absolute; left: 0; bottom: 0; border-top: 3px solid #1DB9A0; width: 40px; height: 0; } .content-title h3{ padding-bottom: 5px; margin-bottom: 20px; } .dt-outer li { border-bottom: 1px dashed #f1f1f1; padding-bottom: 15px; } .dt-outer li strong { width: 30%; float: left; color: #1db9a0; } .dt-outer li:last-child{border: none; padding: 0; margin: 0;} @media(max-width: 991px){ .doctor-title{display: block;} .doctor-image, .doctor-title-content{width: 100%; padding: 0; border-radius: 0;} } @media(max-width: 735px){ .dt-outer li strong{width: 100%; margin-bottom: 5px;} } /*Timetable*/ .tt-table td, .tt-table th{ width: 12.5%; text-align: center; } .tt-table tr:nth-child(even){ background: #fbfbfb; } p.event-head{ font-weight: 600; color: #1DB9A0; } @media(max-width: 991px){ .timetable-content{overflow-x: scroll;} } /*About Page*/ .as-item{ position: relative; padding: 20px; box-shadow: 0px 0px 5px #cccccc57; margin-bottom: 30px; } .as-icon{ position: absolute; left: 0px; top: 0px; background: #1cba9f; height: 100%; width: 50px; text-align: center; line-height: 5; } .as-icon [class^="flaticon-"]:before, .as-icon [class*=" flaticon-"]:before{ font-size: 30px; color: #fff; } .as-content{ padding-left: 50px; } @media(max-width: 767px){ .as-icon{width: 70px;} .as-content{padding-left: 70px} } @media(max-width: 567px){ .as-icon { width: 70px; position: relative; height: 70px; margin: 0 auto; line-height: 2.5; margin-bottom: 20px; } .as-content{text-align: center; padding: 0;} } /*Department Page*/ .department-item{ transition: all ease-in-out 0.5s; margin-bottom: 30px; box-shadow: 0 0 15px #cccccc57; background: #99203f; } .department-image{ overflow: hidden; padding: 20px; } .department-image img{ transition: all ease-in-out 0.5s; width: 335px; height: 200px; } .department-item:hover .department-image img{ transform: scale(1.2) rotate(-5deg); transition: all ease-in-out 0.5s; } .department-content{ padding: 20px; } .department-item:hover{ box-shadow: 0px 0px 5px #cccccc57; border-color: transparent; } @media(max-width: 735px){ section.department{text-align: center;} section.department .section-title h2{margin-bottom: 15px;} } /*Contact Us Page*/ #map{ width: 100%; height: 400px; } .map { border-radius: 10px 0; overflow: hidden; border: 5px solid #fff; box-shadow: 0 0 10px #cccccc57; } .contact-inner { position: relative; border-radius: 10px 0; overflow: hidden; box-shadow: 0 0px 15px #cccccc58; top: -80px; width: 95%; margin: 0 auto; background: #fff; } .contact1 .contact-inner{ top:0; width: 100%; box-shadow: none; border-radius: 0; } .contact-inner:before { background: #033b4a; width: 40%; height: 100%; position: absolute; left: 0; top: 0; content: ''; } .contact1 .contact-inner:before {display: none;} .contact-inner .contact-detail { padding: 30px; } .contact1 .contact-inner .contact-detail{ background:radial-gradient(#669934, #003a70); border-radius: 10px 0; } /*.contact-inner form {*/ /* padding: 30px 30px 30px 0px;*/ /*}*/ .contact1 .contact-inner form{padding: 0;} p.contact { background: #000; padding: 10px 15px 10px 60px; position: relative; border-radius: 10px 0; overflow: hidden; margin-bottom: 10px; } p.contact span { display: block; text-transform: uppercase; font-weight: 600; } p.contact i { background: #112f38; position: absolute; left: 0; top: 0; height: 100%; width: 45px; text-align: center; font-size: 21px; line-height: 2.1; } .contact1 p.contact i {line-height: 3.3;} @media(max-width: 991px){ .contact-inner:before{width: 100%; height: 42%;} .contact-inner form{padding: 30px;} .contact1 p.contact{margin-bottom: 30px;} .contact1 .contact-inner .contact-detail{padding-bottom: 0;} .contact1 .contact-inner form{margin-top: 30px;} } @media(max-width: 735px){ .contact-inner{top: 30px; width: 100%;} section.contact{padding-bottom: 80px!important;} } @media(max-width: 639px){ .contact-inner:before{max-height: 32%;} .contact-inner .form-group.col-xs-6{width: 100%;} } @media(max-width: 567px){ } /*Blog Page*/ .view-port{ position: fixed; top:30%; right: 0px; z-index: 99; } .view-port a{color: #fff!important;} .view-port a i{padding:0 12px 0 10px;} .dark-mode{ transition: all ease-in-out 0.5s; background: #333; padding:10px; text-align: center; position: relative; top: 0; right: -90px; } .dark-mode:hover{ right: 0; transition: all ease-in-out 0.5s; background: #000; } .light-mode{ background: #1db89f; padding:10px; text-align: center; position: relative; top: 0px; right: -90px; transition: all ease-in-out 0.5s; } .light-mode:hover{ right: 0; transition: all ease-in-out 0.5s; background: #24d6b9; } .blog-home .main_header_area{ position: relative; } .blog-home .top-bar { overflow: hidden; background: #033b4a; } .blog-home .header_menu.affix .navbar.navbar-default .navbar-header .navbar-brand img{display: block;} .blog-home .header_menu .navbar.navbar-default .nav.navbar-nav li a{color: #242424;} .blog-home header .navbar-default .navbar-nav>li.active, .blog-home header .navbar-default .navbar-nav>li.active>a, .blog-home header .navbar-default .navbar-nav > li > a:hover, .blog-home .header_menu .navbar.navbar-default .nav.navbar-nav li:hover a, .blog-home .header_menu .navbar.navbar-default .nav.navbar-nav li.active a{ background: transparent; color: #00a3c8; } section.blog-main { padding-top: 0; } section.blog-main .col-md-4{padding: 0;} section.blog-main .news-item{box-shadow: none; border-radius: 0;} .blog-main .news-content { position: absolute; bottom: 0; background: #00000065; padding:20px; border: 0; z-index: 1; width: 100%; } .blog-main .news-content h3 { border-bottom: none; padding-bottom: 0px; margin: 0; text-align: center; } .blog-main .slick-prev{left: 0;} .blog-main .slick-next{right: 0;} .blog-home .blog-grid .col-md-8{width: 70%;} .blog-home .blog-grid .col-md-4{width: 30%} .blog-home .news-item.ads-banner-img{ border: 5px solid #fff; } .blog-item{ display: flex; position: relative; margin-bottom: 30px; background: #fff; overflow: hidden; height: inherit; box-shadow: 0 0 15px #cccccc30; transition: all ease-in-out 0.5s; border-radius: 10px 0px; } .blog-item:hover{ transition: all ease-in-out 0.5s; transform: translateY(-5px); } .blog-image{ position: relative; overflow: hidden; width: 45%; } .blog-image img{ transition: all ease-in-out 0.5s; } .blog-item:hover .blog-image img{ transform: scale(1.1); } .blog-item .news-content{width: 60%; padding: 20px;} .blog-item .news-content .news-date{ position: inherit; left: inherit; top: inherit; } .blog-home .blog-item .news-content .news-date{ position: absolute; left: 20px; top: 20px; } .blog-item .news-content h3{padding-bottom: 10px; margin-bottom: 10px;} .blog-item.blog-listing .news-content h3{padding-bottom: 22px;} .news-content.blog-full{ width: 100%; } section.news.blog-grid.blog-masonry{ width: 1140px; margin: 0 auto; padding: 72px 15px 80px; } .blog-grid .news-date { top: 30px; position: absolute; left: 20px; background: #1db9a0; height: 70px; width: 70px; text-align: center; padding-top: 15px; border-radius: 50%; } .blog-grid .news-title h3 { padding-left: 80px; } .post-detail p{ display: inline-block; margin-right: 10px; } .post-detail i{ margin-right: 3px; color: #1DB9A0; } .blog-detail a.btn{ margin-top: 7px; } .blog-tag li{ display: inline-block; padding: 6px 15px; border-radius: 26px; margin-right: 5px; background: #c48b0b; } .blog-tag li a{ color: #fff; } .recent-image{ width: 25%; float: left; margin-right: 15px; border-radius: 10px 0; overflow: hidden; } .recent-content h4{ margin: 0; text-transform: capitalize; font-weight: 600; font-size: 16px; } .recent-content p{ font-size: 13px; } .blog .news-item{ margin-bottom: 15px; } .detail-content p{ margin-bottom: 15px; } .detail-box, .comments{ box-shadow: 0px 0px 15px #cccccc57; padding: 30px; border-radius: 10px 0; } .post-detail p{margin-bottom: 0;} .detail-image{overflow: hidden; border-radius: 10px 0;} .detail-author{ display: flex; } .author-image{ width: 15%; } .author-main .author-image{width: 100%;} .author-main .author-image img{height: 100px; width: 100px;} .author-desc{ padding-left: 30px; } .author-desc h3{margin-bottom: 5px;} .author-desc p { font-style: inherit; font-size: 14px; } .author-desc li{ display: inline-block; margin-right: 10px; } .comment-item { display: flex; padding: 15px; border: 1px solid #f1f1f1; margin-bottom: 30px; border-radius: 10px 0; } .comment-image { flex: 0 1 100px; padding: 0 20px 0 0; } .comment-content { flex: 1 1 100%; } .comment-content h4 { display: inline-block; margin-bottom: 10px; } .comment-content p.date { display: inline-block; float: right; } .comment-content .btn{padding: 6px 14px; font-size: 14px;} ul.reply{ margin-left: 30px; } .comment-image img, .author-image img{ border-radius: 50%; border: 2px solid #1DB9A0; } .article-footer { display: inline-block; width: 100%; border-top: 1px dashed #f1f1f1; padding-top: 15px; } .article-footer .article-share .social { padding-left: 0; list-style-type: none; text-align: right; margin-bottom: 0; } .article-footer .article-share .social li { display: inline-block; margin-bottom: 0; } .article-footer .article-share .social li span { display: inline-block; margin-right: 2px; font-weight: 500; color: #6d7a8c; } .article-footer .article-share .social li a { display: block; color: #1db9a0; width: 32px; height: 32px; line-height: 32px; border-radius: 50%; background-color: #eeeef0; text-align: center; font-size: 14px; } @media(max-width: 991px){ .blog-home .navbar-default .navbar-toggle .icon-bar{background-color: #1db9a0;} .blog-home .blog-grid .col-md-8, section.news.blog-grid .col-md-4{width: 100%; padding: 0 15px;} section.news.blog-grid{padding-bottom: 50px;} section.news.blog-grid .col-md-4{margin-bottom: 30px;} section.news.blog-grid .news-date, .blog-home .blog-item .news-content .news-date{position: relative; top: inherit;left: inherit;} section.news.blog-grid .news-title h3{padding: 15px 0 15px;} .recent-image{width: 10%;} } @media(max-width: 767px){ .blog-item{display: block;} .blog-image, .blog-item .news-content{width: 100%;} .recent-item{margin-bottom: 30px;} .recent-image { width: 100%; margin-bottom: 15px; margin-right: 0; height: 250px; } .recent-image img{width: 100%;} } /*Shop*/ .shop-item{ box-shadow: 0px 0px 15px #cccccc47; margin-bottom: 30px; border-radius: 10px 0; overflow: hidden; } .shop-image{ position: relative; padding: 20px; } .sale, .offer { width: 60px; height: 60px; position: absolute; top: 15px; left: 15px; background: #1db9a0; text-align: center; line-height: 3.2; border-radius: 50%; color: #fff; font-size: 18px; text-transform: uppercase; font-weight: 800; } .offer{background: #033b4a;} /*shop-detail*/ section.store-tabs { background: #fbfbfb; position: relative; } section.store-tabs:before { content: ''; background: #fff; height: 100%; width: 66.8%; position: absolute; left: 0; top: 0; } .store-tabs .col-md-8{width: 70%;} .store-tabs .col-md-4{width: 30%;} .shop-detail .thumbnail-images { padding: 15px; background: #fbfbfb; border-radius: 10px 0; } .shop-detail .slider-thumbs .slick-slide img{padding: 5px;} input.quantity-input{height: 44px;} .shop-content{ text-align: center; padding: 15px 0 20px; border-top: 5px solid #1db9a061; } .single-content h2{margin-bottom:5px;} .shop-price{ margin-bottom: 10px; } .shop-price span{ margin: 0 5px 0 0; font-size: 16px; } .shop-price del{ opacity: 0.7; } .shop-price ins{ font-weight: 600; } .quantity-buttons{ display: inline-block; } .single-content .shop-price span{ font-size: 18px; } .shop-price ins, .single-content .shop-price ins span{color: #1db9a0;} .product-tags{ margin-top: 20px; } .product-tags a{ display: inline-block; font-size: 16px; font-style: italic; color: #666; } .store-tabs .shop-price{margin: 5px 0 0;} .store-tabs .shop-price span{font-size: 14px; font-weight: 300;} #store-tab-main .nav-tabs { border:none; } #store-tab-main .nav-tabs>li{ margin: 0 10px 0 0; border-radius: 10px 0; overflow: hidden; } #store-tab-main .nav-tabs>li>a{ position: relative; display: inline-block; vertical-align: top; padding: 10px 14px; font-size: 18px; text-align: center; font-weight: 300; color: #1db9a0; background: transparent; border-radius: 0; margin: 0; line-height: inherit; border: none; } #store-tab-main .nav-tabs>li>a:hover, #store-tab-main .nav-tabs>li.active>a, #store-tab-main .nav-tabs>li.active>a, #store-tab-main .nav-tabs>li.active>a:focus{ color: #fff!important; border: none; background: #1db9a0; } .shop-detail .slider.slider-thumbs{margin-top: 5px;} .shop-detail .slider.slider-thumbs .slick-slide{opacity: 0.5;} .shop-detail .slider.slider-thumbs .slick-slide.slick-active{opacity: 1;} .shop-detail .slider.slider-thumbs .slick-prev, .store-detail .slider.slider-thumbs .slick-next{top: 45%;} .shop-detail .slider.slider-thumbs .slick-prev{left: 0;} .shop-detail .slider.slider-thumbs .slick-next{right: 0;} .shop-detail .slider.slider-thumbs .slick-prev:before, .store-detail .slider.slider-thumbs .slick-next:before{color:#1db9a0; opacity: 1;background: none;} .related-products .content-title{ margin-bottom: 50px; } table.shop_table.rt-checkout-review-order-table{width: 100%;} table.shop_table.rt-checkout-review-order-table tr{border: 1px solid #f1f1f1;} table.shop_table.rt-checkout-review-order-table tr th, table.shop_table.rt-checkout-review-order-table tr td{padding:10px 15px; font-size: 15px; border: 1px solid #f1f1f1;} table.shop_table.rt-checkout-review-order-table thead, table.shop_table.rt-checkout-review-order-table tr.order-total{ background: #fbfbfb; } .cart-table-list thead{width: 100%;} .cart-table-list th, .cart-table-list td{text-align: center;} .cart-table-list .product-thumbnail img { width: 30%; margin-right: 15px; } .cart-main h3, .checkout-main h3{font-weight: 800;} .checkout-main textarea{height: 169px;} .cart-table-list table td.actions .coupon { position: relative; display: inline-block; vertical-align: middle; float: left; } .cart-table-list .coupon input[type=text]{ width: 250px; margin-left: 22px; box-shadow: none; border: 1px solid #f1f1f1; background: #fff; height: 35px; vertical-align: top; padding-left: 10px; } .cart-table-list table td.actions .coupon button.btn{ padding: 6px 12px; } .cart-table-list table td.actions .coupon button.update_cart{ background: #00a3c8; color: #fff; border-color:#00a3c8; } .cart-table-list table td.actions .button { margin: 0 0 0 22px; } .cart-table-list table td.actions .coupon button.btn-red:hover{ background-color: #00a3c8; color: #fff; } @media(max-width: 1100px){ section.store-tabs:before{width: 68.8%;} } @media(max-width: 991px){ .store-tabs .col-md-8, .store-tabs .col-md-4{width: 100%;} section.store-tabs:before{width: 100%;} .single-content{margin-top: 30px;} .cart-table-list .quantity-buttons{position: relative;} } @media(max-width: 767px){ .cart-main h3, .checkout-main h3{text-align: left;} } @media(max-width: 568px){ .cart-table-list table.shop_table.rt-checkout-review-order-table{display: inline-block; overflow-x: scroll;} span.quantity-buttons input{ width: 100%; } } /*Login Page*/ .form-title { text-align: center; margin-bottom: 30px; } .form-title h2, .form-title h3 { position: relative; margin-bottom: 20px; padding-bottom: 15px; } .form-title h2:after, .form-title h3:after { position: absolute; content: ''; height: 1px; width: 50px; background: #333; left: 0; bottom: 0; margin: 0 auto; right: 0; } .login-form form { text-align: left; padding: 30px; border: 1px solid #f1f1f1; box-shadow: 1px 1px 20px #cccccc57; } .comment-btn { margin-top: 10px; } a.btn-blue { border: 1px solid #005294; padding: 7px 25px; display: inline-block; background: #005294; color: #fff; transition: all ease-in-out 0.3s; cursor: pointer; } .login-accounts{ padding-top: 20px; margin-top: 23px; border-top: 1px solid #f1f1f1; } .login-accounts a.btn-blue{ margin-right: 10px; } a.btn-google{ background: #d34836; border-color: #d34836; } a.btn-twit{ background: #00aced; border-color: #00aced; } .login-accounts h3{ display: block; margin: 10px 0 15px; padding-bottom: 0; } a.forgotpw{ color: #D60D45; } @media(max-width: 991px){ .login-form form{padding: 20px;} a.btn-blue{margin:0 5px 5px 0;} } @media(max-width: 767px){ .login-form{margin-top: 30px;} } /* ====================== */ /* Pricing Page */ /* ====================== */ section.pricing:after{ content: ''; background: linear-gradient(to right, #1DB9A0 0%, #037e9a 100%); position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 50%; } .price-item{ border: 1px solid #f1f1f1 ; position: relative; z-index: 9; background: #fff; transition: all ease-in-out 0.3s; text-align: center; box-shadow: 0 0 15px 0 rgba(41,61,88,.1); border-radius: 10px 0; } .price-item:hover{ box-shadow: 0px 0px 5px #cccccc57; } .price-icon{ width: 75px; margin: 0 auto 20px; } .price-title{ padding: 30px; } span.package-price{ font-size: 46px; font-weight: 700; color: #00a3c8; line-height: 1em; display: block; padding-top: 5px; } span.package-price sub{ font-size: 20px; bottom: 0; } span.package-price sub:first-child { bottom: 0.1em; color: #212121; } .price-content li{ margin: 0; padding: 15px 30px; } .price-content li:nth-child(odd){ background: #fbfbfb; } .price-btn{ padding: 20px 30px; } @media(max-width: 991px){ section.pricing{padding-bottom: 50px;} .price-outer{margin-bottom: 30px;} } /* ====================== */ /* Faq Page */ /* ====================== */ .accrodion-grp{position: relative; z-index: 1;} .accrodion-grp .accrodion + .accrodion { margin-top: 10px; } .accrodion-grp .accrodion .accrodion-title { border: 1px solid #DEE0E1; background:#f4f1f1; padding: 14.5px 25px; cursor: pointer; -webkit-transition: all .4s ease; transition: all .4s ease; border-radius: 10px 0; } .accrodion-grp .accrodion .accrodion-title h4 { margin: 0; position: relative; color: #222222; } .accrodion-grp .accrodion .accrodion-title h4:before { content: '\f107'; font-family: 'FontAwesome'; color: #222222; font-size: 20px; position: absolute; top: 50%; right: 0px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .accrodion-grp .accrodion .accrodion-content .inner { padding: 20px 0px 10px; } .inner ul li{ margin-left: 25px; list-style: disc; } .accrodion-grp .accrodion .accrodion-content p { margin: 0; font-size: 15px; line-height: 28px; text-align: justify; color: #000; } .accrodion-grp .accrodion.active .accrodion-title { background: #c88a25de; border-color: #ffffff; } .accrodion-grp .accrodion.active .accrodion-title h4:before { content: '\f106'; color: #fff; } .accrodion-grp .accrodion .accrodion-title h4{ font-weight: 600; font-size: 16px; } .accrodion-grp .accrodion.active .accrodion-title h4{ color: #fff; } /* ====================== */ /* Error Page */ /* ====================== */ .errormain .breadcrumb-outer{padding-top: 180px;} .errormain .breadcrumb{text-align: center;} .errormain .breadcrumb nav{right: 0; bottom: 90px;} .errormain .breadcrumb h2{ margin: 0 auto; left: 0; font-size: 150px; right: 0; line-height: 106px; } @media(max-width: 991px){ .errormain .breadcrumb-outer{padding: 100px 0;} section.error{margin-top: 0;} .errormain .breadcrumb nav{position: inherit; bottom: inherit;} .errormain .breadcrumb h2{line-height: initial; font-size: 98px;} } @media(max-width: 735px){ .errormain .breadcrumb h2{font-size: 50px;} } /*instagram*/ .mt_instagram a img{border-radius:10px 0; overflow: hidden; transition: all ease-in-out 0.5s;} .mt_instagram a img:hover{filter: grayscale(100%); transition: all ease-in-out 0.5s;} @media(max-width: 767px){ .mt_instagram{padding-bottom: 50px;} .mt_instagram a img{width: 100%; margin-bottom: 30px;} } /*breaking news*/ .breaking_news{position: relative; margin-top: 50px;} .breaking_inner { border: 1px solid #f1f1f1; background: #fbfbfb; padding: 13px 0 8px; border-radius: 0 10px; position: relative; overflow: hidden; } .breaking_news h3 { position: absolute; background: #1db9a0; padding: 8px 15px; border-radius: 0 0px 0 10px; z-index: 1; top: 0; left: 0; } .breaking_news marquee{padding-left: 100px;} .breaking_news marquee a { padding-left: 30px; } @media(max-width: 639px){ .breaking_news h3{position: inherit; border-radius: 0; text-align: center;} .breaking_news marquee{padding:15px 0px 0; margin:0 20px;} } /* ====================== */ /* Coming soon */ /* ====================== */ body.coming{ background: radial-gradient(#0da7af, #053f4d); width: 100%; height: 100%; position: relative; } body.coming:before { content: ''; background: linear-gradient(to top, #1db9a059 0%, #ffffff00 100%); width: 50%; height: 100%; position: absolute; bottom: 0; left: 0; z-index: 0; } #coming .container{position: relative; z-index: 2;} #coming .coming-main{ width: 70%; margin: 0 auto; position: relative; height: 800px; } .coming-inner { position: absolute; top: 50%; left: 50%; -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 100%; } #coming h1{font-size: 60px; text-shadow: 0 0 15px #00000056;} #coming .coming-content img{ padding: 10px 20px; background: #fff; border-radius: 0 26px; box-shadow: 0 0 15px #00000040; } #coming .count-content { background: #ffffff1f; border-radius: 10px 0; margin-bottom: 30px; } #coming .coming-content p{font-size: 21px; line-height: 1.5;} #coming .count-content #demo { position: relative; font-size: 58px; font-weight:800; color: #fff; display: inline-block; line-height: 2.0; } #coming .count-content #demo span { font-size: 24px; padding: 0 10px; font-size: italic; } #coming .mailpoet_form { position: relative; overflow: hidden; background: #fff; height: 42px; width: 70%; margin: 0 auto; } #coming input.mailpoet_submit { position: absolute; right: 0; top: 0; border-radius: 0; padding: 9px 20px; } #coming button.btn{ position: absolute; top: 0; right: 0; border: none; background: #1db9a0; color: #fff; font-size: 16px; border-radius: 0; padding: 10px 20px; } #coming .follow_us .social_icons li{display: inline-block; margin: 0 5px;} #coming .follow_us .social_icons li a { color: #1db9a0; background: #fff; border-radius: 10px 0; height: 40px; width: 40px; display: inline-block; line-height: 2.8; transition: all ease-in-out 0.5s; } /*css start*/ .parag{ font-size: 15px; color: #000; text-align: justify; line-height: 27px; margin-top: 15px; } .service-content p { font-size: 15px; font-weight: 300; line-height: 24px; margin-bottom: 0; color: #fff; font-family: 'Poppins', sans-serif; } .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { margin-left: -25px; margin-top: -34px; } .parag1{ color:#000; } .contact-infos { display:none; } /*whatsapp css*/ .whatsapp01{width:70px; height:auto; z-index: 99999; position:fixed; bottom:30px; right: 60px;-webkit-animation: move1 1s infinite; -moz-animation: move1 1s infinite; animation: move1 1s infinite; opacity:0.8} .whatsapp01 img{ width:100%; height:auto;} .mobweb01{display:none;} .whatsapp01:hover{opacity:1;} @keyframes move1{ 0%{bottom: 30px;} 50%{bottom:45px; } 100%{bottom:30px} } @-webkit-keyframes move1{ 0%{bottom: 30px;} 50%{bottom:45px; } 100%{bottom:30px} } @media only screen and (max-width: 480px) { .mobweb01 { display:block !important; } .deskweb01 { display:none !important; } iframe.responsive-iframe{ margin-left:-12px; width: 296px; height: 220px; } } /*social icon*/ #sticky-social { left: 0; position: fixed; top: 150px; z-index:99999; } #sticky-social a { background: #333; color: #fff; display: block; height: 45px; font: 16px "Open Sans", sans-serif; line-height: 13px; position: relative; text-align: center; width: 43px; } #sticky-social a span { line-height: 43px; left: -120px; position: absolute; text-align: center; width: 124px; top: 0px; height: 45px; } #sticky-social a:hover span { left: 100%; } #sticky-social a[class*="facebook"], #sticky-social a[class*="facebook"]:hover, #sticky-social a[class*="facebook"] span { background: #3b5998; } #sticky-social a[class*="twitter"], #sticky-social a[class*="twitter"]:hover, #sticky-social a[class*="twitter"] span { background: #b72614; } #sticky-social a[class*="instagram"], #sticky-social a[class*="instagram"]:hover, #sticky-social a[class*="instagram"] span { background: #d43a87 ; } #sticky-social a[class*="linkedin"], #sticky-social a[class*="linkedin"]:hover, #sticky-social a[class*="linkedin"] span { background: #007bb6; } #sticky-social a[class*="youtube"], #sticky-social a[class*="youtube"]:hover, #sticky-social a[class*="youtube"] span { background: #ff1c00; } #sticky-social a[class*="rss"], #sticky-social a[class*="rss"]:hover, #sticky-social a[class*="rss"] span { background: #ff9e0c; } #sticky-social a[class*="pintrest"], #sticky-social a[class*="pintrest"]:hover, #sticky-social a[class*="pintrest"] span { background: #E60023; } #sticky-social a[class*="tumblr"], #sticky-social a[class*="tumblr"]:hover, #sticky-social a[class*="tumblr"] span { background: blue; } /*end*/ #coming .follow_us .social_icons li a:hover{ transition: all ease-in-out 0.5s; background: #1db9a0; color: #fff; } .MobileContents { display:none; } @media screen and (max-width: 600px) { .MobileContent { display:none; } .MobileContents { display:block; } #fw_al_003 > .carousel-inner > .item > img, #fw_al_003 > .carousel-inner > .item > a > img { height: 350px !important; } } @media(max-width:1100px){ #coming .coming-main{width: 80%;} } @media(max-width: 911px){ #coming .coming-main{width: 90%;} #coming .count-content #demo{font-size: 42px;} #coming .mailpoet_form{width: 100%; display: inline-block;} } @media(max-width: 767px){ #coming h1{font-size: 40px;} #coming .coming-content p{font-size: 18px;} } @media(max-width: 480px){ #coming .count-content{margin-top: 0;} #coming .mailpoet_form{overflow: visible;} #coming button.btn{position: relative;} .section-title p{ width: 100%; } } .services-area ul { overflow: hidden; } .services-area ul li { float: left; width: 20%; margin: 0px 2.5% 40px 2.5%; list-style: none; } .services-area { text-align: center; padding: 55px 0px 0px 0px; } .lay-width { width: 100%; max-width: 1180px; margin: 0 auto; } .services-area ul li i { display: inline-block; border-radius: 100%; position: relative; margin-bottom: 18px; } .services-area ul li i a { display: inline-block; border-radius: 100%; border: 6px solid #68798b; } .services-area ul li i img { display: inline-block; border-radius: 100%; border: 2px solid #FFFFFF; max-width: 96%; height: 225px; } .services-area ul li i span { position: absolute; width: 25px; height: 18px; background: url(../images/s-arrow.png) no-repeat; left: 51px; bottom: 3px; } .services-area h3 { font-size: 20px; color: #000000; line-height: 25px; display: block; font-weight: 600; } .services-area ul li:hover i a { border: 6px solid #99203f; } .services-area h3 a { font-size: 20px; color: #000; line-height: 25px; display: inline-block; font-weight: 600; } .services-area ul li p { color: #6a6a6a; font-size: 15px; line-height: 24px; } iframe#instagram-embed-0 { height: 500px; object-fit: cover; } .info-detail h4{ font-size: 25px; margin-top: 20px; margin-bottom: 20px; font-weight: 600; color: #003a70; } .pull-right-news { float: right; margin-top: 100px; } .nav-tabs>li>a { margin-right: 2px; line-height: 1.42857143; border: 1px solid transparent; border-radius: 4px 4px 0 0; background: #4a7f44; } .trs.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { color: #fff !important; cursor: default; background-color: #3b714d !important; border: 1px solid #292626; border-bottom-color: transparent; } .nav-tabs { border-bottom: 1px solid #ddd0; } .news{ margin-top: 30px; } section.trs.icon-right { margin-top: 50px; } .hsa{ margin-bottom: 20px; font-size: 34px; color: #000000; font-weight: 700; }