/*============================ My Account css =============================*/ .wrapper-admin { height:100vh;} #header-admin { width:calc(100% - 300px); height:70px; background:#edecfe; border-bottom:none; position:fixed; top:0; right:0; -webkit-transition:all 0.3s; -moz-transition: all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; z-index:1000; } #header-admin .container { width:100%; max-width:100%; padding-left:20px; padding-right:20px; display:flex; justify-content:space-between; } #header-admin.active {width:calc(100%); } #sidebar-admin-wraper { width:300px; position: fixed; bottom: 0; left: 0; height:100%; z-index:999; background:#fff; border-right:1px solid #e8edf1; color: #fff; transition: all 0.3s; padding-top:0px; } #sidebar-admin-wraper.active { margin-left: -300px;} #content { width: calc(100% - 300px); padding-top:70px; min-height: 100vh; transition: all 0.3s; position: absolute; top: 0; right: 0; background-color:#edecfe; } #content.active { width: 100%; } @media (max-width:991px) { #header-admin .container { width:100%; max-width:100%; padding-left:10px; padding-right:10px;} } @media (max-width: 768px) { #sidebar-admin-wraper { margin-left: -250px; padding-top: 70px; width: 250px; } #sidebar-admin-wraper.active { margin-left: 0;} #content { width: 100%;} #content.active { width: calc(100% - 250px);} #header-admin { width:calc(100%); } #header-admin.active { width: calc(100% - 0px);} } .header-left { float:left; display:flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center ; align-items: center ; } .header-right { float:right; display:flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center ; align-items: center ; } .header-left, .header-right { height:70px; } .header-widget-wrap { margin:0px; display: -ms-flexbox; display: flex; -ms-flex-align: center ; align-items: center; } .nav-btn-wrap { display: block; padding: 25px; } .nav-btn-admin { font-size:28px; cursor: pointer; display: block; color: #000 !important; border-radius:30px; } .nav-btn-admin .nav-btn-text { font-size:14px; } .nav-btn-admin .fa { font-size:24px; border:none; padding:9px 12px; } .header-widget-wrap > .header-widget {display:inline-flex; position:relative; cursor:pointer; -ms-flex-align: center ; align-items: center ; } .header-widget-wrap .dropdown-menu {width:350px; min-width:350px; top:60px; left:auto; right:-15px; padding:0; } .header-widget-wrap .dropdown-menu-header { padding:15px 15px; font-weight:600; font-size:14px; color:#555; text-transform:uppercase; letter-spacing:1px; border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; } .header-widget-wrap .sf-toogle-dropdown { border:none; } .header-widget-wrap .sf-toogle-dropdown:before { content: ""; position: absolute; top: -8px; right:25px; width: 0; height: 0; border-left:8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #fff; } .header-widget-wrap .dropdown-menu ul {list-style:none;} .header-widget-wrap .dropdown-menu ul > li { position:relative; clear:both; background-color:#f7f7f7; margin:0 10px 10px 10px; border-radius:5px; -webkit-border-radius:5px; } .header-widget-wrap .dropdown-menu ul > li.sf-read-msg { opacity:0.5; } .header-widget-wrap .dropdown-menu ul > li > a { display:block; padding:10px 75px 10px 10px; color:#777; font-size:12px; } .header-widget-wrap .dropdown-menu ul > li a:after { content:""; display:table; clear:both; } .header-widget-wrap .dropdown-menu ul > li > a:hover {color:#000;} .header-widget-wrap .dropdown-menu ul > li > a .sf-author-pics {display:block; float:left; width:40px; height:40px; margin-right:10px; -webkit-border-radius: 100%; border-radius: 100%; } .header-widget-wrap .dropdown-menu ul > li > a .sf-author-pics img {-webkit-border-radius: 100%; border-radius: 100%; } .header-widget-wrap .dropdown-menu ul > li > a .sf-author-texting {display:block; overflow:hidden; padding-top:12px; } .header-widget .aon-admin-user+.dropdown-menu {width:150px;} .header-widget-wrap .dropdown-menu ul > li > a .sf-booking-label { position:absolute; top:21px; right:10px; background-color:#666; color:#fff; display:block; padding:1px 8px; border-radius:10px; font-size:10px;} .header-widget-wrap .dropdown-menu ul > li > a .sf-booking-label.bs-pending {background-color:#ea7f25; } .header-widget-wrap .dropdown-menu ul > li > a .sf-booking-label.bs-complete {background-color:#7ab734;} .aon-admin-user:hover {color:#999;} .aon-admin-pic {width:40px; height:40px; display:inline-block; overflow:hidden; position:absolute; top:50%; left:0; margin-top:-20px; -webkit-border-radius: 100%; border-radius: 100%;} .aon-admin-pic img {width:100%; height:auto;} .aon-admin-pic span {display:inline-block;} .aon-admin-pic span {display:inline-block;} .aon-admin-user:hover {color:#999;} .aon-admin-pic {width:55px; height:55px; display:inline-block; overflow:hidden; position:absolute; top:50%; left:0; margin-top:-20px; -webkit-border-radius: 100%; border-radius: 100%;} .aon-admin-pic img {width:100%; height:auto;} .aon-admin-pic span {display:inline-block;} .aon-admin-pic span {display:inline-block;} .aon-admin-notification, .aon-admin-language, .aon-admin-user { position:relative; color:#222; font-size:24px; border:1px solid #7777; border-radius:100px; width:55px; height:55px; line-height:55px; text-align:center; transition: all 0.5s ease; margin:0px 10px; } .aon-admin-notification:hover, .aon-admin-language:hover, .aon-admin-user:hover { background-color:#f0f4f7; } .aon-admin-notification span, .aon-admin-language span { position: absolute; top:0px; right:0px; width:18px; height:18px; color: #fff; font-size: 12px; text-align: center; line-height:18px; -webkit-border-radius: 100%; border-radius: 100%; font-weight: bold; display:flex; align-items:center; justify-content:center; } .header-widget-wrap > .header-widget .aon-admin-notification span { background-color:#F04F53;} .header-widget-wrap > .header-widget .aon-admin-language span { background-color:#F04F53;} .header-widget-wrap > .header-widget .aon-admin-user { border:none;} .feather-user-pic { width:55px; height:55px; border-radius: 30px; border:5px solid #fff; overflow: hidden; display:flex; } @media only screen and (max-width:650px) { .aon-admin-messange, .aon-admin-notification, .aon-admin-user { font-size: 18px; width: 50px; } .feather-user-pic { width:28px !important; height: 28px !important; } } .my-account-logo { padding:20px 25px; width:auto; border-bottom:1px solid #ddd; } .my-account-logo img { height:25px; } .cus-account-logo { width: 120px; } .my-account-logo img { height:25px; } @media only screen and (max-width:768px) { .my-account-logo { padding: 10px 25px; } } #content.active { overflow:hidden; } #header-admin.active .container, #content.active .content-admin-main { min-width:480px; } @media only screen and (max-width:480px) { #header-admin.active .container { min-width:100%; } } /* Admin Nav */ .has-child .submenu-toogle { position:absolute; right:10px; top:10px; color:#fff; z-index:1; cursor:pointer; padding:7px; font-size:16px; display:none;} .has-child li .submenu-toogle { opacity:0.9;} .has-child.nav-active > a+.submenu-toogle.fa-angle-down:before { content:"\f106";} .admin-nav { max-height:calc(100vh - 350px); height:100%; padding:0px 20px; } .admin-nav ul { list-style:none; margin:0 20px;} .admin-nav ul li { float:none; padding:5px 0px;} .admin-nav ul > li > a { padding:12px 15px; font-size:16px; border-radius:8px; color:#222; position:relative; display:flex; align-items:center; font-weight:600; } .admin-nav ul li a > i {font-size:18px; margin-right:10px; color:#222; vertical-align: middle; } .admin-nav ul > li.active > a { color:#222; background-color:#c5eedf; } @media only screen and (max-width:767px) { .admin-nav { max-height:calc(100vh - 175px); } } /*************************** SIMPLE INNER SCROLLBAR **************************/ .scrollbar-inner > .scroll-element, .scrollbar-inner > .scroll-element div { border: none; margin: 0; padding: 0; position: absolute; z-index: 10; } .scrollbar-inner > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-inner > .scroll-element.scroll-x { bottom: 2px; height: 8px; left: 0; width: 100%; } .scrollbar-inner > .scroll-element.scroll-y { height: 100%; right: 2px; top: 0; width: 5px; } .scrollbar-inner > .scroll-element .scroll-element_outer { overflow: hidden; } .scrollbar-inner > .scroll-element .scroll-element_outer, .scrollbar-inner > .scroll-element .scroll-element_track, .scrollbar-inner > .scroll-element .scroll-bar { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .scrollbar-inner > .scroll-element .scroll-element_track, .scrollbar-inner > .scroll-element .scroll-bar { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); opacity: 0.4; } .scrollbar-inner > .scroll-element .scroll-element_track { background-color: transparent; } .scrollbar-inner > .scroll-element .scroll-bar { background-color: #c2c2c2; } .scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #919191; } .scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; } .scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; } .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; } .scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; } .admin-nav ul > li > a:hover, .admin-nav ul > li > a:active, .admin-nav ul > li > a:focus { background-color:#c5eedf; color:#222; text-decoration: none; } .admin-nav ul > li .mega-menu > li:after{ display:none;} .admin-nav ul li .sub-menu > li a { padding-left:65px;} .admin-nav ul li .sub-menu > li a > i {font-size:20px; } .admin-nav ul > li ul, .admin-nav ul > li .sub-menu {display: none; position: static; visibility: visible; width:auto; background-color:rgba(0,0,0,0.1)} .admin-nav ul li.has-child { position:relative;} .admin-nav ul li .sub-menu { opacity:1; margin:0 !important; } .has-child .submenu-toogle { display:block;} .admin-nav ul > li.has-child .open-close-admin-btn { position:absolute; right:10px; top:10px; color:#fff; z-index:999; cursor:pointer; padding:7px 8px; font-size:14px; } .admin-nav ul > li.has-child.nav-active > .open-close-admin-btn:before { content:"\f068"; } .content-admin-wraper { float:left;width:100%; position:relative; z-index:1} .content-admin-area { margin-left: 240px; padding:70px 0 0; background-color:#F6F6FA; min-height:100vh;} .content-admin-main { padding:0px 40px 40px; } .content-admin-main h2 { font-size:36px; } @media only screen and (max-width:991px) { .content-admin-main { padding:15px;} } .content-admin-main .panel { box-shadow:0 0 12px 0 rgba(0,0,0,.06); -webkit-box-shadow:0 0 12px 0 rgba(0,0,0,.06);} .content-admin-main textarea.form-control { height:auto; } .aon-admin-header { display:table; width:100%; } .aon-admin-header .aon-admin-header-left, .aon-admin-header .aon-admin-header-right { display:table-cell; } .aon-admin-header .aon-admin-header-right { text-align:right; } .aon-admin-header-icon { display:inline-block; border:2px solid #022279; width:42px; height:42px; line-height:38px; margin-right:5px; font-size:22px; color:#022279; text-align:center; vertical-align:text-bottom; border-radius:100%; -webkit-border-radius:100%; } @media only screen and (max-width:991px) { .aon-admin-header { display:block; margin-bottom:30px; } .aon-admin-header .aon-admin-header-left, .aon-admin-header .aon-admin-header-right { display:block; } .aon-admin-header .aon-admin-header-right { text-align:left; } } .aon-card { border:1px solid #e6ebf1; margin-bottom:30px; border-radius:10px; } .aon-card:last-child { margin-bottom:0px; } .aon-card-header { background-color:#fff; padding:30px 30px 30px; } .aon-card-header2 { padding:30px 30px 0px; border-bottom:none; } .aon-card-header h4 { margin:0px; } .aon-card-body { padding:30px; background-color:#fff; border-radius:10px; } @media only screen and (max-width:991px) { .content-admin-main { padding:15px !important;} .aon-card-body { padding:15px; } } @media only screen and (max-width:480px) { .aon-card-body > h3{ font-size: 20px; } } .profilereview { display:flex; flex-wrap:wrap; margin:0px -15px; } .profilereview [class*="col-"] { padding:0px 10px; } #profileratingstar { margin-bottom: 20px; } .profilereview-two { padding:30px 20px; margin:0px; border:1px solid #ddd; border-radius:10px; } .profilereview-two .togglerecommend { margin-bottom: 10px; display: block; } .aon-inputicon-box { position: relative; } .aon-inputicon-box .form-control { padding-left:55px; } .aon-inputicon-box .aon-input-icon { position: absolute; left: 0; top: 0; width: 40px; height:50px; z-index: 5; line-height: 50px; text-align: center; font-size: 18px; } .aon-inputicon-box .aon-input-icon:after { content:""; position:absolute; top:30%; right:0px; height:40%; width:1px; background:#ddd; } .content-admin-main .aon-inputicon-box .aon-input-icon { color:#6c7681; } .content-admin-main .form-control { background-color:#fff; border-color:#e8edf1; box-shadow:none; -webkit-box-shadow:none; border-radius:5px; } .content-admin-main .form-control:focus { background: #fff; box-shadow: 0px 10px 14px 0px rgba(12, 0, 46, 0.06); border-color:#022279; } .content-admin-main .bootstrap-select .dropdown-toggle { background-color:#fff !important; border-color:#e8edf1 !important; box-shadow:none; -webkit-box-shadow:none; border-radius:5px; padding: 10px 12px; height: 50px;} .content-admin-main .bootstrap-select .dropdown-toggle:focus { background: #fff; box-shadow: 0px 10px 14px 0px rgba(12, 0, 46, 0.06); } @media only screen and (max-width:380px){ .aon-inputicon-box .form-control { padding-left:40px; } .aon-inputicon-box .aon-input-icon{width: 35px;} .aon-inputicon-box .aon-input-icon:after{right: 2px;} } @media only screen and (max-width:920px){ .sc-withdra-left{width: 100%;} .sc-withdra-left .aon-inputicon-box {margin-bottom: 10px;} } .editer-btn {text-align:right; position:relative; bottom:-1px;} .editer-tools {background-color:#f6f4f7; padding:5px; border:1px solid #ddd; margin-bottom:-1px;} .editer-textarea textarea { border:1px solid #ddd; height:120px; border-radius:0; -webkit-border-radius:0} .editer-bottom {padding:10px; border:1px solid #ddd; margin-top:-1px;} .image-upload-wrap { padding:40px 30px 50px; border:2px dashed #918f8e; text-align:center; border-radius:10px; -webkit-border-radius:10px; } .image-upload-wrap strong{ font-size:36px; line-height:36px; display:block; } .image-upload-wrap span{ font-size:20px; color:#7a96a8; display:block; margin-bottom:20px; } @media only screen and (max-width:600px) { .image-upload-wrap strong{ font-size:26px; line-height:30px; } } .admin-button, .admin-button-secondry { color:#fff; padding:10px 20px; display:inline-block; font-size:14px; font-weight:600; outline: none; cursor: pointer; outline: none; border-width:0; border-style:solid; border-color:transparent; line-height:1.42857; text-transform:uppercase; text-decoration:none; border-radius:5px; } .admin-button { background-color: var(--ao-primary); color: #fff; } .admin-button:active, .admin-button:hover, .admin-button:focus, .active > .admin-button { background-color: var(--ao-primary); color:#fff; } .admin-button-secondry { background-color:#022279; } .admin-button-secondry:active, .admin-button-secondry:hover, .admin-button-secondry:focus, .active > .admin-button-secondry { background-color:#022279; color: #fff; } .aon-staff-avtar-footer { padding:30px; background:#fff; border:1px solid #e8edf1; } .aon-staff-avtar-title { margin:0px 0px 20px; } .aon-staff-avtar-footer ul { list-style:none; padding:0px; margin:0px; } .aon-staff-avtar-footer ul li { color:#414142; font-weight:600; margin-bottom:10px;} .aon-staff-avtar-footer ul li:last-child { margin-bottom:0px;} .aon-staff-avtar-footer ul li span{ color:#70777d; font-weight:normal; } @media only screen and (max-width:1200px) { .aon-staff-avtar { margin-bottom:30px; } } @media only screen and (max-width:991px) { .admin-left-area { width: 100%; padding-bottom: 15px; border-bottom: 1px solid #dddd; margin-bottom: 15px; } .admin-area-heading strong { display: block; } } /*Popup tabs*/ .ws-toggle-popup{ width: 410px;top: 60px; left: auto; right: -15px; padding: 0; margin-top:50px; position: absolute; z-index: 1000; float: left; opacity:0; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.15); border-radius:10px; -webkit-box-shadow:0 0 15px 12px rgba(0,0,0,0.1); box-shadow:0 0 15px 12px rgba(0,0,0,0.1); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .header-widget { overflow:hidden; } .header-widget.active { overflow:visible; } .header-widget.active .ws-toggle-popup{ display: block; margin-top:0px; opacity:1; overflow:hidden; } .ws-toggle-popup:before { content: ""; position: absolute; top: -8px; right: 25px; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #fff; } .popup-tabs-wrap-section {width: 410px; right:0px; } .popup-tabs .head-notification{ display: flex; justify-content: space-between; padding: 15px 20px; } .popup-tabs-head { padding:20px 25px; border-bottom:1px solid #e8edf1; } .popup-tabHead-right { color:#999; font-size:14px; } .popup-tabs-footer { padding:20px 25px; text-align:center; border-top:1px solid #e8edf1; } .popup-tabs .nav-tabs { padding:0px; border:none; margin:0px -7px; } .popup-tabs ul > li{clear:inherit !important} .popup-tabs .nav-tabs .nav-item {position: relative; background: none;} .popup-tabs .nav-tabs .nav-item .nav-link.active { border: 0px; color: #fff; background:#022279; } .popup-tabs .nav-tabs > li > a{border: 0px;} .popup-tabs .nav-tabs > li > a:hover { background:#f7fafc; color:#022279; } .popup-tabs .nav-tabs > li > a:focus { background:#f7fafc; color:#022279; } .popup-tabs .nav-tabs .nav-item {margin: 0px 0px 15px 0px; padding:0px 7px } .popup-tabs .nav-tabs .nav-item:last-child {margin-right: 0px;} .popup-tabs .nav-tabs .nav-link { color: #293742; padding: 10px 5px 10px 5px; display: inline-flex; border-radius:5px; border: 1px solid #ddd; } .popup-tabs .nav-tabs .nav-link::after {height: 2px; background: #38aef8;} .popup-tabs .nav-tabs .nav-link{display: block; font-size: 14px; color: #8494a4; display: block; } .ws-poptab-listing { max-height:300px; } .ws-poptab-list { padding: 15px 20px; border-bottom: 1px solid #f4f1f1; position: relative;} .ws-poptab-list:last-child { border-bottom:none;} .ws-poptab-media{position:absolute; left: 15px; top: 15px; width: 44px; margin-right: 10px;} .ws-poptab-media img{width: 44px; height: 44px; border-radius:100%; height:100%; } .ws-poptab-info{padding: 0px 10px 0px 55px; color:#555;} .ws-poptab-info h6 { color:#222; font-size:16px; margin-bottom:5px; max-width:220px; line-height:1.2; text-transform:capitalize; } .ws-poptab-info p {margin-bottom:0px; font-size:14px; line-height:1.5; } .ws-poptab-info .ws-time-duration { color: #999; position: absolute; top: 14px; right: 20px; font-size: 14px; } @media only screen and (max-width:1200px) { .ws-toggle-popup { width:300px; margin-right:0px; } .ws-toggle-popup::before { right: 70px;} .ws-poptab-info { padding: 0px 0px 0px 45px; font-size:12px; } .ws-poptab-info .btn.btn-sm { padding: 3px 5px; font-size: 10px; line-height: 14px; } .ws-poptab-media { position: absolute; left: 15px; top: 15px; width: 44px; margin-right: 10px; height: 44px; background: #ddd; border-radius: 100%; } .ws-poptab-media img { width: 40px; height: 40px; } } @media only screen and (max-width:480px) { .header-widget-wrap > .header-widget .ws-toggle-popup { right: -50px;} .header-widget-wrap > .header-widget:nth-child(2) .ws-toggle-popup { left: -80px; } .header-widget-wrap > .header-widget:nth-child(2) .ws-toggle-popup.ws-toggle-popup::before { left:90px; right:auto; } .header-widget-wrap > .header-widget:nth-child(3) .ws-toggle-popup { left: auto; right: 0px; width: 200px; } .header-widget-wrap > .header-widget:nth-child(3) .ws-toggle-popup.ws-toggle-popup::before { left:110px; right:auto; } .header-widget-wrap > .header-widget:nth-child(4) .ws-toggle-popup { right:-80px; } .header-widget-wrap > .header-widget:nth-child(4) .ws-toggle-popup.ws-toggle-popup::before { right:136px; } } @media only screen and (max-width:360px) { .header-widget-wrap > .header-widget .ws-toggle-popup { right: 0px; margin-right:-100px; } .header-widget-wrap > .header-widget:nth-child(3) .ws-toggle-popup{ width:280px; margin-right:0px; } } .aon-admin-search-box { margin-left:20px; } .aon-admin-search { position:relative; } .aon-admin-search .form-control { border-radius:30px; height:54px; background:#fff; min-width:450px; font-size:18px; padding-left:40px; } .aon-admin-search .form-control:focus { box-shadow:none; } .aon-admin-search .admin-search-btn { position: absolute; top: 8px; left:12px; border: none; background: none; outline: none; font-size: 22px; } @media only screen and (max-width:1200px) { .aon-admin-search .form-control { min-width:180px; } } @media only screen and (max-width:767px) { .aon-admin-search-box { display:none; } } .popup-curra-lang { padding:0px; background:#fff; width:180px; } .popup-curra-lang-list { list-style:none; margin:0px; } .popup-curra-lang-list li { padding:8px 20px; border-bottom:1px solid #f0f2f3; font-size:14px; } .popup-curra-lang-list li:last-child { border-bottom:none; } .user-welcome-area { padding:0px; background:#fff; width:220px; overflow:hidden; } .user-welcome-list { list-style:none; margin:0px; padding:0px; } .user-welcome-list li { padding:8px 20px; border-bottom:1px solid #f0f2f3; font-size:14px; } .popup-notifica-msg { padding:0px; background:#fff; } .ws-poptab-list-wrap { margin-bottom:0px; background: #f7fafc; max-height:270px; overflow: auto; word-wrap: break-word; white-space:normal; } .ws-poptab-all a { border: 0px; color: #fff; background: #022279; display:block; padding:10px 20px; border-radius:5px; } .admin-logout-area { position: absolute; left: 0px; bottom: 0px; width: 100%; border-top: 1px solid #ddd; padding:10px 25px; background:#fff; } .pro-pic-info-wrap { display:flex; align-items: center; justify-content: space-between; } .pro-pic-info-wrap .pro-pic-box { width:40px; height:40px; display:flex; align-items:center; justify-content:center; font-size: 18px; color: #fff; float:left; border-radius:50px; overflow:hidden; margin-right:15px; background:#5b6eff; } .pro-pic-info-wrap strong { display:block; color:#022279; line-height:1.4; } .pro-pic-info-wrap span { display:block; color:#777; line-height:1; font-size:14px; } .feather-icon { display: flex !important; align-items:center; margin-left:0px; padding-left:0px; font-size:20px !important; color: #022279 !important; cursor:pointer; } .feather-icon.has-toltip:hover .header-toltip { top: auto !important; bottom: 100% !important; } .pro-log-left { align-items: center; } .sf-add-gallery-list li .sf-gallery-icons .header-toltip { width:auto; } .sf-add-gallery-list li .sf-gallery-icons:hover .header-toltip { top: auto !important; left:0px; bottom: 110% !important; min-width:70px; } .action-dropdown .action-button { color: #022279; outline: none; border: none; padding: 5px 10px; background: none; color: #333; border-radius: 5px; background:#fff; } .action-dropdown .action-button:after { display: none; } .action-dropdown .action-button:focus { color: #022279; } .action-dropdown .dropdown-menu { border:none; padding:5px 0px; margin-top:12px; left:auto; right:100%; margin-right:-50px; box-shadow:0 0 12px 3px rgba(0, 0, 0, 0.1); } .action-dropdown .dropdown-menu:after { content: ""; position: absolute; top: -7px; right: 25px; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #fff; } .action-dropdown .dropdown-menu > li { margin:0px; } .action-dropdown .dropdown-menu > li > a { padding: 5px 15px; font-size: 12px; color: #99a3aa; } .action-dropdown .dropdown-menu > li > a i { margin-right: 5px; font-size: 16px; vertical-align: middle; color: #293742; } .action-dropdown .dropdown-menu > li > a:hover { background: none; color: #000; } .action-dropdown .dropdown-menu > li > a:hover i { color: #000; } .action-dropdown.dropdown-left { display:inline-block; } .action-dropdown.dropdown-left .fa { vertical-align: middle; } .action-dropdown.dropdown-left .dropdown-menu { top: 5px !important; margin: 0 10px 0 0; right: 25px !important; left: auto !important; transform: none !important; } .action-dropdown .dropdown-menu:after { top: 10px; right: -14px; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 7px solid #fff; } .table > tbody > tr:last-child > td:last-child .action-dropdown.dropdown-left .dropdown-menu { top:auto !important; bottom:-20px !important; } .table > tbody > tr:last-child > td:last-child .action-dropdown.dropdown-left .dropdown-menu:after { top:auto !important; bottom:30px !important; } .table > tbody > tr:nth-last-child(2) > td:last-child .action-dropdown.dropdown-left .dropdown-menu { top:auto !important; bottom:-20px !important; } .table > tbody > tr:nth-last-child(2) > td:last-child .action-dropdown.dropdown-left .dropdown-menu:after { top:auto !important; bottom:30px !important; } /*table section*/ .ws-table-border-type .table { border:none !important; } .ws-table-border-type table > tbody > tr > th{ padding: 5px; } .ws-table-border-type table > thead{ background-color: #fff; } .ws-table-border-type table > tbody:before { content:""; display:block; height:20px; } .ws-table-border-type table > thead > tr{ box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); border: 1px solid #ddd; } .ws-table-border-type table > tbody > tr{ border-bottom: 1px solid #ddd; } .ws-table-border-type table > thead > tr > th{ padding:20px 15px; border-bottom: 0px; text-transform: uppercase; font-size: 14px; font-weight: 600; white-space:nowrap; vertical-align:middle; } .ws-table-border-type table > tbody > tr > td{ padding:20px 15px; border: 0px; font-size: 14px; color: #687178; } .ws-table-border-type table > tbody > tr > td .we-table-trash-btn{ text-align: right; } .ws-table-border-type table > tbody > tr > td .we-table-trash-btn button{ background-color: transparent;border: none; } .site-button-border { color: #555; background-color:#fff; padding:10px 25px; display: inline-block; font-size: 14px; outline: none; cursor: pointer; border-width:1px; border-style:solid; border-color:#ddd; line-height:1.42857; text-decoration: none !important; border-radius:5px; -webkit-border-radius:5px; } .action-dropdown.dropdown-top .dropdown-menu { top: 100%; margin: 10px 0px 0 0; right: 0;min-width: 200px; } .action-dropdown.dropdown-top .dropdown-menu::after { top: -14px; right: 14px; border-bottom: 7px solid #fff; border-right: 7px solid transparent; border-left: 7px solid transparent; left: auto;} .add-more-item { margin-right:35%; margin-top:-100px; margin-bottom:30px; } .add-more-btn { margin-bottom:20px;outline: 0px !important; } @media only screen and (max-width:1200px) { .add-more-item { margin-right:0px; margin-top:0px; margin-bottom:30px; } } @media only screen and (max-width:991px) { .add-more-item { margin-top:30px; } } .active .add-more-btn .fa:before { content:"\f068"; } .add-more-content { padding:30px; border:1px solid #ddd; display:none; border-radius:5px; } .add-more-form.row:after { width: auto; height:0; } .add-more-form.row > [class*="col-"]:last-child .form-group { margin:0px; } .add-your-sign { margin-right:35%; margin-top:0px; margin-bottom:30px; } @media only screen and (max-width:1200px) { .add-your-sign { margin-right:0px; margin-top:0px; margin-bottom:30px; } } .add-sign-priveiw { text-align: center; border: 1px solid #ddd; padding:30px; width:50%; } .add-sign-priveiw img { width:180px; } .edit-part-name { position:relative; } .edit-part-name .site-button { position:absolute; top:5px; right:5px; } .add-payment-detail { margin-right:35%; margin-top:0px; margin-bottom:0px; } .add-payment-icon { font-size:30px; } @media only screen and (max-width:1200px) { .add-payment-detail { margin-right:0px; margin-top:0px; margin-bottom:30px; } } .crad-tile-main { border-bottom: 1px solid #ddd; } .ws-custom-heading{ display: flex; justify-content: space-between; } /*=== >text ===*/ .text-white{color:#fff;} .text-primary{color:#47b1f4;} .text-black{color:#000;} .text-gray{color:#f5f6f6;} .text-gray-dark{color:#d3d3d3;} .text-red{color:#ff6868;} .text-red-dark{color:#FF2020;} .text-green{color:#00d285;} .text-yellow{color:#ffc100;} .text-orange{color:#F60;} .text-blue{color:#2c80ff;} .text-sky{color:#21accd;} .text-purple{color:#802d75;} .radio-inline-box{ display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .radio-inline-box .sf-radio-checkbox{margin-right: 20px; margin-bottom:10px; } .radio-inline-box .sf-radio-checkbox label{font-size: 14px;} .whatsapp-pic img{width: 22px;} .aon-con-btn{margin-bottom: 20px;} @media only screen and (max-width:1199px){ .aon-con-btn{ text-align: left; } } .header-toltip { position:absolute; top:80% !important; left:50%; white-space:nowrap; background:#000 !important; display:table; padding:5px 10px !important; font-size:11px !important; color:#fff !important; border-radius:3px !important; transform: translateX(-50%); opacity:0; visibility:hidden; letter-spacing:0.5px; transition: all 0.5s ease; font-weight:600 !important; line-height: 16px !important; } .has-toltip:hover { overflow:visible !important; position:relative; } .has-toltip:hover .header-toltip { opacity:1 !important; visibility:visible !important; top:120% !important; } .header-menu { margin-right:30px; } .header-menu .navbar-toggler { display:none; } .header-menu .nav > li { padding:0px; } .header-menu .header-nav .nav > li > a { padding:20px 10px; font-size:14px; } .admin-nav-label { background: var(--ao-primary); padding: 4px 8px; margin-left: 10px; box-shadow: 0 5px 5px rgba(0,0,0,0.13); color: #fff; border-radius: 4px; text-align: center; font-weight: 100; font-size: 10px; } .sf-radio-check-2 { padding: 15px 0px; margin:0px; } .sf-radio-check-2 label { margin:0px; } .sf-radio-check-row { margin-left:-15px; margin-right:-15px; } .sf-raChe-6 { width:calc(50% - 30px); margin:0px 15px 0px !important; } @media only screen and (max-width:1200px) { .header-menu { display:none; } } .sf-select-box.form-control {background-color:#f7fafc; border-color:#e8edf1; box-shadow:none; -webkit-box-shadow:none; border-radius:5px; height: 50px;} .sf-select-box.form-control:focus { background: #fff; box-shadow: 0px 10px 14px 0px rgba(12, 0, 46, 0.06); } .bootstrap-select.sf-select-box .dropdown-toggle {background-color: #f7fafc !important;height: 50px;} .set-bulk-btn{margin:30px 0px; } .add-more-content2 { padding:30px; border:1px solid #ddd; display:none; border-radius:10px;} .add-more-form.row:after { width: auto; height:0; } .add-more-form.row > [class*="col-"]:last-child .form-group { margin:0px; } /* tabs Section */ .sf-custom-tabs .nav-tabs > li > a.active{position: relative; opacity: 1;} .sf-custom-tabs .nav-tabs > li > a.active:after { content: ""; position: absolute; bottom: -2px; left: 0%; width: 100%; background-color:#022279 ; height: 2px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .sf-custom-tabs .nav-tabs > li.active > a { color: #fff; opacity: 1; } .sf-custom-tabs .nav-tabs > li.active > a:after { left: 0%; width: 100%; background-color: #fff; } /*Data table head*/ .sf-bd-data-tb-head{ margin-bottom: 30px; text-align: right; } @media only screen and (max-width:420px) { .selected-working-hours ul li { width:100%; text-align:center; } } .dropzone { min-height: 150px; border: 2px dashed rgb(2, 34, 121); background: white; padding: 20px 20px; border-radius:10px; -webkit-border-radius:10px; } .dropzone span { background-color: var(--ao-primary); padding: 10px 20px; border-radius:30px; color: #fff; display:table; margin: auto; } .table-striped > tbody > tr:nth-of-type(2n+1) { --bs-table-accent-bg:#f6f8fa; } .page-item.active .page-link { background:#5b6eff; border-color: #5b6eff; } .page-link { color: #222; } .page-link:hover { background-color: #222; border-color: #222; color:#fff; } div.dataTables_wrapper div.dataTables_paginate { margin-top: 10px !important; } div.dataTables_wrapper div.dataTables_length select { min-width: 100px; } .model-w800 { max-width:800px; } .action { width: 330px; display:none !important; margin-top: 20px; display: flex; align-items: center; justify-content: space-between; } .action .dx-selectbox { width: 90px; } .card-custom-area { display:table; width:100%; } .card-custom-left { padding-left:15px; padding-right:15px; display:table-cell; width:250px; vertical-align:top; } .card-custom-right { padding-left:15px; padding-right:15px; } .cus-pai-regis-form > .row { margin-left:-20px; margin-right:-20px; } .cus-pai-regis-form > .row [class*="col-"] { padding:0px 20px; } .cus-pai-regis-form > .row > .col-lg-6.col-md-6 > .col-lg-6{ padding:0px 0px; } .aon-pro-avtar-pic { position:relative; } .aon-pro-avtar-pic .image-upload-text { min-height:277px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; border-radius: 10px; } .aon-pro-avtar-pic .image-upload-text li { position:relative; } .aon-pro-avtar-pic .image-upload-text li .media-1:first-child { display:none; } .aon-pro-avtar-pic .image-upload-text li .media-1 span a i { width:140px; height:140px; border-radius:100%; background:var(--ao-primary); display: flex; justify-content: center; align-items: center; font-size:100px; color:#fff; margin:auto; } .aon-pro-avtar-pic .image-upload-text li .media-1 h5 { margin:20px 10px 0px; } .aon-pro-avtar-pic { position:relative; } .aon-pro-avtar-pic .image-upload-thums .sf-add-avtar > li { border-radius: 10px; overflow:hidden; display:flex; width: 280px; height: 290px; position: relative; padding: 20px; border: 1px solid #ddd; background: #ffffff; } @media only screen and (max-width:460px){ .aon-pro-avtar-pic .image-upload-thums .sf-add-avtar > li { width: 100%; height: auto;} } .aon-pro-avtar-pic .image-upload-thums .sf-add-avtar .sk-delete-file { top: 30px; right: 30px; } .patientprofileform .aon-card-body { padding:0px; background-color:#fff; border-radius:0px; border:none; } .patientprofileform .aon-card { border:none; margin-bottom: 30px; border-radius:0px; } .cus-pai-regis-form .radio-inline-box { border: 1px solid #ddd; padding: 0px 0px; border-radius: 5px; height: 48px; width: 100%; display: flex; align-items: center; margin:0px; } .cus-pai-regis-form .radio-inline-box .checkbox { margin:0px;} .cus-pai-regis-form .radio-inline-box .checkbox { margin: 14px; } .aon-proAvtar-media { border-radius:10px; overflow:hidden; } .aon-proAvtar-btn { display: table; margin: 0px -35px; position: absolute; bottom: -20px; left: 50%; border-radius: 5px; padding: 10px 17px; width: 70px; } .aon-proAvtar-btn:hover { position:absolute; } .aon-inputicon-box .bootstrap-select .dropdown-toggle { padding-left: 40px; } .aon-divider-line { height:1px; background:#ddd; } #wp-description-wrap { width: 100%; } .form-control.t-area-height{height: 50px !important;} .sf-sm-btn-link{ background: none; padding: 0px; border: none; color: #022279;} .aon-med-pro-area { padding-top:10px; background:#fff; border:1px solid #ddd; padding:30px; border-radius:10px; } .aon-inputicon-box .form-select { padding-left:55px; } .form-select { height:50px; border-color:#e8edf1; } .form-select:focus { border-color: #06328b; outline: 0; box-shadow: none; box-shadow: 0px 10px 14px 0px rgba(12, 0, 46, 0.06); } .form-group { margin-bottom:25px; } label { max-width: 100%; margin-bottom: 5px; font-weight:600; color:#000; font-size:16px; } .dataTables_length { float: left; } .dataTables_filter { float:right; } .aon-table-custom {border-spacing:0px 10px; word-break:normal; } .aon-table-custom > thead > tr > th { border:none !important; vertical-align: middle; padding-top: 15px; padding-bottom: 15px; text-align:left; } .aon-table-custom > tbody > tr > td { padding-top:15px !important; padding-bottom:15px !important; border:none !important; text-align:left; } .dt-remove-btn { vertical-align: top; margin-left: 2px; padding:2px 5px !important; font-size: 11px; } .aon-table-custom2 > thead > tr > th {border:none; border-bottom: 1px solid #c4cada !important; text-align:left; vertical-align: middle; padding:15px 8px !important; } .aon-table-custom2 > tbody > tr > td { border:none; padding:10px 8px !important; } .btn-primary { background: var(--ao-primary); border-color:var(--ao-primary); } .btn-primary.active, .btn-primary:active, .btn-primary:hover, .btn-primary:focus { background-color:var(--ao-primary); border-color:var(--ao-primary); } .btn-check:active + .btn-primary:focus, .btn-check:checked + .btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show > .btn-primary.dropdown-toggle:focus { outline: 0; box-shadow:none; } .btn-check:focus + .btn-primary, .btn-primary:focus { box-shadow:none; } table .sf-radio-checkbox input[type="checkbox"] + label, table .sf-radio-checkbox input[type="radio"] + label { margin:0px; } .dataTables_wrapper .row:last-child { border-top: 1px solid #c4cada !important; padding-top:20px; } .day-of-app { color:#777; font-size:13px; } .day-of-app span { color: var(--ao-primary); cursor:pointer } .max-w150 { width:200px; } .com-one { width:25% } .com-two { width:25% } .aon-team-wrap { padding: 30px; background: #fff; text-align: center; border: 1px solid #f2f3f7; border-radius: 10px; box-shadow: 0 0px 15px 0px rgba(0, 0, 0, 0.1); margin-bottom:30px; position:relative; } .aon-team-wrap .sf-medi-rate { display:table; margin:10px auto; text-align:center; } .aon-team-wrap .sf-medi-rate .showrating { margin:0px auto 5px; } .aon-team-wrap .aon-team-pic { width:150px; height:150px; border-radius:10px; margin:0px auto 30px; position:relative;} .aon-team-wrap .aon-team-pic a { display:block; width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:1; } .aon-team-wrap .aon-team-pic img { width:100%; height:100%; border-radius:10px; } .aon-team-wrap .aon-team-postion { text-transform:uppercase; margin:8px 0px 5px; } .aon-team-wrap ul {list-style:none; padding:0px; margin:0px; } .aon-team-wrap ul li { display:block; } .aon-team-wrap ul li span { display:block; } .aon-record-description + ul { list-style:none; padding:0px; margin:0px -5px; display:flex; flex-wrap:wrap; justify-content:center; } .aon-record-description + ul li { padding:0px 4px; position:relative; display:inline-flex; margin-top:10px; } .aon-record-description + ul li .sf-attachment-filename { max-width: 150px; display: table; overflow: hidden; white-space: normal; width: 100%;position:absolute; top:80% !important; left:50%; background:#022279 !important; display:table; padding:5px 10px !important; font-size:11px !important; color:#fff !important; border-radius:3px !important; transform: translateX(-50%); opacity:0; visibility:hidden; letter-spacing:0.5px; transition: all 0.5s ease; font-weight:600 !important; line-height: 16px !important; } .aon-record-description + ul li .sf-attachment-filename:after { content:""; position:absolute; top:100%; left:50%; margin:0px -4px; width: 0; height: 0; border-style: solid; border-width: 6px 4px 0 4px; border-color: #022279 transparent transparent transparent; } .aon-record-description + ul li:hover .sf-attachment-filename { top: auto !important; bottom: 100% !important; opacity: 1; visibility: visible; } .aon-team-wrap .sf-attachment-filename { margin-bottom:10px; } @keyframes rotate { from { transform: rotate(0); } to { transform: rotate(360deg); } } @-webkit-keyframes rotate { from { transform: rotate(0); } to { transform: rotate(360deg); } } .aon-team-wrap:hover .aon-team-pic:after { opacity:1; } .aon-team-name { margin-bottom:0px; } .aon-team-wrap .action-dropdown { display: inline-block; position: absolute; top: 25px; right: 25px; } .aon-team-wrap:hover { background-color:var(--ao-primary); transition: all 0.2s linear; } .aon-team-wrap:hover .aon-team-name { color:#fff; } .aon-team-wrap:hover .aon-team-postion { color:#fff; } .aon-team-wrap:hover .aon-team-name a { color:#fff; } .aon-team-wrap:hover .sf-rating-lable { color:#fff; } .aon-team-wrap:hover .sf-medi-like i { color:#fff; } .aon-team-wrap:hover .bage-green { background-color:#fff; color:#000; } .cs-message-panel { background-color:#fff; position: fixed; top:0px; right:-100%; max-width:600px; width:100%; height: calc(100% - 0px); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; z-index:9999; } .active-team .cs-message-panel { right:0%; } .active-edit-pro .cs-editpro-area{ right:0%; } .active-new-chart .cs-newchart-area { right:0%; } .active-books-appointment .cs-books-appointment-area { right:0%; } .active-edit-appointments .cs-edit-appointments-area { right:0%; } body[class*="active-"] .cs-message-panel { box-shadow: 0 0px 150px 0px rgba(0, 0, 0, 0.3); } .cs-panel-close { position: absolute; top:25px; right:20px; background: none; border: none; font-size: 24px; padding: 0; } .cs-panl-head { padding: 30px; background-color: #fff; border-bottom: 1px solid #dbdbdb; width: 100%; } .cs-panl-body { padding:30px; height: calc(100vh - 193px); overflow: auto; background-color:#fff; } .cs-panl-body2 { padding:30px; height: calc(100vh - 93px); overflow: auto; background-color:#fff; } .cs-panl-footer { padding:30px; width: 100%; border-top: 1px solid #dbdbdb; } #medicalrecords-container .sf-add-avtar img { border-radius:5px; } #medicalrecords-container img { border-radius:5px; } .aon-pro-team-pic li > img { width:100%; height:100%; border-radius:30px; } .aon-pro-team-pic .admin-button { position: absolute !important; width:34px; height:34px; text-align:center; line-height:30px; bottom:15px; left:50%; margin:0px -17px; border-radius:100%; font-size: 13px; padding:0px; } .aon-pro-team-pic .admin-button .fa { padding:0px; } .aon-newChart-area { position:relative; } .aon-newChart-left { background-color:#f6f8fa; border:1px solid #ddd; border-radius:10px; width:280px; height:calc(100vh - 130px); position:absolute; top:0px; left:0px; } .aon-newChart-right { padding-left:310px; } @media only screen and (max-width:1199px){ .aon-newChart-right{ padding-left: 0px; } .aon-newChart-left { width: 100%; position: relative; height: auto; margin-bottom: 30px; } } .aon-custom-nav { position:relative; } .aon-custom-nav:after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: #ddd; } .aon-custom-nav > .nav-item > .nav-link { color:#777; border-radius:0; cursor:pointer; } .aon-custom-nav > .nav-item > .nav-link > * { margin:0px; } .aon-custom-nav > .nav-item > .nav-link.active { color:#222; background:none; position:relative; } .aon-custom-nav > .nav-item > .nav-link.active:after { left: 0; right: 0; bottom: 0; height: 2px; background:none; opacity: 1; position: absolute; content: ''; z-index:1; } @media only screen and (max-width:767px){ .aon-custom-nav > .nav-item > .nav-link > h3{font-size: 20px; } } @media only screen and (max-width:640px){ .aon-newChart-list .aon-custom-nav{display: flex; } .aon-custom-nav {display: block; } .aon-doctor-tabs > .nav-item { margin-top:-1px; } .aon-doctor-tabs > .nav-item > .nav-link { padding-left: 0px; width:100%; border:1px solid #ddd; padding:12px 15px;} .aon-doctor-tabs > .nav-item:first-child > .nav-link { border-radius:5px 5px 0px 0px; } .aon-doctor-tabs > .nav-item:last-child > .nav-link { border-radius:0px 0px 5px 5px; } .aon-doctor-tabs > .nav-item > .nav-link.active::after { bottom: -1px; border-radius:0px 0px 5px 5px; } .aon-doctor-tabs::after { height: 0px; } } /*-------------------------------------------- team membar section ---------------------------------------------*/ .team-list-nav { margin-bottom:0px !important; } .team-list-nav .nav-item { width:100%; } .team-list-nav .nav-item > .nav-link { padding:15px 15px; width:100%; } .team-list-nav .nav-item > .form-select { border-radius:0px; } .team-list-nav .nav-item > .form-select:focus { border-color:#ddd; } .sf-team-member-area {position: relative;} .sf-team-member-area-list { width: 350px; padding:20px; border: 1px solid #dbdbdb; background:#f7fafc; border-radius:5px; } .sf-team-member-search-list { height: calc(100vh - 240px);} @media only screen and (max-width:1200px) { .sf-team-member-search-list { max-height:400px;} } .sf-team-member-list-wrap { display: block; width: 100%; margin-top:2px;} .sf-team-member-list-wrap:hover .team-member-list-info { background-color: #5b6eff;} .team-member-list-info { position: relative; display: flex; align-items:center; padding: 15px 15px 15px 20px; background-color: #fff; border-radius:0px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .sf-team-member-list-wrap.active .team-member-list-info { background:#06328b; } .sf-team-member-list-wrap.active .team-member-list-info .team-member-list-name { color:#fff; } .sf-team-member-list-wrap.active .team-member-list-info .team-member-list-availability { color:#fff } .team-member-list-detail { overflow:hidden; width: calc(100% - 60px); } .sf-team-member-list-wrap .team-member-list-info .team-member-list-pic { width: 45px; height: 45px; line-height:45px; text-align:center; float: left; margin-right: 15px; overflow: hidden; border-radius: 100%; border-radius: 100%; background:#eaeef1; font-size:12px; } .sf-team-member-list-wrap .team-member-list-info .team-member-list-name { font-size: 14px; color: #000; font-weight:700; } .sf-team-member-list-wrap .team-member-list-info .team-member-list-availability { font-size: 12px;} .sf-team-member-list-wrap .team-member-list-info .team-member-list-availability{color: #777;} .sf-team-member-list-wrap:hover .team-member-list-info .team-member-list-name, .sf-team-member-list-wrap:hover .team-member-list-info .team-member-list-availability { color: #fff;} .sf-team-member-search {position: relative;} .sf-team-member-search .form-control { padding-right: 40px; border-radius:5px !important; box-shadow: none; border: 0px; border: 1px solid #dbdbdb; background:#fff; } .sf-team-member-search .btn { outline: none !important; position: absolute; right: 0; top: 0; color: #CCCCCC; font-size: 20px; z-index: 10; background: none;} .sf-date-time-section{ width: calc(100% - 370px); transition: all 0.3s; position: absolute;top: 0; right: 0; } @media only screen and (max-width:1200px) { .sf-team-member-area-list { width:300px; } .sf-date-time-section { width: calc(100% - 330px);} } @media only screen and (max-width:1024px) {primary .sf-date-time-section { width:100%; position:static; } .sf-team-member-area-list { width:100%; margin-bottom:30px; } } .create-newChart-list { position:relative; list-style:none; margin:0px 0px 0px 30px; padding:0px; } .create-newChart-list:before { content:""; position:absolute; top:0px; left:-30px; height:100%; width:3px; background:#ddd; border-radius:5px; } .create-newChart-list > li { position:relative; padding:30px; background-color:#fff; border: 1px solid #e6ebf1; border-radius:10px; margin-bottom:30px; } .create-newChart-list > li .create-newChart-left:before { content:""; position:absolute; top:35px; left:-38px; height:16px; width:16px; background:#5b6eff; border-radius:20px; } .create-newChart-list > li .create-new-heading:before { content:""; position:absolute; top:15px; left:-68px; height:16px; width:16px; background:#5b6eff; border-radius:20px; } .create-newChart-head { padding-bottom:15px; } @media only screen and (max-width:640px){ .create-newChart-head {display: block !important;} .create-newChart-head .create-newChart-left{margin-bottom: 10px;} } .create-newChart-head + .create-newChart-body { border-top:1px solid #ddd; padding-top:20px; } .create-newChart-date { color: var(--ao-primary); font-weight:700; } .create-newChart-emty { padding: 30px; text-align: center; border: 1px solid #ddd; margin-bottom: 20px; border-radius: 10px; color: #999; } .create-user-infos { display:none; padding: 30px; border: 1px solid #ddd; margin-bottom: 20px; border-radius: 10px; color: #999; background-color:#fff; } .create-user-notess { display:none; padding: 30px; border: 1px solid #ddd; margin-bottom: 20px; border-radius: 10px; color: #999; background-color:#fff; } .aon-newChart-edit { border:1px solid #ddd; padding:30px; border-radius:10px; margin-bottom:30px; background-color:#fff; } @media only screen and (max-width:640px){ .aon-newChart-edit [class*='col-'].text-right{ text-align: left; margin-top: 30px; } } @media only screen and (max-width:480px){ .aon-newChart-edit .row [class*='col-']{ display: block !important; } .pecen-pic{margin-bottom: 10px;} } .pecen-pic { width:110px; height:110px; margin-right:25px; overflow:hidden; border-radius:10px; } .pecen-email i, .pecen-phone i { color:#000; margin-right:5px; } .pecen-sex { display:inline-block; margin-right:10px; } .pecen-sex span { color:#000; } .aon-admin-calender { border:1px solid #ddd; padding:30px; border-radius:10px; background-color: #f6f8fa; } .aon-newChart-title { text-align:center; border-bottom:1px solid #ddd; padding:15px 0px; } .sf-form-textarea { height:auto; } .active-time-slide .cs-timeSlide-area { right:0px; } .cs-timing-list { list-style:none; margin:0px 0px 30px; } .cs-timing-list li { display:inline-block; margin-right:20px; } @media only screen and (max-width:580px) { .cs-timing-list li { width:70px; margin-top: 5px; margin-bottom: 5px; } } .input_Timing-box { border:1px solid #ddd; padding:20px; background:#fff; margin-bottom:30px; position:relative; } .input_fields_Timing .form-group { margin:0px; } .input-timing-close { position:absolute; top:25px; right:20px; background:none; border:none; font-size:18px; width:22px; height:22px; line-height:22px; text-align: center; background:#F8374A; color:#fff; padding:0; border-radius:3px; } .input-timing-close:hover { color:#fff; } .aon-insurance-text { max-width:800px; margin: auto; } .aon-feedback-list { position:relative; list-style:none; margin:0px 0px 0px 100px; } .aon-feedback-list:before { display:none; content:""; position:absolute; top:0px; left:-30px; height:100%; width:3px; background:#ddd; border-radius:5px; } .aon-feedback-date { color: #fff; position: absolute; display: block; left: -100px; top: 0px; background: var(--ao-primary); padding: 15px 0px; border-radius: 56px; width:80px; height: 80px; text-align: center; } .aon-feedback-list > li { position:relative; padding:30px; background-color:#fff; border: 1px solid #e6ebf1; border-radius:10px; margin-bottom:30px; } .aon-feedback-list > li:before { display:none; content:""; position:absolute; top:25px; left:-38px; height:16px; width:16px; background:#fff; border-radius:20px; border: 5px solid #063285; } .aon-feedback-head { padding-bottom:15px; } .aon-feedback-head + .create-newChart-body { border-top:1px solid #ddd; padding-top:20px; } .aon-feedback-date { color: #fff; position: absolute; display: block; left: -100px; top: 0px; background: var(--ao-primary); padding: 15px; border-radius:50px; } .aon-feedback-title { margin-bottom:15px; } .aon-feedback-date:after { content:""; position:absolute; top:33px; left:100%; width: 0; height: 0; border-style: solid; border-width:7px 0 7px 12px; border-color: transparent transparent transparent var(--ao-primary); } .create-feedback-body { border-top: 1px solid #ddd; padding-top: 15px; margin-top: 13px; } .aon-feedback-date span { display:block; line-height:1; } .aon-feedback-date .aon-day { font-size:24px; font-weight:600; margin-bottom:5px; } .aon-feedback-date .aon-month { font-size:12px; margin-bottom:5px; } .aon-feedback-date .aon-year { font-size:12px; } .aon-publish-label { display: inline-block; margin-right:20px; color: var(--ao-primary); font-size:14px; border-radius:5px; line-height:1.2; } .aon-publish-label a { color:inherit; } /*23 December */ .card-reg-form-lr-wrap{display: flex; justify-content: space-between;} .card-reg-form-left{max-width: 540px; width: 100%; margin-right: 1%;} .card-reg-form-left{max-width: 540px; width: 100%;} .card-cost-section-block ul { margin: 0px -10px; padding:0px; display: flex; flex-wrap: wrap; list-style: none;} .card-cost-section-block ul li { width: 20%; display:flex; } .card-cost-section-block ul li .card-cost-inner { width:100%; margin: 10px;background-color: #fff; padding: 50px 5px; border: 1px solid #06328b; border-radius: 20px; text-align: center;} .accordion-button:focus { box-shadow:none; } .accordion-button:not(.collapsed) { color: var(--ao-primary); background-color: #fff; box-shadow: inset 0 -1px 0 rgba(0,0,0,.125); } .calen-list-nav { margin-bottom:40px; text-align:center; } .calen-list-nav .nav-item { width:33.333%; } .calen-list-nav .nav-item > .nav-link { padding:15px 15px; } .ins-type { padding: 50px; background-color: #fff; text-align: center; border-radius: 20px; border: 1px solid #ddd; } .ins-type span{display: inline-block; max-width: 100px; margin-bottom: 30px; position: relative; z-index: 1;} .ins-type span:after{width: 80px; height: 80px; content: ''; background-color: #022279; border-radius: 50%; position: absolute; left: 50%; top: 50%;z-index: -1; opacity: 0.1; transform: translate(-50% , -50%); } .ins-type p{margin-bottom: 0px;} .sf-insurance-partners{margin-bottom: 30px;} .partners-logo-wrap .row{border-top: 1px solid #ddd; border-left: 1px solid #ddd; margin-bottom:25px; } .partners-logo-wrap .row .partners-logo { background-color: #fff; text-align: center;border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; width:100%; } .partners-logo-wrap .row .partners-logo a { display: inline-block; position: relative; z-index: 1; padding:20px;} .partners-logo-wrap .row .insuranceitem.active .partners-logo { background:#fff; border:1px solid #222; box-shadow: 0 0 10px 10px rgba(0,0,10,0.05); } @media only screen and (max-width:767px) { .partners-logo a {padding:20px 10px;} } .sf-partner-head {margin-bottom: 30px;} .partners-logo-wrap { max-width:none; margin: 0px auto;} .partners-info-wrap {max-width: 991px; margin: 0px auto; border: 1px solid #ddd; border-top:0px ; background-color: #fff; text-align: center;} .partners-info-wrap .row [class*='col-'] {border-right: 1px solid #ddd;} .partners-info-wrap .row [class*='col-']:last-child {border-right: 0px;} .partners-info-wrap .row [class*='col-'] .partners-info {padding: 50px;} .partners-info h2 { color: var(--ao-primary);} .partners-logo-wrap .row { border-top:0px; border-left:0px; margin-bottom: 25px; } .partners-logo-wrap .row .insuranceitem { display:flex; padding:0px 12px; margin-bottom:25px; } .partners-logo-wrap .row .insuranceitem .partners-logo { border-radius:10px; border:1px solid #ddd; background-color:#fff; } @media only screen and (max-width:1600px) { .ins-type { padding:30px; } } .language-logo { background-color: #fff; text-align: center; border:1px solid #ddd; } .language-logo a {display:block; position: relative; z-index: 1; padding:20px 5px; width:100%; } .language-logo img { width:auto !important; height:60px !important; } .language-logo span { display:block; line-height:1; font-weight:600; } .active .language-logo { background:#f5f5f5; border-color:#5b6eff; } @media only screen and (max-width:575px) { .partners-logo-wrap .row > * { width:50%; max-width:50%; } } @media only screen and (max-width:1600px) { .ins-type { padding:30px; } } /*Appointment*/ .sf-appoi-row { margin-left:0px; padding: 20px; background-color: #fff; border: 1px solid #ddd; border-radius: 10px; position: relative; margin-bottom:30px;} .sf-appoi-row:hover { background-color:#fff; box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); } .aon-date-box { position:absolute; top:0px; left:0px; background: var(--ao-primary); border-radius:50px; color:#fff; width:70px; padding:10px; } .aon-date-box strong, .aon-date-box span { display:block; text-align:center; line-height:1; } .aon-date-box strong { font-size:30px; margin-bottom:5px; } .aon-date-box span { font-size:12px; } .sf-appoi-first { position:relative; padding-left:80px; width:40%; } @media only screen and (max-width:991px){ .sf-appoi-row > .d-flex{display: block !important;} .sf-appoi-first{margin-bottom: 10px; width:100%; } .sf-appoi-second{margin-bottom: 10px; display: inline-block; margin-right: 15px;} .sf-appoi-third{position: absolute; right: 15px; top: 15px;} } .sf-appoi-first h4 { margin: 0px; font-size: 20px; color: #222; } .sf-appoi-first img { width: 70px; height:70px; border-radius: 50%; float:left; margin-right:15px; } .sf-appoi-first p{margin-bottom: 0px;} @media only screen and (max-width:480px){ .sf-appoi-first { padding-left:0px; display: block !important; text-align: center; } .aon-date-box{position: inherit; margin: 0px auto;} .sf-appoi-first img{float: none; margin-bottom: 10px;} .sf-appoi-info{margin-bottom: 10px;} .sf-appoi-second { margin-bottom: 10px; display: block; margin-right: 0px; text-align: center; } } .sf-appoint-doc-wrap{border-radius: 10px; border: 1px solid #ddd; padding:55px 30px 30px; background-color: #fff;position: relative; z-index: 1; overflow: hidden;} .sf-appoint-doc-wrap:before{content: ''; position: absolute; left: 0px; top: 0px; background-color: #5b6eff; height: 140px; width: 100%; z-index: -1;} .sf-appoint-doc-info{text-align: center;} .sf-appoint-doc-date { padding-top: 25px; margin-top: 10px; border-top: 1px solid #ddd; text-align: center;} .sf-appoint-doc-date p { margin-bottom:5px; } .sf-appoint-doc-info img{width: 150px; height: 150px; border-radius: 50%; margin-bottom: 20px;} .sf-appint-control{margin:30px 0px 0px; border-top: 1px solid #ddd; padding-top: 30px; display: flex; justify-content: space-between; margin-bottom: 0px; list-style: none;} .sf-appint-control li { position:relative; } .sf-appint-control li > a { display:block; } .sf-appint-control li .showrating { margin-right: 35px; } .sf-appint-control li .sf-rating-lable { position: absolute; right: 0; top: 0; } .sf-appint-control li .view-feedback-btn { display: table; margin:10px auto 10px; padding: 5px 10px; border: 1px solid var(--ao-primary); font-size: 12px; color: var(--ao-primary); border-radius: 3px; line-height: 1; } .sf-appint-control li .view-feedback-btn:hover, .sf-appint-control li .view-feedback-btn:active, .sf-appint-control li .view-feedback-btn:focus { background: var(--ao-primary); color: #fff; } .sf-appint-control li .editfeedback { display: table; margin:0px auto 0px; padding: 5px 10px; border: 1px solid var(--ao-primary); font-size: 12px; color: var(--ao-primary); border-radius: 3px; line-height: 1; } .sf-appint-control li .editfeedback:hover, .sf-appint-control li .editfeedback:active, .sf-appint-control li .editfeedback:focus { background: var(--ao-primary); color: #fff; } .sf-appint-control li a span { width: 50px; height: 50px; font-size: 22px; line-height: 50px; border:1px solid #022279; border-radius: 50%; color: #022279; display: inline-block;margin-bottom: 10px;} .sf-appointment-full-detail { padding: 30px; border: 1px solid #ddd; border-radius: 10px; background-color:#f6f8fa;} .sf-doc-apt{margin-bottom: 50px;} .sf-appointment-full-detail .site-button { outline: none; color: var(--ao-primary-btn-text); padding: 8px 16px; } .sf-doc-apt {margin-bottom: 50px;} .carely-only-call { justify-content:center; } @media only screen and (max-width:480px){ .sf-doc-apt{margin-bottom: 10px;} } .sf-doc-apt .accordion-button:focus{box-shadow: none;} .sf-doc-apt .accordion-button:not(.collapsed) {color: #022279; background-color: transparent;} .sf-appointment-status{ border:1px solid #022279; padding: 20px; border-radius: 10px; background:#fff; } .sf-appointment-status ul{list-style: none; margin-bottom: 0px; display: flex; justify-content: space-between;} .sf-appointment-status ul li span{font-size: 18px; color: #022279;} .sf-appointment-full-detail .accordion-item { background:none; } .sf-appointment-full-detail .accordion-button { background:none; padding:20px 0px; } .sf-appointment-full-detail .accordion-body { padding:20px 0px; } .active-feedback-slide .cs-feedback-area { right:0px; } .sf-patient-details { border:1px solid #ddd; padding:30px; background:#fff; margin-top:30px; border-radius:10px; } .sf-patient-details ul { list-style:none; margin:0px; padding:0px; display:flex; flex-wrap:wrap; } .sf-patient-details ul li { width:33.333%; padding:0px 10px; display:block; justify-content:space-between; padding-bottom:10px; margin:5px 0px; } .sf-patient-details ul li:last-child { border-bottom:none; padding-bottom:0px; margin-bottom:0px; } .sf-patient-details ul li p { color:#222; font-weight:600; margin:0px; display:block; } .sf-patient-details ul li span { display:block; } @media only screen and (max-width:480px){ .sf-appointment-status ul{ display: block; } .sf-appointment-status ul li{ margin-bottom: 20px; } .sf-appointment-status ul li:last-child{ margin-bottom: 0px; } .sf-appointment-status ul li p{ margin-bottom: 10px; } } /*Upload Form*/ .sf-uplaod-files-wrap{ margin: 0px auto 50px ; border: 1px solid #ddd; background-color:#f6f8fa; border-radius: 10px; padding: 30px;} .sf-uplaod-files-wrap .sf-upload-control {border-top: 1px solid #ddd; padding-top: 30px; margin-bottom: 0px;} .sf-uplaod-files-wrap .sf-upload-control a {text-align: center; display: block; background:#fff; border:1px solid #ddd; padding: 30px; border-radius: 10px;} .sf-uplaod-files-wrap .sf-upload-control .active a { border:1px solid #022279; } .sf-uplaod-files-wrap .sf-upload-control a:focus {border:1px solid #022279;} .sf-uplaod-files-wrap .sf-upload-control a span {font-size: 22px; line-height: 20px; color: #022279; display: block; margin-bottom: 10px; text-align: center;} .sf-uplaod-files-wrap .sf-upload-control a p {margin-bottom: 0px;} /*Patient Booking*/ .sf-appoint-doc-wrap2 { border-radius: 10px; border: 1px solid #ddd; padding:60px 30px; background-color: #fff;position: relative; z-index: 1; overflow: hidden;} .sf-appoint-doc-wrap2 { background: var(--ao-primary); } @media only screen and (max-width:1199px){ .sf-appoint-doc-wrap2 {margin-bottom: 20px;} } .sf-appoint-doc-info2 { text-align: center;} .sf-appoint-doc-date2 { padding-top: 10px; margin-top: 10px; border-top: 1px solid #ddd; text-align: center;} .sf-appoint-doc-date2 { padding-top: 20px; margin-top:30px; border-top: 1px solid #ddd; text-align: center;} .sf-appoint-doc-info2 img { width:200px; height: 200px; border-radius: 50%; margin-bottom: 20px; border:10px solid rgba(255, 255, 255, 0.616); } .sf-appoint-doc-info2 h4 { color:#fff; } .sf-appoint-doc-info2 p { color:#fff; padding:0px 30px; } .text-right.aon-con-btn { padding-top: 24px; } .aon-search2-form { padding:25px 0px; } .aon-search2-form.no-p-lr { padding:25px 0px; } .aon-search2-bar-wrap { background:#06328b; } .aon-search2-left { width:80%; display: table; } .aon-search2-col { display:table-cell; vertical-align:middle; padding:0px 5px; } .aon-search-btn .site-button { width:100%; } .aon-search2-right { width:20%; } .aon-search2-btn { padding:10px 25px; } .aon-search2-right.a-s-auto { width:auto; } .aon-search2-table { display:table; width:100%; } .aon-search2-table { display: flex; flex-wrap: wrap; } .aon-search2-table .aon-search2-col { width:50%; margin-top:7px; margin-bottom:7px; } .sf-search-count-5.aon-searc h2-form { padding: 25px 0px; } .aon-search-advance-btn { background:none; border:none; color:#fff; float:right; } .aon-search-advance-btn i { font-size:28px; margin-right:10px; } .aon-search-advance-btn strong { display:block; font-size:16px; line-height:1; text-transform:uppercase; } .aon-search-advance-btn span { display:block; font-size:16px; line-height:1; } .aon-search-advance-btn span:last-child { letter-spacing:1px; letter-spacing:4.5px; } .opensrhdatetime { background: #fff; border:1px solid #dddddd; display: block; padding: 10px 5px 5px 55px; height: 50px; border-radius: 5px; line-height: 30px; } .aon-search2-form.sf-search-count-3 .aon-search2-left, .aon-search2-form.sf-search-count-4 .aon-search2-left, .aon-search2-form.sf-search-count-5 .aon-search2-left, .aon-search2-form.sf-search-count-6 .aon-search2-left { width:100%; margin-bottom:20px; } .aon-search2-form.sf-search-count-3 .aon-search2-right, .aon-search2-form.sf-search-count-4 .aon-search2-right, .aon-search2-form.sf-search-count-5 .aon-search2-right, .aon-search2-form.sf-search-count-6 .aon-search2-right { width:100%; } .aon-search2-col.aon-search-btn { display: block; } @media only screen and (max-width:991px) { .aon-search2-left { width:100%; } .aon-search2-table { width:100%; display: block; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 10px; } .aon-search2-col.aon-search-col, .aon-search2-col.aon-category-col { display:block; width:100%; margin-bottom:15px; } .aon-search2-col.aon-search-btn { width:100%; } .aon-search2-right.a-s-auto { margin: auto; } } @media only screen and (max-width:767px) { .aon-search2-left, .aon-search2-right { width:100%; } .aon-search2-left { margin-bottom:15px; } .aon-search2-right.a-s-auto { margin:auto; } } @media only screen and (max-width:767px) { .aon-search2-col.aon-search-col, .aon-search2-col.aon-category-col { width:100%; } } .aon-search-heading { border-bottom:1px solid #ddd; } .aon-search-row { padding-top:30px; padding-bottom:30px; } .aon-search-list-grid { list-style:none; margin:0px; padding:0px; } .aon-search-list-grid .btn { font-size:20px; margin-left:10px; padding:10px; border:1px solid #ddd; display:flex; align-items: center; } @media only screen and (max-width:767px){ .aon-search-list-grid.d-flex.pull-right{ float: left; margin-top: 10px;} .aon-search-list-grid li:first-child .btn{margin-left: 0px;} } .aon-search-info-wrap { padding:40px 0px 0px; } .aon-footer-bottom-area { text-align:center; } /*Grid View*/ .sf-grid-view{background-color: #fff; box-shadow: 0px 0px 15px rgba(0, 0, 0, .1);padding: 30px; margin-bottom: 30px;} .sf-grid-head{display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 30px;} .sf-medi-rate span {display: inline-block; padding-right: 2px; color: var(--ao-primary); font-size: 16px;} .sf-medi-rate span.sf-rating-lable{ color: #00a900; font-size: 14px;} .sf-medi-like i{font-size: 22px; margin-right: 5px;} .bage-green{border-radius: 6px;background-color: #1c8315; color: #fff; padding: 2px 6px;} .sf-grid-view-mid .sf-grid-media{ position: relative; margin: 0px auto 20px; width: 140px;} @media only screen and (max-width:420px){ .sf-grid-view-mid .sf-grid-info h3{font-size: 20px;} } .sf-grid-view-mid .sf-grid-media img{ width: 100%; border-radius: 10px;} .sf-grid-view-mid .sf-grid-media i{ width: 23px; height: 23px; line-height: 23px; font-size: 14px; text-align: center; border-radius: 50%; color: #fff; position: absolute; right: -10px; top: -10px; background-color: #59b153; display: block; box-shadow: -3px 5px 5px rgba(0,0,0,0.2); } .sf-grid-info{text-align: center; font-size: 16px;} .sf-doc-exp{font-size: 14px;} .sf-doct-info { margin-bottom: 10px;} .sf-doct-info span{color: #2f2f2f;} .sf-doc-profile-view{font-size: 14px; color: #06328b;} .sf-grid-info h3 { margin-bottom:10px; } .carely-featured-halftag {background: #31b931; padding: 2px 10px; font-size: 12px; color: #fff; display: table; margin: 0px auto 10px; border-radius: 5px;} .sf-search-result-option2{padding: 0px;} .nodata { padding: 30px; border: 1px solid #ddd; border-radius: 5px; text-align: center; } @media only screen and (max-width:450px){ .sf-doc-profile-view { text-align:left; display:block; } .sf-grid-view .sf-doc-profile-view { text-align:center; } } /*Grid View 2*/ .sf-shadow-box { -webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.05); box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.05); } .aon-Grid2-box { padding: 30px; background:#fff; border-radius: 10px; margin-bottom: 60px; } .aon-Grid2-head { margin-bottom:20px; border-bottom:1px solid #ddd; padding-bottom:10px; } .aon-Grid2-exper { line-height:1; } .aon-Grid2-pic { width:50px; height:50px; border-radius: 30px; float: left; margin-right:15px; position:relative; } .aon-Grid2-pic img { width:50px; height:50px; border-radius: 50px; } .aon-Grid2-pic .fa { position: absolute; left: 0px; bottom: 0px; background: #1c8315; color: #fff; font-size: 10px; padding: 4px; border-radius: 10px; } .aon-Grid2-info { overflow:hidden; } .aon-Grid2body { margin-bottom: 10px; padding-bottom:5px; } .aon-Grid2-details { font-size: 14px; } .aon-Grid2-exper { margin-bottom:10px; } .sf-medi-like2 { padding-bottom:10px; } .aon-Grid2-specialist{ padding-left: 30px; padding-bottom: 10px; position: relative; } .aon-Grid2-specialist span { color:#8d8d8d;} .aon-Grid2-specialist i { position: absolute; left: 0px; top: 2px; color: #000; font-size: 20px; } .aon-Grid2-red-less { color: var(--ao-primary); cursor:pointer; } .bage-green2 { border-radius: 6px; background-color: #1c8315; color: #fff; padding: 2px 6px 4px; display: inline-flex; line-height: 1; align-items: center; font-size: 14px; } .aon-Grid2-footer { background: #fff; padding: 20px; border-radius: 10px; margin-bottom: -60px; text-align:center; } .aon-Grid2-fee { border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 10px;} .aon-Grid2-fee span { color: #000;} .aon-Grid2-book-now { color: var(--ao-primary);} /*listing View*/ .sf-listing-view{display: table; width: 100%; border: 1px solid #ddd; background-color: #fff;margin-bottom: 30px;} .sf-listing-media-wrap{display: table-cell; padding: 30px; vertical-align: top; width: 0px;} .sf-listing-media{ position: relative;width: 140px; text-align: center; } .sf-listing-media img{ width: 100%; border-radius: 10px; margin-bottom:10px; } .sf-listing-media i{ width: 23px; height: 23px; line-height: 23px; font-size: 14px; text-align: center; border-radius: 50%; color: #fff; position: absolute; right: -10px; top: -10px; background-color: #59b153; display: block; box-shadow: -3px 5px 5px rgba(0,0,0,0.2); } .sf-listing-info{display: table-cell; padding: 30px 25px 30px 0px; vertical-align: top; } .sf-listing-info > h3 { margin-bottom:10px; } .sf-listing-info .sf-doct-info { margin-bottom: 10px; line-height: 1.4; } .sf-listing-info-right{display: table-cell; padding: 30px; vertical-align: top; border-left: 1px solid #ddd; width: 305px;} .sf-siderbar-map { border:1px solid #ddd; } .search-filter-box { padding:30px; border-bottom:1px solid #ddd; } .sf-radio-input { border: 1px solid #e8edf1; padding: 12px 15px; border-radius: .25rem; } @media only screen and (max-width:1199px){ .sf-listing-info-right{width: 260px; padding: 20px;} .sf-listing-info {padding: 20px 15px 20px 0px;} .sf-listing-media-wrap{padding: 20px;} .sf-listing-media{width: 100px;} } @media only screen and (max-width: 991px){ .sf-listing-info-right {display: flex; width: 100%; border-left:none; border-top:1px solid #ddd; justify-content: space-between; } } .sf-listing-con-details{padding-bottom: 10px; font-size: 14px; color: #8d8d8d;} .sf-listing-con-details .sf-medi-like .bage-green{margin-right: 10px;} .sf-listing-con-details .sf-medi-like i{color: #000;} .sf-listing-con-timeing{padding-left: 30px; padding-bottom: 10px; position: relative;} .sf-listing-con-timeing i{position: absolute; left: 0px; top: 2px; color: #000; font-size: 20px;} .sf-listing-con-timeing span{display: inline-block; } .sf-listing-con-timeing span.open{color: #1c8315;} .sf-listing-con-timeing span.close{color: #ff4444;} .sf-listing-con-address{padding-left: 30px; padding-bottom: 10px; position: relative;} .sf-listing-con-address i{position: absolute; left: 0px; top: 2px; color: #000; font-size: 20px;} .sf-listing-con-address p{ color: #8d8d8d; font-size: 14px; margin-bottom: 0px;} .sf-listing-con-address p span{ color: #000;} .sf-listing-right-footer{margin-left: 30px; display: inline-table; white-space:nowrap; } .sf-listing-right-footer p{font-style: italic; font-size: 12px; text-align: center; color: #08a300; margin-bottom: 0px;} .sf-listing-right-footer p span{color: #000;} @media only screen and (max-width:991px) { .sf-listing-view { display: block;} .sf-listing-media { width: 100px; } .sf-listing-info { padding: 30px 25px 30px 0px; } } @media only screen and (max-width:767px) { .sf-listing-info-right { display: block; padding: 30px; border-left: none; width: 100%; border-top: 1px solid #ddd; } } @media only screen and (max-width:420px) { .sf-listing-view .sf-listing-info h3 { font-size: 20px; } } @media only screen and (max-width:450px) { .sf-listing-media-wrap{width: 100%;display: block; padding-bottom: 0px;} .sf-listing-info {width: 100%;display: block; padding:10px 20px 20px;} .sf-listing-info-right { padding: 20px; } .sf-listing-right-footer{margin-left: 0px;} } /*Site Pagination*/ .s-p-center { width: 100%; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } .site-pagination { clear: both; } .site-pagination .pagination > li > a, .site-pagination .pagination > li > span { margin: 0px 10px; border: none; border-radius:5px !important; text-align:center; font-size:16px;; } .site-pagination .pagination > li > a .fa { font-size: 12px; } .site-pagination .pagination > li > a { color: #022278; } .site-pagination .page-item.active .page-link { background-color:transparent; border-color:transparent; color:#222; } .site-pagination .page-item.active .page-link:hover, .site-pagination .page-item.active .page-link:active, .site-pagination .page-item.active .page-link:focus{ background-color: var(--ao-primary); border-color: var(--ao-primary); color:#fff; } .site-pagination .page-item.current .page-link { background-color: var(--ao-primary); border-color: var(--ao-primary); color:#fff; } .site-pagination .pagination > li > a, .site-pagination .pagination > li > span { margin: 0px 10px; border: none; border-radius:5px !important; padding:5px 2px; min-width:36px; font-size:16px !important; } .site-pagination .pagination > li > a i, .site-pagination .pagination > li > span i { font-size:18px !important; } .site-pagination .pagination > li > a:hover, .site-pagination .pagination > li > span:hover { color:#fff; background-color: var(--ao-primary); border-color: var(--ao-primary); } .site-pagination .pagination > li > span.current { color:#fff; background-color: var(--ao-primary); border-color: var(--ao-primary); } .site-footer.footer-light { background-color:#d2e7e2; border-top:1px solid #647772; } .aon-footer-bottom-area {border-top:1px solid #aabcb7; color:#555; padding-top:30px; } .elementor-widget-text-editor p:last-child { margin-bottom:0px; } .aon-socila-icon { list-style:none; margin:0px; padding:0px; } .aon-socila-icon li { margin-right:15px; } .aon-socila-icon li a { width:40px; height:40px; line-height:40px; text-align:center; color: var(--ao-primary) !important; background:#fff; display:block; border-radius:30px;} .aon-f-title { padding-bottom:10px; margin:0px; font-size:22px; position:relative; } .aon-f-title:after { position:absolute; left:0px; bottom:0px; content: ""; width:60px; height: 2px; background: var(--ao-primary); display: table; } .aon-doctorAbout-wrap { border-bottom:1px solid #ddd; margin-bottom:50px; padding-bottom:10px; } .aon-doctorAbout-left { position:relative; text-align:center; } .aon-doctorAbout-location { max-width: 180px; } .aon-doctorAbout-pic { width: 180px; height: 180px; padding:8px; border-radius: 100%; position:relative; margin-bottom:20px; border:1px solid #ddd; position:relative; } .aon-doctorAbout-pic img { width:100%; height:100%; border-radius: 100%; } .aon-doctorAbout-pic .fa { position:absolute; bottom:-10px; left:50%; background:#4ecd69; color:#fff; width:30px; height:30px; line-height:30px; margin:0px -15px; text-align:center; display:table; border-radius: 30px; z-index:1; } .aon-doctorAbout-pic::after { content: ""; width: 184px; height: 184px; border-radius: 100%; margin: -2.5px; position: absolute; top: 0px; left: 0px; border-top: 5px solid var(--ao-primary); border-bottom: 5px solid var(--ao-primary); border-left: 5px solid transparent; border-right: 5px solid transparent; opacity: 1; transform: rotate(115deg); } .aon-doctorAbout-pic:after { animation: rotate 1.5s ease linear; } .aon-doctorAbout-left:hover .aon-doctorAbout-pic:after { opacity:1; animation: rotate 1.5s infinite linear; } @keyframes rotate { from { transform: rotate(0); } to { transform: rotate(360deg); } } @-webkit-keyframes rotate { from { transform: rotate(0); } to { transform: rotate(360deg); } } .aon-doctorAbout-right { display: flex; flex-basis: auto; flex-wrap: wrap; flex-grow: 1; padding-left:40px; position:relative; } .aon-doctorAbout-name { margin-bottom:10px; } .aon-doctorAbout-type { margin-bottom:10px; } .aon-doctorAbout-rating { margin-bottom:10px; } .aon-doctorAbout-contat { margin:0px 0px 10px; list-style:none; padding:0px; } .aon-doctorAbout-contat li { display: inline-block; margin-right:10px; } .aon-doctorAbout-contat li i { margin-right:5px; vertical-align:middle; } .aon-doctorAbout-rating { display: inline-flex; padding-right: 2px; color: var(--ao-primary); font-size: 16px; align-items:center; } .aon-doctorAbout-rating .showrating { line-height:1; margin-right:10px; } .aon-doctorAbout-rating .aon-rating-lable{ color: #00a900; font-size: 14px;} .aon-doctorAbout-exper { margin-bottom:10px; } .aon-doctorAbout-text { margin-bottom:20px; } .aon-doctorAddto-share { list-style:none; margin-top:10px; padding:0px; } .aon-doctorAddto-share > li { display:inline-block; margin-right:15px; position:relative; } .aon-doctorAddto-share > li > a { display: block; border: 1px solid #ddd; padding: 2px 12px; border-radius: 5px; color:#777; } .aon-doctorAddto-share > li > a:hover, .aon-doctorAddto-share > li > a:active, .aon-doctorAddto-share > li > a:focus { border-color:var(--ao-primary); color:#fff; background:var(--ao-primary); } .aon-doctorAbout-label { position: absolute; top: 10px; right: 10px; background: #e3f4fa; color: #3e8198; font-weight: 600; padding: 10px 20px; border-radius: 5px; font-size: 14px; } .ser-share-icons { position: absolute; bottom:50%; left: 0; margin-bottom: 10px; opacity:0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} .ser-share-icons:after { content:""; position: absolute; top:100%; left:20px; width: 0; height: 0; border-style: solid; border-width:8px 5px 0 5px; border-color: #000 transparent transparent transparent; } .ser-share-icons ul { list-style:none; padding:0px; display:flex; border-radius:5px; overflow:hidden; } .ser-share-icons ul li { background: var(--ao-primary); border-right:1px solid rgba(255,255,255,0.2); } .ser-share-icons ul li:last-child { border-right:none; } .ser-share-icons ul li a { display:flex; align-items:center; height:32px; padding:0px 10px; background:#000; color:#fff; } .ser-share-icons ul li:hover a { background:#333; } li:hover .ser-share-icons { bottom:100%; opacity:1; } @media only screen and (max-width:1199px) { .aon-doctorAbout-label { position: inherit; } } @media only screen and (max-width:767px) { .aon-doctorAbout-wrap { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .aon-doctorAbout-right { padding-left:0px; } .aon-doctorAbout-left { margin-bottom:30px; } } .aon-doctoreducation-wrap { border-bottom: none; margin-bottom: 0px; padding-bottom: 0;} .aon-doctoreducation-wrap.bdr-none{border: none; margin-bottom: 0px; padding-bottom: 0px;} .aon-award-list { list-style:none; margin:0px; padding:0px; } .aon-award-list li { margin-bottom:30px; } .aon-award-list li:after { content:""; display:table; clear:both; } .aon-award-list li:last-child{ margin-bottom:0px; } .aon-award-list .aon-award-pic { margin-right:20px; float:left; width:105px; } @media only screen and (max-width:420px) { .aon-award-list .aon-award-pic { margin-bottom:20px; float:none; } } .aon-docLocation-wrap { border-bottom: 1px solid #ddd; margin-bottom:50px; padding-bottom:30px; } .aon-docPexpi-wrap { margin-bottom:50px; } .aon-side-bar { background:#f4fcfb; border:1px solid #dce9e7; border-radius:10px; position:relative; } .aon-siderbar-nav { margin:30px; list-style: none; padding:0px; position:relative; } .carely-info-msg { padding: 20px; text-align: center; border: 1px solid #ddd; border-radius: 5px; } @media only screen and (max-width:420px){ .aon-siderbar-nav {margin:20px;} } .aon-siderbar-nav:before { content:""; position: absolute; top:0px; left:0px; width:8px; height:calc(100% - 22px); width:1px; background: var(--secondary); margin:11px 0px; } .aon-siderbar-nav li { margin-bottom:20px; position:relative; padding-left:30px; } .aon-siderbar-nav li a { color:inherit; } .aon-siderbar-nav li:after { content:""; position: absolute; top:11px; left:-3px; width:8px; height:8px; border-radius:10px; background: var(--secondary); } .aon-siderbar-nav li:last-child { margin-bottom:0px; } .aon-siderbar-nav li.active a { color: var(--ao-primary); } .aon-siderbar-nav li.active:after { background: var(--ao-primary); } .aon-consultancy-price { font-size:20px; } .aon-find-doctors-wrap { border-top:1px solid #ddd; } @media only screen and (max-width:420px){ .aon-find-doctors-wrap {padding: 20px; } } .aon-doctor-tabs { margin-bottom:30px !important; } .aon-doctorTotal-rating { border:2px solid #1b605b; padding:20px; border-radius:10px; white-space: nowrap; } .aon-doctorReview-wrap { border-bottom: 1px solid #ddd; margin-bottom:50px; padding-bottom:30px; } .aon-docRating-title { font-size: 15px; text-align: center; } .aon-docRating-num { font-size: 48px; line-height: 1; } .aon-doctorReview-left { position: relative; text-align: center; min-width:140px; } .aon-doctorReview-right { display: flex; flex-basis: auto; flex-wrap: wrap; flex-grow: 1; padding-left: 40px; position: relative; } @media only screen and (max-width:460px){ .aon-doctorReview-wrap{display: block !important; } .aon-doctorReview-left{margin-bottom: 20px;} .aon-doctorReview-right{padding-left: 0px;} } .aon-doctorInsuranc-tabline { margin-bottom:30px; } .aon-docReview-list { list-style:none; margin:0px; } .aon-docReview-list li { margin-bottom:20px; } .aon-docReview-list p { margin-bottom:10px; } .aon-docReview-list .aon-docReview-more { color: var(--ao-primary); } .aon-docReview-list .aon-docReview-meta { color:#222; } .aon-doctorInsuranc-wrap { border-bottom: 1px solid #ddd; margin-bottom:50px; padding-bottom:30px; } .aon-insuranc-logo { border:1px solid #ddd; padding:20px; text-align:center; border-radius:10px; } .aon-doctorSpecializ-wrap { border-bottom: 1px solid #ddd; margin-bottom:50px; padding-bottom:30px; } .aon-doctoreducation-wrap { border-bottom: 1px solid #ddd; margin-bottom:50px; padding-bottom:30px; } .aon-insuranc-list { display: -ms-flexbox; display: flex; } .aon-insuranc-list .feather-check { font-size: 18px; color: #4ecd69; padding-top: 5px; padding-right: 5px; } .aon-doctorLang-wrap { border-bottom: 1px solid #ddd; margin-bottom:50px; padding-bottom:30px; } .aon-doctorLang-title { margin-bottom:30px; } .aon-docLang-box { align-items:flex-start; justify-content: flex-start; } .aon-docLang-pic { margin-right:10px; width: 34px; } .aon-docLang-pic img { width:75px !important; height:32px !important; } /*Doctor Detail*/ @media only screen and (max-width:991px){ .aon-profile1-page-wrap{padding-bottom: 10px;} } .card-shadow-box{ padding: 30px; position:relative; background-color: #fff; border-radius: 10px; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); } @media only screen and (max-width:420px){ .card-shadow-box{padding: 20px;} } .sf-dco-profile-card{background-color: #1b6059; padding: 30px; border-radius: 10px; overflow: hidden; position: relative;z-index: 1; margin-bottom: 30px;} .sf-dco-profile-card:before{ z-index: -1; content: ''; position: absolute; left: 50%; top: 60px; width: 200%; height: 500px; background-color: rgba(255, 255, 255, 0.1); transform: rotate(-10deg) translateY(-50%) translateX(-50%); opacity: 0.4; } .sf-doc-pro-card-media{width: 245px;height: 245px; margin: 0px auto 30px; border:2px solid rgba(204, 204, 204, 0.2); border-radius: 50%; padding: 27px;position: relative;} .sf-doc-pro-card-media:after{ content: ''; position: absolute; left: -4px; top: -4px; width: 248px; height: 248px; transform: rotate(10deg); border-radius: 50%; padding: 27px; border-left: 6px solid var(--ao-primary); border-right: 6px solid var(--ao-primary); border-top: 6px solid transparent; border-bottom: 6px solid transparent; } .sf-doc-pro-card-media:hover:after{animation: rotate 1.5s infinite linear;} .sf-doc-pr-media-inner{position: relative; text-align: center;} .sf-doc-pr-media-inner img {width: 187px; height: 187px; border-radius: 50%;} .sf-doc-pr-media-inner i{width: 30px; height: 30px; line-height: 30px; font-size: 14px; text-align: center; border-radius: 50%; color: #fff; position: absolute; left: 50%; bottom: -15px; background-color: #59b153; display: block; transform: translateX(-50%);} .sf-doc-pro-card-name{text-align: center; color: #fff; margin-bottom: 50px;} .sf-doc-pro-card-name h3{color: #fff;} .sf-doc-pro-card-info ul li { margin-bottom: 10px; position: relative; color: #fff; padding-left: 50px; margin-bottom: 20px; } .sf-doc-pro-card-info ul li:last-child { margin-bottom: 0px; } .sf-doc-pro-card-info ul li h4{ color: #fff; margin-bottom: 0px; } .sf-doc-pro-card-info ul li p{ margin-bottom: 0px; } .sf-doc-pro-card-info ul li img { color: #fff; position: absolute; left: 0px; top: 3px; width: 32px; } /*timetable*/ .sf-doc-timeing-card .nav-link span { font-size: 14px; display: block; color: #9f9f9f;} @media only screen and (max-width:1199px){ .sf-doc-timeing-card{padding: 20px;} .sf-doc-Photo-wrap{padding: 20px;} .sf-doc-find-wrap{padding: 20px;} .sf-doc-video-wrap{padding: 20px;} .sf-doc-timeing-card .nav-link span { font-size: 12px; } } .sf-doc-timeing-card-nav { margin-bottom:0px !important; } @media only screen and (max-width:640px){ .aon-custom-nav.sf-doc-timeing-card-nav{display: flex; } } @media only screen and (max-width:420px){ .sf-doc-timeing-card {padding: 20px;} } .sf-doc-timeing-card-nav .nav-item { width:33.333%; display:flex; } .sf-doc-timeing-card-nav .nav-item > .nav-link { padding:15px 2px; width:100%; } .sf-doc-timeing-card-nav .nav-item > .nav-link span { display:block; font-weight: 600; color: #222; text-transform: uppercase; } .sf-doc-timeing-card-nav > .nav-item > .nav-link.active::after{background-color: #2fc0a1;} .sf-doc-timing-slots .appointment-slots {margin-top:30px !important; } @media only screen and (max-width:420px){ .sf-doc-timeing-card-nav .nav-item{width: 33.333%; } .sf-doc-timeing-card-nav .nav-item .nav-link{width: 100%; display: block; background-color: #fff; margin-top: 10px;} } .sf-doc-timing-slots .sf-doc-timing-slots-detail { cursor:pointer; background-color: #e2f7f2; padding:7px 5px; border-radius:5px; margin-top:0px; margin-bottom:10px; text-align: center; color: #2fc0a1; padding:3px 2px; white-space:nowrap; } .sf-doc-timing-slots .sf-doc-timing-slots-detail.active {background-color: #2fc0a1; color: #fff;} .sf-doc-timing-slots .sf-doc-timing-slots-detail span {display: block; font-weight: 600; font-size: 16px;} .sf-doc-timing-slots .sf-doc-timing-slots-detail p{margin-bottom: 0px; font-size: 15px;} .sf-doc-timing-slots-btn{ border-top: 1px solid #ddd; padding-top: 30px; margin-top: 30px; display: flex; justify-content: space-around;} .site-button.red{background-color: #ef1b1a;} /*exp-tabs*/ .sf-doc-exp-list-detail { list-style: none; margin-bottom: 0px; padding:0px; } .sf-doc-exp-list-detail li { padding-bottom: 15px; border-bottom: 1px solid #dedfe1; margin-bottom: 15px; font-size: 16px; } .sf-doc-exp-list-detail li .sf-doc-exp-head { display: flex; justify-content: space-between; margin-bottom: 5px; } .sf-doc-exp-list-detail li .sf-doc-exp-head .sf-doc-exp-right { color: #222; font-weight: 600; padding-left:15px; } .appointment-slots2 .slotbox { width:33.333%; } .appointment-slots2 .sf-doc-timing-slots-detail { cursor:pointer; background-color: #e2f7f2; padding: 10px; border-radius: 10px; margin-top: 20px; text-align: center; color: #2fc0a1;} .appointment-slots2 .sf-doc-timing-slots-detail.active {background-color: #2fc0a1; color: #fff;} .appointment-slots2 .sf-doc-timing-slots-detail span {display: block; font-weight: 600; font-size: 16px;} @media only screen and (max-width:767px){ .sf-doc-exp-list-detail li .sf-doc-exp-head { display: block; } .sf-doc-exp-list-detail li .sf-doc-exp-head .sf-doc-exp-left, .sf-doc-exp-list-detail li .sf-doc-exp-head .sf-doc-exp-right { display:block; padding:0px; } } @media only screen and (max-width:460px){ .sf-bnr-pic > img { margin: 0; } .sf-banner-two .sf-bnr-pic { height: auto; } } @media only screen and (max-width:767px){ .sf-doc-exp-list-detail li {display: block;} } .sf-doc-exp-list-detail li:last-child { border-bottom: 0px; margin: 0px; padding: 0px; } .sf-doc-exp-list-detail li .list-title { color: #2a2a2a; margin-right: 10px; font-weight: 600; } .sf-doc-full-detail.bdr-none{border: none; margin-bottom: 0px; padding-bottom: 0px;} .sf-doc-full-detail-head{display: flex; justify-content: space-between;} @media only screen and (max-width:575px){ .sf-doc-full-detail-head{display: block; margin-bottom: 20px;} } .sf-doc-full-detail-head .sf-doc-info-wrap{margin-bottom: 20px;} .sf-doc-full-detail-head .sf-doc-info-wrap .sf-doct-info{ font-size: 16px; color: #2a2a2a; margin-bottom: 5px;} .sf-doc-full-detail-head .sf-doc-info-wrap .sf-medi-rate {margin-bottom: 5px; display:flex; } .sf-doc-full-detail-head .sf-doc-info-wrap .sf-medi-rate .showrating { margin-right:10px; } .sf-doc-full-detail-head .sf-doc-info-wrap .sf-medi-rate .sf-rating-lable { color: #7b7b7b; margin-top:3px; } .sf-doc-full-detail-head .sf-doc-info-wrap .sf-doc-exp{ font-size: 16px;} .sf-doc-full-detail-head .sf-doc-info-wrap .sf-doc-exp span{color: #2a2a2a;} .sf-doc-position span{background-color: #e3f4fa; color: #3e8198; font-size: 14px; font-weight: 600;padding: 10px 15px; border-radius: 5px;} .sf-doc-price-list-head{display: flex; justify-content: space-between; font-size: 18px; font-weight: 600; color: #434343;padding-bottom: 10px;margin-top: 20px; } .sf-doc-price-list{margin-bottom: 0px; list-style: none; border: 1px solid #ebebeb; padding:0px; } .sf-doc-price-list li { padding: 15px; border-bottom: 1px solid #ebebeb; display: flex; justify-content: space-between; color: #434343; font-size: 16px; font-weight: 600; position:relative; } .sf-doc-price-list li > a > span { color:#222; } .sf-doc-price-list li:nth-child(even) { background-color: #f5faf9;} .sf-doc-price-list li:last-child{border-bottom: 0px;} .carely-service-details { border: 1px solid #ddd; padding: 30px; line-height: 2; border-radius: 5px; background: #fff; font-size: 18px; } .carely-service-details strong { color:#222; margin-right:10px; min-width: 125px; display: inline-block;} .carely-service-details .woocommerce-Price-amount.amount { font-size:inherit;} /*Patient Exp*/ .sf-patient-exp h3{margin-bottom: 10px;} .sf-patient-exp-list ul {list-style: none; margin-bottom: 0px; padding:0px; } .sf-patient-exp-list ul > li{margin-bottom: 30px;} .sf-patient-exp-list ul > li:last-child{margin-bottom: 0px;} .sf-patient-exp-body {padding: 0px; margin-left: 100px; border: 0px; position: relative;} .sf-patient-exp-body .sf-patient-exp-title { margin-bottom:0px; } .sf-patient-exp-body .sf-medi-rate .sf-rating-lable{color: #7b7b7b;} .sf-patient-exp-body > img{position: absolute; left: -100px; top: 0px; width: 82px; height: 82px; border-radius: 50%;} .sf-patient-exp-head{display: flex; justify-content: space-between;} .sf-patient-exp-head .sf-pat-left{display: flex; justify-content: space-between; align-items:center; } .sf-patient-exp-head .sf-pat-left .sf-patient-exp-name{padding-right: 20px;} .sf-patient-exp-name{font-size: 18px; color: #2a2a2a;} @media only screen and (max-width:575px){ .sf-patient-exp-head .sf-pat-left{ display: block; } .sf-patient-exp-head{display: block;} } @media only screen and (max-width:420px){ .sf-patient-exp-body{margin-left: 0px;} .sf-patient-exp-body img{position: inherit; left: auto;} } .sf-doc-contacts { list-style: none; margin: 0px; padding:0px; } .sf-doc-contacts li {margin-bottom: 5px;} .sf-doc-contacts li:last-child {margin-bottom: 0px;} .sf-doc-contacts li span{font-size: 18px; color: #2a2a2a; display: block; font-weight:600; } .sf-doc-contacts li p{margin-bottom: 0px;} @media only screen and (max-width:991px) { .sf-doc-location-map { margin-bottom:30px; } } .carely-story-gallery { display:flex; flex-wrap:wrap; list-style:none; padding:0px; margin-top:15px; margin-left:-10px; margin-right:-10px; } .carely-story-gallery li { width:20%; padding:0px 10px; margin-bottom:20px !important; -webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-ms-transition: all 0.5s linear;-o-transition: all 0.5s linear; transition: all 0.5s linear; } .carely-story-gallery li:hover { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);} .carely-story-gallery li img { position:static; border-radius:5px; } @media only screen and (max-width:991px) { .carely-story-gallery li { width:25%; } } @media only screen and (max-width:767px) { .carely-story-gallery { margin:15px -7.5px 0px; } .carely-story-gallery li { width:33.333%; padding:0px 7.5px; margin-bottom:15px !important; } } .aon-article-list-inner{padding-left: 128px; border: 0px; position: relative;} .aon-article-list-inner .aon-article-pic img{ position: absolute; left: 0px; top: 0px; width:108px; border-radius:10px;} .aon-article-list-inner .aon-article-pic + h4 { margin-bottom:5px; line-height:1.4; } .aon-article-list { list-style:none; margin:0px; padding:0px; } .aon-article-list > li {margin-bottom: 20px; min-height:115px; } .aon-article-list > li:after {content:""; display:table; clear:both; } .aon-article-list > li:last-child {margin-bottom: 0px; min-height:115px; } .aon-article-list-inner p {margin-bottom: 0px;} .aon-article-list .aon-articles-time { padding:0px; } .aon-article-list .aon-articles-time li {font-size: 14px; color: #000; display: inline-block; padding-right: 30px;} .sf-all-articles { border-top: 1px solid #ddd; text-align: center; padding-top: 10px; } @media only screen and (max-width:640px){ .aon-article-list-inner{padding-left: 128px; border: 0px; position: relative;} } @media only screen and (max-width:420px){ .aon-article-list-inner{padding-left: 0px;} .aon-article-pic{margin-bottom: 10px;} .aon-article-list-inner .aon-article-pic img{position: inherit;} } .aon-doc-pro-card-name { text-align: center; color: #fff; } .aon-doc-pro-card-name h3 { color: #fff; } .aon-siderbar-nav.m-a0 { margin:0px; } .aon-photo-gallery { background-image:url(assets/build/images/gallery.jpg); height:250px; border-radius:10px; background-position:center; background-size:cover; } .aon-photo-num { width:100%; font-size:40px; color:#fff; background-color:rgba(0,0,0,0.2); border-radius:10px; cursor:pointer; } .aon-photo-num:hover { color:#fff; } .aon-video-gallery { background-image:url(assets/build/images/video.jpg); height:250px; border-radius:10px; background-position:center; background-size:cover; } .aon-video-num { width:100%; font-size:40px; color:#fff; background-color:rgba(0,0,0,0.2); border-radius:10px; } .aon-video-num:hover { color:#fff; } /*Home page One CSS*/ .sf-ques-ans-list ul {list-style: none; margin-bottom: 0px; padding:0px; } .sf-ques-ans-list ul > li{margin-bottom: 30px;} .sf-ques-ans-list ul > li:last-child{margin-bottom: 0px;} .sf-ques-ans-body{padding: 0px; padding-left: 80px; border: 0px; position: relative;} .sf-ques-ans-body .sf-pat-left{position: absolute; left: 0px; top: 0px; } .sf-ques-ans-body .sf-pat-left img{width: 52px; height: 52px; border-radius: 50%;margin-bottom: 10px;} .sf-ques-ans-body .sf-pat-left .sf-ques-ans-view{display: block; font-size: 14px; color: #000;} .sf-ques-ans-head{display: flex; justify-content: space-between;} .sf-ques-ans-head .sf-ques-ans-name{padding-right: 20px;font-size: 18px; color: #2a2a2a;} .sf-ques-ans-date{text-transform: uppercase; color: #000; font-size: 13px;} .sf-ques-ans-body .deletefaq { color: #e85858; background: none; border-radius: 3px; -webkit-border-radius: 3px; border-width: 2px; border-style: solid; border-color: #e85858; padding:2px 8px; cursor: pointer; display: inline-block; line-height:1.2; font-size:12px; } .sf-ques-ans-body .deletefaq:hover, .sf-ques-ans-body .deletefaq:active, .sf-ques-ans-body .deletefaq:focus{ color: #fff; background:#e85858; } .sf-ques-ans-list ul li .children{ border-top:1px solid #ddd; list-style: none; margin-left: 80px; margin-top: 10px; padding-top: 10px; padding-left: 10px;} .sf-ques-ans-list ul li .children .sf-ques-ans-bottom{display: flex; justify-content: space-between;} .sf-ques-ans-list ul li .children .sf-ques-ans-bottom .sf-view-ans{font-size: 16px; color: #06328b; min-width: 110px; text-align: right;} .aon-banner-wrap { background-color: var(--secondary); padding-top:100px; } .aon-banner-row { position:relative; background-color:var(--secondary); } .aon-banner-right { color:#fff; } .aon-banner-pic { position:relative; z-index:1; } .aon-banner-bg { position:absolute; top:20%; left:0px; background-color: var(--ao-primary); width:calc(50% - 30px); height:60%; font-weight:bold; } .aon-banner-bg span { color:#fff; font-size:180px; opacity:0.2; display:table; line-height:1; } .aon-banner-bg .star-one { position: absolute; top: -95px; right: -65px; color: var(--ao-primary); font-size: 150px; opacity: 1; } .aon-banner-bg .star-two { position: absolute; top:-50px; left:-40px; color: #fff; font-size:350px; opacity:0.2; } .aon-banner-bg .star-three { position: absolute; top:50px; left:30%; color: #fff; font-size: 150px; opacity:0.2; } .aon-banner-bg .star-four { position: absolute; bottom:-80px; left:10%; color: #fff; font-size:450px; opacity:0.2; } .animte-pluse { animation: MoveUpDown 3s linear infinite; position: absolute; left: 0; bottom: 0; } @media only screen and (max-width:991px) { .aon-banner-row .container { max-width:100%; } .aon-banner-row .container .row > [class*="col-"] { position: relative; } } @keyframes MoveUpDown { 0%, 100% { bottom: 0; } 50% { bottom:-20px; } } .animte-pluse2 { animation: MoveUpDown2 6s linear infinite; position: absolute; left: 0; bottom: 0; } @keyframes MoveUpDown2 { 0%, 100% { top: 0; } 50% { top:-20px; } } .aon-banner-heading { font-size:65px; color:#fff; margin-bottom:10px; } .aon-banner-heading span { color: var(--ao-primary); } .aon-banner-text { font-size:18px; margin-bottom:40px; } .aon-banner-bot-icon { width:40px; margin-right:15px; } .aon-banner-bot-text > strong { display:block; line-height:1; } .aon-banner-bot-text > span {font-size:14px; opacity:0.8; } .aon-search1-bar-wrap { position:relative; z-index: 1;} .aon-search1-bar-wrap .container { position:relative;} .aon-search1-area { position:relative; } .aon-search1-row { position: absolute; width:100%; top:-60px; background: #fff; box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.1); border-radius:30px; } .aon-search1-form { padding:15px 15px 20px 0px; width:100%; display: table; } .aon-search1-left, .aon-search1-right { display:table-cell; vertical-align: bottom; } .aon-search1-right { width:1%; padding:10px 0px; } .aon-search1-table {display:table; width:100%; } .aon-search1-table .aon-search1-col {display:table-cell; padding:0px 15px;} .search-outer-wrapper + .elementor-section { padding-top:100px; } .aon-search-btn .site-button { white-space: nowrap; } @media only screen and (max-width:1200px) { .aon-search1-form { display: block; } .aon-search1-left, .aon-search1-right { display:block; } .aon-search1-right { width:auto; padding-top:25px; } .aon-search1-right .aon-search1-btn { width:100%; } .aon-banner-heading { font-size: 50px; } .aon-banner-text { font-size: 16px; } } @media only screen and (max-width:1199px){ .aon-banner-bg .star-one { top: -112px; right: -34px;} } @media only screen and (max-width:991px) { .aon-search1-bar-wrap { padding: 40px 0px 30px; } .aon-search1-bar-wrap .container { max-width:100%; } .aon-search1-table { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .aon-search1-table .aon-search1-col { display: block; padding: 0px 15px; width: 50%; margin-bottom: 25px; } .aon-banner-colLeft { position:relative; } .aon-banner-pic { text-align:center; } .aon-banner-bg { position:absolute; top:auto; left:0px; background-color: var(--ao-primary); width:calc(80% - 0px); height:calc(100% - 150px); font-weight:bold; bottom:0; } .aon-banner-right { padding:30px 0px 6px 0px; } .aon-search1-row { position: static; } .aon-banner-heading { font-size:30px; } } @media only screen and (max-width:991px) { .aon-search1-table .aon-search1-col { width:50% !important; } } @media only screen and (max-width:600px) { .aon-search1-table .aon-search1-col { width:100% !important; } } .aon-inputicon-bg .aon-input-icon { width:44px; height:44px; line-height:44px; color:#fff; top:5px; border-right:none; border-radius:30px; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#478165+0,8ab378+100 */ background:var(--secondary); /* Old browsers */ background: -moz-linear-gradient(-45deg, var(--secondary) 40%, var(--ao-primary) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, var(--secondary) 40%,var(--ao-primary) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, var(--secondary) 40%,var(--ao-primary) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--secondary)', endColorstr='var(--ao-primary)',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .aon-inputicon-bg .aon-input-icon:after { display:none; } .aon-inputicon-bg { padding-left:55px; } .aon-inputicon-bg label { line-height: 1; margin: 0px 0px 0px 3px; color: #000; font-size: 18px;} .aon-inputicon-bg .form-select { padding:0px 0px; border:none; border-bottom:1px solid #ddd; height: 32px; border-radius:0px; } .aon-inputicon-bg .form-select:focus { box-shadow:none; background:none; } .aon-inputicon-bg .form-control { padding:0px 0px; border:none; border-bottom:1px solid #ddd; height: 32px; border-radius:0px; } .aon-inputicon-bg .form-control:focus { box-shadow:none; background:none; } .aon-inputicon-bg .opensrhdatetime { padding:0px 0px; border:none; border-bottom:1px solid #ddd; height: 32px; border-radius:0px; display:block; color:#6c757d; } .aon-search1-table { display: flex; flex-wrap: wrap; } .aon-search1-table .aon-search1-col { display: block; padding: 0px 15px; width: 25%; margin: 10px 0px; } .aon-search1-tabs { margin:-20px 0px 0px 40px; list-style:none;} .aon-search1-tabs li { margin-right:20px; } .aon-search1-tabs li a { background:#eaf0f0; color: var(--secondary); padding:8px 25px; font-weight:bold; border-radius:30px; display:block; } .aon-search1-tabs li a:hover { background: var(--secondary); color:#fff; } .aon-search1-tabs li a.active { background: var(--secondary); color:#fff; } @media only screen and (max-width:1200px){ .aon-search1-row{position: inherit; top: auto; } .aon-search1-bar-wrap { margin-top: 60px; margin-bottom: 60px;} .aon-search1-tabs{margin-top: 0px; position: relative; top: -20px;} } @media only screen and (max-width:991px) { .aon-search1-tabs { margin:0px 0px 0px 40px;} .aon-search1-bar-wrap { margin-top: 30px; margin-bottom: 0px;} } @media only screen and (max-width:480px) { .aon-search1-tabs { display: block !important;} .aon-search1-tabs li{margin-bottom: 3px;} } .aon-search1-btn { padding:10px 50px; } .aon-search-advance-btn { background:none; border:none; color:#fff; float:right; } .aon-search-advance-btn i { font-size:28px; margin-right:10px; } .aon-search-advance-btn strong { display:block; font-size:16px; line-height:1; text-transform:uppercase; } .aon-search-advance-btn span { display:block; font-size:16px; line-height:1; } .aon-search-advance-btn span:last-child { letter-spacing:1px; letter-spacing:4.5px; } .sf-ques-ans-list ul{list-style: none; margin-bottom: 0px;} .sf-ques-ans-list ul > li{margin-bottom: 30px;} .sf-ques-ans-list ul > li:last-child{margin-bottom: 0px;} .sf-ques-ans-body{padding: 0px; padding-left: 80px; border: 0px; position: relative;} .sf-ques-ans-body .sf-pat-left{position: absolute; left: 0px; top: 0px; } .sf-ques-ans-body .sf-pat-left img{width: 52px; height: 52px; border-radius: 50%;margin-bottom: 10px;} .sf-ques-ans-body .sf-pat-left .sf-ques-ans-view{display: block; font-size: 14px; color: #000;} .sf-ques-ans-head{display: flex; justify-content: space-between;} .sf-ques-ans-head .sf-ques-ans-name {padding-right: 20px;font-size: 18px; color: #2a2a2a;} .sf-ques-ans-head .sf-ques-ans-name > a { color:inherit;} .sf-ques-ans-date{text-transform: uppercase; color: #000; font-size: 13px;} .sf-ques-ans-list ul li .children{ border-top:1px solid #ddd; list-style: none; margin-left: 80px; margin-top: 10px; padding-top: 10px;} .sf-ques-ans-list ul li .children .sf-ques-ans-bottom{display: flex; justify-content: space-between;} .sf-ques-ans-list ul li .children .sf-ques-ans-bottom .sf-view-ans{font-size: 16px; color: #06328b; min-width: 110px; text-align: right;} @media only screen and (max-width:575px){ .sf-ques-ans-head{display: block;} .sf-ques-ans-head .sf-ques-ans-name{display: block;} .sf-ques-ans-list ul li .children .sf-ques-ans-bottom{display: block;} .sf-ques-ans-list ul li .children{ margin-left: 0px;} } @media only screen and (max-width:420px){ .sf-ques-ans-body .sf-pat-left{position: inherit; left: auto; top: auto; } .sf-ques-ans-body{padding-left: 0px;} } .section-head.center{text-align: center; margin: 0px auto 40px; max-width: 650px;} @media only screen and (max-width:991px){ .section-head.center .aon-title{ font-size: 30px; } } @media only screen and (max-width:420px){ .section-head.center .aon-title{ font-size: 26px; } } /*Team*/ .aon-df-rating span{display: inline-block; padding-right: 2px; color: var(--ao-primary); font-size: 16px;} .aon-df-rating span.aon-df-lable{color: #000;} .aon-med-team-section > .row { justify-content:center; } .aon-med-team-area {padding: 90px 0px; align-items:flex-start; } .aon-med-team-area.aon-med-team-area1 { padding-top: 160px; } @media only screen and (max-width:1200px){ .aon-med-team-area.aon-med-team-area1 { padding-top:90px; } } @media only screen and (max-width:991px){ .aon-med-team-area.aon-med-team-area1 { padding:30px 0px; } .aon-med-team-area{padding: 30px 0px;} } .aon-med-team { background-color: #fff; margin-bottom: 30px; border: 1px solid #ebebeb; border-radius: 4px; padding: 30px; display: flex; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .aon-med-team .row { justify-content:center; } .aon-med-team .aon-med-team-pic { width:100%; max-width:180px; min-width:180px; height:180px; margin-right: 20px; position:relative; display:flex; } .aon-med-team .aon-med-team-pic img { width: 100%; height:100%; object-fit:cover; object-position:center; } .aon-med-team .aon-med-team-info { width:100%; } .aon-med-team .aon-med-team-pic a { display:block; width:100%; height:100%; position:absolute; top:0px; left:0px; z-index: 1; } .aon-med-team .aon-med-team-discription{margin-bottom:5px;} .aon-med-team .aon-med-team-position{display: block; color: var(--ao-primary); font-size: 16px;margin-bottom: 5px;} .aon-med-team .aon-med-team-location{margin-bottom: 5px; display: block;} .aon-med-team .aon-med-team-location i{margin-right: 5px; color: #000;} .aon-df-rating { display: flex; align-items: center; line-height: 1; } .aon-df-rating .showrating { margin-right:5px; } .aon-med-team:hover .aon-med-team-pic { border-radius:100%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .aon-med-team:hover .aon-med-team-pic img { border-radius:100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .aon-med-team .aon-med-team-pic:after { opacity:0; content: ''; position: absolute; left:0px; top:0px; width: 100%; height: 100%; transform: rotate(10deg); border-radius: 50%; padding: 27px; border-left:3px solid var(--ao-primary); border-right: 3px solid var(--ao-primary); border-top: 3px solid transparent; border-bottom: 3px solid transparent; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .aon-med-team:hover .aon-med-team-pic:after { opacity:1; } .aon-med-team:hover .aon-med-team-pic:after{animation: rotate 1.5s infinite linear;} .aon-med-team:hover { box-shadow:0 0 25px 10px rgba(0,0,0,0.1); border: 1px solid transparent; } @media only screen and (max-width:1200px){ .aon-med-team .aon-med-team-pic:after { left:-2px; top:-2px; } } @media only screen and (max-width:991px){ .aon-med-team{ display: block; padding: 20px; } .aon-med-team .aon-med-team-pic { width: 131px; max-width:131px; min-height:131px; margin-right: 0px; margin-bottom: 30px; } } @media only screen and (max-width:767px){ .aon-med-team{ display: flex; padding: 20px; } .aon-med-team .aon-med-team-pic { width: 131px; min-height: 131px; margin-right: 20px; margin-bottom: 30px; } } @media only screen and (max-width:575px){ .aon-med-team .aon-med-team-pic { width: 160px; min-height:160px; margin-right: 20px; margin-bottom: 30px; } } @media only screen and (max-width:480px){ .aon-med-team { display: block; padding: 20px; text-align: center; } .aon-med-team .aon-med-team-pic { width: 160px; margin: 0px auto 30px; } .aon-med-team .aon-med-team-pic:after { left: 0px; top: 0px; width: 100%; height: 100%; } .aon-df-rating { display: flex; align-items: center; line-height: 1; justify-content: center; } } .aon-addmore-btn-section{text-align: center;} .aon-addmore-btn-section .aon-addplus{border: 1px solid var(--ao-primary); border-radius:6px; background-color: #fff; width: 46px; height: 40px; display: inline-block; position: relative;} .aon-addmore-btn-section .aon-addplus i{color: var(--ao-primary); font-size: 20px; line-height: 40px; display:inline-block;} .aon-addmore-btn-section .aon-addplus:before, .aon-addmore-btn-section .aon-addplus:after{ content: ''; position: absolute; width: 80px;height: 1px;background-color: var(--ao-primary); top: 50%; transform: translateY(-50%); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .aon-addmore-btn-section .aon-addplus:before { right: 100%;margin-right: 10px;} .aon-addmore-btn-section .aon-addplus:after { left: 100%;margin-left: 10px;} .aon-addmore-btn-section .aon-addplus:hover i { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .aon-addmore-btn-section .aon-addplus:hover:before { width:50px; } .aon-addmore-btn-section .aon-addplus:hover:after { width:50px; } /*Service categories*/ .aon-med-srv-cat-area{padding: 90px 0px;} @media only screen and (max-width:991px){ .aon-med-srv-cat-area{padding: 30px 0px;} } .aon-med-srv-cat-section{margin-bottom: 30px;} .aon-med-srv-cat-section ul { margin-bottom: 0px; list-style: none; padding:0px; display: flex; flex-wrap: wrap; justify-content:center; } .aon-med-srv-cat-section ul li {width: 20%; border: 1px solid #ebebeb; margin-right:-1px; margin-bottom:-1px; } .aon-med-sevices-cat{padding: 50px 30px; text-align: center; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear;} .aon-med-sevices-cat p{margin-bottom: 0px;} .aon-med-sevices-cat .media { height: 120px; position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; overflow:hidden; } .aon-med-sevices-cat .media img { height:64px; } .aon-med-sevices-cat .media:after{content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50% , -50%); background-color: #fff; width: 100px; height: 100px; border-radius: 50%; z-index: -1; opacity: 0; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear;} .aon-med-serices-cat-info a{color: var(--secondary);} .aon-med-sevices-cat:hover { background-color: var(--ao-primary); box-shadow:10px 10px 0px 0px rgba(0,0,0,0.1); } .aon-med-sevices-cat:hover .aon-med-serices-cat-info a, .aon-med-sevices-cat:hover .aon-med-serices-cat-info p { color:#fff; } .aon-med-sevices-cat:hover .media:after{opacity: 1;} .aon-med-srv-cat-section .carely-category-col-3 li {width: 33.333%; } .aon-med-srv-cat-section .carely-category-col-4 li {width: 25%; } @media only screen and (max-width:1200px) { .aon-med-srv-cat-section ul li{width:25%; } .aon-med-srv-cat-section ul li:last-child { border-right:1px solid #ebebeb; } } @media only screen and (max-width:991px) { .aon-med-srv-cat-section ul li{width:33.333%; } .aon-med-srv-cat-section .carely-category-col-4 li {width: 33.333%; } } @media only screen and (max-width:767px) { .aon-med-srv-cat-section ul li{width:50%; } } @media only screen and (max-width:650px) { .aon-med-srv-cat-section .carely-category-col-3 li {width:50%; } .aon-med-srv-cat-section .carely-category-col-4 li {width: 50%; } } @media only screen and (max-width:575px) { .aon-med-sevices-cat{padding: 20px 10px; } .aon-med-sevices-cat .media{height: 105px;} } /*All Categories*/ .aon-category-area {margin-bottom: 30px;} .aon-category-list { margin:0px -15px; list-style: none; padding:0px; display: flex; flex-wrap: wrap; justify-content:center; } .aon-category-list li {width: 33.333%; padding:0px 15px; margin-bottom:30px; } .aon-med-sevi-box { padding: 30px 30px; border: 1px solid #ebebeb; display:flex; align-items:center; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear;} .aon-med-sevi-box p {margin-bottom: 0px;} .aon-med-sevi-box .media { width:120px; height: 120px; position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; overflow:hidden; } .aon-med-sevi-box .media img { height:64px; } .aon-med-sevi-box .media:after{content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50% , -50%); background-color: #fff; width: 100px; height: 100px; border-radius: 50%; z-index: -1; opacity: 0; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear;} .aon-med-sevi-box-info a {color: var(--secondary);} .aon-med-sevi-box:hover { background-color: var(--ao-primary); box-shadow:10px 10px 0px 0px rgba(0,0,0,0.1); } .aon-med-sevi-box:hover .aon-med-sevi-box-info a, .aon-med-sevi-box:hover .aon-med-sevi-box-info p { color:#fff; } .aon-med-sevi-box:hover .media:after{opacity: 1;} @media only screen and (max-width:1200px){ .aon-category-list li { width:50%; } } @media only screen and (max-width:767px){ .aon-category-list li { width:100%; } } /*Working*/ .section-head.center.white{color: #fff;} .section-head.center.white .aon-title{color: #fff;} .aon-med-working-area { border-top: 1px solid #ebebeb; padding: 90px 0px; } @media only screen and (max-width:991px){ .aon-med-working-area { padding: 30px 0px 0px 0px; } } .aon-med-working {padding: 0px 60px; text-align: center;} .aon-med-working .media span { width: 170px; height: 160px; background-color: #fff; margin: 0px auto 30px; box-shadow: 0px 0px 10px rgba(0, 0, 0, .1); display: flex; align-items: center; justify-content: center; border-top: 2px solid var(--ao-primary); border-radius: 6px; overflow:hidden; } @media only screen and (max-width:575px){ .aon-med-working .media span img{width: 50px;} } @media only screen and (max-width:420px){ .aon-med-working .media span{width: 100px; height: 90px;} .aon-med-working .media span img{width: 50px;} } .aon-med-working-info h4{color: var(--secondary); margin-bottom: 10px;} @media only screen and (max-width:1280px) { .aon-med-working {padding: 0px 30px; } } @media only screen and (max-width:991px) { .aon-med-working { margin-bottom:30px; } } .aon-med-appoint-area{padding: 90px 0px; } .appointment-pic { position:relative; z-index:1; } @media only screen and (max-width:991px){ .aon-med-appoint-area{padding: 30px 0px;} } .aon-med-appoint-area .section-head{margin-bottom: 0px;} .aon-med-appoint-area .section-head.center.white .aon-title{margin-bottom: 30px;} .aon-med-appoint-area .section-head.center.white p{margin-bottom: 30px;} .aon-med-appoint-area .container { position: relative;} .aon-med-appoint-area .media img { position: absolute; left: calc(100% - 20%); bottom: -140px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } @media only screen and (max-width:1800px) { .aon-med-appoint-area .media img { left: calc(100% - 30%); max-width:450px; } } @media only screen and (max-width:1600px) { .aon-med-appoint-area .media img { left: calc(100% - 30%); max-width:400px; } } @media only screen and (max-width:1280px) { .aon-med-appoint-area .media img { display:none; } } @media only screen and (max-width:991px) { .aon-med-help-area{padding: 30px 0px;} } .aon-med-help-section .row{align-items: center;} .aon-med-help-media{margin-right: 30px;} .aon-med-help-media .media{padding: 40px; position: relative; z-index: 1;} .aon-med-help-media .media.curve-left:after{content: ''; left: 0px; bottom: 0px; position: absolute; z-index: -1; width: 0; height: 0; border-style: solid; border-width:400px 0 0 400px; border-color:transparent transparent transparent var(--ao-primary); } .aon-med-help-media .media.curve-right:after{content: ''; right: 0px; bottom: 0px; position: absolute; z-index: -1; width: 0; height: 0; border-style: solid; border-width: 0 0 400px 400px; border-color: transparent transparent var(--ao-primary) transparent; } @media only screen and (max-width:991px){ .aon-med-help-media .media.curve-right:after{ right: -20px; bottom: -20px; border-width: 0 0 360px 360px; } .aon-med-help-media .media.curve-left:after{ left: -20px; bottom: -20px; border-style: solid; border-width:360px 0 0 360px; } } @media only screen and (max-width:767px){ .aon-med-help-media .media.curve-right:after{ display: none; } .aon-med-help-media .media.curve-left:after{ display: none; } } .aon-med-help-media .media img{ border-radius: 10px; width:100%; } .aone-find-doc{position: relative;} .aone-find-doc input{padding-right: 70px;} .aone-find-doc button{ position: absolute; right: 6px; top: 6px; background-color: var(--ao-primary); border: 0px; color: #fff; bottom: 6px; width: 45px; border-radius: 6px; } .aon-med-help-media-info .aon-title{color: #115949; margin-bottom: 30px;} .aon-med-help-media-info .aon-title span{color: var(--ao-primary);} .aon-med-help-media-info p{margin-bottom: 30px;} @media only screen and (max-width:1280px) { .aon-med-help-media {margin-bottom:50px;} } @media only screen and (max-width:991px) { .aon-med-help-media{margin-right: 0px;} .aon-med-help-media .media{padding: 0px;} .aon-med-help-media-info .aon-title{font-size: 30px;} } @media only screen and (max-width:767px) { .aon-med-help-media-info{ margin-bottom: 30px; } .aon-med-help-media{ margin-bottom: 10px; } } @media only screen and (max-width:420px) { .aon-med-help-media-info .aon-title{font-size: 26px;} } /*statics*/ .aon-med-statics-area{position: relative;z-index: 1;} .aon-med-statics-area:before{position: absolute; background-color: #f6fbf8; content: ''; left: 0px; top: 0px; height: 50%; width: 100%; z-index: -1; } .aon-med-static-section{ padding: 50px 30px; background-color: #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, .1); border-top: 2px solid var(--ao-primary); border-radius: 10px; text-align: center; } @media only screen and (max-width:1280px) { .aon-med-static-section { margin-bottom:30px; } } .aon-med-static-section .media{height: 70px;} .aon-med-static-section .counter-area {font-size: 40px; color: var(--ao-primary);} .aon-med-static-section .counter-area span:after { content:"+"; } .aon-med-static-section .aon-med-static-name {font-size: 20px; color: #115949;} .aon-med-faq-area{padding: 90px 0px;} @media only screen and (max-width:991px){ .aon-med-faq-area{padding: 30px 0px;} .aon-med-statics-area:before{display: none; } .aon-med-statics-area{margin-top: 40px;} } .aon-med-faq-section{max-width: 780px; margin: 0px auto; } .aon-med-faq .accordion-item{border: 1px solid var(--secondary); margin-bottom: 20px; border-radius: 10px; overflow: hidden;} .aon-med-faq .accordion-item .accordion-button{background:#fff; font-size: 20px; color:var(--secondary); padding: 8px 16px 8px 16px; } .aon-med-faq .accordion-item .accordion-button:hover { background:#fff; } @media only screen and (max-width:767px){ .aon-med-faq .accordion-item .accordion-button{font-size: 16px;} } .aon-med-faq .accordion-item .accordion-button:not(.collapsed){box-shadow: none;} .accordion-button:after{ background-image: none; content: "\f067"; font-family:'FontAwesome'; line-height: 20px; } .accordion-button:not(.collapsed):after{ background-image: none; content: "\f068"; transform: none; } .list-check-style{list-style: none; margin: 30px 0px; padding:0px; } .list-check-style li{padding-left: 30px; position: relative; padding-bottom: 5px;} .list-check-style li i{position: absolute; left: 0px; top: 4px; color: #115949; font-size: 22px;} /*Latest Blog*/ .aon-med-blog-area {padding: 90px 0px; border-top: 1px solid #ebebeb;} @media only screen and (max-width:991px){ .aon-med-blog-area{padding: 30px 0px;} } .aon-med-blog-style-1 .post-bx { margin-bottom: 30px;} .aon-med-blog-style-1 .post-bx .post-thum { border-radius: 10px 10px 0px 0px; overflow: hidden;} .aon-med-blog-style-1 .post-bx .post-thum img { width:100%;} .aon-med-blog-style-1 .post-info {border: 1px solid #ebebeb; border-radius: 0px 0px 10px 10px; position: relative;} .aon-med-blog-style-1 .post-info .post-categories a:last-child { margin-right: 0px;} .aon-med-blog-style-1 .post-meta { padding: 10px 20px; border-bottom: 1px solid #ebebeb;} .aon-med-blog-style-1 .post-meta ul { margin-bottom: 0px; padding:0px; } .aon-med-blog-style-1 .post-meta ul li {color: #595959; position: relative; padding-right: 10px; display: inline-block;} .aon-med-blog-style-1 .post-meta ul li i{color: var(--secondary); font-size: 20px;} .aon-med-blog-style-1 .post-meta ul li a { color: #595959;} .aon-med-blog-style-1 .post-title { font-size: 20px; margin-bottom:15px;} .aon-med-blog-style-1 .post-title a {color:inherit !important;} .aon-med-blog-style-1 .post-text{ padding: 20px;} .aon-med-blog-style-1 .post-text .site-btn-link { color: var(--ao-primary); font-weight: 600; display:table; } .aon-med-blog-style-1 .post-text .site-btn-link:after { content:""; width:0%; height:2px; background: var(--ao-primary); display:table; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} .aon-med-blog-style-1:hover .post-text .site-btn-link:after { width:100%; } .aon-med-blog-style-1 .post-date { position: absolute; right: 30px; background-color: var(--secondary); padding: 15px 0px; width: 86px; text-align: center; top: -90px; } @media only screen and (max-width:1199px){ .aon-med-blog-style-1 .post-date { right: 20px; top: -135px; } } .aon-med-blog-style-1 .post-date span { display: block; color: #fff; text-transform: uppercase; font-size: 18px; line-height: 20px; } .aon-med-blog-style-1 .post-date span.date-dd { font-size: 48px; font-weight: 600; color: var(--ao-primary); line-height: 0.7; display: inline-table; } .aon-med-blog-style-1.no-post-thumb .post-date { position:static !important; margin-left:30px; margin-top:30px; margin-bottom:10px; } .aon-med-blog-style-1.no-post-thumb .post-info { border-radius: 10px 10px 10px 10px; } /*Testimonial*/ .aon-med-testimonial-area{padding: 90px 0px;} .aon-testimonial-contaent-wrap{position: relative;} @media only screen and (max-width:991px) { .aon-med-testimonial-area{padding: 30px 0px;} .aon-med-testimonial-area .aon-title{font-size: 30px; margin-bottom: 30px !important;} } @media only screen and (max-width:767px) { .aon-med-testimonial-area .aon-title{font-size: 26px;} } /* testimonial-left circle */ .aon-testimonial-left{ background-color: #fff; width: 284px; height: 440px; top: 0px; left: 0px; position: absolute; background-image:url(assets/build/images/testimonial-img/left-lines.png); background-repeat: no-repeat; background-size: cover; } .aon-testimonial-left span{ border-radius: 50%; background: var(--ao-primary); display: inline-block; } .aon-testimonial-left span img {border-radius: 50%;} .aon-testimonial-left span.circle-pic-l-3{position: absolute; top: 50%; left: -10px; transform: translateY(-50%); z-index: 1;} .aon-testimonial-left span.circle-pic-l-3 img{padding: 2px;width: 54px; height: 54px; } .aon-testimonial-left span.circle-pic-l-3:after{content: ''; width: 30px; height: 30px; background-color: var(--ao-primary); position: absolute; left: 0px; bottom: 0px;border-radius: 50%; z-index: -1} .aon-testimonial-left span.circle-pic-l-1{position: absolute; top: 70px; left: 70px; z-index: 1} .aon-testimonial-left span.circle-pic-l-1 img{padding: 3px;width: 80px; height: 80px;} .aon-testimonial-left span.circle-pic-l-1:after{content: ''; width: 34px; height: 34px; background-color: var(--ao-primary); position: absolute; left: 0px; bottom: 0px;border-radius: 50%; z-index: -1} .aon-testimonial-left span.circle-pic-l-2{position: absolute; bottom: 100px; left: 80px; z-index: 1} .aon-testimonial-left span.circle-pic-l-2 img{padding: 3px; width: 68px; height: 68px;} .aon-testimonial-left span.circle-pic-l-2:after{content: ''; width: 32px; height: 32px; background-color: var(--ao-primary); position: absolute; left: 0px; bottom: 0px;border-radius: 50%; z-index: -1} .aon-testimonial-left span.circle-pic-l-4{position: absolute; top: 50%; transform: translateY(-50%); left: 140px; width: 34px; height: 34px; background-color: var(--ao-primary);} /* testimonial-left circle End */ /* testimonial-right circle start */ .aon-testimonial-right{ background-color: #fff; width: 284px; height: 440px; top: 0px; right: 0px; position: absolute; background-image:url(assets/build/images/testimonial-img/right-lines.png); background-repeat: no-repeat; background-size: cover; } .aon-testimonial-right span{border-radius: 50%; background: var(--ao-primary); display: inline-block;} .aon-testimonial-right span img{border-radius: 50%;} .aon-testimonial-right span.circle-pic-r-3{position: absolute; top: 50%; right: -10px; transform: translateY(-50%); z-index: 1} .aon-testimonial-right span.circle-pic-r-3 img{padding: 2px;width: 54px; height: 54px; } .aon-testimonial-right span.circle-pic-r-3:after{content: ''; width: 30px; height: 30px; background-color: var(--ao-primary); position: absolute; right: 0px; bottom: 0px;border-radius: 50%; z-index: -1} @media only screen and (max-width:1280px) { .aon-testimonial-left, .aon-testimonial-right { display:none; } } .aon-testimonial-right span.circle-pic-r-1{position: absolute; top: 70px; right: 70px; z-index: 1} .aon-testimonial-right span.circle-pic-r-1 img{padding: 3px; width: 80px; height: 80px;} .aon-testimonial-right span.circle-pic-r-1:after{content: ''; width: 34px; height: 34px; background-color: var(--ao-primary); position: absolute; right: 0px; bottom: 0px;border-radius: 50%; z-index: -1} .aon-testimonial-right span.circle-pic-r-2{position: absolute; bottom: 100px; right: 80px; z-index: 1} .aon-testimonial-right span.circle-pic-r-2 img{padding: 3px; width: 68px; height: 68px;} .aon-testimonial-right span.circle-pic-r-2:after{content: ''; width: 32px; height: 32px; background-color: var(--ao-primary); position: absolute; right: 0px; bottom: 0px;border-radius: 50%; z-index: -1} .aon-testimonial-right span.circle-pic-r-4{position: absolute; top: 50%; transform: translateY(-50%); right: 140px; width: 34px; height: 34px; background-color: var(--ao-primary);} /* testimonial-right circle End */ .aon-med-testimonial-mid{ max-width: 780px; margin: 0px auto; padding-top: 60px; } @media only screen and (max-width:1280px){ .aon-med-testimonial-mid{ padding-top: 0px; } } .aon-med-testimonial-1 { padding: 50px 80px 20px 80px; background-color: #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, .1); margin: 30px; border-radius: 200px; } .aon-med-testimonial-1 .aon-testimonial-name { color: var(--secondary); font-size: 20px; font-weight: 600; text-transform: uppercase; } .aon-med-testimonial-1 .aon-testimonial-position{ color: var(--ao-primary); font-size: 18px; } .aon-med-testimonial-1 .aon-testimonial-quote{ color: var(--ao-primary); font-size: 80px; position: absolute; left: 50%; top: -40px; transform: translateX(-50%); } @media only screen and (max-width:767px) { .aon-med-testimonial-1 { padding: 50px 40px 20px; border-radius: 50px; } } @media only screen and (max-width:480px) { .aon-med-testimonial-1 {margin: 30px 0px 10px; padding: 40px 20px 15px;} } /*Home page Two CSS*/ .aon-banner2-wrap { background-color: var(--secondary); background-image: url(assets/build/images/banner2/bg.jpg); padding-top:100px; } .aon-banner2-row { position:relative; padding-top:100px; } .aon-banner2-pic { position:relative; z-index:1; } .aon-banner2-left { color: #fff; border-left: 10px solid var(--ao-primary); padding:40px 0px 50px 40px; position:relative; } .aon-banner2-left:before { content:""; position:absolute; top:0px; left:0px; width:50%; height:10px; background-color: var(--ao-primary); } .aon-banner2-left:after { content:""; position:absolute; bottom:0px; left:0px; width:50%; height:10px; background-color: var(--ao-primary); } .aon-banner2-heading { font-size: 62px; color: #fff; margin-bottom:30px; line-height:70px; } .aon-banner2-heading span { color: var(--ao-primary); } @media only screen and (max-width:1200px) { .aon-banner2-row { padding-top:130px; padding-bottom:50px; } } @media only screen and (max-width:991px) { .aon-banner2-row { padding-top:100px; padding-bottom:0px; } .aon-banner2-left { margin: 90px 0px 50px; } .aon-banner2-pic { text-align: center;max-width: 400px; margin: 0px auto -1px; } .aon-banner2-heading { font-size: 30px;} .aon-banner2-row .row .d-flex{ display: block !important;} .aon-banner2-row { position:relative; margin-bottom:0px; } } @media only screen and (max-width:767px) { .aon-banner2-heading { font-size: 26px; line-height: 32px;} } @media only screen and (max-width:575px) { .aon-banner2-left { padding: 20px 0px 20px 10px; } } .aon-banner-search { background-color:rgba(255,255,255,0.1); border-radius:10px; } .aon-search3-form { padding:30px; width:100%; display: table; } .aon-search3-left, .aon-search3-right { display:table-cell; vertical-align: bottom; } .aon-search3-right { width:1%; } .aon-search3-table {display:table; width:100%; } .aon-search3-table .aon-search1-col {display:table-cell; padding:0px 15px;} .aon-inputicon2-bg .aon-input-icon { width:44px; height:44px; line-height:44px; color:#fff; top:7px; border-right:none; border-radius:30px; border:1px solid #fff; } .aon-inputicon2-bg .aon-input-icon:after { display:none; } .aon-inputicon2-bg { padding-left:55px; } .aon-inputicon2-bg label { line-height: 1; margin: 0px 0px 0px 3px; color: #fff; font-size: 18px;} .aon-inputicon2-bg .form-control { padding:0px 0px; border:none; border-bottom:1px solid #ddd; height: 32px; background:none; border-radius:0px; color:#fff; box-shadow:none; } .aon-inputicon2-bg .form-control::-webkit-input-placeholder { color:#fff; } .aon-inputicon2-bg .form-control:-ms-input-placeholder { color: #fff; } .aon-inputicon2-bg .form-control::placeholder { color: #fff; } .aon-inputicon2-bg .form-select { padding:0px 0px; border:none; border-bottom:1px solid #ddd; height: 32px; background:none; border-radius:0px; color:#fff; box-shadow:none; } .aon-inputicon2-bg .opensrhdatetime { display:block; padding:0px 0px; border:none; border-bottom:1px solid #ddd; height: 32px; background:none; border-radius:0px; color:#fff; overflow:hidden; } .aon-inputicon2-bg .form-select option { color:#222; } .aon-search2-form { display: flex; flex-wrap: wrap; padding:0px 20px 20px; } .aon-search2-tabs { margin:0px; list-style:none; display:table; width:100%; } .aon-search2-tabs::after { background: #fff; } .aon-search2-tabs li { display:table-cell; border-right:2px solid #fff; text-align:center; width:33.333%; } .aon-search2-tabs li:last-child { border-right:none; } .aon-search2-tabs > .nav-item > .nav-link { color:#fff ; padding:15px 5px; width:100%; font-weight:bold; border-radius:30px; } .aon-search2-tabs > .nav-item .nav-link.active { color: var(--ao-primary) ; } .aon-search2-tabs > .nav-item .nav-link.active::after { background-color:#fff; } .aon-search2-form-area {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 25px 20px; } @media only screen and (max-width:1200px) { .aon-inputicon2-bg label { font-size: 16px; } } @media only screen and (max-width:991px) { .aon-search2-form-area {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media only screen and (max-width:575px) { .aon-search1-table .aon-search1-col { width:100%; } } .aon-med-how-work { position:relative; z-index:1; } .aon-how-work-left { background-color: var(--ao-primary);} .aon-how-work-right { background-color:#f6fbf8; margin:-50px 0px; position:relative; } @media only screen and (max-width:991px){ .aon-how-work-left { background-color: var(--ao-primary); margin-top:40px; margin-left:15px; margin-right:15px; } .aon-how-work-right { margin: 0px; } .aon-med-how-work { max-width:none; margin: 0px auto; } .aon-med-how-work .row > [class*="col-"] { min-width:100%; } } @media only screen and (max-width:767px){ .aon-med-how-work { max-width:520px; } } .aon-how-work-right:before { content:""; position:absolute; top:0px; left:-50px; width: 0; height: 0; border-style: solid; border-width: 0 0 50px 50px; border-color: transparent transparent #dfdfdf transparent; } .aon-how-work-right:after { content:""; position:absolute; bottom:0px; left:-50px; width: 0; height: 0; border-style: solid; border-width: 0 50px 50px 0; border-color: transparent #dfdfdf transparent transparent; } .aon-howLeft-col { max-width:635px; width:100%; padding:100px 30px 100px 0px; padding-left:15px; color:#fff; position:relative; } .aon-howLeft-title { color:#fff; font-size:60px; } .aon-howLeft-icon { position: absolute; top: -60px; left: -115px; font-size: 300px; line-height: 1; font-weight: 600; opacity: 0.2; } @media only screen and (max-width:1320px){ .aon-howLeft-icon { top: -30px; left: 0px; font-size: 200px;} } .aon-howRight-col { max-width:635px; width:100%; padding:100px 15px 100px 80px; } .aon-hwork-list-icon { min-width: 50px; max-width:50px; margin-right: 30px; } .aon-hwork-list-text strong { display:block; line-height:1; } @media only screen and (max-width:1440px) { .aon-howLeft-title { font-size:45px; } } @media only screen and (max-width:991px) { .aon-howLeft-col { max-width:100%; padding-left:15px; padding-right:15px;padding-bottom: 30px; padding-top: 30px; } .aon-howRight-col { max-width:100%; padding-left:15px; padding-right:15px; padding-bottom: 30px; padding-top: 30px;} .aon-howRight-col .aon-title{font-size: 30px;} .aon-how-work-right::before, .aon-how-work-right::after { display:none; } .aon-howLeft-title { font-size:30px; } } @media only screen and (max-width:420px) { .aon-howLeft-title { font-size:26px; } .aon-howRight-col .aon-title{font-size: 26px;} .aon-hwork-list{display: block !important;} .aon-hwork-list-icon{margin-right: 0px; margin-bottom: 20px; max-width: 35px;} } /*Working*/ .section-head.left{margin-bottom: 0px;} .section-head.left .aon-title{ margin-bottom: 30px;} .section-head.left p{ margin-bottom: 30px;} @media only screen and (max-width:991px){ .section-head.left .aon-title{ font-size: 30px;} } @media only screen and (max-width:420px){ .section-head.left .aon-title{ font-size: 26px;} } .aon-sub-title { color: var(--ao-primary); text-transform: uppercase; font-size: 16px; letter-spacing: 5px; font-weight: 600; } .section-head.white{color: #fff;} .section-head.white .aon-title{color: #fff;} .aon-med-appoint-area2{padding: 10px 0px 0px 0px; } .aon-med-appoint-area2 .row{display: flex; align-items: center;} .aon-med-appoint-area2 .section-head{margin-bottom: 0px;} .aon-med-appoint-area2 .section-head.white .aon-title{margin-bottom: 30px;} .aon-med-appoint-area2 .section-head.white p{margin-bottom: 30px;} .aon-med-appoint-area2 .media img{width: auto;} .aon-med-appoint-area2-content{text-align: center;} @media only screen and (max-width:991px) { .aon-med-appoint-area2{padding-top: 30px;} .aon-med-appoint-area2 .section-head.white .aon-title{font-size: 30px;} .aon-med-appoint-area2 .row { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; text-align:center; } } @media only screen and (max-width:991px) { .aon-med-appoint-area2 .section-head.white .aon-title{font-size: 26px;} } .aon-med-future-area{padding:90px 0px;} @media only screen and (max-width:991px){ .aon-med-future-area{ padding: 30px 0px; } } .aon-med-future-section .row{align-items: center;} .list-check-style2{list-style: none; margin: 30px 0px; padding:0px; } .list-check-style2 li .list-title{color: #0f5846;} .list-check-style2 li{padding-left: 70px; position: relative; padding-bottom: 5px;} .list-check-style2 li i{position: absolute; left: 0px; top: 4px; color: #fff; font-size: 22px; background-color: var(--ao-primary); border-radius: 50%; width: 36px; height: 36px; line-height: 36px; text-align: center;} .aone-med-future-r-section > ul { padding:0px; } @media only screen and (max-width:991px){ .aon-med-future-section .row > [class*="col-"] { min-width:100%; } } @media only screen and (max-width:420px){ .list-check-style2 li{padding-left: 40px;} .list-check-style2 li i{ font-size: 14px; width: 26px; height: 26px; line-height: 28px; } .list-check-style2 li .list-title{font-size: 20px;} } .aone-med-future-r-section{max-width: 566px; margin-left: auto;} .aone-med-future-r-section ul{ list-style: none; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .aone-med-future-r-section ul li{ width: 50%;} .aone-med-future-r-section ul li:first-child{ margin-top: 40px;} @media only screen and (max-width:575px) { .aone-med-future-r-section ul li:first-child{ margin-top:0px; margin-bottom:30px; } .aone-med-future-r-section ul li{ width:100%;} .aone-med-future-l-inner { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .aone-med-future-l-inner > div { width:100%; } } .aone-med-future-l-inner .aone-med-future-content{padding: 50px 30px; color: #fff; background-color: var(--ao-primary);} .aone-med-future-l-inner .aone-med-future-content h3{color: #fff; margin-bottom: 15px;} .aone-med-future-l-inner .aone-med-future-content span{margin-bottom: 20px; display: block;} .aone-med-future-l-inner .media img{width: 100%;} .aone-med-future-r-inner .aone-med-future-content{padding: 50px 30px; color: #fff; background-color: var(--secondary);} .aone-med-future-r-inner .aone-med-future-content h3{color: #fff; margin-bottom: 15px;} .aone-med-future-r-inner .aone-med-future-content span{margin-bottom: 20px; display: block;} .aone-med-future-r-inner .media img{width: 100%;} @media only screen and (max-width:991px) { .aone-med-future-r-section{ max-width: 100%; margin-left:0;} } .aon-static2-area{ padding: 90px 0px; } @media only screen and (max-width:991px){ .aon-static2-area{ padding: 30px 0px; } } .aon-static2-section-wrap .row{display: flex;align-items: center;} .aon-static2-section { padding: 50px 30px; background-color: #fbf5ee; text-align: center; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; } .aon-static2-section .media{ height: 120px; position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; overflow:hidden; } @media only screen and (max-width:991px){ .aon-static2-section .media{ height: auto; } } .aon-static2-section .media img { height: 63px; } .aon-static2-section .media::after { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50% , -50%); background-color: #fff; width: 100px; height: 100px; border-radius: 50%; z-index: -1; opacity: 0; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; } .aon-static2-section .counter-area{ font-size: 40px; color: var(--ao-primary); } @media only screen and (max-width:991px){ .aon-static2-section .counter-area{ font-size: 30px; } } .aon-static2-section .aon-med-static-name{font-size: 20px; color: #115949;} .aon-static2-section:hover{background-color: var(--ao-primary);} .aon-static2-section:hover .aon-med-static-name{color: #fff;} .aon-static2-section:hover .counter-area{color: #fff;} .aon-static2-section:hover .media:after{opacity: 1;} .aon-static2-right{margin-left: 50px;} .aon-static2-section-content .row [class*='col-']:nth-child(even){ margin-top: 30px; } @media only screen and (max-width:991px) { .aon-static2-right { margin-left:0px; padding-top:30px; } } @media only screen and (max-width:575px) { .aon-static2-section-content .row [class*='col-']:nth-child(even){ margin-top:0px; } .aon-static2-section-content .row [class*='col-'] { margin-bottom:30px; } .aon-static2-section-content .row [class*='col-']:last-child { margin-bottom:0px; } } /*Testimonial two*/ .aon-med-testimonial2-area{ padding: 90px 0px; border-top: 1px solid #ddd; } @media only screen and (max-width:991px){ .aon-med-testimonial2-area{padding: 30px 0px;} } .aon-testimonial2-contaent-wrap{position: relative; padding: 90px 0px;} .aon-med-testimonial2-left{ max-width: 700px;} @media only screen and (max-width:1199px){ .aon-med-testimonial2-left{ max-width: 540px; } } .aon-med-testimonial-2 { padding: 20px 20px 20px 80px; position: relative; z-index: 1; } .aon-med-testimonial-2 .aon-testimonial-name { color: var(--secondary); font-size: 20px; font-weight: 600; text-transform: uppercase; display: inline-block; } .aon-med-testimonial-2 .aon-testimonial-position{ color: var(--ao-primary); font-size: 18px; display: inline-block; } .aon-med-testimonial-2 .aon-testimonial-quote{ color: #f5f5f5; font-size: 100px; position: absolute; left: 0px; top: 20px; line-height: 0.7; z-index: -1; } .aon-med-testimonial-2 .aon-df-rating{margin-bottom: 10px;} .aon-med-testimonial-2 .aon-df-rating span{ display: inline-block; padding-right: 2px; color: var(--ao-primary); font-size: 20px; } .aon-med-testimonial.aon-owl-arrow.left .owl-nav{padding-left: 50px;} @media only screen and (max-width:480px){ .aon-med-testimonial-2 { padding:0px; } .aon-med-testimonial.aon-owl-arrow.left .owl-nav{ padding-left: 0px; } } .aon-owl-arrow.left .owl-nav{text-align: left;} .aon-med-testimonial2-right{position: absolute; right: 90px; top: 90px;} .aon-large-circle-wrap{position: relative;} .aon-large-circle-wrap .media{width: 297px; height: 297px;position: relative;} .aon-large-circle-wrap .media:before, .aon-large-circle-wrap .media:after{content: ''; position: absolute; border: 1px solid #ebebeb; border-radius: 50%;} .aon-large-circle-wrap .media:before{width: 126%; height: 126%; left: -13%; top: -13%;} .aon-large-circle-wrap .media:after{width: 160%; height: 160%;left: -30%; top: -30%;} .aon-large-circle-wrap .media img{ border-radius: 50%; width: auto;} .aon-large-circle-wrap span{border-radius: 50%; background: var(--ao-primary); display: inline-block;} .aon-large-circle-wrap span img{border-radius: 50%;} .aon-large-circle-wrap span.ring1, .aon-large-circle-wrap span.ring2, .aon-large-circle-wrap span.ring3, .aon-large-circle-wrap span.ring4, .aon-large-circle-wrap span.ring5, .aon-large-circle-wrap span.ring6, .aon-large-circle-wrap span.ring7, .aon-large-circle-wrap span.ring8{position: absolute;} .aon-large-circle-wrap span.ring1 img, .aon-large-circle-wrap span.ring2 img, .aon-large-circle-wrap span.ring3 img, .aon-large-circle-wrap span.ring4 img, .aon-large-circle-wrap span.ring5 img{padding: 3px;width: 80px; height: 80px;} .aon-large-circle-wrap span.ring1{bottom: 30px; left: -100px;box-shadow: 2px 10px 10px rgba(0,0,0,0.2);} .aon-large-circle-wrap span.ring1 img{width: 52px; height: 52px;background-color: #fff;} .aon-large-circle-wrap span.ring2{top: 10px; left: -30px;box-shadow: 2px 10px 10px rgba(0,0,0,0.2);} .aon-large-circle-wrap span.ring2 img{width: 54px; height: 54px;background-color: var(--ao-primary);} .aon-large-circle-wrap span.ring3{right: -100px; bottom: 0px;box-shadow: 2px 10px 10px rgba(0,0,0,0.2);} .aon-large-circle-wrap span.ring3 img{width: 76px; height: 76px;background-color: #fff;} .aon-large-circle-wrap span.ring4{bottom: -70px; left: 50%; margin-left: -33px;box-shadow: 2px 10px 10px rgba(0,0,0,0.2);} .aon-large-circle-wrap span.ring4 img{width: 66px; height: 66px;background-color: var(--ao-primary);} .aon-large-circle-wrap span.ring5{top: -90px; right: -30px;box-shadow: 2px 10px 10px rgba(0,0,0,0.2);} .aon-large-circle-wrap span.ring5 img{width: 86px; height: 86px;background-color: var(--ao-primary);} .aon-large-circle-wrap span.ring6{width: 32px; height: 32px; background-color: var(--ao-primary); right: 10px; bottom: -70px;} .aon-large-circle-wrap span.ring7{width: 22px; height: 22px; background-color: var(--ao-primary); top: 50%; left: -50px;} .aon-large-circle-wrap span.ring8{width: 16px; height: 16px; background-color: var(--ao-primary);right: -44px; top: 40%;} @media only screen and (max-width:1200px) { .aon-large-circle-wrap .media { width: 200px; height: 200px; position: relative; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} .aon-large-circle-wrap span.ring1{bottom: 30px; left: -70px; } .aon-large-circle-wrap span.ring1 img{width:42px; height:42px;} .aon-large-circle-wrap span.ring2{top: 10px; left: -30px; } .aon-large-circle-wrap span.ring2 img{width:44px; height:44px; } .aon-large-circle-wrap span.ring3{right: -80px; bottom: 0px; } .aon-large-circle-wrap span.ring3 img{width: 66px; height: 66px; } .aon-large-circle-wrap span.ring4{bottom: -85px; left: 50%; margin-left: -33px; } .aon-large-circle-wrap span.ring4 img{width: 56px; height: 56px; } .aon-large-circle-wrap span.ring5{top: -90px; right: -30px; } .aon-large-circle-wrap span.ring5 img{width: 76px; height: 76px; } .aon-large-circle-wrap span.ring6{width: 22px; height: 22px; right: 10px; bottom: -70px;} .aon-large-circle-wrap span.ring7{width: 12px; height: 12px; top: 50%; left: -50px;} .aon-large-circle-wrap span.ring8{width: 6px; height: 6px; right: -44px; top: 40%;} } @media only screen and (max-width:991px) { .aon-large-circle-wrap .media { margin-top:50px; width:120px; height: 120px; position: relative; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} .aon-large-circle-wrap span.ring1{bottom:5px; left:-48px; } .aon-large-circle-wrap span.ring1 img{width:32px; height:32px;} .aon-large-circle-wrap span.ring2{top: 10px; left: -30px; } .aon-large-circle-wrap span.ring2 img{width:34px; height:34px; } .aon-large-circle-wrap span.ring3{ right: -60px; bottom: 0px; } .aon-large-circle-wrap span.ring3 img{ width: 56px; height: 56px; } .aon-large-circle-wrap span.ring4{bottom: -65px; left: 50%; margin-left: -33px; } .aon-large-circle-wrap span.ring4 img{width: 46px; height: 46px; } .aon-large-circle-wrap span.ring5{top: -60px; right: -30px; } .aon-large-circle-wrap span.ring5 img{width: 66px; height: 66px; } .aon-large-circle-wrap span.ring6{width: 16px; height: 16px; right: 10px; bottom: -70px;} .aon-large-circle-wrap span.ring7{width: 8px; height: 8px; top: 50%; left: -50px;} .aon-large-circle-wrap span.ring8{width: 4px; height: 4px; right: -44px; top: 40%;} } @media only screen and (max-width:991px) { .aon-med-testimonial2-left { max-width:100%; } .aon-large-circle-wrap { display:none; } .aon-large-circle-wrap .media { display:none; } .aon-testimonial2-contaent-wrap { position: relative; padding: 0px 0px; margin-bottom: 10px; } } /*provider mid Section*/ .aon-med-provider-area2 { position: relative; } .aon-med-provider-area2 .container { max-width: none; } .aon-med-provider-mid-wrap{ padding: 40px; } .aon-med-provider-mid{padding: 40px; border: 2px solid var(--ao-primary); } .aon-med-provider-area2 .row{display: flex; align-items: center;} .aon-med-provider-area2 .section-head{margin-bottom: 0px;} .aon-med-provider-area2 .section-head.white .aon-title{max-width: 580px; margin: 0px auto 30px;} .aon-med-provider-area2 .section-head.white p{margin-bottom: 30px;} .aon-med-provider-area2 .media img{width: auto;} .aon-med-provider-area2-content{text-align: center;} .aon-med-provider-mid .list-check-style{color: #fff; padding:0px; } .aon-med-provider-mid .list-check-style li{padding-left: 0px;} .aon-med-provider-mid .list-check-style li i {color: #fff; position: inherit; padding-right: 5px;} @media only screen and (max-width:991px) { .aon-med-provider-mid-wrap {padding: 11px; } .aon-med-provider-area2-content .aon-title{font-size: 30px;} } @media only screen and (max-width:420px) { .aon-med-provider-area2-content .aon-title{font-size: 26px;} .aon-med-provider-mid{padding: 20px;} } .aon-med-price1-area { padding:90px 0px; } .aon-pricing-section > .row > [class*="col-"] { display:flex; } .aon-pricing-section > .row > [class*="col-"] .aon-price1-box { width:100%; display: flex; flex-wrap: wrap; align-items: center; justify-content:center; } .aon-price1-box { padding:40px; border:1px solid #e9efee; margin-bottom:30px; -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); border-radius:10px; position:relative; } .aon-price1-box:hover { padding-top:40%; padding-bottom:40%; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .aon-price1-box > * { -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; } .aon-price1-icon { display:table; margin:0px auto 30px; } .aon-price1-time { width: 100%; } .aon-price1-num { font-size:50px; width:100%; color: var(--ao-primary); line-height:1; font-weight:bold; text-align:center; } .aon-price1-list { width: 100%; } .aon-price1-btn { opacity:0; margin:0px auto 0px; } .aon-price1-box:hover .aon-price1-list { display:none;} .aon-price1-box:hover .aon-price1-btn { opacity:1; } @media only screen and (max-width:480px){ .aon-price1-num {font-size: 30px;} .aon-price1-box{padding: 20px 20px 40px 20px;} } .aon-price1-num sub {font-size: 30px; line-height: 1; bottom: 0; } .aon-price1-label { position:absolute; top:30px; left:0px; background: var(--ao-primary); padding:5px 15px; line-height:1.2; color:#fff; border-radius:0px 20px 20px 0px; } .aon-price1-time { text-align:center; font-size:16px; color:#222; font-weight:bold; } .aon-price1-list { padding:30px 0px 0px; margin:20px 0px 30px; border-top:1px solid #ddd; } .aon-price1-list li { position:relative; padding:5px 20px 5px 0px ; font-size:18px; } .aon-price1-list li i { position:absolute; top:8px; right:0px; font-size:24px; color:#222; } .aon-price1-box.active-plan { background-color:#fbf5ee; } .active-plan .aon-price1-label{ background:#fff; color: var(--ao-primary); } .active-plan .aon-price1-num { color:#0c5e5c; } .active-plan .aon-price1-list li { color:#0c5e5c; } .active-plan .aon-price1-list li i { color:#0c5e5c; } .active-plan .aon-price1-time { color:#0c5e5c; } @media only screen and (max-width:991px) { .aon-price1-box { margin-bottom:50px; } .aon-med-price1-area { padding:30px 0px; } } .aon-doc-findbar { display: flex; position:relative; margin-bottom: 0px; max-width:750px; margin:0px auto 50px; } .aon-doc-findbar > form { display: flex; position:relative; width:100%;} .aon-doc-findbar .form-control { height:58px; width:100%; border-radius: 12px; border:none; border:1px solid var(--ao-primary);} .aon-docFind-btn { height:58px; position:absolute; top:0px; right:0px; font-size: 14px; color: #fff; border: none; font-weight: 500; background-color: var(--ao-primary); border-radius:0px 12px 12px 0px; padding:8px 30px; } .aon-price1-btn { display:table; margin:0px auto -60px; } .aon-med-team-area2 { border-top:1px solid #ddd; } .aon-med-team.bg-light-gray { background-color:#f6fbf8; } .aon-search-heading2 { border-top: 1px solid #ddd; } .aon-search-info-wrap2 { padding:30px 0px; } .aon-search-info-wrap2 .container { max-width:100%; } .aon-searchInfo-text .fa { display:inline-block; width:20px; font-size:10px; height:20px; line-height:20px; text-align:center; border-radius:10px; background:#00a900; color:#fff; } @media only screen and (max-width:991px){ .aon-search-heading2 .container { max-width:100%; } } .aon-banner3-area { background-color:rgba(255,255,255,0.1); border-radius:10px; } .aon-search3-form { padding:30px; width:100%; display: table; } .aon-search3-left, .aon-search3-right { display:table-cell; vertical-align:middle; } .aon-search3-right { width:1%; } .aon-search3-table {display:table; width:100%; } .aon-search3-table .aon-search3-col {display:table-cell; padding:0px 15px; vertical-align: middle; } .aon-two-part-page { display: flex; padding-top: 90px; } .aon-search-result-left { width: 50%; padding: 30px; float: left; background: #fff;} .sf-search-result-head { border-bottom: 1px solid #ddd; padding-bottom: 20px;} .sf-search-result-option { padding: 20px 0px;} .aon-search-half-map { width: 50%; height: calc(100vh - 90px); bottom: 0px; right: 0px; background: #222; float: right; position: fixed; } .aon-search-half-map #mapcanvas { height: calc(100vh - 90px) !important; } .active-search-map .aon-search-result-left { width:100%; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear;} .active-search-map .aon-search-half-map { width:0%; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear;} @media only screen and (max-width:1540px){ .aon-search-result-left { width: 58%; } .aon-search-half-map { width: 42%; } } @media only screen and (max-width:1365px){ .aon-search-result-left { width: 70%; } .aon-search-half-map { width: 30%; } } @media only screen and (max-width:991px){ .aon-two-part-page{ display: flex; flex-direction: column-reverse; flex-wrap: wrap; } .aon-search-result-left { width: 100%; } .aon-search-result-left .sf-listing-view-wrap{max-width: 100%; margin: 0px auto;} .aon-search-result-left .aon-search3-area { max-width: 100%; margin-left: auto; margin-right: auto; border: 1px solid #ddd; padding: 30px 15px; border-radius: 5px; } .aon-search-result-left .aon-search3-area .aon-search3-left, .aon-search-result-left .aon-search3-area .aon-search3-right{width: 100%; display: block;} .aon-search-result-left .aon-search3-area .aon-search3-left .aon-search3-table{display:flex; margin-bottom: 10px;} .aon-search-result-left .aon-search3-area .aon-search3-left .aon-search3-col.aon-category-col { width:50%; display: block; margin-bottom: 10px;} .aon-search-result-left .aon-search3-area .aon-search3-left .aon-search3-col.aon-search-col{width:50%; display: block; margin-bottom: 10px;} .aon-search-result-left .aon-search3-area .aon-search3-right{margin-left: 15px; margin-right: 15px; width: auto;} .aon-search-half-map { width: 100%; position: inherit; height: 300px; } .active-search-map .aon-search-half-map { height:auto; } .active-search-map .aon-search-half-map #mapcanvas { height: auto !important; } } @media only screen and (max-width:767px){ .aon-search-result-left .aon-search3-area .aon-search3-left .aon-search3-table{display:block; margin-bottom: 15px;} .aon-search-result-left .aon-search3-area .aon-search3-left .aon-search3-col.aon-category-col { width:100%; } .aon-search-result-left .aon-search3-area .aon-search3-left .aon-search3-col.aon-search-col {width:100%; margin-bottom: 15px; } .aon-search-result-left .aon-search3-area { max-width: 100%;} } .aon-search-half-map iframe { width: 100%; height: 100%; position: absolute; top: 0px; right: 0px; } @media only screen and (max-width:991px){ .aon-search-half-map #mapcanvas { height: 300px !important; } .aon-search-half-map iframe { height: 300px; position: static; } } @media only screen and (max-width:767px){ .aon-two-part-page { padding-top: 70px; } } /*===================== Contact Page One =====================*/ .page-content:after { content:""; display: table; clear:both; } .aon-page-benner-overlay { position: absolute; background-color:var(--secondary-overlay-08); top: 0; left: 0; width: 100%; height: 100%; } .aon-page-benner-area { background-image: url(assets/build/images/banner/job-banner.jpg); position: relative; background-position: center; background-size: cover; background-repeat: no-repeat; } .aon-page-benner-overlay-first { background-color:var(--secondary); opacity:0.8; } .aon-page-banner-row { position:relative; } .sf-banner-heading-wrap { display: table; position: relative; height: 400px; width: 100%; max-width: 1170px; margin: auto; text-align: center; } .sf-banner-heading-area { display: table-cell; padding: 50px 15px; vertical-align: middle; color: #fff; } .sf-banner-heading-large { font-size: 55px; margin-bottom: 15px; font-weight:700; word-break: break-word; line-height:1.3; } .aon-page-nobenner-area { background:#eff7f3; background-image:url(assets/build/images/bnr-textured.jpg); background-repeat: repeat; background-size:cover; background-position: center; } .aon-page-nobenner-area .aon-page-benner-overlay { opacity:0; } .aon-page-nobenner-area .sf-banner-heading-wrap { height:auto; min-height:250px; } .aon-page-nobenner-area .sf-banner-heading-area { color: #222; } .aon-page-nobenner-area.no-breadcrumb-single { border-top:1px solid #ddd; } .aon-page-nobenner-area.aon-single-post { padding:12px 0px; } .aon-page-benner-area.aon-single-post .sf-banner-heading-wrap { height: auto; min-height:250px; } @media only screen and (max-width:767px){ .sf-banner-heading-large { font-size: 36px; } .sf-banner-heading-wrap{ height: 300px; } } .sf-banner-heading-large strong { font-weight: 600; } .aon-page-no-title .sf-banner-breadcrumbs-nav { bottom:auto; top:50%; border-radius:5px; -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .sf-banner-breadcrumbs-nav { display:table; position:absolute; left:50%; bottom:0px; background:var(--ao-primary); font-size:0px; border-radius: 5px 5px 0 0; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .sf-banner-breadcrumbs-nav ul { margin: 0; list-style:none; padding:5px 20px; } .sf-banner-breadcrumbs-nav ul li { position: relative; display: inline-block; font-size: 18px; line-height:1.2; font-weight: 300; padding: 0; margin-right: 20px; color: #fff; } .sf-banner-breadcrumbs-nav ul li a { color: #fff; } .sf-banner-breadcrumbs-nav ul li:after { content: "\f105"; position: absolute; right: -13px; top:0px; font-size: 18px; color: #fff; font-family: "FontAwesome"; margin-left: 7px; } .sf-banner-breadcrumbs-nav ul li:last-child:after { display: none; } @media only screen and (max-width:767px) { .sf-banner-breadcrumbs-nav ul li { font-size: 16px; } } .sf-contact-form2 {max-width: 940px; margin: 0px auto 0px; position: relative; z-index: 1; background-color: #fff; padding: 50px; border-radius: 10px;} .sf-contact-form2 .form-control{border-width: 0px 0px 1px 0px; border-color:#ddd; border-style: solid;} .sf-contact-form2 textarea.form-control{ height: 100px;} @media only screen and (max-width:991px){ .sf-contact-form2-wrap .sf-con-form-title h2{font-size: 30px;} } @media only screen and (max-width:767px){ .sf-contact-form2-wrap .sf-con-form-title h2{font-size: 26px;} } /*Sf Map*/ .sf-map-wrap { height: 430px; } .sf-map-wrap iframe { width:100%; height:100%; } .aon-contact2-area{position: relative;} .aon-contact2-area .row{display: flex; align-items: center;} @media only screen and (max-width:991px){ .aon-contact2-area{position: relative;} .aon-contact2-area .row > [class*="col-"]:first-child { position:relative; margin-bottom:80px; } } .aon-contact-1-pic { position:relative; z-index:1; top: 135px;} .aon-contact-1-bg { position:absolute; top:80px; left:0px; bottom: 0px; background-color: var(--ao-primary); width:calc(50% - 280px); font-weight:bold; } .aon-contact-1-bg span { color:#fff; font-size:180px; opacity:0.2; display:table; line-height:1; } .aon-contact-1-bg .star-two { position: absolute; top:-50px; left:-40px; color: #fff; font-size:350px; opacity:0.2; } .aon-contact-1-bg .star-three { position: absolute; top:50px; left:30%; color: #fff; font-size: 150px; opacity:0.2; } .aon-contact-1-bg .star-four { position: absolute; bottom:-80px; left:10%; color: #fff; font-size:450px; opacity:0.2; } .aon-contact-1-info-wrap{padding: 80px; background-color: #fff; border: 6px solid #f2f7f6;} .sf-contact-1-info-box { margin-bottom: 20px; border-bottom: 1px solid #ddd; padding-bottom: 20px; display: flex;} .aon-contact-1-info-wrap .sf-contact-1-info-box:last-child{border: 0px; margin: 0px; padding: 0px;} .sf-contact-1-info-box .sf-contact-1-info .sf-title {font-size: 24px; margin-bottom: 10px;} .sf-contact-1-info-box .sf-contact-1-info p { margin-bottom: 0px;} .sf-contact-1-icon {position: relative; z-index: 1; width: 100px;} .sf-contact-1-icon span { display: block; line-height: 60px;} @media only screen and (max-width:991px) { .aon-contact-media { position: relative; margin-bottom:80px; } .aon-contact-1-pic { top:0px;} .aon-contact-1-bg { width: calc(50% - 0px); } .aon-contact2-area { padding-bottom: 0px; } .aon-contact-1-info-wrap { padding: 30px; } } @media only screen and (max-width:767px){ .sf-contact-1-info-box .sf-contact-1-info .sf-title{font-size: 18px;} } @media only screen and (max-width:575px) { .sf-contact-1-icon img { height:50px; } .sf-contact-1-icon { width: 70px; margin-bottom: 10px; } .sf-contact-form2 { padding: 30px; } .sf-contact-1-info-box{display: block;} } .aon-med-team2-area{padding: 90px 0px;} .aon-med-team2{background-color: #fff; margin-bottom: 30px; border: 1px solid #ebebeb; border-radius: 4px; padding: 30px; text-align: center;} .aon-med-team2 .aon-med-team2-pic{margin-bottom: 20px;} .aon-med-team2 .aon-med-team2-pic img{width: 100%;} .aon-med-team2 .aon-med-team2-discription{margin-bottom:5px;} .aon-med-team2 .aon-med-team2-position{display: block; color: var(--ao-primary); font-size: 16px;margin-bottom: 5px;} .aon-med-team2 .aon-med-team2-location{margin-bottom: 5px; display: block;} .aon-med-team2 .aon-med-team2-location i{margin-right: 5px; color: #000;} .aon-med-team2 .aon-df-rating{margin-bottom: 5px;} @media only screen and (max-width:991px){ .aon-med-team2-area { padding: 30px 0px; } } /*Sf Map*/ .sf-map2-wrap { height: 430px; position: relative; } .sf-map2-wrap iframe { width:100%; height: 430px; } .aon-contact-2-pic{position: relative; z-index: 1; padding: 40px 40px 0px 40px;} .aon-contact-2-pic:after { content: ''; left: 50%; top: 50%; transform: translate(-50% , -50%); position: absolute; z-index: -1; width:100%; height: 100%; border-radius: 50%; background-color: var(--ao-primary); opacity: 0.2; } .aon-contact-2-info-content{margin-left: 30px;} .aon-contact-2-info-wrap{padding: 40px; background-color: #fff; border: 6px solid #f2f7f6;} .sf-contact-2-info-box { margin-bottom: 20px; border-bottom: 1px solid #ddd; padding-bottom: 20px; display: flex;} .aon-contact-2-info-wrap .sf-contact-2-info-box:last-child{border: 0px; margin: 0px; padding: 0px;} .sf-contact-2-info-box .sf-contact-2-info .sf-title {font-size: 24px; margin-bottom: 10px;} .sf-contact-2-info-box .sf-contact-2-info p { margin-bottom: 0px;} .sf-contact-2-icon {position: relative; z-index: 1; width: 50px; margin-right: 30px;} .sf-contact-2-icon span { display: block; line-height: 60px;} @media only screen and (max-width:767px){ .sf-contact-2-info-box .sf-contact-2-info .sf-title {font-size: 18px;} } @media only screen and (max-width:575px){ .sf-contact-2-info-box { display: block; } .sf-contact-2-icon{margin-bottom: 10px;} } .sf-contact-form3 { margin: 0px auto; position: relative; z-index: 1; background-color: #fff; padding: 50px; border-radius: 10px;} .sf-contact-form3 .form-control{border-width: 0px 0px 1px 0px; border-color:#ddd; border-style: solid;} .sf-contact-form3 textarea.form-control{ height: 100px;} @media only screen and (max-width:991px){ .sf-contact-form3-map{padding: 30px 0px;} .sf-contact-form3-area{padding: 30px 0px;} .sf-contact-form3-wrap .sf-con-form-title h2{font-size: 30px;} } @media only screen and (max-width:767px){ .sf-contact-form3-wrap .sf-con-form-title h2{font-size: 26px;} } .aon-doc-category-wrap { padding:80px 0px; } .col-md-five { width:20%; } @media only screen and (max-width:1200px) { .col-md-five { width:25%; } } @media only screen and (max-width:991px) { .aon-contact-2-pic { text-align:center; } .aon-contact-2-pic:after { max-width:650px; } .col-md-five { width:33.333%; } .aon-contact-2-info-content { margin-left:0px; margin-bottom:30px; } .aon-doc-category-wrap { padding:30px 0px; } .aon-doc-category-wrap .aon-title{font-size: 30px; margin-bottom: 30px !important;} } @media only screen and (max-width:767px) { .col-md-five { width:50%; } .sf-contact-form3 { padding:30px;} .aon-doc-category-wrap .aon-title{font-size: 26px;} } .aon-doc-cate-box { background-color:#ebf0f0; border-radius:10px; box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.05); } .aon-doc-cate-pic { border-radius:10px; } .aon-doc-cate-pic img { border-radius:10px; width:100%; } .aon-doc-cate-title { padding:15px 10px; text-align: center; } /*====================== Shop Style One ========================*/ .aon-product-wrap { background-color:#f6fbf8; padding:80px 0px; } .ser-shop-style1-box{text-align: center;} .ser-shop-style1-box .ser-shop-media{position: relative;} .ser-shop-style1-box .ser-shop-media img{width: 100%;border: 1px solid #ddd;border-radius: 10px;} @media only screen and (max-width:991px){ .aon-product-wrap {padding:30px 0px; } .aon-product-wrap .aon-title{font-size: 30px; margin-bottom: 30px !important;} } @media only screen and (max-width:767px){ .aon-product-wrap .aon-title{font-size: 26px;} } .ser-shop-style1-box .ser-shop-media .bedge {position:absolute; left:20px; top:105px; color:#fff; padding:5px 20px; display:inline-block; font-size:14px; outline:none; cursor:pointer; line-height:1.42857; border-radius:5px; -webkit-border-radius:5px; background-color:var(--secondary); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); text-transform:uppercase; letter-spacing:2px; transform-origin:left top; } @media only screen and (max-width:1200px){ .ser-shop-style1-box .ser-shop-media .bedge { left:15px; top:80px; padding:2px 10px; font-size:12px; } } .ser-shop-style1-box .ser-shop-media .bedge.disabled {display: none;} .ser-shop-style1-box .ser-shop-media .shop-item-controls { padding:0px; list-style: none; overflow: hidden; margin-bottom: 0px; display: table; border: 1px solid #000; border-radius: 5px; position: absolute; top:50px;right:30px;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;opacity: 0; } .ser-shop-style1-box:hover .ser-shop-media .shop-item-controls {opacity: 1; top:30px;} .ser-shop-style1-box .ser-shop-media .shop-item-controls li{ display:block; border-style: solid; border-width: 0px 0px 1px 0px; border-color: #000;} .ser-shop-style1-box .ser-shop-media .shop-item-controls li:last-child{border-width: 0px;} .ser-shop-style1-box .ser-shop-media .shop-item-controls li a{display: flex; justify-content:center; align-items:center; color: var(--ao-primary); width: 40px;height: 40px; line-height: 40px; background-color: #fff;} .ser-shop-style1-box .ser-shop-media .shop-item-controls li a:hover{color: #fff; background-color: var(--ao-primary);} .ser-shop-style1-box .ser-shop-media .shop-item-controls li .added_to_cart { font-size:12px; line-height:1.2; padding:5px 2px; border-top:1px solid #000; } .ser-shop-style1-box .ser-shop-info{padding: 20px 0px;} .ser-shop-style1-box .ser-shop-info .ser-shop-title {margin: 0px;} .ser-shop-style1-box .ser-shop-info .ser-pro-item-price{font-size: 18px; font-weight:normal;} .ser-shop-style1-box .ser-shop-info .ser-pro-item-price strike{padding-right: 10px; color:#777777; opacity:0.8; } .ser-shop-style1-box .ser-shop-info .ser-pro-item-price strong ins { text-decoration:none; } /*lAB TEST*/ .aon-need-help-heading-area{ padding: 60px 0px 0px 0px } .aon-need-help-heading{padding: 30px; border-radius: 10px; background-color: var(--secondary);} .aon-need-help-heading .row{display: flex; justify-content: space-between; align-items: center;} .aon-need-help-heading-l{color: #fff;position: relative;padding-left: 110px; min-height: 90px;} .aon-need-help-heading-l img{width: 90px; height: 90px; position: absolute; left: 0px; top: 0px; border-radius: 50%;} .aon-need-help-heading-l h3{color: #fff;padding-top: 10px;} .aon-need-help-heading-l p{font-size: 18px;} .aon-need-help-heading-r{text-align: right;} @media only screen and (max-width:991px){ .aon-need-help-heading-r{text-align: left; margin-top: 20px;} } @media only screen and (max-width:420px){ .aon-need-help-heading-l{padding-left:0px;} .aon-need-help-heading-l img{position:inherit;} .aon-need-help-heading-r{margin-top: 0px;} } .aon-need-help-heading-r span{ font-size: 18px; color: #fff; border: 1px solid #60887f; padding: 8px 19px; border-radius: 10px; display: inline-block;} .aon-need-help-heading-r span a { color: #fff; } /*Booked Test*/ .aon-booked-test-area{padding: 90px 0px; } .aon-booked-test-block{padding: 20px; border: 1px solid #ebebeb; border-radius: 10px;transition: all 0.5s linear;} .aon-booked-test-block:hover{border: 1px solid var(--ao-primary); box-shadow: 0px 0px 30px rgba(0, 0, 0, .1);} .aon-booked-test-block .aon-test-name{font-size: 18px; font-weight: 600; color: #000;} .aon-booked-test-block .aon-test-price{font-size: 30px; font-weight: 600; color: var(--ao-primary);} .aon-booked-test-block .aon-test-duration {color: #000; font-size: 16px; font-weight: 600; margin-bottom: 5px;} @media only screen and (max-width:991px){ .aon-booked-test-area{padding: 30px 0px;} .aon-booked-test-area .aon-title{font-size: 30px;} } @media only screen and (max-width:767px){ .aon-booked-test-area .aon-title{font-size: 26px;} } .aon-owl-arrow.arrow-center .owl-next { background: #fff !important; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; border-radius: 50% !important; border: 1px solid #ddd !important; margin-right: -20px !important; } .aon-owl-arrow.arrow-center .owl-prev { background: #fff !important; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; border-radius: 50% !important; border: 1px solid #ddd !important; margin-left: -20px !important; } .aon-owl-arrow.arrow-center .owl-prev .ar-left { width:0px; height: 0px; background-color: var(--ao-primary); display: block; position: relative; left: 3px; } .aon-owl-arrow.arrow-center .owl-prev .ar-left:after { content: ''; background-color: #000; width: 10px; height:1px; top: -4px; left: -4px; position: absolute; transform: rotate(-40deg); } .aon-owl-arrow.arrow-center .owl-prev .ar-left::before { content: ''; background-color: #000; width: 10px; height: 1px; bottom: -4px; left: -4px; position: absolute; transform: rotate(40deg); } .aon-owl-arrow.arrow-center .owl-next .ar-right { width:0px; height:0px; background-color: var(--ao-primary); display: block; position: relative; right: -16px; } .aon-owl-arrow.arrow-center .owl-next .ar-right:after { content: ''; background-color: #000; width: 10px; height: 1px; top: -4px; right: -2px; position: absolute; transform: rotate(40deg); } .aon-owl-arrow.arrow-center .owl-next .ar-right::before { content: ''; background-color: #000; width: 10px; height: 1px; bottom: -4px; right: -2px; position: absolute; transform: rotate(-40deg); } .aon-owl-arrow.arrow-center .owl-nav { margin-top: 0px; } @media only screen and (max-width:575px){ .aon-owl-arrow.arrow-center .owl-prev, .aon-owl-arrow.arrow-center .owl-next{ position: inherit; } .aon-owl-arrow.arrow-center .owl-nav{margin-top: 30px;} .aon-owl-arrow.arrow-center .owl-prev .ar-left{left: -3px;} } .site-button.round{width: 45px; height: 45px; line-height: 45px; padding: 0px; border-radius: 50%; font-size: 24px; text-align: center;} .site-button.round i{padding-right: 0px;} .aon-health-concern-area{padding: 90px 0px;} .aon-health-concer-block{padding: 20px; border: 1px solid #ebebeb; border-radius: 10px;transition: all 0.5s linear; background-color: #fff;margin-bottom: 25px;} .aon-health-concer-block:hover{border: 1px solid var(--ao-primary);} .aon-health-concer-block .aon-health-concer-media span{text-align: center; display: block; height: 90px;} .aon-health-concer-block .aon-health-concer-media span img{width: auto; display: inline-block;} .aon-health-concer-block .aon-health-concer-type{font-size: 18px; font-weight: 600; color: #000; text-align: center; margin-bottom: 20px;} .aon-health-concer-block .site-button{position: absolute; left: 50%; transform: translateX(-50%);} @media only screen and (max-width:991px){ .aon-health-concern-area{padding: 30px 0px;} .aon-health-concern-area .aon-title{font-size: 30px;} } @media only screen and (max-width:767px){ .aon-health-concern-area .aon-title{font-size: 26px;} } /*Book Us*/ .aon-book-us-area{padding: 90px 0px;} .aon-book-us-section .row{display: flex; justify-content: center; } .aon-book-us-section .aon-book-us-block{padding: 30px; background-color: #fff; border-radius: 10px; border: 1px solid #ebebeb;} .aon-book-us-section .aon-book-us-block .media{height: 90px;} @media only screen and (max-width:991px){ .aon-book-us-area{padding: 30px 0px;} .aon-book-us-area .aon-title{font-size: 30px;} .aon-book-us-section .aon-book-us-block{margin-bottom: 30px;} } @media only screen and (max-width:767px){ .aon-book-us-area .aon-title{font-size: 26px;} } @media only screen and (max-width:575px){ .aon-book-us-block h3{font-size: 20px;} } .bg-dark-green{background-color: var(--secondary);} /*Health Checkup*/ .aon-health-checkup-area{ padding: 90px 0px; } @media only screen and (max-width:991px){ .aon-health-checkup-area{padding: 30px 0px;} .aon-health-checkup-area .aon-title{font-size: 30px;} } @media only screen and (max-width:767px){ .aon-health-checkup-area .aon-title{font-size: 26px;} } .aon-health-checkup-block{padding: 30px; border-radius: 10px; background-color: #fff;} .aon-health-checkup-media span{overflow: hidden; margin-bottom: 20px; border-radius: 10px; display: block; } .aon-health-checkup-price{display: flex; justify-content: space-between; margin-bottom: 15px; padding-bottom: 20px; position: relative;} .aon-health-checkup-price span{color: #000; font-weight: 600; display: inline-block;} .aon-health-checkup-price span.discount{color: #9d9d9d;} .aon-health-checkup-price span.offer{color: #59c035;} .aon-health-checkup-price:after{content: ''; position: absolute; width: calc(100% + 60px); height: 1px; background-color: #ededed; left: -30px; bottom: 0px;} .aon-health-checkup-timing{display: flex; justify-content: space-between; font-size: 16px; color: #000;font-weight: 500;} .aon-health-checkup-timing .book-now{color: var(--ao-primary);} /*We do great*/ .aon-we-great-area{padding: 90px 0px;} @media only screen and (max-width:991px){ .aon-we-great-area{padding: 30px 0px;} .aon-we-great-area .aon-title{font-size: 30px;} } @media only screen and (max-width:767px){ .aon-we-great-area .aon-title{font-size: 26px;} } .aon-we-great-block-outer{margin-right: 100px;} .aon-we-great-block-outer .aon-we-great-block{padding: 40px 30px; background-color: #fff; border-radius: 10px; border: 1px solid #ededed;margin-bottom: 20px; transition: all 0.5s linear; display: table; width: 100%;} .aon-we-great-block-outer .aon-we-great-block:last-child{margin-bottom: 0px;} .aon-we-great-block-outer .aon-we-great-block:hover{border: 1px solid var(--ao-primary); background-color: #f7fcfb;} .aon-we-great-block-outer .aon-we-great-block .media{width: 100px; display: table-cell;} @media only screen and (max-width:1199px){ .aon-we-great-block-outer{margin-right: 0px;} } @media only screen and (max-width:575px){ .aon-we-great-block h3{font-size: 20px;} .aon-we-great-block-outer .aon-we-great-block{display: block; padding: 30px;} .aon-we-great-block-outer .aon-we-great-block .media{display: block; margin-bottom: 20px;} } .aon-we-great-right{position: relative; z-index: 1;margin-top: -125px;} .aon-we-great-right-bg{ background-color: var(--secondary); position: absolute; border-radius: 10px; width: 100%; top: 110px; z-index: -1; bottom: 0px; } .aon-we-great-right .star-two { position: absolute; top:-50px; right:20px; left: auto; color: #fff; font-size:350px; opacity:0.2; } .aon-we-great-right .star-three { position: absolute; top:50px; right:50px; left: auto; color: #fff; font-size: 150px; opacity:0.2; } .aon-page-jobs-wrap { padding-top: 50px; padding-bottom: 50px; } @media only screen and (max-width:991px){ .aon-we-great-right{margin-top: 30px; margin-bottom: 10px;} } /*Side Bar Widgets*/ .aon-owl-arrow .owl-next { background: none; border: none; margin:0px 20px; } .aon-owl-arrow .owl-prev { background: none; border: none; margin:0px 20px; } .aon-owl-arrow .owl-prev .ar-left { width:0px; height: 0px; background-color: var(--ao-primary); display: block; position: relative; } .aon-owl-arrow .owl-prev .ar-left:after { content: ''; background-color: #fff; width: 14px; height: 2px; top: -6px; left: -3px; position: absolute; transform: rotate(-40deg); } .aon-owl-arrow .owl-prev .ar-left::before { content: ''; background-color: #fff; width: 14px; height: 2px; bottom: -6px; left: -3px; position: absolute; transform: rotate(40deg); } @media only screen and (max-width:480px){ .aon-owl-arrow .owl-prev .ar-left::before{ left: -14px; } .aon-owl-arrow .owl-prev .ar-left:after { left: -13px; } } .aon-owl-arrow .owl-next .ar-right { width:0px; height:0px; background-color: var(--ao-primary); display: block; position: relative; } .aon-owl-arrow .owl-next .ar-right:after { content: ''; background-color: #fff; width: 14px; height: 2px; top: -6px; right: -7px; position: absolute; transform: rotate(40deg); } .aon-owl-arrow .owl-next .ar-right::before { content: ''; background-color: #fff; width: 14px; height: 2px; bottom: -7px; right: -3px; position: absolute; transform: rotate(-40deg); } .aon-owl-arrow .owl-nav { margin-top: 10px; } /*Side Bar Widgets*/ .side-bar .widget { margin-bottom: 20px; list-style:none; } .rounded-sidebar-widget { border-radius: 5px; background-color: #f6fbf8; padding: 30px; border: 1px solid #ddd; } /*widget search custom*/ .widget_search_bx button { border-left-color: #FFF; padding: 9px 20px; color: #fff !important; background-color: var(--ao-primary); border-radius: 0px 5px 5px 0px; border: 0px; height: 44px; } .widget_search_bx .input-group .form-control { border-right: 1px solid var(--ao-primary); height: 44px; border-radius:5px 0px 0px 5px; background-color: #fff; } /*Recent post widgets*/ .aon-recentpost-carousel .post-info { padding-bottom:35px; border-bottom:1px solid #ddd; } .aon-recentpost-carousel .aon-blog-style-1 { margin-bottom:10px; } .recent-posts-entry .widget-post { margin-bottom: 20px; } .recent-posts-entry .widget-post:last-child { border: none; margin-bottom: 0px; } .recent-posts-entry .wt-post-meta li { padding: 0; display: block; font-size: 14px; } .recent-posts-entry .wt-post-meta li:last-child { margin-bottom: 0px; } .recent-posts-entry .wt-post-meta li:after { content: "|"; display: inline-block; font-weight: normal; margin-left: 5px; font-size: 14px; margin-right: 5px; color: #000; } .recent-posts-entry .wt-post-meta li:last-child::after { display: none; } .recent-posts-entry .wt-post-date { background-color: #0e0e0e; width: 50px; height: 60px; float: left; } .recent-posts-entry .wt-post-media { width: 68px; float: left; } .recent-posts-entry .wt-post-media img { border-radius: 10px; } .recent-posts-entry .wt-post-info { margin-left: 88px; } .recent-posts-entry .wt-post-info .wt-post-meta ul { margin: 0; list-style: none; padding: 0; } .recent-posts-entry .wt-post-info .wt-post-meta ul li { font-size: 14px; color: #6d6d6d; } .recent-posts-entry .wt-post-info .post-title { margin-top: 0px; } .recent-posts-entry .wt-post-info .post-title a { color: #022279; } /*widget tags-list*/ .widget_tag_cloud a { padding:3px 14px; font-size: 16px; display: inline-block; margin: 0 10px 15px 0px; color: var(--ao-primary); background:#fff; position: relative; border: 1px solid #e8e8e8; position: relative; border-radius:3px; z-index: 1; } /*Widget Social Links*/ .widget_social_inks ul { list-style: none; display: flex; margin-bottom: 0px; } .widget_social_inks ul li { display: block; } .widget_social_inks ul li a { width: 44px; height: 44px; line-height: 44px; border-radius: 50%; display: block; margin-right: 8px; text-align: center; } /*Latest Blog*/ .aon-latest-blog-area2 { background-color: #fff; padding: 90px 0px; } .aon-blog-style-1 { margin-bottom:30px; } .aon-blog-style-1 .post-bx { border-radius:5px; margin-bottom:0px; } .aon-blog-style-1 .post-bx .post-thum { border-radius:5px; overflow: hidden; } .aon-blog-style-1 .post-bx .post-thum img { width:100%; } .aon-blog-style-1 .post-info { background: none; padding: 30px 0px; text-align:center; } @media only screen and (max-width:767px){ .aon-blog-style-1 .post-info { padding-bottom: 0px; } .aon-recentpost-carousel .aon-blog-style-1 .post-info { padding-bottom: 30px; } } .aon-blog-style-1 .post-info .post-categories { display:none; position: relative; margin-top: -46px; margin-bottom: 20px; } .aon-blog-style-1 .post-info .post-categories a { display: inline-block; padding: 5px 20px; color: #fff; text-transform: uppercase; border-radius: 10px; background-color: var(--ao-primary); margin-right: 8px; font-size: 14px; } .aon-blog-style-1 .post-info .post-categories a:last-child { margin-right: 0px; } .aon-blog-style-1 .post-meta { border: 0px; padding: 0px; margin: 0px; } .aon-blog-style-1 .post-meta ul { margin: 0px 0px 10px 0px; float: none; } .aon-blog-style-1 .post-title { font-size: 24px; margin-bottom:20px; } .aon-blog-style-1 .post-date { width: inherit; background: none; margin: 0px; } .aon-blog-style-1 .post-date { width: inherit; background: none; margin: 0px; } .aon-blog-style-1 .post-date span { background: none; padding: 0px; font-size: inherit; display: inherit; vertical-align: inherit; } .aon-blog-style-1 .post-meta ul li { color: #595959; position: relative; padding-right: 10px; display: inline-block; } .aon-blog-style-1 .post-meta ul li:last-child { padding-right: 0px; } .aon-blog-style-1 .post-meta ul li:after { content: '|'; position: absolute; right: 0px; top: 0px; } .aon-blog-style-1 .post-meta ul li:last-child:after { display: none; } .aon-blog-style-1 .post-meta ul li a { color: #595959; } .post-read-more .site-button-link { position: relative; display: inline-block; } .post-read-more .site-button-link::after { content: ""; width: 100%; height: 2px; background: var(--ao-primary); position: absolute; bottom: 0px; left: 50%; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .sf-blog-style-1 .post-meta { border: 0px; padding: 0px; margin: 0px; } .blog-detail .blog-post .post-text { line-height:2; } .blog-detail .blog-post .post-text:after { content:""; display:block; clear:both; } .blog-detail .blog-post .post-categories { text-align:center; } .blog-detail .blog-post .post-meta { text-align:center; } .blog-detail .blog-post .post-text .post-title { text-align:center; } .wp-block-image + .sf-post-tags2 { display:inline-flex; width:100%; } .tagcloud a { padding:3px 12px; background: #f5f5f5; margin: 0 2px 6px 0; font-size: 15px !important; display: inline-block; border:1px solid #ddd; color:#222; } .tagcloud a:hover, .tagcloud a:active, .tagcloud a:focus{ border-color:#f5f5f5; background: var(--ao-primary); color:#fff; } .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; } .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video, .embed-responsive .embed-responsive-item { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-16by9 { padding-bottom: 56.25%; } .embed-responsive-4by3 { padding-bottom: 75%; } .blog-post .post-meta ul { margin: 0px 0px 10px 0px; padding:0px; float: none; list-style: none; } .sf-blog-style-1 .post-title { font-size: 24px; } .blog-grid.blog-post .post-date { width: inherit; background: none; margin: 0px; } .blog-list.blog-post .post-date { width: inherit; background: none; margin: 0px; } .blog-post .post-date span { background: none; padding: 0px; font-size: inherit; display: inherit; vertical-align: inherit; } .blog-post .post-meta ul li { color: #595959; position: relative; padding-right: 10px; display: inline-block; } .blog-post .post-meta ul li:last-child { padding-right: 0px; } .blog-post .post-meta ul li:after { content: '|'; position: absolute; right: 0px; top: 0px; } .blog-post .post-meta ul li:last-child:after { display: none; } .blog-post .post-meta ul li a { color: #595959; } .blog-post .post-meta ul li a:hover, .blog-post .post-meta ul li a:active, .blog-post .post-meta ul li a:focus { color: var(--ao-primary); } /*BLog Detail*/ .sf-blog-style-1 .post-info { background: none; padding: 30px 0px; } .sf-blog-style-1 .post-bx { border-radius: 14px; margin-bottom: 30px; } .sf-blog-style-1.blog-detail .post-bx { background-color: transparent; border-radius: 0px; border-bottom: 0px; margin-bottom: 30px; } .sf-blog-style-1.blog-detail.blog-post .post-date { width: inherit; background: none; margin: 0px; } .sf-detail-disc-list { margin: 10px 0px 20px 0px; list-style: decimal; list-style-position: inside; } .sf-detail-disc-list li { padding-bottom: 5px; } .sf-blog-style-1.blog-detail .post-info { padding: 30px 0px 0px; } blockquote { background-color:#eff7f3; border-radius:5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; color: #000; font-size:24px; font-weight:700; font-style: italic; border:none !important; padding: 40px 60px !important; font-style: italic; margin-bottom: 40px; } .wp-block-pullquote { border: none; } .wp-block-pullquote blockquote { margin-bottom:0px; } .wp-block-calendar { margin-bottom:30px; } .wp-block-calendar table { caption-side:top; font-weight:700; color:#333; margin-bottom:15px; } .wp-block-calendar table th, .wp-block-calendar table th { text-align: center; background:var(--ao-primary); padding: 15px 10px; font-weight: 700; color: #222; font-size: 18px; color: #fff; border-color:var(--ao-primary); } .blog-detail .sf-con-social-wrap { margin-bottom: 30px; display: flex; justify-content:space-between; border-radius:10px; } .blog-detail .sf-con-social { margin: 0px; padding:0px; } @media only screen and (max-width:991px) { .blog-detail .post-title { font-size: 30px; } } @media only screen and (max-width:767px) { .blog-detail .post-title { font-size: 26px; } blockquote { font-size:18px; padding:20px 30px !important; } } @media only screen and (max-width:767px) { .blog-detail .sf-con-social-wrap { display: block !important; padding: 20px; } .sf-con-social li { margin-top:10px; } } .sf-con-social { margin: 0px; } .sf-con-social li { display: inline-block; margin-right: 20px; } .sf-con-social li:last-child { margin-right: 0px; } .sf-con-social li a { display: block; border-radius: 8px; font-size: 18px; line-height: 18px; color: #fff; padding: 12px 15px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .sf-con-social li a:hover { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .sf-con-social li a img { padding-right: 5px; } .sf-con-social li a.sf-fb { background-color: #1768d4; } .sf-con-social li a.sf-twitter { background-color: #1ebce9; } .sf-con-social li a.sf-pinterest { background-color: #d63127; } .sf-con-social-pic span { display: inline-block; border-radius: 50%; border: 3px solid var(--ao-primary); overflow: hidden; } /*BLog Tags*/ .sf-post-tags { margin: 30px 0px; display: flex; justify-content: start; } .sf-post-tags h4 { margin: 0px 30px 0px 0px; padding-top:5px; white-space:nowrap; } @media only screen and (max-width:420px){ .sf-post-tags h4 { margin-bottom: 5px; } } .sf-post-tags ul { padding:0px; margin: 0px; list-style: none; } .sf-post-tags ul li { display: inline-block; } .sf-post-tags li a { display: block; margin-right: 10px; margin-bottom:5px; margin-top:5px; border-radius:5px; color: #222; background:#eff7f3; font-size: 16px; line-height: 20px; border: 1px solid #e2e5ec; padding:5px 20px; } .sf-post-tags li a:hover, .sf-post-tags li a:active, .sf-post-tags li a:focus { color:#fff; background: var(--ao-primary); border: 1px solid var(--ao-primary); } .sf-pd-sm-media { margin: 40px 0px; } .sf-pd-sm-media .sf-pd-img { border-radius: 12px; overflow: hidden; } /*Blog post meta icon style*/ .blog-post .post-meta.sf-icon-post-meta ul li:after { display: none; } .blog-post .post-meta.sf-icon-post-meta ul li i { color: var(--ao-primary); margin-right: 10px; vertical-align: middle; } ol.list-num-count {counter-reset:li; padding-left:0;} ol.list-num-count > li {position:relative; margin:0 0 6px 30px; padding:0px 8px; list-style:none;} ol.list-num-count > li:before { content:counter(li , decimal); counter-increment:li; position:absolute; top:5px; left:-28px; width:28px; height:28px; padding:5px; color:#fff; background: var(--ao-primary); font-weight:bold; text-align:center; font-size:12px; font-weight:bold; } .sf-post-tags2 { padding:30px; border:1px solid #ddd; clear:both; } .sf-con-social-wrap2 { padding:30px; border:1px solid #ddd; } .sf-con-social-wrap2 > h4 { margin:0px; } @media only screen and (max-width:420px){ .sf-post-tags2 {display: block; padding: 20px;} } .wp-block-embed figcaption { color: #222; font-weight: 700; } .wp-block-embed { margin-bottom: 28px; } .entry-footer, .navigation.post-navigation, .post.blog-post.blog-detail { max-width:850px; margin-left:auto; margin-right: auto; } /*= comment list = */ .comments-area { padding: 0; clear: both; } .comments-area .comments-title { text-transform: uppercase; font-size: 20px; } ol.comment-list { list-style: none; margin: 0; padding:0px; } ol.comment-list li.comment { position: relative; padding: 0; } ol.comment-list li.comment .comment-body { position: relative; padding: 15px 20px; margin-bottom: 40px; margin-left: 80px; position: relative; border: 1px solid #e9e9e9; } ol.comment-list li.comment .comment-body:before, ol.comment-list li.comment .comment-body:after { content: ''; position: absolute; top: 20px; width: 0; height: 0; border-width: 10px 12px 10px 0; border-style: solid; } ol.comment-list li.comment .comment-body:before { border-color: transparent #fff transparent #fff; z-index: 1; left: -12px; top: 22px; } ol.comment-list li.comment .comment-body:after { border-color: transparent #e9e9e9 transparent #e9e9e9; border-width: 12px 14px 12px 0; left: -14px; } ol.comment-list li.comment .comment-author { display: block; margin-bottom: 5px; } ol.comment-list li.comment .comment-author .avatar { position: absolute; top: 0; left: -80px; width: 56px; height: 56px; border-radius: 100%; -webkit-border-radius: 100%; border: 2px solid #FFF; } ol.comment-list li.comment .comment-author .fn { display: inline-block; color: #555555; font-size: 14px; text-transform: uppercase; font-weight: 600; font-style: normal; } ol.comment-list li.comment .comment-author .says { display: none; color: #999999; font-weight: 600; } ol.comment-list li.comment .comment-meta { color: #8d8d8d; text-transform: uppercase; margin-bottom: 10px; } ol.comment-list li.comment .comment-meta:before, ol.comment-list li.comment .reply a:before { font-family: "FontAwesome"; font-size: 11px; vertical-align: middle; } ol.comment-list li.comment .comment-meta:before { content: "\f133"; } ol.comment-list li.comment .reply a:before { content: "\f064"; font-weight: normal; color: #555555; margin-right: 5px; vertical-align: middle; } ol.comment-list li.comment p { margin: 0 0 5px; } ol.comment-list li.comment .reply a { position: absolute; top: 50px; right: 30px; margin-top: -5px; color: #022278; font-weight: 600; } ol.comment-list li .children { list-style: none; margin-left: 80px; padding:0px; } ol.comment-list li .children li { padding: 0; } @media only screen and (max-width: 767px) { .comments-area .padding-30 { padding: 15px; } ol.comment-list li.comment .comment-body { margin-bottom: 30px; margin-left: 70px; } ol.comment-list li.comment .comment-author .avatar { left: -75px; height: 60px; width: 60px; } ol.comment-list li .children { margin-left: 20px; } ol.comment-list li.comment .reply a { position: static; } } @media only screen and (max-width: 480px) { ol.comment-list li.comment .comment-body { margin-left: 0px; } ol.comment-list li.comment .comment-author .avatar { left: auto; top: auto; width: 80px; height: auto; position: inherit; } ol.comment-list li .children { margin-left: 0px; } ol.comment-list li.comment .comment-author .fn{ margin-top: 10px; display: block; } } /*================================ BLog Post Comment Section =================================*/ .post-template-default .sf-blog-comment-wrap { max-width: 825px; margin: auto;} .sf-blog-comment-wrap .comment-respond { padding:30px; border: 0px; background:#f6fbf8; border:1px solid #ddd; border-radius:10px; } .sf-blog-comment-wrap .comments-area .comment-form p input[type="text"], .sf-blog-comment-wrap .comments-area .comment-form p textarea { border-radius:5px; border:1px solid #ddd; height: 50px; background-color: #fff; padding: 10px; } .sf-blog-comment-wrap .comments-area p:before { display: none; } .sf-blog-comment-wrap .comments-area .comment-form p textarea { height: 190px; } .sf-blog-comment-wrap .comments-area .comment-form p.comment-form-author { width: 50%; } .sf-blog-comment-wrap .comments-area .comment-form p.comment-form-email { width: 50%; } .sf-blog-comment-wrap .comments-area .comment-form p.comment-form-url { width: 100%; } .sf-blog-comment-wrap .comments-area .comment-form .sf-btn-large { width: auto; } .sf-blog-comment-wrap ol.comment-list li.comment .comment-meta::before { display: none; } .sf-blog-comment-wrap ol.comment-list li.comment .comment-body::before, .sf-blog-comment-wrap ol.comment-list li.comment .comment-body::after { display: none; } .sf-blog-comment-wrap ol.comment-list li.comment .comment-author .fn { color: #222; font-size: 20px; text-transform: capitalize; } .sf-blog-comment-wrap ol.comment-list li.comment .comment-meta a { color: #000; } .sf-blog-comment-wrap ol.comment-list li.comment .comment-body { padding: 0px; margin-left: 130px; border: 0px; } @media only screen and (max-width:480px){ .sf-blog-comment-wrap ol.comment-list li.comment .comment-body { margin-left: 0px; } } .sf-blog-comment-wrap ol.comment-list li.comment .comment-author .avatar { left: -130px; width:90px; height:90px; border-radius:100%; -webkit-border-radius:100%; border: 0px; } .sf-blog-comment-wrap ol.comment-list li.comment .reply { margin-top:15px; } .sf-blog-comment-wrap ol.comment-list li.comment .reply a { position: relative; top: 0px; right: 0px; margin-top: 0px; color: #fff; font-weight: normal; background-color: var(--ao-primary-btn); padding:3px 30px 3px 15px; border-radius:5px; line-height: 0px; } .sf-blog-comment-wrap ol.comment-list li.comment .reply a:hover, .sf-blog-comment-wrap ol.comment-list li.comment .reply a:active, .sf-blog-comment-wrap ol.comment-list li.comment .reply a:focus { background-color: var(--primary-btn-hover); } .sf-blog-comment-wrap ol.comment-list li.comment .reply a::before { content: "\f178"; font-weight: normal; color: #fff; margin-right: 10px; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); } .sf-blog-comment-wrap .comments-area .comments-title { font-size: 30px; font-weight: normal; margin-bottom: 30px;} @media only screen and (max-width:767px){ .sf-blog-comment-wrap .comments-area .comments-title { font-size: 26px; } } /*======================== Comment Form ==========================*/ .comment-respond { padding: 30px 30px; border: 1px solid #e9e9e9; } .comment-respond .comment-reply-title { text-transform: uppercase; font-size: 20px; } .comment-respond .comment-reply-title { font-size: 16px; font-weight: 600; } .comments-area .comment-form { margin: 0 -15px; } .comments-area .comment-form .logged-in-as > a + a { color: var(--primary-link); } .comments-area .comment-form .logged-in-as > a + a:hover { color: var(--primary-link-hover); text-decoration:underline;} .comments-area .comment-form .comment-notes { display: none; } .comments-area .comment-form p { width: 33.333%; float: left; padding: 0 15px; margin-bottom:15px !important; position: relative; } .comments-area .comment-form p.form-allowed-tags { width: 100%; } ol.comment-list li.comment .comment-respond .comment-form p { padding: 0 15px !important; } .comments-area .comment-form p label { display: none; line-height: 18px; margin-bottom: 10px; } .comments-area p:before { font-family: "FontAwesome"; display: inline-block; position: absolute; left: 15px; top: 0; font-size: 16px; color: #ccc; width: 40px; height: 40px; line-height: 40px; border: 1px solid #e1e1e1; text-align: center; } .comments-area p.comment-form-author:before { content: "\f007"; } .comments-area p.comment-form-email:before { content: "\f0e0"; } .comments-area p.comment-form-url:before { content: "\f0ac"; } .comments-area p.comment-form-comment:before { content: "\f040"; } .comments-area .comment-form p input[type="text"], .comments-area .comment-form p textarea { width: 100%; height: 40px; line-height: 1.2; padding: 10px 10px 10px 50px; border: 1px solid #e1e1e1; } .comments-area .comment-form p.comment-form-comment { width: 100%; display: block; clear: both; } .comments-area .comment-form p textarea { height: 120px; } .comments-area .comment-form p.form-submit { clear: both; float: none; width: 100%; margin: 0; } .comments-area .comment-form p input[type="submit"] { background-color: #022278; border-color: #1f82bd; border-width: 0; border-bottom-width: 3px; border-style: solid; color: #fff; padding: 9px 20px; line-height: 1.42857; text-transform: uppercase; } .comments-area .comment-form p input[type="submit"]:hover, .comments-area .comment-form p input[type="submit"]:focus, .comments-area .comment-form p input[type="submit"]:active { background-color: #1f82bd; border-color: #0c6faa; color: #fff; } @media only screen and (max-width: 767px) { .comments-area .comment-form p { width: 100% !important; float: none; margin-bottom: 20px; } .comment-respond { padding: 20px; } } .aon-login-wrap { min-height:100vh; } .aon-login-left { background:#ddd; background-image: url(assets/build/images/banner2/bg.jpg); background-size:cover; background-position:right center; width:calc(100% - 600px); display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .aon-login-heading { max-width: 1050px; margin:0px 30px; display: flex; flex-wrap:wrap; border: 10px solid var(--ao-primary); align-items:center; } .aon-login-heading .aon-login-text, .aon-login-heading .aon-login-pic { width: 50%; display: flex; } .aon-login-heading .aon-login-pic img { margin-top:-100px; } .aon-login-heading .aon-login-text { padding:30px; font-size:58px; line-height:1.5; font-weight:800; color:#fff; display: flex; align-items:center; } .aon-login-heading .aon-login-pic { display: flex; align-items:flex-end; } .login-sign-logo { display:table; margin:0px auto; } .login-sign-head { text-align:center; padding:30px 0px 30px; } .login-sign-head strong { font-size:50px; line-height:60px; display:block; color:#000; } .login-sign-head span { font-size:18px; display:block; color:#777; letter-spacing:2px; } .aon-login-right { width:600px; background:#fff; padding-top:30px; } .aon-login-form { width:100%; padding:30px;} .aon-login-area { width:100%; padding:30px;} .carely-loggedin-box { text-align: center; border: 1px solid #ddd; padding: 30px; border-radius: 5px; } @media only screen and (max-width:1550px){ .aon-login-heading .aon-login-text { font-size:50px; } } @media only screen and (max-width:1440px){ .aon-login-left { width:calc(100% - 500px); } .aon-login-right { width: 500px; } } @media only screen and (max-width:1366px){ .aon-login-heading .aon-login-text { font-size:40px; } } @media only screen and (max-width:1200px){ .aon-login-heading .aon-login-text { font-size:30px; } } @media only screen and (max-width:1199px){ .aon-login-left{ background-position: 75%; } } @media only screen and (max-width:1100px){ .aon-login-heading .aon-login-text { font-size: 22px; } } @media only screen and (max-width:991px){ .aon-login-heading .aon-login-pic img { margin-top: 0; } .aon-login-heading { max-width: 90%; margin: 5%; } .aon-login-wrap{display: block !important;} .aon-login-heading .aon-login-text { font-size: 50px; } .aon-login-left { background-position: bottom right; width: 100%; margin-bottom: 30px; } .aon-login-right { width: 100%; } .login-sign-head strong{font-size: 30px;} } @media only screen and (max-width:850px){ .aon-login-heading .aon-login-text { font-size:40px; } } @media only screen and (max-width:767px){ .login-sign-head strong{font-size: 26px;} .aon-login-heading .aon-login-text { font-size: 25px; } } @media only screen and (max-width:767px){ .aon-login-heading .aon-login-text, .aon-login-heading .aon-login-pic { width: 100%; } .aon-login-heading .aon-login-text { font-size: 30px; text-align: center; } } @media only screen and (max-width:991px){ .aon-login-area .aon-custom-nav{ display: flex; } } /* My Account Responsive */ .aon-admin-heading { border-bottom:none; margin-bottom: 30px; padding-bottom:15px; } .aon-admin-heading h3 { margin-bottom: 10px; } .carely-payoutbal-wrap { font-size:24px; } .carely-avl-payoutbal { color:#777; margin-right:10px; } .carely-payoutbal-wrap .amount { color:#42bf37; font-weight:bold; font-size:inherit !important; } @media only screen and (max-width:1600px){ .aon-admin-heading h3 { font-size:28px; } } @media only screen and (max-width:1199px){ .card-cost-section-block ul li { width: 33.33%; } } @media only screen and (max-width:991px){ .sf-upload-control [class*='col-']{margin-bottom: 10px;} .partners-info-wrap .row [class*="col-"] .partners-info {padding: 15px 50px;} .card-custom-left{margin-bottom: 30px; display: block; padding-left:0px; padding-right:0px;} .card-custom-area{display: block;} .sf-appoint-doc-wrap{margin-bottom: 30px;} .card-reg-form-lr-wrap{display: block;} .card-reg-form-left{max-width: 100%;} } @media only screen and (max-width:768px){ .card-custom-left {margin: 0px auto; text-align: center;} .card-custom-left .admin-button {margin-top: 30px;} .card-custom-left .aon-pro-avtar-pic{margin-bottom: 30px;} } @media only screen and (max-width:767px){ div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate{text-align: left !important;} div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:last-child { padding-right: 0; padding-left: 0px; } } @media only screen and (max-width:540px){ .card-cost-section-block ul li { width: 50%; } } @media only screen and (max-width:460px){ .aon-feedback-list{margin-left: 30px;} .aon-feedback-date {position: relative; left: 0; margin-bottom: 30px; display: inline-block;} .aon-feedback-date::after{ left: auto; right:100%; top:41px; border-width: 7px 12px 7px 0px; border-color: transparent var(--ao-primary) transparent transparent; } .aon-admin-heading h3{font-size: 20px; } .aon-feedback-list > li::before { top: 70px; } } @media only screen and (max-width:375px){ .card-cost-section-block ul li { width: 100%; } } @media only screen and (max-width:360px){ .aon-pro-team-pic{width: 100%; height: auto;} } .side-bar .widget { padding: 30px; background-color: #fff; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); border-radius:10px; } .side-bar .widget .widget-title { position: relative; padding-bottom: 15px; } .side-bar .widget .widget-title::before { content: ''; position: absolute; bottom: 0px; left: 0px; background-color: var(--ao-primary); width: 50px; height: 3px; } .side-bar .widget .form-control { background-color: #f9f9f9; } .side-bar .search-bx .input-group-btn .btn { background-color: var(--ao-primary); color: #fff; border-radius: 0px; height: 50px; padding: 0px 20px; } .side-bar .widget_services ul { list-style: none; padding-left: 0; margin-bottom: 0; background-color: #fff; } .side-bar .widget_services ul li { position: relative; padding: 10px 0px 10px 15px; line-height: 20px; font-size: 14px; display: flex; justify-content: space-between; flex-wrap: nowrap; border-bottom: 1px solid #e7e7e7; } .side-bar .widget_services ul li::after { content: '\f105'; font-family: 'FontAwesome'; color: var(--ao-primary); position: absolute; left: 0px; top: 10px; } .side-bar .widget_services ul li a { color: #000; margin-left: 0px; padding: 0px; display: inline-block; font-family: "Mulish", sans-serif; font-size: 14px; font-weight: 600; } .side-bar .widget_services ul li .badge { background: none; background-color: rgba(0, 0, 0, 0); color: #000; font-size: 12px; font-weight: 600; padding: 7px; background-color: #e7e7e7; } .side-bar .widget_archives ul { list-style: none; padding-left: 0; margin-bottom: 0; background-color: #fff; } .side-bar .widget_archives ul li { position: relative; padding: 10px 0px 10px 15px; line-height: 20px; font-size: 14px; display: flex; justify-content: space-between; flex-wrap: nowrap; } .side-bar .widget_archives ul li a { color: #000; margin-left: 0px; padding: 0px; display: inline-block; font-family: "Mulish", sans-serif; font-size: 14px; font-weight: 600; } .side-bar .widget_archives ul li::after { content: ''; width: 4px; height: 5px; border-radius: 50%; background-color: var(--ao-primary); position: absolute; left: 0px; top: 17px; } .shop-item-price-slider { display: flex; white-space: nowrap; } .shop-item-price-slider .slider.slider-horizontal { width: 100%; margin-left: 10px; margin-right: 10px; } .shop-item-price-slider { white-space: nowrap; } .shop-item-price-slider .slider.slider-horizontal .slider-track { height: 8px; background-color: var(--ao-primary); background-image: none; margin-top: 0px; margin-left: 0px; } .shop-item-price-slider .slider.slider-horizontal .slider-handle { background-color: var(--ao-primary); background-image: none; width: 15px; height: 15px; top: 7px; margin-left: -5px; } @media only screen and (max-width:991px){ .single-product-title .post-title{ font-size: 30px; } } @media only screen and (max-width:767px){ .single-product-title .post-title{ font-size: 26px; } } .quantity.btn-quantity.m-b20 { max-width: 130px; display: inline-block; margin-right: 20px; } .gallery-posts-widget{margin-bottom: -16px;} .wt-product-gallery .product-view { position: absolute; top: 10px; right: 10px; } .wt-product-gallery .product-view .product-view-btn { background-color: #fff; color: #000; font-size: 22px; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); display: block; text-align: center; } #sync1 { border:1px solid #ddd; margin-bottom: 13px; } #sync2 .item { border:1px solid #ddd; } /* This CSS file is unnecessary if you are not using vertical buttons functionality */ .bootstrap-touchspin .input-group-btn-vertical { position: absolute; right: 0; height: 100%; z-index: 11; } .bootstrap-touchspin .input-group-btn-vertical > .btn { position: absolute; right: 0; height: 50%; padding: 0; width: 2em; text-align: center; line-height: 1; } .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up { border-radius: 0 4px 0 0; top: 0; background:#fff; border-color:#ddd; color:#777; } .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down { border-radius: 0 4px 0 0; bottom:0; background:#fff; border-color:#ddd; color:#777; } .sf-radio-row .checkbox { padding:14px 15px; border:1px solid #e8edf1; margin:0px -0.5px; } .sf-radio-row .checkbox label { margin:0px; } .sf-radio-row .checkbox:first-child { border-radius:5px 0px 0px 5px; } .sf-radio-row .checkbox:last-child { border-radius:0px 5px 5px 0px; } @media only screen and (max-width:420px){ .sf-radio-row{display: block !important;} .sf-radio-row .sf-radio-checkbox {width: 100% !important; margin-bottom:-0.5px;} .sf-radio-row .checkbox:first-child { border-radius:5px 5px 0px 0px; } .sf-radio-row .checkbox:last-child { border-radius:0px 0px 5px 5px; } } .aon-book-plan { list-style:none; margin:0px; width:100%; padding:0px; } .aon-book-plan li { background:#fff; padding:15px; border:1px solid #ddd; border-radius:5px; margin-bottom:15px; } .aon-book-plan li:last-child { margin-bottom:0px; } .aon-book-plan li strong { padding-left:10px; color:#222; display:block; } .aon-book-plan li p { padding-left:10px; color:#777; } .aon-form-logo { display:table; margin:auto; } .aon-form-doc-pic { width:50px; height:50px; border-radius:100%; overflow:hidden; margin-right:15px; background:#ddd; border-radius:50px; } .aon-form-doc-pic { width:50px; height:50px; border-radius:100%; overflow:hidden; } .aon-form-doc-info strong, .aon-form-doc-info span { display:block;} .aon-form-doc-info strong { color:#222; } .aon-form-doc-info span { color:#777; font-size:14px;} .aon-form-consul-free { text-align:right; } .aon-form-consul-free > strong, .aon-form-consul-free > span { display:block; } .aon-form-consul-free > strong { color:#222; } .aon-form-consul-free > span { color: var(--ao-primary); } .aon-form-back-btn { background:none; padding:0px; color: var(--ao-primary); border:none; } @media only screen and (max-width:768px){ .aon-form-logo { float:left; width: 120px; margin:0; } .btn-back-to-home { padding: 2px 10px; font-size: 12px; top:15px; right:15px; } .aon-booking-form { padding: 15px; } } .aon-admin-footer { position:static; z-index:9; background:#fff; border-top:1px solid #ddd; bottom:0px; right:0px; width:calc(100% - 0px); padding:10px 15px; transition: all 0.5s ease; padding-top:20px; } .active .aon-admin-footer { width:calc(100% - 0px); } .aon-admin-footer .alert-success { padding:3px 15px; margin: 0px; font-size:14px; border-color: #329366; background: none; color: #329366; } @media only screen and (max-width:768px){ .aon-admin-footer { width:calc(100% - 0px); } .active .aon-admin-footer { width:calc(100% - 250px); } .cus-account-wrap .aon-admin-footer { border: 1px solid #e6ebf1; border-radius: 10px; padding: 15px 15px; text-align: center; position: static; display:block !important;} .aon-admin-footer-left { margin-bottom: 10px; } } @media only screen and (max-width:767px){ .aon-admin-footer { border: 1px solid #e6ebf1; border-radius: 10px; padding: 15px 15px; text-align: center; position: static; display: block !important;} } @media only screen and (max-width:575px){ .aon-admin-footer .alert-success{margin-right: 10px;} .aon-admin-footer .aon-admin-footer-right .admin-button {margin-bottom: 3px;} } .table > tbody > tr { background:#f3f5f6 !important; } .table > tbody > tr:after { content:""; height:10px; display:table; width: 100%; } .aon-table-custom > tbody > tr > td { border-bottom: 10px solid #f8f9fb; } div.dataTables_wrapper div.dataTables_length select { background:#f3f5f6 ; min-width:250px; } div.dataTables_wrapper div.dataTables_filter input { background:#f3f5f6 ; min-width:250px; } .aon-table-custom > thead > tr > th { border-bottom: 1px solid #fff !important; border-top: 1px solid #fff !important;} .btn-pending { padding:3px 10px; border-radius:30px; font-size:14px; font-weight:600; border:1px solid #ffd986; color:#885d00; border-radius:5px; background-color:#ffd986; } .btn-cancelled { padding:3px 10px; border-radius:30px; font-size:14px; font-weight:600; border:1px solid #885d00; color:#087700; border-radius:5px; background-color:#885d00; } .btn-complete { padding: 3px 10px; border-radius:30px; font-size:14px; font-weight:600; border: 1px solid #89cc46; color: #4b090b; border-radius: 5px; background-color:#ff8689; } /* Animate Up Down*/ .animate-v { -webkit-animation: upNdown1 5s infinite linear; animation: upNdown1 2s infinite linear; } @-webkit-keyframes upNdown1 { 0% { } 50% { transform: translateY(-30px); } 100% { } } @keyframes upNdown1 { 0% { } 50% { transform: translateY(30px); } 100% { } } .animate-curve:after { -webkit-animation: upNdown2 5s infinite linear; animation: upNdown2 2s infinite linear; } @-webkit-keyframes upNdown2 { 0% { } 50% { transform: translateY(-10px); } 100% { } } @keyframes upNdown2 { 0% { } 50% { transform: translateY(10px); } 100% { } } .animate-curve:after { -webkit-animation: upNdown2 5s infinite linear; animation: upNdown2 2s infinite linear; } @-webkit-keyframes upNdown2 { 0% { } 50% { transform: translateY(-10px); } 100% { } } @keyframes upNdown2 { 0% { } 50% { transform: translateY(10px); } 100% { } } /* Animate Up Down 2*/ .animate-v2 { -webkit-animation: upNdown11 5s infinite linear; animation: upNdown11 2s infinite linear; } @-webkit-keyframes upNdown11 { 0% { } 50% { transform: translateY(-5px); } 100% { } } @keyframes upNdown11 { 0% { } 50% { transform: translateY(5px); } 100% { } } /* Animate Up Down 2*/ .animate-v3 { -webkit-animation: upNdown12 5s infinite linear; animation: upNdown12 2s infinite linear; } @-webkit-keyframes upNdown12 { 0% { } 50% { transform: translateY(5px); } 100% { } } @keyframes upNdown12 { 0% { } 50% { transform: translateY(-5px); } 100% { } } /* Shine Animation*/ .shine-hover .shine-box { position: relative; overflow:hidden; } .shine-hover .shine-box::before { position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); } .shine-hover .shine-box:hover::before { -webkit-animation: shine .75s; animation: shine .75s; } @-webkit-keyframes shine { 100% { left: 125%; } } @keyframes shine { 100% { left: 125%; } } /* Roted Image */ .zoom-box:hover { -moz-transform: scale(1.02); -webkit-transform: scale(1.02); -o-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } /* Icon Verticle Animation */ .aon-icon { font-style: normal; font-variant: normal; text-transform: none; display: block; margin:auto; } .aon-icon-effect:hover .aon-icon { -webkit-animation: toTopFromBottom 0.3s forwards; -moz-animation: toTopFromBottom 0.3s forwards; animation: toTopFromBottom 0.3s forwards; } @-webkit-keyframes toTopFromBottom { 49% {-webkit-transform: translateY(-100%); } 50% {opacity: 0; -webkit-transform: translateY(100%);} 51% {opacity: 1;} } @-moz-keyframes toTopFromBottom { 49% {-moz-transform: translateY(-100%);} 50% {opacity: 0; -moz-transform: translateY(100%); } 51% {opacity: 1; } } @keyframes toTopFromBottom { 49% {transform: translateY(-100%);} 50% {opacity: 0;transform: translateY(100%);} 51% {opacity: 1; } } #multistep_form fieldset:not(:first-of-type) { display: none; } .page-logo img { max-height:80px; } @media only screen and (max-width:991px){ .section-full.p-t120.p-b90{ padding-top: 40px; padding-bottom: 10px; } } @media only screen and (max-width:460px){ .product-filter-wrap { flex-wrap:wrap; } .product-filter-wrap .woocommerce-result-count { margin-bottom: 10px; width:100%; } .product-filter-wrap .woocommerce-ordering { width:100%; } } #sf-provider-info .provider-social { margin: 0 -5px; } .availibility-start .form-group, .availibility-end .form-group { position:relative;} .availibility-list { margin:0px; padding:0px; } .availibility-list li { position:relative; } .availibility-list .sf-daytime-has > .form-select { margin-bottom:25px; } .availibility-list .sf-daytime-has > .form-control { margin-bottom:25px; } .availibility-list [id*="remove-edit"] .availibility-time-select > .form-control { padding-left:12px; } @media only screen and (max-width:991px){ .availibility-list .availibility-start, .availibility-list .availibility-end, .availibility-list .sf-daytime-has { width: 100%; } } @media only screen and (max-width:480px){ .aon-availibility-right .aon-availibility-edit{display: block; margin-bottom: 3px;} } .availibility-edit { position: absolute; top:8px; right:4px; display:table; width:180px; height:32px; } .availibility-edit > div { display:table-cell; padding:0px 4px; vertical-align: middle; } .availibility-time-select { width:100px; } .availibility-time-select .form-control { height:32px; background:#f0efef; } .btn-time-zone { background:#FFF; border:1px solid #ddd; border-radius:5px; height:32px; font-size:14px; padding:0px 10px; color:#777; } .btn-time-remove { position: absolute; top: 0px; left: 12px; background: #FFF; border: 1px solid #ea4e4e; border-radius: 20px; width: 18px; height: 18px; line-height: 18px; font-size: 10px; padding: 0px; color: #ea4e4e; margin: 16px -9px; z-index:4; display:flex; align-items:center; justify-content:center; } .btn-time-remove:hover { background: #ea4e4e; border: 1px solid #ea4e4e; color: #fff; } .active-zone .btn-time-zone { border:1px solid var(--ao-primary); color: var(--ao-primary); } .aon-availibility-edit { display:inline-flex; margin-top:3px; margin-bottom:3px; color: #000; margin-right: 10px; cursor: pointer; border: 1px solid #777; padding: 2px 10px; font-size: 12px; border-radius: 5px; } .aon-avai-edit-btn { color: var(--ao-primary); cursor: pointer; position: absolute; top:8px; right: 0; } .aon-availibility-body { border-bottom:1px solid #ddd; margin-bottom:20px; } .add-another-time { border: 2px dashed #09358c; color: #09358c; text-align: center; margin-bottom: 30px; padding: 10px 20px; border-radius: 5px; cursor:pointer; } .custom-schedule-box { border: 1px solid #ddd; border-radius:10px; padding:15px; display:table; width:100%; margin-bottom:30px; } .custom-schedule-box > div { display:table-cell; vertical-align:middle; } .custom-schedule-date { width:100px; border:1px solid var(--ao-primary); font-size:40px; border-radius:10px; text-align:center; padding:15px; position:relative; } .custom-schedule-date strong { font-size:50px; line-height:50px; display:block; color: var(--ao-primary); } .custom-schedule-date span { font-size:20px; line-height:20px; display:block; color:#999; } .custom-schedule-date .schedule-date-trash { position: absolute; top:10px; left: 10px; font-size:14px; padding: 0px; color: #777; cursor:pointer; } .custom-schedule-date .schedule-date-edit { position: absolute; top:10px; right: 10px; font-size:14px; padding: 0px; color: #777; cursor:pointer; } .custom-schedule-time { padding-left:20px; } .custom-schedule-time ul { list-style:none; margin:0px; } .custom-schedule-time ul li { display:inline-block; cursor:pointer; background: var(--ao-primary); border:1px solid var(--ao-primary); color:#fff; border-radius:5px; padding:3px 15px; margin-right:10px; margin-top:5px; margin-bottom:5px; } .custom-schedule-time ul li:hover { background: var(--ao-primary); color:#fff; } @media only screen and (max-width:380px){ .custom-schedule-box { display:block;} .custom-schedule-box > div {display:block;} .custom-schedule-time{padding-left: 0px;} .custom-schedule-time ul li{display: block; margin-right: 0px;} } .bootstrap-datetimepicker-widget td, .bootstrap-datetimepicker-widget th { border:none; } .bootstrap-datetimepicker-widget td [class*="icon-"] { background:#fff; color:#000; } .bootstrap-datetimepicker-widget td [class*="icon-"]:hover { background: var(--ao-primary); color:#fff !important; } .custom-schedule-year { margin-bottom:30px; position:relative; } .custom-schedule-year strong { display:inline-block; background:#09358c; color:#fff; padding:5px 20px; border-radius:5px; position:relative; z-index: 1;} .custom-schedule-year:after { content: ""; position:absolute; top:18px; left:0px; height:2px; background:#ddd; width:100%;} .edit-time-title { border-bottom:1px solid #ddd; margin-bottom:20px; padding-bottom:10px; } .edit-time-lists { list-style:none; margin:0px; } .edit-time-lists li { display:inline-block; display:inline-block; padding:3px 15px; border:1px solid var(--ao-primary); background: var(--ao-primary); color:#fff; border-radius:5px; margin-right:10px; margin-bottom:10px; } .edit-time-hide { opacity:0.5; cursor:not-allowed; } .holiday-date-list { list-style:none; padding:0px; } .holiday-date-list li { display:inline-flex; margin-right:10px; margin-bottom:10px; position:relative; } .holiday-off-date { width:100px; border:1px solid var(--ao-primary); font-size:40px; border-radius:10px; text-align:center; padding:15px; } .holiday-off-date strong { font-size:50px; line-height:50px; display:block; color: var(--ao-primary); } .holiday-off-date span { font-size:16px; line-height:20px; display:block; color:#999; } .holiday-off-date i { position: absolute; top:10px; left: 10px; font-size:14px; padding: 0px; color: #777; cursor:pointer; } .add-holiday-date { border: 2px dashed #09358c; color:#09358c; padding: 10px 10px; border-radius: 10px; align-items: center; display:flex; cursor:pointer; } .add-holiday-date i { margin-right:5px; } .aon-availibility-day { display: flex; align-items: center; } .aon-availibility-day { display: flex; align-items: center; } .aon-availibility-time { position:relative; } .aon-availibility-time { padding-left:15px; } .aon-availibility-left { border-right: 1px solid #ddd; padding-right: 15px; margin-right: 15px; min-width: 120px; } .aon-availibility-left h4 { margin:0px; line-height:1; } .aon-availibility-right { position: relative; padding-right: 15px; } .add-another-custom-time { display: inline-flex; align-items: center; border-width:1px; border-style:solid; border-color: var(--ao-primary); color: var(--ao-primary); padding: 2px 10px; border-radius: 5px; cursor: pointer; } .add-another-custom-time .fa { margin-right:5px; } .add-another-custom-time:hover { background: var(--ao-primary); color:#fff; } @media only screen and (max-width:767px) { .aon-availibility-head { flex-wrap:wrap; } .aon-availibility-day { width:100%; justify-content: space-between; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #ddd; } .aon-availibility-time { width: 100%; padding: 0; } .toggle-on.btn , .toggle-off.btn {line-height:1; padding-top: 4px; padding-bottom: 4px; font-size:12px; } .toggle.btn { min-height: 26px; height: 24px !important; } } .aon-login-sign-tabs { margin:0px 30px; } .aon-login-sign-tabs li { width:50% !important; } .header-style-1 .aon-btn-signup { color: #fff; } .header-style-2 .aon-btn-signup { color: #000; } .header-style-3 .aon-btn-signup { color: #fff; } .header-style-1 .color-fill .aon-btn-signup { color: #000; } .header-style-3 .color-fill .aon-btn-signup { color: #000; } @media only screen and (max-width:767px) { .header-style-1 .color-fill .aon-btn-signup { color: #fff; } .header-style-2 .aon-btn-signup { color: #fff; } .header-style-3 .color-fill .aon-btn-signup { color: #fff; } } .sf-map-media .aon-search-wh-full > iframe { width:100%; height:700px; } .logo-pic-two { display:none; } .color-fill .logo-pic-two { display:block; } .color-fill .logo-pic-one { display:none; } .emailtemplateform .aon-card { max-width:1200px; } /*------------------------------------- Loading -------------------------------------*/ .panel-loading-area { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 9999; overflow: hidden; display:none; } .panel-loading-area .loading-box { width: 100%; height: 100%; background-color:rgba(255,255,255,0.9); position: absolute; left: 0; top: 0; opacity: 1;z-index: 9999; } /*loading - 1*/ .loading-area { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 99999; overflow: hidden; } .loading-box { width: 100%; height: 100%; background-color:rgba(255,255,255,0.9); position: absolute; left: 0; top: 0; opacity: 1;z-index: 9999; } .loading-pic { width: 100%; position: absolute; top: 50%; z-index: 99999; text-align: center; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .windows8 { position: relative; width: 78px; height:78px; margin:auto; } .windows8 .wBall { position: absolute; width: 74px; height: 74px; opacity: 0; transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); animation: orbit 6.96s infinite; -o-animation: orbit 6.96s infinite; -ms-animation: orbit 6.96s infinite; -webkit-animation: orbit 6.96s infinite; -moz-animation: orbit 6.96s infinite; } .windows8 .wBall .wInnerBall { position: absolute; width: 10px; height: 10px; background: rgb(0,0,0); left:0px; top:0px; border-radius: 10px; } .windows8 #wBall_1 { animation-delay: 1.52s; -o-animation-delay: 1.52s; -ms-animation-delay: 1.52s; -webkit-animation-delay: 1.52s; -moz-animation-delay: 1.52s; } .windows8 #wBall_2 { animation-delay: 0.3s; -o-animation-delay: 0.3s; -ms-animation-delay: 0.3s; -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s;} .windows8 #wBall_3 {animation-delay: 0.61s; -o-animation-delay: 0.61s; -ms-animation-delay: 0.61s; -webkit-animation-delay: 0.61s; -moz-animation-delay: 0.61s; } .windows8 #wBall_4 { animation-delay: 0.91s; -o-animation-delay: 0.91s; -ms-animation-delay: 0.91s; -webkit-animation-delay: 0.91s; -moz-animation-delay: 0.91s; } .windows8 #wBall_5 { animation-delay: 1.22s;-o-animation-delay: 1.22s; -ms-animation-delay: 1.22s; -webkit-animation-delay: 1.22s; -moz-animation-delay: 1.22s; } @keyframes orbit { 0% { opacity: 1; z-index:99; transform: rotate(180deg); animation-timing-function: ease-out; } 7% { opacity: 1; transform: rotate(300deg); animation-timing-function: linear; } 30% { opacity: 1; transform:rotate(410deg); animation-timing-function: ease-in-out; } 39% { opacity: 1; transform: rotate(645deg); animation-timing-function: linear; } 70% { opacity: 1; transform: rotate(770deg); animation-timing-function: ease-out; } 75% { opacity: 1; transform: rotate(900deg); animation-timing-function: ease-out; } 76% { opacity: 0; transform:rotate(900deg); } 100% { opacity: 0; transform: rotate(900deg); } } @-o-keyframes orbit { 0% { opacity: 1; z-index:99; -o-transform: rotate(180deg);-o-animation-timing-function: ease-out; } 7% { opacity: 1; -o-transform: rotate(300deg); -o-animation-timing-function: linear; -o-origin:0%; } 30% { opacity: 1; -o-transform:rotate(410deg); -o-animation-timing-function: ease-in-out; -o-origin:7%; } 39% { opacity: 1; -o-transform: rotate(645deg); -o-animation-timing-function: linear; -o-origin:30%; } 70% { opacity: 1; -o-transform: rotate(770deg); -o-animation-timing-function: ease-out; -o-origin:39%; } 75% { opacity: 1; -o-transform: rotate(900deg); -o-animation-timing-function: ease-out; -o-origin:70%; } 76% { opacity: 0; -o-transform:rotate(900deg); } 100% { opacity: 0; -o-transform: rotate(900deg); } } @-ms-keyframes orbit { 0% { opacity: 1; z-index:99; -ms-transform: rotate(180deg); -ms-animation-timing-function: ease-out; } 7% { opacity: 1; -ms-transform: rotate(300deg); -ms-animation-timing-function: linear; -ms-origin:0%; } 30% { opacity: 1; -ms-transform:rotate(410deg); -ms-animation-timing-function: ease-in-out; -ms-origin:7%; } 39% { opacity: 1; -ms-transform: rotate(645deg); -ms-animation-timing-function: linear; -ms-origin:30%; } 70% { opacity: 1; -ms-transform: rotate(770deg); -ms-animation-timing-function: ease-out; -ms-origin:39%; } 75% { opacity: 1; -ms-transform: rotate(900deg); -ms-animation-timing-function: ease-out; -ms-origin:70%; } 76% { opacity: 0; -ms-transform:rotate(900deg); } 100% { opacity: 0; -ms-transform: rotate(900deg); } } @-webkit-keyframes orbit { 0% { opacity: 1; z-index:99; -webkit-transform: rotate(180deg); -webkit-animation-timing-function: ease-out; } 7% { opacity: 1; -webkit-transform: rotate(300deg); -webkit-animation-timing-function: linear; -webkit-origin:0%; } 30% { opacity: 1; -webkit-transform:rotate(410deg); -webkit-animation-timing-function: ease-in-out; -webkit-origin:7%; } 39% { opacity: 1; -webkit-transform: rotate(645deg); -webkit-animation-timing-function: linear; -webkit-origin:30%; } 70% { opacity: 1; -webkit-transform: rotate(770deg); -webkit-animation-timing-function: ease-out; -webkit-origin:39%; } 75% { opacity: 1; -webkit-transform: rotate(900deg); -webkit-animation-timing-function: ease-out; -webkit-origin:70%; } 76% { opacity: 0; -webkit-transform:rotate(900deg); } 100% { opacity: 0; -webkit-transform: rotate(900deg); } } @-moz-keyframes orbit { 0% { opacity: 1; z-index:99; -moz-transform: rotate(180deg); -moz-animation-timing-function: ease-out; } 7% { opacity: 1; -moz-transform: rotate(300deg); -moz-animation-timing-function: linear; -moz-origin:0%; } 30% { opacity: 1; -moz-transform:rotate(410deg); -moz-animation-timing-function: ease-in-out; -moz-origin:7%; } 39% { opacity: 1; -moz-transform: rotate(645deg); -moz-animation-timing-function: linear; -moz-origin:30%; } 70% { opacity: 1; -moz-transform: rotate(770deg); -moz-animation-timing-function: ease-out; -moz-origin:39%; } 75% { opacity: 1; -moz-transform: rotate(900deg); -moz-animation-timing-function: ease-out; -moz-origin:70%; } 76% { opacity: 0; -moz-transform:rotate(900deg); } 100% { opacity: 0; -moz-transform: rotate(900deg); } } /*Site Loader CSS*/ .cssload-wrap { text-align: center; line-height: 225px; display: flex; justify-content: center; } .cs-message-area.cs-message-panel .cssload-wrap .content { transform: scale(0.7); } .cssload-container { display: inline-block; } .cssload-dots { display: inline-block; position: relative; } .cssload-dots:not(:last-child) { margin-right: 10px; } .cssload-dots:before, .cssload-dots:after { content: ""; display: inline-block; width: 7px; height: 7px; border-radius: 50%; position: absolute; } .cssload-dots:nth-child(1):before { transform: translateY(-200%); -o-transform: translateY(-200%); -ms-transform: translateY(-200%); -webkit-transform: translateY(-200%); -moz-transform: translateY(-200%); animation: cssload-animBefore 1.15s linear infinite; -o-animation: cssload-animBefore 1.15s linear infinite; -ms-animation: cssload-animBefore 1.15s linear infinite; -webkit-animation: cssload-animBefore 1.15s linear infinite; -moz-animation: cssload-animBefore 1.15s linear infinite; animation-delay: -1.04s; -o-animation-delay: -1.04s; -ms-animation-delay: -1.04s; -webkit-animation-delay: -1.04s; -moz-animation-delay: -1.04s; background-color: var(--ao-primary); } .cssload-dots:nth-child(1):after { transform: translateY(200%); -o-transform: translateY(200%); -ms-transform: translateY(200%); -webkit-transform: translateY(200%); -moz-transform: translateY(200%); animation: cssload-animAfter 1.15s linear infinite; -o-animation: cssload-animAfter 1.15s linear infinite; -ms-animation: cssload-animAfter 1.15s linear infinite; -webkit-animation: cssload-animAfter 1.15s linear infinite; -moz-animation: cssload-animAfter 1.15s linear infinite; animation-delay: -1.04s; -o-animation-delay: -1.04s; -ms-animation-delay: -1.04s; -webkit-animation-delay: -1.04s; -moz-animation-delay: -1.04s; background-color: var(--secondary); } .cssload-dots:nth-child(2):before { transform: translateY(-200%); -o-transform: translateY(-200%); -ms-transform: translateY(-200%); -webkit-transform: translateY(-200%); -moz-transform: translateY(-200%); animation: cssload-animBefore 1.15s linear infinite; -o-animation: cssload-animBefore 1.15s linear infinite; -ms-animation: cssload-animBefore 1.15s linear infinite; -webkit-animation: cssload-animBefore 1.15s linear infinite; -moz-animation: cssload-animBefore 1.15s linear infinite; animation-delay: -2.07s; -o-animation-delay: -2.07s; -ms-animation-delay: -2.07s; -webkit-animation-delay: -2.07s; -moz-animation-delay: -2.07s; background-color: var(--ao-primary); } .cssload-dots:nth-child(2):after { transform: translateY(200%); -o-transform: translateY(200%); -ms-transform: translateY(200%); -webkit-transform: translateY(200%); -moz-transform: translateY(200%); animation: cssload-animAfter 1.15s linear infinite; -o-animation: cssload-animAfter 1.15s linear infinite; -ms-animation: cssload-animAfter 1.15s linear infinite; -webkit-animation: cssload-animAfter 1.15s linear infinite; -moz-animation: cssload-animAfter 1.15s linear infinite; animation-delay: -2.07s; -o-animation-delay: -2.07s; -ms-animation-delay: -2.07s; -webkit-animation-delay: -2.07s; -moz-animation-delay: -2.07s; background-color: var(--secondary); } .cssload-dots:nth-child(3):before { transform: translateY(-200%); -o-transform: translateY(-200%); -ms-transform: translateY(-200%); -webkit-transform: translateY(-200%); -moz-transform: translateY(-200%); animation: cssload-animBefore 1.15s linear infinite; -o-animation: cssload-animBefore 1.15s linear infinite; -ms-animation: cssload-animBefore 1.15s linear infinite; -webkit-animation: cssload-animBefore 1.15s linear infinite; -moz-animation: cssload-animBefore 1.15s linear infinite; animation-delay: -3.11s; -o-animation-delay: -3.11s; -ms-animation-delay: -3.11s; -webkit-animation-delay: -3.11s; -moz-animation-delay: -3.11s; background-color: var(--ao-primary); } .cssload-dots:nth-child(3):after { transform: translateY(200%); -o-transform: translateY(200%); -ms-transform: translateY(200%); -webkit-transform: translateY(200%); -moz-transform: translateY(200%); animation: cssload-animAfter 1.15s linear infinite; -o-animation: cssload-animAfter 1.15s linear infinite; -ms-animation: cssload-animAfter 1.15s linear infinite; -webkit-animation: cssload-animAfter 1.15s linear infinite; -moz-animation: cssload-animAfter 1.15s linear infinite; animation-delay: -3.11s; -o-animation-delay: -3.11s; -ms-animation-delay: -3.11s; -webkit-animation-delay: -3.11s; -moz-animation-delay: -3.11s; background-color: var(--secondary); } .cssload-dots:nth-child(4):before { transform: translateY(-200%); -o-transform: translateY(-200%); -ms-transform: translateY(-200%); -webkit-transform: translateY(-200%); -moz-transform: translateY(-200%); animation: cssload-animBefore 1.15s linear infinite; -o-animation: cssload-animBefore 1.15s linear infinite; -ms-animation: cssload-animBefore 1.15s linear infinite; -webkit-animation: cssload-animBefore 1.15s linear infinite; -moz-animation: cssload-animBefore 1.15s linear infinite; animation-delay: -4.14s; -o-animation-delay: -4.14s; -ms-animation-delay: -4.14s; -webkit-animation-delay: -4.14s; -moz-animation-delay: -4.14s; background-color: var(--ao-primary); } .cssload-dots:nth-child(4):after { transform: translateY(200%); -o-transform: translateY(200%); -ms-transform: translateY(200%); -webkit-transform: translateY(200%); -moz-transform: translateY(200%); animation: cssload-animAfter 1.15s linear infinite; -o-animation: cssload-animAfter 1.15s linear infinite; -ms-animation: cssload-animAfter 1.15s linear infinite; -webkit-animation: cssload-animAfter 1.15s linear infinite; -moz-animation: cssload-animAfter 1.15s linear infinite; animation-delay: -4.14s; -o-animation-delay: -4.14s; -ms-animation-delay: -4.14s; -webkit-animation-delay: -4.14s; -moz-animation-delay: -4.14s; background-color: var(--secondary); } .cssload-dots:nth-child(5):before { transform: translateY(-200%); -o-transform: translateY(-200%); -ms-transform: translateY(-200%); -webkit-transform: translateY(-200%); -moz-transform: translateY(-200%); animation: cssload-animBefore 1.15s linear infinite; -o-animation: cssload-animBefore 1.15s linear infinite; -ms-animation: cssload-animBefore 1.15s linear infinite; -webkit-animation: cssload-animBefore 1.15s linear infinite; -moz-animation: cssload-animBefore 1.15s linear infinite; animation-delay: -5.18s; -o-animation-delay: -5.18s; -ms-animation-delay: -5.18s; -webkit-animation-delay: -5.18s; -moz-animation-delay: -5.18s; background-color: var(--ao-primary); } .cssload-dots:nth-child(5):after { transform: translateY(200%); -o-transform: translateY(200%); -ms-transform: translateY(200%); -webkit-transform: translateY(200%); -moz-transform: translateY(200%); animation: cssload-animAfter 1.15s linear infinite; -o-animation: cssload-animAfter 1.15s linear infinite; -ms-animation: cssload-animAfter 1.15s linear infinite; -webkit-animation: cssload-animAfter 1.15s linear infinite; -moz-animation: cssload-animAfter 1.15s linear infinite; animation-delay: -5.18s; -o-animation-delay: -5.18s; -ms-animation-delay: -5.18s; -webkit-animation-delay: -5.18s; -moz-animation-delay: -5.18s; background-color: var(--secondary); } .cssload-dots:nth-child(6):before { transform: translateY(-200%); -o-transform: translateY(-200%); -ms-transform: translateY(-200%); -webkit-transform: translateY(-200%); -moz-transform: translateY(-200%); animation: cssload-animBefore 1.15s linear infinite; -o-animation: cssload-animBefore 1.15s linear infinite; -ms-animation: cssload-animBefore 1.15s linear infinite; -webkit-animation: cssload-animBefore 1.15s linear infinite; -moz-animation: cssload-animBefore 1.15s linear infinite; animation-delay: -6.21s; -o-animation-delay: -6.21s; -ms-animation-delay: -6.21s; -webkit-animation-delay: -6.21s; -moz-animation-delay: -6.21s; background-color: var(--ao-primary); } .cssload-dots:nth-child(6):after { transform: translateY(200%); -o-transform: translateY(200%); -ms-transform: translateY(200%); -webkit-transform: translateY(200%); -moz-transform: translateY(200%); animation: cssload-animAfter 1.15s linear infinite; -o-animation: cssload-animAfter 1.15s linear infinite; -ms-animation: cssload-animAfter 1.15s linear infinite; -webkit-animation: cssload-animAfter 1.15s linear infinite; -moz-animation: cssload-animAfter 1.15s linear infinite; animation-delay: -6.21s; -o-animation-delay: -6.21s; -ms-animation-delay: -6.21s; -webkit-animation-delay: -6.21s; -moz-animation-delay: -6.21s; background-color: var(--secondary); } .cssload-dots:nth-child(7):before { transform: translateY(-200%); -o-transform: translateY(-200%); -ms-transform: translateY(-200%); -webkit-transform: translateY(-200%); -moz-transform: translateY(-200%); animation: cssload-animBefore 1.15s linear infinite; -o-animation: cssload-animBefore 1.15s linear infinite; -ms-animation: cssload-animBefore 1.15s linear infinite; -webkit-animation: cssload-animBefore 1.15s linear infinite; -moz-animation: cssload-animBefore 1.15s linear infinite; animation-delay: -7.25s; -o-animation-delay: -7.25s; -ms-animation-delay: -7.25s; -webkit-animation-delay: -7.25s; -moz-animation-delay: -7.25s; background-color: var(--ao-primary); } .cssload-dots:nth-child(7):after { transform: translateY(200%); -o-transform: translateY(200%); -ms-transform: translateY(200%); -webkit-transform: translateY(200%); -moz-transform: translateY(200%); animation: cssload-animAfter 1.15s linear infinite; -o-animation: cssload-animAfter 1.15s linear infinite; -ms-animation: cssload-animAfter 1.15s linear infinite; -webkit-animation: cssload-animAfter 1.15s linear infinite; -moz-animation: cssload-animAfter 1.15s linear infinite; animation-delay: -7.25s; -o-animation-delay: -7.25s; -ms-animation-delay: -7.25s; -webkit-animation-delay: -7.25s; -moz-animation-delay: -7.25s; background-color: var(--secondary); } .cssload-dots:nth-child(8):before { transform: translateY(-200%); -o-transform: translateY(-200%); -ms-transform: translateY(-200%); -webkit-transform: translateY(-200%); -moz-transform: translateY(-200%); animation: cssload-animBefore 1.15s linear infinite; -o-animation: cssload-animBefore 1.15s linear infinite; -ms-animation: cssload-animBefore 1.15s linear infinite; -webkit-animation: cssload-animBefore 1.15s linear infinite; -moz-animation: cssload-animBefore 1.15s linear infinite; animation-delay: -8.28s; -o-animation-delay: -8.28s; -ms-animation-delay: -8.28s; -webkit-animation-delay: -8.28s; -moz-animation-delay: -8.28s; background-color: var(--ao-primary); } .cssload-dots:nth-child(8):after { transform: translateY(200%); -o-transform: translateY(200%); -ms-transform: translateY(200%); -webkit-transform: translateY(200%); -moz-transform: translateY(200%); animation: cssload-animAfter 1.15s linear infinite; -o-animation: cssload-animAfter 1.15s linear infinite; -ms-animation: cssload-animAfter 1.15s linear infinite; -webkit-animation: cssload-animAfter 1.15s linear infinite; -moz-animation: cssload-animAfter 1.15s linear infinite; animation-delay: -8.28s; -o-animation-delay: -8.28s; -ms-animation-delay: -8.28s; -webkit-animation-delay: -8.28s; -moz-animation-delay: -8.28s; background-color: var(--secondary); } .cssload-dots:nth-child(9):before { transform: translateY(-200%); -o-transform: translateY(-200%); -ms-transform: translateY(-200%); -webkit-transform: translateY(-200%); -moz-transform: translateY(-200%); animation: cssload-animBefore 1.15s linear infinite; -o-animation: cssload-animBefore 1.15s linear infinite; -ms-animation: cssload-animBefore 1.15s linear infinite; -webkit-animation: cssload-animBefore 1.15s linear infinite; -moz-animation: cssload-animBefore 1.15s linear infinite; animation-delay: -9.32s; -o-animation-delay: -9.32s; -ms-animation-delay: -9.32s; -webkit-animation-delay: -9.32s; -moz-animation-delay: -9.32s; background-color: var(--ao-primary); } .cssload-dots:nth-child(9):after { transform: translateY(200%); -o-transform: translateY(200%); -ms-transform: translateY(200%); -webkit-transform: translateY(200%); -moz-transform: translateY(200%); animation: cssload-animAfter 1.15s linear infinite; -o-animation: cssload-animAfter 1.15s linear infinite; -ms-animation: cssload-animAfter 1.15s linear infinite; -webkit-animation: cssload-animAfter 1.15s linear infinite; -moz-animation: cssload-animAfter 1.15s linear infinite; animation-delay: -9.32s; -o-animation-delay: -9.32s; -ms-animation-delay: -9.32s; -webkit-animation-delay: -9.32s; -moz-animation-delay: -9.32s; background-color: var(--secondary); } .cssload-dots:nth-child(10):before { transform: translateY(-200%); -o-transform: translateY(-200%); -ms-transform: translateY(-200%); -webkit-transform: translateY(-200%); -moz-transform: translateY(-200%); animation: cssload-animBefore 1.15s linear infinite; -o-animation: cssload-animBefore 1.15s linear infinite; -ms-animation: cssload-animBefore 1.15s linear infinite; -webkit-animation: cssload-animBefore 1.15s linear infinite; -moz-animation: cssload-animBefore 1.15s linear infinite; animation-delay: -10.35s; -o-animation-delay: -10.35s; -ms-animation-delay: -10.35s; -webkit-animation-delay: -10.35s; -moz-animation-delay: -10.35s; background-color: var(--ao-primary); } .cssload-dots:nth-child(10):after { transform: translateY(200%); -o-transform: translateY(200%); -ms-transform: translateY(200%); -webkit-transform: translateY(200%); -moz-transform: translateY(200%); animation: cssload-animAfter 1.15s linear infinite; -o-animation: cssload-animAfter 1.15s linear infinite; -ms-animation: cssload-animAfter 1.15s linear infinite; -webkit-animation: cssload-animAfter 1.15s linear infinite; -moz-animation: cssload-animAfter 1.15s linear infinite; animation-delay: -10.35s; -o-animation-delay: -10.35s; -ms-animation-delay: -10.35s; -webkit-animation-delay: -10.35s; -moz-animation-delay: -10.35s; background-color: var(--secondary); } @keyframes cssload-animBefore { 0% { transform: scale(1) translateY(-200%); z-index: 1; } 25% { transform: scale(1.3) translateY(0); z-index: 1; } 50% { transform: scale(1) translateY(200%); z-index: -1; } 75% { transform: scale(0.7) translateY(0); z-index: -1; } 100% { transform: scale(1) translateY(-200%); z-index: -1; } } @-o-keyframes cssload-animBefore { 0% { -o-transform: scale(1) translateY(-200%); z-index: 1; } 25% { -o-transform: scale(1.3) translateY(0); z-index: 1; } 50% { -o-transform: scale(1) translateY(200%); z-index: -1; } 75% { -o-transform: scale(0.7) translateY(0); z-index: -1; } 100% { -o-transform: scale(1) translateY(-200%); z-index: -1; } } @-ms-keyframes cssload-animBefore { 0% { -ms-transform: scale(1) translateY(-200%); z-index: 1; } 25% { -ms-transform: scale(1.3) translateY(0); z-index: 1; } 50% { -ms-transform: scale(1) translateY(200%); z-index: -1; } 75% { -ms-transform: scale(0.7) translateY(0); z-index: -1; } 100% { -ms-transform: scale(1) translateY(-200%); z-index: -1; } } @-webkit-keyframes cssload-animBefore { 0% { -webkit-transform: scale(1) translateY(-200%); z-index: 1; } 25% { -webkit-transform: scale(1.3) translateY(0); z-index: 1; } 50% { -webkit-transform: scale(1) translateY(200%); z-index: -1; } 75% { -webkit-transform: scale(0.7) translateY(0); z-index: -1; } 100% { -webkit-transform: scale(1) translateY(-200%); z-index: -1; } } @-moz-keyframes cssload-animBefore { 0% { -moz-transform: scale(1) translateY(-200%); z-index: 1; } 25% { -moz-transform: scale(1.3) translateY(0); z-index: 1; } 50% { -moz-transform: scale(1) translateY(200%); z-index: -1; } 75% { -moz-transform: scale(0.7) translateY(0); z-index: -1; } 100% { -moz-transform: scale(1) translateY(-200%); z-index: -1; } } @keyframes cssload-animAfter { 0% { transform: scale(1) translateY(200%); z-index: -1; } 25% { transform: scale(0.7) translateY(0); z-index: -1; } 50% { transform: scale(1) translateY(-200%); z-index: 1; } 75% { transform: scale(1.3) translateY(0); z-index: 1; } 100% { transform: scale(1) translateY(200%); z-index: 1; } } @-o-keyframes cssload-animAfter { 0% { -o-transform: scale(1) translateY(200%); z-index: -1; } 25% { -o-transform: scale(0.7) translateY(0); z-index: -1; } 50% { -o-transform: scale(1) translateY(-200%); z-index: 1; } 75% { -o-transform: scale(1.3) translateY(0); z-index: 1; } 100% { -o-transform: scale(1) translateY(200%); z-index: 1; } } @-ms-keyframes cssload-animAfter { 0% { -ms-transform: scale(1) translateY(200%); z-index: -1; } 25% { -ms-transform: scale(0.7) translateY(0); z-index: -1; } 50% { -ms-transform: scale(1) translateY(-200%); z-index: 1; } 75% { -ms-transform: scale(1.3) translateY(0); z-index: 1; } 100% { -ms-transform: scale(1) translateY(200%); z-index: 1; } } @-webkit-keyframes cssload-animAfter { 0% { -webkit-transform: scale(1) translateY(200%); z-index: -1; } 25% { -webkit-transform: scale(0.7) translateY(0); z-index: -1; } 50% { -webkit-transform: scale(1) translateY(-200%); z-index: 1; } 75% { -webkit-transform: scale(1.3) translateY(0); z-index: 1; } 100% { -webkit-transform: scale(1) translateY(200%); z-index: 1; } } @-moz-keyframes cssload-animAfter { 0% { -moz-transform: scale(1) translateY(200%); z-index: -1; } 25% { -moz-transform: scale(0.7) translateY(0); z-index: -1; } 50% { -moz-transform: scale(1) translateY(-200%); z-index: 1; } 75% { -moz-transform: scale(1.3) translateY(0); z-index: 1; } 100% { -moz-transform: scale(1) translateY(200%); z-index: 1; } } .datepicker-area { margin-top:30px; } .datepicker-area .input-group-text { border:none; padding: 0px;} .datepicker-area .form-control { border-radius:5px !important; } .aon-scrolling-nav { position:fixed; top:50%; left:0px; list-style:none; padding:0px; z-index: 99; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .aon-scrolling-nav li { width: 40px; height: 40px; line-height: 40px; position:relative; background: var(--ao-primary); margin:3px 2px; border-radius:5px; color: #fff; text-align: center; overflow:hidden; display:flex; } .aon-scrolling-nav li a { color: #fff; display:block; width:100%; height:100%; } .aon-scrolling-nav li a i { font-size:18px; } .aon-scrolling-nav li span { opacity:0; position:absolute; top:4px; left:100%; line-height:1; background:var(--secondary); color:#fff; padding:8px 10px; border-radius:3px; white-space:nowrap; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease; transition: all 0.5s ease;} .aon-scrolling-nav li span:before { content:""; position:absolute; top:10px; right:100%; width: 0; height: 0; border-style: solid; border-width:4px 5px 4px 0; border-color: transparent #06328b transparent transparent; } .aon-scrolling-nav li:hover { overflow:visible; background:var(--secondary); } .aon-scrolling-nav li.active { overflow:visible; background:var(--secondary); } .aon-scrolling-nav li:hover span { opacity:1; left:120%; } .aon-scrolling-nav li.actives span { opacity:1; left:120%; } .sf-doc-location-map { width:100%; height:100%; } .sf-doc-location-map iframe { width:100%; height:100%; } .aon-banner-wrap { overflow:hidden; } .aon-banner-pic, .aon-banner-right { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .aon-banner-pic { -moz-transform: translateY(50%); -webkit-transform: translateY(50%); -o-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); } .aon-banner-right { -moz-transform: translateX(50%); -webkit-transform: translateX(50%); -o-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); } .aon-banner-animate .aon-banner-pic { -moz-transform: translateY(0%); -webkit-transform: translateY(0%); -o-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } .aon-banner-animate .aon-banner-right { -moz-transform: translateX(0%); -webkit-transform: translateX(0%); -o-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } .aon-banner-wrap { overflow:hidden; } .aon-banner2-left, .aon-banner2-pic { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .aon-banner2-pic { -moz-transform: translateY(50%); -webkit-transform: translateY(50%); -o-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); } .aon-banner2-left { -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .aon-banner2-animate .aon-banner2-pic { -moz-transform: translateY(0%); -webkit-transform: translateY(0%); -o-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } .aon-banner2-animate .aon-banner2-left { -moz-transform: translateX(0%); -webkit-transform: translateX(0%); -o-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } .aon-provi-video-box { border-radius:10px; overflow:hidden; background:#000; } .aon-provi-video-box img { width:100%; opacity:0.8; } .sf-video-play-btn { position: absolute; top:50%; right:50%; width:50px; height: 50px; line-height: 50px; margin:-25px; font-size: 24px; text-align:center; background: var(--ao-primary); border-radius: 10px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} .sf-video-play-btn i { color: #fff; } .aon-provi-video-box:hover .sf-video-play-btn { -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-box-shadow: 0 0 0 50px rgba(255,255,255,0.2); box-shadow: 0 0 0 50px rgba(255,255,255,0.2);} .post-categories a { display: inline-block; border: 1px solid var(--ao-primary); padding: 5px 15px; color: var(--ao-primary); line-height: 1; margin-right: 10px; margin-bottom: 15px; border-radius: 4px; } .post-categories a:hover, .post-categories a:active, .post-categories a:focus { background: var(--ao-primary); color: #fff; } .aon-med-shop-area { padding: 90px 0px; border-top:1px solid #ddd; } /*404*/ .page-notfound{padding: 0px 30px; text-align: center;} .page-notfound .page-notfound-media{max-width: 500px;margin: 0px auto 50px;margin-bottom: 30px;} .page-notfound-content { margin: 0px auto; border: 10px solid var(--ao-primary); padding:50px 30px; } .page-notfound-content .error-comment{font-size: 36px;} @media only screen and (max-width:640px){ .page-notfound-content .error-comment{font-size: 24px;} .page-notfound{padding: 0px; } .page-notfound-content { border: 5px solid var(--ao-primary); padding: 25px 20px; } } /*Comming Soon*/ .comming-soon-wrap { width:100%; min-height:100vh; display:flex; padding:30px 10px; align-items: center; background-image:url(assets/build/images/commin-soon.jpg); background-position: center top; } .comming-soon-wrap .container {position:relative; z-index:1;} .comming-soon-overlay { width:100%; min-height:100%; position:fixed; top:0px; left:0px; bottom:0; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1b605b+95,ffffff+100&1+0,0+100 */ background: -moz-linear-gradient(left, rgba(27,96,91,1) 0%, rgba(27,96,91,0.8) 45%, rgba(255,255,255,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(27,96,91,1) 0%,rgba(27,96,91,0.8) 45%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(27,96,91,1) 0%,rgba(27,96,91,0.8) 45%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b605b', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */ } .comsoon-wrap { margin: 0px auto; } .comsoon-title { color:#fff; font-size:50px; line-height:1.1; font-weight:800; } .comsoon-text { color:#fff; font-size:20px; margin-bottom:30px; } .comsoon-col { border:2px solid var(--ao-primary); background: var(--ao-primary); padding:10px; text-align:center; color: var(--ao-primary); border-radius:5px; } .comsoon-col strong { display:block; font-size:40px; font-weight:800; color:#fff; line-height:1.2; } .comsoon-col span { display:block; font-size:14px; font-weight:300; color:#fff; line-height:1.2; } .aon-news-letter {padding:30px; border:1px solid #fff; border-radius:10px; margin-top:30px; } .aon-news-letter h4 { color:#fff; } .aon-news-letter .form-control { border-radius:5px; padding-right:100px; } .aon-news-letter .sf-sb-btn { border-radius:0px 5px 5px 0px; } .sf-news-l-form.sf-news-cosoon { min-width: 100%; } .aon-bookappoint-btn, .book-appointment-btn { display: block; width: calc(100% + 2px); border-radius: 5px 5px 0px 0px; margin:-1px -1px; } .aon-book-appoint-wrap { padding-right:1px; margin-bottom:30px; } .aon-book-appoint-block {padding: 20px; border: 1px solid #ebebeb; background:#fff; border-radius: 10px;transition: all 0.5s linear; position:relative; cursor:pointer; } .aon-book-appoint-block:hover{border: 1px solid var(--ao-primary); box-shadow: 0px 0px 30px rgba(0, 0, 0, .1);} .aon-book-appoint-time { font-weight: 600; color: var(--ao-primary);} .aon-book-appoint-docname { font-size: 16px; font-weight: 600; color: #000; } .aon-patient-status { width:12px; height:12px; display:table; position:absolute; bottom:20px; right:20px; background:#4fb0df; border-radius:10px; } .aon-patient-status.online { background:#5bd168; } .aon-patient-status.offline { background:#ec5052; } .aon-book-appoint-tooltip { border:1px solid #ddd; border-radius:5px; position:relative; } .aon-bookAppo-user { padding:30px; } .aon-bookAppo-pic { width:80px; height:80px; float:left; border-radius:50px; overflow:hidden; margin-right:15px; } .aon-bookAppo-balan { color: var(--ao-primary); text-decoration:underline; cursor:pointer; } .aon-bookAppo-eng { border: 1px solid #000; padding:5px 15px; margin: 0px 30px 30px; text-align: center; color: #000; border-radius:5px; cursor:pointer; } .aon-bookAppo-eng.meetingcalstatus { border: 1px solid #f04646; color: #f04646; } .aon-bookAppo-coinfo { padding:30px; border-top:1px solid #ddd; border-bottom: 1px solid #ddd; } .aon-bokAp-coinfo-col { display: flex; align-items: center; } .aon-bokAp-coinfo-col i { margin-right:5px; } .aon-bokAp-time-col { display: flex; align-items: center; } .aon-bokAp-time-col i { margin-right:5px; } .aon-bokAp-user-col { display: flex; align-items: center; } .aon-bokAp-user-col i { margin-right:5px; } .aon-bookAppo-time { background: #fff; padding:30px; color: #222; } .aon-bookAppo-plan { padding:30px; color: #222; color:#000; font-weight:800; } .aon-bokAp-plan-visit { color:#777; } .btn-primary.btn-red { background:#EC5052; border-color:#EC5052; } .btn-primary.btn-blue { background:#4FB0DF; border-color:#4FB0DF; } .btn-primary.btn-green { background:#5BD168; border-color:#5BD168; } .aon-book-allonof-btn { margin-right:10px; } .aon-book-allonof-btn .btn-primary { font-size: 14px; display: inline-flex;align-items: center; } .aon-book-allonof-btn .btn-primary .spinner-grow-sm { width:10px; height:10px; margin-right:5px; } .aon-book-status-btn .btn-primary { font-size: 14px; display: inline-flex;align-items: center; } .aon-book-status-btn .btn-primary .spinner-grow-sm { width:10px; height:10px; margin-right:5px; } .rating-bx i { color: var(--ao-primary); } .cus-account-wrap #content { width:100%;} .cus-account-wrap .content-admin-main { width:100%; max-width:1270px; margin: auto; } .cus-account-wrap #header-admin { width:100%; } .cus-account-wrap .aon-admin-footer {width:100%; } .cus-top-nav { background-color:#f5f5f5; box-shadow:none; position: relative; width:auto; z-index: 999; border-radius:10px; } .cus-top-nav + .content-admin-main { padding:10px 0px 0px; } .cus-top-nav .container { width:100%; max-width:1270px; } .cus-top-nav .cus-nav { text-align: center; list-style:none; margin:0px; padding:0px; justify-content:space-between; } .cus-top-nav .cus-nav > li { padding:0px 0px; } .cus-top-nav .cus-nav > li a {position: relative; display:block; padding:15px 2px; color:#222; font-weight:600; font-family: "Inter"; font-size:14px; } .cus-top-nav .cus-nav > li a:after { position: absolute; left: 0px; bottom:-1px; content: ''; width:0%; height:2px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .cus-top-nav .cus-nav > li a:hover:after, .cus-top-nav .cus-nav > li.active a:after { width:100%; background-color: var(--ao-primary);} .cus-chan-pass-wrap { max-width:500px; margin: auto; background:#fff; border-radius:10px;} .showhidepass { position: absolute; font-size:16px; right: 0; top: 0; height: 50px; width: 40px; align-items: center; display: flex; justify-content: center; } .cus-pai-regis-left { max-width:300px; width:300px; } .cus-pai-regis-left .sf-add-avtar > li { width: 280px !important; height: 280px !important; } .cus-pai-regis-right { width: calc(100% - 350px); } @media only screen and (max-width:1500px) { .cus-pai-regis-left { max-width:200px; width:200px; } .cus-pai-regis-left .sf-add-avtar > li { width:170px !important; height: 170px !important; } .cus-pai-regis-right { width: calc(100% - 200px); } } @media only screen and (max-width:1200px) { .sf-patient-details ul li { width: 50%; } } @media only screen and (max-width:767px) { .cus-top-nav { position: static; } .cus-top-nav + .content-admin-main { padding-top:30px !important; } .cus-top-nav .cus-nav > li { min-width: 50%; border: 1px solid #ddd; margin: -0.5px; } .cus-pai-regis-left { max-width: 100%; border-bottom: 1px solid #ddd; padding: 0 0px 35px; margin: 0px 10px 30px; } .cus-pai-regis-left .aon-pro-avtar-pic { max-width: 220px; margin: auto; } .cus-pai-regis-right { min-width: 100%; } .patientprofileform .card.aon-card { padding:0px; margin-bottom:0px; } } @media only screen and (max-width:480px){ .cus-top-nav .cus-nav > li { min-width: 100%; } .cus-top-nav .cus-nav > li a { padding: 10px 5px; } } .fc .fc-view-harness { flex-grow: 1; position: relative; background: #fff; } .fc-button-primary { background-color: var(--ao-primary-btn) !important; border-color: var(--ao-primary-btn) !important; outline:none !important; } .fc .fc-button-primary:focus, .fc .fc-button-primary:not(:disabled).fc-button-active:focus, .fc .fc-button-primary:not(:disabled):active:focus { box-shadow:none !important; } .fc .fc-button-group > .fc-button.fc-button-active { background-color:var(--ao-primary-btn) !important; } @media only screen and (max-width:991px){ .fc .fc-toolbar.fc-header-toolbar {flex-wrap:wrap; } .fc-toolbar-chunk { width: 100% !important; margin-bottom:15px; } .fc-toolbar-chunk:last-child { margin-bottom:0px; } .aon-admin-heading { flex-wrap:wrap !important; } .aon-admin-heading-left, .aon-admin-heading-righr { width: 100%; } } @media only screen and (max-width:405px){ .aon-book-allonof-btn{ margin-bottom:15px; } } .g-recaptcha { display: table; margin: 0px auto 20px; } .aon-dash-box { background:#fff; border-radius:5px; overflow:hidden; margin-bottom:30px; } .aon-dash-top { background-color:#103a90; justify-content:space-between; padding:30px 30px 20px; } .aon-dash-title { background: var(--ao-primary); position:relative; left:-30px; margin-bottom:20px; } .aon-dash-title:after { position:absolute; top:0px; left:100%; content:""; width: 0; height: 0; border-style: solid; border-width: 20px 20px 0 0; border-color: var(--ao-primary) transparent transparent transparent; } .aon-dash-title:before { position:absolute; bottom:0px; left:100%; content:""; width: 0; height: 0; border-style: solid; border-width: 20px 0 0 20px; border-color: transparent transparent transparent var(--ao-primary); } .aon-dash-icon img { height:50px; } .aon-dash-title > * { color:#fff; padding:10px 30px 10px 30px; } /*====================================== Animated play btn ======================================*/ .play-now { position: absolute; left: 50%; top: 50%; display: block; border-radius: 50%; z-index:10; width:60px; height:60px; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); transform-origin: center center; } .play-now .icon{ position: absolute; left: 50%; top: 50%; height: 65px; width: 65px; text-align: center; line-height: 65px; background-color: #ffffff; color: #333333; z-index: 1; font-size: 20px; padding-left: 5px; display: block; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transform-origin:center; transform-origin: center center; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .1); -moz-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .1); -ms-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .1); -o-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .1); box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .1); } .play-now .ripple, .play-now .ripple:before, .play-now .ripple:after { position: absolute; top: 50%; left: 50%; height: 65px; width: 65px; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transform-origin:center; transform-origin: center center; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3); -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3); -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3); -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3); box-shadow: 0 0 0 0 rgba(255, 255, 255, .3); -webkit-animation: ripple 3s infinite; -moz-animation: ripple 3s infinite; -ms-animation: ripple 3s infinite; -o-animation: ripple 3s infinite; animation: ripple 3s infinite; } .play-now .ripple:before { -webkit-animation-delay: .9s; -moz-animation-delay: .9s; -ms-animation-delay: .9s; -o-animation-delay: .9s; animation-delay: .9s; content: ""; position: absolute; } .play-now .ripple:after { -webkit-animation-delay: .6s; -moz-animation-delay: .6s; -ms-animation-delay: .6s; -o-animation-delay: .6s; animation-delay: .6s; content: ""; position: absolute; } @-webkit-keyframes ripple { 70% {box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);} 100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);} } @keyframes ripple { 70% {box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);} 100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);} } .aon-dash-bot { padding:0px 30px 0px; } .panel-total-list { list-style:none; margin:10px 0 0; } .panel-total-list li {display:table; width:100%; position:relative;} .panel-total-list li:after { content:""; position:absolute; top:0; left:0; width:0%; height:100%; background:none; border-top:1px solid #ddd; border-bottom:1px solid #ddd; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; opacity:0.7;} .panel-total-list li:hover:after { width:100%; } .panel-total-list li span {display:table-cell; padding:10px 0px; font-weight:600; position:relative; z-index:1;} .panel-total-list li span:last-child {text-align:right; width:30%; color:#8FA0B2;} .panel-total-list li span span { padding:0px; display:inline; } .panel-total-list li.panel-total-list-line { border-top:1px solid #ddd; border-bottom:1px solid #ddd; } .aon-dash-btn { padding:10px 30px 30px; text-align:center; } .aon-dash-btn .site-button { background:none; display:block; border:2px solid var(--ao-primary-btn); color: var(--ao-primary-btn); text-transform:uppercase; font-weight:600; } .aon-dash-total { width:100px; height:100px; display:flex; align-items:center; justify-content:center; flex-wrap: wrap; border:10px solid #fff; border-right-color: var(--ao-primary); border-radius:100%; text-align:center; color:#fff; } .content-admin-main .panel { background: #fff; margin-bottom: 30px; border: 1px solid #e6ebf1; border-radius: 10px; } .panel-default > .sf-panel-heading {padding:30px 0; margin:0 30px;} .panel-default > .sf-panel-heading > h3 { margin:0;} .image-upload-text {list-style:none; border:2px dashed #ddd; text-align:center; padding:15px; margin:0 0 30px;} .image-upload-text li {padding:5px 0;} .site-button-outline { color: var(--ao-primary-btn); background: none; background-color: rgba(0, 0, 0, 0); background-color: rgba(0, 0, 0, 0); border-radius:20px; border-width: 2px; border-style: solid; border-color: var(--ao-primary-btn); padding: 8px 20px; cursor: pointer; display: inline-block; font-weight: 600; letter-spacing: 0.5px; white-space:nowrap; } .site-button-outline:active, .site-button-outline:hover, .site-button-outline:focus { background-color: var(--ao-primary-btn-hover); border-color:var(--ao-primary-btn-hover); color: #fff; } .button-sm { padding: 3px 8px 3px; font-size: 12px; line-height: 1.5; } .sf-author-avatar-remove.sk-delete-file { position: absolute; top: 15px; right:30px; width: 24px; height: 24px; background: #f24040; color: #fff; border-radius: 5px; line-height: 22px; font-size: 12px; cursor:pointer; text-align:center; } .addinvoiceform .content-admin-main { padding:0px; } ul.itemized_list {list-style:none; margin-bottom:0; padding:0px;} ul.itemized_list li {margin-bottom:10px; display:flex; flex-wrap: wrap; } ul.itemized_list .cl_id.hidden { display:none; } ul.itemized_list li .col-lg-12 { clear:both; padding:0px 15px; margin-top:10px; } ul.itemized_list li.cl_invoice_totals, ul.itemized_list li dl { margin-bottom:0px; } ul.itemized_list li:last-child {margin-bottom:0px; } ul.itemized_list li.header { font-size:18px; } ul.itemized_list li .cl_row_delete {margin-top:10px; display:inline-block; } ul.itemized_list li .cl_row_total { padding-left:15px; } ul.itemized_list li .cl_toggle_description { padding-top:10px; display:block; } ul.itemized_list li .sf-toggle-down { cursor:pointer; } strong.sf-toggle-down:hover { text-decoration:underline; } .cl_invoice_tax_row .col-lg-5 { padding-left:35px; } .cl_invoice_discount_row .col-lg-5 { padding-left:35px;} @media only screen and (max-width:1200px) { .cl_invoice_discount_row .col-lg-5 { width:41.66666667%; } .cl_invoice_discount_row .sf-invoice-discount { margin:0px; } .cl_invoice_tax_row .flexible_width_holder_content { margin-right:0px !important; } .cl_invoice_discount_row .flexible_width_holder_content { margin-right:0px !important; } .cl_invoice_tax_row .col-lg-5 { padding-left:15px; } .cl_invoice_discount_row .col-lg-5 { padding-left:15px; } } @media only screen and (max-width:991px) { .cl_invoice_tax_row .col-lg-5 { padding-left:15px; width:100%;} .cl_invoice_discount_row .col-lg-5 { padding-left:15px; width:100%; } .cl_invoice_tax_row .flexible_width_holder_content { margin-bottom:10px; } .cl_invoice_tax_row .fixed_width_holder [class*="col-"] { margin-bottom:10px; } .cl_invoice_discount_row .flexible_width_holder_content { margin-bottom:10px; } .cl_invoice_discount_row .fixed_width_holder [class*="col-"] { margin-bottom:10px; } } @media only screen and (max-width:991px) { ul.itemized_list li .fixed_width_holder .cl_row_duration {margin:10px 0px; display:block;} ul.itemized_list li .fixed_width_holder .cl_row_total {display:block; margin-top:0px; padding-left:12px; } } /* filter buttons css */ .filter-gallery-wrap ul { margin:0px; padding:0px; } .filter-gallery-wrap ul > li {display: inline-block; margin-right:30px; position:relative;} .filter-gallery-wrap ul > li::after { content: "/"; position: relative; right: -18px; opacity: 0.3; } .filter-gallery-wrap ul > li:last-child:after { display:none; } .filter-gallery-wrap ul > li a {color: #000; font-size: 14px; font-weight:500; } .filter-gallery-wrap ul > li.active a, .filter-gallery-wrap ul > li a:hover, .filter-gallery-wrap ul > li a:active, .filter-gallery-wrap ul > li a:focus {color: #a0a0a0;} @media only screen and (max-width: 600px) { .filter-gallery-wrap ul > li { margin-bottom:10px;} .filter-gallery-wrap ul > li a{font-size:14px !important;} } .sf-add-gallery-list {list-style:none; margin:0 -15px; padding:0px; } .sf-add-gallery-list li {padding-left:15px; padding-right:15px; margin-bottom:20px; width:25%; float:left; position:relative; margin-top:0px; display:flex; } .sf-add-gallery-list li img { width:100%;} .sf-add-gallery-list li .sf-gallery-wrap { padding:0px; background-color:#FFFFFF; position:relative; border-radius:10px; box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); transition: all 0.5s linear; width:100%; height:300px; } .sf-add-gallery-list li .sf-gallery-wrap:hover { background-color:#5b6eff;} .sf-add-gallery-list li .sf-gallery-wrap .sf-gallery-thum { position:relative; z-index:1; border-radius:10px; -webkit-border-radius:10px; overflow:hidden; margin-top:0px; height:100%; } .rwmb-image-uploading-status { text-align:center;} .sf-add-gallery-list li .sf-gallery-wrap .sf-gallery-thum > img { width:100%; height:100%; object-fit:cover; object-position:center; } .sf-add-gallery-list li .rwmb-loader { width:auto !important; } .sf-add-gallery-list li .sf-gallery-wrap .sf-thum-overlay { position:absolute; width:calc(100% - 20px); height:auto; bottom:0; left:10px; background-color:rgba(255,255,255,0.9); transition: all 0.3s ease; bottom:-100%; border-radius:10px; } .sf-add-gallery-list li .sf-gallery-wrap .sf-gallery-thum:hover .sf-thum-overlay { bottom:10px; } .sf-add-gallery-list li .sf-gallery-wrap .sf-thum-caption { position:static; padding:20px; } .sf-add-gallery-list li .sf-gallery-wrap .sf-thum-caption strong { font-size:15px; color:#555; text-transform:uppercase; display:block; line-height:1.2; } .sf-add-gallery-list li .sf-gallery-wrap .sf-thum-caption p { font-size:12px; color:#555; margin-top:5px; line-height:1.4; } .sf-add-gallery-list li .sf-gallery-wrap .sf-thum-caption p:empty { display:none; } .sf-add-gallery-list li .sf-gallery-icons { padding:10px 0; text-align:center; position:absolute; z-index:1; right: 10px; top: 10px; background: #fff;line-height: 1;border-radius: 5px;} .sf-add-gallery-list li .sf-gallery-icons .sf-gallery-edit { color:#fff ; border-color:#EC9C18; background:#EC9C18; } .sf-add-gallery-list li .sf-gallery-icons .sf-gallery-edit:hover, .sf-add-gallery-list li .sf-gallery-icons .sf-gallery-edit:active, .sf-add-gallery-list li .sf-gallery-icons .sf-gallery-edit:focus { color:#fff ; background:#EC9C18; } .sf-add-gallery-list li .sf-gallery-icons .sf-gallery-delete{ color:#fff ; border-color:#EB1839; background:#EB1839; } .sf-add-gallery-list li .sf-gallery-icons .sf-gallery-delete:hover, .sf-add-gallery-list li .sf-gallery-icons .sf-gallery-delete:active, .sf-add-gallery-list li .sf-gallery-icons .sf-gallery-delete:focus { color:#fff ; background:#EB1839;} .sf-add-gallery-list li .sf-gallery-icons span { margin:0px 10px; display:inline-block; font-size:14px; width:28px; height:28px; line-height:28px; text-align:center; cursor:pointer; background-color:#fff; border:1px solid #ccc; border-radius:5px; } .sf-add-gallery-list li .sf-gallery-icons span:hover { color:#818386; } .no-gal-images { font-size: 20px; text-align: center; color: #ccc; padding: 25px; border: 2px solid #ededed; margin-bottom: 30px; border-radius: 5px; -webkit-border-radius: 5px; } #gallery-pickfiles .sf-add-gallery-list { margin:0px; } #gallery-container { display: flex; flex-wrap: wrap; margin:0px -15px; } #gallery-container #gallery-pickfiles { width: calc(25% - 30px); height: 300px; padding: 70px 20px; border-radius: 10px; margin: 0px 15px 30px; } #gallery-container #gallery-pickfiles li { width:100%; } #gallery-container #gallery-pickfiles li .site-button { width:100%; padding:11px 10px; font-size:14px; } #gallery-container .image-upload-thums { display: contents; } #gallery-container .image-upload-thums .sf-add-gallery-list { display: contents; } @media only screen and (max-width:1440px) { .sf-add-gallery-list li .sf-gallery-wrap { padding:0px; } #gallery-container #gallery-pickfiles { width: calc(33.333% - 30px); height:250px; padding: 55px 15px; border-radius: 10px; margin: 0px 15px 30px; } .sf-add-gallery-list li { width:33.333%; } .sf-add-gallery-list li .sf-gallery-wrap { height: 250px; } } @media only screen and (max-width:1366px) { #gallery-container #gallery-pickfiles { width: calc(50% - 20px); margin-left: 10px; margin-right: 10px; } .sf-add-gallery-list li { padding-left: 10px; padding-right: 10px; } } @media only screen and (max-width:1280px) { .sf-add-gallery-list li .sf-gallery-wrap .sf-thum-caption { padding:20px; } .sf-add-gallery-list li .sf-gallery-wrap .sf-thum-caption p { line-height:18px; } #gallery-container #gallery-pickfiles { width: calc(50% - 30px); } .sf-add-gallery-list li { width:50%; margin-bottom:30px; } } @media only screen and (max-width:991px) { .sf-add-gallery-list li { width:50%;} } @media only screen and (max-width:480px) { .sf-add-gallery-list li { width:100%;} #gallery-container #gallery-pickfiles { width: 100%;} } .sf-video-save-row { display:table; width:100%; margin-bottom:30px; } .sf-video-save-left, .sf-video-save-right { display:table-cell; vertical-align:top; } .site-button.btn-inactive { cursor: not-allowed; opacity: 0.5; } .sf-video-save-left .alert[class*="alert-"] { margin:0px; padding:8px 15px; } .sf-video-save-right { text-align:right; padding-left:15px; } @media only screen and (max-width:1280px) { .sf-video-save-row { margin-bottom:20px; } } @media only screen and (max-width:767px) { .sf-video-save-row { margin-bottom:15px; } .sf-video-save-left, .sf-video-save-right { display:block; } .sf-video-save-left { margin-bottom:15px; } } .dc-video-upload-wrap { display: flex; flex-wrap: wrap; } .panel.panel-default.dc-video-upload-box { width: 50%; } .video-thumbs.dc-video-thumbs-box { display: contents; } .sf-add-video-list.video-thumbs-list { display: contents; } .sf-add-video-list {list-style:none; margin:0 -15px; padding:0px; } .sf-add-video-list li {padding-left:15px; padding-right:15px; margin-bottom:30px; width:25%; float:left;} .sf-add-video-list li .sf-video-titles { position: static; width: calc(100% - 20px); height: auto; bottom: 0; left: 10px; background-color: rgba(255,255,255,0.9); transition: all 0.3s ease; bottom: -100%; border-radius: 10px; } .sf-add-video-list li .sf-video-wrap { padding:0px; position:relative; background-color:#FFFFFF; border-radius:10px; -webkit-border-radius:10px; -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); overflow:hidden; margin-bottom:10px; } .sf-add-video-list li .sf-video-wrap .sf-video-thum { position:relative; z-index:1; border-radius:10px; margin-top:0px; } .sf-add-video-list li .sf-video-wrap .sf-video-thum img { width:100%; height:300px; object-fit: cover; object-position: center; } .sf-add-video-list li .sf-video-wrap .sf-video-thum .play-now { opacity:0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} .sf-add-video-list li .sf-video-wrap:hover .sf-video-thum .play-now { opacity:1;} .sf-add-video-list li .sf-video-wrap .sf-thum-caption { position:absolute; width:100%; top:0; left:0; padding:30px;} .sf-add-video-list li .sf-video-wrap .sf-thum-caption strong { font-size:15px; color:#555; text-transform:uppercase; } .sf-add-video-list li .sf-video-wrap .sf-thum-caption p { font-size:12px; color:#555; margin-top:10px;} .sf-add-video-list li .sf-video-icons { padding: 10px 0; text-align: center; position: absolute;z-index: 1; right: 10px; top: 10px; background: #fff; line-height: 1; border-radius: 5px;} .sf-add-video-list li .sf-video-icons .sf-gallery-edit { color:#F60;} .sf-add-video-list li .sf-video-icons .sf-gallery-delete { color:#ff6868;} .sf-add-video-list li .sf-video-icons span { margin:0px 10px; display:inline-block; font-size:14px; width:28px; height:28px; line-height:28px; text-align:center; cursor:pointer; background-color:#fff; border:1px solid #ccc; border-radius:30px; -webkit-border-radius:30px;} .sf-add-video-list li .sf-video-icons span:hover { color:#818386; } .sf-add-video-list li .sf-video-icons .sf-video-edit { color:#EC9C18 ; border-color:#EC9C18; } .sf-add-video-list li .sf-video-icons .sf-video-edit:hover, .sf-add-video-list li .sf-video-icons .sf-video-edit:active, .sf-add-video-list li .sf-video-icons .sf-video-edit:focus { color:#fff ; background:#EC9C18; } .sf-add-video-list li .sf-video-icons .sf-video-delete{ color:#EB1839 ; border-color:#EB1839;} .sf-add-video-list li .sf-video-icons .sf-video-delete:hover, .sf-add-video-list li .sf-video-icons .sf-video-delete:active, .sf-add-video-list li .sf-video-icons .sf-video-delete:focus { color:#fff ; background:#EB1839;} .no-gal-images { font-size: 20px; text-align: center; color: #ccc; padding: 25px; border: 2px solid #ededed; margin-bottom: 30px; border-radius: 5px; -webkit-border-radius: 5px; } @media only screen and (max-width:1366px) { .sf-add-video-list li { width:50%;} } @media only screen and (max-width:1280px) { .sf-add-video-list li .sf-gallery-wrap .sf-thum-caption { padding:20px; } .sf-add-video-list li .sf-gallery-wrap .sf-thum-caption p { line-height:18px; } } @media only screen and (max-width:991px) { .sf-add-video-list li { width:50%;} } @media only screen and (max-width:768px) { .sf-add-video-list li { width:100%;} } @media only screen and (max-width:470px) { .sf-add-video-list li { width:100%;} } .modal-header .close { background: #fff; border: none; line-height:0.8; } .sf-service-selectbox { float: left; width: 100%; margin-bottom: 30px; } .sf-identity-section ul {list-style:none; margin:-30px -15px 0px; padding:0px; display:flex; flex-wrap:wrap; } .sf-identity-section ul:after { content:""; display:table; clear:both; } .sf-identity-section ul li { width:20%; float:left; padding-left:15px; padding-right:15px; margin-top:30px; position:relative; text-align:center; } .sf-identity-section ul li > img { width:100%; border-radius:5px; -webkit-border-radius:5px; } .sf-identity-section ul li .sf-attachment-filename {display:block; margin:20px 0px 10px; font-size:14px; } .deleteidentity { display:inline-block; width: 22px; height: 22px; line-height: 20px; text-align: center; background-color: #FF151C; font-size: 10px; color: #fff; border-radius: 3px; -webkit-border-radius: 3px; cursor:pointer; } .deleteidentity:hover, .deleteidentity:active, .deleteidentity:focus { color:#fff; } @media only screen and (max-width:1280px) { .sf-identity-section ul li { width:25%; } } @media only screen and (max-width:991px) { .sf-identity-section ul li { width:33.333%; } } @media only screen and (max-width:480px) { .sf-identity-section ul li { width:50%; } } #identities-container .sf-add-gallery-list { clear:both; margin-top:-30px; } #identities-container .sf-add-gallery-list li { width:20%; margin-bottom:0; margin-top:30px; text-align:center; } #identities-container .sf-add-gallery-list li img { border-radius:5px; -webkit-border-radius:5px; } #identities-container .sf-add-gallery-list li .sf-author-avatar-remove { right:30px;} #identities-container .sf-add-gallery-list li .sf-attachment-filename{ display:block; margin:20px 0px 10px; } @media only screen and (max-width:1280px) { #identities-container .sf-add-gallery-list li { width:25%; } } @media only screen and (max-width:991px) { #identities-container .sf-add-gallery-list li { width:33.333%; } } @media only screen and (max-width:480px) { #identities-container .sf-add-gallery-list li { width:50%; } } /*--------------------------------------------------- Added by developer start --------------------------------------------------- */ .active-availibility-slide .cs-block-calender-area { right:0px; } .active-cus-schedule-slide .cs-cus-schedule-area { right:0px; } .active-holiday-day-slide .cs-holiday-day-area { right:0px; } .active-customschedule-slots-slide .cs-customschedule-slots-area { right:0px; } .active-add-appointment-slide .cs-add-appointment-area { right:0px; } .active-give-fedback-slide .ccs-block-give-feedback { right:0px; } /*--------------------------------------------------- Added by developer end --------------------------------------------------- */ .sf-alert-box-wrap, .sf-success-box-wrap { position:fixed; top: 90%; transform: translateY(-90%); right:-100%; width:calc(100% - 60px); margin:0 30px; max-width:300px; z-index:99999; cursor:pointer; box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);} .sf-alert-box-intro:after { content:""; display:table; clear:both; } .sf-alert-box-intro { background-color:#FFFFFF; padding:0px; border-width:2px; border-style:solid; border-radius:5px; border-radius:5px; text-align:center; } .sf-alert-box-icon { display:flex; font-size:20px; border-width:2px; border-style:solid; width:60px; height:60px; line-height:60px; text-align:center; border-radius:100%; border-radius:100%; margin:30px auto; align-items:center; justify-content:center; animation: tada 2s linear infinite; } .sf-alert-box-info { overflow:hidden; padding:30px; background:#fff; } .sf-alert-box-title { text-transform:uppercase; color:#222; display:block; margin-bottom:5px;} .sf-alert-box-text { font-size:12px; color:#555;} .sf-alert-box-list {margin:0;} .sf-alert-box-list li { padding:2px 2px 2px 15px; font-size:14px; color:#fff; } .sf-alert-box-list.list-angle-right li:before { top: -1px; color:#fff; } .sf-alert-box-close { position:absolute; right:10px; top:15px; font-size:16px; color:#fff; width:20px; height:20px; line-height:20px; cursor:pointer;} .sf-alert-box-close:hover { color:#fff; } .sf-success { border-color:#35b494; background:#35b494; } .sf-success .sf-alert-box-title { color:#222; } .sf-success .sf-alert-box-icon { border-color:#fff; color:#fff; } .sf-danger { border-color:#ff6868; background:#ff6868;} .sf-danger .sf-alert-box-title { color:#fff; } .sf-danger .sf-alert-box-icon{ border-color:#fff; color:#fff; } .sf-warning { border-color:#ffc100; background:#ffc100; } .sf-warning .sf-alert-box-title { color:#fff; } .sf-warning .sf-alert-box-icon{ border-color:#fff; color:#fff; } .sf-informaton { border-color:#2c80ff; background:#2c80ff; } .sf-informaton .sf-alert-box-title { color:#fff; } .sf-informaton .sf-alert-box-icon{ border-color:#fff; color:#fff; } @media only screen and (max-width:1280px) { .sf-alert-box-wrap, .sf-success-box-wrap {width:calc(100% - 40px); margin:0 20px;} } @media only screen and (max-width:767px) { .sf-alert-box-wrap, .sf-success-box-wrap {width:calc(100% - 30px); margin:0 15px;} } .sf-fixed-btn-row { position:fixed; right:0; bottom:0px; width:calc(100% - 250px); z-index:98; text-align:right; padding:12px 30px; background-color:#fff; border-top:1px solid #ddd; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .sf-form-submit-left { float:left;} .sf-form-submit-right { float:right; } .sf-form-submit-left { text-align:left; } @media only screen and (max-width:1280px) { .sf-fixed-btn-row { padding:12px 20px;} } @media only screen and (max-width:991px) { .sf-fixed-btn-row { position:static; padding:12px 15px; width:100%; } .sf-form-submit-left, .sf-form-submit-right { float:none; text-align:left; } .sf-form-submit-left { margin-bottom:10px; } .sf-form-submit-right { float: none; text-align: left; position: fixed; bottom: 0px; z-index: 999; background: #f1f2f7; padding: 11px 20px; width: calc(100% - 250px); right: 0; margin: 0; border-top: 1px solid #ddd; -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;} .active .sf-form-submit-right { width:100%; } } .dc-featured-sec-wrapper { display:flex; flex-wrap:wrap; align-items:center; } .dc-featured-sec-wrapper .dc-featured-left-part { width:55%; } .dc-featured-sec-wrapper .dc-featured-right-part { width:45%; } .sf-upgrate-tabel {display:flex; width:100%; flex-wrap:wrap; } #couponbox { max-width:350px; float:right; margin-bottom:30px;} #couponbox .form-control { border-radius: 5px !important; margin-right: 10px; height: 48px; } .sf-upgrate-cell-left { width:50%; display:flex; margin-bottom:30px; padding-right:15px; } .sf-upgrate-cell-right { display:contents; } .sf-upgrate-plan-list { display:contents; } .sf-selected-plan { text-align:center; background-color: var(--ao-primary); border-radius:20px; padding:40px 25px 35px; width:100%; } .sf-selected-plan .sf-upgrate-label, .sf-selected-plan .sf-upgrate-current {text-transform:uppercase; display:block; color:#fff; } .sf-selected-plan .sf-upgrate-label { font-size:18px; text-transform:uppercase; display:inline-block; padding:15px 20px; position:relative; background-color:#fff; margin-bottom:30px; border-radius:30px; color:#222; } .sf-selected-plan .sf-upgrate-label:empty { display:none; } .sf-selected-plan .renewfeaturedpackage { border:2px solid #fff; color:#fff; background:none; } .sf-selected-plan .renewfeaturedpackage:hover, .sf-selected-plan .renewfeaturedpackage:active, .sf-selected-plan .renewfeaturedpackage:focus { background:none; color:#fff; opacity:0.8;} .sf-selected-plan .sf-upgrate-current { font-size:20px; text-transform:none; } .sf-selected-plan .coupon-link-renew { padding:10px 0; } .sf-selected-plan .coupon-link-renew a { color:#fff; font-size:12px; } .sf-selected-plan .coupon-link-renew a:hover { text-decoration:underline; } .no-featured-packages { font-size: 20px; text-align: center; color: #ccc; padding: 50px; border: 2px solid #ededed; border-radius: 5px; -webkit-border-radius: 5px; } .sf-upgrate-plan-list ul { margin:0 -15px 0; list-style:none; padding:0px; display:contents; } .sf-upgrate-plan-list ul li { width:50%; display:flex; float:left; padding-left:15px; padding-right:15px; padding-right:15px; padding-top:0px; padding-bottom:0px; margin-bottom:30px; } .sf-upgrate-plan-list ul li .sf-upgreate-plan { width:100%; border:1px solid #fff; position:relative; text-align: center; background-color: #fff; padding:30px 15px; border-radius:20px; cursor:pointer; overflow:hidden; box-shadow: 0 0 15px 0 rgba(0,0,0,0.1); } .sf-upgrate-plan-list ul li .sf-upplan-packname, .sf-upgrate-plan-list ul li .sf-upplan-amount, .sf-upgrate-plan-list ul li .sf-upplan-days { position:relative; z-index:1; } .sf-upgrate-plan-list ul li .sf-upplan-packname { font-size:22px; font-weight:600; color:#454545; overflow:hidden; } .sf-upgrate-plan-list ul li .sf-upplan-amount { color: var(--ao-primary); padding:30px 0; } .sf-upgrate-plan-list ul li .sf-upplan-amount .woocommerce-Price-amount.amount { font-size:18px; background: var(--ao-primary); padding: 10px 25px; line-height: 1; border-radius: 20px; color: #fff; } .sf-upgrate-plan-list ul li .sf-upplan-days { font-size:18px; color:var(--ao-primary); font-weight:600; } .sf-upgrate-plan-list ul li .sf-upplan-days span { font-size:24px; display:block; text-transform:uppercase; color:#222; font-weight:500; } .sf-upgrate-plan-list ul li .sf-upplan-checked { font-size:0; color:#e8e9e9; position:absolute; top:-50px; right:-40px; opacity:0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .sf-upgrate-plan-list ul li.active-plan .sf-upplan-checked { font-size:130px; opacity:1; } .sf-upgrate-plan-list ul li.active-plan .sf-upgreate-plan { border: 1px solid var(--ao-primary); } /*countdown clock*/ .sf-selected-plan #countdown-clock { display:flex; margin:0px auto 40px; text-align:center; width:100%; border-radius:10px; overflow:hidden; justify-content:center; } .sf-selected-plan #countdown-clock .sf-days-counter { width:100%; display:table; } .sf-selected-plan #countdown-clock span {display:table-cell; color:#FFF; padding:10px 5px; margin:0 5px; font-size:12px; text-transform:uppercase; font-weight:400; color:#fff; background-color:rgba(255,255,255,0.1); } .sf-selected-plan #countdown-clock span b { display:block; font-size:22px; font-weight:600; color:#FFF; } .sf-selected-plan #countdown-clock .sf-month-counter { width:100%; display:table; border-radius:5px; overflow:hidden; } .sf-selected-plan #countdown-clock .sf-month-counter span {display:table-cell; color:#FFF; padding:10px 5px; margin:0 5px; font-size:12px; text-transform:uppercase; font-weight:400; color:#fff; background-color:rgba(255,255,255,0.1); } .sf-selected-plan #countdown-clock .sf-month-counter span b { display:block; font-size:22px; font-weight:600; color:#FFF; } .bootstrap-touchspin .bootstrap-touchspin-down, .bootstrap-touchspin .bootstrap-touchspin-up {padding-top:11px; padding-bottom:11px;} @media only screen and (max-width:1440px) { #countdown-clock span { min-width:45px; padding:10px 0px; margin:0 3px; font-size:12px; } #countdown-clock span b { font-size:20px; } #countdown-clock { margin:30px auto; } .sf-upgrate-plan-list ul li .sf-upplan-amount { font-size:30px; } .sf-upgrate-plan-list ul li .sf-upplan-packname { font-size:16px; } .sf-upgrate-plan-list ul li .sf-upplan-days { font-size: 12px; } .sf-upgrate-plan-list ul li.active-plan .sf-upplan-checked { font-size:80px; top:-30px; right:-20px; } } @media only screen and (max-width:1200px) { .sf-upgrate-plan-list ul li { width:50%; } .sf-upgrate-cell-left, .sf-upgrate-cell-right { display: block; width:100%; padding:0;} .sf-upgrate-cell-left { margin-bottom:30px; } } @media only screen and (max-width:880px) { .sf-upgrate-plan-list ul li { width:100%; } } @media only screen and (max-width:460px) { .sf-upgrate-plan-list ul li { width:100%; } .sf-upgrate-plan-list ul li:last-child { margin-bottom:20px;} } .panel-total-row {display:table; width:100%;} .panel-total-row .panel-total-price, .panel-total-row .panel-total-btn {display:table-cell; padding:20px 30px;} .panel-total-row .panel-total-btn .action-dropdown {float:right;} .panel-total-row .panel-total-price { font-weight:600; color:#333; font-size:15px; padding-right:0; } .panel-total-row .panel-total-price span { color:#999; margin-left:3px; } .panel-total-row .panel-total-btn {text-align:right; width:35%;} .panel-total-heading {font-weight:600; padding:15px 30px; background-color:#f7f7f7; border-top:1px solid #ddd; border-bottom:1px solid #ddd;} .panel-total-list { list-style:none; margin:10px 0 0; } .panel-total-list li {display:table; width:100%; position:relative;} .panel-total-list li:after { content:""; position:absolute; top:0; left:0; width:0%; height:100%; background-color:#eef1f2; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; opacity:0.7;} .panel-total-list li:hover:after { width:100%; } .panel-total-list li span {display:table-cell; padding:10px 30px; font-weight:600; position:relative; z-index:1;} .panel-total-list li span:last-child {text-align:right; width:30%; color:#8FA0B2;} .panel-total-list li.panel-total-list-line { border-top:1px solid #ddd; border-bottom:1px solid #ddd; } .panel-progress-bar { width:100%; height:5px; background-color:#F0F0F0; position:relative; border-radius:5px; border-radius:5px;} .panel-progress-bar-inr { width:0%; height:100%; background-color: var(--ao-primary); position:absolute; top:0; left:0; border-radius:5px; border-radius:5px; } @media only screen and (max-width:1280px) { .sf-report-left { padding: 30px 10px; } .panel-total-list li span { padding: 15px 20px; } } @media only screen and (max-width:1200px) { .provider-report-list2 {min-height:250px; max-height:300px; padding:10px 0px 20px;} } @media only screen and (max-width:480px) { .sf-report-table, .sf-report-left, .sf-report-right {display:block; width:auto; } .sf-report-left { border-bottom:1px solid #ddd; } .provider-report-list2 {min-height:0px; } .provider-report-list2 {height:auto; max-height:350px; padding:5px 0px 10px;} .panel-total-list { margin:0px; } .sf-report-right .no-data-found { margin: 5px 30px 0px; height:auto; } } .card-reg-form-right { display: flex; } .card-reg-form-right .form-group { margin:0px; } .card-reg-form-right #daterange { min-width:240px; } .card-reg-form-right .report-search-btn { padding-left:15px; } .form-inline > label { display:block; } .form-inline > .sf-radio-checkbox { display:inline-block !important; margin-right:15px; margin-bottom:0px; } .form-inline > .sf-radio-checkbox > label { display:inline-block; } .form-inline > .sf-radio-checkbox { display:inline-block; } .sf-radio-checkbox + .error { display:table; background: #eb6767; color: #fff; padding: 2px 10px; line-height: 1.4; border-radius: 3px; font-size: 13px; position: relative; margin-top: 5px; } .sf-radio-checkbox + .error::after { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 6px 6px 6px; border-color: transparent transparent #eb6767 transparent; position: absolute; bottom: 100%; left:5px; } .sf-radio-checkbox label + .error { display:table; background: #eb6767; color: #fff; padding: 2px 10px; line-height: 1.4; border-radius: 3px; font-size: 13px; position: relative; } .sf-radio-checkbox label + .error::after { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 6px 6px 6px; border-color: transparent transparent #eb6767 transparent; position: absolute; bottom: 100%; left:5px; } .no-data { padding: 30px; border: 1px solid #ddd; border-radius: 10px; text-align: center; background: #fff; font-size: 16px; font-weight: 600; } .fc-list.fc-list-sticky.fc-listWeek-view.fc-view { background: #fff; border-radius: 5px; } .fc-list .fc-scroller { background: #fff; border-radius: 5px; } .daterangepicker .ranges li.active { background: var(--ao-primary) !important; } .datepicker.datepicker-inline { width:100%; } .datepicker td, .datepicker th { color: #222; font-size: 11px; padding:0px; } .datepicker table tr td span { height: 40px; line-height: 40px; } .datepicker .datepicker-days table tr td.active, .datepicker .datepicker-days table tr td.active:hover, .datepicker .datepicker-days table tr td:hover, .datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span:hover { color: #fff; background: var(--ao-primary) !important; border-color: var(--ao-primary)!important; } .datepicker.datepicker-inline { width: 100%; padding: 5px 0px; border: 1px solid #ddd; margin-top: 30px; margin-bottom: 30px; } .sf-doc-timing-slots .datepicker { background:#fff; } .sf-doc-timing-slots table tr th { font-size: 13px; padding:5px 0px; } .sf-doc-timing-slots table tr td { font-size: 13px; padding: 5px 0px; } .appointment-slots { padding: 10px 10px; background: #fff; margin:0px; border: 1px solid #ddd; border-radius: 5px; } .alert-msg.appointment-slots { padding: 10px 10px; background: #fdeae9; color: #75403f; margin: 0px 0px; border: 1px solid #d5b9b8; border-radius: 5px; font-size: 14px; font-weight: 600; } .alert-msg-none { padding:0px; border:none; } .sf-doc-timing-slots-btn { justify-content: space-between; } #wp-answer-wrap { width: 100%; } .fixed-table-pagination { display: flex; justify-content: space-between; padding-top: 15px; } #appointment-summary { width:100%; padding: 20px 0px; } #appointment-summary ul { padding: 0px; list-style: none; margin: 0px; border: 1px solid #ddd; padding: 20px; border-radius: 5px; background: #f9f9f9; } #appointment-summary ul li { margin-bottom:15px; } #appointment-summary ul li:last-child { margin-bottom:0px; font-weight:700; color:#222; } #appointment-summary .sf-add-price-total { display:flex; justify-content:space-between; } .cs-panl-body .aon-login-sign-tabs { margin: 0px; } .availibility-time-select { position:relative; width:100% !important; } .availibility-time-select .form-control { width:100%; height:50px; background-color: #fff; border-color: #e8edf1; box-shadow: none; -webkit-box-shadow: none; border-radius: 5px; padding-left: 55px;} .availibility-time-select .aon-input-icon { position: absolute; left: 0; top: 0; width: 40px; height: 50px; z-index: 5; line-height: 50px; text-align: center; } .availibility-time-select .aon-input-icon::after { content: ""; position: absolute; top: 30%; right: 0px; height: 40%; width: 1px; background: #ddd; } .sf-dayoff-daterange-area .input-daterange { display: flex; justify-content: space-between; align-items:center; } .sf-dayoff-daterange-area .input-daterange .form-control { max-width:45%; } #dayoff_daterange_field .remove-me { padding: 5px; width: 20px; height: 20px; line-height: 20px; padding: 0px; font-size: 12px; position: relative; top: 34px; left: 9px; z-index: 1; } /*INVOICE PAGE CSS*/ .sf-myaccount-heading-right { margin-bottom: 30px; } .sf-invoice-wrap { max-width:900px; } .sf-invoice-logo { width: auto; white-space: nowrap; color: #222; font-weight: 700; float:right; margin-right: 30px; } .sf-invoice-logo a { color: #222; } .sf-invoice-logo img { max-width:80px; max-width:80px; } .sf-invoice-compay-info { clear:both; padding:0px 30px; } .sf-invoice-compay-info ul { list-style:none; margin:10px 0px 0px; padding:0px; } .sf-invoice-compay-info ul li { display:block; padding:2px 0px; margin-right:5px; font-weight:600; } .bg-invoice { background-color: #f9f9f9; margin: 15px 45px 30px; width: calc(100% - 90px); display:flex; flex-wrap:wrap; border-radius:5px; border: 1px solid #ddd; } .invoice-itemn-table tfoot { font-size:20px; color:#333; font-weight:600; font-weight:bold; } .invoice-itemn-table thead { text-transform:uppercase; border-bottom:2px solid #ddd; } .invoice-itemn-table thead th { color:#222; border:none; } .invoice-itemn-table tfoot { border-top:2px solid #ddd;} .invoice-itemn-table tr { background:#fff !important; } .invoice-itemn-table td { background:#fff; border:none; border-bottom:1px solid #ddd; } .invoice-itemn-table { margin: 0px 30px; width: calc(100% - 60px); } .sf-invoice-text { font-size:45px; line-height:45px; font-weight:700; text-transform:uppercase; color:#ddd; padding:0px 30px; } .sf-invoice-heading { font-size:16px; font-weight:600; text-transform:uppercase; color:#fff; padding:10px 15px; background-color: var(--ao-primary); margin:15px 30px 30px; } .invoice-top-left { list-style:none; border:1px solid #ddd; max-width:320px; margin-top:10px; background-color:#fff; padding:10px; border-radius:5px; overflow:hidden; } .invoice-top-left li { display:table; width:100%;} .invoice-top-left li > strong, .invoice-top-left li > span { padding:5px 10px; display:table-cell; } .invoice-top-left li > strong { color:#222; } .invoice-top-left li > span { text-align:right; } .invoice-top-left li.invoice-total { background-color:#fff; color:#222; font-weight:600; } .invoice-top-left li.invoice-total >strong, .invoice-top-left li.invoice-total > span { border-bottom:none; font-weight:bold; font-size: 18px; } .invoice-top-left li.invoice-total > span > span { padding:0px; display:block; font-size: 18px;} .invoice-top-left li.invoice-total > strong { color:#222; font-weight:bold; font-size: 18px; } .bg-invoice .col-sm-12 p { font-size:20px; letter-spacing:2px; } .invoice-user-info { padding:0px; } .invoice-user-info li { padding:5px 0; } .invoice-footer { margin:0px 30px; text-align:center; padding-bottom:10px; } .invoice-footer h5 { text-transform:uppercase; float:left; margin:0px; } .invoice-footer span { float:right;} .sf-invoice-status { font-size:30px; line-height:30px; font-weight:700; text-transform:uppercase; color:#ddd; } @media only screen and (max-width:991px) { .sf-invoice-text { text-align:center; } .sf-invoice-compay-info { text-align:center; margin:30px 0px 30px; } .sf-invoice-logo {display:table; margin:auto; float:none; } .invoice-footer h5 { float:none; margin-bottom:10px; } .invoice-footer span { float:none;} } @media only screen and (max-width:767px) { .invoice-top-left { max-width:100%; } .bg-invoice h6, .bg-invoice .invoice-user-info { text-align:center; } } @media only screen and (max-width:600px) { .bg-invoice .col-xs-6 { width:100%; float:none; } .invoice-top-left { max-width:100%; } .invoice-footer h5 { float:none; } .invoice-footer span { float:none;} } .editappointment { margin-bottom: 10px; display: inline-block; } #awardimage-container { max-width: 250px; margin: 0px auto 30px; } #awardimage-pickfiles img { border-radius:10px; } #awardimage-container .sf-add-avtar > li > img { border-radius:10px; } .sf-userReview-propic { float: left; margin-right: 25px; margin-bottom: 25px; } .sf-art-area { display:flex; padding:30px; border-radius:10px; background:#fff; } .sf-art-left { width:250px; min-width:250px;} .sf-art-left .sf-aditor-content { margin-bottom:30px; } #articleimage-container { border-radius:10px; } #articleimage-pickfiles > img { border-radius:10px; } #articleimage-container .sf-add-avtar > li > img { border-radius:10px; } .sf-art-right { width: auto; flex-grow: 1; padding-left:30px } @media only screen and (max-width:1200px) { .sf-art-area { flex-wrap:wrap; } .sf-art-right { width:100%; padding-left:0px } } .carely-interval-suffix { position: absolute; top: 13px; right: 30px; } /*================== Blog css ==================*/ .navigation.post-navigation { padding: 30px 0px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-bottom: 30px; } .nav-links { display: flex; justify-content: space-between; word-break: break-word; } .nav-links .nav-previous { text-align: left; max-width:45%; } .nav-links .nav-next { text-align: right; max-width:45%; } .aon-prev-article { text-transform: uppercase; font-weight: 700; color: #222; display: flex; align-items: center; justify-content: flex-start; } .aon-prev-article .fa { border: 1px solid #222; border-radius: 10px; color: #222; width: 20px; height: 20px; text-align: center; line-height: 16px; margin-right:5px; } .aon-next-article { text-transform: uppercase; font-weight: 700; color: #222; display: flex; align-items: center; justify-content: flex-end; word-break: break-word;} .aon-next-article .fa { border: 1px solid #222; border-radius: 10px; color: #222; width: 20px; height: 20px; text-align: center; line-height: 16px; margin-left:5px; } .aon-prev-article:hover, .aon-prev-article:active, .aon-prev-article:focus, .aon-next-article:hover, .aon-next-article:active, .aon-next-article:focus { color: var(--ao-primary); } .aon-prev-article:hover .fa, .aon-next-article:hover .fa { color: var(--ao-primary); border-color: var(--ao-primary); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;} .aon-prev-article:hover .fa { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } .aon-next-article:hover .fa { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } .nav-links .post-title { color:#626262; } figcaption { margin-top: 15px; } blockquote { border-radius: 4px; } code { padding: 2px 4px; font-size: 90%; color: var(--ao-primary); background-color:rgba(255, 138, 0, 0.06); border-radius: 8px; } a > code { color: var(--ao-primary); } .page-links { overflow: hidden; margin: 0 0 30px; clear:both; } .page-links .page-links-title { font-weight: normal; color: #202124; } .page-links > span:not(.page-links-title), .page-links > a { display: inline-block; line-height: 1; margin: 0 2px; padding: 9px 12px; border: 1px solid #fff; border-radius:30px; color: #202124; } .page-links > span:not(.page-links-title):hover, .page-links > span:not(.page-links-title):active, .page-links > a:hover, .page-links > a:active { color: #fff; background: var(--ao-primary); border-color: var(--ao-primary); } .page-links > span:not(.page-links-title) { color: #fff; background: var(--ao-primary); border-color: var(--ao-primary); } .post-password-form input[type="password"] { height: 45px; padding: 5px 10px; border: 1px solid #ddd; border-radius:5px; margin-right:10px; } .post-password-form input[type="submit"] { background: var(--carely-theme-color); background: var(--ao-primary); color: #fff; border: none; padding: 5px 25px; height: 45px; border-radius:5px; } .post-password-form input[type="submit"]:hover, .post-password-form input[type="submit"]:active { color: #fff; border-radius:5px; background: var(--carely-theme-hover-color); background: var(--ao-primary); } .gallery { margin-left: -15px; margin-right: -15px; overflow: hidden; } .gallery .gallery-item { width: 100%; display: inline-block; vertical-align: top; text-align: center; padding: 0.3125rem; position: relative; box-sizing: border-box; } .rtl .gallery .gallery-item { float: right; } .gallery .gallery-caption { display: block; font-size: 14px; line-height: 1.5; padding:10px 0px; clear: both; } .gallery.gallery-columns-9 .gallery-item { width: 11%; } .gallery.gallery-columns-8 .gallery-item { width: 12.5%; } .gallery.gallery-columns-7 .gallery-item { width: 14%; } .gallery.gallery-columns-6 .gallery-item { width: 16.5%; } .gallery.gallery-columns-5 .gallery-item { width: 20%; } .gallery.gallery-columns-4 .gallery-item { width: 25%; } .gallery.gallery-columns-3 .gallery-item { width: 33%; } .gallery.gallery-columns-1 .gallery-item { width: 100%; } .gallery.gallery-columns-2 .gallery-item { width: 50%; } table, .wp-block-table { border-collapse:collapse !important; width: 100%; max-width: 100%; margin-bottom:25px; } table thead, table tfoot, .wp-block-table thead, .wp-block-table tfoot { text-align:center } table td, table th, .wp-block-table td, .wp-block-table th { padding:10px 10px; border:1px solid; border-color:rgba(0,0,0,.15); text-align:left; } table th, .wp-block-table th { color:#222; } .attachment-full.size-full.wp-post-ima ge { min-width: 100vw; position: relative; left: 50%; margin-left: -50vw; } .wp-block-button__link { color:#fff; background-color: var(--ao-primary-btn); border-radius:5px; box-shadow:none; cursor:pointer; display:inline-block; font-size:1.125em; padding:calc(.667em + 2px) calc(1.333em + 2px); text-align:center; font-weight:normal; text-decoration:none; word-break:break-word; box-sizing:border-box } .wp-block-button__link:active, .wp-block-button__link:focus, .wp-block-button__link:hover, .wp-block-button__link:visited { background-color:var(--primary-btn-hover); color:#fff; } select { appearance: none; background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); padding: 10px 30px 10px 10px; background-repeat: no-repeat; background-position: right .75rem center; background-size: 16px 12px; background-color: #fff; border: 1px solid #ddd; border-radius: 5px; } .wp-block-search__button, .wp-block-search .wp-block-search__button { background: var(--ao-primary-btn); border: 1px solid var(--ao-primary-btn); padding: .375em .625em; color: #fff; margin-left: .625em; word-break: normal; font-size: inherit; font-family: inherit; line-height: inherit; border-radius: 5px; } .wp-block-search__button:hover, .wp-block-search__button:active, .wp-block-search__button:focus, .wp-block-search .wp-block-search__button:hover, .wp-block-search .wp-block-search__button:active, .wp-block-search .wp-block-search__button:focus { background: var(--primary-btn-hover); border-color:var(--primary-btn-hover); } .wp-block-search__input { padding: 8px; flex-grow: 1; min-width: 3em; border: 1px solid #ddd; font-size: inherit; font-family: inherit; line-height: inherit; border-radius: 5px; } .wp-block-search__inside-wrapper { margin-bottom: 15px; } .wp-block-cover.has-background-dim .wp-block-cover-text { color: #fff;} .wp-block-button { margin-top: 15px; margin-bottom: 15px; } .wp-block-button.is-style-outline .wp-block-button__link { border-color: var(--ao-primary-btn); color: var(--ao-primary-btn); } .wp-block-button.is-style-outline .wp-block-button__link:hover, .wp-block-button.is-style-outline .wp-block-button__link:focus, .wp-block-button.is-style-outline .wp-block-button__link:active { border-color:var(--primary-btn-hover); background-color:var(--primary-btn-hover); color:#fff; } .is-style-squared .wp-block-button__link { border-radius:0px; } .sf-con-social li a.sf-fb { background-color: var(--ao-primary); } /*================== Woocommers css ==================*/ .woocommerce div.product form.cart .variations select { max-width: 150px; min-width:150px; display: inline-block; margin-right: 1em; border-radius: 5px; border: 1px solid #ddd; height: 40px; line-height: 1; color: #777; } .woocommerce-Price-amount.amount { font-size: 22px; } .product-detail-info .product_meta { margin-top:30px; } .product-detail-info .product_meta > span { display:block; margin-bottom:2px; font-weight: 700; color:#222; } .product-detail-info .product_meta > span .sku { color:#777; font-weight:normal; } .product-detail-info .product_meta > span a {color:#696969; font-weight:normal; } .product-detail-info .product_meta > span a:hover, .product-detail-info .product_meta > span a:focus {color:#202124} .product-detail-info .product_meta .sub_title {display:inline-block} .woocommerce-variation-price { display: block; color: #534d4d; margin-bottom: 10px; margin-top: -20px; } .woocommerce div.product p.price, .woocommerce div.product span.price { color: #222; } .woocommerce-notices-wrapper:empty { display:none; } .woocommerce-notices-wrapper { max-width: 1270px; margin: 50px auto 0px; padding:0px 12px; } .woocommerce-message { margin: 0; border-radius:5px; } .woocommerce-info { border-top-color: #1e85be; border-radius: 5px; } .showcoupon { color: #000; } .showcoupon:hover, .showcoupon:focus, .showcoupon:active { color: #000; text-decoration:underline; } .woocommerce-error, .woocommerce-info, .woocommerce-message { border-top: none; color: #fff; border-radius: 5px; -webkit-border-radius: 5px; padding: 15px 30px 15px 50px; } .return-to-shop { padding:0px; } .woocommerce-message { margin: 0 } .woocommerce-error a, .woocommerce-info a, .woocommerce-message a { color: #1c1c1c } .woocommerce-error a:hover, .woocommerce-info a:hover, .woocommerce-message a:hover { text-decoration: underline } .woocommerce-error:before, .woocommerce-info:before, .woocommerce-message:before { color: #fff } .woocommerce-error { background-color: #dd4f4d } .woocommerce-info { background-color: #57abd0 } .woocommerce-message { background-color: #6abc3c } .woocommerce-checkout .woocommerce-error { margin-left: 15px; margin-right: 15px; } .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] { background-color: var(--ao-primary); } .product-detail-info .variations { margin-bottom: 30px !important; } .variations tr th { vertical-align:middle !important; } .variations tr th:first-child { width:1% !important; padding-right:10px; color:#222; } .variations tr td .reset_variations { color: #f23e3e !important; font-size: 14px !important;} .product-detail-info .bootstrap-touchspin-injected { width: 130px; margin-right: 10px; } .woocommerce-Reviews { display: flex; flex-wrap: wrap; margin: 0px -15px; } .woocommerce-Reviews > #comments { padding:0px 15px; } .woocommerce-Reviews .commentlist { padding:0px; } @media only screen and (max-width:991px) { .woocommerce-Reviews > #comments { width: 100%; } .woocommerce-Reviews > #review_form_wrapper { width: 100%; } } .woocommerce-noreviews { border: 1px solid #ddd; padding: 30px; text-align: center; border-radius: 10px; } .woocommerce-Reviews { display: flex; flex-wrap: wrap; padding:5px 0px; } #comments { width: 50%; padding: 0px 0px; } #review_form_wrapper { width: 50%; padding: 0px 15px; } #review_form { background: #f4f5f9; padding: 30px; border-radius: 10px; border: 1px solid #ddd; } .woocommerce #review_form #respond .comment-form-author { width: calc(50% - 15px); float:left; } .woocommerce #review_form #respond .comment-form-author input { border: 1px solid #ddd; padding: 7px 12px; border-radius: 5px; width: 100%; } .woocommerce #review_form #respond .comment-form-email { width: calc(50% - 15px); float:right; } .woocommerce #review_form #respond .comment-form-email input { border: 1px solid #ddd; padding: 7px 12px; border-radius: 5px; width: 100%; } .woocommerce #review_form #respond .comment-form-cookies-consent { clear: both; } .woocommerce #review_form #respond textarea { box-sizing: border-box; width: 100%; border: 1px solid #ddd; border-radius: 5px; padding: 7px 12px; } .woocommerce #review_form #respond .form-submit input { left: auto; background: var(--ao-primary-btn); color: #fff; padding: 15px 20px; font-weight: 400; letter-spacing: 1px; } .woocommerce #review_form #respond .form-submit input:hover, .woocommerce #review_form #respond .form-submit input:active, .woocommerce #review_form #respond .form-submit input:focus { background-color: var(--primary-btn-hover); } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { color: #fff; background-color:var(--ao-primary-btn); padding: 10px 20px; letter-spacing: 1px; line-height:1.7; font-size:15px; border-radius:5px; } .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover { background-color:var(--primary-btn-hover); color: #fff; } @media only screen and (max-width:480px) { .woocommerce #review_form #respond .comment-form-author { width: calc(100% - 15px); float: none;} .woocommerce #review_form #respond .comment-form-email { width: calc(100% - 15px); float: none; } } .woocommerce p.stars a { color: var(--ao-primary); } .comment-form-cookies-consent { display: flex; align-items:top; align-items: flex-start; } .comment-form-cookies-consent [type="checkbox"] { margin-right: 10px; margin-top: 5px; } .comment-respond .comment-reply-title { text-transform: none; font-size: 20px; font-family: "Mulish"; margin-bottom: 10px; font-weight: 700; color:var(--title); } .woocommerce #reviews #comments ol.commentlist li img.avatar { width: 40px; height: 40px; padding: 0; border-radius: 100%; object-fit:cover; object-position:center; } .woocommerce #reviews #comments ol.commentlist li .comment-text { margin: 0 0 0 50px; padding: 0px 0px 0px 10px; border:none; } .woocommerce-review__author { font-size: 14px; color: #222; } .woocommerce .star-rating span::before { color: var(--ao-primary); } .woocommerce table.shop_table th { font-weight: 700; padding: 20px 12px; line-height: 1.5em; text-transform: uppercase; color: #222; background: #fff; } .woocommerce table.shop_table .product-remove .remove { font-size:18px; color: #000 !important; } .woocommerce table.shop_table .product-remove .remove:hover { color: #DD5658 !important; background:none; } .woocommerce table.shop_table td.product-thumbnail img { width:90px; border:1px solid #ddd; border-radius:5px; } .woocommerce table.shop_table .woocommerce-Price-amount.amount { font-size: 14px; } .woocommerce table.shop_table td.product-name { font-weight: 700; color: #222; } .woocommerce .quantity .qty { transition: all 0.2s ease-in-out 0s; appearance: textfield; width: 75px; border-radius: 0.5rem; border: 1px solid #EAEAEA; padding: 0.75rem 1.29rem; color:#777 !important; background-color: #fff; outline: none; } .woocommerce table.shop_table td.product-subtotal { font-weight: 700; color: #222; } .woocommerce table.shop_table td.actions { padding:15px; } .woocommerce table.shop_table td.actions .coupon { width:100%; max-width:400px; } .woocommerce table.shop_table td.actions .coupon > .input-text { border: 1px solid #ddd; padding: 10px 15px; width:calc(65% - 15px); border-radius: 5px; } .woocommerce table.shop_table td.actions .coupon > .button { width: 35%; padding: 10px 15px; background: var(--ao-primary-btn); color: #fff; font-weight: normal; } .woocommerce table.shop_table td.actions .coupon > .button:hover, .woocommerce table.shop_table td.actions .coupon > .button:active, .woocommerce table.shop_table td.actions .coupon > .button:focus { background: var(--primary-btn-hover); color: #fff; } .woocommerce table.shop_table td.actions .coupon + .button { padding: 10px 15px; background: var(--ao-primary-btn); color: #fff; font-weight: normal;} .woocommerce table.shop_table td.actions .coupon + .button:hover, .woocommerce table.shop_table td.actions .coupon + .button:active, .woocommerce table.shop_table td.actions .coupon + .button:focus{ background: var(--primary-btn-hover); color: #fff; } .woocommerce .cart-collaterals .cart_totals { float: right; width: 48%; } .woocommerce .cart-collaterals .cart_totals > h2 { font-size:24px; margin-bottom:15px; } .woocommerce table.shop_table tbody tr > td, .woocommerce table.shop_table tbody tr > th { padding:20px 12px; } .woocommerce table.shop_attributes th, .woocommerce table.shop_attributes td { border:none; } @media only screen and (max-width:480px) { .woocommerce .cart-collaterals .cart_totals { float: right; width: 100%; } } .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background-color: var(--ao-primary-btn); color:#fff; padding: 10px 15px; font-size: 14px; font-weight:normal; } .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { background-color: var(--primary-btn-hover); color:#fff; } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea { line-height: 1.6; border: 1px solid #eaeaea; background: #fff; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; -webkit-box-shadow: none !important; box-shadow: none !important; border-radius: 0.5rem; height: calc(1.6em + (1.5rem + 2px)); padding: 5px 18px; } .select2-container--default.select2-container .select2-selection--single { height: calc(1.6em + (1.5rem + 2px)); background: #fff; outline: none !important; border-radius: 0.5rem !important; border: 1px solid #EAEAEA; margin: 0; -webkit-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; padding: 5px 12px; } .select2-container--default.select2-container .select2-selection--single .select2-selection__rendered { padding-top: 5px; padding-bottom: 5px; color: var(--guido-text-color); } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--default.select2-container .select2-selection--single .select2-selection__arrow { top: 12px; right: 11px; } .woocommerce form .form-row textarea { height: 200px; padding: 5px 18px; } .select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; max-height: 215px !important; scrollbar-width: thin; } .checkout.woocommerce-checkout { margin:0px -15px; } .checkout.woocommerce-checkout:after { content:""; display:table; clear:both; } #customer_details { width:60%; float:left; padding:0px 15px; } #order_review { width:40%; float:right; padding:0px 15px; } .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 { float: none; width: 100%; } .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 { float: none; width: 100%; } .woocommerce.columns-3 > .row { justify-content: center; display: flex; flex-wrap: wrap; } .woocommerce div.product form.cart .variations label { font-weight: 700; text-align: left; white-space: nowrap; } .woocommerce div.product form.cart .variations th:first-child { padding-left:0px; text-align: left !important; } .woocommerce-checkout-review-order-table.shop_table { border: none!important } .woocommerce-checkout-review-order-table.shop_table thead tr th { border:none; border-bottom: 2px solid #e5e5e5; padding:10px 0px !important; } .woocommerce-checkout-review-order-table.shop_table thead tr th:first-child { text-align: left !important; font-weight: 800; font-size: 16px; } .woocommerce-checkout-review-order-table.shop_table thead tr th:last-child { text-align: right !important; font-weight: 800; font-size: 16px; } .woocommerce-checkout-review-order-table.shop_table tr th:first-child, .woocommerce-checkout-review-order-table.shop_table tr td:first-child { text-align: left !important; border:none; border-bottom:1px solid #ddd; padding:10px 0px !important;} .woocommerce-checkout-review-order-table.shop_table tr th:last-child, .woocommerce-checkout-review-order-table.shop_table tr td:last-child { text-align: right !important; border:none; border-bottom:1px solid #ddd; padding:10px 0px !important; } .woocommerce-checkout-review-order-table.shop_table tr th { border:none; border-bottom: 1px solid #e5e5e5; padding:10px 0px !important; } .woocommerce-checkout-payment { background: none !important; border: 1px solid #ddd; } .woocommerce-checkout #payment div.payment_box { background-color: #e6e6e6; } .woocommerce-checkout #payment div.payment_box::before { border-bottom-color: #e6e6e6; } #order_review_heading { padding: 0px 15px; overflow:hidden; } @media only screen and (max-width:991px) { #order_review, #customer_details { width:100%; float:none; } } .wc-block-components-review-list-item__text p:last-child { margin-bottom:0px; } .wc-block-components-review-list-item__item:last-child { margin-bottom:0px; } .appointment-checkout #order_review { width:100%; float: none; padding: 0px 15px; } .appointment-checkout #customer_details { display:none; } .woocommerce-additional-fields { margin-top: 25px; } .itemized_list .cl_row_delete { position:relative; width:20px; height:20px; display:inline-block; margin:13px 0; } .itemized_list .cl_row_delete img { display:none; } .itemized_list .cl_row_delete::after { content: "\f00d"; position: absolute; left: 0; top: 0; width: 20px; height: 20px; line-height: 20px; font-size: 10px; text-align: center; font-family: "FontAwesome"; background-color: #ff4d47; color: #fff; border: none; border-radius: 30px; border-radius: 30px; cursor: pointer; } .flexible_width_holder { width: 50%; display: flex;} .fixed_width_holder { width: 50%; display: flex; } .flexible_width_holder_content { width: 100%; display: table; padding:0px 15px; } .flexible_width_holder_content [class*="col-lg-"] { display: table-cell; vertical-align:top; } .fixed_width_holder { width: 50%; display: table; padding:0px 0px; } .fixed_width_holder [class*="col-lg-"] { display: table-cell; vertical-align:top; padding:0px 15px; } .fixed_width_holder [class*="col-lg-"] .cl_item_type { display:block; } .fixed_width_holder [class*="col-lg-"] .cl_item_type .sf-select-box { width:100%; border: 1px solid #e8edf1; } .fixed_width_holder [class*="col-lg-"] .cl_row_total { padding: 13px 20px; display: block; background: #f7f7f7; border-radius: 5px; } .fixed_width_holder + .col-lg-12 { width: 92%; margin-left: 8%; } .cl_invoice_totals dl { width: 100%; display: flex; padding: 30px 15px; border: 1px solid #ddd; margin: 15px 15px 30px !important; border-radius: 5px; } .cl_invoice_totals dl [class*="col-lg-"] { padding:0px 15px; } .cl_invoice_totals dl dt { margin-bottom:5px; } #cl_invoice_items .footer { margin:0px 15px; } @media only screen and (max-width:1200px) { .cl_invoice_totals dl { flex-wrap:wrap;} .cl_invoice_totals dl [class*="col-lg-"] { width:50%; } } @media only screen and (max-width:991px) { .flexible_width_holder { width: 100%; } .fixed_width_holder { width: 100%; } .flexible_width_holder_content > .col-lg-1 { max-width:0px; width:0px; } #cl_invoice_items .cl_row_delete { margin-top: 10px; display: inline-block; top: 5px; left: -10px; } .fixed_width_holder + .col-lg-12 { width: 100%; margin-left: 0%; } } @media only screen and (max-width:575px) { .cl_invoice_totals dl [class*="col-lg-"] { width:100%; } } .aon-fp-form { padding: 30px; } .image-upload-text.new-files.hidden { display:none; } .sf-add-avtar { list-style:none; padding:0px; margin:0px; text-align:center; } .aon-pro-team-pic.hidden { display:none; } .bootbox-close-button.close { float:right; border:none; outline:none; line-height:17px; color:#000; } td .site-button-link { font-weight:600; } .site-button-link.green { color:#24C380; } .site-button-link.orange { color:#E89E14; } .site-button-link.red { color:#EB4F4F; } .carely-profile-branches { list-style: none; margin: 20px -30px 0; padding: 10px 15px 0px; border-top: 1px solid #ddd; display: flex; flex-wrap: wrap; } .carely-profile-branches li { width:calc( 50% - 30px); padding:15px 20px; border: 1px solid #ddd; border-radius: 5px; margin:20px 15px 0px;} @media only screen and (max-width:575px) { .carely-profile-branches li { width:calc( 100% - 30px); } } .sf-medi-rate { display: flex; } .carely-profile-branches li a { color:inherit; } .carely-profile-branches li a .fa { color:#000; } .carely-profile-branches li a:hover { color: var(--ao-primary); } .sf-medi-rate .showrating { line-height:1; margin-right:8px; } #educationimage-container { width: 250px; position:relative; margin: 0px auto 30px; border-radius: 10px; } #educationimage-container .sk-delete-file { right:15px; } #educationimage-container .sf-add-avtar li > img { border-radius: 10px; width:100%; } #educationimage-pickfiles > img { border-radius:10px; } .awardimage-pickfiles > img { border-radius: 10px; } .aon-docLocation-wrap .carely-profile-branches { margin: 20px 0px 0; padding: 10px 10px 30px; border: 1px solid #ddd; border-radius: 5px; } .form-select.error, .form-control.error { background: #F8E3E3; border-color: #deb2b2; box-shadow:none; } .form-select.error + .error, .form-control.error + .error { background: #eb6767; color: #fff; padding: 2px 10px; line-height: 1.4; border-radius: 3px; font-size: 13px; position: relative; } .form-select.error + .error::after, .form-control.error + .error::after { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 6px 6px 6px; border-color: transparent transparent #eb6767 transparent; position: absolute; bottom: 100%; left: 10px; } textarea.form-control { height:auto; } #teammemberavatar-container { width: 250px; margin: 0 auto 30px; border: 1px solid #ddd; padding: 20px; background: #fff; border-radius: 5px; } #teammemberavatar-container .aon-pro-team-pic img { border-radius: 5px; } #teammemberavatar-container .image-upload-thums ul { margin:0px; padding: 0px; list-style:none; } #teammemberavatar-container .image-upload-thums ul li img { border-radius: 5px; } #teammemberavatar-container .sk-delete-file { position: absolute; top: 30px; right: 30px; } .sign-term-con .sf-radio-checkbox { display:inline-block; margin-right:5px; } #profilemapcanvas { height: 250px; } .carely-loggedin-box a { color: var(--ao-primary); font-weight:600; } .carely-loggedin-box a:hover { text-decoration:underline; } .form-control.pending + .fa:before { content:"\f110"; display:inline-block; -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .carely-featured-tag { background: #31b931; padding: 2px 10px; font-size: 12px; color: #fff; display: table; margin: 0px auto 10px; border-radius: 5px; } .carely-identity-documents .panel-heading-left { float:left; } .carely-identity-documents .panel-heading-right { float:right; } .create-new-heading { display:flex; justify-content:space-between; align-items:center; padding:10px 0px; margin-bottom:10px; position: relative;} .carely-clinical-list { display:flex; flex-wrap:wrap; list-style: none; margin: 0px 0px 30px; padding: 0px; border: 1px solid #ddd; padding: 25px 20px; border-radius: 5px; } .carely-clinical-list li { width: 33.333%; padding: 5px 10px; } .carely-clinical-list li strong { color:#222; border-radius:10px; } .carely-treatment-list{ display:flex; flex-wrap:wrap; list-style: none; margin: 0px 0px 30px; padding: 0px; border: 1px solid #ddd; padding: 25px 20px; border-radius: 5px; } .carely-treatment-list li { width: 33.333%; padding: 5px 10px; } @media only screen and (max-width:1280px) { .carely-clinical-list li { width: 50%; } } @media only screen and (max-width:767px) { .carely-clinical-list li { width: 100%; } } .carely-treatment-list li strong { color:#222; border-radius:10px; } .carely-treatment-list li .amount { font-size: 14px; color: var(--ao-primary); } .carely-chart-file { border: 1px solid #ddd; padding:10px 25px; border-radius: 5px; margin-bottom:30px; } .carely-chart-file .col-md-3 { margin:15px 0px; text-align:center; } .carely-chart-file .col-md-3 img { border-radius:5px; } .carely-chart-file .sf-attachment-download { padding-top:15px; display:block; margin-bottom:5px; } .carely-chart-file .sf-attachment-download + span { font-weight:700; font-size:16px; color:#222; display:block; } .carely-chart-file .chart-file-caption { line-height:1.2; } .sf-error-table { display:flex; flex-wrap:wrap; align-items:center; } .sf-error-cell { width:50%; padding:50px 15px; } .sf-error-text { margin: 0px auto; border: 10px solid var(--ao-primary); padding: 50px 30px; text-align:center; } .sf-error-text strong, .sf-error-text span { display:block; } .sf-error-text strong { font-size:40px; margin-bottom:10px; color:#000 !important; } .sf-error-text span { font-size:18px; margin-bottom:20px; } #chartfiles-pickfiles > img { border-radius: 5px; } #chartfiles-pickfiles .admin-button { bottom: 5px;} #chartfiles-container .sf-add-avtar { display:flex; flex-wrap:wrap; margin:0px -15px; } #chartfiles-container .sf-add-avtar li { width:33.333%; position:relative; padding:0px 15px; margin-top:30px;} #chartfiles-container .sf-add-avtar li img { border-radius: 5px; } #chartfiles-container .sf-add-avtar .sf-gallery-icons { display: flex;flex-wrap: wrap; justify-content: center; } #chartfiles-container .sf-add-avtar .sf-gallery-icons > span { display:flex; position:relative; margin:0px 5px 0px 20px; width:24px; height:24px; border:1px solid var(--ao-primary); color: var(--ao-primary); border-radius:5px; align-items:center; justify-content:center; } #chartfiles-container .sf-add-avtar .sf-gallery-icons span:hover { background: var(--ao-primary); color:#fff; } #chartfiles-container .sf-add-avtar .sf-gallery-icons .sk-delete-file { border:1px solid #D75050; color:#D75050; } #chartfiles-container .sf-add-avtar .sf-gallery-icons .sk-delete-file:hover { background:#D75050; color:#fff; } #chartfiles-container .sk-delete-file { right:15px; } .add-newchart-btn { margin-right:10px; } .pac-container { z-index: 9999 !important; } .ui-widget.ui-widget-content { z-index: 99999; } .carely-page-overlay { position:fixed; top:0px; right:0px; width:0%; height:100%; background:#000; opacity:0.7; z-index: 1000; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } [class*="active-"] .carely-page-overlay {width:100%; } table .woocommerce-Price-amount.amount { font-size:inherit; } .openeditappointment { position: absolute; width: 100%; height: 100%; top: 0; left: 0;} .aon-book-appoint-follow { position: relative; z-index: 2; margin-bottom:5px; display:table; } .aon-book-appoint-follow:hover { color: var(--ao-primary); text-decoration:underline; } .elementor-section.elementor-section-boxed > .elementor-container { max-width: 1250px !important; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .modal-backdrop.show { z-index: 9999; } .modal { z-index: 99999; } /*--------------------------------------------------------------- 19. WIDGETS css ( ) ---------------------------------------------------------------*/ .widget { margin-bottom:40px; } .widget-title { position:relative; margin-bottom:20px; padding-bottom:20px; } .widget .widget-title, .widget .post-title{ text-transform:none; } .recent-posts-entry ul, .category-entry ul{ margin:0; list-style:none; padding:0; } /*====================== Elemantor Widget ========================*/ .elementor-widget-wp-widget-pages ul, .elementor-widget-wp-widget-woocommerce_product_categories ul, .elementor-widget-wp-widget-categories ul, .elementor-widget-wp-widget-archives ul, .elementor-widget-wp-widget-meta ul, .elementor-widget-wp-widget-pages ul, .elementor-widget-wp-widget-recent-comments ul, .elementor-widget-wp-widget-nav_menu ul, .elementor-widget-wp-widget-rss ul, .elementor-widget-wp-widget-recent-posts ul, .elementor-widget-wp-widget-getintuch ul, .elementor-widget-wp-widget-services ul { list-style:none; padding-left:0; margin-bottom:0; } .elementor-widget-wp-widget-pages ul li, .elementor-widget-wp-widget-woocommerce_product_categories ul li, .elementor-widget-wp-widget-categories ul li, .elementor-widget-wp-widget-archives ul li, .elementor-widget-wp-widget-meta ul li, .elementor-widget-wp-widget-pages ul li, .elementor-widget-wp-widget-recent-comments ul li, .elementor-widget-wp-widget-nav_menu ul li, .elementor-widget-wp-widget-recent-posts ul li, .elementor-widget-wp-widget-services ul li { padding-bottom:18px; margin-bottom:13px; position:relative; padding:10px 10px 10px 15px; margin-bottom:0; line-height:20px; } [class*="elementor-widget-wp-widget-"] .elementor-widget-container, [class*="elementor-widget-text-editor"] .elementor-widget-container { color:var(--footer-text);} .elementor-widget-wp-widget-pages ul li a, .elementor-widget-wp-widget-woocommerce_product_categories ul li a, .elementor-widget-wp-widget-categories ul li a, .elementor-widget-wp-widget-archives ul li a, .elementor-widget-wp-widget-meta ul li a, .elementor-widget-wp-widget-pages ul li a, .elementor-widget-wp-widget-recent-comments ul li a, .elementor-widget-wp-widget-nav_menu ul li a, .elementor-widget-wp-widget-recent-posts ul li a, .elementor-widget-wp-widget-services ul li a, .elementor-widget-wp-widget-tag-cloud ul li a, .elementor-widget-wp-widget-rss ul li a, .elementor-widget-carely_element_navigation_menu ul li a, .elementor-widget-wp-widget-woocommerce_top_rated_products ul li a { color:var(--footer-link); } .elementor-widget-wp-widget-pages ul li a:hover, .elementor-widget-wp-widget-woocommerce_product_categories ul li a:hover, .elementor-widget-wp-widget-categories ul li a:hover, .elementor-widget-wp-widget-archives ul li a:hover, .elementor-widget-wp-widget-meta ul li a:hover, .elementor-widget-wp-widget-pages ul li a:hover, .elementor-widget-wp-widget-recent-comments ul li a:hover, .elementor-widget-wp-widget-nav_menu ul li a:hover, .elementor-widget-wp-widget-recent-posts ul li a:hover, .elementor-widget-wp-widget-services ul li a:hover, .elementor-widget-wp-widget-tag-cloud a:hover, .elementor-widget-carely_element_navigation_menu .sf-site-link ul li a:hover, .elementor-widget-wp-widget-woocommerce_top_rated_products ul li a:hover { color: var(--footer-link-hover) !important; } .elementor-widget-wp-widget-pages ul li:before, .elementor-widget-wp-widget-woocommerce_product_categories ul li::before, .elementor-widget-wp-widget-categories ul li:before, .elementor-widget-wp-widget-archives ul li:before, .elementor-widget-wp-widget-meta ul li:before, .elementor-widget-wp-widget-pages ul li:before, .elementor-widget-wp-widget-recent-comments ul li:before, .elementor-widget-wp-widget-nav_menu ul li:before, .elementor-widget-wp-widget-recent-posts ul li:before, .elementor-widget-wp-widget-services ul li:before { content:"\f105"; position: absolute; left: 0; top:10px; display: block; font-family: "FontAwesome"; font-size:15px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .elementor-widget-wp-widget-pages ul li:hover::before, .elementor-widget-wp-widget-woocommerce_product_categories ul li:hover::before, .elementor-widget-wp-widget-categories ul li:hover:before, .elementor-widget-wp-widget-archivesul li:hover:before, .elementor-widget-wp-widget-meta ul li:hover:before, .elementor-widget-wp-widget-pages ul li:hover:before, .elementor-widget-wp-widget-nav_menu ul li:hover:before, .elementor-widget-wp-widget-recent-entries ul li:hover:before, .elementor-widget-wp-widget-services ul li:hover:before { -moz-transform: scale(1.1) translateX(3px); -webkit-transform: scale(1.1) translateX(3px); -o-transform: scale(1.1) translateX(3px); -ms-transform: scale(1.1) translateX(3px); transform: scale(1.1) translateX(3px); font-weight:bold; } .elementor-widget-wp-widget-pagesul ul li, .elementor-widget-wp-widget-woocommerce_product_categories ul li li, .elementor-widget-wp-widget-categories ul li li, .elementor-widget-wp-widget-archives ul li li, .elementor-widget-wp-widget-meta ul li li, .elementor-widget-wp-widget-pages ul li li, .elementor-widget-wp-widget-recent-comments ul li li, .elementor-widget-wp-widget-nav_menu ul li li, .elementor-widget-wp-widget-services ul li li { border-bottom:none; padding-left:10px; padding-right:5px; padding-top:0; padding-bottom:0; line-height:28px; } .elementor-widget-wp-widget-pages ul li li:before, .elementor-widget-wp-widget-woocommerce_product_categories ul li li:before, .elementor-widget-wp-widget-categories ul li li:before, .elementor-widget-wp-widget-archives ul li li:before, .elementor-widget-wp-widget-meta ul li li:before, .elementor-widget-wp-widget-pages ul li li:before, .elementor-widget-wp-widget-recent-comments ul li li:before, .elementor-widget-wp-widget-nav_menu li li:before, .elementor-widget-wp-widget-services li li:before { top:0; left:-8px; } .product_list_widget { list-style:none; padding:0px; margin:0px; } .product_list_widget li { list-style:none; padding:0px; margin:0px; } /*widget calender*/ .elementor-widget-wp-widget-calendar table caption { text-align: center; caption-side:top; font-weight:600; color:var(--footer-text);} .elementor-widget-wp-widget-calendar table { border-collapse: collapse; width:100%; margin-bottom:10px; } .elementor-widget-wp-widget-calendar thead { background-color:#999999; } .elementor-widget-wp-widget-calendar tfoot tr td { border:none; padding:0px; } .elementor-widget-wp-widget-calendar tfoot tr td a { padding:10px 0px; display:block; } .elementor-widget-wp-widget-calendar table thead tr th { font-size:11px; padding:12px 5px; font-weight:bold; text-align:center; border:none; color:#222; background-color:#F0F0F0;} .elementor-widget-wp-widget-calendar table tbody tr td { font-size: 13px; padding:6px 5px; text-align:center; background-color:#fff; border:none; color:#444; } .elementor-widget-wp-widget-calendar table tbody tr td a { color:#6d1cff; } .elementor-widget-wp-widget-calendar table tbody td#today { background-color: var(--ao-primary); color: #FFF; border-radius:5px; } .elementor-widget-wp-widget-calendar table tbody td#today a { color: #FFF; } .elementor-widget-wp-widget-calendar .wp-calendar-nav { text-align:center; } .elementor-widget-wp-widget-calendar .wp-calendar-nav a { color:var(--footer-link); } .elementor-widget-wp-widget-calendar .wp-calendar-nav a:hover { color:var(--footer-link-hover); } /*Widget Recently Viewed Products*/ .elementor-widget-wp-widget-woocommerce_recently_viewed_products li { clear:both; margin-bottom:10px; } .elementor-widget-wp-widget-woocommerce_recently_viewed_products li:last-child { margin-bottom:0px; } .elementor-widget-wp-widget-woocommerce_recently_viewed_products li:after { content:""; display: table; clear:both; margin-bottom: 30px; } .elementor-widget-wp-widget-woocommerce_recently_viewed_products li > a { display: block; } .elementor-widget-wp-widget-woocommerce_recently_viewed_products li > a > img { float:right; width: 32px; margin-left:10px; } /*widget Products*/ .elementor-widget-wp-widget-woocommerce_products li { clear:both; margin-bottom:10px; } .elementor-widget-wp-widget-woocommerce_products li:last-child { margin-bottom:0px; } .elementor-widget-wp-widget-woocommerce_products li:after { content:""; display: table; clear:both; margin-bottom: 30px; } .elementor-widget-wp-widget-woocommerce_products li > a { display:block; font-weight:600; color:var(--footer-link); } .elementor-widget-wp-widget-woocommerce_products li > a:hover { color:var(--footer-link-hover); } .elementor-widget-wp-widget-woocommerce_products li img { float: right; width: 32px; margin-left:10px; } /*widget Top Rated Products*/ .elementor-widget-wp-widget-woocommerce_top_rated_products li { clear:both; margin-bottom:10px; } .elementor-widget-wp-widget-woocommerce_top_rated_products li:after { content:""; display: table; clear:both; margin-bottom: 30px; } .elementor-widget-wp-widget-woocommerce_top_rated_products li > a { display:block; font-weight:600; } .elementor-widget-wp-widget-woocommerce_top_rated_products li img { float: right; width: 32px; margin-left:10px; } .elementor-widget-wp-widget-woocommerce_widget_cart .woocommerce-mini-cart__buttons .button { outline: none; color: #fff; padding: 10px 20px; margin-right:10px !important; letter-spacing: 1px; position: relative; overflow: hidden; cursor: pointer; display: inline-table; background-color: var(--ao-primary-btn); border: none;font-size: 15px; transition: 0.5s all ease; border-radius: 5px; font-weight:normal; } .elementor-widget-wp-widget-woocommerce_widget_cart .woocommerce-mini-cart__buttons .button:hover, .elementor-widget-wp-widget-woocommerce_widget_cart .woocommerce-mini-cart__buttons .button:active, .elementor-widget-wp-widget-woocommerce_widget_cart .woocommerce-mini-cart__buttons .button:focus { color: #fff; background-color: var(--primary-btn-hover); } .elementor-widget-wp-widget-woocommerce_widget_cart .woocommerce-mini-cart-item.mini_cart_item { margin-bottom:10px; padding-left: 2em; position: relative; padding-top: 0; } .elementor-widget-wp-widget-woocommerce_widget_cart .attachment-woocommerce_thumbnail { float: right; margin-left:10px; width: 32px; height: auto; box-shadow: none; } .elementor-widget-wp-widget-woocommerce_widget_cart .woocommerce-mini-cart__total { font-size:12px; border-top: 1px solid #777; padding: 4px 0 0; } .elementor-widget-wp-widget-woocommerce_widget_cart .woocommerce-mini-cart__total span, .elementor-widget-wp-widget-woocommerce_widget_cart .woocommerce-mini-cart__total strong { font-size:12px; } .elementor-widget-wp-widget-woocommerce_widget_cart .remove_from_cart_button { font-size:12px; position: absolute; top:7px; left: 0; background: #df1b1b; line-height: 15px; width: 16px; height: 16px; text-align: center; color: #fff; border-radius: 10px; } .woocommerce-Price-amount.amount { font-size: 14px; } .elementor-widget-wp-widget-woocommerce_recent_reviews .product_list_widget li { margin-bottom:30px; } .elementor-widget-wp-widget-woocommerce_recent_reviews .product_list_widget li > a { display:none; } /*widget Tag Cloud*/ .wpcf7-form > p { position:relative; } .wpcf7-form > p .wpcf7-spinner { position:absolute; bottom:10px; left:50%; margin:0px -20px; } .wpcf7-form > p:nth-last-child(2) { margin:0px; } .wpcf7-response-output { border-radius: 5px; } /*widget Tag Cloud*/ .elementor-widget-wp-widget-tag_cloud a { padding:3px 14px; font-size: 16px; display: inline-block; margin: 0 10px 15px 0px; color:#222; background:#fff; position: relative; border: 1px solid #e8e8e8; position: relative; border-radius:3px; z-index: 1; } /*widget Tag Cloud*/ .elementor-widget-wp-widget-search .input-group-btn .btn { background: var(--ao-primary); color:#fff; } /*widget search custom*/ .search-bx form { position:relative; } .search-bx .site-search-btn { position:absolute; right:0; top:0; margin:14px 10px; background:none; border:none; outline:none;} /*widget search wp-default*/ .widget_search .screen-reader-text, .widget_product_search .screen-reader-text {display:block;} .widget_search .searchform > div, .widget_product_search .woocommerce-product-search { display: -ms-flexbox; display: flex;} .widget_search .searchform input[type="text"], .widget_product_search .woocommerce-product-search input[type="search"] { outline:none; width:100%; height:40px; padding:10px 35px 10px 15px; color:#555; border:1px solid #CCCCCC; border-radius:5px; -webkit-border-radius:5px; } .widget_search .searchform input[type="submit"], .widget_product_search .woocommerce-product-search button[type="submit"] { outline:none; height:40px; padding:10px 15px; margin-left:10px; background:var(--ao-primary-btn); border:none; color:#fff; line-height:1; border-radius:5px; -webkit-border-radius:5px; } .widget_search .searchform input[type="submit"]:hover, .widget_search .searchform input[type="submit"]:focus, .widget_search .searchform input[type="submit"]:active, .widget_product_search .woocommerce-product-search button[type="submit"]:hover, .widget_product_search .woocommerce-product-search button[type="submit"]:focus, .widget_product_search .woocommerce-product-search button[type="submit"]:active { background:var(--primary-btn-hover);} /*widget search wp-default */ .widget_search .search-form { display:table; width:100%; } .widget_search .search-form label { display:table-cell; vertical-align:middle; min-width:100%; } .widget_search .search-form label input[type="search"] { width:100%; height:40px; padding:10px 35px 10px 15px; color:#555; border:1px solid #CCCCCC; border-radius:5px; -webkit-border-radius:5px; } .widget_search .search-form input[type="submit"] { outline:none; height:40px; padding:10px 15px; margin-left:10px; line-height:1; background:var(--ao-primary-btn); color:#fff; border:none; border-radius:5px; -webkit-border-radius:5px; } .widget_search .searchform input[type="submit"]:hover, .widget_search .searchform input[type="submit"]:focus, .widget_search .searchform input[type="submit"]:active { background:var(--ao-primary-btn);} /*widget recent-posts*/ .recent-posts-entry .post-date, .tweets-feed-entry .tweet-date { color:#3396d1; font-style:normal; } .widget .post-title { font-size:13px; line-height:16px; margin-bottom:8px; } .recent-posts-entry .widget-post{ margin-bottom:10px; } .recent-posts-entry .widget-post-bx:last-child { border-bottom:none; } .recent-posts-entry .aon-post-media { float:left; width:70px; border-radius:5px; -webkit-border-radius:5px; overflow:hidden; } .recent-posts-entry .aon-post-info { background:transparent; padding:0; margin-left:80px; border:none; } .recent-posts-entry .aon-post-info .post-title { margin:0 0 5px; } .recent-posts-entry .aon-post-meta ul li { font-size:12px; } .recent-posts-entry .post-meta span { margin-right:10px; } /*widget recent-comment*/ .widget_recent_comments ul li:before { content:"\f0e6"; } .widget_recent_comments ul li { padding-left:20px; color:#999; } /*widget recent-posts*/ .widget_recent_entries ul li span.post-date { opacity:0.8; } /* widget meta*/ .widget_meta ul li a abbr[title] { color:#333; border-bottom:none; } /*widget calender*/ .wp-block-calendar table caption { text-align: center; } .widget_calendar table td, .wp-block-calendar table td { text-align:center; padding:10px 5px; } .widget_calendar table { border-collapse: collapse; width:100%; } .widget_calendar thead { background-color:#999999; } .widget_calendar tfoot tr td { border:none; padding:0px; } .widget_calendar tfoot tr td a { padding:10px 0px; display:block; } .widget_calendar table thead tr th { font-size:11px; padding:12px 5px; font-weight:bold; text-align:center; border:none; color:#222; background-color:#F0F0F0;} .widget_calendar table tbody tr td { font-size: 13px; padding:6px 5px; text-align:center; background-color:#fff; border:none; color:#444; } .widget_calendar table tbody tr td a { color:#6d1cff; } .widget_calendar table tbody td#today { background-color: var(--ao-primary); color: #FFF; border-radius:5px; } .widget_calendar table tbody td#today a { color: #FFF; } /*widget tags-list*/ .widget_tag_cloud .tagcloud { margin-left:-5px; margin-right:-5px; } .widget_tag_cloud a { padding:2px 5px; display:inline-block; margin:0 0 5px; } /*widget archive*/ .widget_archive select { width:100%; padding:5px; border:1px solid #CCC; color:#555; border-radius:5px; -webkit-border-radius:5px; outline:none; } /*widget text*/ .widget_text select { width:100%; padding:5px; border:1px solid #CCC; } .widget_text select option { width:100%; } /*widget categories list*/ .widget_categories li a { display:inline-block; } .widget_categories li:after { content:""; display:table; clear:both; } .wp-block-categories-dropdown.wp-block-categories + p { margin-top:20px; } .wp-block-media-text.has-media-on-the-right { margin-bottom: 20px; } .wp-block-preformatted { margin-top: 10px; } /*widget categories select box*/ .widget_categories form { position:relative; } .widget_categories form select { border:none; padding:8px 10px; width:100%; height:40px; -webkit-appearance: none; -moz-appearance: none; appearance:none; border-radius:5px ; -webkit-border-radius:5px; background-color:#fff; color:#777; border:1px solid #ccc; } /*widget RSS*/ [class*="widget-rss"] .rss-widget-title { font-size:inherit; font-weight:inherit; font-family:inherit; } [class*="widget-rss"] .rss-widget-icon { vertical-align: baseline; } .widget.widget_rss li a::after { content: ""; display: inline-block; width:10px; height:0px; border-bottom-style:solid; border-bottom-width:1px; vertical-align: middle; margin:0 5px 0 10px; } [class*="widget-rss"] ul { margin:0; padding:0px; } [class*="widget-rss"] ul li{ margin-bottom:25px; } [class*="widget-rss"] ul li > .rsswidget { font-weight:600; } [class*="widget-rss"] ul .rss-date { opacity:0.7; text-transform:uppercase; display:inline-block; font-size:80%; } [class*="widget-rss"] ul .rssSummary { padding:8px 0; } [class*="widget-rss"] ul cite::after { content: ""; display: inline-block; width: 21px; height:0px; border-bottom-style:solid; border-bottom-width:1px; vertical-align: middle; margin:0 -10px 0 10px; } .widget_rss .widget-title > .rsswidget { font-size:inherit; font-weight:inherit; font-family:inherit; } .widget_rss .widget-title > .rsswidget > .rss-widget-icon { vertical-align: baseline; } .widget_rss li a::after { content: ""; display: inline-block; width:10px; height:0px; border-bottom-style:solid; border-bottom-width:1px; vertical-align: middle; margin:0 5px 0 10px; } .widget_rss ul { margin:0; padding:0px; } .widget_rss ul li{ margin-bottom:25px; } .widget_rss ul li > .rsswidget { font-weight:600; } .widget_rss ul .wp-block-rss__item-publish-date { opacity:0.7; text-transform:uppercase; display:inline-block; font-size:80%; } .widget_rss ul .wp-block-rss__item-excerpt { padding:8px 0; } .widget_rss ul .wp-block-rss__item-author::after { content: ""; display: inline-block; width: 21px; height:0px; border-bottom-style:solid; border-bottom-width:1px; vertical-align: middle; margin:0 -10px 0 10px; } .site-footer .widget_rss ul .rsswidget:hover { color:#6d1cff;} .site-footer .widget_rss ul .rsswidget:hover { color:#6d1cff;} /* widget get in tuch */ .widget_getintuch { padding-top:10px; } .widget_getintuch li { margin-bottom:20px; position:relative; padding-left:40px;} .widget_getintuch b, .widget_getintuch strong { display:block; text-transform:uppercase; } .widget_getintuch i { position:absolute; left:0; top:5px; text-align:center; font-size:14px; width:30px; height:30px; line-height:30px; background-color:rgba(0,0,0,0.04); border:1px solid rgba(0,0,0,0.05); } /* widget gallery */ .widget_gallery ul { padding-left:0; } .widget_gallery li { display:inline-block; margin-bottom:5px; width:32.1%; border:2px solid transparent; } .widget_gallery li img { display:inline-block; } .widget_gallery li:nth-child(3n-3) { margin-right: 0; } .widget_gallery li:hover{ display: inline-block; margin-bottom: 0; width:32.1%; border:2px solid var(--ao-primary-btn); } .widget_gallery a { display:inline-block; } /* widget woocommerce Products */ .woocommerce ul.product_list_widget li a{ margin-bottom:5px; font-weight:normal; } .woocommerce ul.product_list_widget li a:hover { color: var(--ao-primary); } .woocommerce ul.product_list_widget li a img { background-color:#fff; border:1px solid #ddd; } .woocommerce ul.product_list_widget li .woocommerce-Price-amount { color:#a9a9a9; } /* widget woocommerce Products */ .widget_products a { margin-bottom:5px; } .widget_products a img { background-color:#fff; } /* widget woocommerce Top Rated Products */ .widget_top_rated_products a { margin-bottom:5px; } .widget_top_rated_products a img { background-color:#fff; } /* widget woocommerce Products Recent Reviews*/ .widget_recent_reviews a { margin-bottom:5px; } .widget_recent_reviews a img { background-color:#fff; } /* widget woocommerce Products Vendor List*/ .widget_product_vendor_list .search_keyword { width:100%; height:40px; padding:10px 35px 10px 15px; color:#555; border:1px solid #CCCCCC; border-radius:5px; -webkit-border-radius:5px; } #wcmp_widget_vendor_list > div { margin-bottom:10px !important; } #wcmp_widget_vendor_list img { border-radius:2px; -webkit-border-radius:2px; } /* widget woocommerce rating filter*/ .wc-block-components-price-slider__range-input-progress { background:#6d1cff; border:1px solid #fff; } .wc-block-components-formatted-money-amount { white-space: nowrap; border: 1px solid #ddd; padding: 8px 10px; } /* widget woocommerce rating filter*/ .wc-block-product-search .wc-block-product-search__label { font-size: 20px; color: #000; font-family: 'sofia-pro-semibold', sans-serif; font-weight: normal; } .wp-block-woocommerce-product-search .wc-block-product-search__field { border:1px solid #ddd; } .wp-block-woocommerce-product-search .wc-block-product-search__field:focus { border-color:#ddd; } .wc-block-product-search .wc-block-product-search__button { background:var(--ao-primary-btn); color: #fff; border: 1px solid #fe5328; border-radius: 5px; } .wc-block-product-search .wc-block-product-search__button:hover, .wc-block-product-search .wc-block-product-search__button:active, .wc-block-product-search .wc-block-product-search__button:focus { background:var(--primary-btn-hover); } /* widget woocommerce rating filter*/ .wc-block-components-review-list { list-style:none; padding:0px; } .wp-block-latest-comments { padding:0px; } .wp-block-latest-posts__list.wp-block-latest-posts li {padding:0px;} .wp-block-latest-posts__list.wp-block-latest-posts li:before { content:none; } .wp-block-latest-posts__list.wp-block-latest-posts li .wp-block-latest-posts__featured-image { margin-bottom:15px; } .wp-block-latest-posts__list.wp-block-latest-posts li .wp-block-latest-posts__post-title { margin-bottom: 5px; display: block; } .wp-block-latest-posts__post-author, .wp-block-latest-posts__post-date { display: inline-block; font-size: .8125em; text-transform: uppercase; color: #000; font-weight: 600; margin-right: 10px; margin-bottom: 5px; font-weight: 700; } .elementor-widget-wp-widget-media_gallery .gallery-item { margin-bottom:15px !important; } .side-bar > .widget > ul { padding-left:0px; margin-bottom:0px; margin-bottom: 0px; list-style:none; } .side-bar > .widget > p:last-child, .side-bar > .widget > pre:last-child, .side-bar > .widget > table:last-child, .side-bar > .widget > figure:last-child, .side-bar > .widget > blockquote:last-child { margin-bottom:0px; } .side-bar .wp-block-button__link { color:#fff; } .side-bar .wp-block-button__link:hover { color:#fff; } .side-bar .is-style-outline .wp-block-button__link:hover { color: var(--primary-btn-hover); color:#fff; } .side-bar .wc-block-components-review-list-item__info { margin-bottom: 10px; } .site-footer ul { padding-left:0px; } .side-bar .wc-block-grid__products, .site-footer .wc-block-grid__products { margin:0px -8px !important; } .side-bar .woocommerce-Price-amount.amount { font-size: 12px; } .side-bar .wc-block-grid__product-rating { display: table; margin:0px auto 10px; } .side-bar .wc-block-grid__product-price { margin-bottom:5px; line-height:1; } .side-bar .woocommerce ul.product_list_widget li .woocommerce-Price-amount { color: #555; } .side-bar .wp-block-search__inside-wrapper .wp-block-search__input {width:calc(100% - 80px); border-radius:5px !important; } .side-bar input { width:100%; border:1px solid #ddd; border-radius:5px; } .side-bar textarea { width:100%; border:1px solid #ddd; border-radius:5px; } .side-bar input[type="submit"] { width:100%; background: var(--ao-primary); border:none; color:#fff; border-radius:5px; padding:8px 15px; } .side-bar .woocommerce-mini-cart__buttons .button { outline: none; color: #fff; padding: 10px 20px; margin-right:10px !important; letter-spacing: 1px; position: relative; overflow: hidden; cursor: pointer; display: inline-table; background-color: var(--ao-primary-btn); border: none;font-size: 15px; transition: 0.5s all ease; border-radius: 5px; font-weight:normal; } .side-bar .woocommerce-mini-cart__buttons .button:hover, .side-bar .woocommerce-mini-cart__buttons .button:active, .side-bar .woocommerce-mini-cart__buttons .button:focus { color: #fff; background-color: var(--primary-btn-hover); } .side-bar .wc-block-grid__products .wc-block-grid__product:last-child, .site-footer .wc-block-grid__products .wc-block-grid__product:last-child { margin-bottom:0px; } .side-bar .wc-block-grid__product .wc-block-grid__product-image, .site-footer .wc-block-grid__product .wc-block-grid__product-image { border:1px solid #ddd; margin-bottom: 15px; } .side-bar .wc-block-grid__product .wc-block-grid__product-title, .site-footer .wc-block-grid__product .wc-block-grid__product-title { color:#000; } .side-bar .wc-block-grid__product-rating .star-rating, .site-footer .wc-block-grid__product-rating .star-rating { margin:0px; } .side-bar .wc-block-components-sort-select__select, .site-footer .wc-block-components-sort-select__select { width:100%; margin-bottom:10px; } .side-bar .wc-block-components-formatted-money-amount, .site-footer .wc-block-components-formatted-money-amount { border:1px solid #ddd; } .side-bar .wc-block-components-price-slider__amount--max, .site-footer .wc-block-components-price-slider__amount--max { text-align:right; } .side-bar .wc-block-components-error__header, .site-footer .wc-block-components-error__header { margin-bottom: 15px; } .side-bar .wc-block-grid__product-onsale, .site-footer .wc-block-grid__product-onsale { color: #fff; top: 10px; right: 10px; position: absolute; left: auto; padding: 1px 9px; line-height: 20px; background: var(--ao-primary); border: none; font-size: 10px; } .wc-block-grid__product .wc-block-grid__product-price ins { text-decoration:none; } .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link { padding:.6em 1em; line-height:16px; border:none; } .side-bar .wc-block-grid__product-rating .wc-block-grid__product-rating__stars, .site-footer .wc-block-grid__product-rating .wc-block-grid__product-rating__stars { margin:0px; } .side-bar .wc-block-components-product-title.wc-block-grid__product-title > a, .site-footer .wc-block-components-product-title.wc-block-grid__product-title > a { font-weight:bold; } .side-bar .wc-block-components-sort-select__label, .site-footer .wc-block-components-sort-select__label { text-align:left; margin-right:0px; display: inline-block; font-weight: normal; color: #000; font-family: 'sofia-pro-semibold', sans-serif; font-size: 20px; } .side-bar .wc-block-components-review-sort-select, .site-footer .wc-block-components-review-sort-select { text-align:left; } .side-bar .wp-block-file > a:first-child, .site-footer .wp-block-file > a:first-child { color:#000; } .side-bar .wc-block-review-list-item__product.wc-block-components-review-list-item__product > a, .site-footer .wc-block-review-list-item__product.wc-block-components-review-list-item__product > a { color:#000; } .side-bar .wc-block-grid__product-rating .star-rating span::before, .side-bar .wc-block-grid__product-rating .wc-block-grid__product-rating__stars span::before { color: #ffc100; } .site-footer .wc-block-grid__product-rating .star-rating span::before, .site-footer .wc-block-grid__product-rating .wc-block-grid__product-rating__stars span::before { color: #ffc100; } .wc-block-components-review-list-item__rating > .wc-block-components-review-list-item__rating__stars span::before { color: var(--ao-primary); } .side-bar .wp-block-media-text .wp-block-media-text__content > p, .site-footer .wp-block-media-text .wp-block-media-text__content > p { line-height:1; } .side-bar .wp-block-cover__inner-container > p, .site-footer .wp-block-cover__inner-container > p { line-height:1; } .side-bar pre.wp-block-verse > a, .site-footer pre.wp-block-verse > a { color:#000; } .side-bar .woocommerce ul.cart_list, .woocommerce ul.product_list_widget, .site-footer .woocommerce ul.cart_list, .woocommerce ul.product_list_widget { margin-bottom:10px; } .side-bar .woocommerce .widget_shopping_cart .total, .site-footer .woocommerce.widget_shopping_cart .total { padding: 10px 0 5px; } .side-bar .woocommerce .widget_shopping_cart .cart_list li a.remove, .side-bar .woocommerce.widget_shopping_cart .cart_list li a.remove, .site-footer .woocommerce .widget_shopping_cart .cart_list li a.remove, .site-footer .woocommerce.widget_shopping_cart .cart_list li a.remove { line-height: 1; font-size:16px; } .side-bar .wp-block-comments-title { font-size:18px; width:auto !important; padding:0px !important; } @media (min-width: 782px) { .side-bar .wp-block-columns { gap: 1em !important; } .side-bar blockquote { padding: 20px 30px; } .side-bar .wp-block-comment-template ol { padding-left: 15px; } .side-bar .wp-block-comment-date { text-transform: uppercase; } .wp-block-comment-author-name { font-weight: 700; } .comment-reply-link { font-weight: 500; position:relative; } .comment-reply-link:after { content: "\f105"; font-family: "FontAwesome"; margin-left:5px; vertical-align: middle; line-height: 1; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; } .comment-reply-link:hover:after { margin-left:10px; } } .wp-block-loginout > a { border: none; background-color: var(--ao-primary-btn); outline: none; color: #fff; padding:10px 30px; -webkit-border-radius: 5px; border-radius: 5px; display: inline-block; } .wp-block-loginout > a:active, .wp-block-loginout > a:hover, .wp-block-loginout > a:focus { background-color: #da4219;color: #fff; } .woocommerce-product-search { display: flex; justify-content: space-between; } .woocommerce-product-search .search-field { width: calc(100% - 95px); height:50px; display: block; border: 1px solid #ddd; border-radius: 5px; padding: 5px 10px; } .woocommerce-product-search button { width:90px; height:50px; padding-left:5px; padding-right:5px; border:none; background: var(--ao-primary-btn); color:#fff; border-radius: 5px; } .woocommerce-product-search button:hover, .woocommerce-product-search button:active, .woocommerce-product-search button:focus { background: var(--primary-btn-hover); } .elementor-widget-wp-widget-search .btn { background: var(--ao-primary-btn); color: #fff; height: 50px; width: 50px; margin-left: 10px; } .elementor-widget-wp-widget-search .btn:hover, .elementor-widget-wp-widget-search .btn:active, .elementor-widget-wp-widget-search .btn:focus { background: var(--primary-btn-hover); } .elementor-widget-wp-widget-categories select { width:100%; } .elementor-widget-container > h4, .elementor-widget-container > h5 { padding-bottom:10px; margin: 0px 0px 20px; font-size: 22px; position: relative; color:var(--footer-title);} .elementor-widget-container > h4 a, .elementor-widget-container > h5 a { color:inherit;} .elementor-widget-container > h4::after, .elementor-widget-container > h5::after { position: absolute; left: 0px; bottom: 0px; content: ""; width: 60px; height: 2px; background: var(--footer-title-line); display: table; } .elementor-widget-wp-widget-pmpro-member-login label { margin-bottom:3px;} .elementor-widget-wp-widget-pmpro-member-login .input { width: 100%; border: 1px solid #ddd; border-radius: 5px; padding:10px 12px; } .elementor-widget-wp-widget-pmpro-member-login .button { height: 50px; padding:12px 20px; border: none; background: var(--ao-primary-btn); color: #fff; border-radius: 5px; } .elementor-widget-wp-widget-pmpro-member-login .button:hover, .elementor-widget-wp-widget-pmpro-member-login .button:active, .elementor-widget-wp-widget-pmpro-member-login .button:focus { background: var(--primary-btn-hover); color: #fff; } .sf-blog-comment-wrap .comments-area { width:100% !important; } @media only screen and (max-width:600px) { .sf-blog-comment-wrap .comments-area .comment-form p { width:100% !important; } } .aon-doctorInsuranc-title { margin-bottom:30px;} .woocommerce-notice.woocommerce-notice--success { padding: 20px; border: 1px solid #ddd; text-align: center; margin-bottom: 51px; border-radius: 5px; } .woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received { padding: 20px; border: 1px solid #509f7a; text-align: center; margin-bottom: 51px; border-radius: 5px; background: #f0fdf3; color: #0e5323; font-weight: 600; } .woocommerce-order-overview { padding: 0; } .woocommerce-table.woocommerce-table--order-details.shop_table.order_details { margin-bottom: 30px; } .woocommerce-table.woocommerce-table--order-details.shop_table.order_details thead tr:first-child > th { font-size:20px; font-weight:700; } .woocommerce-table.woocommerce-table--order-details.shop_table.order_details tbody tr th, .woocommerce-table.woocommerce-table--order-details.shop_table.order_details tbody tr td { padding:12px 10px; } .woocommerce-table.woocommerce-table--order-details.shop_table.order_details tfoot tr th, .woocommerce-table.woocommerce-table--order-details.shop_table.order_details tfoot tr td { padding:12px 10px; } .woocommerce-order-details__title { margin-bottom: 15px; font-size:24px; } table tr td.woocommerce-table__product-name.product-name { text-align: center; } table tr td.woocommerce-table__product-name.product-name br { display:inline-block; } table tr td.woocommerce-table__product-total.product-total { text-align: center; } .woocommerce div.product form.cart { margin-top: 20px; } .fc-event-main-frame .fc-event-time { line-height:1; } .fc-event-main-frame .fc-event-title-container { line-height:1; } .fc-timegrid-event-harness > .fc-timegrid-event { padding: 1px 5px; min-height: 22px; font-size: 14px; } .aon-forgotpass-backlink { display:table; margin: auto; } pre { display: block; padding: 12.5px; margin: 0 0 13px; font-size: 14px; line-height: 1.75; word-break: break-all; word-wrap: break-word; color: #fff; background-color:#222; border: 1px solid #222; border-radius: 5px; } .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { clear: both; display: block; margin: 5px auto 5px auto; } .alignright { float:right; margin: 5px 0 32px 2em; } .wp-block-image .alignright{ margin-left: 2em; } .alignleft { float: left; margin: 5px 2em 32px 0; } .wp-block-gallery.alignleft { float: left; margin: 5px 2em 32px 0 !important; } .wp-block-image .alignleft{ margin-right: 2em; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } .wp-caption { background: #fff; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } .blog-post [title*="WordPress post_class"] { font-weight:600; } .wp-block-image, .wp-block-gallery { margin-bottom: 28px; } .ui-widget.ui-widget-content { z-index: 99999; width: 250px !important; list-style: none; padding: 0px; border: 1px solid #ddd; border-radius: 0px 0px 5px 5px; background:#fff; max-height:210px; overflow:auto; } .ui-widget.ui-widget-content li { padding:5px 15px; border-bottom:1px solid #ddd; } .ui-widget.ui-widget-content li:last-child { border-bottom:none; } .ui-widget.ui-widget-content li:hover { background:#ff8c00; color:#fff;} .aon-map-toggle .btn { white-space:nowrap; } .aon-map-toggle .btn .srhmaptoggle { font-size:14px; padding-left:5px; } .filter-slide-active .aon-filter-slider { left:0px; box-shadow: 0 10px 200px rgba(0, 0, 0, 0.8); } .aon-filter-slider { position:fixed; left:-350px; top:0px; width:100%; height:100%; max-width:300px; background: #fff; z-index: 999; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; } .aon-srh-filter-wrap .aon-filter-slider { height: 100vh; } .filter-slide-active .aon-filter-slider { left:0px; box-shadow: 0 10px 200px rgba(0, 0, 0, 0.8); } .aon-filter-slider .side-bar { height: 100vh; overflow: auto; } .side-bar { width: 100%; } .aon-filter-bar-closebtn { position:absolute; right:-50px; top:50%; font-size:12px; border:none; padding:2px 8px; text-transform:uppercase; letter-spacing:1px; border:none; height:22px; background: #E13B3E; color:#fff; font-weight:600; margin: -45px 0px; line-height:1; -moz-transform: rotate(-90deg) translateX(-50%);-webkit-transform: rotate(-90deg) translateX(-50%);-o-transform: rotate(-90deg) translateX(-50%); -ms-transform: rotate(-90deg) translateX(-50%); transform: rotate(-90deg) translateX(-50%);} .aon-srh-filter-button { border:none; background: var(--ao-primary-btn); color:#fff; padding: 3px 10px; font-size: 13px; position: fixed; left: -62px; top: 44%; z-index: 999; letter-spacing:1; font-weight: 500; border-radius: 0px 0px 5px 5px !important; text-transform:uppercase; -moz-transform: rotate(-90deg) translateX(-50%); -webkit-transform: rotate(-90deg) translateX(-50%); -o-transform: rotate(-90deg) translateX(-50%); -ms-transform: rotate(-90deg) translateX(-50%); transform: rotate(-90deg) translateX(-50%); } .aon-search2-bar-wrap-2 { background: #fff; border: 1px solid #ddd; padding:10px 20px; border-radius: 5px; max-width:900px; } .aon-search2-bar-wrap-2 .aon-search2-left { width:auto; } .active-search-map .aon-search2-bar-wrap-2 { margin-right: auto; } .active-search-map .sf-listing-view-wrap [class*="sf-listing-ajax-"] { display: flex; flex-wrap: wrap; margin: 0px -15px; } .active-search-map .sf-listing-view { width:calc( 50% - 30px); margin-left:15px; margin-right:15px; } .active-search-map .sf-grid-view-wrap [class*="col-"] { width:25%; } .aon-search-result-left .container { max-width:100%; } .aon-search-result-left .aon-searchInfo-text { padding:0px; margin:0px -15px 30px; } .aon-search-result-left .aon-search-row { margin:0px -25px; } .aon-search-result-left .aon-search-row h4 { margin:0px; } @media only screen and (max-width:1600px) { .active-search-map .sf-listing-view { display: block;} .active-search-map .sf-listing-media { width: 100px; } .active-search-map .sf-listing-info { padding: 30px 25px 30px 0px; } .active-search-map .sf-listing-info-right { display: flex; width: 100%; border-left: none; border-top: 1px solid #ddd; justify-content: space-between; } .active-search-map .sf-grid-view-wrap [class*="col-"] { width:33.333%; } } @media only screen and (max-width:1200px) { .aon-search2-bar-wrap-2 { padding: 0px 10px; } .aon-search2-form.no-p-lr { padding: 15px 0px 0px 0px; } .aon-search2-form .aon-search2-left { width: 100%; margin-bottom: 15px; padding: 0px 5px; } .active-search-map .sf-grid-view-wrap [class*="col-"] { width:50%; } } @media only screen and (max-width:991px) { .active-search-map .sf-listing-view { width:calc( 100% - 30px); } .sf-listing-info-right { display: flex; width: 100%; border-left: none; border-top: 1px solid #ddd;} .sf-grid-view-wrap [class*="col-"] { width:50%; } } @media only screen and (max-width:767px) { .active-search-map .sf-grid-view-wrap [class*="col-"] { width:100%; } .sf-grid-view-wrap [class*="col-"] { width:100%; } } @media only screen and (max-width:650px) { .sf-listing-info-right { display: block; } .sf-listing-con-details { padding-bottom: 15px; } .active-search-map .sf-listing-info-right { display: block; } .active-search-map .sf-listing-con-details { padding-bottom: 15px; } } @media only screen and (max-width:450px) { .active-search-map .sf-listing-info { padding:20px; } } /*= Map marker =*/ .map-marker { background-color: var(--ao-primary); border-radius:5px; -webkit-border-radius:5px; height:40px; display:block; position:relative; top:0px; transition:top .15s linear; width:40px; cursor:pointer; -moz-transform: translateY(40px); -webkit-transform: translateY(40px); -o-transform: translateY(40px); -ms-transform: translateY(40px); transform: translateY(40px); } .map-marker:before { background-color: rgba(0, 0, 0, 0.9); border-radius: 50%; bottom:-3px; left:9px; opacity:0; width: 25px; content: ''; height: 5px; position: absolute; transition: all .15s linear; } .map-marker:after { content:""; position:absolute; bottom:-4px; left:50%; margin:0px -5px; width:10px; height:10px; background-color: var(--ao-primary); z-index:-1; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .map-marker:hover { top: -4px; } .map-marker:hover:before { bottom:-11px; left:11px; width: 18px; opacity:0.4; } .map-marker:hover { top: -4px; } .map-marker.active:hover { bottom:-15px; left:15px; width: 18px; } .map-marker.active { top: -4px; } .map-marker.active:before { bottom: -6px; left: 34px; width: 18px; } .map-marker .icon { background: #fff; display: block; width: 28px; height: 28px; line-height: 28px; margin: 0px auto; padding: 4px; position: relative; overflow: hidden; text-align: center; top: 6px; left: 0; border:1px solid #FFF; border-radius: 5px; } .map-marker .icon img { max-width: 100%; height: auto; display: block; } .cluster .cluster-inner { width:36px !important; height:36px; line-height: 32px !important; background: var(--ao-primary) !important; box-shadow: 0 0 0 rgba(0,0,0, 0.9); animation: pulse 2s infinite; font-size: 13px !important; border:2px solid rgba(255, 255, 255, 0.52); border-radius: 100%; -webkit-border-radius: 100%; transition: all .5s ease; } .cluster .cluster-inner, .cluster .cluster-inner:before, .cluster .cluster-inner:after { position: absolute; top: 50%; left: 50%; height:36px; width: 36px; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transform-origin:center; transform-origin: center center; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .3); -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, .3); -ms-box-shadow: 0 0 0 0 rgba(0, 0, 0, .3); -o-box-shadow: 0 0 0 0 rgba(0, 0, 0, .3); box-shadow: 0 0 0 0 rgba(0, 0, 0, .3); -webkit-animation: ripple 3s infinite; -moz-animation: ripple 3s infinite; -ms-animation: ripple 3s infinite; -o-animation: ripple 3s infinite; animation: ripple 3s infinite; } .cluster .cluster-inner:before { -webkit-animation-delay: .9s; -moz-animation-delay: .9s; -ms-animation-delay: .9s; -o-animation-delay: .9s; animation-delay: .9s; content: ""; position: absolute; } .cluster .cluster-inner:after { -webkit-animation-delay: .6s; -moz-animation-delay: .6s; -ms-animation-delay: .6s; -o-animation-delay: .6s; animation-delay: .6s; content: ""; position: absolute; } @-webkit-keyframes ripple { 70% {box-shadow: 0 0 0 20px rgba(0, 0, 0, 0.17);} 100% {box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.17);} } @keyframes ripple { 70% {box-shadow: 0 0 0 20px rgba(0, 0, 0, 0.17);} 100% {box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.17);} } /*= Map infobox =*/ .info_details { padding: 6px; width:250px; height: 150px; overflow:hidden; position:relative; background: #ffffff; box-shadow: 1px 1px 48px #ccc; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.39);} .info_details .sf-map-thum { height:150px; } .sf-map-infoimage { position:absolute; top:0px; left:0px; width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover; } .sf-map-text-area { position:absolute; bottom:0px; left:0px; padding:15px; color: #ffffff; z-index:2; } .sf-map-comapy-title { font-size:14px; font-weight:600; margin-bottom:5px; } .sf-map-comapy-address { position:relative; font-size:13px; padding-left:15px; } .sf-map-comapy-address .fa { position:absolute; top:4px; left:0px; font-size:13px; } .sf-map-infogradient{ width: 100%; height: 100%; position: absolute; top:0px; left:0px ; z-index:1; opacity:0.8; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+47,000000+100&0+0,1+100 */ background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.47) 47%, rgba(0,0,0,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.47) 47%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.47) 47%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ } .fa-map-info-linking { width: 100%; height: 100%; position: absolute; top:0px; left:0px ; z-index:1; } .gm-style .gm-style-iw-d { right:15px !important; } .google-map .gm-ui-hover-effect { cursor:pointer !important; position:absolute !important; top:20px !important; right:20px !important; color:#fff !important; background-color:#fff !important; z-index:1; border-radius:20px; border-radius:20px; width:24px !important; height:24px !important; display:flex !important; justify-content:center; align-items: center; } .google-map .gm-ui-hover-effect > span { margin:0px !important; } .google-map .gm-ui-hover-effect img { margin:5px !important;} .info_details:after { top: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; border-top-color: #fff; border-width: 15px; left: 50%; margin-left: -15px; } .contact_info_details { height: 120px; margin-top: -8px; margin-left: -64px; } .contact_info_details h2 { font-size: 30px; color: #b881fc; background-color: #fff; float: left; width: 100%; text-align: center; } .info_details img { max-width: 100%; width: 100%; height: auto; float: left; max-height: 200px; } #infocloser { position: absolute; width: 18px; height: 18px; z-index: 999999; background-color: #3396d1; cursor: pointer; top: 6px; left: 6px; text-align: center; color: #fff; } .infoimage { width: 140px; height: 140px; float: left; margin-right: 15px; background-size: cover; background-position: 50% 50%; border-top-left-radius: 3px; border-top-right-radius: 3px; } #infobox_title {display: block; font-size: 16px; line-height: 1.1em; color: #707070; text-transform: uppercase; padding: 5px 0px; font-weight: 700; } .map-company { font-size: 13px; line-height: 16px; color: #707070; padding: 0 0px 5px; } .map-address { padding-top: 5px; padding-right: 5px; } #infobox_title:hover, .info_details a:hover { color: #3396D1; } .map-category { background: #3396d1; color: #fff; display: inline; font-size: 12px; font-weight: 800; margin-bottom: 10px; padding: 0 5px; text-transform: uppercase; } #info_inside { padding-left: 13px; float: left; font-size: 14px; margin-top: 13px; color: #717374; width: 100%; } .infogradient{ display:none; width: 100%; height: 66px; position: absolute; top:74px; left: 0px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2b313e+0,282f3d+100&0+0,1+82 */ background: -moz-linear-gradient(top, rgba(43,49,62,0) 0%, rgba(41,47,61,1) 82%, rgba(40,47,61,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(43,49,62,0)), color-stop(82%,rgba(41,47,61,1)), color-stop(100%,rgba(40,47,61,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(43,49,62,0) 0%,rgba(41,47,61,1) 82%,rgba(40,47,61,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(43,49,62,0) 0%,rgba(41,47,61,1) 82%,rgba(40,47,61,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(43,49,62,0) 0%,rgba(41,47,61,1) 82%,rgba(40,47,61,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(43,49,62,0) 0%,rgba(41,47,61,1) 82%,rgba(40,47,61,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002b313e', endColorstr='#282f3d',GradientType=0 ); /* IE6-9 */ } .color-fill .main-bar { transition: all .5s; } .main-bar { width: 100%; -webkit-transition: all .3s cubic-bezier(.39,.575,.565,1) 0s; -khtml-transition: all .3s cubic-bezier(.39,.575,.565,1) 0s; -moz-transition: all .3s cubic-bezier(.39,.575,.565,1) 0s; -ms-transition: all .3s cubic-bezier(.39,.575,.565,1) 0s; -o-transition: all .3s cubic-bezier(.39,.575,.565,1) 0s; transition: all .3s cubic-bezier(.39,.575,.565,1) 0s; } .color-fill .main-bar { position: fixed; -webkit-animation: .95s ease 0s normal forwards 1 running headerSlideDown; -khtml-animation: .95s ease 0s normal forwards 1 running headerSlideDown; -moz-animation: .95s ease 0s normal forwards 1 running headerSlideDown; -ms-animation: .95s ease 0s normal forwards 1 running headerSlideDown; -o-animation: .95s ease 0s normal forwards 1 running headerSlideDown; animation: .95s ease 0s normal forwards 1 running headerSlideDown; } @-moz-keyframes headerSlideDown { 0% { margin-top: -150px; } 100% { margin-top: 0; } } @-ms-keyframes headerSlideDown { 0% { margin-top: -150px; } 100% { margin-top: 0; } } @-webkit-keyframes headerSlideDown { 0% { margin-top: -150px; } 100% { margin-top: 0; } } @keyframes headerSlideDown { 0% { margin-top: -150px; } 100% { margin-top: 0; } } .post-template-default.single-post .post-text > .alignfull, .post-template-default.single-post .post-text > .alignfullwide, .post-template-default.single-post .post-text > .alignfull, .post-template-default.single-post .post-text > .alignfullwide { position:relative; left:50%; width: 100vw; margin-left:-50vw; box-sizing: border-box; text-align: center; } .post-template-default.single-post .carely_left_sidebar .post-text .alignfull, .post-template-default.single-post .carely_left_sidebar .post-text .alignfullwide, .post-template-default.single-post .carely_right_sidebar .post-text .alignfull, .post-template-default.single-post .carely_right_sidebar .post-text .alignfullwide { position:relative; left: 0; width: auto; margin-left:0; } .wp-block-cover, .wp-block-cover-image, .wp-block-embed, .wp-block-image { margin-bottom: 1.875rem; margin-top: 1.875rem; } .wp-block-button { margin-bottom: 1.875rem; } .post-template-default.single-post .post-text > .alignleft, .post-template-default.single-post .post-text > .alignleft { margin: 0.3125rem 1.563rem 1.563rem 0; margin-inline-start: 0; margin-inline-end: 2rem;} .gallery .gallery-item img { float: left; padding: 0 0rem; width: 100%; border: none; } .widget_archive li a, .wp-block-latest-posts li a, .wp-block-categories-list li a, .wp-block-archives-list li a, .widget_categories li a { float: left; text-transform: capitalize; text-align: left; } .widget_archive ul li, .wp-block-categories-list li, .wp-block-archives-list li, .wp-block-latest-posts li, .widget_categories ul li { text-align: right; display: table; width: 100%; line-height: 1.3 !important; } .wp-block-archives-dropdown.wp-block-archives select[id*="wp-block-archives-"], .wp-block-categories-dropdown.wp-block-categories select[id*="wp-block-categories-"] { width:100%;} .wp-block-image figcaption { font-size: 14px; } .sticky, .post.tag-sticky-2:not(.sf-post-detail) { position: relative; border:none; border-radius:10px; } .post-password-form { position: relative; } .post-password-form label { display: block; font-size: 1rem; position:relative; } .post-password-form input[type="password"] { width: 100%; } .post-password-form input[type="submit"] { position: absolute; bottom: 0; right: 0; } blockquote > cite, blockquote > p > cite, blockquote > .wp-block-pullquote__citation, .wp-block-quote .wp-block-quote__citation { display: inline-flex; align-items:center; margin-top:-20px; font-size: 19px; line-height: 28px; font-weight: 300; font-style: normal; letter-spacing: 0; margin-bottom: 3px; padding-left: 60px; position: relative; text-transform: none; } blockquote.has-text-align-right > .wp-block-quote__citation, blockquote.has-text-align-right > cite, blockquote.has-text-align-center > .wp-block-quote__citation, blockquote.has-text-align-center > cite { display: inline-block; } blockquote > cite::before, blockquote > p > cite::before, blockquote > .wp-block-pullquote__citation::before, .wp-block-quote .wp-block-quote__citation::before { background-color:#000; content: ""; display: block; height: 2px; left: 0; margin-top: 1px; position: absolute; top: 50%; width: 40px; } .wp-block-quote.is-large:not(.is-style-plain) p, .wp-block-quote.is-style-large:not(.is-style-plain) p { font-size: 28px; line-height: 1.6; } .wp-block-pullquote p { font-size:28px; line-height: 1.6; } .wp-block-pullquote.is-style-solid-color blockquote p { font-size: 28px; line-height: 1.6; } .has-background.has-cyan-bluish-gray-background-color.is-style-solid-color blockquote { background:none;} .side-bar .widget h2 { position: relative; padding-bottom: 15px; font-size:24px; } .side-bar .widget h2::before { content: ''; position: absolute; bottom: 0px; left: 0px; background-color: var(--ao-primary); width: 50px; height: 3px; } .comment-reply-title, .wp-block-search .wp-block-search__label { position: relative; margin-bottom:30px; padding-bottom:15px; font-size:24px; text-transform: capitalize; line-height: 1.25; color:var(--title); font-weight:700; display: block; } .aon-page-nobenner-area .sf-banner-heading-area { color:#fff; } .sf-menu-placeholder > a { border:1px solid #999; padding:7px 15px; color:#999; border-radius:5px; } .sf-menu-placeholder > a:active, .sf-menu-placeholder > a:hover, .sf-menu-placeholder > a:focus { border:1px solid var(--ao-primary); color: var(--ao-primary); } .sf-blog-style-1 .post-bx { border: 1px solid #ddd; padding: 30px 30px; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); } .sf-blog-style-1 .post-thum + .post-info { padding-top:30px; } .sf-blog-style-1 .post-info { padding:0px; } .wp-block-post-comments-form { border-radius:10px;} #respond .comment-form input, #respond .comment-form-comment textarea { border:1px solid #ddd; background-color:#f9f9f9; border-radius:5px; } ul.wp-block-rss.wp-block-rss { box-sizing: border-box; } .wp-block-rss .wp-block-rss__item { padding: 0.3125rem 0 !important; border-bottom: 0.0625rem solid #eee; } .wp-block-rss .wp-block-rss__item a { font-weight:700; color: var(--title); } .wp-block-rss .wp-block-rss__item a:hover, .wp-block-rss .wp-block-rss__item a:active, .wp-block-rss .wp-block-rss__item a:focus{ color: var(--primary-hover); } .wp-block-search, .wp-block-archives, .wp-block-latest-posts, .wp-block-latest-comments, .wp-block-categories, .wp-block-calendar { margin-bottom:30px; } .sf-post-detail.category-markup.tag-markup-2 table tr > td { text-align:center; } .sf-post-detail .embed-responsive iframe { width: 100%; } .sf-post-detail.format-video.post_format-post-format-video .embed-responsives.embed-responsives-16by9 { position: relative; padding-top: 50%; padding-bottom: 50px; } .sf-post-detail.format-video.post_format-post-format-video .embed-responsives.embed-responsives-16by9 iframe { position:absolute; top:0px; left:0px; width:100%; height:100%; } .format-video.post_format-post-format-video .embed-responsives.embed-responsives-16by9 { position: relative; padding-top: 50%; padding-bottom: 50px; } .format-video.post_format-post-format-video .embed-responsives.embed-responsives-16by9 iframe { position:absolute; top:0px; left:0px; width:100%; height:100%; } .main-bar .aon-admin-notification { width: 28px; height: auto; } .main-bar .aon-admin-notification:hover { background:none; } form[role="search"] .input-group-btn button[type="submit"] { background:var(--ao-primary-btn); border:var(--ao-primary-btn); color:#fff; padding: 10px 20px; border-radius: 0 5px 5px 0px; height:50px; } form[role="search"] .input-group-btn button[type="submit"]:hover, form[role="search"] .input-group-btn button[type="submit"]:active, form[role="search"] .input-group-btn button[type="submit"]:focus { background:var(--primary-btn-hover); border:var(--ao-primary-btn); } #respond { margin-bottom: 30px; } .comment-reply-link:after { display:none; } #respond #cancel-comment-reply-link { font-size:0px; } #respond #cancel-comment-reply-link::before { content: "\ea02"; font-family: 'feather' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-size:20px; position: absolute; top: 0; right: 0; } #respond #cancel-comment-reply-link::before { -moz-transform: scale(1.2) rotate(360deg); -webkit-transform: scale(1.2) rotate(360deg); -o-transform: scale(1.2) rotate(360deg); -ms-transform: scale(1.2) rotate(360deg); transform: scale(1.2) rotate(360deg); } .header-nav .nav > li .sub-menu li:hover > .sub-menu { left:60px; } .pro-log-left { align-items: center; } .form-select + .description, .form-control + .description { background: #f2b72b; color: #fff; padding: 2px 10px; line-height: 1.4; border-radius: 3px; font-size: 13px; position: relative; } .form-select + .description::after, .form-control + .description::after { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 6px 6px 6px; border-color: transparent transparent #f2b72b transparent; position: absolute; bottom: 100%; left: 10px; } .form-select + .description a, .form-control + .description a { color: #000; text-decoration:underline; } .form-select + .description a:hover, .form-control + .description a:hover { text-decoration:none; } [class*="sf-membership-plans-"] { display: flex; justify-content: center; margin:0px; list-style:none; } .sf-membership-plans-2 > li { width:50%; padding:0px 15px; } .aon-graph-year-btn-wrap { display:flex; } .aon-graph-year-select { margin-right: 10px;} .woocommerce-notices-wrapper a.button { margin:6px 0px; line-height:1; background:none; color:#fff; text-transform:uppercase; border-left:2px solid #fff; border-radius:0; padding: 0 0 0 10px; font-size: 14px; letter-spacing: 3px;} .woocommerce-notices-wrapper a.button:hover { background:none; color:#fff; text-decoration:underline; } .carely-search-form-wrap { margin-bottom: 30px; } .carely-search-form-wrap > form { box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); border-radius: 5px; background:#fff; } /* Membership Checkout */ .pmpro_form{ display:block !important; max-width:100% !important; } #pmpro_form .pmpro_checkout .pmpro_title { margin:10px 0px 20px; } .pmpro_checkout h3 span.pmpro_checkout-h3-msg { vertical-align:middle; } .pmpro_checkout-h3-msg a { background-color: var(--ao-primary-btn); display: inline-block; padding: 0 5px; color: #fff; line-height: 20px; font-weight:600; border-radius:2px; -webkit-border-radius:2px; } .pmpro_checkout-h3-msg a:hover { color: #fff; } .pmpro_selected_pakage, #pmpro_level_cost > p:first-child { text-transform:uppercase; font-size:16px; } .pmpro_selected_pakage strong, #pmpro_level_cost > p:first-child strong { color: #454545; } .pmpro_checkout-fields:after { content:""; display:table; clear:both; } .pmpro_checkout-left { width:50%; float:left; } .pmpro_checkout-right { width:50%; float:right; } #pmpro_payment_information_fields { padding-top:30px; } .pmpro_asterisk { display:none; } .pmpro_checkout_gateway-stripe form.pmpro_form #pmpro_payment_information_fields .pmpro_checkout-fields, .pmpro_billing_gateway-stripe form.pmpro_form #pmpro_payment_information_fields .pmpro_checkout-fields { grid-column-gap: 30px; } .pmpro_checkout-fields .pmpro_checkout-field label { margin-bottom:10px; } .pmpro_checkout-field.pmpro_payment-account-number { width:100%; } .pmpro_checkout-field.pmpro_payment-expiration, .pmpro_checkout-field.pmpro_payment-cvv { width:100%; } .pmpro_checkout-field.pmpro_payment-account-number .StripeElement, .pmpro_checkout-field.pmpro_payment-expiration .StripeElement , .pmpro_checkout-field.pmpro_payment-cvv .StripeElement { height:50px; padding:16px !important; border-radius:5px !important; } .pmpro_checkout-field.pmpro_payment-cvv .form-control, .pmpro_checkout-field.pmpro_payment-account-number .form-control { max-width:100% !important; width:100% !important; } .pmpro_checkout-field.pmpro_payment-cvv .form-control { width:46% !important; } .pmpro_checkout-fields.pmpro_basice-info { margin-left:-15px; margin-right:-15px; } .pmpro_checkout-fields.pmpro_basice-info .pmpro_checkout-field { float:left; width:50%; padding-left:15px; padding-right:15px; } .pmpro_checkout-fields.pmpro_basice-info .pmpro_checkout-field .form-control { max-width:100%; width:100%; display:block; } @media only screen and (max-width:767px) { .pmpro_checkout-fields.pmpro_basice-info .pmpro_checkout-field { float:none; width:100%; } .pmpro_checkout-left { width:100%; float:none; } .pmpro_checkout-right { width:100%; float:none; } } .pmpro_checkout-field.pmpro_payment-expiration .pmpro_payment-expiration-date { margin-left:-15px; margin-right:-15px; } #pmpro_user_fields { border: 1px solid #ddd; padding: 30px; border-radius: 5px; width:50%; float:left; } #pmpro_user_fields .pmpro_checkout-fields { display: flex; flex-wrap: wrap; margin:0px -15px;} #pmpro_user_fields .pmpro_checkout-fields .pmpro_checkout-field { width:50%; position:relative; padding:0px 15px; } #pmpro_user_fields .pmpro_checkout-fields .pmpro_checkout-field .input { width:100%; border: 1px solid #e1e1e1; height: 50px; font-size: 14px; line-height: 20px; padding: 10px 12px; border-radius:5px; } #pmpro_user_fields .pmpro_checkout-fields .pmpro_checkout-field .input:focus { box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.6); background-color: #F8F8F8; } #pmpro_user_fields .pmpro_checkout-fields .pmpro_checkout-field .input + span { position:absolute; bottom:10px; right:30px; } #pmpro_pricing_fields { width: 100%; padding: 30px; border: 1px solid #ddd; border-radius: 10px; margin-bottom: 30px; } #pmpro_pricing_fields h3 { margin:0px !important; } #pmpro_payment_information_fields { padding-left:30px; padding-top:0px; width:50%; float:right; } #pmpro_payment_information_fields h3 { margin:0px !important; } form.pmpro_form .pmpro_submit { margin-top:0; float: right; width: 50%; padding: 0px 30px; } #pmpro_submit_span { margin-top: 30px; display: block;} .pmpro_btn, .pmpro_btn:link, .pmpro_content_message a, .pmpro_content_message a:link { font-weight:normal; } @media only screen and (max-width:991px) { #pmpro_user_fields { width: 100%; float: none; margin-bottom:30px; } #pmpro_payment_information_fields { padding-left: 0; padding-top: 0px; width: 100%; float: none; } form.pmpro_form .pmpro_submit { float: none; width: 100%; padding: 0px 0px; } } @media only screen and (max-width:480px) { #pmpro_user_fields .pmpro_checkout-fields .pmpro_checkout-field { width: 100%; position: relative; padding: 0px 15px; } } .pmpro_login_wrap { padding: 20px; background: #fff; border: 1px solid #ddd; max-width: 400px; margin: auto; width: 100%; border-radius:10px; } .pmpro_login_wrap [class*="login-"] .input { width: 100%; max-width: 100%; border-color: #e1e6eb; border:1px solid #ddd; height:50px; border-radius:5px; font-size: 13px; line-height: 20px; padding: 10px 12px; box-shadow: 0 1px 3px 0 rgba(0,0,0,.06); -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.06); } .pmpro_login_wrap { padding:30px; background: #fff; border: 1px solid #ddd; max-width: 400px; margin: auto; width: 100%; } .pmpro_login_wrap .pmpro_actions_nav { margin-bottom:0px; } .pmpro_login_wrap [class*="login-"] label { margin-bottom:10px !important; } .pmpro_login_wrap [class*="login-"] .input { width: 100%; max-width: 100% !important; border:1px solid #ddd; height: 40px; font-size: 13px; line-height: 20px; padding: 10px 12px; box-shadow: 0 1px 3px 0 rgba(0,0,0,.06); -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.06); } .pmpro_login_wrap .login-submit .button { background-color:var(--ao-primary-btn); color: #fff; padding: 8px 20px; font-size: 14px; outline: none; outline: none; border-width: 0; border-style: solid; border-color: transparent; line-height: 1.42857; text-decoration: none !important; border-radius: 5px; -webkit-border-radius: 5px; } .pmpro_login_wrap .login-submit .buttonactive, .pmpro_login_wrap .login-submit .button:hover, .pmpro_login_wrap .login-submit .button:focus { background-color:var(--ao-primary-btn); color: #fff; } .pmpro_lost_password_wrap { text-align: center; max-width: 450px; margin: auto; } .pmpro_lost_password_wrap .pmpro_form label { text-align:center; margin-bottom:10px; } .pmpro_lost_password_wrap .pmpro_form .input { width: 100%; max-width: 100% !important; border:1px solid #ddd; height: 40px; font-size: 13px; line-height: 20px; padding: 10px 12px; box-shadow: 0 1px 3px 0 rgba(0,0,0,.06); -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.06); } .pmpro_lost_password_wrap .pmpro_form .pmpro_btn { width:100%; } .no-result.not-found > .page-header { text-align:center; } .no-result.not-found > .page-header .page-title { margin:0px 0px 10px; } .no-result.not-found > .page-header + .page-content > p { max-width:550px; margin:0px auto 30px; text-align:center; font-size: 18px; font-weight: 600; } .no-result.not-found > .page-header + .page-content > p + form[role="search"] { margin-bottom:30px; border-radius:5px; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); } #pmpro_account-profile ul { list-style: none; margin:0px; padding: 0px; padding:30px; border:1px solid #ddd; margin:30px 0px !important;; border-radius:10px;} #pmpro_account-profile ul strong { color:#222; } .site-button.cancelfeatured, .site-button.cancelfeatured:hover, .site-button.cancelfeatured:active, .site-button.cancelfeatured:focus { background:#E94B4E; } .aon-book-plan + .error { background: #eb6767; color: #fff; padding: 2px 10px; line-height: 1.4; border-radius: 3px; font-size: 13px; position: relative; } .aon-book-plan + .error::after, .aon-book-plan + .error::after { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 6px 6px 6px; border-color: transparent transparent #eb6767 transparent; position: absolute; bottom: 100%; left: 10px; } .aon-delete-chart { text-align:right; } .aon-delete-chart .site-button-outline { margin-bottom:15px; display:inline-block } .ws-poptab-list-wrap { max-height:0px; } .header-widget.active .ws-poptab-list-wrap { max-height: 270px; } .comments-area .comment-form p.logged-in-as { width: auto; } .sf-nolisting { border: 1px solid #ddd; border-radius: 5px; padding: 30px; text-align: center; font-weight: bold; background: #fff; } .pmpro_message.pmpro_success { max-width: 400px; margin: 0px auto 20px; padding: 20px 30px; } @media only screen and (max-width:991px) { div.dataTables_wrapper div.dataTables_length select { min-width:150px; max-width: 150px; } div.dataTables_wrapper div.dataTables_filter input { min-width:150px; max-width: 150px;} } @media only screen and (max-width:550px) { div.dataTables_wrapper div.dataTables_length { min-width:100%; margin-bottom:20px; } div.dataTables_wrapper div.dataTables_length select { min-width:150px; max-width:150px; } div.dataTables_wrapper div.dataTables_filter { min-width:100%; } div.dataTables_wrapper div.dataTables_filter input { min-width:150px; max-width:150px; } } @media only screen and (max-width:991px) { .header-style-1 .navbar-toggler .icon-bar { background: #fff; } .header-style-1 .color-fill .navbar-toggler .icon-bar { background: #222; } .header-style-2 .navbar-toggler .icon-bar { background:var(--ao-primary); } .header-style-2 .color-fill .navbar-toggler .icon-bar { background: #222; } .header-style-3 .navbar-toggler .icon-bar { background: #222; } .header-style-3 .color-fill .navbar-toggler .icon-bar { background: #222; } } /*===================== Color Demo Panel CSS ======================*/ .aon-color-demo-text { padding:15px; margin:0px 15px 30px; border:1px solid #ddd; color:#222; display:none; } .provider-box-link { position:absolute; top:0px; left:0px; width:100%; height:100%; display:block; } .aon-color-demo-button { border:none; background:#ff8a00; color:#fff; padding:5px 15px; font-size: 16px; position: fixed; right: -100px; top:35%; z-index: 999; letter-spacing:1; font-weight:700; border-radius:5px 5px 0px 0px !important; text-transform:uppercase; -moz-transform: rotate(-90deg) translateX(-50%); -webkit-transform: rotate(-90deg) translateX(-50%); -o-transform: rotate(-90deg) translateX(-50%); -ms-transform: rotate(-90deg) translateX(-50%); transform: rotate(-90deg) translateX(-50%); transform-origin: center center; } .aon-color-demo-wrap { position:fixed; top:0px; right:-500px; z-index:999; width:100%; max-width:300px; height:100vh; padding:30px; background:#fff; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; } .aon-color-demo-inner { position:absolute; top:0px; right:0px; width:100%; height:100vh; overflow: auto; padding:30px 15px; } .show-color-demo .aon-color-demo-wrap { right:0px; -webkit-box-shadow: 0 0 50px 0px rgba(0,0,0,0.7); box-shadow: 0 0 50px 0px rgba(0,0,0,0.7); } .aon-color-demo-link { position:absolute; top:0px; left:0; width:100%; height:100%; z-index:1; } .aon-color-demo-close { position:absolute; top:0px; right:90%; width:30px; height:30px; background:#E91F1F; color:#fff; display:flex; align-items:center; justify-content:center; cursor:pointer; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; } .show-color-demo .aon-color-demo-close { right:100%; } .admin-bar .aon-color-demo-close { top: 30px; } .aon-color-demo-box { width:100%; float:none; padding:0px; margin-bottom:15px; position:relative; } .aon-color-demo-box:last-child { margin-bottom:0px; } .aon-color-demo-img { -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; } .aon-color-demo-name { text-align:center; font-weight:700; color:#222; padding-top:10px; } .aon-color-demo-box:hover .aon-color-demo-img { box-shadow: 0 0 20px 0px rgba(0,0,0,0.6); } /*==== Education Training list Style 2 ====*/ .list-item2{margin-top: 30px;} .list-item2 ul li{display: flex;} .list-item2 .list-item2-bx{padding: 15px; background-color: #F2EFFF; border-radius: 5px; display: flex; align-items: start; margin-bottom: 20px;} .list-item2 .list-item2-bx span{width: 48px; height: 48px; display: inline-flex;} .list-item2 .list-item2-bx .info{font-family: 'inter',sans-serif; font-size: 20px; font-weight: 400; color: #6E6767; line-height: 34px; width: calc(100% - 48px); padding-left: 20px;} .list-item2 .list-item2-bx.bx-1{background-color: #F0EBEB;} .list-item2 .list-item2-bx.bx-2{background-color: #E3FFF5;} .list-item2 .list-item2-bx.bx-3{background-color: #FFE9E9;} /*==== Price & Payments list Style 3 ====*/ .list-item3{margin-top: 30px;} .dc-price-listing { list-style:none; margin:0; } .list-item3 .list-item3-bx{padding: 15px; background-color: #F2EFFF; border-radius: 5px; display: flex; align-items: center; margin-bottom: 10px;} .list-item3 .list-item3-bx span i {color: #fff; font-size: 20px;} .list-item3 .list-item3-bx .info{display: flex; width: calc(100% - 31px); padding-left: 10px; justify-content: space-between; align-items: center;} .list-item3 .list-item3-bx .info h4{font-family: 'inter',sans-serif; font-size: 20px; font-weight: 400; color: #6E6767; line-height: 34px; margin: 0px;} .list-item3 .list-item3-bx .info .ammount{font-family: 'inter',sans-serif; font-size: 20px; font-weight: 600; color: #000; line-height: 34px; margin: 0px;} /*=== Right Part Box ===*/ .btm-right-part .right-find-doc{background-color: #fff; padding: 40px; border-radius: 10px; margin-bottom: 40px;} .btm-right-part .right-find-doc h4{font-family: 'inter',sans-serif; font-size: 24px; font-weight: 600; color: #000; line-height: 22px; margin-bottom: 30px;} .btm-right-part .dc-findbar-input { margin-bottom: 30px;} .btm-right-part .dc-findbar-input form-control { background-color: #F3F3F3; padding-left: 25px; border: none; border-radius: 15px; width: 100%; height: 90px; margin-bottom: 15px;} .btm-right-part .dc-findbar-input form-control::placeholder { font-family: 'inter',sans-serif; font-size: 18px; font-weight: 500; color: #777;} .btm-right-part .right-find-doc .box-2{display: flex;} .btm-right-part .right-find-doc .box-2 label{color: #000;} .btm-right-part .right-consult-bx{background-color: #fff; padding: 40px; border-radius: 10px; margin-bottom: 40px;} .btm-right-part .right-consult-bx h4{font-family: 'inter',sans-serif; font-size: 24px; font-weight: 600; color: #000; line-height: 22px; margin-bottom: 30px;} .btm-right-part .right-consult-bx .consult-bx{background-color: #E5E1F6; border-radius: 3px; padding: 20px 35px; margin-bottom: 30px;} .btm-right-part .right-consult-bx .consult-bx h4{font-family: 'inter',sans-serif; font-size: 18px; font-weight: 600; color: #000; line-height: 22px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #CBC5E3;} .btm-right-part .right-consult-bx .consult-bx p{font-family: 'inter',sans-serif; font-size: 14px; font-weight: 500; color: #000; line-height: 22px; text-align: center; margin-bottom: 0px;} .btm-right-part .right-consult-bx p{font-family: 'inter',sans-serif; font-size: 16px; font-weight: 400; color: #000; line-height: 22px; text-align: center; margin-bottom: 30px;} .btm-right-part .right-consult-bx .consult-bx.bx-2{background-color: #FFE7E7;} .btm-right-part .right-consult-bx .consult-bx.bx-3{background-color: #DDF9EF;} .btm-right-part .right-consult-bx .consult-bx.bx-4{background-color: #E4EDFF;} .btm-right-part .right-consult-bx a{background-color: #000; border-radius: 3px; font-family: 'inter',sans-serif; font-size: 16px; font-weight: 500; color: #fff; line-height: 22px; text-decoration: none; width: 100%; height: 50px; position: relative; display: inline-flex; align-items: center; justify-content: center;} .btm-right-part .right-consult-fees-bx{background-color: #fff; padding: 40px; text-align: center; border-radius: 10px; overflow: hidden;} .btm-right-part .right-consult-fees-bx .media{background-color: #BCC3FF; border-radius: 50%; width: 227px; height: 227px; display: inline-flex; align-items: center; justify-content: center; margin-top: 20px; margin-bottom: 30px; position: relative;} .btm-right-part .right-consult-fees-bx .media img{margin-top:0px;} .btm-right-part .right-consult-fees-bx h4 {margin-bottom: 20px; font-weight: 600;} .btm-right-part .right-consult-fees-bx .con-fee-tag { background: #92cecc; display: inline-flex; border-radius: 5px; padding: 5px 10px; color: #000; font-size: 18px; font-weight: 700; } .btm-right-part .right-consult-fees-bx a {background-color: #C5EEDF; padding: 5px 30px; border-radius: 3px; font-family: 'inter',sans-serif; font-size: 18px; font-weight: 600; color: #000; text-decoration: none;} .btm-right-part .right-consult-fees-bx .media:after{content: ''; position: absolute; width: 75px; height: 375px; background: linear-gradient(to bottom, rgba(232,222,222,0.3) 0%,rgba(188,195,255,0) 100%); transform: rotate(135deg); top: -26px; right: 0px;} .btm-right-part .right-consult-fees-bx .media:before{content: ''; position: absolute; width: 75px; height: 375px; background: linear-gradient(to bottom, rgba(232,222,222,0.3) 0%,rgba(188,195,255,0) 100%); transform: rotate(50deg); top: -80px; right: 0px;} /*================= Pricing Plan 7 Page Start ============================*/ /*==== Pricing Section Start ====*/ .ds-priceing7-wrap{background-color: #F1F0FF; padding: 120px 0px; background-image: url(../images/pricing-7/pic-1.png); background-repeat: no-repeat; background-size: cover;} .ds-priving7-tp-part{text-align: center; border-bottom: 1px solid #ddd; padding-bottom: 120px; margin-bottom: 120px;} .ds-priving7-tp-part h2{font-family: 'inter',sans-serif; font-size: 70px; font-weight: 600; color: #000; line-height: 1.2; margin-bottom: 20px;} .ds-priving7-tp-part p{font-family: 'inter',sans-serif; font-size: 18px; font-weight: 500; color: #807474; line-height: 30px; margin-bottom: 0px;} .ds-priving7-tp-part p span{color: #000;} .ds-pricing3-wrap.ds-pricing7-btm-part{padding: 0px; background-image: none;} /*==== One Last Chance Section Start ====*/ .ds-one-last-wrap{background-color: #fff;} .ds-one-last-content{background-color: #E9EBFF; border-radius: 20px; padding: 96px 30px; text-align: center;} .ds-one-last-content h2{font-family: 'inter',sans-serif; font-size: 40px; font-weight: 500; color: #000; line-height: 30px; margin-bottom: 30px;} .ds-one-last-content p{font-family: 'inter',sans-serif; font-size: 16px; font-weight: 500; color: #585858; line-height: 20px; margin-bottom: 50px;} .ds-one-last-content .ds-btn-part{display: inline-flex; align-items: start;} .ds-one-last-content .ds-btn-part .thought{background-color: #fff; padding: 5px 10px; font-family: 'inter',sans-serif ; font-size: 16px; color: #000; font-weight: 500; margin-right: 25px; border-radius: 5px; position: relative;} .ds-one-last-content .ds-btn-part .thought:after{content: ''; position: absolute; background-image: url(../images/pricing-7/pic-3.png); width: 22px; height: 10px; bottom: -3px; right: -10px;} .ds-one-last-content .btn-primary1{ background-color: #000; font-family: 'inter',sans-serif ; font-size: 18px; color: #fff; font-weight: 500; border-radius: 50px; padding: 20px 40px; display: inline-block; text-transform: capitalize;} .ds-one-last-content .btn-primary1:hover{ background-color: #2b74fe;} /*==== Flexible Time Section Start ====*/ .ds-flexible-wrap{background-color: #fff; padding: 120px 0px;} .ds-flexible-heading{text-align: center; margin-bottom: 70px;} .ds-flexible-heading h4{ font-family: 'inter',sans-serif ; font-size: 18px; font-weight: 600; color: #2a73fd; line-height: 18px; margin-bottom: 24px;} .ds-flexible-heading h2{font-family: 'inter',sans-serif ; font-size: 72px; font-weight: 600; color: #000; line-height: 86px;} /*=== Box 1 ===*/ .ds-flexible-content .ds-flexible-bx1{background-color: #F8F8F8; padding: 50px 30px; border-radius: 10px; height: 812px;} .ds-flexible-content .ds-flexible-bx1 h4{font-family: 'inter',sans-serif ; font-size: 24px; font-weight: 600; color: #000; line-height: 30px; margin-bottom: 30px; padding-bottom: 90px; border-bottom: 1px solid #ddd;} .ds-flexible-content .ds-flexible-bx1 .list{padding: 0px; list-style: none;} .ds-flexible-content .ds-flexible-bx1 .list li{font-family: 'inter',sans-serif ; font-size: 20px; font-weight: 500; color: #101010; line-height: 20px; margin-bottom: 38px;} /*=== Box 2 ===*/ .ds-flexible-content .ds-flexible-bx2{background-color: #fff; padding: 50px 30px; border-radius: 10px; text-align: center; border: 1px solid #000;} .ds-flexible-bx-tp-part{padding-bottom: 40px; border-bottom: 1px solid #ddd; margin-bottom: 30px;} .ds-flexible-content .ds-flexible-bx2 h4{margin-bottom: 10px;} .ds-flexible-content .ds-flexible-bx2 .ds-flexible-bx-tp-part p{font-family: 'inter',sans-serif ; font-size: 16px; font-weight: 400; color: #938989; line-height: 20px; margin-bottom: 30px; text-decoration: none;} .ds-flexible-content .ds-flexible-bx2 span{font-family: 'inter',sans-serif ; font-size: 40px; font-weight: 600; color: #000; line-height: 20px;} .ds-flexible-content .ds-flexible-bx2 .list{padding: 0px; list-style: none;} .ds-flexible-content .ds-flexible-bx2 .list li{margin-bottom: 30px;} .ds-flexible-content .ds-flexible-bx2 .list span{background-color: transparent; border-radius: 50px; border: 1px solid #777; width: 27px; height: 27px; display: inline-flex; align-items: center; justify-content: center;} .ds-flexible-content .ds-flexible-bx2 .list span i{font-size: 25px; color: #777;} .ds-flexible-content .ds-flexible-bx2 .list .icon2 span{background-color: #89D889; border: none;} .ds-flexible-content .ds-flexible-bx2 .list .icon2 span i{color: #fff;} .ds-flexible-content .ds-flexible-bx2 p{font-family: 'inter',sans-serif ; font-size: 16px; font-weight: 500; color: #635B5B; line-height: 20px; text-decoration: underline; margin-bottom: 30px;} .ds-flexible-content .ds-flexible-bx2 a{background-color: transparent; border: 1px solid #000; border-radius: 50px; padding: 20px 50px; display: inline-block; text-decoration: none; font-family: 'inter',sans-serif ; font-size: 18px; font-weight: 500; color: #000;} .ds-flexible-content .ds-flexible-bx2:hover a{background-color: #2A74FD; color: #fff; border: none;} .ds-flexible-content .ds-flexible-bx2:hover{background-color: #FAEDED;} /*===== About Us Section Start ====*/ .ds-about8-wrap{background-color: #fff; padding: 120px 0px;} .ds-about8-left-heading{padding-right: 95px;} .ds-about8-left-heading h4{ font-family: 'inter',sans-serif ; font-size: 18px; font-weight: 600; color: #2a73fd; line-height: 18px;} .ds-about8-left-heading h2{ font-family: 'inter',sans-serif ; font-size: 66px; font-weight: 600; color: #000; line-height: 86px; position: relative;} .ds-about8-left-heading h2:after{content:''; position: absolute; background-image: url(../images/about8/pic-3.png); width: 54px; height: 32px; bottom: 13%; left: 55%;} .ds-about8-left-heading p{font-family: 'inter',sans-serif; font-size: 18px; font-weight: 500; color: #6A6A6B; line-height: 32px;} .ds-about8-who-are-bx{background-color: #EEEDFA; padding: 60px 50px; border-radius: 10px; margin-bottom: 50px;} .ds-about8-who-are-bx h4{font-family: 'inter',sans-serif; font-size: 32px; font-weight: 600; color: #000; line-height: 40px; margin-bottom: 20px;} .ds-about8-who-are-bx p{font-family: 'inter',sans-serif; font-size: 20px; font-weight: 400; color: #808080; line-height: 36px; margin-bottom: 0px;} .ds-about8-who-are-bx.bx-2{background-color: #FFF2F2;} .ds-about8-right-part{position: relative; padding-left: 100px;} .ds-about8-right-part:before{content:''; position: absolute; background-image: url(../images/about8/pic-2.png); width: 87px; height: 171px; top: 0px; left: -50px;} .ds-rating-bx{background-color: transparent; margin-top: 30px; margin-left: 22px; margin-bottom: 90px;} .ds-rating-bx h4{font-family: 'inter',sans-serif; font-size: 57px; font-weight: 500; color: #000; line-height: 45px; margin-bottom: 10px;} .ds-rating-bx p{font-family: 'inter',sans-serif; font-size: 18px; font-weight: 400; color: #777; line-height: 28px; margin-bottom: 10px;} .ds-rating-bx .star i{color: #FFA234;} .ds-about8-right-part .ds-happy-cust{margin-bottom: 90px;} .ds-about8-right-part .ds-happy-cust h4{font-family: 'inter',sans-serif; font-size: 57px; font-weight: 500; color: #000; line-height: 45px; margin-bottom: 10px;} .ds-about8-right-part .ds-happy-cust p{font-family: 'inter',sans-serif; font-size: 18px; font-weight: 400; color: #777; line-height: 28px; margin-bottom: 10px;} .ds-cust-service{background-color: #C5EEDF; padding: 30px 20px; border-radius: 25px; text-align: center;} .ds-cust-service .media{margin-bottom: 40px;} .ds-cust-service h4{font-family: 'inter',sans-serif; font-size: 30px; font-weight: 500; color: #000; line-height: 40px;} /*===== Our Approach Section Start ====*/ .ds-our-appro8-wrap{background-color: #fff; padding-top: 80px; position: relative; border-bottom: 1px solid #ddd;} .ds-our-appro8-wrap:before{content: ''; position: absolute; background-image: url(../images/about8/pic-12.png); width: 464px; height: 464px; top: 8%; left: 10.4%; opacity: 0.1;} .ds-our-appro8-section{display: flex; align-items: center;} .ds-our-appro8-wrap:after{content: ''; position: absolute; background-image: url(../images/about8/pic-13.png); width: 594px; height: 594px; top: 8%; right: 2.4%; opacity: 0.1;} .ds-our-appro8-section{display: flex; align-items: center;} .ds-our-appro8-content{background-color: #fff; padding: 0px 146px 80px; text-align: center; width: 33.33%; border-right: 1px solid #ddd;} .ds-our-appro8-content .media{background-color: #E5E1F6; width: 110px; height: 110px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 50px; margin: 0px auto 50px;} .ds-our-appro8-content h4{font-family: 'inter',sans-serif; font-size: 32px; font-weight: 600; color: #000; line-height: 38px; margin-bottom: 30px;} .ds-our-appro8-content p{font-family: 'inter',sans-serif; font-size: 18px; font-weight: 400; color: #808080; line-height: 32px;} .ds-our-appro8-content.bx-1 .media{background-color: #DBF4EB;} .ds-our-appro8-content.bx-2 .media{background-color: #CDDEFF;} .ds-our-appro8-content:last-child{border: none;} /* New Css */ .aon-admin-heading { padding:20px 0px; margin-bottom:30px; } .ds-top-nav-title { padding:30px 30px 10px; } .ds-top-nav-title strong { font-size:14px; color: #777; font-weight:700; } .ds-top-nav-wrap { padding:20px 20px; } .ds-top-nav-list { list-style:none; margin: 0px; padding:0px; } .ds-top-nav-list li { position: relative; } .ds-top-nav-list li a { background-color:#fff; padding: 15px 20px; display:flex; align-items: center; line-height:1; border-radius:8px; font-size: 16px; font-weight: 500; color: #222; transition: 0.5s; font-weight:600; } .ds-top-nav-list li a i { font-size:18px; color: #222; margin-right:20px; } .ds-top-nav-list li.active a { background-color:#C5EEDF; color: #222; } .ds-top-nav-list li a:hover { background-color:#C5EEDF; color: #222; } /*======================= DASHBOARD PAGE START =========================*/ /*======== Ux Top Blue Bx ==========*/ .ux-complete-appoint { margin-bottom:0px; } .ux-complete-appoint .row [class*="col-"]{ margin-bottom:25px; display:flex; } .ux-complete-appoint-bx-1 { background-color:#fff; border: 1px solid #fff; border-radius: 10px; padding:30px 20px; display: flex; align-items: center; box-shadow: 0px 0px 18.6px 1.4px rgba(0, 0, 0, 0.06); width:100%; } .ux-complete-appoint-bx-1 .media { background-color:#57c69d; border-radius: 5px; width: 67px; height: 69px; display: flex; align-items: center; justify-content: center;} .ux-complete-appoint-bx-1 .media img { height:30px; } .ux-complete-appoint-bx-1 .info { width: calc(100% - 67px); padding-left: 15px;} .ux-complete-appoint-bx-1 .info h4{ font-size: 16px; font-weight: 600; line-height: 1.2; color: #000; margin-bottom: 5px;} .ux-complete-appoint-bx-1 .info span{ font-size: 30px; font-weight: 600; line-height: 1.2; color: #000;} .ux-complete-appoint-bx-1.style-2 { background-color: #fff; border: 1px solid #fff; } .ux-complete-appoint-bx-1.style-2 .media{background-color: #ffcb88;} .ux-complete-appoint-bx-1.style-3 { background-color: #fff; border: 1px solid #fff; } .ux-complete-appoint-bx-1.style-3 .media{background-color: #fdb2b9;} /*======== Ux Ao Cart ==========*/ .ux-ao-cart{margin-bottom: 30px;} .ux-ao-cart-box{background-color: #fff; border-radius: 10px; box-shadow: 0px 0px 18.6px 1.4px rgba(0, 0, 0, 0.06); padding: 20px;} .ux-ao-cart-box .heading{margin-bottom: 20px;} .ux-ao-cart-box .heading h4{ font-size: 24px; color: #000; line-height: 1.2; font-weight: 500;} /*======== Ux Total Revenue ==========*/ .ux-total-revenue { background-color: #fff; border-radius: 10px; box-shadow: 0px 0px 18.6px 1.4px rgba(0, 0, 0, 0.06); padding:30px 50px;} .ux-total-revenue-box { text-align: center; padding:20px 10px; } .ux-total-revenue-box .media { background-color: #5963e5; border-radius: 50px; width: 52px; height: 52px; display: inline-flex; align-items: center; justify-content: center; margin-bottom: 10px;} .ux-total-revenue-box .media img { max-width: 29px; filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(160deg) brightness(103%) contrast(101%);} .ux-total-revenue-box .info h4 { font-size: 15px; font-weight: 600; line-height: 1.2; color: #000; margin-bottom: 5px;} .ux-total-revenue-box .info span { font-size: 30px; font-weight: 600; line-height: 1.2; color: #000;} @media only screen and (max-width:575px){ .ux-total-revenue{padding:30px;} } /*======== Ux Upcoming Appointment ==========*/ /* Firefox */ .appointments-list { padding-right:15px; height: 558px; overflow: auto; scrollbar-width: thin; scrollbar-color: #dbdbdb #ffffff; } /* Chrome, Edge, and Safari */ .appointments-list::-webkit-scrollbar { width: 15px; } .appointments-list::-webkit-scrollbar-track { background: #ffffff; } .ux-upco-appoint { background-color: #fff; border-radius: 10px; box-shadow: 0px 0px 18.6px 1.4px rgba(0, 0, 0, 0.06); padding: 30px;} .ux-upco-appoint .date-nav { background: #f5f5f5; border: none; font-size: 20px; cursor: pointer; padding:5px 25px; border-radius:5px; transition: background 0.2s; } .ux-upco-appoint .date-nav .nav-item > .nav-link { padding:12px 10px; } .ux-upco-appoint .date-nav:hover { background: #edecfe; } .ux-upco-appoint .date-nav .prevslide { left: -30px; } .ux-upco-appoint .date-nav .nextslide { right: -30px; } .ux-upco-appoint .heading { margin-bottom: 30px; border-bottom: 1px solid #ddd; padding-bottom: 30px;} .ux-upco-appoint .heading h4 { font-size: 24px; color: #000; line-height: 1.2; font-weight: 500;} .ux-upco-appoint-box { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dashed #ddd;} .ux-upco-appoint-box:last-child { margin-bottom: 0px; border-bottom: none; padding-bottom: 0px;} .ux-upco-appoint-box-tp-part { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px;} .ux-upco-appoint-box-tp-part .doctor { display: flex; align-items: center;} .ux-upco-appoint-box-tp-part .doctor .media { background-color: #eaf9f6; border-radius: 10px; width: 50px; height: 50px; overflow: hidden;} .ux-upco-appoint-box-tp-part .doctor .info{width: calc(100% - 48px); padding-left: 15px;} .ux-upco-appoint-box-tp-part .doctor .info h4 { font-size: 15px; color: #555; font-weight: 600; line-height: 1.2;} .ux-upco-appoint-box-tp-part .doctor .info span{ font-size: 18px; color: #000; font-weight: 600; line-height: 1.2;} .ux-upco-appoint-box-tp-part .contact{ cursor:pointer; display: flex; align-items: center; justify-content: center; width: 35px; height: 35px; border-radius: 50px; background-color: #e9f8fb;} .ux-upco-appoint-box-tp-part .contact i{color: #21c1b5;} .ux-upco-appoint-box-btm-part{display: flex; align-items: center; justify-content: space-between;} .ux-upco-appoint-box-btm-part .timing{display: flex; align-items: center; font-size: 15px; color: #555; font-weight: 400;} .ux-upco-appoint-box-btm-part .timing i{margin-right: 10px; color: #555; font-size: 15px;} .ux-upco-appoint-box-btm-part .timing .price{margin-left: 30px; margin-bottom: 0px;} .ux-upco-appoint-box-btm-part .dots i{color: #555; font-size: 20px;} .carelyst-no-appoint { padding: 25px; border-radius: 10px; border: 1px solid #ddd; text-align: center; } .ds-pro-set-personal-form { padding:40px; } .ds-page-tabs #pills-tabContent { padding:40px; background:#fff; border-radius:30px; } .form-control { background:#fff; } /*radio & checkbox*/ .sf-radio-checkbox.radio-inline, .sf-radio-checkbox.checkbox-inline { padding-left: 0 !important; } .sf-radio-checkbox label { font-weight: normal !important; } .sf-radio-checkbox input[type=checkbox], .sf-radio-checkbox input[type=radio] { display: none; opacity: 0; margin-left: 1px !important; } .sf-radio-checkbox input[type=checkbox] + label, .sf-radio-checkbox input[type=radio] + label { display: block; padding-left: 24px !important; position: relative; cursor: pointer; line-height: 1.3; } .sf-radio-checkbox input[type=checkbox] + label:hover:before, .sf-radio-checkbox input[type=radio] + label:hover:before { border-color: #022278; } .sf-radio-checkbox input[type=checkbox] + label:before, .sf-radio-checkbox input[type=radio] + label:before { background-color: #c4cada; border:1px solid #afb6c9; content: ""; display: inline-block; height: 20px; line-height: 1; margin-left: -24px; position: absolute; top: 0px; transition: all linear 0.1s; width: 20px; border-radius: 2px; } .sf-radio-checkbox input[type=checkbox] + label:after { color: #fff; content: "\f00c"; font-family: FontAwesome; font-size: 0px; -webkit-font-smoothing: antialiased; left: 6px; position: absolute; top: 7px; transition: all linear 0.1s; } .sf-radio-checkbox input[type=checkbox]:checked + label:before { border-width: 10px; border-color: #022278; } .sf-radio-checkbox input[type=checkbox]:checked + label:after { font-size: 12px; left: 3px; top: 1px; } .sf-radio-checkbox input[type=radio] + label:before { border-radius: 50%; content: ""; } .sf-radio-checkbox input[type=radio]:checked + label:before { border-color: #022278; border-width:10px; } .form-inline .checkbox input[type="checkbox"], .form-inline .radio input[type="radio"] { position: absolute; left: 0; bottom: 0; } #content .form-select + .description, .form-control + .description { background:#5b6eff; } .ds-pro-set-photo .image-upload-text { list-style: none; border: 2px dashed #c5eedf; text-align: center; padding: 15px; margin: 0 0 30px; border-radius: 15px; background: #c5eedf; max-width: 352px; min-height:352px; display:flex; justify-content:center; align-items:center; } .ds-pro-set-photo .media-1:first-child { display:none; } .ds-pro-set-photo .media-1:last-child span { display:flex; justify-content:center; align-items:center; width:60px; height:60px; background:#fff; color:#222; border-radius:30px; margin:0px auto 30px; font-size:40px; } .ds-pro-set-photo .image-upload-text { list-style: none; border: 2px dashed #c5eedf; text-align: center; padding: 15px; margin: 0 0 30px; border-radius: 15px; background: #c5eedf; max-width: 352px; min-height:352px; display:flex; justify-content:center; align-items:center; } .ds-pro-set-photo .media-1:first-child { display:none; } .ds-pro-set-photo .media-1:last-child span { display:flex; justify-content:center; align-items:center; width:60px; height:60px; background:#fff; color:#222; border-radius:30px; margin:0px auto 30px; font-size:40px; } .ds-page-tabs #pills-tabContent .ds-pro-set-photo { padding: 0; background: #fff; border-radius: 30px; overflow: hidden; max-width: 352px; width:100%; } .ds-available-form-white-bx { max-width: 700px; border-radius: 30px; border: 1px solid #ddd; padding: 30px; } .sf-bs-data-table { background:#fff; padding:40px; border-radius: 30px; } .sf-bs-data-table .aon-table-custom thead { background:#fff; padding: 39px; border-radius: 30px; } .dataTables_wrapper div.dataTables_paginate ul.pagination .page-link { padding:5px 15px; background:#fff; } .dataTables_wrapper div.dataTables_paginate ul.pagination .active .page-link { background:#5b6eff; } .sf-bs-data-table .fixed-table-toolbar { margin-bottom: 20px; } .sf-bs-data-table .dataTables_wrapper .dataTables_length label { font-weight:600; } .sf-bs-data-table .dataTables_wrapper .dataTables_filter label { font-weight:600; } .sf-bs-data-table .aon-table-custom thead tr th { background:#F1F1F1; font-weight:600; color:#000; font-size:14px; white-space:nowrap; } .sf-bs-data-table .aon-table-custom thead tr th:first-child { background:#F1F1F1; border-top-left-radius:8px; border-bottom-left-radius:8px; } .sf-bs-data-table .aon-table-custom thead tr th:last-child { background:#F1F1F1; border-top-right-radius:8px; border-bottom-right-radius:8px; } .sf-bs-data-table .aon-table-custom tbody tr td { font-weight:400; color:#333; font-size:16px; border-bottom:1px solid #ddd !important; } .sf-bs-data-table .aon-table-custom tbody tr td .checkbox.sf-radio-checkbox { margin-top: 5px; } @media only screen and (max-width:1440px) { .sf-bs-data-table { padding:30px;} .content-admin-main { padding: 0px 25px 25px; } } @media only screen and (max-width:1280px) { .sf-bs-data-table { padding:20px;} .content-admin-main { padding: 0px 20px 20px; } } @media only screen and (max-width:991px) { .sf-video-save-left .alert[class*="alert-"] { padding: 8px 15px; font-size: 14px; } } @media only screen and (max-width:768px) { .sf-bs-data-table .aon-table-custom thead {padding: 0px; } } @media only screen and (max-width:767px) { .galleryform .p-a30 { padding:20px 20px 0px; border-radius: 15px; } .sf-bs-data-table { padding:15px;} .content-admin-main { padding: 0px 15px 15px; } .sf-add-gallery-list li { margin-bottom: 20px;} } .partners-logo-wrap.ao-language-wrap .row { border:none; justify-content:center; } .partners-logo-wrap.ao-language-wrap .row .languageitem { padding:0px 12px; margin-bottom:20px; width:auto; } .partners-logo-wrap.ao-language-wrap .row .languageitem .language-logo { border-radius:30px; } .partners-logo-wrap.ao-language-wrap .row .languageitem .language-logo { display:flex; } .partners-logo-wrap.ao-language-wrap .row .languageitem .language-logo a { display:flex; align-items:center; padding:10px 35px 10px 15px; } .partners-logo-wrap.ao-language-wrap .row .languageitem .language-logo a img { margin-right: 10px !important; height: 40px !important; } .partners-logo-wrap.ao-language-wrap .row .languageitem.active .language-logo { background:#fff; border:1px solid #222; box-shadow: 0 0 10px 10px rgba(0,0,10,0.05); } .languageform .aon-inputicon-box .sf-form-control { height:200px; border:1px solid #ddd; border-radius:15px; } .languageform .form-group { max-width: 800px; margin: auto; } .list-item3 .list-item3-bx .info .ammount .woocommerce-Price-amount.amount { font-size: 16px; width: auto; height: auto; background: none; } .carelyst-core-clinical-notes { border-bottom: 1px solid #ddd; margin-bottom: 20px; } .carelyst-core-clinical-list { list-style:none; display: flex; flex-wrap:wrap; } .carelyst-core-clinical-list li { width:33.333%; margin-bottom:20px; } .carelyst-core-clinical-list li strong { font-weight:600; color:#222; } .carelyst-core-treatment-list { list-style:none; display: flex; flex-wrap:wrap; } .carelyst-core-treatment-list li { width:33.333%; margin-bottom:20px; } .carelyst-core-treatment-list li strong { font-weight:600; color:#222; } .carelyst-core-chart-file { border-bottom: 1px solid #ddd; margin-bottom: 20px; } .carelyst-core-chart-file .row .col-md-3 { width:200px; text-align:center; margin:0px 12px 24px; border: 1px solid #ddd; border-radius: 10px; padding: 15px; } .carelyst-core-chart-file .row .col-md-3 img { margin-bottom:20px; border-radius:10px; } .carelyst-core-chart-file .row .col-md-3 span { display:block; } .carelyst-core-chart-file .row .col-md-3 .sf-attachment-download { margin-bottom:10px; } .carelyst-core-chart-file .row .col-md-3 .sf-attachment-download + span { display:block; font-size:14px; } .withdrawalrequestform { display:flex; align-items:center; background:#fff; padding:30px; display:flex; justify-content:space-between; border-radius:10px; margin:0px 15px; flex-wrap: wrap;} .withdrawalrequestform .form-group { margin:0px; } .withdrawalrequestform .col-lg-6.sc-withdra-right { text-align: right; } .patient-dash-wrap { padding:30px; max-width: 1200px; background: #fff; margin: auto; border-radius:15px; } @media only screen and (max-width:460px){ .patient-dash-wrap { padding:20px;} } .patient-dash-wrap .aon-admin-heading { margin-bottom: 0; } .carelyst-core-story-gallery-wrap { padding-top:30px; } .carelyst-core-story-gallery { display:flex; flex-wrap:wrap; margin:0px -10px; list-style:none; } .carelyst-core-story-gallery > li { width:20%; height:120px; padding:0px 10px; margin-bottom:20px; } .carelyst-core-story-gallery > li img { width:100%; height:100%; object-fit:cover; object-position:center; border-radius:10px; } .carelyst-core-story-gallery > li a { width:100%; height:100%; display:flex; border-radius:10px; overflow:hidden; } .carelyst-core-story-gallery > li a img { width:100%; height:100%; object-fit:cover; object-position:center; } @media only screen and (max-width:767px){ .carelyst-core-story-gallery > li { width:33.333%; } } @media only screen and (max-width:575px){ .carelyst-core-story-gallery > li { width:50%; } } .sf-appoint-zoom-wrapper { margin-bottom: 30px; } /* =================== Loading CSS =====================*/ .wrapper { margin: 0px auto; display: flex; justify-content: center; } .wrapper .content { width:200px; height:200px; background: #fff0; display: flex; align-items: center; justify-content: center; } .wrapper .pill { background: #fff0; width:80px; height:240px; display: flex; align-items: center; justify-content: center; flex-direction: column; transform: rotate(180deg); animation: spin 4s linear 0s infinite; } @keyframes spin { 100% { transform: rotate(-540deg);} } .wrapper .pill .side { background: #5b6eff; position: relative; overflow: hidden; width:60px; height:90px; border-radius:50px 50px 0 0; } .wrapper .pill .side + .side { background: #50E6B2; border-radius: 0 0 48px 48px; /* 6vmin = 48px */ border-top: 8px solid #621e1a; /* 1vmin = 8px */ animation: open 2s ease-in-out 0s infinite; } @keyframes open { 0%, 20%, 80%, 100% { margin-top: 0; } 30%, 70% { margin-top: 80px; } /* 10vmin = 80px */ } .wrapper .pill .side:before { content: ""; position: absolute; width: 16px; /* 2vmin */ height: 80px; /* 10vmin */ bottom: 0; right: 12px; /* 1.5vmin */ background: #fff2; border-radius: 8px 8px 0 0; /* 1vmin */ animation: shine 1s ease-out -1s infinite alternate-reverse; } .wrapper .pill .side + .side:before { bottom: inherit; top: 0; border-radius: 0 0 8px 8px; /* 1vmin */ } .wrapper .pill .side:after { content: ""; position: absolute; width: 100%; height: 100%; bottom: 0; left: 0; border-radius: 48px 48px 0 0; /* 6vmin */ border: 14px solid #00000022; /* 1.75vmin */ border-bottom-color: #fff0; border-bottom-width: 0px; border-top-width: 8px; /* 1vmin */ animation: shadow 1s ease -1s infinite alternate-reverse; } .wrapper .pill .side + .side:after { bottom: inherit; top: 0; border-radius: 0 0 48px 48px; /* 6vmin */ border-top-color: #fff0; border-top-width: 0px; border-bottom-width: 8px; /* 1vmin */ } @keyframes shine { 0%, 46% { right: 12px; } /* 1.5vmin */ 54%, 100% { right: 60px; } /* 7.5vmin */ } @keyframes shadow { 0%, 49.999% { transform: rotateY(0deg); left: 0; } 50%, 100% { transform: rotateY(180deg); left: -24px; } /* -3vmin */ } .wrapper .medicine { position: absolute; width: calc(100% - 50px); height: calc(100% - 100px); background: #fff0; border-radius: 100px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } .wrapper .medicine i { width:4px; /* 1vmin */ height:4px; background: #47c; border-radius: 100%; position: absolute; animation: medicine-dust 1.75s ease 0s infinite alternate; } .wrapper .medicine i:nth-child(2n+2) { width: 6px; /* 1.5vmin */ height: 6px; margin-top: -20px; /* -5vmin */ margin-right: -20px; animation-delay: -0.2s; } .wrapper .medicine i:nth-child(3n+3) { width:8px; /* 2vmin */ height: 8px; margin-top:17px; /* 4vmin */ margin-right:12px; /* 3vmin */ animation-delay: -0.33s; } .wrapper .medicine i:nth-child(4) { margin-top: -20px; /* -5vmin */ margin-right: 17px; /* 4vmin */ animation-delay: -0.4s; } .wrapper .medicine i:nth-child(5) { margin-top: 20px; /* 5vmin */ margin-right: -17px; /* -4vmin */ animation-delay: -0.5s; } .wrapper .medicine i:nth-child(6) { margin-top: 0px; margin-right: -14px; /* -3.5vmin */ animation-delay: -0.66s; } .wrapper .medicine i:nth-child(7) { margin-top: -4px; /* -1vmin */ margin-right:28px; /* 7vmin */ animation-delay: -0.7s; } .wrapper .medicine i:nth-child(8) { margin-top:24px; /* 6vmin */ margin-right: -4px; /* -1vmin */ animation-delay: -0.8s; } .wrapper .medicine i:nth-child(9) { margin-top:16px; /* 4vmin */ margin-right: -28px; /* -7vmin */ animation-delay: -0.99s; } .wrapper .medicine i:nth-child(10) { margin-top: -24px; /* -6vmin */ margin-right: 0px; animation-delay: -1.11s; } .wrapper .medicine i:nth-child(1n+10) { width: 2.4px; /* 0.6vmin */ height: 2.4px; } .wrapper .medicine i:nth-child(11) { margin-top:24px; /* 6vmin */ margin-right:24px; /* 6vmin */ animation-delay: -1.125s; } .wrapper .medicine i:nth-child(12) { margin-top: -28px; /* -7vmin */ margin-right: -28px; /* -7vmin */ animation-delay: -1.275s; } .wrapper .medicine i:nth-child(13) { margin-top: -4px; /* -1vmin */ margin-right: 12px; /* 3vmin */ animation-delay: -1.33s; } .wrapper .medicine i:nth-child(14) { margin-top: -12px; /* -3vmin */ margin-right: -4px; /* -1vmin */ animation-delay: -1.4s; } .wrapper .medicine i:nth-child(15) { margin-top: -4px; /* -1vmin */ margin-right: -28px; /* -7vmin */ animation-delay: -1.55s; } @keyframes medicine-dust { 0%, 100% { transform: translate3d(0px, 0px, -0.4px); } 25% { transform: translate3d(1px, 20px, 0px); } /* 0.25vmin=2px, 5vmin=40px */ 75% { transform: translate3d(-0.4px, -16px, 1px); } /* -0.1vmin=-0.8px, -4vmin=-32px, 0.25vmin=2px */ } #gallerycaption .modal-header { display:flex; justify-content:space-between; align-items:center; } #gallerycaption .modal-header .close { font-size: 30px; width: 30px; height: 30px; line-height: 1; display: flex; align-items: center; justify-content: center; } #identities-container .sf-identity-section ul li { width: 50%; } .ao-identy-row .ao-identys-left > .col-md-6.col-sm-12 { width:100%;} .patientprofileform .aon-card { border: none; margin-bottom: 30px; border-radius: 30px; padding: 30px; } .alert.alert-success { background: #c5eedf; border: 1px solid #c5eedf; font-size:16px; padding:12px 15px; color:#222; border-radius:10px; text-align:center; } .carelyst-core-no-data { background:#fff; border:1px solid #ddd; font-size:16px; padding:12px 15px; color:#555; border-radius:10px; text-align:center; box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.08); max-width:800px; margin:auto; } .aon-admin-heading { padding: 20px 0px; margin-bottom: 0; } .cus-chan-pass-wrap { max-width:600px; margin:20px auto 60px; background: #fff; border-radius: 10px; } .toggle.btn.btn-default.off { background:#edecfe; } .emergencycontactform .col-lg-6 { width: 100%; } .emergencycontactform .col-lg-6 .form-group { width: 100%; display: flex; justify-content: space-between; } .emergencycontactform .col-lg-6#emergency_number_wrap { border-top: 1px solid #ddd; padding-top: 30px; } .alert.alert-info { background: #fff; border: 1px solid #ddd; text-align: center; color: #555; } .dc-appointment-card { background: #fff; padding: 25px; margin-bottom: 30px; border-radius: 10px; } .dc-avatar-info { display: flex; } .appt-avatar { position: relative; flex: 0 0 auto; width: 80px; height: 80px; display:flex; align-items:center; justify-content:center; } .appt-avatar img { width:80px; height:80px; object-fit:cover; border-radius:100%; border: 3px solid var(--outline); background: #fff; display:block; } .status-dot { position:absolute; right:6px; bottom:6px; width:12px; height:12px; border-radius:50%; background:#16a34a; } .dc-avatar-info .appt-info { padding-left:20px; } .dc-avatar-info .appt-info .btn-pending { display:inline-flex; } .dc-avatar-info .appt-info .btn-complete { display:inline-flex; } .dc-avatar-info .appt-info .btn-cancelled { display:inline-flex; } .dc-appointment-card .row { justify-content:center; align-items:center; } .dc-appointment-card .row .col-md-3 { text-align:center; width:33.333%; } .dc-appointment-card .row .col-md-3 .site-button { width:100%; } @media only screen and (max-width:1440px) { .dc-appointment-card .row .col-md-3 .site-button { padding: 10px 12px; font-size: 14px; } } .dc-appointment-card .sf-appint-control { border:none; padding:0px; margin:0px; } .dc-appointment-card .sf-appint-control li > a { display:flex; align-items:center; } .dc-appointment-card .sf-appint-control li a span { width: 50px; height: 50px; ; font-size: 22px; line-height: 50px; border:1px solid #022279; border-radius: 50%; color: #022279; margin:0px; display:flex; align-items:center; align-items:center; justify-content:center; } .dc-appointment-card .sf-appint-control li a p { font-size:20px; line-height:1; display:block; padding-left:10px; margin:0px; } .dc-hos-complete-appoint-box { margin-bottom: 30px; display:block; text-align:center; } .dc-hos-complete-appoint-box .media { margin:0px auto 30px; width: 80px; height: 80px; border-radius:100%; } .dc-hos-complete-appoint-box .media img { height:50px; } .dc-hos-complete-appoint-box .info { padding:0px; width:auto; } .no-gal-images { font-size: 20px; text-align: center; color: #ccc; padding: 25px; border: 2px solid #fff; margin-bottom: 30px; border-radius: 5px; background: #fff; } ul.dc-about-doctor { list-style: none; margin: 0; padding: 0px;font-size: 16px;} .select2-container .select2-search--inline .select2-search__field { height: 24px; margin: 0; line-height: 1.4;} .select2-container--default .select2-selection--multiple { padding: 9px; border: 1px solid #ddd !important; } .select2-container--default .select2-selection--multiple .select2-selection__choice { padding-left:32px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { padding: 0 8px; } .aon-admin-heading-left p { display:inline-flex; color:var(--ao-primary-btn); border-radius:30px; padding:5px 15px; text-align:center; border-radius:20px; border:2px solid var(--ao-primary-btn); } @media only screen and (max-width:1600px) { .ux-complete-appoint-bx-1 .info h4 { font-size: 14px; } .ux-complete-appoint-bx-1 .info span { font-size: 26px; } .ux-complete-appoint-bx-1 .info { width: calc(100% - 67px); padding-left: 10px; } .ux-complete-appoint-bx-1 { padding: 20px 20px; } .ux-upco-appoint .heading h4 { font-size: 20px; margin-bottom: 15px; } .aon-admin-heading-right .form-group { margin-bottom:0px; } body .ux-total-revenue-box .info span { font-size: 20px; } .ux-total-revenue-box .info h4 { font-size: 14px; color:#222; } .ux-total-revenue-box { padding:10px 10px; } .ux-complete-appoint-bx-1 { display: block; } .ux-complete-appoint-bx-1 .media { width: 60px; height: 60px; margin-bottom:15px; } .ux-complete-appoint-bx-1 .info { width: calc(100% - 0px); padding-left: 0; } } @media only screen and (max-width:1200px) { .ux-complete-appoint .row [class*="col-"] { width:100%; } .ux-complete-appoint-bx-1 { display: flex; } .ux-complete-appoint-bx-1 .info { padding-left:15px; } .ds-page-tabs .nav-pills .nav-item { margin-right:10px; } .ds-page-tabs .nav-pills .nav-item .nav-link { padding: 5px 20px !important; font-size: 14px; } .dc-featured-sec-wrapper .dc-featured-left-part { width: 100%; } .dc-featured-sec-wrapper .dc-featured-right-part { width:100%; } } @media only screen and (max-width:1100px) { .ao-identy-row { display:block; } .ao-identy-row .col-md-4 { width:100%;} .ao-identy-row .col-md-8 { width:100%;} } @media only screen and (max-width:991px) { .ux-total-revenue { margin-bottom:20px; } .sf-appoi-rows .row .col-md-8 { width:100%; } .sf-appoi-rows .row .col-md-4 { width:100%; } .ux-total-revenue .row .col-lg-4 { width:50%; } } @media only screen and (max-width:650px) { .ds-pro-set-personal-form { padding: 15px; } .ds-page-tabs #pills-tabContent { padding: 25px; } .dc-video-upload-wrap { padding: 20px !important; } .panel.panel-default.dc-video-upload-box { width: 100%; } .sf-upgrate-cell-left { margin-bottom: 30px; width: 100%; } .sf-upgrate-cell-left, .sf-upgrate-cell-right { display: block; width: 100%; padding: 0; } .sf-upgrate-plan-list { display: block; } .sf-upgrate-plan-list ul { display: block; } .sf-upgrate-plan-list ul li { width: 100%; } } @media only screen and (max-width: 470px) { .sf-add-video-list li { width: 100%; padding:0; } } .carelyst-featured-stripe-wrapper #carelyst-stripe-wrapper { padding: 18px 10px 10px; border: 1px solid #ddd; border-radius: 5px; line-height: 1; margin: 35px auto 30px; max-width: 400px; } /* Responsive styles */ @media (max-width: 768px) { .table-responsive table, .table-responsive thead, .table-responsive tbody, .table-responsive th, .table-responsive td, .table-responsive tr { display: block; } .table-responsive thead th { display: none; } .table-responsive thead th.delete-control { display: block; } .table-responsive tbody td.delete-control { padding-left:10px !important; } .table-responsive tbody td.delete-control { padding-left:10px !important; } .table-responsive tr { margin-bottom: 15px; border: 1px solid #ccc; padding: 10px; } /* .table-responsive thead tr { display: none; } */ .table-responsive td { border: none; position: relative; padding-left: 60%; } .table-responsive td::before { content: attr(data-label); position: absolute; left: 10px; font-weight: bold; } } .carelyst-invoice-payment { padding:0px !important; } .carelyst-invoice-stripe-wrapper { padding:20px; border:1px solid #ddd; border-radius:10px; margin:0px auto 30px; max-width:500px; } .carelyst-invoice-stripe-wrapper #carelyst-stripe-wrapper { padding:10px; border:1px solid #ddd; border-radius:5px; margin-bottom:20px; } .carelyst-invoice-stripe-wrapper .payinvoice { margin:0px auto; width:100%; } @media only screen and (max-width: 460px) { .aon-feedback-list { margin-left: 0 !important; } .aon-feedback-date::after { display:none; } .create-feedback-body { font-size: 14px; } .cus-top-nav + .content-admin-main { padding-top: 0px !important; } } .select2-container.select2-container--default.select2-container--open { z-index: 9999; } .select2-container { width: 100% !important; } .patient-dash-wrap .aon-team-wrap { padding:15px; } .patient-dash-wrap .aon-team-wrap .aon-team-pic { width: 100%; height: 150px; border-radius: 10px; margin: 0px auto 30px; position: relative; } .patient-dash-wrap .aon-team-wrap .aon-team-pic img { width: 100%; height: 100%; border-radius: 10px; object-position:center; object-fit:cover; } .btn-complete { border: 1px solid #89cc46; color: #2f4617; background-color: #89cc46; } .btn-cancelled { border: 1px solid #ff8689; color: #421a1b; background-color: #ff8689; } .panel-default > .sf-panel-heading { position: relative; } .alert.alert-info { background: #d4f3ff; border: 1px solid #bde2f0; text-align: center; color: #555; } .deleteidentity { position: absolute; right: 0; top:30px; } .user-section-desc { padding: 25px; background: #fff; margin: 0px 13px 25px; border-radius: 10px; } .ds-pro-set-white-bx.d-flex { display:flex; align-items: center; } .profile-photo-guidelines { padding-left:30px; } .guideline-content ul { list-style:disclosure-closed; margin:0px 0px 0px 15px; } .guideline-content ul li { padding-left:10px; margin-bottom:10px; } .guideline-content ul li strong { color:#333; } .site-button-link.button-sm.orange { padding:3px 10px; border-radius:30px; font-size:14px; font-weight:600; border:1px solid #ffd986; color:#885d00; border-radius:5px; background-color:#ffd986; } .site-button-link.button-sm.green { padding: 3px 10px; border-radius:30px; font-size:14px; font-weight:600; border-radius: 5px; border: 1px solid #89cc46; color: #2f4617; background-color: #89cc46; } .ad-plan-card { border: 2px solid #ddd; background: #fff; } .ad-plan-card.plan-purchased { border: 2px solid #9ce6cb; background: #fff; } .ad-plan-card.plan-purchased h3::after { content: "Purchased"; display: block; font-size: 13px; color: #0d2b20; margin-top: 5px; font-weight: 600; position: absolute; top: 65px; right: 0; background: #c5eedf; padding: 8px 20px; line-height: 1; border-radius: 15px 0px 0px 15px; } .ad-plan-locations { display: flex !important; flex-wrap: wrap; gap: 8px; padding: 0; margin: 12px 0 18px; list-style: none; } .ad-plan-locations li { display: flex !important; flex-wrap: wrap; gap: 8px; padding: 0; margin: 0px 0 0px; list-style: none; width:100%; } .ad-plan-locations li::before { font-family: "bootstrap-icons"; font-size: 14px; color: #000222;} .ad-plan-locations li:nth-child(1)::before { content: "\f4da"; } .ad-plan-locations li:nth-child(2)::before { content: "\f52a"; } .ad-plan-locations li:nth-child(3)::before { content: "\f5d0"; } .ad-plan-card .admin-button.btn-successs { background: #c5eedf; color: #0d2b20; } .sf-upgrate-cell-left { width:100%; display:block; } .sf-upgrate-cell-right { width:100%; display:block; } .sf-upgrate-plan-list ul { display:flex; flex-wrap:wrap; } .coupon-link .havecoupon { text-decoration:underline; } .page-template-template-dashboard .select2-container.select2-container--default.select2-container--open { margin-top:30px; } .page-template-template-dashboard .form-select.error + .error, .page-template-template-dashboard .form-control.error + .error { position: absolute; top: 100%; left: 0; margin-top:8px; } .aon-divider-line.m-t20.m-b30 { margin: 30px 0px; } @media only screen and (max-width:1500px) { .page-template-template-dashboard .dc-appointment-card .row { flex-wrap:wrap; } .page-template-template-dashboard .dc-appointment-card.btn-count-4 .row .col-md-3 { width:50%; font-size: 14px; margin:5px 0px; } .page-template-template-dashboard .dc-appointment-card.btn-count-4 .row .col-md-3 .site-button { width:100%; } .page-template-template-dashboard .dc-appointment-card.btn-count-3 .row .col-md-3 { width:50%; font-size: 14px; margin:5px 0px; } .page-template-template-dashboard .dc-appointment-card.btn-count-3 .row .col-md-3 .site-button { width:100%; } .page-template-template-dashboard .dc-appointment-card.btn-count-2 .row .col-md-3 { width:50%; font-size: 14px; margin:5px 0px; } .page-template-template-dashboard .dc-appointment-card.btn-count-2 .row .col-md-3 .site-button { width:100%; } } @media only screen and (max-width:650px) { .page-template-template-dashboard .dc-appointment-card.btn-count-4 .row .col-md-3 { width:100%; } .page-template-template-dashboard .dc-appointment-card.btn-count-3 .row .col-md-3 { width:100%; } .page-template-template-dashboard .dc-appointment-card.btn-count-1 .row .col-md-3 { width:100%; } }