@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap"); ::-webkit-input-placeholder { color: #999; } :-moz-placeholder { color: #999; } :-ms-input-placeholder { color: #999 !important; } body { line-height: 20px; margin: 0; font-size: 14px; width: 100%; font-family: "Roboto", sans-serif; color: #333; -webkit-font-smoothing: antialiased; letter-spacing: 0.4px; padding: 0 !important; } h1, h2, h3, h4, h5, h6 { font-weight: 700; } select::-ms-expand { display: none; } select { -webkit-appearance: none; -moz-appearance: none; } dd, dl, dt, li, ul { margin: 0; padding: 0; list-style-type: none; } .right-bar-skin li, .right-bar-skin ol, .right-bar-skin ul { list-style-type: initial; } a:active, a:focus, a:hover, select { outline: 0 !important; text-decoration: none; -webkit-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; } option { padding: 5px; } button:focus { outline: 0 !important; } a:focus { outline: 0 !important; } input:focus, textarea { outline: 0 !important; } img { max-width: 100%; height: auto; margin: 0 auto; } .bg-img { background: url("../images/bg-stripe.png"); background-repeat: no-repeat; background-position: 0 0; } .mobidoctor-address { text-align: left; margin: 10px 50px 10px 0px; float: left; } .top_card_icon { text-align: right; padding: 17px 0 10px; /*max-width:610px;*/ width: 30%; float: right; } .card_title { color: #ffffff; display: inline-block; font-size: 17px; max-width: 75px; width: 100%; } .card_icon_img { background-position: -170px -393px; width: 150px; height: 25px; background-size: 350px; vertical-align: middle; display: inline-block; } .card_icon_img > img { height: 25px; } .relative-block { position: relative; } .form-group { position: relative; margin-bottom: 30px; } .error { position: absolute; color: #f80808; font-size: 12px; } .error.sign-erro-new { position: relative; } .green-text { color: #189109; } .right-btn { text-align: right; } .green-btn { display: inline-block; background-color: #189109; border: 1px solid #189109; color: #fff !important; font-weight: 500; font-size: 16px; cursor: pointer; padding: 8px 20px; border-radius: 3px; text-align: center; text-transform: uppercase; -webkit-transition: 0.3s; transition: 0.3s; } .green-btn:focus, .green-btn:hover { background-color: transparent; color: #189109; } .green-trans-btn { display: inline-block; background-color: transparent; border: 1px solid #189109; color: #189109; font-weight: 500; font-size: 16px; padding: 8px 20px; border-radius: 3px; text-align: center; text-transform: uppercase; -webkit-transition: 0.3s; transition: 0.3s; } .green-trans-btn:focus, .green-trans-btn:hover { background-color: #189109; color: #fff; } .black-btn { display: inline-block; background-color: #16212f; border: 1px solid #16212f; color: #fff; font-weight: 500; font-size: 16px; padding: 12px 20px; border-radius: 3px; text-align: center; text-transform: uppercase; -webkit-transition: 0.3s; transition: 0.3s; } .black-btn:focus, .black-btn:hover { background-color: transparent; color: #16212f; } .green-trans-btn.full-width { width: 100%; } .breadcrum-section .active { color: #189109; } .new-height { height: 114px; } .invitation-new-modal .green-btn { margin: 10px auto; display: block; width: 180px; text-transform: none; } .invitation-new-modal p { font-size: 14px; color: #54616e; font-weight: 300; margin: 10px 0 30px; text-align: center; } .invitation-new-modal .modal-body { padding: 20px 30px; } .invitation-new-modal h2 { text-align: center; font-size: 26px; margin-bottom: 20px; } header { position: fixed; width: 100%; top: 0; z-index: 111; padding: 5px 15px 3px; -webkit-transition: 0.5s; transition: 0.5s; background-color: #fff; box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1); } header .logo { display: inline-block; } header .sidenav { display: inline-block; vertical-align: middle; } .main-menu li { display: inline-block; padding: 0 25px 0 0; } .make-appointment-section .container { max-width: 900px; width: 100%; } .main-menu li a { color: #002845; font-size: 17px; display: block; } .see-doctor-sticky { height: 40px; min-width: 180px; max-width: 250px; padding-top: 10px; background-color: #151815; color: #fff; text-align: center; display: none; vertical-align: middle; border-radius: 25px; border: 1px solid #189102; text-transform: uppercase; font-size: 16px; -webkit-transition: 0.3s; transition: 0.3s; opacity: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto auto; z-index: 1; } header.sticky .see-doctor-sticky { opacity: 1; -webkit-transition: 0.3s; transition: 0.3s; display: block; } header.tran-bg { background: 0 0; box-shadow: none; } header.tran-bg .main-menu li a { color: #fff; } header.tran-bg a.login-btn { border-color: #fff; color: #fff; } header.tran-bg a.login-btn:hover { border-color: #189109; } header.sticky.tran-bg .main-menu li a { color: #189109; } header.sticky.tran-bg a.login-btn { border-color: #189109; color: #189109; } header.sticky.tran-bg a.login-btn:hover { background: #189109; color: #fff; } .see-doctor-sticky:hover { background-color: transparent; color: #189102; } .main-menu li.normal-login-mobile { display: none; } .index-tra { background-color: transparent; /* box-shadow: none*/ } /* .index-tra .menu-icon { color: #fff } */ header.sticky.menu-active .top-menu { display: block; } .main-menu li.mobile-inner-li { display: none; } .both-ili-vertical { position: relative; display: block; top: 50%; transform: translateY(-50%); } .ill-img img { height: 50px; } .ill-img { text-align: center; margin-bottom: 8px; } .reason-page-radio-btn .radio-btns .radio-btn label { padding: 0; } .reason-page-radio-btn .radio-btns .radio-btn label { width: 120px; text-align: center; margin: 10px 3px; border: 1px solid #dde7ed; border-radius: 6px; padding: 5px 4px; height: 110px; } .illi-name { font-size: 12px; font-weight: 300; } .Common-conditions-sections-inner h2 { font-size: 24px; text-transform: uppercase; line-height: normal; letter-spacing: 0.4px; color: #333; text-align: center; } .Common-conditions-sections-inner .title p { font-size: 15px; max-width: 900px; width: 100%; margin: 0 auto 45px; line-height: 22px; text-align: center; } .common-condition-info { margin-bottom: 20px; } .common-condition-info h3 { margin: 0px 0 10px 0; color: #333; } .common-condition-info h3:hover { color: #189109; } .common-condition-info h3 i { font-size: 11px; } .common-condition-info .common-condition-info-inner { border-radius: 4px; position: relative; } .common-condition-info-inner .common-condition-info-btn { position: absolute; bottom: 0px; left: 0px; width: 100%; background: #fff; border: 1px solid #d3d3d3; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .common-condition-info-btn p { background: #189102; -webkit-border-radius: 0; border-radius: 0; color: #fff; display: block; font-size: 16px; margin: 11px auto 12px; max-width: 230px; padding: 9px 0; text-align: center; -webkit-transition: all 0.2s; transition: all 0.2s; } .common-condition-info-inner img { border-radius: 4px; } .common-condition-info-btn p span { padding-left: 5px; border-left: 1px solid #fff; } .common-condition-info-btn p span:nth-child(1) { padding-right: 5px; border-left: none; } @media (min-width: 320px) and (max-width: 479px) { header.sticky .see-doctor-sticky { min-width: 130px !important; right: -50px; } .language-wrapp select { width: 58px !important; margin: 10px 30px 0 0; height: 35px; padding: 0 5px 0; } .sticky .language-wrapp { margin: 0px -7px 0 0 !important; } .sticky .language-wrapp select { width: 45px !important; margin: 10px 35px 10px 11px; padding: 0 15px; } } @media (max-width: 767px) { #cookieNotice { flex-direction: column; text-align: justify !important; } #cookieNotice p { font-size: 13px; text-align: justify; } .login-lang-wrap { width: 90px !important; margin: 10px 30px 10px 11px; } .sticky .language-wrapp select { width: 90px !important; margin: 10px 30px 10px 11px; } .sticky .language-wrapp select { width: 45px !important; margin: 10px 35px 10px 11px; padding: 0 15px; } } .form-group.reason-page-radio-btn { margin: 0 -4px; } .reason-page-radio-btn .radio-btns input[type="radio"]:checked ~ label { background-color: #189109; border: #189109; color: #fff; } .reason-page-radio-btn .radio-btns input[type="radio"]:checked ~ label img { filter: brightness(100); transition: 0.5s; } .form-group.reason-page-radio-btn .radio-btns .radio-btn { vertical-align: middle; } .index-tra .main-menu li a:hover { color: #333; } .main-menu li a:hover { color: #000; } a.login-btn { border: 1px solid #189109; border-radius: 50px; width: 110px; height: 40px; line-height: 28px; text-align: center; padding: 4px 0; text-transform: uppercase; -webkit-transition: 0.3s; transition: 0.3s; display: inline-block; vertical-align: middle; color: #189109; font-size: 17px; } a.login-btn:hover { background-color: #189109; color: #fff; border: 1px solid #189109; } .top-menu { text-align: right; margin: 34px 0 0; } .banner-img-block, .closebtn, .menu-icon { display: none; } header.sticky { background-color: #fff; border-bottom: 1px solid #e4e4e4; } #main.overlay { position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; z-index: 11; } .inner-header .logo-white, .logo-black { display: none; } .index-tra.sticky .logo-black { display: block; } .index-tra.sticky .logo-white { display: none; } .index-tra .logo-black { display: block; } .index-tra .logo-white { display: none; } .inner-left-menu header .sidenav { float: right; margin-top: 40px; } .inner-left-menu header .act-menu.sidenav { margin-top: 0; } .inner-left-menu .after-login-menu { float: right; margin: 30px 0 0; } .inner-left-menu .sticky .after-login-menu { float: right; margin: 30px 30px 0; } header.sticky .main-menu li.mobile-inner-li { display: none; } .inner-header .logo-black { display: block; } .notification-popup-section-main { display: none; position: fixed; left: 0; bottom: 0; height: 80vh; width: 320px; z-index: 9999; padding: 30px 0 30px 20px; } .notification-popup-section { height: 95vh; width: 100%; display: table-cell; vertical-align: bottom; } .notification-message-box { background: #fff; color: #000; padding: 13px 20px; position: relative; margin-bottom: 20px; -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); border-radius: 10px; } .notification-message-head { font-size: 14px; margin-bottom: 3px; font-weight: 600; color: #189109; } .notification-message-content { font-size: 14px; line-height: 1.5; color: #3b3b3b; } .noti-message-icon { position: absolute; left: 20px; top: 13px; font-size: 15px; color: #189109; display: none; } .ui-pnotify-closer, .ui-pnotify-sticker { background-position: -326px -111px; background-size: 400px; width: 16px; height: 16px; line-height: 14px; position: absolute; right: -5px; top: -4px; } .noti-action-icon { position: absolute; right: 15px; top: 13px; } .noti-action-icon a { display: inline-block; vertical-align: middle; margin-left: 5px; } .main-new-footer .container { width: 100%; max-width: 1280px; } #cookieNotice { display: flex; justify-content: center; align-items: center; } #cookieNotice p { font-size: 16px; line-height: 24px; text-align: left; margin-right: 100px; margin-top: 10px; font-family: robotolight, sans-serif; } .confirm { padding: 6px 25px !important; font-size: 14px; background-color: #189102 !important; margin-left: 30px !important; border-radius: 23px; } .learn-more { font-size: 14px; color: #fff !important; } div#cookieNotice { font-family: robotolight, sans-serif; } .noti-action-icon a path { color: #bdbdbd; } .play-icon { display: none; } .play-pause-icon-main.active .play-icon { display: block; } .play-pause-icon-main.active .pause-icon { display: none; } .inner-header .main-menu li a { color: #333; } .inner-header .main-menu li.view-for-mobile-view { display: none; } .inner-header .main-menu li a:hover { color: #189109; } .inner-header a.login-btn { border: 1px solid #189109; background-color: #189109; } .inner-header a.login-btn:hover { background-color: transparent; color: #189109; } .inner-header header { -webkit-transition: 0s; transition: 0s; background-color: #fff; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } .inner-header header.sticky { background-color: #fff; } .booking-step-wrapper .green-btn.submit-btn { max-width: 270px; margin: 20px auto 0; display: block; width: 100%; padding: 8px 10px; } .step-indicator { text-align: center; margin: 40px 0 0; } .step-indicator li { width: 15px; height: 15px; border-radius: 50%; display: inline-block; background-color: #d4dade; margin: 0 3px; } .step-indicator li.active { background-color: #50ab50; } .noti-icon { width: 30px; height: 40px; background-position: -345px -319px; display: block; } .inner-header .after-login-menu { margin: 31px 0 0; } .after-login-menu { text-align: right; margin: 15px 0 0; } .app-btn { display: inline-block; background-color: #222; border-radius: 5px; padding: 7px 12px; color: #fff; margin-right: 15px; } .app-btn:hover { color: #fff; background-color: rgba(0, 0, 0, 0.5); } .app-btn .app-btn-icon { float: left; margin: 2px 0 0; background-position: -295px -516px; width: 35px; height: 35px; } .app-btn .app-btn-icon i { font-size: 30px; } .app-text { line-height: 17px; margin-left: 40px; display: block; text-align: left; font-size: 11px; font-weight: 300; } .app-text span { display: block; font-size: 14px; font-weight: 500; } .app-btn.google-play .app-btn-icon { background-position: -330px -516px; width: 35px; height: 35px; } .after-login-menu ul li { display: inline-block; vertical-align: middle; padding-left: 0px; cursor: pointer; } .noti-block .badge { position: absolute; top: -1px; width: 22px; height: 22px; border-radius: 50%; background-color: #189109; font-size: 10px; font-weight: 400; text-align: center; padding: 6px 0; right: -6px; } .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: middle; background-color: #777; border-radius: 10px; } .profile-drop-block .profile-name img { height: 40px; width: 40px; border-radius: 50%; } .profile-drop-block .profile-name b, .profile-drop-block .profile-name span { display: inline-block; vertical-align: middle; } .profile-drop-block .profile-name b { font-size: 16px; font-weight: 400; width: 110px; height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-right: 10px; } .profile-drop-block .profile-name i { font-size: 20px; display: inline-block; vertical-align: middle; padding-right: 10px; } .profile-drop-block ul { width: 180px; position: absolute; right: 0; text-align: left; background-color: #fff; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); top: 50px; opacity: 0; -webkit-transition: 0.3s; transition: 0.3s; visibility: hidden; z-index: 99; } .profile-drop-block ul li { display: block; padding: 0; } .profile-drop-block ul li a { display: block; padding: 8px 10px; color: #3a3a3a; border-bottom: 1px solid #e2e2e2; font-size: 14px; } .profile-drop-block ul li a:hover { color: #189109; background-color: #f2f2f2; } .profile-drop-block ul::before { position: absolute; top: -14px; right: 6px; content: ""; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 13px solid #ddd; } .profile-drop-block ul::after { position: absolute; top: -13px; right: 6px; content: ""; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 13px solid #fff; } .after-login-menu ul li:hover .profile-drop-block ul { opacity: 1; visibility: visible; top: 60px; } .profile-drop-block ul li i { float: right; color: #667a8b; font-size: 16px; } header .pad-l-0 { padding-left: 0; } .cd-top { background-color: #002845; bottom: 40px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); height: 40px; opacity: 0; overflow: hidden; position: fixed; right: 30px; -webkit-transition: opacity 0.3s ease 0s, visibility 0s ease 0.3s; transition: opacity 0.3s ease 0s, visibility 0s ease 0.3s; visibility: hidden; width: 40px; z-index: 999; border-radius: 50%; font-size: 25px; color: #fff; text-align: center; -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.3); box-shadow: 0 4px 5px rgba(0, 0, 0, 0.3); padding: 2px 0; } .cd-top.cd-fade-out, .cd-top.cd-is-visible, .no-touch .cd-top:hover { -webkit-transition: opacity 0.3s ease 0s, visibility 0s ease 0s; transition: opacity 0.3s ease 0s, visibility 0s ease 0s; color: #fff; } .cd-top.cd-is-visible { background-position: -368px -511px; opacity: 1; visibility: visible; } .cd-top.cd-fade-out { opacity: 0.8; } .scaleIn .rot { -webkit-transition: all 0.35s linear 0s; transition: all 0.35s linear 0s; } .fadeUp { -webkit-animation: 1s ease 0s normal none 1 running fadeUp; animation: 1s ease 0s normal none 1 running fadeUp; } @-webkit-keyframes fadeUp { 0% { opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeUp { 0% { opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } .scale-In { -webkit-animation: 1s ease 0s normal none 1 running scaleIn; animation: 1s ease 0s normal none 1 running scaleIn; } @-webkit-keyframes scaleIn { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes scaleIn { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); } } .scale-InOut { -webkit-animation: 1s ease 0s normal none 1 running scaleIn; animation: 1s ease 0s normal none 1 running scaleIn; } @-webkit-keyframes scaleInOut { 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes scaleInOut { 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } .scaleIn:hover .rot { border-color: #4cc3e9; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .hovfade:hover { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-name: scaleInOut; animation-name: scaleInOut; } .mobi-appoint-btn a { padding: 0 32px; text-align: center; line-height: 50px; color: #fff; border-radius: 50px; text-transform: uppercase; font-size: 16px; background-color: #189109; border: 1px solid #189109; display: block; line-height: 54px; } .mobi-appoint-btn a:hover { background-color: #fff; color: #189109; /* border-color: #fff*/ } .mobi-appoint-btn.mobi-how-work a { border: 1px solid #189109; background-color: transparent; color: #189109; } .mobi-appoint-btn.mobi-how-work a:hover { background-color: #189109; border-color: #189109; color: #ffffff; } .mobi-appoint-btn.mobi-birth-control a { border: 1px solid #800080 !important; background-color: #800080; color: #fff !important; margin-top: 10px; } .mobi-appoint-btn.mobi-birth-control a:hover { background-color: #800080; border-color: #800080; color: #fff !important; } .mobi-appoint-btn.mobi-saliva-test a { border: 1px solid #003087 !important; background-color: #003087; color: #fff !important; margin-top: 10px; } .mobi-appoint-btn.mobi-saliva-test a:hover { background-color: #003087; border-color: #003087; color: #fff !important; } .mobi-appoint-btn { display: inline-block; margin-right: 17px; margin-bottom: 30px; } .appointment-title { font-size: 24px; text-transform: uppercase; margin-bottom: 7px; } .appoit-txt { font-size: 14px; color: #7f7f7f; font-weight: 300; } .lets-stated-title { font-size: 18px; float: left; } .started-sign-in a { float: right; color: #189109; margin-top: 4px; } .title-line.make-line { margin: 20px 0; } .make-appointment-from .form-group i { position: absolute; top: 13px; left: 10px; color: #aeaeae; } .make-appointment-from .info-msg .form-group select { border: 1px solid #dde7ed; } .make-appointment-from .info-msg .form-group input { border: 1px solid #dde7ed; } .form-group.i-size i { font-size: 18px; } .make-appointment-from .info-msg::before { content: none; } .make-appointment-from .form-group label { color: #013044; display: inline-block; margin-right: 20px; } .make-appointment-from .radio-btns { margin-bottom: 10px; display: inline-block; } .form-group.gender-margin { margin-bottom: 10px; margin-top: -6px; } .from-sub-btn .green-btn { width: 218px; height: 50px; line-height: 50px; padding: 0; border-radius: 50px; margin-top: 24px; } .make-appointment-from { margin-top: 18px; } .make-appointment-from .note a { color: #189109; } .form-group.i-size.lock-size i { font-size: 16px; } .appointment-frm { margin-top: 40px; } .make-appointment-section { margin: 60px 0 100px; } .home-banner-section { height: 880px; position: relative; background-position: center center; /* padding: 160px 0 0*/ } .home-banner-section .container { position: relative; top: 55%; transform: translateY(-50%); } /* .home-banner-section::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 17, 27, .5) } */ /* .home-banner-section::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -moz-linear-gradient(top, rgba(0, 25, 40, .8) 0, rgba(0, 25, 40, 0) 100%); background: -webkit-linear-gradient(top, rgba(0, 25, 40, .8) 0, rgba(0, 25, 40, 0) 100%); background: linear-gradient(to bottom, rgba(0, 25, 40, .8) 0, rgba(0, 25, 40, 0) 100%) } */ .banner-content { position: relative; z-index: 1; color: #333; } .banner-content h2 { margin: 0; font-size: 54px; font-weight: 600; margin-bottom: 8px; } .banner-content h1 { font-size: 54px; font-weight: 900; margin: 12px 0; } .banner-content h1 span { color: #189109; } .banner-content h5 { font-size: 22px; margin: 25px 0 25px; } .banner-content h5.doctor-visit-block { font-size: 20px; font-weight: 500; margin-bottom: -15px; } .new-msg-add { margin-top: 25px; max-width: 650px; width: 100%; line-height: 30px; font-size: 20px; font-weight: 500; letter-spacing: 0; display: none; } .ios-box { display: inline-block; } .banner-content p { font-size: 16px; /* text-transform: uppercase;*/ margin-bottom: 15px; font-weight: 600; } .app-btns li { display: inline-block; } .app-btns li:first-child { margin-right: 20px; } .app-btns li a { display: block; width: 160px; height: 50px; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 3px; padding: 9px 0; -webkit-transition: 0.3s; transition: 0.3s; } .app-btns li a:hover { background-color: rgba(0, 17, 27, 0.5); border: 1px solid transparent; } .app-btns li a img { margin: 0 auto; } .icon-block.bg-img { width: 40px; height: 40px; background-position: 0 0; float: left; } .banner-bootom-strip { padding: 24px 0 26px; } .content-block { margin-left: 55px; } .content-block p { margin: 0; color: #000333; font-size: 15px; } .secure .icon-block.bg-img { background-position: -55px -1px; } .membership-section { background-color: #ededed; } .membership-section .relative-block { padding: 0px 0 60px; min-height: 515px; } .membership-content h4 { margin: 0 0 20px; color: #24a124; font-size: 24px; } .membership-content p { margin: 0; font-size: 15px; line-height: 30px; } .membership-content .green-btn { margin: 40px 0 10px; width: 230px; border-radius: 50px; height: 50px; line-height: 33px; } .membership-img { position: absolute; bottom: 110px; right: 0; width: 35%; } .membership-content { position: relative; z-index: 1; } .bottom-strip-block { margin: 30px 0; } .how-it-img.bg-img { background-position: -188px -478px; width: 85px; height: 85px; margin: 0 auto; } .see-doctor .how-it-img.bg-img { background-position: -98px -478px; } .feeling-better .how-it-img.bg-img { background-position: -8px -478px; } .home-section { padding: 60px 0 90px; text-align: center; } .home-section h2 { margin: 0 0 20px; font-size: 24px; text-transform: uppercase; line-height: normal; } .how-it-block h5 { font-size: 16px; text-transform: uppercase; font-weight: 500; margin: 20px 0 10px; } .how-it-block p { font-size: 14px; line-height: 24px; } .review-section { /* background: #ededed;*/ /* min-height: 540px*/ } .review-content { text-align: center; position: relative; color: #333; } .membership-package-section h2, .review-section.home-section h2 { margin-bottom: 40px; } .review-user { margin: 40px 0 0; } .review-user.view-more-round .view-more { opacity: 1; visibility: visible; font-size: 18px; padding: 64px 0; } .review-user-img { width: 150px; height: 150px; margin: 0 auto; border-radius: 50%; display: block; position: relative; } .review-user-img img { border-radius: 50%; width: 100%; height: 100%; } .review-user p { margin: 20px 0 0; font-size: 18px; height: 26px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .review-user .view-more { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); border-radius: 50%; color: #fff; padding: 52px 0; opacity: 0; visibility: hidden; -webkit-transition: 0.3s; transition: 0.3s; } .review-user .view-more i { font-size: 50px; } .review-user .review-user-img:hover .view-more { opacity: 1; visibility: visible; } .membership-section { background-color: #ffffff; } .package-left-section { float: left; width: 40%; text-align: left; display: inline-block; margin: 30px 0 0; } .package-right-section { width: 60%; display: inline-block; } .package-left-section h5 { margin: 0 0 40px; font-size: 22px; line-height: 36px; color: #555; padding-right: 10px; } .package-left-section .prescription { background-color: #189109; color: #fff; padding: 20px 30px; font-weight: 500; font-size: 20px; } .membership-block { padding: 30px; background-color: #fff; border-radius: 3px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); margin: 30px 0 0; display: block; -webkit-transition: 0.3s; transition: 0.3s; } .membership-block h4 { font-size: 18px; margin: 0 0 30px; text-transform: uppercase; font-weight: 500; color: #333; } .price-block { width: 116px; height: 116px; border-radius: 50%; margin: 0 auto; border: 4px solid #d1e9ce; padding: 25px 0; display: block; } .price-block b { display: block; font-weight: 700; font-size: 48px; color: #24a124; line-height: 40px; } .price-block span { font-size: 14px; color: #545454; font-weight: 300; } .membership-block p { font-size: 20px; margin: 20px 0 0; color: #545454; } .membership-block:hover { -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); } .online-doctor-section { background-color: #fff; padding: 60px 0; } .mobile-img { margin-top: 80px; } .online-doctor-section .title p { font-size: 15px; max-width: 900px; width: 100%; margin: 0 auto 45px; line-height: 22px; } .feature-block { display: block; margin: 35px 0; padding: 20px 0; border-radius: 3px; height: 170px; } .feature-block .content, .feature-block .feature-img { display: table-cell; } .feature-block .content { text-align: right; color: #333; } .feature-block .feature-img { min-width: 90px; } .online-left-section { margin-right: -20px; } .online-right-section { margin-left: -20px; } .doctor-vdo-section .review-user-img { width: 100%; height: 200px; border-radius: 6px; } .doctor-vdo-section .review-user-img img { border-radius: 6px; } .doctor-vdo-section .review-user .view-more { border-radius: 6px; padding: 75px 0; } .doctor-vdo-section .review-user p { margin: 6px 0 0; } .doctor-vdo-section .review-section.home-section .review-content h2 { margin-bottom: 0; } .pregnancy-related-conditions-section .membership-content .green-btn { width: auto; font-size: 14px; } .pregnancy-related-conditions-section .membership-section { background-color: #fff; } .for-a-height a { display: block; height: 350px; overflow: hidden; margin-bottom: 30px; position: relative; } .pregnancy-related-conditions-section .membership-content i { font-size: 12px; margin-right: 6px; color: #24a124; } .pregnancy-related-conditions-section .membership-content li { margin: 10px 0; font-weight: 300; } .membership-img-pregnancy { overflow: hidden; border-radius: 50px; } .membership-img-pregnancy img { max-width: initial; border-radius: 50px; } .pre-right { float: right; } .sub-menu-mobile { display: none; font-size: 16px; background-color: #fff; padding: 12px; cursor: pointer; box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); } .sub-menu-mobile span i { float: right; font-size: 20px; padding-top: 2px; } .feature-block .content .sub-title { font-size: 18px; margin: 0 0 10px; display: block; } .feature-block .content .para { font-size: 14px; margin: 0; display: block; } .feature-block .feature-img span { display: block; width: 72px; height: 72px; margin: 0 0 0 auto; border-radius: 50%; background-position: -223px -87px; -webkit-transition: 0.3s; transition: 0.3s; position: relative; } .feature-block .feature-img span::before { content: ""; position: absolute; top: 0; left: 0; width: 72px; height: 72px; border: 4px solid #e7e7e7; border-radius: 50%; } .online-doctor-section .pad-r-0 { padding-right: 0; } .online-doctor-section .pad-l-0 { padding-left: 0; } .feature-block:hover .content .sub-title { color: #002845; } .feature-block:hover .feature-img span { background-color: #002845; background-position: -283px -87px; } .feature-block:hover .feature-img span::before { border: 4px solid #002845; } .online-right-section .feature-block .feature-img span { margin: 0 auto 0 0; } .online-right-section .feature-block .content { text-align: left; } .feature-block.two .feature-img span { background-position: 14px -41px; } .feature-block.three .feature-img span { background-position: 18px -109px; } .feature-block.four .feature-img span { background-position: -115px -153px; } .feature-block.five .feature-img span { background-position: 14px -175px; } .feature-block.six .feature-img span { background-position: -99px -88px; } .feature-block.two:hover .feature-img span { background-position: -36px -42px; } .feature-block.three:hover .feature-img span { background-position: -34px -109px; } .feature-block.four:hover .feature-img span { background-position: -181px -153px; } .feature-block.five:hover .feature-img span { background-position: -47px -176px; } .feature-block.six:hover .feature-img span { background-position: -159px -88px; } .online-doctor-section .green-btn { margin: 50px 0 0; width: 230px; padding: 12px 10px; border-radius: 50px; } .app-section { background-image: url(../images/home-middle-banner.jpg); background-repeat: no-repeat; background-size: cover; position: relative; } .app-section::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 25, 40, 0.8); } .app-img { position: absolute; bottom: 0; left: 0; display: block; } .app-content { position: relative; color: #fff; padding: 90px 30px 30px; } .app-content h2 { margin: 0 0 10px; font-size: 44px; font-weight: 300; max-width: 600px; line-height: 44px; } .app-content h2 span { font-weight: 900; } .app-content p { font-size: 17px; font-weight: 300; line-height: 26px; margin: 20px 0 30px; } .app-content .green-btn { width: 200px; } .app-content h5 { text-transform: uppercase; font-size: 16px; margin: 40px 0 20px; } .app-section .relative-block { min-height: 570px; } .call-section { background-color: #189109; color: #fff; padding: 30px 0; } .call-section h4 { margin: 5px 0 0; font-size: 20px; line-height: normal; } .call-section h4 i { font-size: 40px; display: inline-block; vertical-align: middle; padding-right: 15px; } .call-section h4 span { font-weight: 500; font-size: 30px; display: inline-block; vertical-align: sub; padding-left: 15px; } .call-section .black-btn { width: 170px; } .call-section .black-btn:hover { border: 1px solid #fff; color: #fff; } .membership-package-section { background-color: #f9fafa; } .feature-block .feature-img.resp-icon { display: none; } .home-video video { width: 100%; } .home-video iframe { width: 100%; height: 480px; } .video-modal .modal-body { padding: 0; } .video-modal.modal .close { opacity: 1; position: absolute; right: 0; top: -32px; z-index: 1; cursor: pointer; } .video-modal .modal-content { border-radius: 0; } .video-modal .modal-dialog { max-width: 900px; width: 100%; margin: 0 auto; top: 50%; transform: translateY(-50%) !important; } .modal-backdrop.in { opacity: 0.8; } .modal.video-modal { padding: 0 10px !important; } .bottom-strip-block img { margin: 0; } @-moz-document url-prefix() { .feature-block .content .para, .feature-block .content p, .how-it-block p, .login-modal h6, .membership-content p, .online-doctor-section .title p { font-weight: 400; } } .count-wrapper { margin-top: 40px; text-align: right; } .footer-top-block .social-list { float: left; } footer { background-color: #36393e; color: #ffffff; text-align: center; } .email-wrapper { max-width: 425px; height: 50px; position: relative; background-color: #081019; border-radius: 3px; float: left; width: 100%; } .email-wrapper input { height: 100%; width: 100%; background-color: transparent; border: none; font-size: 16px; color: #d0d6de; padding: 0 45px 0 15px; } .email-wrapper button { position: absolute; right: 10px; background-color: transparent; border: none; font-size: 28px; color: #50ab50; height: 100%; padding: 0; -webkit-transition: 0.3s; transition: 0.3s; top: 0; } .email-wrapper button:hover { color: #fff; } .count-block p { font-size: 22px; margin: 0; font-weight: 700; color: #d0d6de; } .count-block span { font-size: 13px; display: block; color: #8d9eab; } .count-block { margin: 0 0 40px; } .social-list li { display: inline-block; margin: 0 5px; } .social-list li a { width: 30px; height: 26px; display: block; } .social-list li a.facebook { background-position: -476px -474px; width: 20px; background-size: 501px; } .social-list li a.twitter { background-position: -474px -511px; } .social-list li a.instagram { background-position: -474px -538px; } .social-list li a.linkedin { background-position: -474px -637px; } .social-list li a.pinterest { background-position: -474px -670px; } .social-list li a.google-plus { background-position: -480px -573px; width: 20px; } .social-list li a:hover { color: #50ab50; } .count-block.reg-doctor { border-right: 1px solid #485565; border-left: 1px solid #485565; } .count-wrapper li { display: inline-block; width: 25.33%; text-align: center; } .footer-menu ul { text-align: right; } .footer-menu li { display: inline-block; padding-left: 9px; } .footer-menu { border-top: 1px solid #485565; padding: 15px 0; } .footer-menu p { text-align: left; margin: 0; font-size: 16px; } .footer-menu p a { color: #fff; font-weight: 500; } .footer-menu li a { font-size: 14px; color: #ffffff; } .footer-menu li a:hover, .footer-menu p a:hover { color: #50ab50; } [type="checkbox"]:checked, [type="checkbox"]:not(:checked) { position: absolute; left: -9999px; visibility: hidden; } [type="checkbox"] + label { position: relative; padding-left: 27px; cursor: pointer; display: inline-block; font-weight: 300; font-size: 15px; -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none; color: #272727; } [type="checkbox"].filled-in + label:after { border-radius: 0; } [type="checkbox"].filled-in + label:after, [type="checkbox"].filled-in + label:before { content: ""; left: 0; position: absolute; -webkit-transition: border 0.25s, background-color 0.25s, width 0.2s 0.1s, height 0.2s 0.1s, top 0.2s 0.1s, left 0.2s 0.1s; transition: border 0.25s, background-color 0.25s, width 0.2s 0.1s, height 0.2s 0.1s, top 0.2s 0.1s, left 0.2s 0.1s; z-index: 1; } [type="checkbox"].filled-in:not(:checked) + label:before { width: 0; height: 0; border: 3px solid transparent; left: 6px; top: 10px; -webkit-transform: rotateZ(37deg); transform: rotateZ(37deg); -webkit-transform-origin: 20% 40%; transform-origin: 100% 100%; } [type="checkbox"].filled-in:not(:checked) + label:after { height: 18px; width: 18px; background-color: transparent; border: 1px solid #189109; border-radius: 3px; top: 2px; z-index: 0; } [type="checkbox"].filled-in:checked + label:before { top: 5px; left: 2px; width: 6px; height: 10px; border-top: 2px solid transparent; border-left: 2px solid transparent; border-right: 2px solid #fff; border-bottom: 2px solid #fff; -webkit-transform: rotateZ(37deg); transform: rotateZ(37deg); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; } [type="checkbox"].filled-in:checked + label:after { top: 2px; width: 18px; height: 18px; border: 2px solid #189109; background-color: #189109; z-index: 0; border-radius: 3px; } [type="checkbox"].filled-in:disabled:not(:checked) + label:before { background-color: transparent; border: 2px solid transparent; } [type="checkbox"].filled-in:disabled:not(:checked) + label:after { border-color: transparent; background-color: #bdbdbd; } [type="checkbox"].filled-in:disabled:checked + label:before { background-color: transparent; } [type="checkbox"].filled-in:disabled:checked + label:after { background-color: #bdbdbd; border-color: #bdbdbd; } .radio-btns { margin-bottom: 10px; } .radio-btns .radio-btn { display: inline-block; position: relative; } .radio-btns .radio-btn input[type="radio"] { position: absolute; visibility: hidden; } .radio-btns .radio-btn label { font-weight: 400; color: #646d77; display: block; position: relative; font-size: 16px; padding: 0 25px 0 27px; margin: 10px auto; z-index: 9; cursor: pointer; transition: all 0.25s linear; -webkit-transition: all 0.25s linear; } .radio-btns .radio-btn:last-child label { padding-right: 0; } .radio-btns .radio-btn .check { display: block; position: absolute; border: 1px solid #bdc2c8; border-radius: 100%; height: 18px; width: 18px; top: 13px; left: 0; z-index: 5; transition: border 0.25s linear; -webkit-transition: border 0.25s linear; background-color: #fff; } .radio-btns .radio-btn .check::before { border-radius: 100%; content: ""; display: block; height: 8px; left: 4px; margin: auto; position: absolute; top: 4px; -webkit-transition: background 0.25s linear 0s; transition: background 0.25s linear 0s; width: 8px; } .radio-btns input[type="radio"]:checked ~ .check { border: 1px solid #189109; } .radio-btns input[type="radio"]:checked ~ .check::before { background: #189109; } .login-modal .modal-dialog { max-width: 460px; margin: 40px auto; } .login-modal .modal-content { border-radius: 3px; } .login-modal .modal-body { text-align: center; background-color: #f4f7fa; padding: 25px 30px; border-radius: 3px; } .modal .close { position: absolute; right: 10px; top: 10px; opacity: 1; z-index: 1; } .modal .close span { display: block; background-position: -440px -105px; background-color: transparent; width: 30px; height: 30px; } .login-modal h2 { margin: 0 0 20px; font-size: 40px; font-weight: 300; line-height: 28px; } .login-modal p { font-size: 16px; font-weight: 300; margin: 0 0 25px; } .login-modal .form-group input { font-size: 15px; height: 42px; width: 100%; border: none; background-color: #fff; padding: 0 15px; border-radius: 3px; } .hide-pwd { cursor: pointer; position: absolute; top: 10px; right: 10px; color: silver; font-size: 16px; } .login-modal .eye-slash { background-position: -410px -518px; width: 20px; height: 20px; display: block; } .login-modal .eye { background-position: -433px -518px; width: 20px; height: 20px; display: block; } .login-modal .form-group input.pwd-field { padding: 0 35px 0 15px; } .remember-block .check-box { display: inline-block; } .forget-pass { float: right; } .remember-block[type="checkbox"] + label { color: #8b8b8b; } .forget-pass a { color: #9c9c9c; font-size: 12px; } .login-modal .green-btn { width: 100%; margin: 25px 0 0; padding: 12px 20px; } .or-block { text-transform: uppercase; font-weight: 500; font-size: 15px; position: relative; margin: 25px 0; } .or-block::before { content: ""; position: absolute; top: 22px; left: 0; width: 100%; height: 1px; border-top: 1px dashed #b3b8bd; } .or-block span { background-color: #fff; position: relative; width: 40px; height: 40px; border-radius: 50%; display: block; margin: 0 auto; text-align: center; padding: 10px 0; } .facebook-btn { display: block; width: 100%; background-color: #3a579a; color: #fff; font-weight: 500; font-size: 16px; text-transform: uppercase; height: 50px; border-radius: 3px; padding: 15px 0; position: relative; border: 1px solid #3a579a; -webkit-transition: 0.3s; transition: 0.3s; overflow: hidden; text-align: center; } .facebook-btn span { position: absolute; left: 0; width: 52px; border-right: 1px solid #4869b4; height: 50px; top: 0; font-size: 27px; padding: 6px 0; } .facebook-btn span .facebook { background-position: -430px -473px; width: 33px; height: 30px; display: block; filter: brightness(10); } .facebook-btn:hover span .facebook { filter: initial; } .facebook-btn:hover { background-color: transparent; color: #3a579a; } .login-modal h6 { font-size: 14px; margin: 20px 0 10px; text-align: center; } .login-modal h6 a { color: #189109; } .login-modal h6 a:hover { color: #189109; text-decoration: underline; } .forget-pass a:hover { color: #189109; } .modal { padding: 0 10px !important; } .form-group select { width: 100%; height: 40px; border: 1px solid #dde7ed; padding: 0 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #333; background-image: url(../images/select-arrow.png); background-repeat: no-repeat; background-position: right center; border-radius: 3px; } .signup-step-wrapper .form-group select { border: none; height: 42px; } .signup-step-wrapper { position: relative; overflow: hidden; text-align: left; } .signup-step { -webkit-transform: translateX(-541px); transform: translateX(-541px); opacity: 0; visibility: hidden; -webkit-transition: 0.5s; transition: 0.5s; } .signup-step.active { -webkit-transform: none; transform: none; opacity: 1; visibility: visible; } .signup-step.signup-step2 { position: absolute; top: 0; right: -110%; -webkit-transform: none; transform: none; width: 100%; height: 100%; } .signup-step.signup-step2.active { position: absolute; top: 0; right: 0; } .signup-step-wrapper .form-group label { color: #646d77; font-size: 18px; font-weight: 500; font-weight: 400; margin: 0; } .form-group textarea { width: 100%; padding: 15px; resize: none; font-size: 15px; border: 1px solid #dde7ed; border-radius: 3px; } .signup-step-wrapper .check-box[type="checkbox"] + label { font-size: 13px; color: #3a3a3a; } .steps-circles li { width: 20px; height: 20px; border-radius: 50%; border: 1px solid #abb1b9; display: inline-block; margin: 0 4px; cursor: pointer; } .steps-circles { margin: 20px 0 5px; text-align: center; } .steps-circles li.active { background-color: #189109; border: 1px solid #189109; } .signup-step-wrapper textarea { height: 100px; border: none; } .signup-step-wrapper .back-btn { position: absolute; right: 0; color: #646d77; top: 0; z-index: 1; cursor: pointer; } .signup-step-wrapper .back-btn:hover { color: #189109; } .signup-step-wrapper .form-group .radio-btns .radio-btn label { margin: 10px 0 0; font-size: 16px; } .modal-open2 { overflow: hidden; } .modal-open2 .modal { overflow-x: hidden; overflow-y: auto; } header.sticky .menu-icon { margin-top: -9px; display: block; color: #000; } header.sticky .sidenav.act-menu { display: block; } header.sticky .banner-img-block { display: none; } header.sticky .main-menu li { display: block; } header.sticky a.login-btn { /*display: none*/ margin-top: 20px; margin-right: 20px; } header.sticky .main-menu li { border-bottom: 1px solid #f0f0f0; } header.sticky .top-menu { margin: 1px 0 0; } header.sticky .main-menu li { padding: 18px 16px; border-bottom: none; display: inline-block; width: 100%; border-bottom: 1px solid #d7d7d7; } header.sticky .main-menu li a { color: #333; } header.sticky .main-menu li a:hover { color: #189102; } header.sticky .main-menu li.normal-login-mobile { display: block; } header .menu-icon { line-height: normal; cursor: pointer; font-size: 33px; display: none; color: #000; position: absolute; right: 15px; z-index: 1; top: 30px; } header .act-menu.sidenav { height: 100%; width: 0; position: fixed; top: 0; left: auto; right: 0; background-color: #fff; overflow-x: hidden; -webkit-transition: 0.5s; transition: 0.5s; min-width: auto; padding: 0; z-index: 9; } header.sticky .sidenav { width: 250px; position: fixed; display: none; background: #fff; right: 0; height: 100vh; top: 112px; transform: translateX(250px); transition: 0.5s; } header.sticky .sidenav.act-menu { transform: translateX(0); transition: 0.5s; border-left: 1px solid #e4e4e4; display: block; } header .banner-img-block { background-image: url(../images/home-banner.jpg); background-position: center center; background-repeat: no-repeat; height: 150px; width: 100%; background-size: cover; margin-bottom: 2px; text-align: center; padding-top: 50px; display: none; position: relative; } header .act-menu.sidenav a.closebtn { color: #000; display: none; right: 10px; position: absolute; top: 0; font-size: 30px; cursor: pointer; z-index: 1; } header .banner-img-block::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.8); } header .act-menu.sidenav .banner-img-block > img { width: 140px; position: relative; } .header .main-menu ul, header .header .main-menu li { display: block; } header .main-menu { text-align: left; } header .header .main-menu { text-align: left; } header .inner-header .menu-icon { color: #333; } .blank-div { height: 111px; } header .inner-header .main-menu li a { color: #fff; } header .inner-header .main-menu li a:hover { color: #189109; } .form-group input { width: 100%; height: 40px; padding: 0 10px; border: 1px solid #dde7ed; font-size: 15px; border-radius: 3px; } .form-group label { font-size: 16px; font-weight: 400; font-weight: 300; margin: 10px 0; color: #3a3a3a; } .form-group label.form-label { font-size: 14px; margin: 0 0 5px; color: #66747e; } .membership-description li { font-size: 16px; font-weight: 300; color: #333333; margin: 20px 0; } .membership-description li span { float: right; } .membership-description li span span { float: none; position: relative; } .membership-description li span span::before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-image: url(../images/main-cross-img-dark.png); background-size: 32px; background-repeat: no-repeat; z-index: 9; background-position: center; } .membership-description li span i { width: 20px; height: 20px; display: block; font-size: 14px; color: #189102; } .membership-description li span .check { background-position: -448px -193px; } .membership-description li span .uncheck { background-position: -448px -140px; } .membership-description { margin: 38px 30px; } .month-membership-bx { -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); margin-top: 30px; position: relative; } /*.month-membership-bx::before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-image: url(../images/main-cross-img.png); background-size: cover; background-repeat: no-repeat; z-index: 9; opacity: 0.5; }*/ .month-membership-bx.member-block:before { content: none; } .Compare-benefit-section { background-color: #ffffff; padding: 60px 0; } .member-book-btn .book-now-btn { font-size: 16px; background-color: #189102; height: 50px; text-align: center; line-height: 50px; border: 1px solid #189102; -webkit-transition: 0.5s; transition: 0.5s; display: block; color: #fff; font-weight: 500; text-transform: uppercase; } .member-book-btn .book-now-btn:hover { background-color: transparent; color: #189102; } .member-block .member-book-btn .book-now-btn { background-color: transparent; border: 1px solid #16212f; color: #16212f; } .member-block .member-book-btn .book-now-btn:hover { background-color: #16212f; border: 1px solid #16212f; color: #fff; } .month-membership-bx.non-member .your-member-title { color: #147d06; } .month-membership-bx.non-member .member-ship-price { color: #189109; } .month-membership-bx.non-member .your-member-bx h3 { color: #17b203; } .month-membership-bx.non-member .Appointments-txt-btn { background-color: #147d06; } .month-membership-bx.non-member .membership-description li i { color: #189109; } .month-membership-bx.non-member .member-book-btn .book-now-btn { background-color: transparent; color: #7a7a7a; border: 1px solid #555; } .month-membership-bx.non-member .member-book-btn .book-now-btn:hover { background-color: transparent; color: #189109; } .Compare-benefit-title { margin: 0 0 20px; font-size: 24px; text-transform: uppercase; line-height: normal; text-align: center; } .your-member-title { font-size: 22px; color: #333; text-transform: uppercase; font-weight: 500; padding-top: 28px; margin-bottom: 10px; } .member-ship-price { font-size: 26px; color: #24a124; font-weight: 700; display: block; } .member-ship-price del, .member-ship-price span { position: relative; } .member-ship-price del::before, .member-ship-price span:before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-image: url(../images/main-cross-img-dark.png); background-size: 32px; background-repeat: no-repeat; z-index: 9; background-position: center; } .your-member-bx h3 { font-size: 18px; display: inline-block; font-weight: 300; color: #333333; margin-left: 5px; } .your-member-bx { text-align: center; background-repeat: no-repeat; background-size: cover; position: relative; border-bottom: 1px solid #eaeaea; padding-bottom: 30px; margin: 0 30px 0; } .password-error-list { margin: 15px 0 0; } .password-error-list li { margin: 0 0 5px; position: relative; padding-left: 20px; color: red; font-size: 13px; } .password-error-list li span { width: 15px; height: 15px; background-image: url(../images/bg-stripe.png); background-repeat: no-repeat; background-position: -452px -174px; left: 0; position: absolute; top: 2px; } .password-error-list li.valid { color: #189109; } .password-error-list li.valid span { background-position: -453px -198px; } .country-block::before, .form-group.invalid::before, .info-msg::before, .password-block::before { content: ""; position: absolute; top: 6px; right: 10px; width: 25px; height: 25px; background-image: url(../images/bg-stripe.png); background-repeat: no-repeat; background-position: -414px -317px; z-index: 1; } .form-group.password-block.invalid::before { background-position: -447px -317px; } .password-block.valid::before { background-position: -418px -356px; } .form-group.invalid::before { background-position: -450px -356px; } .country-block::before { background-position: -382px -319px; } .form-group.invalid input, .form-group.invalid select { border: 1px solid red; padding-right: 35px; } .info-popup { position: absolute; background-color: #343434; color: #fff; padding: 10px 20px; z-index: 11; width: 270px; border-radius: 3px; top: 0; right: -290px; opacity: 0; visibility: hidden; -webkit-transition: 0.5s; transition: 0.5s; -webkit-transform: translateX(30px); transform: translateX(30px); } .info-popup::before { content: ""; position: absolute; left: -11px; top: 10px; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 11px solid #2f2f2f; } .form-group input:focus + .info-popup { opacity: 1; visibility: visible; -webkit-transform: translateX(0); transform: translateX(0); } @-moz-document url-prefix() { .consu-purpose p, .custom-table .table tbody tr td, .dash-noti-details p, .noti-details p, .presc-table-list .presc-name, .prescri-name { font-weight: 300; } } .part { width: 250px; margin-top: 19%; } .svgpath { fill: rgba(145, 220, 90, 0); stroke: #50ab50; stroke-width: 1.5px; stroke-dasharray: 1000; stroke-linecap: round; z-index: 2; } .svgbg { fill: rgba(255, 255, 255, 0); z-index: 1; } #playload { animation: dash 2.5s reverse ease-in-out infinite; } @keyframes dash { to { stroke-dashoffset: 2000; } } .pulse-min { display: block; margin: 0px 0 30px 0; } .pulse { z-index: 1; display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: #002845; cursor: pointer; box-shadow: 0 0 0 #002845; animation: pulse 2s infinite; z-index: 99; margin-right: 8px; } .pulse:hover { animation: none; } @-webkit-keyframes pulse { 30% { -webkit-box-shadow: 0 0 0 0 rgba(44, 204, 49, 1); } 90% { -webkit-box-shadow: 0 0 0 20px rgba(44, 204, 49, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(44, 204, 49, 0); } } @keyframes pulse { 30% { -moz-box-shadow: 0 0 0 0 rgba(44, 204, 49, 1); box-shadow: 0 0 0 0 rgba(44, 204, 49, 1); } 90% { -moz-box-shadow: 0 0 0 20px rgba(44, 204, 49, 0); box-shadow: 0 0 0 20px rgba(44, 204, 49, 0); } 100% { -moz-box-shadow: 0 0 0 0 rgba(44, 204, 49, 0); box-shadow: 0 0 0 0 rgba(44, 204, 49, 0); } } .periodDisplay { margin: 6px 10px 0 4px; } @media all and (max-width: 1400px) { .info-popup { padding: 10px 20px; width: 270px; top: auto; bottom: 40px; right: auto; left: 0px; -webkit-transform: translateX(0px); transform: translateX(0px); -webkit-transform: translateY(30px); transform: translateY(30px); } .info-popup::before { content: ""; position: absolute; left: 11px; top: auto; bottom: -10px; width: 0; height: 0; border-top: 10px solid #2f2f2f; border-bottom: none; border-right: 11px solid transparent; border-left: 10px solid transparent; } } @media all and (max-width: 1199px) { .mobidoctor-address { float: none; display: inline-block; } .top_card_icon { float: none; text-align: center; width: 100%; } .footer-top-block .social-list { float: none; display: inline-block; } header { padding: 10px 0 5px; } .add-card-btn.green-btn, .payment-card .green-btn, .payment-card .green-trans-btn, .payment-card .two-btns .green-btn, .payment-card .two-btns .green-trans-btn { font-size: 14px; padding: 7px 10px; } .info-popup { font-size: 13px; padding: 8px 10px; width: 200px; right: -220px; } } @media all and (max-width: 991px) { .feature-block { height: auto; } .online-right-section { margin-left: 0; } .top-menu { margin: 20px 0 0; } .banner-content h1, .banner-content h2 { font-size: 45px; } .membership-img { display: none; } .feature-block .content, .feature-block .feature-img, .feature-block .feature-img.resp-icon { display: block; } .feature-block .content { text-align: left; margin-left: 90px; padding-top: 10px; } .feature-block .feature-img { min-width: auto; float: left; } .online-doctor-section .pad-l-0, .online-doctor-section .pad-r-0 { padding: 0 15px; } .feature-block { margin: 15px 0 0; } .app-section .relative-block { min-height: auto; padding-bottom: 520px; } .app-content { padding: 20px 30px 30px; text-align: center; } .app-img { left: 0; right: 0; } .call-section { text-align: center; } .call-section h4 { margin: 0 0 20px; } .membership-section .relative-block { min-height: auto; } .info-popup { font-size: 13px; padding: 8px 10px; width: 200px; right: 0; top: 55px; -webkit-transform: translateX(0); transform: translateX(0); -webkit-transform: translateY(30px); transform: translateY(30px); } .info-popup::before { left: auto; top: -20px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 11px solid #2f2f2f; right: 10px; } .form-group input:focus + .info-popup { opacity: 1; visibility: visible; -webkit-transform: translateX(0); transform: translateX(0); -webkit-transform: translateY(0); transform: translateY(0); } } @media all and (max-width: 850px) { .inner-left-menu .sticky .after-login-menu { margin: 16px 45px 0 0; } .inner-left-menu header .menu-icon { top: 22px; } .inner-header .after-login-menu { margin: 15px 0 0; } .inner-left-menu header .sidenav { margin-top: 20px; } header .menu-icon { right: 10px; top: 16px; } header.sticky .sidenav { top: 89px; } } @media all and (max-width: 767px) { .from-sub-btn .green-btn { width: 188px; height: 44px; line-height: 0; padding: 0px 0; border-radius: 50px; margin-top: 24px; font-size: 16px; text-transform: capitalize; } .notification-popup-section-main { display: none; } .online-left-section { margin-right: 0; } .need-know-tab-box .responsive-tabs.accordion { border: none; } .need-know-tab-box .responsive-tabs.accordion h3.accordion-title { border: 1px solid #e1e1e1; margin-bottom: 15px; } .need-know-tab-box .responsive-tabs.accordion h3.accordion-title.active { margin-bottom: -1px; } .need-know-tab-box .content section { border: 1px solid #e1e1e1; padding: 0 15px; margin-bottom: 15px; } .need-know-tab-box .responsive-tabs.accordion h3.accordion-title a { border: none; } .need-know-tab-box .content section .can-treat-me-bx { margin: 10px 0; } .top_card_icon, .mobidoctor-address { padding: 0px 0 10px; margin: 0; float: none; text-align: center; width: 100%; max-width: none; } header.sticky .main-menu li.mobile-inner-li { display: block; } .inner-header .main-menu li.view-for-mobile-view { display: block; } .after-login-menu ul li.hide-for-mobile-section { display: none; } .after-login-menu ul li.noti-icon-padding { padding-left: 0; } .after-login-menu ul li { padding-left: 16px; } .main-menu li.mobile-inner-li { display: block; } header.sticky .sidenav { top: 76px; } .inner-left-menu header .sidenav { top: 56px; } .blank-div { height: 78px; } .sub-menu-mobile { display: block; } .leftbar { display: none; } .leftbar a.active, .leftbar a:hover { background-color: #fff; color: #189109; -webkit-transition: 0s; transition: 0s; } .leftbar { box-shadow: none; } .leftbar a.active::before, .leftbar a:hover::before { background-color: #f0f0f0; -webkit-transition: 0s; transition: 0s; bottom: -1px; } .skin-grey-bck.skin-tab-box .responsive-tabs.accordion h3.accordion-title a { padding: 20px; } .skin-grey-bck.skin-tab-box .responsive-tabs.accordion { border: none; margin-bottom: 30px; } .for-a-height a { height: auto; } .doctor-vdo-section .review-user-img { width: 300px; } .what-blog-img { float: none; } .new-blog-txt-bx { margin-left: 0; } header .sidenav { background: #fff; position: fixed; width: 250px; height: 100vh; right: 0; top: 75px; transform: translateX(250px); transition: 0.5s; } header .sidenav.act-menu { transform: translateX(0); transition: 0.5s; width: 250px; top: 74px; border-left: 1px solid #e4e4e4; } header.sticky .sidenav.act-menu { transform: translateX(0); transition: 0.5s; width: 250px; top: 76px; } header.menu-active { background: #fff; border-bottom: 1px solid #e4e4e4; } header .sidenav.act-menu { display: block; } header .menu-icon { display: block; } header.menu-active .menu-icon { color: #000; } header.menu-activey .sidenav { top: 0; } .index-tra.menu-active .logo-black { display: block; } .index-tra.menu-active .logo-white { display: none; } .main-menu li a { color: #333; font-weight: normal; font-family: "Roboto", sans-serif; font-size: 14px; } header .main-menu li a.has-menu::after { position: absolute; top: 10px; right: 20px; font: normal normal normal 18px/1 FontAwesome; text-rendering: auto; content: "\f107"; color: #189109; } header .main-menu li { display: block; position: relative; } header .main-menu li.logout-hide-mobile { display: none; } header a.login-btn { display: block; } header .main-menu li { border-bottom: 1px solid #f0f0f0; } header .logo { width: 125px; } header .top-menu { margin: 1px 0 0; } header .main-menu li { padding: 0; display: inline-block; width: 100%; border-bottom: 1px solid #d7d7d7; } header .main-menu li a { padding: 8px 16px; } header .main-menu li.view-for-mobile-view .sub-menu a { font-size: 13px; } .main-menu li.normal-login-mobile { display: block; } header a.login-btn { display: none; } .inner-left-menu header .menu-icon { top: 15px; } .home-banner-section { min-height: auto; padding: 100px 0 0px; height: auto; } .mobi-appoint-btn { margin-bottom: 20px; } header.sticky .main-menu li { padding: 0; } .home-banner-section .container { top: auto; transform: translateY(0); } .banner-content h1, .banner-content h2 { font-size: 30px; } .banner-content h5 { font-size: 18px; } .pulse-min { font-size: 13px; } .mobi-appoint-btn a { padding: 0 18px; line-height: 42px; font-size: 14px; } .how-it-block { margin: 0 0 30px; } .banner-content p { font-size: 17px; } .how-it-block h5 { font-size: 17px; } .Compare-benefit-section { padding: 30px 0; } .Compare-benefit-title { margin: 0; } .online-doctor-section .title p { margin-bottom: 15px; } .bottom-strip-block img { margin: 0 0 0 55px; } .membership-section .relative-block { padding: 30px 0; } .membership-content .green-btn { margin: 20px 0 10px; } .footer-menu p, .footer-menu ul, .membership-section .relative-block, .right-btn { text-align: center; } .membership-package-section h2, .review-section.home-section h2 { margin-bottom: 0; } .footer-top-block, .home-section { padding: 15px 0 0; } .make-appointment-section { margin: 0 0 10px; } .appointment-frm .note { margin-bottom: 20px; } .review-section.home-section { padding-bottom: 20px; } .review-user-img { width: 140px; height: 140px; } .review-user .view-more { font-size: 16px; padding: 45px 0; } .home-section h2 { font-size: 20px; } .feature-block .content { padding-top: 0; } .online-doctor-section .green-btn { margin: 10px 0 10px; } .app-content h2 { font-size: 30px; line-height: normal; } .app-content { padding: 10px 0 0; } .app-btns li:first-child { margin-right: 5px; } .call-section h4 span { font-size: 20px; padding-left: 0; display: block; } .call-section h4 i { font-size: 25px; padding-right: 5px; } .app-img img { width: 180px; } .app-section .relative-block { padding-bottom: 340px; } .video-modal .modal-body { padding: 20px; } .video-modal.modal .close { width: 12px; right: 5px; } .feature-block .content .sub-title { font-size: 17px; line-height: normal; font-weight: 600; } .count-wrapper li { display: block; float: none; width: 100%; } .count-block.reg-doctor { border: none; } .footer-menu p { margin: 0 0 10px; } .footer-menu li { padding: 0 10px; line-height: 26px; } .count-block { margin: 0 0 20px; } .email-wrapper { float: none; margin: 0 auto; } .footer-top-block .social-list { float: none; margin-top: 0px; margin-bottom: 10px; } .login-modal .modal-body { padding: 25px 20px; } .noti-details p { font-size: 13px; } .noti-details .close-icon.bg-img { top: 0; -webkit-transform: none; transform: none; } .notification-strip .noti-details { padding-right: 0; } .noti-details h5 { padding-right: 25px; } .social-btn:hover .icon { left: 81%; } .social-btn { font-size: 14px; } .social-btn:hover { color: #ffff; padding: 15px 0 15px 15px; } .login-modal h2 { font-size: 30px; } .inner-header .after-login-menu, .inner-left-menu .sticky .after-login-menu { margin: 9px 40px 0 0; } .profile-drop-block .profile-name b { display: none; } .started-sign-in a { margin-top: -10px; } .your-member-title { font-size: 20px; } .cust_margin_rmv { margin-top: -60px; } .cust_height_mobile { height: 150px; } } @media all and (max-width: 991px) { .cust_height_mobile { height: 150px; } } @media all and (max-width: 500px) { .app-btn { padding: 8px 6px; margin-right: 10px; } .app-btn:last-child { margin: 0; } header.sticky .see-doctor-sticky { font-size: 10px; line-height: 16px; width: 90px; height: 35px; } .see-doctor-sticky { right: -110px; } header.sticky .see-doctor-sticky { width: 110px; } } .top-menu { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; } .language-wrapp select { border: 1px solid #189109; border-radius: 50px; width: auto; height: 40px; line-height: 28px; text-align: center; -webkit-transition: 0.3s; transition: 0.3s; display: inline-block; vertical-align: middle; color: #189109; cursor: pointer; padding: 0 22px 0; margin: 0 0 0 20px; background-color: #fff; } .language-wrapp select:hover { color: #189109; border: 1px solid #189109; } .sticky .language-wrapp { margin: 30px 20px 0 0; } .date-input::after { content: ""; position: absolute; top: 10px; right: 10px; width: 20px; height: 20px; background-image: url(../images/bg-stripe.png); background-repeat: no-repeat; background-position: -258px -359px; } .date-input input { position: relative; z-index: 1; background-color: transparent; } @media (min-width: 480px) and (max-width: 767px) { .sticky .language-wrapp select { margin: -23px 5px 0 0; width: 80px !important; padding: 0 10px 0; } } @media (max-width: 767px) { .language-wrapp select { margin: 15px 30px 0 0; height: 30px; } } @media (min-width: 768px) and (max-width: 991px) { .language-wrapp select { margin: 0 0 0 10px; height: 40px; } .sticky .language-wrapp select { margin: -22px 10px 0 0; } } @media (min-width: 851px) and (max-width: 991px) { header .menu-icon { right: 10px; top: 16px; } } @media (min-width: 992px) and (max-width: 1199px) { .sticky .language-wrapp select { margin: -6px 20px 0 0; } } span.select2-selection.select2-selection--single { height: 40px !important; } .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 40px !important; } .select2-container .select2-selection--single, .select2-container--default .select2-selection--single .select2-selection__arrow { height: 40px !important; } .review-source-container { display: none !important; } .country_right { font-weight: bold; } .country_row { padding-top: 30px; } .country_col { text-align: center; min-height: 150px; } .tabbable-panel { /*border:1px solid #eee;*/ padding: 10px; padding-top: 0px; } /* Default mode */ .tabbable-line > .nav-tabs { border: none; margin: 0px; } .tabbable-line > .nav-tabs > li { margin-right: 2px; min-height: 46px; } .tabbable-line > .nav-tabs > li > a { border: 0; margin-right: 0; color: #737373; } .tabbable-line > .nav-tabs > li > a > i { color: #a6a6a6; } .tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover { border-bottom: 4px solid #18910961; } .tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a { border: 0; background: none !important; color: #333333; } .tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i { color: #a6a6a6; } .tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu { margin-top: 0px; } .tabbable-line > .nav-tabs > li.active { border-bottom: 4px solid #002845; position: relative; } .tabbable-line > .nav-tabs > li.active > a { border: 0; color: #333333; font-weight: bold; } .tabbable-line > .nav-tabs > li.active > a > i { color: #404040; } .tabbable-line > .tab-content { /*overflow: scroll;*/ /* background: url("/public/front/maps/map-europa-3_62655979.png") #fafafa; */ background-repeat: no-repeat; background-size: contain; background-position: center; margin-top: -3px; background-color: #ffffff; border: 0; /*border-top: 1px solid #eee;*/ padding: 15px 0; /*background-color: #eeeeee;*/ padding: 15px; margin-top: 10px; } @media only screen and (max-width: 992px) { .tabbable-line > .tab-content { overflow: scroll; } } .portlet .tabbable-line > .tab-content { padding-bottom: 0; } /* Below tabs mode */ .tabbable-line.tabs-below > .nav-tabs > li { border-top: 4px solid transparent; } .tabbable-line.tabs-below > .nav-tabs > li > a { margin-top: 0; } .tabbable-line.tabs-below > .nav-tabs > li:hover { border-bottom: 0; border-top: 4px solid #18910961; } .tabbable-line.tabs-below > .nav-tabs > li.active { margin-bottom: -2px; border-bottom: 0; border-top: 4px solid #189109; } .tabbable-line.tabs-below > .tab-content { margin-top: -10px; border-top: 0; border-bottom: 1px solid #eee; padding-bottom: 15px; } a { /*color: #189109;*/ color: #337ab7; text-decoration: none; font-size: 15px; font-weight: 500; } a:hover { color: #002845; text-decoration: underline; } .tab-pane { height: 540px; } @media only screen and (max-width: 600px) { .nav-tabs { width: auto !important; } .tab-pane { height: 420px; } .nav > li > a { padding: 10px 10px; } .tabbable-line > .nav-tabs > li > a { width: auto !important; } .cust_h1 { margin-bottom: 0px !important; } } .doctor_link { display: none; background-color: rgb(204, 204, 204); padding: 6px; color: blue; border-radius: 12px !important; } @media (min-width: 1200px) { .see_a_doctor { left: -120px; } } .covid_saliva_test { background-color: #003087 !important; left: 300px; width: 230px; } .blue-btn { background: #0070ba !important; color: #fff !important; border: none !important; } .blue-btn:hover { background: #005ea6 !important; text-decoration: none; } .mobi-blue-btn a { background: #0070ba !important; color: #fff !important; border: none !important; text-decoration: none; } .mobi-blue-btn a:hover { background: #005ea6 !important; color: #fff !important; border: none !important; text-decoration: none; } .show_always { opacity: 1; -webkit-transition: 0.3s; transition: 0.3s; display: block; } .find-gp-main-section-block .what-we-treat-section-2 { background-color: #fff; } .gp-section h3 { font-size: 18px; line-height: 27px; margin-bottom: 0px; } .find-gp-main-section-block .gp-section .membership-content { text-align: left; } .gp-section .membership-content li { font-size: 14px; font-family: robotolight; position: relative; padding-left: 20px; margin-bottom: 10px; } .gp-section .membership-content li i { font-size: 9px; position: absolute; left: 0; top: 5px; color: #189102; } .find-gp-main-section-block .gp-section .membership-content p { font-size: 15px; line-height: 26px; } .find-gp-main-section-block .gp-section .membership-content ul { margin: 18px 0; } .gp-section .membership-content h3 { font-size: 15px; } .oky-img img { width: 20px; position: absolute; left: 0; top: 3px; } .find-title-txt { font-size: 17px; } /*.botam-margin { margin-bottom: 60px;}*/ /*.everything-section{text-align: center; padding: 39px 0px 55px;} .everything-box-title{font-size: 16px; color: #4c4b4b; font-family: 'robotobold'; margin-bottom: 9px;} .six-main-box { text-align: right; position: relative; margin-top: 55px;} .six-main-box.side-change{text-align: left;} .everything-box-sml-txt { font-size: 15px; color: #666666; font-family: 'robotolight';} .everything-round-box span{height: 48px;width: 50px;background-image: url(../images/all-bck.png);background-position: -6px 2px;background-repeat: no-repeat;display: block; position: relative;margin: 0 auto; } .everything-round-box{position: absolute; right: 0; top: 0;} .six-main-box.side-change .everything-round-box{ right: auto;left: 0; } .everything-round-box span.rocket{;background-position:-6px -56px;} .everything-round-box span.install{;background-position:-6px -114px;} .everything-round-box span.file{;background-position: -6px -178px;} .everything-round-box span.dolor{;background-position: -6px -228px;} .everything-round-box span.support{;background-position:-6px -288px;} .col-sm-6.col-md-4.col-lg-4.padding-right { padding-right: 0px;} .col-sm-6.col-md-4.col-lg-4.padding-left { padding-left: 0px;} .col-sm-4.col-md-4.col-lg-4.hidden-sm.hidden-xs.padding-both { padding: 0px;}*/ .find-gp-main-section-block .about-subscribe h2 { font-size: 30px; /*font-family: robotomedium;*/ margin: 40px 0 25px; } .find-gp-main-section-block .about-subscribe .subscribe-list .fa { line-height: 0px; height: 20px; width: 20px; font-size: 11px; top: 2px; } .find-gp-main-section-block .about-subscribe .subscribe-list .fa:before { position: absolute; left: 0; right: 0; top: 8px; } .find-gp-main-section-block .about-subscribe .subscribe-list .fa-times { line-height: 0px; color: #e11515; border-color: #e11515; } .find-gp-main-section-block .find-gp-pyara-content-section { font-size: 17px; font-family: robotolight; color: #666666; line-height: 26px; text-align: center; max-width: 890px; width: 100%; margin: 30px auto; } .find-gp-main-section-block .membership-content { text-align: center; margin: 30px auto; max-width: 750px; width: 100%; } .find-gp-main-section-block .membership-content p { font-size: 17px; } .find-gp-main-section-block .subscribe-benifit h2.join-mobidoctor-today-title { font-size: 34px; text-transform: capitalize; letter-spacing: 0.02px; color: #333333; font-family: robotoregular; margin-bottom: 15px; } .find-gp-main-section-block .subscribe-benifit .green-btn { max-width: 165px; width: 100%; border-radius: 5px; background: #189109; line-height: 21px; height: 40px; font-size: 17px; /*font-family: robotomedium;*/ text-transform: uppercase; } .find-gp-main-section-block .subscribe-benifit .green-btn:hover { background: transparent; } .find-gp-main-section-block .subscribe-benifit h2.section-2-title { font-size: 34px; text-transform: capitalize; letter-spacing: 0.02px; color: #333333; font-family: robotoregular; margin: 70px 0 40px; } .find-gp-main-section-block .subscribe-benifit .membership-left-title { font-family: robotobold; font-size: 50px; text-transform: capitalize; color: #0d3857; letter-spacing: 0.04px; text-align: center; margin-top: 0; } .find-gp-main-section-block .subscribe-benifit { padding: 0; text-align: left; } .search-result-section { padding: 0 15px; } .find-gp-main-section-block .about-subscribe { padding: 0; } .find-gp-main-section-block .find-gp-search-head { font-size: 30px; /*font-family: robotomedium;*/ color: #000000; text-align: center; margin-top: 15px; } .find-gp-main-section-block .find-gp-search-content { font-size: 14px; font-family: robotoregular; color: #333333; text-align: center; max-width: 650px; margin: 5px auto 16px; } .find-gp-main-section-block .find-gp-search-input { max-width: 780px; width: 100%; position: relative; margin: 0 auto; } .find-gp-main-section-block .find-gp-search-input input { width: 100%; height: 50px; border-radius: 3px; border: 1px solid #a1a1a1; padding: 0 15px; } .find-gp-main-section-block .find-gp-search-input button { background: none; border: none; position: absolute; top: 10px; right: 0; } .find-gp-main-section-block .online-gp-search-result { box-shadow: 0px 5px 7px rgba(0, 0, 0, 0.1); padding: 15px; max-width: 850px; width: 100%; margin: 30px auto; } .find-gp-main-section-block .mobi-can-content-section { position: relative; padding: 0 0 10px 20px; display: inline-block; max-width: 228px; width: 100%; color: #555555; } .find-gp-main-section-block .mobi-can-content-section span { color: #189108; position: absolute; left: 0; top: 4px; height: 14px; width: 14px; display: inline-block; border: 2px solid #189108; border-radius: 50%; } .find-gp-main-section-block .mobi-can-content-section i { font-size: 8px; top: 1px; position: absolute; left: 1px; } .find-gp-main-section-block .online-search-head { font-size: 18px; /*font-family: robotomedium;*/ color: #010101; margin-bottom: 4px; } .find-gp-main-section-block .online-search-time-section { font-size: 13px; color: #54616e; font-family: robotolight; margin: 0px 0 17px; } .find-gp-main-section-block .online-search-time-section i { color: #9aa3ad; } .find-gp-main-section-block .mobidoctor-can-head-section { font-size: 15px; color: #333333; /*font-family: robotomedium;*/ margin-bottom: 10px; } .find-gp-main-section-block .mobidoctor-can-head-section i { color: #9aa3ad; } .find-gp-main-section-block .see-doctor-online-head { font-size: 18px; color: #010101; font-family: robotoregular; margin-bottom: 17px; } .find-gp-main-section-block .get-direction-left-section { float: left; padding-right: 30px; border-right: 1px solid #dddddd; } .find-gp-main-section-block .get-direction-head { font-size: 16px; color: #444444; /*font-family: robotomedium;*/ margin-bottom: 1px; } .find-gp-main-section-block .get-direction-time-section { font-size: 14px; color: #54616e; font-family: robotolight; } .find-gp-main-section-block .get-direction-right-section { padding-left: 30px; float: left; } .find-gp-main-section-block .get-direction-right-section .get-direction-head { color: #26951a; } .find-gp-main-section-block .get-direction-right-section .get-direction-head-red { color: #f03a47; } .find-gp-main-section-block .btn-see-doctor-block { height: 35px; width: 140px; border-radius: 3px; display: inline-block; background: #189109; color: #ffffff; border: 1px solid #189109; text-align: center; line-height: 33px; text-transform: uppercase; /*font-family: robotomedium;*/ font-size: 14px; margin-right: 20px; } .find-gp-main-section-block .btn-see-doctor-block.direction-btn { background-color: transparent; color: #189109; } .membership-section.skin-page { background-color: #fff; } .find-gp-main-section-block .btn-see-doctor-block.border-get { color: #189109; background-color: #fff; } .find-gp-main-section-block .btn-see-doctor-block:hover { background: transparent; color: #189109; } .find-gp-main-section-block .online-search-left-section { float: left; max-width: 470px; width: 100%; } .find-gp-main-section-block .online-search-right-section { float: left; } .find-gp-main-section-block .right-section-btns-section { margin-top: 25px; } .find-gp-main-section-block .btn-see-doctor-block.btn-find-out-more-block { margin: 0; } .find-gp-main-section-block .address-content-section { font-family: robotoregular; color: #54616e; font-size: 14px; margin-top: -10px; padding-left: 15px; } @media all and (max-width: 991px) { .find-gp-main-section-block .address-content-section { margin-bottom: 15px; } .find-gp-main-section-block .see-doctor-online-head { margin-top: 15px; margin-bottom: 12px; } .find-gp-main-section-block .online-gp-search-result { padding: 10px; } .find-gp-search-section { padding: 0 15px; } .find-gp-main-section-block .subscribe-benifit h2.section-2-title { font-size: 28px; } } @media all and (max-width: 767px) { .find-gp-main-section-block .get-direction-left-section { padding-right: 8px; } .find-gp-main-section-block .get-direction-right-section { padding-left: 8px; } .find-gp-main-section-block .btn-see-doctor-block { max-width: 133px; margin: 0; font-size: 14px; font-family: robotoregular; } .find-gp-main-section-block .subscribe-benifit h2.join-mobidoctor-today-title { font-size: 25px; } .find-gp-main-section-block .subscribe-benifit h2.section-2-title { font-size: 25px; } .find-gp-main-section-block .about-subscribe h2 { margin-bottom: -10px; font-size: 25px; } .height-add-div { height: 74px; } } /*home page questionary dropdown*/ @media (max-width: 767px) { header .main-menu .dropbtn_li { display: none; } header .main-menu .dropbtn { display: none; padding: 8px 16px; color: #333; font-weight: normal; font-family: "Roboto", sans-serif; font-size: 14px; } header.sticky .main-menu li.normal-login-mobile1 { display: block; } li.normal-login-mobile1 a:hover,li.normal-login-mobile1 a:active { text-decoration: none !important; } } @media (min-width: 765px) { .normal-login-mobile1 { display: none !important; } } .dropbtn { background-color: white; color: #189109; padding: 16px 0 16px 0; font-size: 17px; font-weight: 500; border: none; } .dropbtn_1 { color: #333 !important; } .dropbtn_1:hover{ color: #189109 !important; /* text-decoration: underline; */ } .dropup { position: relative; display: inline-block; } .dropup-content { display: none; position: absolute; background-color: #FFF; min-width: 212px; top: 50px; z-index: 1; box-shadow: 0 2px 15px 0 rgb(0 0 0 / 10%); } .dropup-content a { color: black; padding: 12px 16px; text-decoration: none; display: block; } .dropup-content a:hover { background-color: #189109; color: #FFF !important; } .dropup:hover .dropup-content { display: block; } .dropbtn:hover { text-decoration: underline; } .bg_green { background-color: #0070ba; border: 1px solid #0070ba !important; } .bg_green:hover { background-color: #0267aa !important; } .blue_color { color: #002845 !important; } .blue_color_bg { background-color: #002845 !important; } @media only screen and (min-width: 768px) { .normal-login-mobile { display: none !important; } } .ps-bubble-title span { color: #002845 !important; }