@charset "UTF-8";
:root {
--header_height: 100px;
--link-color: #002b84;
--link-hover-color: #0345bf;
--link-focus-color: #044cd0;
--text-dark-blue:#07358b;
--text-color: #06193b;
--theme-light: #F0F6FF;
--theme-light-100: #CFDDF4;
--theme-light-200:#b1c0d7;
}
body {
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
overscroll-behavior: none; /* Ekstra kaydırmayı devre dışı bırakır */
scroll-behavior: smooth; /* Daha düzgün kaydırma */
}
body.helix-ultimate-preloader {
overflow: hidden
}
body.helix-ultimate-preloader:before {
content: " ";
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99998;
background: rgba(255, 255, 255, 0.9)
}
body.helix-ultimate-preloader:after {
content: "";
font-family: "Font Awesome 5 Free";
font-size: 36px;
position: fixed;
top: 50%;
left: 50%;
margin-top: -24px;
margin-left: -24px;
width: 48px;
height: 48px;
line-height: 48px;
text-align: center;
color: #007bff;
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
z-index: 99999
}
a {
transition: color 400ms, background-color 400ms
}
a, a:hover, a:focus, a:active {
text-decoration: none
}
label {
font-weight: normal
}
legend {
padding-bottom: 10px;
display: none
}
#jform_spacer-lbl {
display: none
}
.fw-semibold{
font-weight:500;
}
.fw-semibold{
font-weight:600;
}
img {
display: block;
max-width: 100%;
height: auto
}
.row {
--bs-gutter-x: 1.875rem
}
.container {
padding-left: 15px;
padding-right: 15px
}
.element-invisible {
position: absolute;
padding: 0;
margin: 0;
border: 0;
height: 1px;
width: 1px;
overflow: hidden
}
.no-shadow {
box-shadow: none !important
}
#sp-top1 {
padding: 0px
}
#sp-top2 {
position: relative
}
#sp-top-bar {
padding: 7px 0;
position: relative;
z-index: 100;
}
#sp-top-bar .sp-module {
display: block
}
ul.social-icons {
list-style: none;
padding: 0;
margin: 0;
display: inline-flex;
margin-right: 20px;
}
ul.social-icons > li {
display: inline-block;
line-height: 1;
font-size: 25px;
}
ul.social-icons > li:not(:last-child) {
margin-right: 20px
}
.flex-auto {
flex: auto
}
#sp-menu {
padding: 0px
}
#sp-menu.menu-with-social .sp-megamenu-wrapper {
flex: auto;
justify-content: space-between;
display: flex;
align-items: center
}
#sp-menu > .sp-column {
height: 100%
}
#sp-menu .social-wrap {
position: relative;
padding-left: 0px
}
#sp-menu .social-wrap:after {
content: "";
margin-top: 10px;
margin-bottom: 10px;
position: absolute;
width: 2px;
height: calc(var(--header_height) - 20px);
left: 30px;
background-color: rgba(80, 80, 80, 0.2)
}
#sp-menu ul.social-icons > li:not(:last-child) {
margin-right: 20px
}
#sp-menu ul.social-icons a {
color: #9c9c9c
}
#sp-menu .social-wrap.no-border ul.social-icons {
border-left: none;
padding-left: 0px
}
#sp-menu.menu-center .sp-megamenu-wrapper {
justify-content: center
}
.menu-flex .sp-megamenu-wrapper {
display: flex;
justify-content: flex-end
}
#menu-right .sp-module:first-child {
border-right: 2px solid rgba(80, 80, 80, 0.2);
padding-right: 30px
}
.header-has-modules #offcanvas-toggler {
margin-right: 20px;
margin-left: 0
}
.sp-module-content .mod-languages ul.lang-inline {
margin: 0;
padding: 0
}
.sp-module-content .mod-languages ul.lang-inline li {
border: none;
display: inline-block;
margin: 0 5px 0 0;
}
.sp-module-content .mod-languages ul.lang-inline li a {
padding: 0 !important
}
.sp-module-content .mod-languages ul.lang-inline li > a:before {
display: none
}
.sp-module-content .latestnews > li > a > span {
display: block;
margin-top: 5px;
font-size: 85%
}
.sp-contact-info {
list-style: none;
padding: 0;
margin: 0px
}
.sp-contact-info li {
display: inline-block;
margin: 0px 10px 0px 0px;
font-size: 90%;
white-space: nowrap
}
.sp-contact-info li i {
margin: 0 3px
}
#sp-header {
padding: 0;
height: 90px;
width: 100%;
position: relative;
z-index: 99;
box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
/*animation: spFadeIn 0.5s*/
}
#sp-header #offcanvas-toggler.offcanvas, #sp-header #offcanvas-toggler.mega {
display: none !important
}
#sp-header.full-header-left #offcanvas-toggler.offcanvas, #sp-header.full-header-center #offcanvas-toggler.offcanvas, #sp-header.header-with-modal-menu #offcanvas-toggler.offcanvas, #sp-header.lg-header #offcanvas-toggler.offcanvas, #sp-header.header-with-social #offcanvas-toggler.offcanvas {
display: flex !important
}
#sp-header.full-header-left .menu-with-offcanvas #offcanvas-toggler, #sp-header.full-header-center .menu-with-offcanvas #offcanvas-toggler, #sp-header.header-with-modal-menu .menu-with-offcanvas #offcanvas-toggler, #sp-header.lg-header .menu-with-offcanvas #offcanvas-toggler, #sp-header.header-with-social .menu-with-offcanvas #offcanvas-toggler {
display: none !important
}
#sp-header.full-header {
padding-left: 45px;
padding-right: 45px
}
#sp-header.lg-header {
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1)
}
#sp-header.lg-header .logo {
height: auto
}
#sp-header.lg-header #offcanvas-toggler {
margin-right: 20px;
margin-left: 0px
}
#sp-header.lg-header #offcanvas-toggler.offcanvas-toggler-right.offcanvas {
display: none !important
}
#sp-header.lg-header .sp-column {
height: 100%
}
#sp-header.lg-header #sp-logo #offcanvas-toggler {
display: none
}
#sp-header.header-with-modal-menu {
color: var(--text-color)
}
#sp-header.header-with-modal-menu a {
color: rgba(6, 25, 59, 0.6)
}
#sp-header.header-with-modal-menu a:hover, #sp-header.header-with-modal-menu a:focus {
color: var(--link-color)
}
#sp-header.header-with-modal-menu .sp-contact-info > li {
margin-right: 15px;
opacity: 0.7;
transition: 0.3s
}
#sp-header.header-with-modal-menu .sp-contact-info > li:hover, #sp-header.header-with-modal-menu .sp-contact-info > li:focus {
opacity: 1
}
#sp-header.header-with-modal-menu .sp-contact-info > li > span {
margin-right: 5px
}
#sp-header.header-with-modal-menu #offcanvas-toggler {
display: none !important
}
#sp-header.header-with-modal-menu.center-layout .modules-wrapper {
height: auto;
border: none;
padding: 0px;
max-width: 730px;
margin: 0 auto
}
#sp-header.header-with-modal-menu.center-layout #modal-menu .modal-menu-inner > .container {
align-items: flex-start;
padding: 170px 0 0
}
#sp-header.header-with-modal-menu.center-layout #modal-menu .search {
margin-bottom: 80px
}
#sp-header.header-with-modal-menu.center-layout #modal-menu .search form:after {
font-size: 16px
}
#sp-header.header-with-modal-menu.center-layout #modal-menu .search form:hover:after {
display: none
}
#sp-header.header-with-modal-menu.center-layout #modal-menu .search form input {
background: transparent;
border-bottom: 2px solid rgba(32, 31, 31, 0.1);
font-size: 26px;
padding: 7px;
border-radius: 0px
}
#sp-header.header-with-modal-menu.center-layout #modal-menu .search form input::placeholder {
color: rgba(32, 31, 31, 0.4)
}
#sp-header.header-with-modal-menu.center-layout #modal-menu .search form input:focus, #sp-header.header-with-modal-menu.center-layout #modal-menu .search form input:active, #sp-header.header-with-modal-menu.center-layout #modal-menu .search form input:active:focus {
box-shadow: none;
border-bottom: 2px solid rgba(32, 31, 31, 0.7)
}
#sp-header.header-with-modal-menu.center-layout .sp-megamenu-wrapper {
justify-content: center
}
#sp-header.header-with-modal-menu.center-layout .sp-megamenu-wrapper ul.sp-megamenu-parent {
flex-direction: row
}
#sp-header.header-with-modal-menu.center-layout .sp-megamenu-wrapper .sp-megamenu-parent > li > a, #sp-header.header-with-modal-menu.center-layout .sp-megamenu-wrapper .sp-megamenu-parent > li > span {
padding: 0
}
#sp-header.header-with-modal-menu.center-layout .sp-megamenu-wrapper .sp-megamenu-parent > li > a:after, #sp-header.header-with-modal-menu.center-layout .sp-megamenu-wrapper .sp-megamenu-parent > li > span:after {
top: 100%;
width: 2px;
height: 20px;
left: 50%;
transform: translateX(-50%);
margin: 10px 0 0 0
}
#sp-header.header-with-modal-menu.center-layout .sp-megamenu-wrapper .sp-megamenu-parent > li.sp-has-child:hover > a:after, #sp-header.header-with-modal-menu.center-layout .sp-megamenu-wrapper .sp-megamenu-parent > li.sp-has-child:hover > span:after {
height: 30px
}
#sp-header.header-with-modal-menu.center-layout .sp-megamenu-wrapper .sp-megamenu-parent > li.sp-has-child > .sp-dropdown {
animation: spFadeIn 0.5s
}
#sp-header.header-with-modal-menu.center-layout .sp-megamenu-wrapper .sp-megamenu-parent > li:not(:last-child) > a, #sp-header.header-with-modal-menu.center-layout .sp-megamenu-wrapper .sp-megamenu-parent > li:not(:last-child) > span {
margin-right: 70px
}
#sp-header.header-with-modal-menu.center-layout .sp-megamenu-wrapper .sp-megamenu-parent > li > .sp-dropdown.sp-dropdown-main {
top: 100%;
padding-top: 50px;
padding-left: 0;
left: auto !important;
right: 0px;
transition: 0.35s
}
#sp-header.header-with-modal-menu.center-layout .sp-megamenu-wrapper .sp-megamenu-parent > li > .sp-dropdown.sp-dropdown-main li.sp-menu-item > a, #sp-header.header-with-modal-menu.center-layout .sp-megamenu-wrapper .sp-megamenu-parent > li > .sp-dropdown.sp-dropdown-main li.sp-menu-item > span {
padding: 6px 0
}
#sp-header.header-with-modal-menu.classic-layout .modal-menu-inner > div {
flex-direction: column;
align-items: flex-start;
padding: 40px 0
}
#sp-header.header-with-modal-menu.classic-layout .modal-menu-inner > div .sp-megamenu-wrapper {
height: 100%;
align-items: center
}
#sp-header.header-with-modal-menu.classic-layout .modal-menu-inner > div .social-icons {
margin-top: auto;
margin-bottom: 0px;
width: 100%;
border-top: 2px solid rgba(32, 31, 31, 0.1);
padding-top: 20px;
font-size: 12px
}
#sp-header .logo {
height: 90px;
display: inline-flex;
margin: 0;
align-items: center;
position: relative;
}
#sp-header .logo a {
font-size: 24px;
line-height: 1;
margin: 0;
padding: 0
}
#sp-header .logo p {
margin: 5px 0 0
}
#sp-header.header-sticky {
position: fixed;
z-index: 9999;
top: 0;
left: 0;
width: 100%;
/*animation: spFadeInDown 0.5s*/
}
#sp-header .sp-module {
/*margin-left: 30px;*/
}
#sp-header nav.sp-megamenu-wrapper #offcanvas-toggler {
display: none
}
#sp-header-topbar {
position: relative;
z-index: 111
}
#sp-header-topbar .sp-profile-wrapper .sp-sign-in .user-text {
display: none !important
}
#sp-header-topbar #sp-logo #offcanvas-toggler {
display: none !important
}
#sp-header-topbar .container-inner {
border-bottom: 1px solid #e5e5e5
}
#sp-header-topbar .container-inner > .row {
min-height: 100px
}
#sp-header-topbar a {
color: #909196
}
#sp-header-topbar a:hover {
color: var(--link-color)
}
#sp-header-topbar .sp-contact-info {
color: #909196
}
.header-modules {
margin-left: 20px
}
.header-modules .sp-module {
margin-left: 20px
}
.header-modules .search {
position: relative
}
.header-modules .search form:after {
content: "";
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: absolute;
top: 0;
font-size: 12px;
line-height: 32px;
right: 10px
}
.header-modules .search form input {
background: #efeff0;
border: none;
height: 32px;
font-size: 15px;
border-radius: 3px;
padding: 5px 10px
}
.burger-icon {
width: 25px;
cursor: pointer
}
.burger-icon > span {
display: block;
height: 3px;
background-color: var(--link-color);
margin: 5px 0;
transition: background-color 0.3s ease-in, opacity 0.3s ease-in, transform 0.3s ease-in;
border-radius: 8px;
}
.offcanvas-active .burger-icon > span, #modal-menu-toggler.active .burger-icon > span {
background-color: #000
}
.offcanvas-active .burger-icon > span:nth-child(1), #modal-menu-toggler.active .burger-icon > span:nth-child(1) {
transform: translate(0, 8px) rotate(-45deg)
}
.offcanvas-active .burger-icon > span:nth-child(2), #modal-menu-toggler.active .burger-icon > span:nth-child(2) {
opacity: 0
}
.offcanvas-active .burger-icon > span:nth-child(3), #modal-menu-toggler.active .burger-icon > span:nth-child(3) {
transform: translate(0, -5px) rotate(45deg)
}
.offcanvas-active .close-offcanvas .burger-icon > span {
transition-delay: 0.2s
}
body.modal-menu-active {
overflow-y: hidden
}
#modal-menu {
background: #f9f9f9;
position: fixed !important;
top: 100px;
left: 0;
right: 0;
transition: 0.5s;
bottom: 120%;
overflow: hidden;
display: flex;
z-index: 10
}
#modal-menu.has-bg {
background-image: url(../images/menu-bg.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center
}
#modal-menu.active {
bottom: 0
}
#modal-menu .sp-megamenu-parent > li > a, #modal-menu .sp-megamenu-parent > li > span {
display: block
}
#modal-menu .sp-megamenu-parent > li > a:after, #modal-menu .sp-megamenu-parent > li > span:after {
transition: 0.3s
}
#modal-menu .sp-megamenu-parent > li:hover > a, #modal-menu .sp-megamenu-parent > li:hover > span, #modal-menu .sp-megamenu-parent > li.active > a, #modal-menu .sp-megamenu-parent > li.active > span {
color: var(--link-color)
}
#modal-menu .sp-megamenu-parent > li:hover > a:after, #modal-menu .sp-megamenu-parent > li:hover > span:after, #modal-menu .sp-megamenu-parent > li.active > a:after, #modal-menu .sp-megamenu-parent > li.active > span:after {
opacity: 1
}
#modal-menu .sp-megamenu-parent > li > a .nav-counter, #modal-menu .sp-megamenu-parent > li > span .nav-counter {
font-size: 16px
}
#modal-menu .sp-megamenu-parent > li:hover > a:before, #modal-menu .sp-megamenu-parent > li.active > a:before {
width: 0;
opacity: 0
}
#modal-menu .modal-menu-inner {
position: relative !important;
width: 100%
}
#modal-menu .modal-menu-inner #menu-dismiss {
position: absolute;
top: 60px;
left: 60px;
cursor: pointer
}
#modal-menu .modal-menu-inner #menu-dismiss svg {
font-size: 55px
}
#modal-menu .modal-menu-inner > .container {
display: flex;
padding: 70px 0;
align-items: center;
height: 100%
}
#modal-menu .modal-menu-inner > .container > .row {
width: 100%
}
#modal-menu ul.sp-megamenu-parent {
display: flex !important;
flex-direction: column
}
#modal-menu ul.sp-megamenu-parent > li {
position: relative
}
#modal-menu ul.sp-megamenu-parent > li:not(:last-child) {
margin-bottom: 30px
}
#modal-menu ul.sp-megamenu-parent > li > a, #modal-menu ul.sp-megamenu-parent > li > span {
font-size: 26px;
font-weight: 600;
line-height: 1.4;
text-transform: initial
}
#modal-menu ul.sp-megamenu-parent li.sp-has-child > a, #modal-menu ul.sp-megamenu-parent li.sp-has-child > span {
position: relative
}
#modal-menu ul.sp-megamenu-parent li.sp-has-child > a:after, #modal-menu ul.sp-megamenu-parent li.sp-has-child > span:after {
content: "";
font-family: "Font Awesome 5 Free";
float: right;
position: absolute;
top: 2px
}
#modal-menu ul.sp-megamenu-parent li.sp-has-child:hover > a:after, #modal-menu ul.sp-megamenu-parent li.sp-has-child:hover > span:after {
transform: translateX(5px)
}
#modal-menu ul.sp-megamenu-parent li.sp-has-child:hover > .sp-dropdown {
animation: spFadeInDown 0.5s
}
#modal-menu ul.sp-megamenu-parent .sp-dropdown {
left: 100% !important;
transition: 0.3s;
padding-left: 20px
}
#modal-menu ul.sp-megamenu-parent .sp-dropdown.sp-dropdown-main {
top: 0px
}
#modal-menu ul.sp-megamenu-parent .sp-dropdown.sp-dropdown-mega {
top: auto;
bottom: 0px
}
#modal-menu ul.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
box-shadow: none;
border-radius: 0px;
position: relative;
overflow: visible !important;
max-height: initial;
background-color: #fff;
padding: 20px
}
#modal-menu ul.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner ul > li > a {
font-weight: 500 !important;
font-size: 15px !important
}
#modal-menu .modules-wrapper {
display: flex;
flex-direction: column;
height: 100%;
justify-content: center;
max-width: 330px;
border-left: 2px solid rgba(32, 31, 31, 0.1);
padding: 30px;
color: var(--text-color)
}
#modal-menu .modules-wrapper a {
color: var(--text-color)
}
#modal-menu .modules-wrapper a:hover, #modal-menu .modules-wrapper a:focus {
color: var(--link-color)
}
#modal-menu .modules-wrapper .sp-module {
margin-left: 0;
margin-bottom: 15px
}
#modal-menu .modules-wrapper .search form {
margin-bottom: 30px
}
#modal-menu .modules-wrapper .search form input {
height: 40px
}
#modal-menu .modules-wrapper .sp-contact-info {
margin-bottom: 10px;
display: flex;
flex-direction: column
}
#modal-menu .modules-wrapper .sp-contact-info > li {
margin-bottom: 35px
}
#modal-menu .modules-wrapper .sp-contact-info > li > span {
font-size: 12px;
margin-bottom: 10px
}
#modal-menu .modules-wrapper .sp-contact-info > li > a {
opacity: 0.7
}
#modal-menu .modules-wrapper .sp-contact-info > li > a:hover, #modal-menu .modules-wrapper .sp-contact-info > li > a:focus {
opacity: 1
}
#modal-menu .modules-wrapper .social-icons {
font-size: 14px
}
#modal-menu .modules-wrapper .social-icons a {
opacity: 0.7
}
#modal-menu .modules-wrapper .social-icons a:hover, #modal-menu .modules-wrapper .social-icons a:focus {
opacity: 1
}
#sp-logo.has-border {
position: relative;
padding-right: 45px
}
#sp-logo.has-border:after {
content: "";
margin-top: 10px;
margin-bottom: 10px;
position: absolute;
width: 2px;
height: calc(var(--header_height) - 20px);
right: 15px;
background-color: rgba(80, 80, 80, 0.2)
}
#sp-logo.has-border .sp-column {
display: inline-flex;
align-items: center
}
.sp-profile-wrapper {
position: relative;
font-size: 14px
}
.sp-profile-wrapper .arrow-icon {
font-size: 11px
}
.sp-profile-wrapper .sp-profile-dropdown {
background: #fff;
border: 1px solid #e4e4e4;
border-radius: 3px;
padding: 10px 15px !important;
list-style: none !important;
font-size: 14px;
position: absolute;
min-width: 100px;
right: 0;
top: 100%;
display: none !important
}
.sp-profile-wrapper .sp-profile-dropdown > li:not(:last-child) {
border-bottom: 1px solid #e4e4e4;
padding-bottom: 5px;
margin-bottom: 5px;
line-height: 1.3
}
.sp-profile-wrapper:hover .sp-profile-dropdown {
display: block !important;
animation: spFadeInDown 0.5s
}
#sp-title {
min-height: 0
}
.sp-page-title {
padding: 0;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
background-attachment: fixed
}
.sp-page-title .sp-page-title-heading, .sp-page-title .sp-page-title-sub-heading {
margin: 0;
padding: 0;
color: #fff
}
.sp-page-title .sp-page-title-heading {
font-size: 20px;
line-height: 1;
}
.sp-page-title .sp-page-title-sub-heading {
font-size: 13px;
font-weight: 300;
line-height: 1;
margin-top: 10px;
font-family: Poppins,sans-serif;
}
.sp-page-title .sppb-row > div{
padding-top: 20px;
padding-bottom: 20px;
}
#sp-page-title .container{
position: relative;
}
#sp-page-title .container:before {
content: "";
display: block;
width: 70%;
height: 40px;
background: var(--theme-light-200);
position: absolute;
/* transform: translate(10px, 10px); */
/* left: 0; */
/* top: 32px; */
border-radius: 4px 4px 0 0;
bottom: -10px;
transform: skewX(-20deg);
right: -50%;
}
#sp-page-title .container:after {
content: "";
display: block;
width: 80%;
height: 40px;
background: var(--theme-light);
position: absolute;
/* transform: translate(10px, 10px); */
/* left: 0; */
/* top: 32px; */
border-radius: 4px 4px 0 0;
bottom: -20px;
transform: skewX(-20deg);
right: -50%;
}
.sp-page-title .breadcrumb-logo:before {
content:"";
display:block;
background: url(../images/favicon-white.png) no-repeat scroll center center;
background-size: contain;
width:100%;
height: 100%;
position:absolute;
top: 0;
left: 0;
}
.sp-page-title .breadcrumb {
background: none;
padding: 0;
margin: 0;
justify-content: end;
transform: translateY(5px);
}
.sp-page-title .breadcrumb .float-start{
display: none;
}
.sp-page-title .breadcrumb > .active {
color: #fff;
font-weight: 500;
}
.sp-page-title .breadcrumb > span, .sp-page-title .breadcrumb > li, .sp-page-title .breadcrumb > li + li:before, .sp-page-title .breadcrumb > li > a {
color: var(--theme-light-200);
font-size: 13px;
font-weight: 300;
}
.body-innerwrapper {
overflow-x: hidden;
/* background: var(--template-bg-light); */
}
.layout-boxed .body-innerwrapper {
max-width: 1240px;
margin: 0 auto;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2)
}
#sp-main-body {
padding: 100px 0;
/* background: var(--theme-light); */
}
body.view-article.remove-container .body-innerwrapper > #sp-main-body > .container, body.view-article.remove-container .body-innerwrapper > .sp-main-body > .container {
max-width: 100%;
padding: 0
}
.com-sppagebuilder #sp-main-body {
padding: 0
}
#sp-left .sp-module, #sp-right .sp-module {
margin-top: 50px;
border: 1px solid #f3f3f3;
padding: 30px;
border-radius: 3px
}
#sp-left .sp-module:first-child, #sp-right .sp-module:first-child {
margin-top: 0
}
#sp-left .sp-module .sp-module-title, #sp-right .sp-module .sp-module-title {
margin: 0 0 30px;
padding-bottom: 20px;
font-size: 22px;
font-weight: 700;
border-bottom: 1px solid #f3f3f3
}
#sp-left .sp-module ul, #sp-right .sp-module ul {
list-style: none;
padding: 0;
margin: 0
}
#sp-left .sp-module ul > li, #sp-right .sp-module ul > li {
display: block;
border-bottom: 1px solid #f3f3f3
}
#sp-left .sp-module ul > li > a, #sp-right .sp-module ul > li > a {
display: block;
padding: 5px 0;
line-height: 36px;
padding: 2px 0
}
#sp-left .sp-module ul > li:last-child, #sp-right .sp-module ul > li:last-child {
border-bottom: none
}
#sp-left .sp-module .categories-module ul, #sp-right .sp-module .categories-module ul {
margin: 0 10px
}
#sp-left .sp-module .latestnews > div, #sp-right .sp-module .latestnews > div {
padding-bottom: 5px;
margin-bottom: 5px;
border-bottom: 1px solid #e8e8e8
}
#sp-left .sp-module .latestnews > div:last-child, #sp-right .sp-module .latestnews > div:last-child {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: 0
}
#sp-left .sp-module .latestnews > div > a, #sp-right .sp-module .latestnews > div > a {
display: block;
font-weight: 400
}
#sp-left .sp-module .tagscloud, #sp-right .sp-module .tagscloud {
margin: -2px 0
}
#sp-left .sp-module .tagscloud .tag-name, #sp-right .sp-module .tagscloud .tag-name {
display: inline-block;
padding: 5px 10px;
background: #808080;
color: #fff;
border-radius: 4px;
margin: 2px 0
}
#sp-left .sp-module .tagscloud .tag-name span, #sp-right .sp-module .tagscloud .tag-name span {
display: inline-block;
min-width: 10px;
padding: 3px 7px;
font-size: 12px;
font-weight: 700;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
background-color: rgba(0, 0, 0, 0.2);
border-radius: 10px
}
.login img {
display: inline-block;
margin: 20px 0
}
.login .checkbox input[type="checkbox"] {
margin-top: 6px
}
.login .login-form-input {
margin-bottom: 35px
}
.login .form-check-label {
font-weight: normal;
font-size: 16px;
line-height: 24px;
color: rgba(25, 30, 30, 0.8)
}
.login .form-check-label {
margin-bottom: 40px
}
.login form.form-validate {
margin-right: 80px
}
.login .list-group .list-group-item {
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: var(--text-color);
border: none;
padding: 5px 0px
}
.login .list-group .list-group-item:hover {
text-decoration: underline
}
.login .list-group .list-group-item:before {
content: url("../images/button-arrow.svg");
display: inline-block;
position: relative;
top: 6px
}
.form-links ul {
list-style: none;
padding: 0;
margin: 0
}
.hide-label {
border: 0;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px
}
.search .btn-toolbar {
margin-bottom: 20px
}
.search .btn-toolbar span.icon-search {
margin: 0
}
.search .btn-toolbar button {
color: #fff
}
.search .phrases .phrases-box .controls label {
display: inline-block;
margin: 0 20px 20px
}
.search .phrases .ordering-box {
margin-bottom: 15px
}
.search .only label {
display: inline-block;
margin: 0 20px 20px
}
.search .search-results dt.result-title {
margin-top: 40px
}
.search .search-results dt, .search .search-results dd {
margin: 5px 0
}
.filter-search .chzn-container-single .chzn-single {
height: 34px;
line-height: 34px
}
.form-search .finder label {
display: block
}
.form-search .finder .input-medium {
width: 60%;
border-radius: 4px
}
.finder .word input {
display: inline-block
}
.finder .search-results.list-striped li {
padding: 20px 0
}
.article-list .article {
margin-bottom: 30px;
padding: 20px;
border: 1px solid #f5f5f5;
border-radius: 3px
}
.article-list .article .article-intro-image, .article-list .article .article-featured-video, .article-list .article .article-featured-audio, .article-list .article .article-feature-gallery {
margin: -20px -20px 20px -20px;
border-radius: 3px 3px 0 0;
border-bottom: 1px solid #f5f5f5;
overflow: hidden
}
.article-list .article .article-intro-image img, .article-list .article .article-featured-video img, .article-list .article .article-featured-audio img, .article-list .article .article-feature-gallery img {
border-radius: 3px 3px 0 0
}
.article-list .article .article-header h1, .article-list .article .article-header h2 {
font-size: 1.375rem;
margin: 0 0 1.25rem 0
}
.article-list .article .article-header h1 a, .article-list .article .article-header h2 a {
color: var(--text-color)
}
.article-list .article .article-header h1 a:hover, .article-list .article .article-header h1 a:active, .article-list .article .article-header h1 a:focus, .article-list .article .article-header h2 a:hover, .article-list .article .article-header h2 a:active, .article-list .article .article-header h2 a:focus {
color: #0345bf
}
.article-list .article .readmore {
font-size: 0.875rem
}
.article-list .article .readmore a {
color: var(--text-color);
font-weight: 500
}
.article-list .article .readmore a:hover, .article-list .article .readmore a:active, .article-list .article .readmore a:focus {
text-decoration: underline
}
.article-list .intro-articles-top-title {
margin: 0px 0px 40px 15px
}
.related-article-large .article-image {
width: 350px;
min-width: 350px
}
.related-article-large .article-information {
border-left: 1px solid #f1f1f1;
padding-left: 20px;
margin-left: 20px
}
.related-article-large .article-information > span {
font-size: 0.813rem
}
.related-article-large .article-information > span + span::before {
display: inline-block;
padding-right: 0.5rem;
padding-left: 0.5rem;
content: "/"
}
.related-article-large .article-information > span a {
color: var(--text-color)
}
.related-article-large .article-information > span a:hover {
color: #0345bf
}
.related-article-large .article-information .intro-text {
margin-top: 20px
}
.article-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 1rem
}
.article-info > span {
font-size: 0.813rem
}
.article-info > span + span::before {
display: inline-block;
padding-right: 0.5rem;
padding-left: 0.5rem;
content: "/"
}
.article-info > span a {
color: var(--text-color)
}
.article-info > span a:hover {
color: #0345bf
}
.article-details .article-header {
position: relative
}
.article-details .article-header h1, .article-details .article-header h2 {
font-size: 2.25rem
}
.article-details .article-info {
margin-bottom: 1rem
}
.article-details .article-full-image {
margin-bottom: 2rem
}
.article-details .article-full-image img {
display: inline-block;
border-radius: 4px
}
.article-details .article-featured-video, .article-details .article-featured-audio, .article-details .article-feature-gallery {
margin-bottom: 2rem
}
.article-details .article-ratings-social-share {
padding: 1rem 0;
border-top: 1px solid #f5f5f5;
border-bottom: 1px solid #f5f5f5;
margin-bottom: 1rem
}
.article-details .article-author-information {
padding-top: 2rem;
margin-top: 2rem;
border-top: 1px solid #f5f5f5
}
.article-details .article-can-edit {
position: relative;
margin-bottom: 10px
}
.article-details .article-can-edit a {
display: inline-block;
background: #2a61c9;
color: #fff;
padding: 5px 12px;
border-radius: 3px;
font-size: 14px
}
.related-article-list-container {
margin-top: 15px
}
.related-article-list-container .related-article-title {
font-size: 22px;
padding-bottom: 15px;
border-bottom: 1px solid #f3f3f3
}
.related-article-list-container ul.related-article-list {
list-style: none;
padding: 0
}
.related-article-list-container ul.related-article-list li {
margin-bottom: 10px
}
.related-article-list-container ul.related-article-list li .article-header h2 {
font-size: 1.2rem
}
.related-article-list-container ul.related-article-list li .article-header h2 a {
color: #252525
}
.related-article-list-container ul.related-article-list li .article-header h2 a:hover {
color: #044cd0
}
.related-article-list-container ul.related-article-list li .published {
font-size: 14px
}
.tags {
list-style: none;
padding: 0;
margin: -0.3125rem;
display: flex;
flex-wrap: wrap
}
.tags > li {
display: inline-block;
margin: 0.3125rem
}
.tags > li a {
display: block;
font-size: 0.875rem;
padding: 0.5rem 1rem;
border-radius: 6.25rem
}
.tags > li a:hover {
color: #fff
}
.pager {
list-style: none;
padding: 2rem 0 0 0;
margin: 2rem 0 0 0;
border-top: 1px solid #f5f5f5
}
.pager::after {
display: block;
clear: both;
content: ""
}
.pager > li {
display: inline-block
}
.pager > li.previous {
float: left
}
.pager > li.next {
float: right
}
.pager > li a {
display: inline-block;
font-size: 0.785rem;
padding: 1rem 2.5rem;
border-radius: 100px
}
#article-comments {
padding-top: 2rem;
margin-top: 2rem;
border-top: 1px solid #f5f5f5
}
.article-ratings {
display: flex;
align-items: center
}
.article-ratings .rating-symbol {
unicode-bidi: bidi-override;
direction: rtl;
font-size: 1rem;
display: inline-block;
margin-left: 5px
}
.article-ratings .rating-symbol span.rating-star {
font-family: "Font Awesome 5 Free";
font-weight: normal;
font-style: normal;
display: inline-block
}
.article-ratings .rating-symbol span.rating-star.active:before {
content: "";
font-weight: 900;
color: #f6bc00
}
.article-ratings .rating-symbol span.rating-star:before {
content: "";
padding-right: 5px
}
.article-ratings .rating-symbol span.rating-star:hover:before, .article-ratings .rating-symbol span.rating-star:hover ~ span.rating-star:before {
content: "";
color: #e7b000;
font-weight: 900;
cursor: pointer
}
.article-ratings .ratings-count {
font-size: 0.785rem;
color: #4c4b4b
}
.article-ratings .fa-spinner {
margin-right: 5px
}
.pagination-wrapper {
align-items: center
}
.pagination-wrapper .pagination {
margin-bottom: 0
}
.article-social-share {
float: right
}
.article-social-share .social-share-icon ul {
padding: 0;
list-style: none;
margin: 0
}
.article-social-share .social-share-icon ul li {
display: inline-block
}
.article-social-share .social-share-icon ul li:not(:last-child) {
margin-right: 10px
}
.article-social-share .social-share-icon ul li a {
border: 1px solid #ededed;
font-size: 1rem;
border-radius: 50%;
height: 34px;
line-height: 34px;
text-align: center;
width: 34px;
display: inline-block
}
.article-social-share .social-share-icon ul li a:hover, .article-social-share .social-share-icon ul li a:focus {
color: #fff
}
.newsfeed-category .category {
list-style: none;
padding: 0;
margin: 0
}
.newsfeed-category .category li {
padding: 5px 0
}
.newsfeed-category #filter-search {
margin: 10px 0
}
.category-module, .categories-module, .archive-module, .latestnews, .newsflash-horiz, .mostread, .form-links, .list-striped {
list-style: none;
padding: 0;
margin: 0
}
.category-module li, .categories-module li, .archive-module li, .latestnews li, .newsflash-horiz li, .mostread li, .form-links li, .list-striped li {
padding: 2px 0
}
.category-module li h4, .categories-module li h4, .archive-module li h4, .latestnews li h4, .newsflash-horiz li h4, .mostread li h4, .form-links li h4, .list-striped li h4 {
margin: 5px 0
}
.article-footer-top {
display: table;
clear: both;
width: 100%
}
.article-footer-top .post_rating {
float: left
}
.contentpane:not(.com-sppagebuilder) {
padding: 20px
}
#sp-bottom {
padding: 60px 0 30px;
font-size: 14px;
line-height: 1.6
}
#sp-bottom .sp-module {
margin-bottom: 30px
}
#sp-bottom .sp-module .sp-module-title {
font-weight: 700;
font-size: 18px;
margin: 0 0 30px;
color: #fff
}
#sp-bottom .sp-module ul {
list-style: none;
padding: 0;
margin: 0
}
#sp-bottom .sp-module ul > li {
display: block;
margin-bottom: 15px
}
#sp-bottom .sp-module ul > li:last-child {
margin-bottom: 0
}
#sp-bottom .sp-module ul > li > a {
display: block
}
#sp-footer {
font-size: 14px;
padding: 0
}
#sp-footer .container-inner {
padding: 0px 0;
border-top: 1px solid rgba(255, 255, 255, 0.1);
position: relative
}
#sp-footer .container-inner:before {
content: "";
position: absolute;
left: -15em;
top: -5em;
z-index: 5;
opacity: 1;
backdrop-filter: blur(15px);
border: 1px solid var(--theme-light-200);
background-image: url(../images/favicon.png);
display: block;
width: 10em;
height: 10em;
background-size: 8em;
padding: 10px;
background-attachment: scroll;
background-repeat: no-repeat;
background-position: center;
text-align: center;
/* display: flex; */
/* align-items: center; */
justify-content: center;
/* border-radius: 100%; */
}
#sp-footer .container-inner:after {
content: "";
position: absolute;
top: -50px;
right: -105px;
z-index: 5;
background: rgba(135, 118, 255, 0.3);
backdrop-filter: blur(4px);
width: 80px;
height: 100px
}
#sp-footer ul.menu {
display: flex;
flex-direction: row;
list-style: none;
padding: 0;
margin: 0px;
flex-wrap: wrap;
}
#sp-footer ul.menu li {
display: inline-block;
margin-bottom: 10px;
width: 50%;
}
#sp-footer ul.menu li a {
display: block;
font-weight: 300;
font-size: 14px;
line-height: 18px;
}
#sp-footer ul.menu li a:hover {
background: none
}
#sp-footer #sp-footer1 {
padding-top: 125px;
/* padding-left: 68px; */
padding-left: 0;
}
#sp-footer #sp-footer2 {
padding: 125px 0px 35px 55px;
background: linear-gradient(90deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0) 100%)
}
.sp-copyright {
font-size: 13px;
line-height: 18px;
color: rgba(255, 255, 255, 0.5);
/* order: 2; */
float: left;
}
html.coming-soon {
width: 100%;
height: 100%;
min-height: 100%
}
html.coming-soon body {
width: 100%;
height: 100%;
min-height: 100%;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-align: center;
-ms-flex-pack: center;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
padding-top: 40px;
padding-bottom: 40px;
text-align: center;
background-repeat: no-repeat;
background-position: 50% 40%;
background-size: cover
}
html.coming-soon .coming-soon-logo {
display: inline-block;
margin-bottom: 2rem
}
html.coming-soon #coming-soon-countdown {
margin-top: 4rem;
display: none
}
html.coming-soon #coming-soon-countdown .coming-soon-days, html.coming-soon #coming-soon-countdown .coming-soon-hours, html.coming-soon #coming-soon-countdown .coming-soon-minutes, html.coming-soon #coming-soon-countdown .coming-soon-seconds {
margin: 0;
float: left;
width: 25%
}
html.coming-soon #coming-soon-countdown .coming-soon-days .coming-soon-number, html.coming-soon #coming-soon-countdown .coming-soon-hours .coming-soon-number, html.coming-soon #coming-soon-countdown .coming-soon-minutes .coming-soon-number, html.coming-soon #coming-soon-countdown .coming-soon-seconds .coming-soon-number {
width: 100%;
font-size: 4.5rem;
letter-spacing: -1px;
line-height: 1
}
html.coming-soon #coming-soon-countdown .coming-soon-days .coming-soon-string, html.coming-soon #coming-soon-countdown .coming-soon-hours .coming-soon-string, html.coming-soon #coming-soon-countdown .coming-soon-minutes .coming-soon-string, html.coming-soon #coming-soon-countdown .coming-soon-seconds .coming-soon-string {
font-size: 1.5rem;
letter-spacing: -1px;
display: block;
text-transform: uppercase
}
html.coming-soon .coming-soon-content {
display: none
}
html.coming-soon .coming-soon-position {
max-width: 440px
}
html.coming-soon .social-icons {
display: block;
text-align: left
}
html.coming-soon .social-icons li a i {
padding: 5px;
background: rgba(255, 255, 255, 0.2);
font-size: 20px;
color: #191e1ecc
}
html.coming-soon .coming-soon-title {
font-weight: 400;
font-size: 92px;
line-height: 94px;
letter-spacing: -0.02em;
text-transform: capitalize;
color: var(--text-color);
text-align: left;
max-width: 45%
}
html.coming-soon .coming-soon-login form {
display: inline-block
}
html.error-page {
width: 100%;
height: 100%
}
html.error-page body {
width: 100%;
height: 100%;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-align: center;
-ms-flex-pack: center;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
padding-top: 40px;
padding-bottom: 40px;
text-align: center;
background-repeat: no-repeat;
background-position: 30% 70%;
background-color: #f6f5f6;
background-size: cover;
}
html.error-page .error-logo {
display: inline-block;
margin-bottom: 2rem
}
html.error-page .error-code {
font-weight: 400;
font-size: 92px;
line-height: 94px;
letter-spacing: -0.02em;
text-transform: capitalize;
color: #191e1e;
text-align: left;
margin-bottom: 30px;
margin-top: 150px;
text-align: center;
}
html.error-page .error-message {
font-size: 36px;
line-height: 46px;
margin-bottom: 30px;
text-align: left;
margin-bottom: 55px;
text-align: center;
}
html.error-page .sppb-btn {
/* margin-right: 100%; */
}
.sp-social-share ul {
display: block;
padding: 0;
margin: 20px -5px 0
}
.sp-social-share ul li {
display: inline-block;
font-size: 24px;
margin: 0 5px
}
.profile > div:not(:last-child) {
margin-bottom: 30px
}
.dl-horizontal dt {
margin: 8px 0;
text-align: left
}
.page-header {
padding-bottom: 15px
}
table.category {
width: 100%
}
table.category thead > tr, table.category tbody > tr {
border: 1px solid #f2f2f2
}
table.category thead > tr th, table.category thead > tr td, table.category tbody > tr th, table.category tbody > tr td {
padding: 10px
}
.contact-form .form-actions {
background: none;
border: none
}
@media print {
.visible-print {
display: inherit !important
}
.hidden-print {
display: none !important
}
}
.sp-preloader {
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 99999
}
.sp-preloader > div {
border-radius: 50%;
height: 50px;
width: 50px;
top: 50%;
left: 50%;
margin-top: -25px;
margin-left: -25px;
position: absolute;
animation: spSpin 0.75s linear infinite
}
.sp-preloader > div:after {
content: "";
position: absolute;
width: 49px;
height: 49px;
top: 1px;
right: 0;
left: 0;
margin: auto;
border-radius: 50%
}
.sp-scroll-up {
display: none;
position: fixed;
bottom: 60px;
right: 30px;
width: 36px;
height: 36px;
line-height: 36px;
text-align: center;
font-size: 16px;
color: #fff;
background: var(--link-hover-color);
border-radius: 100%;
z-index: 1000;
transition: all 0.3s ease
}
.sp-scroll-up:hover, .sp-scroll-up:active, .sp-scroll-up:focus {
color: #fff;
background: #000
}
.control-group {
margin-bottom: 1rem
}
select.form-control:not([multiple]), select:not(.form-control):not(.form-select):not([multiple]), select.inputbox:not([multiple]), select:not([multiple]), select:not(.flatpickr-monthDropdown-month) {height: 48px;}
.form-control-feedback {
display: block;
margin-top: 0.25rem;
font-size: 0.875em
}
input[type="text"], textarea {
outline: none;
box-shadow: none !important
}
label, .form-label {
font-weight: 500;
font-size: 17px;
line-height: 18px;
margin-bottom: 10px;
color: var(--text-color)
}
.sppb-form-group {
margin-bottom: 25px;
}
.sppb-form-group textarea.sppb-form-control {
padding: 8px 20px 8px 16px;
font-size: 16px;
line-height: 24px;
color: var(--text-color);
background: var(--theme-light);
border: 1px solid var(--theme-light-100);
border-radius: 5px !important;
}
.form-control,
input[type="text"]:not(.form-control),
input[type="email"]:not(.form-control),
input[type="url"]:not(.form-control),
input[type="date"]:not(.form-control),
input[type="password"]:not(.form-control),
input[type="search"]:not(.form-control),
input[type="tel"]:not(.form-control),
input[type="number"]:not(.form-control),
select:not(.form-select):not(.form-control):not(.flatpickr-monthDropdown-months) {
display: block;
width: 100%;
padding: 8px 20px 8px 16px;
font-size: 16px;
line-height: 24px;
background: var(--theme-light);
border: 1px solid var(--theme-light-100);
border-radius: 5px !important;
height: 48px;
color: var(--text-color)
}
input.tf-phone-control--number.cf-input {
border-top-left-radius: 0!important;
border-bottom-left-radius: 0!important;
border-left: 0!important;
}
.form-control:focus,
input:not(.form-control)[type="text"]:focus,
input:not(.form-control)[type="email"]:focus,
input:not(.form-control)[type="url"]:focus,
input:not(.form-control)[type="date"]:focus,
input:not(.form-control)[type="password"]:focus,
input:not(.form-control)[type="search"]:focus,
input:not(.form-control)[type="tel"]:focus,
input:not(.form-control)[type="number"]:focus,
select:not(.form-control):not(.form-select):not(.flatpickr-monthDropdown-months):focus,
.form-control:hover,
input:not(.form-control)[type="text"]:hover,
input:not(.form-control)[type="email"]:hover,
input:not(.form-control)[type="url"]:hover,
input:not(.form-control)[type="date"]:hover,
input:not(.form-control)[type="password"]:hover,
input:not(.form-control)[type="search"]:hover,
input:not(.form-control)[type="tel"]:hover,
input:not(.form-control)[type="number"]:hover,
select:not(.form-control):not(.form-select):not(.flatpickr-monthDropdown-months):hover,
.form-control:active, input:not(.form-control)[type="text"]:active,
input:not(.form-control)[type="email"]:active,
input:not(.form-control)[type="url"]:active,
input:not(.form-control)[type="date"]:active,
input:not(.form-control)[type="password"]:active,
input:not(.form-control)[type="search"]:active,
input:not(.form-control)[type="tel"]:active,
input:not(.form-control)[type="number"]:active,
select:not(.form-control):not(.form-select):not(.flatpickr-monthDropdown-months):active,
textarea:not(.form-control):hover,
textarea:not(.form-control):focus,
textarea:not(.form-control):active {
color: var(--text-color);
background-color: #fff;
border-color: var(--theme-light-200);
outline: 0
}
.input-group-text {
display: none
}
input[type="text"]:not(.form-control),
input[type="email"]:not(.form-control),
input[type="url"]:not(.form-control),
input[type="date"]:not(.form-control),
input[type="password"]:not(.form-control),
input[type="search"]:not(.form-control),
input[type="tel"]:not(.form-control),
input[type="number"]:not(.form-control),
select:not(.form-select):not(.form-control):not(.flatpickr-monthDropdown-months) {
background-image: none;
background-clip: padding-box;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s
}
.password-group meter {
width: 100%
}
.chzn-select, .chzn-select-deselect {
width: 100%
}
.chzn-container.chzn-container-single .chzn-single {
display: block;
width: 100%;
padding: 0.5rem 0.75rem;
line-height: 1.25;
height: calc(2.25rem + 2px);
color: #495057;
background-color: #fff;
background-image: none;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
box-shadow: none
}
.chzn-container.chzn-container-single .chzn-single div {
width: 30px;
background: none
}
.chzn-container.chzn-container-single .chzn-single div > b {
background: none;
position: relative
}
.chzn-container.chzn-container-single .chzn-single div > b:after {
content: "";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 0.875rem;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%)
}
.chzn-container.chzn-container-single.chzn-container-active.chzn-with-drop .chzn-single {
border-radius: 0.25rem 0.25rem 0 0
}
.chzn-container.chzn-container-single .chzn-search {
padding: 0.625rem
}
.chzn-container.chzn-container-single .chzn-search input[type="text"] {
display: block;
width: 100%;
padding: 0.5rem 1.429rem 0.5rem 0.75rem;
font-size: 0.875rem;
line-height: 1.25;
height: calc(2rem + 2px);
color: #495057;
background-color: #fff;
background-image: none;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
box-shadow: none;
-webkit-box-shadow: none
}
.chzn-container.chzn-container-single .chzn-search input[type="text"]:focus {
border-color: #80bdff;
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
-webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25)
}
.chzn-container.chzn-container-single .chzn-search:after {
content: "";
font-family: "Font Awesome 5 Free";
font-size: 0.875rem;
color: rgba(0, 0, 0, 0.2);
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%)
}
.chzn-container.chzn-container-single .chzn-drop {
border-color: rgba(0, 0, 0, 0.15);
border-radius: 0 0 0.25rem 0.25rem;
box-shadow: none;
-webkit-box-shadow: none
}
.chzn-container.chzn-container-single .chzn-results li.highlighted {
background-image: none !important
}
.chzn-container.chzn-container-multi .chzn-choices {
display: block;
width: 100%;
padding: 0 0.75rem;
min-height: calc(2.25rem + 2px);
line-height: 1.25;
background-color: #fff;
background-image: none;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
box-shadow: none;
-webkit-box-shadow: none
}
.chzn-container.chzn-container-multi .chzn-choices li.search-field input[type="text"] {
font-size: 0.875rem;
font-weight: normal;
line-height: 1.25;
height: calc(2rem + 2px);
background-color: #fff
}
.chzn-container.chzn-container-multi .chzn-choices li.search-choice {
margin: 5.5px 5px 0 0;
padding: 5px 20px 5px 5px;
background-image: none;
background-color: #f5f5f5;
border-color: rgba(0, 0, 0, 0.1);
box-shadow: none;
-webkit-box-shadow: none
}
.chzn-container.chzn-container-multi .chzn-choices li.search-choice .search-choice-close {
background: none;
top: 5px;
color: rgba(0, 0, 0, 0.2)
}
.chzn-container.chzn-container-multi .chzn-choices li.search-choice .search-choice-close:hover {
color: rgba(0, 0, 0, 0.5)
}
.chzn-container.chzn-container-multi .chzn-choices li.search-choice .search-choice-close:after {
content: "";
font-family: "Font Awesome 5 Free";
font-size: 0.875rem;
position: absolute;
top: 0;
right: 0
}
.chzn-container.chzn-container-multi.chzn-with-drop.chzn-container-active .chzn-choices {
border-radius: 0.25rem
}
.chzn-container.chzn-container-multi.chzn-with-drop .chzn-drop {
margin-top: -4px;
border: none;
border-radius: 0;
box-shadow: none;
-webkit-box-shadow: none
}
.chzn-container.chzn-container-multi.chzn-with-drop .chzn-drop .chzn-results:not(:empty) {
padding: 0.75rem;
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.15);
border-top: 0;
border-radius: 0 0 0.25rem 0.25rem
}
.chzn-container.chzn-container-multi.chzn-with-drop .chzn-drop .chzn-results li.no-results {
background: none
}
.form-horizontal .control-label {
float: left;
width: auto;
padding-top: 5px;
padding-right: 5px;
text-align: left
}
.form-horizontal .controls {
margin-left: 105px
}
.card-block {
padding: 20px
}
.card-block ul {
list-style: none;
padding: 0;
margin: 0;
display: block
}
.card-block ul li {
display: block
}
.alert.alert-error {
color: #721c24;
background-color: #f8d7da;
border-color: #f5c6cb
}
.invalid {
color: #a51f18;
border-color: #a51f18
}
#sp-cookie-consent {
position: fixed;
font-size: 16px;
font-weight: 500;
bottom: 0;
left: 0;
width: 100%;
z-index: 10001
}
#sp-cookie-consent > div {
padding: 20px;
position: relative
}
#attrib-helix_ultimate_blog_options #jform_attribs_helix_ultimate_article_format {
position: relative;
display: inline-block;
vertical-align: middle;
white-space: nowrap
}
#attrib-helix_ultimate_blog_options #jform_attribs_helix_ultimate_article_format .form-check-inline {
margin: 0;
margin-right: -5px;
padding-left: 0px
}
#attrib-helix_ultimate_blog_options #jform_attribs_helix_ultimate_article_format .form-check-inline label {
display: inline-block;
padding: 4px 12px;
margin-bottom: 0;
font-size: 13px;
line-height: 18px;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-color: #f3f3f3;
color: #333;
border-top: 1px solid #b3b3b3;
border-right: 1px solid #b3b3b3;
border-bottom: 1px solid #b3b3b3;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
border-radius: 0
}
#attrib-helix_ultimate_blog_options #jform_attribs_helix_ultimate_article_format .form-check-inline label.btn-success {
background: #46a546;
color: #fff
}
#attrib-helix_ultimate_blog_options #jform_attribs_helix_ultimate_article_format .form-check-inline label input[type="radio"] {
display: none !important
}
#attrib-helix_ultimate_blog_options #jform_attribs_helix_ultimate_article_format .form-check-inline:last-child label {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px
}
#attrib-helix_ultimate_blog_options #jform_attribs_helix_ultimate_article_format .form-check-inline:first-child label {
border-left: 1px solid #b3b3b3;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px
}
.com-contenthistory .btn-group {
display: flex;
justify-content: flex-end
}
.com-contenthistory .btn-group button {
display: inline-block;
padding: 4px 12px;
margin-bottom: 0;
font-size: 13px;
line-height: 18px;
text-align: center;
vertical-align: middle;
cursor: pointer;
color: #333;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
background-color: #f5f5f5;
background-repeat: repeat-x;
border: 1px solid #bbb;
border-bottom-color: #a2a2a2;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05)
}
.com-contenthistory .btn-group button:hover {
color: #333;
background-color: #e9e9e9
}
#versionsModal {
top: 10%
}
#versionsModal .modal-dialog {
max-width: 80%
}
#versionsModal iframe {
min-height: 300px
}
body.com-content.view-form.layout-edit .nav-tabs .nav-link {
display: block !important
}
.no-js img.lazyload {
display: none
}
#system-message-container {
position: fixed;
bottom: 0px;
right: 15px;
max-width: 350px
}
#system-message-container .alert {
font-size: 13px;
line-height: 1.5
}
#system-message-container .alert > .btn-close {
position: absolute;
right: 5px;
top: 5px;
cursor: pointer
}
#system-message-container joomla-alert {
font-size: 13px
}
.com-users.view-registration #member-registration .modal-dialog, .com-users.view-registration #member-profile .modal-dialog, .com-users.view-profile #member-registration .modal-dialog, .com-users.view-profile #member-profile .modal-dialog {
display: flex;
align-items: center;
min-height: calc(100% - 1rem)
}
.com-users.view-profile .sp-module-content-top {
display: none
}
.registration #member-registration {
margin-right: 70px
}
.registration #member-registration #jform_privacyconsent_privacy-lbl {
display: inline-flex
}
.registration #member-registration #jform_privacyconsent_privacy-lbl > a {
position: initial;
display: block;
color: var(--text-color)
}
.registration #member-registration #jform_privacyconsent_privacy-lbl > a:hover, .registration #member-registration #jform_privacyconsent_privacy-lbl > a:focus {
color: #0345bf
}
.registration #member-registration .registration-input {
margin-bottom: 35px
}
.registration #password-0 {
text-align: left !important
}
body.com-users.view-registration > #sbox-window {
overflow: hidden
}
body.com-users.view-registration > #sbox-window > #sbox-btn-close {
top: 5px;
right: 5px
}
body.helix-ultimate.hu.view-form.layout-edit .edit.item-page > #adminForm > fieldset > .joomla-tabs {
display: flex;
padding: 0;
margin: 0 !important;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
list-style: outside none none;
background-color: #f5f5f5;
border-color: #ccc #ccc currentcolor;
border-style: solid solid none;
border-width: 1px 1px 0;
border-radius: 0.25rem 0.25rem 0 0;
border-image: none;
box-shadow: 0 1px #fff inset, 0 2px 3px -3px rgba(0, 0, 0, 0.15), 0 -4px 0 rgba(0, 0, 0, 0.05) inset, 0 0 3px rgba(0, 0, 0, 0.04)
}
body.helix-ultimate.hu.view-form.layout-edit .edit.item-page > #adminForm > fieldset > .joomla-tabs .nav-item > .nav-link {
color: var(--text-color)
}
body.helix-ultimate.hu.view-form.layout-edit .edit.item-page > #adminForm > fieldset > .joomla-tabs .nav-item > .nav-link.active {
background-color: rgba(0, 0, 0, 0.03);
background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.05) 100%);
border-right: 0 none;
border-left: 0 none;
border-top-left-radius: 0;
border-top-right-radius: 0;
box-shadow: 2px 0 1px -1px rgba(0, 0, 0, 0.08) inset, -2px 0 1px -1px rgba(0, 0, 0, 0.08) inset, 0 1px 0 rgba(0, 0, 0, 0.02) inset
}
body.helix-ultimate.hu.view-form.layout-edit .edit.item-page > #adminForm > fieldset > .tab-content {
padding: 15px;
background-color: #fefefe;
border: 1px solid #ccc;
border-radius: 0 0 0.25rem 0.25rem;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.04)
}
body.helix-ultimate.hu.view-form.layout-edit .edit.item-page > #adminForm > fieldset #editor label#jform_title-lbl {
margin-bottom: 15px;
font-weight: 700
}
body.helix-ultimate.hu.view-form.layout-edit .edit.item-page > #adminForm > fieldset #editor .js-editor-tinymce {
display: flex;
flex-direction: column
}
body.helix-ultimate.hu.view-form.layout-edit .edit.item-page > #adminForm > fieldset #publishing > .control-group, body.helix-ultimate.hu.view-form.layout-edit .edit.item-page > #adminForm > fieldset #metadata > .control-group, body.helix-ultimate.hu.view-form.layout-edit .edit.item-page > #adminForm > fieldset #attrib-helix_ultimate_blog_options > .control-group {
display: flex;
flex-direction: column
}
body.helix-ultimate.hu.view-form.layout-edit .edit.item-page > #adminForm > fieldset #publishing > .control-group > label, body.helix-ultimate.hu.view-form.layout-edit .edit.item-page > #adminForm > fieldset #metadata > .control-group > label, body.helix-ultimate.hu.view-form.layout-edit .edit.item-page > #adminForm > fieldset #attrib-helix_ultimate_blog_options > .control-group > label {
margin-bottom: 5px;
font-weight: 700
}
body.helix-ultimate.hu.view-form.layout-edit .edit.item-page > #adminForm > fieldset #publishing > .control-group textarea, body.helix-ultimate.hu.view-form.layout-edit .edit.item-page > #adminForm > fieldset #metadata > .control-group textarea, body.helix-ultimate.hu.view-form.layout-edit .edit.item-page > #adminForm > fieldset #attrib-helix_ultimate_blog_options > .control-group textarea {
width: 100%
}
body.helix-ultimate.hu.view-form.layout-edit .edit.item-page > #adminForm > fieldset #publishing > .control-group .calendar-container .time td select, body.helix-ultimate.hu.view-form.layout-edit .edit.item-page > #adminForm > fieldset #metadata > .control-group .calendar-container .time td select, body.helix-ultimate.hu.view-form.layout-edit .edit.item-page > #adminForm > fieldset #attrib-helix_ultimate_blog_options > .control-group .calendar-container .time td select {
padding: 4px;
font-size: 13px
}
body.contentpane.com-media.view-images .container-popup #imageForm > #messages + .well .row-fluid {
display: flex;
max-width: 100%
}
body.contentpane.com-media.view-images .container-popup #imageForm > #messages + .well .row-fluid .span8 {
flex: auto
}
body.contentpane.com-media.view-images .container-popup #imageForm > #messages + .well .row-fluid .span8 > .controls {
margin-left: 10px;
display: flex;
max-width: 500px
}
body.contentpane.com-media.view-images .container-popup #imageForm > #messages + .well .row-fluid .span8 > .controls #folderlist_chzn, body.contentpane.com-media.view-images .container-popup #imageForm > #messages + .well .row-fluid .span8 > .controls #folderlist {
flex: auto
}
body.contentpane.com-media.view-images .container-popup #imageForm > #messages + .well .row-fluid .span8 #upbutton {
background: var(--bs-primary);
color: #fff;
margin: 0 5px
}
body.contentpane.com-media.view-images .container-popup #imageForm .well > .row-fluid:not(:last-child) {
margin-bottom: 5px
}
body.contentpane.com-media.view-images .container-popup #imageForm .well > .row-fluid:not(:last-child) > .control-group:not(:last-child) {
margin-bottom: 5px
}
body.contentpane.com-media.view-images .container-popup #imageForm .btn.button-cancel {
background: var(--bs-danger);
color: #fff
}
body.contentpane.com-media.view-images .container-popup #imageForm .btn.button-cancel:hover, body.contentpane.com-media.view-images .container-popup #imageForm .btn.button-cancel:focus {
border-color: var(--bs-danger)
}
body.contentpane.com-menus.view-items.layout-modal #adminForm .js-stools-container-bar {
display: flex
}
body.contentpane.com-modules.view-modules.layout-modal .container-popup #adminForm > .js-stools .js-stools-container-bar {
display: flex;
align-items: center;
padding: 10px 0px
}
body.contentpane.com-modules.view-modules.layout-modal .container-popup #adminForm > .js-stools .js-stools-container-bar > label {
margin-right: 10px
}
body.contentpane.com-modules.view-modules.layout-modal .container-popup #adminForm > .js-stools .js-stools-container-bar > .btn-wrapper.input-append {
display: flex
}
body.contentpane.com-modules.view-modules.layout-modal .container-popup #adminForm > .js-stools .js-stools-container-bar > .btn-wrapper.input-append > button[type="submit"] {
background: var(--bs-primary);
color: #fff;
margin-left: 5px
}
body.contentpane.com-modules.view-modules.layout-modal .container-popup #adminForm > .js-stools .js-stools-container-bar > .btn-wrapper > button[type="button"] {
background: var(--bs-primary);
color: #fff
}
body.contentpane.com-content.view-articles.layout-modal .container-popup #adminForm > .js-stools, body.contentpane.com-menus.view-items.layout-modal .container-popup #adminForm > .js-stools, body.contentpane.com-contact.view-contacts.layout-modal .container-popup #adminForm > .js-stools {
padding-top: 15px
}
body.contentpane.com-content.view-articles.layout-modal .container-popup #adminForm > .js-stools .js-stools-container-bar, body.contentpane.com-menus.view-items.layout-modal .container-popup #adminForm > .js-stools .js-stools-container-bar, body.contentpane.com-contact.view-contacts.layout-modal .container-popup #adminForm > .js-stools .js-stools-container-bar {
margin-bottom: 10px
}
body.contentpane.com-content.view-articles.layout-modal .container-popup #adminForm > .js-stools .js-stools-container-bar > label, body.contentpane.com-menus.view-items.layout-modal .container-popup #adminForm > .js-stools .js-stools-container-bar > label, body.contentpane.com-contact.view-contacts.layout-modal .container-popup #adminForm > .js-stools .js-stools-container-bar > label {
margin-right: 10px
}
body.contentpane.com-content.view-articles.layout-modal .container-popup #adminForm > .js-stools .js-stools-container-bar > .btn-wrapper.input-append, body.contentpane.com-menus.view-items.layout-modal .container-popup #adminForm > .js-stools .js-stools-container-bar > .btn-wrapper.input-append, body.contentpane.com-contact.view-contacts.layout-modal .container-popup #adminForm > .js-stools .js-stools-container-bar > .btn-wrapper.input-append {
display: flex
}
body.contentpane.com-content.view-articles.layout-modal .container-popup #adminForm > .js-stools .js-stools-container-bar > .btn-wrapper.input-append > button[type="submit"], body.contentpane.com-menus.view-items.layout-modal .container-popup #adminForm > .js-stools .js-stools-container-bar > .btn-wrapper.input-append > button[type="submit"], body.contentpane.com-contact.view-contacts.layout-modal .container-popup #adminForm > .js-stools .js-stools-container-bar > .btn-wrapper.input-append > button[type="submit"] {
background: var(--bs-primary);
color: #fff;
margin-left: 5px
}
body.contentpane.com-content.view-articles.layout-modal .container-popup #adminForm > .js-stools .js-stools-container-bar > .btn-wrapper > button[type="button"], body.contentpane.com-menus.view-items.layout-modal .container-popup #adminForm > .js-stools .js-stools-container-bar > .btn-wrapper > button[type="button"], body.contentpane.com-contact.view-contacts.layout-modal .container-popup #adminForm > .js-stools .js-stools-container-bar > .btn-wrapper > button[type="button"] {
background: var(--bs-primary);
color: #fff
}
body.contentpane.com-content.view-articles.layout-modal .container-popup #adminForm .js-stools-container-bar, body.contentpane.com-contact.view-contacts.layout-modal .container-popup #adminForm .js-stools-container-bar {
display: flex;
align-items: center
}
.modal-dialog.jviewport-width80 {
width: 80vw;
max-width: none
}
.btn:focus, .btn:active, .sppb-btn:focus, .sppb-btn:active {
box-shadow: none !important
}
body .sppb-btn, body .btn, .btn-primary {
outline: none !important
}
body .sppb-btn, body .btn {
letter-spacing: 0;
text-transform: capitalize;
font-weight: 300;
padding: 1rem 1.52rem 1rem 1.52rem;
line-height: 1.5;
font-size: 16px;
border: none;
border-radius: 8px;
}
body .sppb-btn.sppb-btn-3d, body .btn.sppb-btn-3d {
padding-top: 13px;
padding-bottom: 12px
}
body .sppb-btn.sppb-btn-xlg, body .btn.sppb-btn-xlg {
padding: 0px 0px 18px 22px;
text-align: left;
font-weight: 500;
font-size: 18px;
line-height: 24px;
position: relative;
border: 1px solid #dddae1;
height: 100px;
display: inline-flex;
align-items: end;
width: 220px;
box-shadow: 3px 3px 0px 2px var(--theme-light-100)!important;
}
body .sppb-btn.sppb-btn-xlg:hover, body .btn.sppb-btn-xlg:hover{
box-shadow:none!important;
}
body .sppb-btn.sppb-btn-xlg:after, body .btn.sppb-btn-xlg:after {
/* content: ""; */
position: absolute;
top: 27px;
right: 26px;
color: #fff;
content: "\f062";
position: absolute;
right: 15px;
top: 15px;
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 20px;
transform: rotate(45deg);
}
body .sppb-btn.sppb-btn-lg, body .btn.sppb-btn-lg {
padding: 1rem 1.8rem 1rem 1.8rem
}
body .sppb-btn.sppb-btn-sm, body .btn.sppb-btn-sm {
padding: 0.7rem 0.7rem 0.7rem 0.7rem;
width: auto;
}
body .sppb-btn.sppb-btn-xs, body .btn.sppb-btn-xs {
padding: 0.4rem 1rem 0.4rem 1rem;
font-size: 14px;
line-height: 1.6
}
body .sppb-btn.sppb-btn-default, body .sppb-btn.sppb-btn-primary, body .sppb-btn.btn-primary, body .btn.sppb-btn-default, body .btn.sppb-btn-primary, body .btn.btn-primary {
color: #fff;
background-color: var(--link-color);
box-shadow: 0px 2px 8px rgba(28, 26, 32, 0.1);
border-color: var(--link-color);
border: 1px solid var(--link-color);
background: linear-gradient(45deg, var(--link-color) 35%, var(--link-focus-color) 100%);
border: medium none;
/* box-shadow: 0 0 3px 3px var(--theme-light-100); */
}
body .sppb-btn.sppb-btn-light, body .sppb-btn.btn-light, body .btn.sppb-btn-light, body .btn.btn-light {
color: var(--link-color);
background-color: var(--theme-light);
box-shadow: 0px 2px 8px rgba(28, 26, 32, 0.1);
border-color: var(--theme-light);
border: 1px solid var(--theme-light);
}
body .sppb-btn.sppb-btn-default:hover, body .sppb-btn.sppb-btn-default:focus, body .sppb-btn.sppb-btn-default:active, body .sppb-btn.sppb-btn-primary:hover, body .sppb-btn.sppb-btn-primary:focus, body .sppb-btn.sppb-btn-primary:active, body .sppb-btn.btn-primary:hover, body .sppb-btn.btn-primary:focus, body .sppb-btn.btn-primary:active, body .btn.sppb-btn-default:hover, body .btn.sppb-btn-default:focus, body .btn.sppb-btn-default:active, body .btn.sppb-btn-primary:hover, body .btn.sppb-btn-primary:focus, body .btn.sppb-btn-primary:active, body .btn.btn-primary:hover, body .btn.btn-primary:focus, body .btn.btn-primary:active {
background-color: #0345bf;
border-color: #0345bf;
border-color: transparent;
background: linear-gradient(45deg, var(--link-hover-color) 35%, var(--link-focus-color) 100%);
}
body .sppb-btn.sppb-btn-light:hover,
body .sppb-btn.sppb-btn-light:focus,
body .sppb-btn.btn-light:hover,
body .sppb-btn.btn-light:focus,
body .btn.sppb-btn-light:hover,
body .btn.sppb-btn-light:focus,
body .btn.btn-light:hover,
body .btn.btn-light:focus {
background-color: var(--theme-light-100);
border-color: var(--theme-light-100);
}
body .sppb-btn.sppb-btn-default.sppb-btn-rounded, body .sppb-btn.sppb-btn-primary.sppb-btn-rounded, body .sppb-btn.btn-primary.sppb-btn-rounded, body .btn.sppb-btn-default.sppb-btn-rounded, body .btn.sppb-btn-primary.sppb-btn-rounded, body .btn.btn-primary.sppb-btn-rounded {
border-radius: 8px;
}
body .sppb-btn.sppb-btn-default.sppb-btn-round, body .sppb-btn.sppb-btn-primary.sppb-btn-round, body .sppb-btn.btn-primary.sppb-btn-round, body .btn.sppb-btn-default.sppb-btn-round, body .btn.sppb-btn-primary.sppb-btn-round, body .btn.btn-primary.sppb-btn-round {
border-radius: 30px
}
body .sppb-btn.sppb-btn-default.sppb-btn-outline, body .sppb-btn.sppb-btn-primary.sppb-btn-outline, body .sppb-btn.btn-primary.sppb-btn-outline, body .btn.sppb-btn-default.sppb-btn-outline, body .btn.sppb-btn-primary.sppb-btn-outline, body .btn.btn-primary.sppb-btn-outline {
border: 1px solid var(--theme-light-100);
background-color: transparent;
color: var(--text-color);
background: linear-gradient(45deg, var(--theme-light-100) 35%, var(--theme-light) 100%);
box-shadow: none;
}
body .sppb-btn.sppb-btn-default.sppb-btn-outline:hover, body .sppb-btn.sppb-btn-default.sppb-btn-outline:focus, body .sppb-btn.sppb-btn-default.sppb-btn-outline:active, body .sppb-btn.sppb-btn-primary.sppb-btn-outline:hover, body .sppb-btn.sppb-btn-primary.sppb-btn-outline:focus, body .sppb-btn.sppb-btn-primary.sppb-btn-outline:active, body .sppb-btn.btn-primary.sppb-btn-outline:hover, body .sppb-btn.btn-primary.sppb-btn-outline:focus, body .sppb-btn.btn-primary.sppb-btn-outline:active, body .btn.sppb-btn-default.sppb-btn-outline:hover, body .btn.sppb-btn-default.sppb-btn-outline:focus, body .btn.sppb-btn-default.sppb-btn-outline:active, body .btn.sppb-btn-primary.sppb-btn-outline:hover, body .btn.sppb-btn-primary.sppb-btn-outline:focus, body .btn.sppb-btn-primary.sppb-btn-outline:active, body .btn.btn-primary.sppb-btn-outline:hover, body .btn.btn-primary.sppb-btn-outline:focus, body .btn.btn-primary.sppb-btn-outline:active {
background-color: var(--link-color);
color: #fff;
background: var(--theme-light-200);
border-color: var(--theme-light-200);
}
body .sppb-btn.sppb-btn-default.sppb-btn-gradient, body .sppb-btn.sppb-btn-primary.sppb-btn-gradient, body .sppb-btn.btn-primary.sppb-btn-gradient, body .btn.sppb-btn-default.sppb-btn-gradient, body .btn.sppb-btn-primary.sppb-btn-gradient, body .btn.btn-primary.sppb-btn-gradient {
background-image: linear-gradient(-180deg, #06fff7, #3ac6c0)
}
body .sppb-btn.sppb-btn-default.sppb-btn-3d, body .sppb-btn.sppb-btn-primary.sppb-btn-3d, body .sppb-btn.btn-primary.sppb-btn-3d, body .btn.sppb-btn-default.sppb-btn-3d, body .btn.sppb-btn-primary.sppb-btn-3d, body .btn.btn-primary.sppb-btn-3d {
border-bottom: 4px solid #0345bf
}
body .sppb-btn.sppb-btn-default.sppb-btn-3d:hover, body .sppb-btn.sppb-btn-primary.sppb-btn-3d:hover, body .sppb-btn.btn-primary.sppb-btn-3d:hover, body .btn.sppb-btn-default.sppb-btn-3d:hover, body .btn.sppb-btn-primary.sppb-btn-3d:hover, body .btn.btn-primary.sppb-btn-3d:hover {
border-bottom-color: transparent
}
body .sppb-btn.sppb-btn-secondary, body .sppb-btn.btn-secondary, body .btn.sppb-btn-secondary, body .btn.btn-secondary {
color: #fff;
background-color: var(--text-color);
box-shadow: 0px 2px 8px rgba(28, 26, 32, 0.1);
}
body .sppb-btn.sppb-btn-secondary:hover, body .sppb-btn.sppb-btn-secondary:focus, body .sppb-btn.sppb-btn-secondary:active, body .sppb-btn.btn-secondary:hover, body .sppb-btn.btn-secondary:focus, body .sppb-btn.btn-secondary:active, body .btn.sppb-btn-secondary:hover, body .btn.sppb-btn-secondary:focus, body .btn.sppb-btn-secondary:active, body .btn.btn-secondary:hover, body .btn.btn-secondary:focus, body .btn.btn-secondary:active {
color: #fff;
background-color: rgba(25, 30, 30, 0.8)
}
body .sppb-btn.sppb-btn-secondary.sppb-btn-rounded, body .sppb-btn.btn-secondary.sppb-btn-rounded, body .btn.sppb-btn-secondary.sppb-btn-rounded, body .btn.btn-secondary.sppb-btn-rounded {
border-radius: 3px
}
body .sppb-btn.sppb-btn-secondary.sppb-btn-round, body .sppb-btn.btn-secondary.sppb-btn-round, body .btn.sppb-btn-secondary.sppb-btn-round, body .btn.btn-secondary.sppb-btn-round {
border-radius: 30px
}
body .sppb-btn.sppb-btn-secondary.sppb-btn-outline, body .sppb-btn.btn-secondary.sppb-btn-outline, body .btn.sppb-btn-secondary.sppb-btn-outline, body .btn.btn-secondary.sppb-btn-outline {
border: 1px solid var(--text-color);
background-color: transparent;
color: var(--text-color)
}
body .sppb-btn.sppb-btn-light.sppb-btn-outline, body .sppb-btn.btn-light.sppb-btn-outline, body .btn.sppb-btn-light.sppb-btn-outline, body .btn.btn-light.sppb-btn-outline {
border: 1px solid var(--theme-light);
background-color: transparent;
color: var(--theme-light);
}
body .sppb-btn.sppb-btn-secondary.sppb-btn-outline:hover, body .sppb-btn.sppb-btn-secondary.sppb-btn-outline:focus, body .sppb-btn.sppb-btn-secondary.sppb-btn-outline:active, body .sppb-btn.btn-secondary.sppb-btn-outline:hover, body .sppb-btn.btn-secondary.sppb-btn-outline:focus, body .sppb-btn.btn-secondary.sppb-btn-outline:active, body .btn.sppb-btn-secondary.sppb-btn-outline:hover, body .btn.sppb-btn-secondary.sppb-btn-outline:focus, body .btn.sppb-btn-secondary.sppb-btn-outline:active, body .btn.btn-secondary.sppb-btn-outline:hover, body .btn.btn-secondary.sppb-btn-outline:focus, body .btn.btn-secondary.sppb-btn-outline:active {
background-color: var(--text-color);
color: var(--text-color);
}
body .sppb-btn.sppb-btn-light.sppb-btn-outline:hover, body .sppb-btn.sppb-btn-light.sppb-btn-outline:focus, body .sppb-btn.sppb-btn-light.sppb-btn-outline:active, body .sppb-btn.btn-light.sppb-btn-outline:hover, body .sppb-btn.btn-light.sppb-btn-outline:focus, body .sppb-btn.btn-light.sppb-btn-outline:active, body .btn.sppb-btn-light.sppb-btn-outline:hover, body .btn.sppb-btn-light.sppb-btn-outline:focus, body .btn.sppb-btn-light.sppb-btn-outline:active, body .btn.btn-light.sppb-btn-outline:hover, body .btn.btn-light.sppb-btn-outline:focus, body .btn.btn-light.sppb-btn-outline:active {
background-color: var(--theme-light);
color: var(--link-color);
}
body .sppb-btn.sppb-btn-secondary.sppb-btn-gradient, body .sppb-btn.btn-secondary.sppb-btn-gradient, body .btn.sppb-btn-secondary.sppb-btn-gradient, body .btn.btn-secondary.sppb-btn-gradient {
background-image: linear-gradient(-180deg, #191e1e, #4a4c4c)
}
body .sppb-btn.sppb-btn-secondary.sppb-btn-3d, body .sppb-btn.btn-secondary.sppb-btn-3d, body .btn.sppb-btn-secondary.sppb-btn-3d, body .btn.btn-secondary.sppb-btn-3d {
border-bottom: 4px solid #525454
}
body .sppb-btn.sppb-btn-secondary.sppb-btn-3d:hover, body .sppb-btn.btn-secondary.sppb-btn-3d:hover, body .btn.sppb-btn-secondary.sppb-btn-3d:hover, body .btn.btn-secondary.sppb-btn-3d:hover {
border-bottom-color: transparent
}
body .sppb-btn.sppb-btn-secondary.sppb-btn-xlg, body .sppb-btn.btn-secondary.sppb-btn-xlg, body .btn.sppb-btn-secondary.sppb-btn-xlg, body .btn.btn-secondary.sppb-btn-xlg {
border: 1px solid #dddae1
}
body .sppb-btn.sppb-btn-secondary.sppb-btn-xlg:hover, body .sppb-btn.sppb-btn-secondary.sppb-btn-xlg:focus, body .sppb-btn.sppb-btn-secondary.sppb-btn-xlg:active, body .sppb-btn.btn-secondary.sppb-btn-xlg:hover, body .sppb-btn.btn-secondary.sppb-btn-xlg:focus, body .sppb-btn.btn-secondary.sppb-btn-xlg:active, body .btn.sppb-btn-secondary.sppb-btn-xlg:hover, body .btn.sppb-btn-secondary.sppb-btn-xlg:focus, body .btn.sppb-btn-secondary.sppb-btn-xlg:active, body .btn.btn-secondary.sppb-btn-xlg:hover, body .btn.btn-secondary.sppb-btn-xlg:focus, body .btn.btn-secondary.sppb-btn-xlg:active {
background-color: rgba(242, 241, 249, 0.6);
color: var(--text-color)
}
body .sppb-btn.sppb-btn-link, body .btn.sppb-btn-link {
padding: 0px;
color: var(--link-color);
letter-spacing: 1px;
font-weight: 800
}
.jimer-topbar-accordion {
position: relative;
top: -2px
}
.jimer-topbar-accordion .sppb-panel-heading {
padding: 0px;
border: none;
display: inline-block;
border-bottom: none !important
}
.jimer-topbar-accordion .sppb-panel-heading:before {
content: url("../images/covid19-warning.svg");
position: relative;
top: 2px;
margin-right: 20px
}
.jimer-topbar-accordion .sppb-panel-heading .sppb-toggle-direction {
right: -30px;
color: #fff;
transform: translateY(-50%) rotate(90deg);
transition: all 0.5s ease-in-out
}
.jimer-topbar-accordion .sppb-panel-heading.active .sppb-toggle-direction {
transform: translateY(-50%) rotate(-90deg)
}
.jimer-topbar-accordion .sppb-panel-title {
font-size: 18px;
line-height: 24px;
font-weight: 400;
top: -5px;
position: relative
}
.jimer-topbar-accordion .sppb-panel-title span {
font-weight: 500
}
.jimer-topbar-accordion .sppb-panel-body {
padding: 20px 0px 0px 0px;
margin-left: 50px;
display: inline-block
}
.text-color-opacity {
color: rgba(6, 25, 59, 0.8)
}
.secondary-bg-color {
background-color: rgba(242, 241, 249, 0.6)
}
.secondary-bg-color2 {
background-image: linear-gradient(0deg, #ffffff 50%, rgba(242, 241, 249, 0.6) 50%)
}
.video-thumb1 .sppb-modal-icon-wrap {
color: rgba(6, 25, 59, 0.8);
background-color: var(--link-color);
margin-left: -60px
}
.video-thumb1 .sppb-modal-icon-wrap i {
padding-left: 2px
}
.team-member .sppb-person-information > span.sppb-person-designation {
color: rgba(6, 25, 59, 0.8)
}
.content-list .sppb-addon-content ul {
padding: 0px;
margin: 24px 0px 0px
}
.content-list .sppb-addon-content ul li {
line-height: 2;
position: relative;
padding-left: 25px;
list-style: none
}
.content-list .sppb-addon-content ul li:after {
content: "";
position: absolute;
width: 7px;
height: 7px;
top: 12px;
left: 0px;
border-radius: 50%;
background-color: var(--text-color)
}
.accordion-style1 .sppb-panel {
border: 0;
border-radius: 0;
margin-bottom: 0px;
border-bottom: 1px solid #dddae1
}
.accordion-style1 .sppb-panel .sppb-panel-heading {
color: var(--text-color);
background-color: transparent;
padding: 24px 30px 24px 0px
}
.accordion-style1 .sppb-panel .sppb-panel-heading .sppb-panel-title {
font-size: 18px;
line-height: 1.2;
font-weight: 500;
font-family: "Outfit", sans-serif
}
.accordion-style1 .sppb-panel .sppb-panel-heading .sppb-toggle-direction {
transform: translateY(-50%) rotate(90deg)
}
.accordion-style1 .sppb-panel .sppb-panel-heading.active {
padding-bottom: 16px
}
.accordion-style1 .sppb-panel .sppb-panel-heading.active .sppb-toggle-direction {
transform: translateY(-50%) rotate(-90deg)
}
.accordion-style1 .sppb-panel .sppb-panel-body {
padding: 0px 15px 24px 0px;
border: 0px
}
.insurance-plans .sppb-img-container img {
background: rgba(255, 255, 255, 0.5);
border: 1px solid rgba(6, 25, 59, 0.1);
border-radius: 3px
}
.insurance-plans .sppb-addon-title {
color: rgba(6, 25, 59, 0.6)
}
.pricing-table {
background: rgba(255, 255, 255, 0.5);
border: 1px solid #dddae1;
backdrop-filter: blur(25px);
border-radius: 3px;
padding: 0px 40px 40px
}
.pricing-table .sppb-pricing-header {
display: flex;
flex-direction: column-reverse
}
.pricing-table .sppb-pricing-header .sppb-pricing-price-container {
background: #eff0fc;
border-radius: 3px 3px 0px 0px;
padding: 33px 40px;
margin: 0px -40px;
transition: all 0.3s
}
.pricing-table .sppb-pricing-header .sppb-pricing-price-container .sppb-pricing-duration {
margin-left: 10px;
color: rgba(6, 25, 59, 0.8);
transition: all 0.3s
}
.pricing-table .sppb-pricing-features {
color: rgba(6, 25, 59, 0.8)
}
.pricing-table .sppb-btn.sppb-btn-link {
color: var(--text-color)
}
.pricing-table .sppb-btn.sppb-btn-link i {
transform: rotateZ(-45deg);
margin-left: 5px
}
.pricing-table .sppb-btn.sppb-btn-link:hover {
opacity: 0.7
}
.pricing-table:hover .sppb-pricing-price-container {
background: #8776ff;
color: #ffffff
}
.pricing-table:hover .sppb-pricing-price-container .sppb-pricing-duration {
color: #ffffff
}
.test-parameter-list .sppb-blocknumber-number {
color: rgba(6, 25, 59, 0.65)
}
.test-parameter-list .sppb-blocknumber-number:after {
content: "."
}
.test-parameter-list .sppb-blocknumber-text {
color: rgba(6, 25, 59, 0.8)
}
.hero-slider.sppb-addon-sp-slider .sp-item .sp-background::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: linear-gradient(102.05deg, #000000 12.45%, rgba(0, 0, 0, 0) 74.31%);
opacity: 0.7
}
.hero-slider.sppb-addon-sp-slider .sp-item .sp-background::before {
content: "";
position: absolute;
width: 100%;
height: 50%;
bottom: 0px;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
opacity: 0.5
}
.hero-slider.sppb-addon-sp-slider .sp-item .btn2 .sp-slider-btn-icon i {
transform: rotatez(-45deg)
}
.hero-slider .sp-nav-control .nav-control {
/* backdrop-filter: blur(25px); */
transition: all 0.3s
}
.hero-slider .sp-nav-control .nav-control:hover {
backdrop-filter: blur(8px);
}
.hero-btn .sppb-addon-content {
display: flex
}
.hero-btn a.sppb-btn {
width: 24.84%;
text-align: left
}
.hero-btn .sppb-btn.sppb-btn-secondary {
font-size: 24px;
line-height: 28px;
backdrop-filter: blur(44px);
background-color: rgba(6, 25, 59, 0.2);
padding: 32px 41px 32px 80px
}
.hero-btn .sppb-btn.sppb-btn-secondary i {
position: absolute;
left: 40px
}
.home-dental-feature {
backdrop-filter: blur(25px)
}
.service-list {
position: relative;
border-radius: 3px;
padding: 24px 24px 18px 24px;
background-color: #eff0fc;
border: 1px solid transparent;
transition: all 0.3s
}
.service-list .sppb-addon-content {
display: flex;
flex-direction: column
}
.service-list .sppb-addon-content .sppb-img-container {
order: 2
}
.service-list .sppb-addon-content .sppb-media-content {
order: 1
}
.service-list:before {
content: url("../images/button-arrow.svg");
position: absolute;
right: 16px;
top: 24px;
opacity: 0;
transition: all 0.3s
}
.service-list:hover {
border-color: #dddae1;
background-color: rgba(255, 255, 255, 0.5)
}
.service-list:hover:before {
opacity: 1
}
.testimonial-horizontal .sppb-carousel-extended-outer-stage {
transform: translate(0px) !important;
width: 100% !important;
height: 510px !important;
display: flex;
flex-direction: column
}
.testimonial-horizontal .sppb-carousel-extended-outer-stage .sppb-carousel-extended-item {
width: 100% !important;
margin-bottom: 33px;
border: 1px solid #dddae1;
border-radius: 3px
}
.testimonial-horizontal .sppb-carousel-extended-list {
position: relative
}
.testimonial-horizontal .sppb-carousel-extended-list:before {
content: "";
position: absolute;
height: 50%;
width: 100%;
bottom: 0px;
left: 0px;
right: 0px;
background: linear-gradient(0deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
z-index: 10
}
.testimonial-horizontal .sppb-carousel-extended-nav-control {
height: auto;
width: 80px;
margin: 0px;
right: -88px;
bottom: unset;
transform: rotateZ(90deg);
top: 24px !important
}
.sppb-addon-dugmeler ul {
display: flex;
align-items: center;
margin: 0;
width: 100%;
}
.white-popup-block.ydh{
background-color:var(--theme-light);
border-radius: 10px;
}
.jimer-arrow-big-button {
padding: 10px;
display: flex;
align-items: center;
line-height: 20px;
text-align: left;
margin-left: 10px;
white-space: nowrap;
max-height: 55px;
background: linear-gradient(45deg, var(--link-color) 35%, var(--link-focus-color) 100%);
color: #fff!important;
text-transform: uppercase;
font-weight: 500;
font-size: 16px;
border-radius: 7px;
max-width: 175px;
position:relative;
cursor:pointer;
box-shadow: 2px 2px 0 1px var(--theme-light-100);
}
.jimer-arrow-big-button:hover {background: linear-gradient(45deg, var(--link-hover-color) 35%, var(--link-focus-color) 100%);box-shadow: none;}
/*.jimer-arrow-big-button:before {
content: "\f062";
position: absolute;
right: 5px;
top: 5px;
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 15px;
transform: rotate(45deg);
opacity: 0;
}
.jimer-arrow-big-button:hover:before{
opacity:1
}*/
.jimer-arrow-big-button i{
font-size: 34px;
/* margin-right: 10px; */
}
.jimer-arrow-big-button small{
font-weight: 400;
font-size: 10px;
/* line-height: 19px; */
display: block;
text-align: right;
text-transform: uppercase;
/* margin-bottom: 0; */
letter-spacing: 0.1em;
/* margin-left: 10px; */
}
.jimer-arrow-big-button:not(.rt){
/*max-width: 130px;*/
font-size: 13px;
line-height: 15px;
}
.jimer-arrow-big-button .jimer-btn-icon{
border-radius:5px;
width: 38px;
height:38px;
line-height:38px;
padding:4px;
margin-right:10px;
text-align: center;
flex-shrink: 0;
}
.jimer-arrow-big-button.ydh .jimer-btn-icon{
/* color: var(--link-color); */
/* background: var(--theme-light); */
}
.jimer-arrow-big-button.or .jimer-btn-icon{
color: #fff;
/* background: #f30466; */
}
.jimer-arrow-big-button.rt .jimer-btn-icon{
background: #25D366;
color: #fff;
padding: 1px 5px;
}
.jimer-arrow-big-button span {
white-space: pre-line;
word-wrap: break-word;
hyphens:auto;
display: block;
}
.jimer-arrow-big-button span.jimer-btn-text{
flex-grow:1;
}
.jimer-arrow-big-button:not(.rt) i{
font-size: 30px;
/* content: url(../images/yurtdisi-hastalar.png)!important; */
/* width: 34px; */
/* margin-top:7px; */
/* padding: 2px 4px; */
/* height: 34px; */
/* line-height: 34px; */
}
[class^="icon-"]:before, [class*=" icon-"]:before {
line-height: unset!important;
}
.module-search-button:hover {
cursor: pointer
}
.module-search-button i {
font-size: 20px
}
.module-search-wrapper {
display: flex;
align-items: center;
position: relative;
margin-left: 50px;
margin-right: 30px;
/* transform: translateY(-10px); */
}
.module-finder-search {
position: absolute;
right: 0px;
top: 50%;
transform: translateY(-50%);
z-index: 111;
display: none
}
.module-search-input {
width: 520px;
height: 48px;
border: 1px solid #dddae1;
border-radius: 3px;
background: #eff0fc
}
.module-search-close {
position: absolute;
top: 12px;
right: 15px
}
.module-search-close:hover {
cursor: pointer
}
.sp-megamenu-wrapper {
/* transform: translateY(-10px); */
}
.menu-button-wrapper .sppb-row > div {
padding: 0px
}
.jimer-animated-number {
position: relative;
top: 222px
}
.left-wrapper .sppb-column-addons {
max-width: 640px;
margin-left: auto
}
.home-diagnostic-search .mod-finder__search {
flex-direction: column;
align-items: baseline
}
.home-diagnostic-search .awesomplete {
width: 100%
}
.home-diagnostic-search label {
margin-bottom: 15px
}
.home-diagnostic-search .btn.btn-primary {
background: #191e1e;
color: #fff;
border-radius: 3px !important;
margin-top: 30px;
padding: 15px 35px
}
.home-diagnostic-search .btn.btn-primary:hover, .home-diagnostic-search .btn.btn-primary:focus {
background-color: rgba(25, 30, 30, 0.8)
}
.home-diagnostic-search .js-finder-search-query {
height: 56px
}
.home-diagn-testimonial .sppb-carousel-extended-item {
border: 1px solid #dddae1;
border-radius: 3px
}
.home-diagn-testimonial .sppb-testimonial-carousel-content-wrap {
margin-bottom: 30px
}
.home-diagn-testimonial .sppb-testimonial-carousel-message {
font-style: italic
}
.home-diagn-testimonial .sppb-carousel-extended-list {
position: relative
}
.home-diagn-testimonial .sppb-carousel-extended-list:before {
content: "";
background: linear-gradient(270deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
transform: matrix(-1, 0, 0, 1, 0, 0);
left: 0px;
z-index: 11;
top: 0px;
width: 600px;
height: 100%;
position: absolute
}
.home-diagn-testimonial .sppb-carousel-extended-nav-control {
height: auto;
width: 80px;
margin: 0px;
right: 0px;
top: auto !important;
bottom: -55px
}
.spmedical-specialists .specialist-wrapper:hover .specialists-img-wrapper:after {
opacity: 0
}
.view-specialists .spmedical-specialists-search-result .spmedical-specialists .specialist-wrapper {
/* flex-direction: row; */
border: 1px solid var(--theme-light);
/* padding: 10px; */
background: #fff;
box-shadow: 10px 10px 0 var(--theme-light);
}
.spmedical-specialists-search {
/* max-width: 1060px; */
margin: 0px auto 52px
}
.spmedical-specialists-search .input-filters {
position: relative;
display: flex
}
.spmedical-specialists-search .input-filters .specialist-wrapper {
width: 100%;
display: block;
padding: 0px
}
.spmedical-specialists-search .input-filters .specialist-wrapper .custom-combobox input {
font-size: 16px;
line-height: 1.5;
font-weight: 400;
text-indent: 28px;
padding: 15px 18px;
background: #fff;
border-color:#fff
}
.spmedical-specialists-search .input-filters .specialist-wrapper .custom-combobox input:active, .spmedical-specialists-search .input-filters .specialist-wrapper .custom-combobox input:focus {
border-color: var(--link-color)
}
.spmedical-specialists-search .input-filters .specialist-wrapper .custom-combobox .custom-combobox-toggle {
position: absolute;
top: 22px;
left: 18px;
right: unset;
font-size: 10px;
color: var(--text-color)
}
.spmedical-specialists-search .input-btn {
position: absolute;
margin-bottom: 0;
top: 0;
right: 0
}
.spmedical-specialists-search .input-btn .spmedical-btn-primary {
font-size: 16px;
font-weight: 500;
text-transform: capitalize;
padding: 16px 22px;
color: #fff;
background-color: var(--link-color)
}
.spmedical-specialists-search .input-btn .spmedical-btn-primary:hover, .spmedical-specialists-search .input-btn .spmedical-btn-primary:focus, .spmedical-specialists-search .input-btn .spmedical-btn-primary:active {
background-color: #0345bf
}
.spmedical-specialists-search-result .spmedical-sidebar {
/* max-width: 260px; */
margin-left: auto;
border: 0px;
border-radius: 0px;
margin-right: 35px;
/* background: var(--theme-light); */
/* padding: 20px; */
}
.spmedical-specialists-search-result .spmedical-sidebar h3 {
font-size: 26px;
line-height: 1.4;
font-weight: 500;
padding-bottom: 8px;
margin-bottom: 38px;
border-bottom: 1px solid rgba(6, 25, 59, 0.2)
}
.spmedical-specialists-search-result .spmedical-sidebar #spmedical-specialists-filters-form.spmedical-specialists-filters .spmedical-category-search {
padding: 0px;
border-bottom: 0px;
margin-bottom: 35px;
background: #fff;
padding: 15px;
border-radius: 5px;
box-shadow: 10px 10px var(--theme-light);
border: 1px solid var(--theme-light);
}
.spmedical-specialists-search-result .spmedical-sidebar #spmedical-specialists-filters-form.spmedical-specialists-filters .spmedical-category-search h4 {
font-size: 20px;
line-height: 1.4;
font-weight: 500;
margin-bottom: 13px
}
.spmedical-specialists-search-result .spmedical-sidebar #spmedical-specialists-filters-form.spmedical-specialists-filters .spmedical-category-search ul > li input[type="checkbox"],
.spmedical-specialists-search-result .spmedical-sidebar #spmedical-specialists-filters-form.spmedical-specialists-filters .spmedical-category-search ul > li input[type="radio"]{
appearance: none;
position: relative;
width: 16px;
height: 16px
}
.spmedical-specialists-search-result .spmedical-sidebar #spmedical-specialists-filters-form.spmedical-specialists-filters .spmedical-category-search ul > li input[type="checkbox"]::before,
.spmedical-specialists-search-result .spmedical-sidebar #spmedical-specialists-filters-form.spmedical-specialists-filters .spmedical-category-search ul > li input[type="radio"]::before{
content: "";
position: absolute;
width: 16px;
height: 16px;
left: 0px;
top: 0px;
background: rgba(242, 241, 249, 0.6);
border: 1px solid #dddae1;
border-radius: 3px
}
.spmedical-specialists-search-result .spmedical-sidebar #spmedical-specialists-filters-form.spmedical-specialists-filters .spmedical-category-search ul > li input[type="checkbox"]:checked::before,
.spmedical-specialists-search-result .spmedical-sidebar #spmedical-specialists-filters-form.spmedical-specialists-filters .spmedical-category-search ul > li input[type="radio"]:checked::before{
content: "";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 10px;
text-align: center;
color: #ffffff;
background: var(--link-focus-color);
border-color: transparent
}
.spmedical-specialists-search-result .spmedical-sidebar #spmedical-specialists-filters-form.spmedical-specialists-filters .spmedical-category-search ul > li label {
margin-bottom: 8px;
font-size: 14px;
line-height: 1.45;
font-weight: 400;
margin-left: 0;
padding-left: 0;
}
.spmedical-specialists-search-result .spmedical-sidebar #spmedical-specialists-filters-form.spmedical-specialists-filters .spmedical-category-search ul > li label .checkmark,#spmedical-specialists-filters-form ul>li label .checkmark {
padding-left: 10px;
overflow: visible;
text-overflow: unset;
white-space: normal;
}
.spmedical-specialists-search-result .spmedical-sidebar #spmedical-specialists-filters-form.spmedical-specialists-filters .spmedical-buttons-group {
padding: 0px;
text-align: left
}
.spmedical-specialists-search-result .spmedical-sidebar #spmedical-specialists-filters-form.spmedical-specialists-filters .spmedical-buttons-group .spmedical-btn {
color: #fff;
font-weight: 500;
text-transform: capitalize
}
.spmedical-specialists-search-result .spmedical-sidebar #spmedical-specialists-filters-form.spmedical-specialists-filters .spmedical-buttons-group .spmedical-btn.spmedical-btn-link{
color:var(--link-color);
}
.spmedical-specialists-search-result .spmedical-sidebar #spmedical-specialists-filters-form.spmedical-specialists-filters .spmedical-buttons-group .spmedical-btn.spmedical-submit-button {
font-size: 16px;
padding: 4px 10px;
letter-spacing: 0.01em;
background-color: var(--link-color);
}
.spmedical-specialists-search-result .spmedical-sidebar #spmedical-specialists-filters-form.spmedical-specialists-filters .spmedical-buttons-group .spmedical-btn.spmedical-submit-button:hover, .spmedical-specialists-search-result .spmedical-sidebar #spmedical-specialists-filters-form.spmedical-specialists-filters .spmedical-buttons-group .spmedical-btn.spmedical-submit-button:focus, .spmedical-specialists-search-result .spmedical-sidebar #spmedical-specialists-filters-form.spmedical-specialists-filters .spmedical-buttons-group .spmedical-btn.spmedical-submit-button:active {
background-color: #0345bf
}
.spmedical-specialists-search-result .spmedical-sidebar #spmedical-specialists-filters-form.spmedical-specialists-filters .spmedical-buttons-group .spmedical-btn.spmedical-submit-button:after {
display: none
}
.spmedical-specialists-search-result .spmedical-sidebar #spmedical-specialists-filters-form.spmedical-specialists-filters .spmedical-buttons-group .spmedical-btn.reset-button {
font-size: 13px;
line-height: 24px
}
.spmedical-specialists {
/* max-width: 330px; */
}
.spmedical-specialists .specialist-wrapper {
box-shadow: none;
margin-bottom: 30px;
/* overflow: hidden; */
position: relative;
}
.spmedical-specialists .specialist-wrapper .specialists-img-wrapper {
position: relative;
border-radius: 10px 10px 0 0;
margin: 0;
/* max-width: 260px; */
overflow: hidden;
cursor: pointer;
}
.spmedical-specialists .specialist-wrapper .specialists-img-wrapper:after {
content: "";
position: absolute;
width: 100%;
height: 45%;
left: 0px;
top: unset;
bottom: 0px;
background: none;
opacity: 1
}
.spmedical-specialists .specialist-wrapper .specialists-info-wrapper {
padding: 25px 10px;
text-align: center;
border: 1px solid var(--theme-light);
border-radius: 0 0 10px 10px;
}
.view-specialists .spmedical-specialists .specialist-wrapper .specialists-info-wrapper {
padding: 10px 40px;
text-align: left;
display: flex;
flex-direction: column;
align-items: start;
justify-content: center;
/* background: var(--theme-light); */
border:0;
border-radius:0;
}
.spmedical-specialists .specialist-wrapper .specialists-info-wrapper .specialists-name {
margin-bottom: 15px;
}
.spmedical-specialists .specialist-wrapper .specialists-info-wrapper .specialists-name h3 {
font-size: 18px;
line-height: 1;
font-weight: 500;
margin-bottom: 10px;
font-family: Poppins,sans-serif;
}
.spmedical-specialists .specialist-wrapper .specialists-info-wrapper .specialists-name h3 a {
transition: all 0.3s ease-in-out;
border-bottom: 1px solid transparent
}
.spmedical-specialists .specialist-wrapper .specialists-info-wrapper .specialists-name h3 a:hover {
color: var(--link-color);
/* border-color: var(--text-color); */
}
.spmedical-specialists .specialist-wrapper .specialists-info-wrapper .specialists-designation {
font-size: 13px;
line-height: 1;
font-weight: 300;
color: rgba(6, 25, 59, 0.8);
display: block;
margin-bottom: 5px;
}
.spmedical-specialists .specialist-wrapper .specialist-contact-info {
margin-left: -8px;
}
.view-specialists .spmedical-specialists .specialist-wrapper .specialist-contact-info {
/* margin-top: 50px; */
position: absolute;
top: 50%;
right: 20px;
background: var(--theme-light);
padding: 3px 0;
border-radius: 50px;
width: 41px;
transform: translateY(-50%);
}
.spmedical-specialists .specialist-wrapper .specialist-contact-info .btn {
font-size: 15px;
line-height: 28px;
width: 30px;
height: 30px;
margin: 3px 6px;
padding: 0px;
text-align: center;
display: inline-block;
color: var(--text-color);
background: #fff;
border: 1px solid var(--theme-light-100);
backdrop-filter: blur(25px);
border-radius: 50%;
box-shadow: none;
transition: all 0.3s ease-in-out
}
.view-specialists .spmedical-specialists .specialist-wrapper .specialist-contact-info .btn {
}
.spmedical-specialists .specialist-wrapper .specialist-contact-info .btn:hover {
color: #ffffff;
background-color: var(--text-color)
}
.spmedical-specialists .specialist-wrapper:hover {
box-shadow: none;
}
.spmedical-specialists .specialist-wrapper:hover .specialists-img-wrapper:after {
opacity: 1
}
.mod-spmedical-services.spmedical{
margin:0 -20px;
}
.mod-spmedical-services .spmedical-departments {
margin: 0;
/* margin-top: 15px; */
padding: 15px;
}
.spmedical-departments .spmedical-department-wrap .spmedical-department-img-wrap{
min-height:unset;
}
.jimer-specialist-top-info-wrap .specialist-information {
/* max-width: 742px; */
margin-left: auto;
padding-top: 42px
}
.jimer-specialist-top-info-wrap .specialist-information .specialist-name {
margin-bottom: 30px;
}
.jimer-specialist-top-info-wrap .specialist-information .specialist-name h3 {
font-size: 63px;
line-height: 65px;
font-weight: 500;
letter-spacing: -0.02em;
text-transform: capitalize;
margin: 0px -10% 0px 0px;
}
.jimer-specialist-top-info-wrap .specialist-information .specialist-name span {
max-width: 510px;
display: block;
font-size: 20px;
line-height: 1.5;
font-weight: 500;
text-transform: capitalize;
color: rgba(6, 25, 59, 0.8)
}
.jimer-specialist-top-info-wrap .specialist-information .doctor-location {
display: inline-block;
font-size: 20px;
line-height: 26px;
font-weight: 400;
margin-bottom: 30px;
/* margin-left: 20px; */
display: inline-flex;
border: 1px solid var(--theme-light-100);
padding: 5px 10px;
border-radius: 5px;
background: var(--theme-light);
font-size: 13px;
line-height: 24px;
font-weight: 600;
align-items: center;
}
.jimer-specialist-top-info-wrap .specialist-information .doctor-location span {
font-size: 13px;
line-height: 24px;
font-weight: 600;
/* text-transform: uppercase; */
color: rgba(6, 25, 59, 0.6);
margin-bottom: 0;
display: block;
margin-right: 6px;
}
.jimer-specialist-top-info-wrap .specialist-information .doctor-location span i {
font-size: 18px;
margin-right: 8px;
position: relative;
top: 2px
}
.jimer-specialist-top-info-wrap .specialist-information .appointment-request-wrap {
display: flex;
align-items: center;
padding-bottom: 110px;
}
.jimer-specialist-top-info-wrap .specialist-information .appointment-request-wrap .appointment-button {
/* padding: 0px; */
/* margin-right: 40px; */
}
.jimer-specialist-top-info-wrap .specialist-information .appointment-request-wrap .doctor-phone {
/* font-size: 26px; */
/* line-height: 35px; */
/* font-weight: 400; */
}
.jimer-specialist-top-info-wrap .specialist-information .appointment-request-wrap .doctor-phone span {
font-size: 13px;
line-height: 24px;
font-weight: 600;
text-transform: uppercase;
color: rgba(6, 25, 59, 0.6);
display: block;
margin-bottom: 8px
}
.jimer-specialist-top-info-wrap .specialist-information .appointment-request-wrap .doctor-phone span i {
font-size: 18px;
margin-right: 8px;
position: relative;
top: 2px
}
.jimer-specialist-top-info-wrap .specialist-information .appointment-request-wrap .doctor-phone p {
margin: 0px
}
.jimer-specialist-top-info-wrap .specialist-img {
margin: -74px -132px 0px -10px;
position: relative
}
.jimer-specialist-top-info-wrap .specialist-img:after {
content: "";
position: absolute;
width: 100%;
height: 45%;
left: 0px;
top: unset;
bottom: 0px;
background: linear-gradient(360deg, #ffffff 0%, rgba(255, 255, 255, 0) 86.55%)
}
.jimer-specialist-bottom-info-wrap .bottom-info-wrap-title {
max-width: 275px;
/* margin-left: auto; */
font-size: 30px;
line-height: 36px;
font-weight: 600;
text-transform: capitalize;
margin-top: 0;
}
.specialist-available-hours ul {
padding: 0px;
margin: 0px 0px 60px;
text-align: left;
}
.specialist-available-hours ul li {
list-style: none;
display: inline-block;
position: relative;
padding: 5px 66px 5px 0;
margin-bottom: 16px;
text-align: left;
}
.specialist-available-hours ul li:not(:last-child):after {
content: "";
position: absolute;
height: 100%;
width: 1px;
top: 50%;
right: 33px;
border-right: 1px solid rgba(6, 25, 59, 0.2);
transform: translateY(-50%) rotateZ(18deg)
}
.specialist-available-hours ul li span {
display: block;
color: rgba(6, 25, 59, 0.9)
}
.specialist-available-hours ul li span.date {
font-size: 17px;
line-height: 18px;
font-weight: 500;
margin-bottom: 6px
}
.specialist-available-hours ul li span.time {
font-size: 13px;
line-height: 18px;
font-weight: 400
}
.specialist-intro {
margin-bottom: 34px
}
.specialist-specialties {
margin-bottom: 60px
}
.specialist-specialties .specialist-specialties-title {
font-size: 17px;
line-height: 24px;
font-weight: 600;
text-transform: uppercase;
color: var(--text-dark-blue);
margin-bottom: 8px;
font-family: Poppins,sans-serif;
}
.specialist-specialties .specialist-specialties-title i {
margin-right: 8px
}
.specialist-specialties .specialties ul {
padding: 0px
}
.specialist-specialties .specialties ul li {
display: inline-block;
font-size: 14px;
line-height: 18px;
font-weight: 500;
margin-right: 8px;
padding: 8px 16px;
border-radius: 3px;
margin-bottom: 10px;
background-color: rgba(255, 167, 118, 0.2)
}
.specialist-specialties .specialties ul li:nth-child(odd) {
background-color: rgba(255, 167, 118, 0.2)
}
.specialist-specialties .specialties ul li:nth-child(even) {
background-color: rgba(118, 197, 255, 0.2)
}
.specialist-specialties .specialties ul li:nth-child(3n+0) {
background-color: rgba(178, 118, 255, 0.2)
}
.specialist-education {
margin-bottom: 78px
}
.specialist-education .spmedical-timeline-wrap {
margin-bottom: 32px
}
.specialist-education .spmedical-timeline-wrap .info span {
font-size: 26px;
line-height: 35px;
font-weight: 500;
text-transform: capitalize;
margin-bottom: 4px;
display: block
}
.others-info p {
margin-bottom: 40px
}
.accepted-insurances hr {
max-width: 619px;
margin: 78px 0px 40px;
border: 0px;
background-color: rgba(6, 25, 59, 0.8)
}
.patient-reviews, .years-of-service {
margin-bottom: 65px
}
.patient-reviews i, .years-of-service i {
font-size: 26px;
color: #8776ff;
margin-bottom: 28px
}
.patient-reviews h3, .years-of-service h3 {
font-size: 20px;
line-height: 26px;
font-weight: 500;
margin-bottom: 8px
}
.patient-reviews .specialist-stats, .years-of-service .specialist-stats {
font-weight: 200;
font-size: 68px;
line-height: 74px;
font-family: "Outfit", sans-serif
}
.sppb-addon-articles-carousel .bx-viewport .sppb-articles-carousel-column .sppb-articles-carousel-img {
margin-bottom: 20px
}
.sppb-addon-articles-carousel .bx-viewport .sppb-articles-carousel-column .sppb-articles-carousel-content {
box-shadow: none;
padding: 0px;
margin: 0px
}
.sppb-addon-articles-carousel .bx-viewport .sppb-articles-carousel-column .sppb-articles-carousel-content a {
font-size: 18px;
line-height: 24px;
font-weight: 500;
color: var(--text-color);
margin: 0px
}
.sppb-addon-articles-carousel .bx-viewport .sppb-articles-carousel-column .sppb-articles-carousel-content a:hover {
text-decoration: underline
}
.sppb-addon-articles-carousel .bx-viewport .sppb-articles-carousel-column .sppb-articles-carousel-content .sppb-articles-carousel-meta, .sppb-addon-articles-carousel .bx-viewport .sppb-articles-carousel-column .sppb-articles-carousel-content .sppb-articles-carousel-meta-category {
display: none
}
.sppb-addon-articles-carousel .bx-controls .bx-controls-direction {
position: absolute;
right: 28%
}
.sppb-addon-articles-carousel .bx-controls .bx-controls-direction a {
font-size: 22px;
line-height: 30px;
text-align: center;
width: 32px;
height: 32px;
left: -12px;
color: var(--text-color);
background: rgba(255, 255, 255, 0.8);
border: 1px solid #dddae1;
backdrop-filter: blur(8px);
border-radius: 3px
}
.sppb-addon-articles-carousel .bx-controls .bx-controls-direction a:hover {
color: var(--text-color);
background-color: #eff0fc
}
.sppb-addon-articles-carousel .bx-pager.bx-default-pager {
display: none
}
.article-list {
max-width: 1090px;
margin: auto
}
.article-list .article {
padding: 40px 30px 30px 40px;
margin: 0px 15px 60px;
background: rgba(255, 255, 255, 0.5);
border: 1px solid #dddae1;
backdrop-filter: blur(25px)
}
.article-list .article .article-body .article-info {
margin-bottom: 10px
}
.article-list .article .article-body .article-info span:before {
display: none
}
.article-list .article .article-body .article-info .createdby {
display: none
}
.article-list .article .article-body .article-info .published .title-icon-wrap {
display: none
}
.article-list .article .article-body .article-info .published time {
font-size: 17px;
line-height: 18px;
font-weight: 500;
color: rgba(6, 25, 59, 0.6)
}
.article-list .article .article-body .article-header {
margin-bottom: 22px
}
.article-list .article .article-body .article-header a {
font-size: 26px;
line-height: 35px;
font-weight: 500;
color: var(--text-color);
transition: all 0.3s
}
.article-list .article .article-body .article-header a:hover {
color: var(--text-color);
text-decoration: underline
}
.article-list .article .article-body .article-intro-image {
border-radius: 0px;
margin: 0px -30px 22px -40px;
border: 0px
}
.article-list .article .article-body .article-intro-image img {
border-radius: 0px;
width: 100%
}
.article-list .article .article-body .article-introtext p {
margin-bottom: 35px
}
.article-list .article .article-body .readmore a {
padding-left: 22px;
position: relative
}
.article-list .article .article-body .readmore a:before {
content: "";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 115%;
position: absolute;
left: 0px;
top: -3px;
transform: rotateZ(-45deg)
}
.view-article #sp-main-body {
padding-top: 0px
}
.view-article #sp-main-body .container {
max-width: 100%;
margin: 0px auto
}
.article-details .article-details-top-wraper {
display: flex;
align-items: center;
padding-bottom: 120px
}
.article-details .article-details-top-wraper .article-header {
max-width: 662px;
margin: 45px -150px 0px auto
}
.article-details .article-details-top-wraper .article-header .article-details-title {
font-size: 54px;
line-height: 64px;
font-weight: 500;
color: var(--text-color);
margin-bottom: 34px
}
.article-details .article-details-top-wraper .article-header .article-info {
max-width: 400px;
display: block;
margin-bottom: 0px
}
.article-details .article-details-top-wraper .article-header .article-info span {
display: inline-block;
margin-right: 40px
}
.article-details .article-details-top-wraper .article-header .article-info span .title-icon-wrap {
display: flex;
font-size: 13px;
line-height: 24px;
font-weight: 600;
text-transform: uppercase;
color: rgba(6, 25, 59, 0.6);
margin-bottom: 5px
}
.article-details .article-details-top-wraper .article-header .article-info span .title-icon-wrap i {
margin-right: 8px;
line-height: 1.3;
font-size: 140%
}
.article-details .article-details-top-wraper .article-header .article-info span .title-icon-wrap p {
margin: 0px
}
.article-details .article-details-top-wraper .article-header .article-info span time, .article-details .article-details-top-wraper .article-header .article-info span span {
font-size: 20px;
line-height: 26px;
font-weight: 400
}
.article-details .article-details-top-wraper .article-header .article-info span + span::before {
display: none
}
.article-details .article-details-top-wraper .article-full-image {
margin: 0px -15px 0px 0px
}
.article-details .article-details-top-wraper .article-full-image img {
border-radius: 0px
}
.pagination-wrapper {
display: flex;
justify-content: center !important
}
.pagination-wrapper .pagination-counter {
display: none
}
div.pagination, ul.pagination {
border: 0px;
padding: 0px;
margin: 40px 0px 0px
}
div.pagination li:first-child, div.pagination li:nth-child(2), div.pagination li:last-child, ul.pagination li:first-child, ul.pagination li:nth-child(2), ul.pagination li:last-child {
display: none
}
div.pagination li.page-item, ul.pagination li.page-item {
margin: 0px 4px
}
div.pagination li.page-item span.page-link, div.pagination li.page-item a.page-link, ul.pagination li.page-item span.page-link, ul.pagination li.page-item a.page-link {
font-size: 17px;
font-weight: 500;
padding: 0;
min-width: 40px;
line-height: 38px;
min-height: 40px;
text-align: center;
color: rgba(6, 25, 59, 0.6);
background: rgba(255, 255, 255, 0.8);
border: 1px solid #dddae1;
backdrop-filter: blur(25px);
border-radius: 3px
}
div.pagination li.page-item.active span, ul.pagination li.page-item.active span {
background-color: #eff0fc
}
div.pagination li:last-child.page-item .page-link, div.pagination li.page-item.disabled .page-link, ul.pagination li:last-child.page-item .page-link, ul.pagination li.page-item.disabled .page-link {
font-size: 26px;
border: 0px;
display: none
}
.spmedical-specialist-carousel {
position: relative
}
.spmedical-specialist-carousel .spmedical-specialist:after {
display: none
}
.spmedical-specialist-carousel .spmedical-specialist > .specialist-image {
margin-bottom: 20px;
display: inline-block;
position: relative;
overflow: hidden;
cursor:pointer;
}
.spmedical-specialist-carousel .spmedical-specialist > .specialist-image:before,
.spmedical-specialists .specialist-wrapper .specialists-img-wrapper:before{
content:"";
display:block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0px;
background: url(../images/doktor-bg.jpg) no-repeat scroll center center;
background-size: contain;
transition-duration: 0.4s;
z-index: 0;
/* opacity: 0; */
/* transform: scale(1); */
}
.spmedical-specialist-carousel .spmedical-specialist > .specialist-image:hover:before,
.spmedical-specialists .specialist-wrapper .specialists-img-wrapper:hover:before{
top:0;
/* opacity: 1; */
/* width: 100%; */
transform: scale(1.5);
}
.spmedical-specialist-carousel .spmedical-specialist > .specialist-image:after {
content: "";
/* background: linear-gradient(360deg, #fff 0%, rgba(255, 255, 255, 0) 86.55%); */
display: block;
width: 100%;
height: 120px;
position: absolute;
bottom: 0;
left: 0
}
.specialist-description {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(45deg, rgba(6, 25, 59, 0.85) 0%, rgba(4, 76, 208, 0.85) 100%);
color: #fff;
font-size: 14px;
padding: 25px;
}
.specialist-description .specialist-description-inner{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position:absolute;
left:50%;
top:50%;
transform: translateX(-50%) translateY(-50%);
text-align:center;
width: 80%;
}
.specialist-description .sppb-btn{
margin-top: 20px;
font-weight: 400;
letter-spacing: 0;
line-height: 0;
font-size: 14px;
}
.spmedical-specialist-carousel .spmedical-specialist .medical-specialist-info {
position: relative;
left: 0px;
bottom: 0px;
opacity: 1;
/* visibility: visible; */
padding: 0px
}
.spmedical-specialist-carousel .spmedical-specialist .medical-specialist-info .medical-specialist-name a {
color: #191e1e;
font-weight: 500;
/* line-height: 27px; */
margin-bottom: 8px
}
.spmedical-specialist-carousel .spmedical-specialist .medical-specialist-info .medical-specialist-designation {
font-weight: 400;
font-size: 13px;
line-height: 24px;
color: rgba(25, 30, 30, 0.8);
margin-bottom: 15px
}
.spmedical-specialist-carousel .spmedical-specialist .medical-specialist-info .btn.btn-secondary {
background: rgba(255, 255, 255, 0.5);
border: 1px solid var(--theme-light-100);
backdrop-filter: blur(25px);
border-radius: 3px;
color: var(--link-color);
border-radius: 50%;
height: 40px;
width: 40px;
padding: 0px;
margin-right: 10px;
box-shadow: none;
transition: all 0.3s
}
.spmedical-specialist-carousel .spmedical-specialist .medical-specialist-info .btn.btn-secondary:hover {
color: #ffffff;
background-color: var(--text-color)
}
.spmedical-specialist-carousel .spmedical-specialist:hover {
box-shadow: none!important;
overflow: hidden;
transform: translateY(-10px);
}
.spmedical-specialist-carousel .splide__pagination {
display: none
}
.spmedical-specialist-carousel .splide__arrows {
position: absolute;
right: 0px;
top: -105px;
display: flex
}
.splide__arrows .splide__arrow svg{
fill:var(--text-color)
}
.splide__arrows .splide__arrow,.slick-prev, .slick-next {
/* border-radius: 3px;
background: linear-gradient(45deg, var(--theme-light-100) 35%, var(--theme-light) 100%);
border: 1px solid var(--theme-light-100);*/
/* backdrop-filter: blur(8px); */
}
.splide__arrows .splide__arrow:hover, .spmedical-services-carousel .splide__arrows .splide__arrow:focus,.slick-prev:hover, .slick-next:hover,.slick-prev:focus, .slick-next:focus {
/* background: var(--theme-light-200);
color: #fff;
border-color: var(--theme-light);*/
}
.splide__arrows .splide__arrow:hover svg, .spmedical-services-carousel .splide__arrows .splide__arrow:focus svg{
fill:#fff
}
.slickCarousel:not(.slick-initialized){
display:flex;
visibility:hidden;
}
.spmedical-services-carousel .splide__arrows .splide__arrow.splide__arrow--prev {
left: -40px;
}
.spmedical-services-carousel .splide__arrows .splide__arrow.splide__arrow--next {
right: -40px;
}
.spmedical-services-carousel .splide__pagination__page {
background: #eff0fc;
border: 0;
border-radius: 50%;
display: inline-block;
height: 10px;
margin: 0 .1rem;
padding: 0;
position: relative;
transition: background-color .2s ease,color .2s ease;
width: 10px;
}
.spmedical-services-carousel .splide__pagination__page.is-active {
background: #fff!important;
opacity: 1;
}
.view-spmedical-department .spmedical-title {
font-size: 70px;
font-weight: 400;
line-height: 1.1;
}
.view-spmedical-department .spmedical-title-small {
font-size: 36px
}
.view-spmedical-department .spmedical-department-price-lists > ul {
display: flex;
flex-wrap: wrap
}
.view-spmedical-department .spmedical-department-price-lists > ul > li {
flex: 0 0 50%
}
.view-spmedical-department .spmedical-details {
font-size: 16px;
line-height: 1.5;
}
.view-spmedical-department .spmedical-symptoms ul.nav-tabs {
border-bottom: none
}
.view-spmedical-department .spmedical-symptoms ul.nav-tabs > li {
flex: 1
}
.view-spmedical-department .spmedical-symptoms ul.nav-tabs > li button {
font-weight: 500;
font-size: 26px;
line-height: 35px;
border: 1px solid var(--theme-light-100);
border-radius: 0px;
color: rgba(20, 31, 37, 0.6);
padding: 13px 20px;
width: 100%
}
.view-spmedical-department .spmedical-symptoms ul.nav-tabs > li button:hover, .view-spmedical-department .spmedical-symptoms ul.nav-tabs > li button.active {
background: var(--theme-light);
color: var(--text-dark-blue);
}
.view-spmedical-department .spmedical-specialists .specialist-wrapper .specialists-info-wrapper .specialists-name h3 {
/* font-size: 32px; */
}
.view-spmedical-department ul > li,.view-spmedical-department ol > li {
margin-bottom: 10px;
/* font-weight: 400; */
}
.view-spmedical-department .spmedical-department-cta {
background-color: var(--text-color);
background-image: url(../images/bg-dalga-bottom-left.png);
background-attachment: scroll;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.view-spmedical-department .spmedical-department-cta .tilte {
color: var(--text-color);
font-family: 'Poppins';
font-weight: 400;
}
body.com-spmedical.view-costestimates #sp-footer {
overflow: hidden
}
body.com-spmedical.view-costestimates .spmedical-title {
font-weight: 400;
font-size: 92px;
line-height: 94px;
letter-spacing: -0.02em
}
body.com-spmedical.view-costestimates .body-innerwrapper {
overflow-x: initial
}
body.com-spmedical.view-costestimates .spmedical-total-cost-wrapper {
position: sticky;
top: calc(100vh - 104px);
z-index: 100;
margin-top: 20px
}
body.com-spmedical.view-costestimates .spmedical-total-cost-wrapper .spmedical-test-total-wrap {
background: #8776ff;
box-shadow: 0px 5px 12px rgba(35, 33, 53, 0.15);
border-radius: 40px;
color: #fff;
font-weight: 500;
font-size: 26px;
line-height: 35px;
width: 100%;
max-width: 510px;
text-align: left;
padding: 10px 45px;
border-radius: 100px;
margin: 0 auto
}
body.com-spmedical.view-costestimates .spmedical-total-cost-wrapper .small {
font-size: 13px;
line-height: 1.4;
opacity: 0.6
}
body.com-spmedical.view-costestimates .reset-items {
cursor: pointer;
opacity: 0.6;
transition: 0.3s
}
body.com-spmedical.view-costestimates .reset-items:hover, body.com-spmedical.view-costestimates .reset-items:focus {
opacity: 1
}
body.com-spmedical.view-costestimates .spmedical-costestimates .spmedical-test-list-wrapper {
border: none
}
body.com-spmedical.view-costestimates .spmedical-costestimates .spmedical-test-list-wrapper h3 {
padding: 0 0 25px 0;
font-weight: 500;
font-size: 26px;
line-height: 1.5
}
body.com-spmedical.view-costestimates .spmedical-costestimates .spmedical-test-list-wrapper .spmedical-test-list {
padding: 25px 0 0 0
}
body.com-spmedical.view-costestimates .spmedical-costestimates .spmedical-test-list {
display: flex;
flex-wrap: wrap
}
body.com-spmedical.view-costestimates .spmedical-costestimates .spmedical-test-list > div {
flex: 0 0 33.3333%;
max-width: 33.3333%;
margin-bottom: 40px;
padding-right: 30px
}
body.com-spmedical.view-costestimates .spmedical-costestimates .custom-checkbox {
display: flex
}
body.com-spmedical.view-costestimates .spmedical-costestimates .custom-checkbox input.cost-checkbox {
width: 20px;
height: 20px;
opacity: 0.7
}
body.com-spmedical.view-costestimates .spmedical-costestimates .custom-checkbox .checkmark {
position: relative;
top: -5px;
line-height: 1.4
}
body.com-spmedical.view-costestimates .spmedical-costestimates .cost-price {
padding-left: 35px;
opacity: 0.6;
font-size: 14px
}
body.com-spmedical.view-costestimates .spmedical-costestimates .spmedical-service-tests > div > div {
margin-bottom: 50px
}
body.com-spmedical.view-costestimates .spmedical-costestimates .spmedical-services-list {
max-width: 550px;
margin: 0 auto
}
body.com-spmedical.view-costestimates .spmedical-costestimates .spmedical-services-list h3 {
font-weight: 500;
font-size: 17px;
line-height: 1.3
}
body.com-spmedical.view-costestimates .spmedical-costestimates .spmedical-services-list .spmedical-select {
background: rgba(242, 241, 249, 0.6);
padding: 12px 25px;
color: #000
}
.spmedical-department-wrap:before {
content: "\f062";
font-family: "Font Awesome 5 Free";
position: absolute;
right: 35px;
top: 35px;
opacity: 0;
visibility: hidden;
transition: all .3s ease;
z-index: 7;
font-weight: 900;
color: #fff;
transform: rotate(45deg);
}
.spmedical-department-wrap:hover:before {
opacity: 1;
visibility: visible;
top: 25px;
right: 25px;
}
.spmedical-departments .spmedical-department-wrap.has-image {
-webkit-box-shadow: 10px 10px 0px 0 rgba(207, 221, 244, 0.5);
box-shadow: 10px 10px 0px 0 rgba(207, 221, 244, 0.5);
}
.spmedical-departments:hover .spmedical-department-wrap.has-image {
-webkit-box-shadow: none;
box-shadow: none;
}
.spmedical-departments .spmedical-department-wrap .spmedical-department-content .spmedical-department-title{
text-transform:none;
font-weight: 500;
max-width: max-content;
}
.spmedical-departments .spmedical-department-wrap .spmedical-department-content .spmedical-department-title{
text-transform:none;
font-weight: 500;
max-width: max-content;
font-size: 20px;
}
.spmedical-departments .spmedical-department-wrap>a:before {
background-image: linear-gradient(-180deg,rgba(4, 76, 208,0) 3%, rgba(6, 25, 59,1) 95%);
z-index:2;
}
.spmedical-departments:hover .spmedical-department-wrap>a:before {
background-image: linear-gradient(-180deg,rgba(4, 76, 208,0.5) 3%, rgba(6, 25, 59,1) 95%);
background-color:transparent;
}
.spmedical-departments:hover .spmedical-department-img-wrap img{
filter: blur(6px);
}
.spmedical-departments .spmedical-department-wrap>a .spmedical-department-content{
z-index:3;
}
.spmedical-departments .spmedical-department-wrap>a .spmedical-department-content .spmedical-department-details{
display: none;
/* -webkit-transition: height .3s linear, padding-top .3s linear; */
/* transition: height .3s linear, padding-top .3s linear; */
/* height:0; */
/* padding-top:0; */
/* padding-bottom:0; */
/* margin-top:0; */
/* margin-bottom:0; */
/* overflow: hidden; */
padding-top:10px;
transition:none
}
/*.spmedical-departments .spmedical-department-wrap>a:hover .spmedical-department-content .spmedical-department-details{
display:block;
height:auto;
padding-top:10px;
}*/
.splide_arrows .splide__arrow--next {
/* top: -65px; */
/* position: absolute; */
right: -45px;
color: #fff;
background: var(--link-color);
opacity: 1;
border-radius: 5px;
}
.tedaviler-home .splide__slide.is-next, .tedaviler-home .splide__slide.is-prev {
/* opacity: 0; */
}
.view-spmedical-departments.spmedical-departments-list .accordion-item {
border: 1px solid transparent;
border-radius: 3px
}
.accordion-button{
cursor:pointer;
-webkit-border-radius: 0;
border-radius: 0;
}
.view-spmedical-departments.spmedical-departments-list .accordion-button {
background: #eff0fb;
box-shadow: none;
padding: 22px 35px;
transition: 0.3s
}
.view-spmedical-departments.spmedical-departments-list .accordion-button:not(.collapsed)::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}
.view-spmedical-departments.spmedical-departments-list .accordion-button:not(.collapsed) {
color: #000
}
.view-spmedical-departments.spmedical-departments-list .accordion-button.collapsed {
background: transparent;
border: 1px solid #dddae1
}
.view-spmedical-departments.spmedical-departments-list .accordion-button:hover {
background: #eff0fb;
text-decoration: underline
}
.view-spmedical-departments.spmedical-departments-list .accordion-button img {
max-width: 40px
}
.view-spmedical-departments.spmedical-departments-list .accordion-header {
font-size: 36px;
color: #000;
margin-left: 20px;
font-weight: 400
}
.view-spmedical-departments.spmedical-departments-list .accordion-collapse {
background: transparent;
transition: 0.3s;
background: #eff0fb
}
.view-spmedical-departments.spmedical-departments-list .spmedical-department-content > div > span {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 18px;
font-weight: 400
}
.view-spmedical-departments.spmedical-departments-list .accordion-body {
padding: 15px 35px 35px 35px
}
.spmedical-schedules {
padding-top: 60px
}
.spmedical-schedules thead {
background: rgba(242, 241, 249, 0.6)
}
.spmedical-schedules thead th {
font-weight: 500;
font-size: 16px;
line-height: 24px;
text-transform: uppercase;
color: rgba(20, 31, 37, 0.6)
}
.spmedical-schedules tbody > tr > td:first-child {
background: rgba(242, 241, 249, 0.6);
font-weight: 400;
font-size: 16px;
line-height: 20px;
color: rgba(20, 31, 37, 0.6);
max-width: 96px;
min-width: auto;
vertical-align: middle;
padding: 15px 16px
}
.spmedical-schedules .spmedical-table td {
padding: 15px 10px
}
.spmedical-schedules .content-wrapper {
display: flex;
padding: 3px;
border-radius: 21px;
border: 1px solid rgba(139, 92, 246, 0.4);
background: rgba(139, 92, 246, 0.1);
width: 150px;
max-width: 150px;
align-items: center
}
.spmedical-schedules .content-wrapper.bg-green {
border-color: #77d6a4;
background: rgba(16, 185, 129, 0.1)
}
.spmedical-schedules .content-wrapper.bg-green:hover {
background: rgba(16, 185, 129, 0.1)
}
.spmedical-schedules .content-wrapper.bg-red {
background: rgba(244, 63, 94, 0.1);
border-color: #fb8989
}
.spmedical-schedules .content-wrapper.bg-red:hover {
background: rgba(244, 63, 94, 0.1)
}
.spmedical-schedules .content-wrapper:not(:last-child) {
margin-bottom: 8px
}
.spmedical-schedules .content-wrapper img {
width: 34px;
height: 34px;
border-radius: 100%;
padding: 0px;
flex: 1 0 34px;
margin-right: 8px;
max-width: 34px;
object-fit: cover;
background: #a3d7a2;
object-position: top
}
.spmedical-schedules .content-wrapper h3 {
font-weight: 500;
font-size: 13px;
line-height: 15px;
color: #191e1e
}
.spmedical-schedules .content-wrapper h4 {
display: none
}
.spmedical-schedules .content-wrapper .details-info {
padding: 0px;
max-width: 188px;
border-radius: 3px;
text-align: center;
background: #ffffff !important;
box-shadow: 0px 5px 12px rgba(35, 33, 53, 0.15);
width: 188px;
bottom: calc(100% + 10px);
display: none
}
.spmedical-schedules .content-wrapper .details-info:after {
content: "";
position: absolute;
left: -8px;
top: -2px;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-bottom: 12px solid #c7b2f9;
transform: rotate(-45deg)
}
.spmedical-schedules .content-wrapper .details-info:before {
transform: rotate(0deg);
transform-origin: 0 0;
box-sizing: border-box;
margin-left: -15px;
position: absolute;
left: 50%;
bottom: -16px;
z-index: 10;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 8px solid #ffffff;
border-color: #fff transparent transparent !important
}
.spmedical-schedules .content-wrapper .details-info .special-in {
font-weight: 400;
font-size: 13px;
line-height: 18px;
color: rgba(25, 30, 30, 0.8);
padding: 16px 16px 16px 16px;
border-bottom: 1px solid rgba(25, 30, 30, 0.1)
}
.spmedical-schedules .content-wrapper .details-info a {
font-weight: 500;
font-size: 13px;
line-height: 24px;
color: #191e1e;
padding: 6px 0px;
display: inline-block
}
.spmedical-schedules .content-wrapper .details-info a:hover {
text-decoration: underline
}
.spmedical-schedules .content-wrapper .details-info a i {
margin-right: 4px;
transform: rotate(45deg)
}
.spmedical-schedules .content-wrapper:hover {
background: rgba(139, 92, 246, 0.1);
cursor: pointer
}
.spmedical-schedules .content-wrapper:hover .details-info {
display: none;
animation: none
}
.spmedical-schedules .content-wrapper.show .details-info {
display: block !important
}
.spmedical-schedules .content-wrapper:nth-child(n) img {
background: #a3d7a2
}
.spmedical-schedules .content-wrapper:nth-child(2n) img {
background: #b79be3
}
.spmedical-schedules .content-wrapper:nth-child(3n) img {
background: #e0b596
}
.spmedical-schedules .content-wrapper:nth-child(4n) img {
background: #9bd2e3
}
.table-bordered > :not(caption) > * {
border: 1px solid rgba(25, 30, 30, 0.1)
}
.home-diagnostic-search .awesomplete {
position: relative
}
.home-diagnostic-search .awesomplete:before {
content: "";
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: absolute;
left: 18px;
top: 50%;
margin-top: -12px
}
.home-diagnostic-search .awesomplete input {
text-indent: 30px
}
.home-diagnostic-search .icon-search {
display: none
}
.home-diagnostic-article .sppb-addon-article .sppb-article-img-wrap {
margin-bottom: 20px;
display: inline-block
}
.home-diagnostic-article .sppb-addon-article .sppb-article-info-wrap h3 {
font-weight: 500;
font-size: 26px;
line-height: 35px;
text-transform: capitalize;
margin-bottom: 8px
}
.home-diagnostic-article .sppb-addon-article .sppb-article-info-wrap h3 a {
color: var(--text-color)
}
.home-diagnostic-article .sppb-addon-article .sppb-article-info-wrap h3:hover {
text-decoration: underline
}
.home-diagnostic-article .sppb-addon-article .sppb-article-info-wrap .sppb-article-introtext {
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: rgba(25, 30, 30, 0.8);
border-bottom: 1px solid #dddae1;
padding-bottom: 30px;
margin-bottom: 15px
}
.home-diagnostic-article .sppb-addon-article .sppb-article-info-wrap .sppb-readmore {
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: #191e1e;
position: relative;
padding-left: 25px
}
.home-diagnostic-article .sppb-addon-article .sppb-article-info-wrap .sppb-readmore:before {
content: "";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 110%;
position: absolute;
left: 0px;
top: 0px;
transform: rotateZ(-45deg)
}
.home-diagnostic-article .sppb-addon-article .sppb-article-info-wrap .sppb-readmore:hover {
color: #0345bf
}
.view-article #sp-position1 {
display: none
}
.spmedical.view-spmedical-appointments .spmedical-specialist-appointment {
box-shadow: none
}
.spmedical.view-spmedical-appointments .spmedical-specialist-appointment-form {
padding: 0
}
.spmedical.view-spmedical-appointments .spmedical-specialist-appointment-form .title {
text-align: left;
font-weight: 400;
font-size: 92px;
line-height: 1;
letter-spacing: -0.02em;
color: var(--text-color);
}
.spmedical.view-spmedical-appointments .spmedical-specialist-appointment-form .desc {
font-weight: 400;
font-size: 20px;
line-height: 1.5
}
.spmedical.view-spmedical-appointments .spmedical-specialist-appointment-form #spmedical-specialist-appintment-from {
margin-top: 120px
}
.spmedical.view-spmedical-appointments .spmedical-specialist-appointment-form #spmedical-specialist-appintment-from h3 {
font-weight: 600;
font-size: 36px;
line-height: 1.4;
text-align: left
}
.spmedical.view-spmedical-appointments .spmedical-specialist-appointment-form #spmedical-specialist-appintment-from label, .spmedical.view-spmedical-appointments .spmedical-specialist-appointment-form #spmedical-specialist-appintment-from .label {
font-weight: 500;
font-size: 17px;
line-height: 1.4
}
.spmedical.view-spmedical-appointments .spmedical-specialist-appointment-form #spmedical-specialist-appintment-from .custom-checkbox input:checked + label {
background-color: var(--link-color);
border: 1px solid #dddae1;
color: #fff
}
.spmedical.view-spmedical-appointments .spmedical-specialist-appointment-form #spmedical-specialist-appintment-from .custom-checkbox > label {
border: 1px solid #dddae1;
box-sizing: border-box;
border-radius: 3px !important;
margin-right: 35px;
width: 120px;
padding: 10px;
color: rgba(20, 31, 37, 0.6)
}
.spmedical.view-spmedical-appointments .spmedical-specialist-appointment-form #spmedical-specialist-appintment-from .custom-checkbox > label.active, .spmedical.view-spmedical-appointments .spmedical-specialist-appointment-form #spmedical-specialist-appintment-from .custom-checkbox > label:hover, .spmedical.view-spmedical-appointments .spmedical-specialist-appointment-form #spmedical-specialist-appintment-from .custom-checkbox > label:focus {
background-color: var(--link-color);
border: 1px solid #dddae1;
color: #fff
}
.spmedical.view-spmedical-appointments .spmedical-specialist-appointment-form #spmedical-specialist-appintment-from .custom-checkbox.visiting-option > label {
width: 160px
}
.spmedical.view-spmedical-appointments .spmedical-specialist-appointment-form #spmedical-specialist-appintment-from .input-field:not(:last-child) {
margin-bottom: 20px;
}
.spmedical.view-spmedical-appointments .spmedical-specialist-appointment-form #spmedical-specialist-appintment-from .divider {
height: 5px;
border-radius: 3px;
background-color: rgba(242, 241, 249, 0.6);
border: none !important;
opacity: 1;
margin-top: 50px;
margin-bottom: 50px;
}
.spmedical.view-spmedical-appointments .spmedical-specialist-appointment-form #spmedical-specialist-appintment-from textarea, .spmedical.view-spmedical-appointments .spmedical-specialist-appointment-form #spmedical-specialist-appintment-from .custom-combobox-input {
background: rgba(239, 240, 252, 0.6)
}
.spmedical.view-spmedical-appointments .spmedical-specialist-appointment-form #spmedical-specialist-appintment-from .custom-combobox .custom-combobox-toggle {
color: #8b8b8b
}
.spmedical.view-spmedical-appointments .spmedical-specialist-appointment-form #spmedical-specialist-appintment-from .custom-combobox .custom-combobox-toggle:hover {
color: #000
}
.spmedical.view-spmedical-appointments .spmedical-specialist-appointment-form #spmedical-specialist-appintment-from .checkbox-text {
font-weight: 400;
font-size: 13px;
line-height: 18px;
color: rgba(25, 30, 30, 0.8)
}
.spmedical.view-spmedical-appointments .spmedical-specialist-appointment-form #spmedical-specialist-appintment-from .tac-text {
display: flex
}
.spmedical.view-spmedical-appointments .spmedical-specialist-appointment-form #spmedical-specialist-appintment-from .tac-text input {
margin-top: 5px;
margin-right: 10px
}
.jimer-advance-carousel .splide__slide {
background: rgba(255, 255, 255, 0.5);
border: 1px solid #dddae1;
backdrop-filter: blur(25px);
border-radius: 3px;
max-width: 550px;
padding: 35px 30px 0px 35px
}
.jimer-advance-carousel .sppb-testimonial-carousel-message {
font-style: italic
}
.jimer-advance-carousel .splide__arrows, .sppb-addon-clients.splide .splide__arrows--ttb {
position: absolute;
right: -30px;
}
.jimer-advance-carousel .splide__arrows .splide__arrow, .sppb-addon-clients.splide .splide__arrows .splide__arrow {
/*background: linear-gradient(45deg, var(--theme-light-100) 35%, var(--theme-light) 100%);
border: 1px solid var(--theme-light-100);*/
/* backdrop-filter: blur(25px); */
border-radius: 3px;
transform: translate(0px);
position: relative;
left: 0px;
right: 0px;
bottom: 0px;
top: 0px
}
.jimer-advance-carousel .splide__arrows .splide__arrow.splide__arrow--next, .sppb-addon-clients.splide .splide__arrows .splide__arrow.splide__arrow--next {
top: 15px
}
.jimer-advance-carousel .splide__pagination {
display: none
}
.jimer-advance-carousel .splide__track:after {
content: "";
width: 100%;
height: 238px;
position: absolute;
display: block;
background: linear-gradient(360deg, #ffffff 0%, rgba(255, 255, 255, 0) 86.55%);
max-width: 550px;
bottom: 0px
}
.view-search .finder #search-form .awesomplete input.js-finder-search-query {
padding: 27px 20px;
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important
}
.com-media.contentpane {
padding: 10px !important
}
.com-media .well {
background: #f5f5f5;
padding: 20px;
border-radius: 4px;
margin-bottom: 10px
}
.com-media .well .row {
margin: 0;
padding: 0
}
.com-media .well .row > div:first-child {
width: calc(100% - 200px)
}
.com-media .well .row > div:last-child {
width: 200px;
float: right;
text-align: right;
padding-top: 30px
}
.com-media .well .row #folderlist {
display: inline-block
}
.com-media .well .row #upbutton {
display: none
}
.com-media.view-imagesList {
padding: 0px 0px 10px 0 !important
}
.com-media.view-imagesList:before {
content: " ";
display: table
}
.com-media.view-imagesList:after {
display: block;
clear: both;
content: ""
}
.com-media.view-imagesList ul.manager {
list-style: none;
padding: 0;
margin: 0
}
.com-media.view-imagesList ul.manager > li.thumbnail {
width: 110px;
float: left
}
.com-media.view-imagesList ul.manager > li.thumbnail > a {
}
.com-media.view-imagesList ul.manager > li.thumbnail > a.selected {
border: 2px solid green;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0
}
.com-media.view-imagesList ul.manager > li.thumbnail > a > div:first-child {
height: 60px;
margin-bottom: 10px;
text-align: center
}
.com-media.view-imagesList ul.manager > li.thumbnail > a > div:first-child > span {
display: inline-block;
width: 60px;
height: 40px;
margin: 0 auto;
margin-top: 25px;
position: relative;
background-color: #92ceff;
border-radius: 0 5px 5px 5px
}
.com-media.view-imagesList ul.manager > li.thumbnail > a > div:first-child > span:before {
content: "";
width: 50%;
height: 12px;
border-radius: 0 20px 0 0;
background-color: #92ceff;
position: absolute;
top: -12px;
left: 0px
}
.com-media.view-imagesList ul.manager > li.thumbnail > a > div:first-child img {
display: inline-block
}
.sp-megamenu-parent {
list-style: none;
padding: 0;
margin: 0 -15px;
z-index: 99;
display: block;
float: right;
position: relative
}
.sp-megamenu-parent .sp-menu-item > a img, .sp-megamenu-parent .sp-menu-item > span img {
display: inline-block
}
.sp-megamenu-parent > li {
display: inline-block;
position: relative;
padding: 0
}
.sp-megamenu-parent > li:after {
content: "";
display: inline-block;
position: absolute;
left: 50%;
bottom: 0px;
transform: translateX(-50%);
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid var(--link-color);
visibility: hidden;
opacity: 0;
transition: all 0.3s ease-in-out
}
.sp-megamenu-parent > li.menu-justify {
position: static;
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
display: inline-block;
padding: 0 25px;
line-height: 90px;
font-size: 15px;
margin: 0;
font-weight: 500;
text-transform: uppercase;
}
.sp-megamenu-parent > li:last-child > a {
/*padding: 0px 0px 0px 15px*/
}
.sp-megamenu-parent > li.active a, .sp-megamenu-parent > li:hover a {
font-weight: 500
}
.sp-megamenu-parent > li.active:after, .sp-megamenu-parent > li:hover:after {
visibility: visible;
opacity: 1
}
.sp-megamenu-parent > li .sp-menu-badge {
height: 20px;
line-height: 20px;
padding: 0 5px;
font-size: 10px;
letter-spacing: 1px;
display: inline-block;
text-transform: uppercase;
background: #d60000;
color: #fff;
border-radius: 3px
}
.sp-megamenu-parent .sp-module {
padding: 10px
}
.sp-megamenu-parent .sp-mega-group {
list-style: none;
padding: 0;
margin: 0;
/* border-right: 1px solid var(--theme-light); */
position: relative;
}
.sp-megamenu-parent .sp-mega-group > li > a {
display: flex;
text-transform: uppercase;
font-size: 14px;
font-weight: 400;
/* margin-bottom: 10px; */
align-items: center;
/* max-width: 50%; */
line-height: 17px;
/* border-bottom: 1px solid; */
padding-top: 10px;
padding-bottom: 10px;
transition: all 0.3s;
}
.sp-megamenu-parent .sp-mega-group > li > a > span {
font-size: 25px;
color: var(--link-color);
text-align: center;
width: 35px;
height: 35px;
line-height: 35px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.sp-megamenu-parent .sp-mega-group > li + li > a {
border-top: 1px solid var(--theme-light);
}
.sp-megamenu-parent .sp-mega-group .sp-mega-group-child {
list-style: none;
padding: 0;
margin: 0
}
.sp-megamenu-parent .sp-dropdown {
margin: 0;
position: absolute;
z-index: 10;
display: none
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
padding: 20px;
border-radius: 0 0 10px 10px;
border-top: 3px solid var(--link-color);
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner > .row:not(:first-child) {
margin-top: 20px
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-items {
list-style: none;
padding: 0;
margin: 0
}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-main {
top: 100%
}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-sub {
top: 0
}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-sub .sp-dropdown-inner {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2)
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item {
display: block;
padding: 0;
position: relative
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item:after {
content: "";
display: inline-block;
position: absolute;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
border-left: 7px solid var(--link-color);
left: -20px;
top: 15px;
visibility: hidden;
opacity: 0;
transition: all 0.3s ease-in-out
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active:after, .sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover:after {
visibility: visible;
opacity: 1
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {
font-size: 14px;
line-height: 1.6;
display: inline-block;
padding: 8px 0;
cursor: pointer;
text-transform: uppercase;
font-weight: 400;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a.sp-group-title, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge).sp-group-title {
text-transform: uppercase;
font-weight: bold
}
.sp-megamenu-parent .sp-dropdown .sp-module {
padding: 0
}
.sp-megamenu-parent .sp-dropdown .sp-module .sp-module-title {
font-size: 15px;
margin: 0 0 15px;
text-transform: uppercase;
font-weight: bold
}
.sp-megamenu-parent .sp-dropdown .sp-module .latestnews {
margin: 0
}
.sp-megamenu-parent .sp-dropdown .sp-module .latestnews > li:not(:last-child) {
margin: 0 0 15px
}
.sp-megamenu-parent .sp-dropdown .sp-module .latestnews > li a {
font-size: 14px
}
.sp-megamenu-parent .sp-dropdown .sp-module .latestnews > li a span {
opacity: 0.8
}
.sp-megamenu-parent .sp-dropdown-mega > .row {
margin-top: 30px
}
.sp-megamenu-parent .sp-dropdown-mega > .row:first-child {
margin-top: 0
}
.sp-megamenu-parent .sp-dropdown-mega .sp-module {
margin-left: 0px !important
}
.sp-megamenu-parent .sp-has-child:hover > .sp-dropdown {
display: block
}
.sp-megamenu-parent.menu-animation-fade .sp-has-child:hover > .sp-dropdown {
animation: spFadeIn 600ms
}
.sp-megamenu-parent.menu-animation-fade-up .sp-has-child:hover > .sp-dropdown {
animation: spFadeInUp 400ms ease-in
}
.sp-megamenu-parent.menu-animation-fade-down .sp-has-child:hover > .sp-dropdown {
animation: spFadeInDown 400ms ease-in
}
.sp-megamenu-parent.menu-animation-zoom .sp-has-child:hover > .sp-dropdown {
animation: spZoomIn 300ms
}
.sp-megamenu-parent.menu-animation-rotate .sp-has-child:hover > .sp-dropdown {
animation: spRotateIn 300ms
}
.sp-megamenu-parent.menu-animation-pulse .sp-has-child:hover > .sp-dropdown {
animation: spPulse 300ms
}
.offcanvas-menu .hide-on-offcanvas {
display: none !important
}
body.ltr .sp-megamenu-parent > li.sp-has-child > a:after, body.ltr .sp-megamenu-parent > li.sp-has-child > span:after {
font-family: "Font Awesome 5 Free";
content: "";
float: right;
margin-left: 7px;
font-weight: 900
}
body.ltr .sp-megamenu-parent > li .sp-menu-badge.sp-menu-badge-right {
margin-left: 5px
}
body.ltr .sp-megamenu-parent > li .sp-menu-badge.sp-menu-badge-left {
margin-right: 5px
}
body.ltr .sp-megamenu-parent .sp-dropdown .sp-dropdown-items .sp-has-child > a:after {
font-family: "Font Awesome 5 Free";
content: "";
float: right;
margin-left: 7px;
font-weight: 900
}
body.ltr .sp-megamenu-parent .sp-dropdown.sp-menu-center {
margin-left: 45px
}
body.ltr .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-right {
left: 0
}
body.ltr .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-full {
left: auto;
right: 0
}
body.ltr .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-left {
right: 0
}
body.ltr .sp-megamenu-parent .sp-dropdown.sp-dropdown-sub {
left: 100%
}
#offcanvas-toggler {
display: inline-flex;
align-items: center;
height: 90px;
line-height: 90px;
font-size: 20px
}
#offcanvas-toggler > span:hover {
color: #fff
}
.offcanvas-init {
overflow-x: hidden;
position: relative
}
.offcanvas-active .offcanvas-overlay {
visibility: visible;
opacity: 1
}
.offcanvas-overlay {
background: rgba(0, 0, 0, 0.5);
bottom: 0;
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
z-index: 9999;
visibility: hidden;
-webkit-transition: 0.4s;
transition: 0.4s;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px)
}
.body-wrapper {
position: relative;
-webkit-transition: 0.4s;
transition: 0.4s;
backface-visibility: hidden
}
.close-offcanvas {
position: absolute;
top: 25px;
z-index: 1
}
.offcanvas-menu {
width: 300px;
height: 100%;
position: fixed;
top: 60px;
overflow: inherit;
-webkit-transition: all 0.4s;
transition: all 0.4s;
z-index: 10000
}
.offcanvas-menu #offcanvas-toggler {
display: none !important
}
.offcanvas-menu .offcanvas-inner {
padding: 25px
}
.offcanvas-menu .offcanvas-inner .header-modules {
margin-left: 0px
}
.offcanvas-menu .offcanvas-inner .finder {
margin-bottom: 10px
}
.offcanvas-menu .offcanvas-inner .sp-sign-in {
position: relative;
top: 10px
}
.offcanvas-menu .offcanvas-inner .sp-sign-in .signin-text {
display: none !important
}
.offcanvas-menu .offcanvas-inner .sp-profile-wrapper .user-text {
display: none !important
}
.offcanvas-menu .offcanvas-inner .sp-contact-info, .offcanvas-menu .offcanvas-inner .social-icons {
font-size: 14px
}
.offcanvas-menu .offcanvas-inner .sp-contact-info > li > a, .offcanvas-menu .offcanvas-inner .social-icons > li > a {
opacity: 0.7
}
.offcanvas-menu .offcanvas-inner .sp-contact-info > li > a:hover, .offcanvas-menu .offcanvas-inner .sp-contact-info > li > a:focus, .offcanvas-menu .offcanvas-inner .social-icons > li > a:hover, .offcanvas-menu .offcanvas-inner .social-icons > li > a:focus {
opacity: 1
}
.offcanvas-menu .offcanvas-inner .sp-contact-info {
margin-top: 20px
}
.offcanvas-menu .offcanvas-inner .sp-contact-info > li:not(:last-child) {
margin-bottom: 10px
}
.offcanvas-menu .offcanvas-inner .sp-module {
padding: 0;
margin: 0
}
.offcanvas-menu .offcanvas-inner .sp-module:not(:last-child) {
margin-right: 20px
}
.offcanvas-menu .offcanvas-inner .sp-module .sp-module-title {
font-size: 1rem;
font-weight: bold
}
.offcanvas-menu .offcanvas-inner .sp-module:not(:last-child) {
margin-bottom: 20px
}
.offcanvas-menu .offcanvas-inner .sp-module .awesomplete {
width: 210px
}
.offcanvas-menu .offcanvas-inner ul.menu, .offcanvas-menu .offcanvas-inner ul.menu ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 0;
margin: 0;
margin: 0 0 15px 0;
list-style: none
}
.offcanvas-menu .offcanvas-inner ul.menu > li {
border: 0;
padding: 0;
margin: 0;
position: relative;
overflow: hidden;
display: block;
font-weight: 600
}
.offcanvas-menu .offcanvas-inner ul.menu > li > a, .offcanvas-menu .offcanvas-inner ul.menu > li > span {
display: block;
padding: 10px 0px;
position: relative;
opacity: 0.8;
transition: 0.3s;
font-weight: 500;
font-size: 15px;
line-height: 24px;
text-transform: uppercase
}
.offcanvas-menu .offcanvas-inner ul.menu > li > a:hover, .offcanvas-menu .offcanvas-inner ul.menu > li > span:hover {
opacity: 1
}
.offcanvas-menu .offcanvas-inner ul.menu > li ul.menu-child {
display: none
}
.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > a > .menu-toggler, .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > .menu-separator > .menu-toggler {
display: block;
position: absolute;
top: 50%;
cursor: pointer;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
padding: 10px
}
.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > a > .menu-toggler:after, .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > .menu-separator > .menu-toggler:after {
font-family: "Font Awesome 5 Free";
content: "";
font-weight: 900
}
.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent li.menu-parent > a {
position: relative;
display: block
}
.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent li.menu-parent .menu-toggler {
right: -10px;
display: block;
position: absolute;
top: 50%;
cursor: pointer;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
padding: 2px 10px
}
.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent li.menu-parent .menu-toggler:after {
font-family: "Font Awesome 5 Free";
content: "";
font-weight: 900
}
.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent li.menu-parent.menu-parent-open .menu-toggler:after {
content: ""
}
.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent.menu-parent-open > a > .menu-toggler:after, .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent.menu-parent-open > .menu-separator > .menu-toggler:after {
font-family: "Font Awesome 5 Free";
content: "";
font-weight: 900
}
.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent.menu-parent-open > .nav-header > .menu-toggler:after {
font-family: "Font Awesome 5 Free";
content: "";
font-weight: 900
}
.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > .nav-header > .menu-toggler {
display: block;
position: absolute;
top: 50%;
cursor: pointer;
transform: translateY(-50%);
-webkit-transform: translateY(-50%)
}
.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > .nav-header > .menu-toggler:after {
font-family: "Font Awesome 5 Free";
content: "";
font-weight: 900
}
.offcanvas-menu .offcanvas-inner ul.menu > li > ul {
display: none
}
.offcanvas-menu .offcanvas-inner ul.menu > li > ul li a {
font-size: 13px;
padding: 10px 0 10px 0;
line-height: 15px;
font-weight: 400;
display:flex;
align-items:center;
}
.offcanvas-menu .offcanvas-inner ul.menu > li > ul li a > span{
font-size:20px
}
.offcanvas-menu .offcanvas-inner ul.menu > li > ul li a:hover >span {
color:var(--link-hover-color);
}
.offcanvas-menu.border-menu .offcanvas-inner ul.menu > li {
border-bottom: 1px solid var(--theme-light);
margin-bottom: 0
}
.offcanvas-menu.border-menu .offcanvas-inner ul.menu > li > a {
padding: 15px 30px 15px 10px
}
.offcanvas-menu.border-menu .offcanvas-inner ul.menu ul {
padding-bottom: 15px
}
.offcanvas-menu.border-menu .offcanvas-inner ul.menu > li > ul > li+li{
border-top:1px solid var(--theme-light);
}
.offcanvas-menu.center-alignment .offcanvas-inner {
padding: 0px 15px
}
body.ltr #offcanvas-toggler.offcanvas-toggler-right {
float: right;
margin-left: 20px
}
body.ltr #offcanvas-toggler.offcanvas-toggler-left {
float: left;
margin-right: 20px;
}
body.ltr.offcanvs-position-left .body-wrapper {
left: 0
}
body.ltr.offcanvs-position-left .offcanvas-menu {
left: -300px;
top: 0
}
body.ltr.offcanvs-position-left.offcanvas-active .offcanvas-menu {
left: 0;
top: 0;
margin: 0px
}
body.ltr.offcanvs-position-right .body-wrapper {
right: 0
}
body.ltr.offcanvs-position-right .offcanvas-menu {
right: -300px;
top: 0
}
body.ltr.offcanvs-position-right.offcanvas-active .offcanvas-menu {
right: 0;
top: 0
}
body.ltr .close-offcanvas {
right: 15px
}
body.ltr .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > a > .menu-toggler, body.ltr .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > .menu-separator > .menu-toggler {
right: -10px
}
body.ltr .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > .nav-header > .menu-toggler {
right: -10px
}
body.ltr .offcanvas-menu .offcanvas-inner ul.menu > li ul {
margin-left: 10px
}
@keyframes spFadeIn {
from {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes spFadeInUp {
0% {
opacity: 0;
transform: translateY(20px)
}
100% {
opacity: 1;
transform: translateY(0)
}
}
@keyframes spFadeInDown {
0% {
opacity: 0;
transform: translateY(-20px)
}
100% {
opacity: 1;
transform: translateY(0)
}
}
@keyframes spZoomIn {
0% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3)
}
100% {
opacity: 1
}
}
@keyframes spRotateIn {
from {
transform-origin: center;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0
}
to {
transform-origin: center;
transform: none;
opacity: 1
}
}
@keyframes spPulse {
from {
opacity: 0;
transform: scale3d(1, 1, 1)
}
50% {
opacity: 0.5;
transform: scale3d(1.05, 1.05, 1.05)
}
to {
opacity: 1;
transform: scale3d(1, 1, 1)
}
}
@keyframes spSpin {
to {
transform: rotate(360deg)
}
}
@-webkit-keyframes grdAiguille {
0% {
-webkit-transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(360deg)
}
}
@keyframes grdAiguille {
0% {
transform: rotate(0deg)
}
100% {
transform: rotate(360deg)
}
}
@-webkit-keyframes ptAiguille {
0% {
-webkit-transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(360deg)
}
}
@keyframes ptAiguille {
0% {
transform: rotate(0deg)
}
100% {
transform: rotate(360deg)
}
}
@-webkit-keyframes loader1 {
0% {
-webkit-transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(360deg)
}
}
@keyframes loader1 {
0% {
transform: rotate(0deg)
}
100% {
transform: rotate(360deg)
}
}
@-webkit-keyframes loader6 {
0% {
-webkit-transform: rotate(0deg)
}
50% {
-webkit-transform: rotate(180deg)
}
100% {
-webkit-transform: rotate(180deg)
}
}
@keyframes loader6 {
0% {
transform: rotate(0deg)
}
50% {
transform: rotate(180deg)
}
100% {
transform: rotate(180deg)
}
}
@keyframes rotate-360 {
from {
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-webkit-transform: rotate(0);
transform: rotate(0)
}
to {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes audioWave {
25% {
background: linear-gradient(var(--link-color), var(--link-color)) 0 50%, linear-gradient(var(--link-color), var(--link-color)) 0.625em 50%, linear-gradient(var(--link-color), var(--link-color)) 1.25em 50%, linear-gradient(var(--link-color), var(--link-color)) 1.875em 50%, linear-gradient(var(--link-color), var(--link-color)) 2.5em 50%;
background-repeat: no-repeat;
background-size: 0.5em 2em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em
}
37.5% {
background: linear-gradient(var(--link-color), var(--link-color)) 0 50%, linear-gradient(var(--link-color), var(--link-color)) 0.625em 50%, linear-gradient(var(--link-color), var(--link-color)) 1.25em 50%, linear-gradient(var(--link-color), var(--link-color)) 1.875em 50%, linear-gradient(var(--link-color), var(--link-color)) 2.5em 50%;
background-repeat: no-repeat;
background-size: 0.5em 0.25em, 0.5em 2em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em
}
50% {
background: linear-gradient(var(--link-color), var(--link-color)) 0 50%, linear-gradient(var(--link-color), var(--link-color)) 0.625em 50%, linear-gradient(var(--link-color), var(--link-color)) 1.25em 50%, linear-gradient(var(--link-color), var(--link-color)) 1.875em 50%, linear-gradient(var(--link-color), var(--link-color)) 2.5em 50%;
background-repeat: no-repeat;
background-size: 0.5em 0.25em, 0.5em 0.25em, 0.5em 2em, 0.5em 0.25em, 0.5em 0.25em
}
62.5% {
background: linear-gradient(var(--link-color), var(--link-color)) 0 50%, linear-gradient(var(--link-color), var(--link-color)) 0.625em 50%, linear-gradient(var(--link-color), var(--link-color)) 1.25em 50%, linear-gradient(var(--link-color), var(--link-color)) 1.875em 50%, linear-gradient(var(--link-color), var(--link-color)) 2.5em 50%;
background-repeat: no-repeat;
background-size: 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 2em, 0.5em 0.25em
}
75% {
background: linear-gradient(var(--link-color), var(--link-color)) 0 50%, linear-gradient(var(--link-color), var(--link-color)) 0.625em 50%, linear-gradient(var(--link-color), var(--link-color)) 1.25em 50%, linear-gradient(var(--link-color), var(--link-color)) 1.875em 50%, linear-gradient(var(--link-color), var(--link-color)) 2.5em 50%;
background-repeat: no-repeat;
background-size: 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 2em
}
}
@-webkit-keyframes effect-2 {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes effect-2 {
from {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes sequence1 {
0% {
height: 10px
}
50% {
height: 50px
}
100% {
height: 10px
}
}
@keyframes sequence2 {
0% {
height: 20px
}
50% {
height: 65px
}
100% {
height: 20px
}
}
@keyframes rot1 {
100% {
transform: skew(-10deg) translateX(50px) rotate(405deg)
}
}
@-webkit-keyframes rot1 {
100% {
-webkit-transform: skew(-10deg) translateX(50px) rotate(405deg)
}
}
@keyframes rot2 {
100% {
transform: skew(-10deg) rotate(525deg)
}
}
@-webkit-keyframes rot2 {
100% {
-webkit-transform: skew(-10deg) rotate(525deg)
}
}
@keyframes rot3 {
100% {
transform: skew(-10deg) translateX(20px) translateY(-50px) rotate(645deg)
}
}
@-webkit-keyframes rot3 {
100% {
-webkit-transform: skew(-10deg) translateX(20px) translateY(-50px) rotate(645deg)
}
}
@keyframes width {
10% {
width: 10%
}
20% {
width: 20%
}
30% {
width: 30%
}
40% {
width: 40%
}
50% {
width: 50%
}
60% {
width: 60%
}
70% {
width: 70%
}
80% {
width: 80%
}
90% {
width: 90%
}
100% {
width: 100%
}
}
.sp-pre-loader {
background: #ffffff;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 99999
}
.sp-pre-loader .sp-loader-clock {
border: 3px solid var(--link-color);
border-radius: 60px;
bottom: 0;
height: 80px;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
width: 80px
}
.sp-pre-loader .sp-loader-clock:after {
content: "";
position: absolute;
background-color: var(--link-color);
top: 2px;
left: 48%;
height: 38px;
width: 4px;
border-radius: 5px;
-webkit-transform-origin: 50% 97%;
transform-origin: 50% 97%;
-webkit-animation: grdAiguille 2s linear infinite;
animation: grdAiguille 2s linear infinite
}
.sp-pre-loader .sp-loader-clock:before {
content: "";
position: absolute;
background-color: var(--link-color);
top: 6px;
left: 48%;
height: 35px;
width: 4px;
border-radius: 5px;
-webkit-transform-origin: 50% 94%;
transform-origin: 50% 94%;
-webkit-animation: ptAiguille 12s linear infinite;
animation: ptAiguille 12s linear infinite
}
.sp-pre-loader .sp-loader-circle {
position: absolute;
height: 80px;
width: 80px;
border-radius: 80px;
border: 3px solid fade(var(--link-color), 70%);
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-animation: loader1 3s linear infinite;
animation: loader1 3s linear infinite
}
.sp-pre-loader .sp-loader-circle:after {
content: "";
position: absolute;
top: -5px;
left: 20px;
width: 11px;
height: 11px;
border-radius: 10px;
background-color: var(--link-color)
}
.sp-pre-loader .sp-loader-bubble-loop {
position: absolute;
width: 12px;
height: 12px;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;
border-radius: 12px;
background-color: var(--link-color);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-animation: loader6 1s ease-in-out infinite;
animation: loader6 1s ease-in-out infinite
}
.sp-pre-loader .sp-loader-bubble-loop:before {
content: "";
position: absolute;
background-color: rgba(7, 53, 139, 0.5);
top: 0px;
left: -25px;
height: 12px;
width: 12px;
border-radius: 12px
}
.sp-pre-loader .sp-loader-bubble-loop:after {
content: "";
position: absolute;
background-color: rgba(7, 53, 139, 0.5);
top: 0px;
left: 25px;
height: 12px;
width: 12px;
border-radius: 12px
}
.sp-pre-loader .circle-two {
bottom: 0;
height: 100px;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
width: 100px
}
.sp-pre-loader .circle-two > span, .sp-pre-loader .circle-two > span:before, .sp-pre-loader .circle-two > span:after {
content: "";
display: block;
border-radius: 50%;
border: 2px solid var(--link-color);
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.sp-pre-loader .circle-two > span {
width: 100%;
height: 100%;
top: 0;
left: 0;
border-left-color: transparent;
-webkit-animation: effect-2 2s infinite linear;
-moz-animation: effect-2 2s infinite linear;
-ms-animation: effect-2 2s infinite linear;
-o-animation: effect-2 2s infinite linear;
animation: effect-2 2s infinite linear
}
.sp-pre-loader .circle-two > span:before {
width: 75%;
height: 75%;
border-right-color: transparent
}
.sp-pre-loader .circle-two > span:after {
width: 50%;
height: 50%;
border-bottom-color: transparent
}
.sp-pre-loader .wave-two-wrap {
position: absolute;
margin: auto;
left: 0;
right: 0;
top: 50%;
width: 90px
}
.sp-pre-loader .wave-two {
margin: 0;
list-style: none;
width: 90px;
position: relative;
padding: 0;
height: 10px
}
.sp-pre-loader .wave-two li {
position: absolute;
width: 2px;
height: 0;
background-color: var(--link-color);
bottom: 0
}
.sp-pre-loader .wave-two li:nth-child(1) {
left: 0;
-webkit-animation: sequence1 1s ease infinite 0s;
animation: sequence1 1s ease infinite 0s
}
.sp-pre-loader .wave-two li:nth-child(2) {
left: 15px;
-webkit-animation: sequence2 1s ease infinite 0.1s;
animation: sequence2 1s ease infinite 0.1s
}
.sp-pre-loader .wave-two li:nth-child(3) {
left: 30px;
-webkit-animation: sequence1 1s ease-in-out infinite 0.2s;
animation: sequence1 1s ease-in-out infinite 0.2s
}
.sp-pre-loader .wave-two li:nth-child(4) {
left: 45px;
-webkit-animation: sequence2 1s ease-in infinite 0.3s;
animation: sequence2 1s ease-in infinite 0.3s
}
.sp-pre-loader .wave-two li:nth-child(5) {
left: 60px;
-webkit-animation: sequence1 1s ease-in-out infinite 0.4s;
animation: sequence1 1s ease-in-out infinite 0.4s
}
.sp-pre-loader .wave-two li:nth-child(6) {
left: 75px;
-webkit-animation: sequence2 1s ease infinite 0.5s;
animation: sequence2 1s ease infinite 0.5s
}
.sp-pre-loader .sp-loader-audio-wave {
width: 3em;
height: 2em;
background: linear-gradient(var(--link-color), var(--link-color)) 0 50%, linear-gradient(var(--link-color), var(--link-color)) 0.625em 50%, linear-gradient(var(--link-color), var(--link-color)) 1.25em 50%, linear-gradient(var(--link-color), var(--link-color)) 1.875em 50%, linear-gradient(var(--link-color), var(--link-color)) 2.5em 50%;
background-repeat: no-repeat;
background-size: 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em;
animation: audioWave 1.5s linear infinite;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
margin: auto
}
.sp-pre-loader .sp-loader-with-logo {
top: 0;
left: 0;
width: 100%;
height: 100%;
right: 0;
bottom: 0;
margin: auto;
text-align: center;
position: absolute;
display: flex;
justify-content: center;
align-items: center
}
.sp-pre-loader .sp-loader-with-logo .logo {
display: inline-block;
width: auto
}
.sp-pre-loader .sp-loader-with-logo .line {
background: var(--link-color);
height: 5px;
left: 0;
position: absolute;
top: 0
}
.sp-module-content .mod-languages ul.lang-inline li {
margin: 0 0 0 15px;
}
div.mod-languages ul li.lang-active {
background: none!important;
border-bottom: 2px solid var(--link-color)!important;
}
#sp-top-bar .sppb-addon-subeler ul.dropdown-menu li a.dropdown-item {
padding-left: 0;
padding-right: 2rem;
}
.yurtdisi-hastalar .sppb-media {
display: flex;
align-items: center;
}
.tedaviler-home .splide__pagination{
display:none;
}
.tedaviler-home .splide__arrow{/* background: no-repeat; */}
.tedaviler-home .splide__arrow svg{/* fill: #fff; */}
.tedaviler-home .splide__arrow--prev {
left: -3em;
}
.tedaviler-home .splide__arrow--next {
right: -3em;
}
.doktorlar-home .spmedical-specialist-carousel .spmedical-specialist > .specialist-image:after{
/* background: linear-gradient(360deg, #fff 0%, rgba(255, 255, 255, 0) 86.55%); */
}
div#sppb-popover-inline:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: radial-gradient(at top center, rgba(4, 102, 208, 0.54) 0%, #002b84 100%) transparent;
}
.klinikler-home button.sppb-marker:before {
content: "";
width: 100px;
height: 131px;
background: url(../images/marker.png) no-repeat scroll center center;
background-size: 100%;
display: block;
position: absolute;
z-index: -1;
top: -34px;
transition-duration: 0.4s;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-iteration-count: infinite;
-webkit-animation-name: pulse;
animation-name: pulse;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
.klinikler-home .sppb-marker.scale-half {
/* width: 150px; */
/* height: 197px; */
transform: scale(1.4);
}
.klinikler-home .sppb-marker.scale-full {
/* width: 200px; */
/* height: 262px; */
transform: scale(2);
}
.klinikler-home .sppb-popover-ripple-effect::before {
background-color: #fff;
}
.klinikler-home .sppb-addon-title {
text-align: center;
position: absolute;
transform: rotate(-90deg) translateY(-50%) translateX(100px);
left: 0;
top: 50%;
transform-origin: center;
font-size: 70px;
}
.klinikler-home button.sppb-marker .popovertitle {
position: absolute;
width: 200px;
font-size: 16px;
text-align: center;
line-height: 1;
transform: translateY(350%);
text-transform: uppercase;
font-weight: 500;
}
.klinikler-home button.sppb-marker:hover .popovertitle,
.klinikler-home button.sppb-marker.active .popovertitle{
color:var(--theme-light)!important
}
.klinikler-home button.sppb-marker .popovertitle small{
font-size: 10px;
font-weight: 300;
display: block;
margin-top: 5px;
}
.klinikler-home .sppb-marker.scale-half:after {
width: 500%;
transform: scale(0.7) translateY(370%);
}
.klinikler-home .sppb-marker.scale-full:after {
transform: scale(0.5) translateY(340%);
width: 650%;
}
.klinikler-home .sppb-marker:hover:after{
color:var(--theme-light-100)
}
.sppb-popover-content-title{
text-transform:uppercase;
line-height: 1.2!important;
}
.sppb-popover-content-title small{
display: block;
font-size: 60%;
font-weight: 300;
letter-spacing: 0;
}
.spmedical-specialist-list .spmedical-specialist {
overflow: hidden;
}
.sppb-addon-diller .dropdown-toggle {
padding: 0;
font-size: 15px;
}
.sppb-addon-diller .dropdown-menu {
min-width: 70px;
}
.specialist-specialties .specialties ul li a {
color: var(--link-color);
}
.specialist-specialties .specialties ul li a:hover {
color: var(--link-hover-color);
}
.headerImage {
box-shadow: -40px -10px 50px 15px var(--theme-light);
position: relative;
z-index: 0;
}
.headerImage .sppb-addon-single-image-container:before,.headerImage.sppb-carousel:before {
content: "";
display: block;
width: 70%;
height: 70%;
border-radius: 10px;
position: absolute;
top: -15px;
background: var(--theme-light-100);
z-index: -1;
left: -15px;
}
.headerImage .sppb-addon-single-image-container:after,.headerImage.sppb-carousel:after {
content: "";
display: block;
width: 45px;
height: 45px;
border-radius: 50px;
position: absolute;
top: -25px;
background: var(--link-color);
z-index: -1;
right: -25px;
}
.view-departments #sp-main-body,.view-specialists #sp-main-body {
/* background: url(../images/jimer-bg-top.jpg) repeat-x scroll top left/500px; */
background-color: var(--theme-light);
background: linear-gradient(180deg, var(--theme-light) 0%, #fff 30%);
}
.view-specialist #sp-main-body {
background: url(../images/jimer-bg-top.jpg) repeat-x scroll top left;
background-size: 450px;
}
.spmedical-person-img {
position: relative;
}
.spmedical-department-icon-wrap {
font-size: 34px;
}
.view-department .spmedical-department-price-lists .accordion-item h3.accordion-header {
font-size: 1rem;
font-family: 'Poppins';
margin-bottom: 0;
}
.view-department .spmedical-department-price-lists .accordion-item .spmedical-department-icon-wrap {
font-size: 22px;
width: auto;
height: auto;
margin-right: 10px;
line-height: 1;
}
.view-department .spmedical-department-price-lists .accordion-item .accordion-button:not(.collapsed) {
background: var(--theme-light);
color: var(--text-dark-blue);
box-shadow: inset 0 -1px 0 var(--theme-light);
}
.randevuAl i{
margin-right:10px;
font-size:45px
}
.randevuTel {
margin-left: 30px;
display: flex;
flex-direction: column;
}
.randevuTel .telNumber {
font-weight: 600;
font-size: 35px;
text-decoration: underline;
}
.randevuAl {
/* font-size: 26px; */
}
.sppb-sp-slider-title small {
font-size: 0.70em;
font-weight: 400;
}
.contact-tab span.sppb-tab-subtitle {
font-size: 0.75em;
display: block;
font-weight: 400;
}
.contact-tab .sppb-nav-custom li {
padding: 0!important;
margin: 0!important;
position: relative;
transition-duration: 0.4s;
box-shadow: 0 0 0 #fff;
margin-right: 8px!important;
}
.contact-tab .sppb-nav-custom li + li {
margin-left: -1px!important;
}
.contact-tab .sppb-nav-custom li.active,.contact-tab .sppb-nav-custom li:hover {
/* box-shadow: 0 5px 0 0 #fff; */
}
.contact-tab .sppb-nav-custom li:after {
content: "";
display: block;
width: 0;
height: 0;
border: 8px solid transparent;
border-bottom-color: #fff;
position: absolute;
bottom: -10px;
left: 50%;
transform: translateY(-50%);
opacity: 0;
transition-duration: 0.4s;
}
.contact-tab .sppb-nav-custom li.active:after, .contact-tab .sppb-nav-custom li:hover:after {
opacity: 1;
bottom: -9px;
/* border-bottom-color: var(--theme-light-100); */
}
.jimer-marker {
background-color: var(--link-color);
border-radius: 8px;
color: #FFFFFF;
font-size: 12px;
padding: 10px 15px;
position: relative;
/* background-image: url(../images/favicon-white.png); */
/* background-attachment: scroll; */
/* background-repeat: no-repeat; */
/* background-size: 25px; */
/* padding-top: 40px; */
/* background-position: 50% center; */
word-spacing: 25px;
/* display: flex; */
/* align-items: center; */
/* justify-content: space-between; */
box-shadow: 10px 10px 10px -5px rgba(0,0,0,.5);
/* animation: bounce; */
/* animation: bounce 2s infinite; */ /* referring directly to the animation's @keyframe declaration */
/* animation-duration: 2s; */
text-align: center;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
text-transform: uppercase;
}
.jimer-marker:after {
content: "";
position: absolute;
left: 50%;
top: 100%;
transform: translate(-50%, 0);
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 8px solid var(--link-color);
}
.jimer-marker:before {
content: "";
background-image: url(../images/favicon-white.png);
background-attachment: scroll;
background-repeat: no-repeat;
background-size: 25px;
/* padding-top: 40px; */
background-position: center;
display: block;
width: 25px;
height: 25px;
/* position: absolute;
top: 5px;
right: 45px;*/
display:block;
margin-bottom: 5px;
}
.jimer-marker:hover {
animation-name: headShake;
}
.marker-info {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
max-width: 250px;
text-align: center;
}
.marker-info .title {
display: flex;
flex-direction: column;
margin-bottom: 10px;
font-weight: 500;
font-size: 15px;
}
.marker-info .adres {
font-size: 0.85em;
margin-bottom: 5px;
}
.marker-info .sppb-btn {
margin-top: 10px;
padding: 5px 10px!important;
font-size: 13px!important;
}
.sppb-addon-form-builder.iletisim-formu .sppb-form-check-label {
font-size: 13px;
}
.spmedical-symptoms {
/* margin-bottom: 50px; */
}
.sppb-client {/* border-right: 1px solid var(--theme-light); *//* border-bottom: 1px solid var(--theme-light); */}
.client-box .sppb-client-col {
border: 1px solid transparent;
border-right-color: var(--theme-light);
border-bottom-color: var(--theme-light);
overflow:hidden;
}
.client-box .sppb-client-col.last-row {
border-bottom-color: transparent;
}
.client-box .sppb-client-col.last-col,
.client-box .sppb-client-col:last-child {
border-right-color: transparent;
}
.client-box.blured:hover .sppb-client {
-webkit-filter: blur(2px);
filter: blur(2px);
opacity: .6
}
.client-box.blured .sppb-client:hover {
opacity: 1;
-webkit-filter: blur(0);
filter: blur(0)
}
.sppb-addon.sppb-addon-popover .sppb-marker.active:after {
color: #fff;
}
.spmedical-specialist-carousel .spmedical-specialist > .specialist-image img {position: relative;}
.sppb-client {}
.sppb-addon-clients.slickCarousel .sppb-client {
overflow: hidden;
padding: 10px;
background: #fff;
border: 1px solid var(--theme-light);
margin-right: 20px;
border-radius: 7px;
box-shadow: 5px 5px 0 0 var(--theme-light-100);
margin-bottom: 10px;
transition-duration:0.3s;
}
.sppb-addon-clients.slickCarousel .sppb-client:hover{
box-shadow:none;
}
.view-department .spmedical-department-price-lists .accordion-item {
border-color: var(--theme-light-100);
}
.sp-megamenu-parent .sp-mega-group:after {
content: "";
width: 1px;
height: 100%;
display: block;
background: var(--theme-light);
position: absolute;
top: 0;
right: -15px;
}
.sp-megamenu-parent .sp-mega-group > li > a:hover {
color: var(--link-color);
padding-left: 5px;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item + li.sp-menu-item {
border-top: 1px solid var(--theme-light);
}
#sp-footer .kurumsalMenu ul.menu li {
width: 100%;
}
.headerImage img {
border-radius: 10px;
}
.jimerForm.convertforms .cf-control-input-desc{
font-size:10px;
text-align:center;
}
[data-label="reCAPTCHA"]{
margin-top: -20px;
}
.jimerForm.convertforms .cf-btn{line-height: 5px;/* height: 40px; */}
.jimerForm.convertforms .cf-input {
font-size: 1em!important;
color: var(--input-color)!important;
background-color: var(--input-background-color)!important;
padding: var(--input-padding)!important;
border: solid 1px var(--input-border-color)!important;
border-radius: var(--input-border-radius)!important;
text-align: var(--input-text-align)!important;
transition: all 0.3s ease-in-out 0s;
}
/*.jimerForm.convertforms .cf-input:hover,
.jimerForm.convertforms .cf-input:focus,
.jimerForm.convertforms .cf-phone-number-wrapper:hover,
.jimerForm.convertforms .cf-phone-number-wrapper:focus{
background-color: var(--theme-light)!important;
}*/
.jimerForm.convertforms .cf-phone-number-wrapper {
width: 100%!important;
}
.jimerForm .tf-phone-control--flag.choices {
margin-bottom:0
}
.jimerForm .tf-phone-control--flag>.choices__inner {
background: transparent;
box-shadow: none;
}
.flatpickr-current-month input.cur-year {
background: transparent!important;
color: inherit!important;
padding: 0 0 0 .5ch!important;
display: inline-block!important;
font-size: inherit!important;
font-family: inherit!important;
line-height: inherit!important;
height: auto!important;
border: 0!important;
border-radius: 0!important;
width: auto!important;
}
#sp-footer .sp-module.kvkkMenu {
display: inline-block;
float: right;
}
#sp-footer .kvkkMenu ul.menu {
display: inline-block;
/* text-align: center; */
}
#sp-footer .kvkkMenu ul.menu li {
margin-right: 20px;
width: auto;
}
#sp-footer .kvkkMenu ul.menu li a {
font-size: 13px;
line-height: 18px;
color: rgba(255, 255, 255, 0.5);
}
#sp-footer .kvkkMenu ul.menu li a:hover {
color: rgba(255, 255, 255, 1);
}
.sppb-btn-custom.sppb-btn-outline {
border-width: 1px;
border-style: solid;
}
.sppb-addon-diller .sppb-btn-custom {
border-color: transparent;
/* color: var(--link-focus-color); */
font-weight: 500;
background-color: transparent;
border-radius: 5px;
padding: 0;
color: var(--theme-light);
}
.sppb-addon-diller .sppb-btn-custom:hover {
background-color: transparent;
color: var(--theme-light);
}
.topButtons {
display: flex!important;
align-items: center;
}
.topButtons i {
font-size: 19px;
}
.topButtonsContainer .sppb-column-addons {
display: flex;
align-items: center;
justify-content: end;
}
.doktorlar-home .spmedical-specialist-list .spmedical-specialist,
.view-department .spmedical-specialists .specialist-wrapper{
/* border: 1px solid var(--theme-light); */
padding-bottom: 20px;
/* box-shadow: 0 0 20px rgba(0,0,0,0.2); */
background: #fff;
text-align: center;
box-shadow: 10px 10px 0px 0 rgba(207, 221, 244, 0.5);
margin-bottom:20px;
margin-top:10px;
}
.view-department .spmedical-specialists .specialist-wrapper{
padding-bottom: 0;
border-radius: 10px;
}
.doktorlar-home .spmedical-specialist-list .slick_slide {
padding:20px;
}
.zindex3 {
z-index: 3!important;
position: relative;
}
.tedavi-plani .featureStep .sppb-icon-container i {
width: 70px;
height: 70px;
line-height: 70px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.tedavi-plani .sppb-row {
counter-reset: section;
}
.tedavi-plani .sppb-row .sppb-row-column .featureStep .sppb-icon:before {
counter-increment: section;
content: counter(section);
position: absolute;
top: -10px;
left: 55%;
background: var(--theme-light);
width: 30px;
height: 30px;
border-radius: 100%;
line-height: 30px;
text-align: center;
z-index: 5;
font-weight: 500;
box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}
.tedavi-plani .featureStep .sppb-icon-container {
position: relative;
/* border: 10px solid var(--theme-light-100); */
/* box-shadow: 0 0 0 10px var(--theme-light); */
}
.tedavi-plani .featureStep .sppb-icon-container:before{
content:"";
width: 100%;
height: 100%;
background: var(--theme-light);
display: block;
position: absolute;
top: 0;
left: 0;
border-radius: 10px;
z-index: -1;
box-shadow: 0 0 0 15px var(--link-color), 0 0 0 25px var(--theme-light-100), 0 0 0 35px var(--theme-light);
animation: rippleEffect 2s infinite;
/* animation-play-state: paused; */
}
.tedavi-plani .featureStep:hover .sppb-icon-container:before {
animation-play-state: running;
}
@-webkit-keyframes rippleEffect {
0% {
opacity: 0;
-webkit-transform: scale(.5);
transform: scale(.5);
}
10% {
opacity: 1
}
90% {
opacity: 0
}
to {
opacity: 0;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes rippleEffect {
0% {
opacity: 0;
-webkit-transform: scale(.5);
transform: scale(.5);
}
10% {
opacity: 1
}
90% {
opacity: 0
}
to {
opacity: 0;
-webkit-transform: scale(1);
transform: scale(1);
}
}
.tedavi-plani .featureStep:before {
content: "";
width: 35%;
height: 1px;
/* background: var(--theme-light-200); */
display: block;
position: absolute;
top: 40px;
z-index: 0;
left: -18px;
border-top: 1px dashed var(--theme-light-200);
}
.tedavi-plani .featureStep:after {
content: "";
width: 35%;
height: 1px;
/* background: var(--theme-light-200); */
display: block;
position: absolute;
top: 40px;
right: -20px;
border-top: 1px dashed var(--theme-light-200);
}
.tedavi-plani .sppb-container-inner:before {
content: "";
display: block;
width: 32px;
height: 32px;
background: url(../images/ucak.png) no-repeat scroll center center / cover;
position: absolute;
left: -55px;
top: 24px;
}
.tedavi-plani .sppb-container-inner:after {
content: "";
display: block;
width: 32px;
height: 32px;
background: url(../images/isaretci.png) no-repeat scroll center center / cover;
position: absolute;
top: 10px;
right: -45px;
}
.contact-tab .sppb-nav-custom li:last-child {
margin-right: 0!important;
}
.contactBox{
border:1px solid var(--theme-light);
margin-top: -50px;
}
.contactBox .sppb-addon-feature{
border-bottom:1px solid var(--theme-light);
padding-top:5px;
}
.contactBox .sppb-addon-feature .sppb-media-content{
margin-bottom:5px
}
.contactBox .sppb-addon-feature .sppb-media-content p{
margin-bottom:5px
}
.contactBox > div:last-child .sppb-addon-wrapper:last-child .sppb-addon-feature{
border-bottom:0;
}
.contactBox .contactHead{
background: #fff;
padding: 10px;
border-radius: 0 10px 0 0;
position: absolute;
bottom: 35px;
}
.specialists-image-wrapper {
padding: 10px;
}
.spmedical-specialists .specialist-wrapper .specialists-info-wrapper .specialists-information {
margin-bottom: 25px;
}
.btn-specialist {
white-space: normal;
font-size: 13px!important;
padding: 0.4rem 1rem!important;
margin-right: 20px;
}
#sp-top2 .sp-column {
display: flex;
align-items: center;
justify-content: end;
padding-right:15px;
}
#sp-top-bar a:not(.sppb-btn-custom):hover {
color: #fff;
}
ul.social-icons li a {
/* border: 1px solid var(--theme-light-100); */
/* border-radius: 4px; */
/* padding: 0 6px; */
/* background: var(--theme-light); */
/* color: var(--link-color)!important; */
/* line-height: 1; */
}
.social-icons li a {
width: 27px;
height: 27px;
display: block;
line-height: 29px;
padding: 0 1px 0 0px;
margin: 0;
/* background: #fff; */
border-radius: 5px;
text-align: center;
/*box-shadow: 0 0 0 1px rgba(255,255,255,0.3);*/
font-size: 25px;
/* color: #fff!important; */
}
.social-icons li a:hover {
color:var(--theme-light)!important;
}
.social-icons li.social-icon-youtube a {
/* background: #e62117; */
/* -webkit-background-clip: text; */
/* background-clip: text; */
/* -webkit-text-fill-color: transparent; */
width: 32px;
font-size: 23px;
}
.sppb-icons-group-list a[aria-label="youtube"] {
/*background: #e62117;*/
}.sppb-icons-group-list a[aria-label="linkedin"] {
/*background: #0077B5;*/
}
.social-icons li.social-icon-instagram a, .sppb-icons-group-list a[aria-label="instagram"] {
/* background: #fff; */
/* -webkit-background-clip: text; */
/* background-clip: text; */
/* -webkit-text-fill-color: transparent; */
/* color: var(--link-color)!important; */
}
ul.social-icons li a:hover {
/* background: #fff; */
/* color: var(--link-color)!important; */
}
#section-id-04ea5022-629e-4d3b-bf28-d237b7dbda78.topButtonsContainer >.sppb-container-inner > .sppb-row > .sppb-row-column {
padding-right: 0px!important;
}
#sp-header .logo-slogan {
width: 40px;
height: 40px;
background: var(--link-color);
/* position: absolute;
top: 50%;
right: -65px;*/
z-index: 2;
border-radius: 7px;
color: #fff;
text-align: center;
line-height: 13px;
font-weight: 600;
font-size: 10px;
box-shadow: 2px 2px 0 1px var(--theme-light-100);
/* transform: translateY(-50%);*/
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
letter-spacing: 2px;
padding-top: 7px;
margin-left: 0.5rem;
}
#sp-header .logo-slogan > span{
font-size:20px;
letter-spacing: 0px;
}
/*#sp-header .logo:before {
content: "YIL";
position: absolute;
top: 59%;
right: -58px;
font-size: 13px;
!* font-style: italic; *!
background: var(--theme-light-100);
!* padding: 3px 8px; *!
border-radius: 30px 30px 0;
color: var(--link-color);
width: 25px;
height: 25px;
line-height: 25px;
text-align: center;
!* font-family: 'Roboto Serif'; *!
!* letter-spacing: -1.5px; *!
display: block;
transform: translateY(-50%);
z-index: 3;
background: none;
color: #fff;
}
#sp-header .logo > a:after {
content: "";
width: 1px;
height: 70%;
background: var(--theme-light);
display: block;
position: absolute;
top: 50%;
right: -20px;
display: none;
transform: translateY(-50%);
}*/
#sp-header .logo > a {
position: relative;
}
.sppb-addon-diller .dropdown-menu{
padding: 0;
border-color: var(--theme-light-100);
}
.sppb-addon-diller .dropdown-menu li + li{
border-top: 1px solid var(--theme-light-100);
}
.sppb-addon-diller .dropdown-menu li a{color: var(--text-color)!important;padding: 5px 10px;}
@media (max-width: 1800px) {
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
padding: 0 10px
}
}
@media (max-width: 1536px){
#sp-footer .container-inner:before {
left: -5em;
top: -4em;
width: 7.2em;
height: 7.2em;
background-size: 6.1em;
}
}
@media (max-width: 1500px) {
.jimer-arrow-big-button {
/* padding: 20px 65px 20px 20px; */
}
.jimer-arrow-big-button .sppb-addon-content {
font-size: 18px
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
padding: 0 7px;
font-size: 14px
}
.module-search-wrapper {
margin-left: 30px;
margin-right: 20px
}
/*#sp-header {
padding: 0 10px 0 0;
}*/
.sp-megamenu-wrapper {
transform: translateY(0px)
}
.module-search-wrapper {
transform: translateY(0px)
}
}
@media (max-width: 1450px){
.logo-image {
height: 55px!important;
}
}
@media (max-width: 1250px){
#sp-header,#sp-header .logo,#offcanvas-toggler {
height: 70px;
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
line-height: 70px;
}
.logo-image {
height: 46px!important;
}
#sp-header .logo > a:after{
right: -11px;
}
#sp-header .logo:before {right: -57px;font-size: 12px;width: 20px;height: 20px;line-height: 20px;}
#sp-header .logo:after {right: -40px;font-size: 12px;width: 20px;height: 20px;line-height: 20px;}
.jimer-arrow-big-button {
padding: 5px;
line-height: 17px;
margin-left: 5px;
}
.jimer-arrow-big-button i{
font-size: 31px;
}
.jimer-arrow-big-button:not(.rt){
font-size: 12px;
/* max-width: 110px;*/
font-weight: 400;
line-height: 13px;
}
.jimer-arrow-big-button .jimer-btn-icon{
width: 35px;
height: 35px;
line-height: 35px;
}
.jimer-arrow-big-button.ydh .jimer-btn-icon{
width: 35px!important;
height: 35px;
line-height: 35px;
}
/*.jimer-arrow-big-button:not(.rt) i{
font-size: 25px;
line-height: 30px;
}*/
.module-search-wrapper {
margin-left: 35px;
margin-right: 15px;
}
.spmedical-services-carousel .splide__arrows .splide__arrow.splide__arrow--prev {
/* left: 0; */
/* top: -15px; */
}
.spmedical-services-carousel .splide__arrows .splide__arrow.splide__arrow--next {
/* right: auto; */
/* top: -15px; */
/* right: 0; */
}
.klinikler-home .sppb-addon-title {transform: rotate(-90deg) translateY(-150%) translateX(50px);/* left: 0; *//* top: 50%; */transform-origin: center;font-size: 50px;}
.jimer-advance-carousel .splide__arrows, .sppb-addon-clients.splide .splide__arrows--ttb {right: auto;left: -40px;}
#sp-footer1 .footerTel{
font-size: 35px!important;
}
#sp-footer1 .footerLocations .sppb-btn-custom{
font-size: 14px!important;
padding: 0.5rem!important;
margin: 0 3px!important;
}
#sp-top-bar .container,#sp-header .container, #sp-footer .container,#sp-footer .sppb-row-container {
max-width: 100%;
}
}
@media (max-width: 1199.98px) {
#sp-header.full-header {
padding-left: 15px;
padding-right: 15px
}
#sp-header.header-with-social #sp-menu .social-wrap {
padding-left: 0px
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li span {
padding: 0 10px
}
.module-search-input {
width: 320px
}
.home-diagn-testimonial .sppb-carousel-extended-list:before {
display: none
}
.home-diagnostic-hero .sppb-row.sppb-no-gutter > div {
flex: 0 0 100%;
max-width: 100%
}
.left-wrapper .sppb-column-addons {
max-width: 95%;
margin-left: auto
}
.registration #member-registration {
margin-right: 0px
}
.login form.form-validate {
margin-right: 0px
}
.jimer-advance-carousel .splide__slide {
padding: 25px 20px 0px 20px
}
html.coming-soon .coming-soon-title {
font-size: 56px;
line-height: 70px;
max-width: 100%
}
.appointment-request-wrap .randevuTel .telNumber {
font-size: 28px;
}
.spmedical-specialists .specialist-wrapper .specialists-info-wrapper .specialists-information{
font-size:13px;
margin-bottom:10px;
}
.view-specialists .spmedical-specialists .specialist-wrapper .specialists-info-wrapper {
padding: 15px;
/* background: var(--theme-light); */
}
.sp-menu-full.container, .sppb-row-container,.sppb-container,.container {
max-width: 90%;
}
}
@media (max-width: 991.98px) {
#sp-footer .container-inner:before {
left: 50%;
top: -4.5em;
width: 7em;
height: 7em;
background-size: 6em;
transform: translateX(-50%);
}
#sp-footer .container-inner:after{
right:10px;
top: -30px;
}
.contactBox{
margin-bottom: 80px;
display: flex!important;
align-items: center;
}
.contactBox > div:first-child{
width: 60%;
}
.contactBox > div:last-child{
padding-left:30px;
width: 45%;
}
.hero-btn .sppb-btn.sppb-btn-secondary {
font-size: 20px;
padding: 15px 15px 15px 45px
}
.hero-btn .sppb-btn.sppb-btn-secondary i {
top: 20px;
left: 15px
}
.spmedical-specialists-search-result .spmedical-sidebar {
max-width: 100%;
margin-right: 0px
}
.spmedical-specialists {
/* max-width: 400px; */
/* padding-left: 30px; */
}
.spmedical-specialists .specialist-wrapper .specialists-info-wrapper .specialists-name h3 {
/* font-size: 31px; */
}
.jimer-specialist-top-info-wrap {
padding-top: 40px
}
.jimer-specialist-top-info-wrap .specialist-information {
position: relative;
z-index: 10
}
.jimer-specialist-top-info-wrap .specialist-information .specialist-name {
margin-bottom: 45px
}
.jimer-specialist-top-info-wrap .specialist-information .specialist-name h3 {
font-size: 40px;
line-height: 50px;
}
.jimer-specialist-top-info-wrap .specialist-information .specialist-name span {
font-size: 15px;
}
.jimer-specialist-top-info-wrap .specialist-information .doctor-location {
/* font-size: 18px; */
/* line-height: 24px; */
/* margin-bottom: 30px; */
}
.jimer-specialist-top-info-wrap .specialist-information .doctor-location span {
font-size: 12px;
line-height: 22px;
margin-bottom: 4px
}
.jimer-specialist-top-info-wrap .specialist-information .doctor-location span i {
font-size: 16px
}
.jimer-specialist-top-info-wrap .specialist-information .appointment-request-wrap .doctor-phone {
font-size: 22px;
line-height: 32px
}
.jimer-specialist-top-info-wrap .specialist-information .appointment-request-wrap .doctor-phone span {
font-size: 12px;
line-height: 22px;
margin-bottom: 5px
}
.jimer-specialist-top-info-wrap .specialist-information .appointment-request-wrap .doctor-phone span i {
font-size: 16px
}
.jimer-specialist-top-info-wrap .specialist-img {
/* margin: -35px -132px 0px -110px; */
}
.jimer-specialist-bottom-info-wrap .bottom-info-wrap-title {
font-size: 31px;
line-height: 41px;
max-width: 100%;
}
.specialist-available-hours ul {
margin: 0px 0px 25px
}
.specialist-available-hours ul li {
padding: 5px 30px 5px 0px;
}
.specialist-available-hours ul li:not(:last-child):after {
right: 10px;
}
.specialist-intro {
margin-bottom: 25px
}
.specialist-specialties {
margin-bottom: 35px
}
.specialist-education .spmedical-timeline-wrap {
margin-bottom: 20px
}
.specialist-education .spmedical-timeline-wrap .info span {
font-size: 24px;
line-height: 35px
}
.specialist-education {
margin-bottom: 40px
}
.others-info p {
margin-bottom: 25px
}
.accepted-insurances hr {
margin: 45px 0px 30px
}
.patient-review, .years-of-service {
margin-bottom: 30px
}
.patient-review i, .years-of-service i {
font-size: 22px;
margin-bottom: 20px
}
.patient-review h3, .years-of-service h3 {
font-size: 18px;
line-height: 24px
}
.patient-review .specialist-stats, .years-of-service .specialist-stats {
font-size: 54px;
line-height: 64px
}
.sppb-addon-articles-carousel .bx-wrapper {
margin-bottom: 40px
}
.article-list .article {
margin: 0px 0px 40px
}
.article-list .article .article-body .article-info .published time {
font-size: 15px;
line-height: 16px
}
.article-list .article .article-body .article-header a {
font-size: 24px;
line-height: 33px
}
.article-details .article-details-top-wraper {
display: block;
padding-top: 120px
}
.article-details .article-details-top-wraper .article-header, .article-details .article-details-top-wraper .article-full-image {
max-width: 720px;
padding: 0px 15px;
margin: 0px auto
}
.article-details .article-details-top-wraper .article-header {
margin-bottom: 40px
}
.article-details .article-details-top-wraper .article-header .article-details-title {
font-size: 36px;
line-height: 46px;
margin-bottom: 20px
}
:root {
--header_height: 70px
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
line-height: 70px
}
#sp-header {
height: 70px
}
#sp-header .logo {
height: 70px
}
#sp-header.header-with-modal-menu #offcanvas-toggler {
display: flex !important
}
#sp-header.header-with-modal-menu #modal-menu-toggler {
display: none
}
#sp-header.full-header-center #offcanvas-toggler.mega, #sp-header.header-with-modal-menu #offcanvas-toggler.mega, #sp-header.full-header-left #offcanvas-toggler.mega, #sp-header.lg-header #offcanvas-toggler.mega, #sp-header.header-with-social #offcanvas-toggler.mega {
display: flex !important
}
#sp-header.lg-header #offcanvas-toggler.mega {
display: none !important
}
#sp-header.lg-header .offcanvas-toggler-left.offcanvas {
display: flex !important
}
#sp-header-topbar .container-inner > .row {
min-height: 70px
}
#modal-menu {
top: 70px
}
#offcanvas-toggler {
height: 70px;
line-height: 70px
}
#sp-logo.has-border > .sp-column {
border-right: none;
padding-right: 0px
}
#sp-menu .social-wrap:after, #sp-logo.has-border:after {
display: none
}
#sp-logo.has-border {
padding-right: 15px
}
#sp-menu .social-wrap {
padding-left: 15px
}
#sp-header.header-with-modal-menu.center-layout .sp-contact-info, #sp-header.header-with-modal-menu.classic-layout .sp-contact-info {
display: none
}
#sp-header-topbar {
margin: 10px 0px
}
#sp-header-topbar .container-inner {
padding-bottom: 10px
}
#sp-top-bar {
padding: 5px 10px 5px 0px;
}
.jimer-topbar-accordion .sppb-panel-body {
padding: 20px 0px 0px 0px;
margin-left: 10px;
display: inline-block
}
#sp-header {
padding: 0px 10px 0px 0;
}
.module-search-input {
width: 250px
}
.module-finder-search {
top: 40%
}
#sp-footer #sp-footer1 {
padding-top: 50px;
padding-left: 0px
}
#sp-footer #sp-footer2 {
padding: 50px 0px 30px 30px
}
.jimer-animated-number {
top: 0px
}
.view-spmedical-departments.spmedical-departments-list .spmedical-department-content > div {
flex: 0 0 50%;
/* max-width: 50%; */
padding: 5px
}
.view-spmedical-department .spmedical-symptoms ul.nav-tabs > li button {
font-size: 18px;
line-height: 1.4
}
.spmedical.view-spmedical-appointments .spmedical-specialist-appointment-form #spmedical-specialist-appintment-from .input-field:not(:last-child) {
margin-bottom: 15px
}
.spmedical.view-spmedical-appointments .spmedical-specialist-appointment-form #spmedical-specialist-appintment-from h3 {
margin-bottom: 20px
}
body.com-spmedical.view-costestimates .spmedical-costestimates .spmedical-test-list > div {
flex: 0 0 50%;
max-width: 50%;
margin-bottom: 20px;
padding-right: 15px
}
.jimer-arrow-big-button:before {
right: 5px;
top: 5px;
}
.jimer-advance-carousel .splide__track:after {
display: none
}
#sp-top-bar .sppb-addon-subeler ul.dropdown-menu li a.dropdown-item{
padding-right:1rem;
font-size: 13px;
}
.klinikler-home button.sppb-marker:before{
width:60px;
height:120px;
}
.klinikler-home button.sppb-marker .popovertitle {
font-size: 15px;
transform: translateY(250%);
}
.klinikler-home button.sppb-marker .popovertitle small {
font-size: 70%;
}
.klinikler-home .sppb-marker.scale-half .popovertitle{
transform: scale(0.7) translateY(280%);
/* width: 400%; */
font-size: 20px;
}
.klinikler-home .sppb-marker.scale-full .popovertitle {
transform: scale(0.5) translateY(300%);
/* width: 500%; */
font-size: 25px;
}
.tedaviler-home .mod-spmedical-services .spmedical-department-title{
font-size:14px
}
.tedaviler-home .mod-spmedical-services .spmedical-department-wrap .spmedical-department-details{
font-size:11px
}
.tedavi-plani .featureStep{margin-bottom:30px}
.tedavi-plani .featureStep .sppb-addon-content{text-align: left!important;/* overflow: hidden; */zoom: 1;display: flex;}
.tedavi-plani .featureStep .sppb-icon{float: left;margin-bottom: 0!important;margin-right: 40px;position:relative}
.tedavi-plani .sppb-row .sppb-row-column .featureStep .sppb-icon:before {left: 60%;/* top: -18px; */}
.tedavi-plani .featureStep:before{width: 1px;height: 50%;top: -25px;left: 35px;border-top: 0;border-left: 1px dashed var(--theme-light-200);}
.tedavi-plani .featureStep:after{width: 1px;height: 60%;right: auto;left: 35px;top: auto;bottom: -12px;z-index: -1;border-top: 0;border-left: 1px dashed var(--theme-light-200);}
.tedavi-plani .sppb-container-inner:before{
transform: rotate(90deg);
top: -60px;
left: 20px;
}
.tedavi-plani .sppb-container-inner:after{
top: auto;
bottom: -45px;
right: auto;
left: 20px;
}
#sppb-addon-1703658785311 .sppb-addon.sppb-addon-tab.contact-tab .sppb-addon-content.sppb-custom-tab > .sppb-tab-content{
padding-top:5px!important
}
.klinikler-home .sppb-addon-title {
transform: rotate(-90deg) translateY(-100%) translateX(25px);
font-size: 40px;
}
.headerImage .sppb-addon-single-image-container{
display:block;
}
.headerImage img{
width:100%;
}
.spmedical-department-cta{
margin:50px 0;
}
.spmedical-category-search h4{
display:flex;
align-items:center;
justify-content:space-between;
}
.spmedical-specialists-search-result .spmedical-sidebar #spmedical-specialists-filters-form.spmedical-specialists-filters .spmedical-category-search h4{
margin-bottom:0;
}
.spmedical-sidebar .spmedical-category-search ul{
padding-top:20px
}
.spmedical-sidebar{
margin-bottom:30px;
}
.spmedical-specialists-search-result .spmedical-sidebar #spmedical-specialists-filters-form.spmedical-specialists-filters .spmedical-category-search{
margin-bottom:15px;
}
.jimer-specialist-top-info-wrap .specialist-information .appointment-request-wrap {
padding-bottom: 20px;
}
.jimer-specialist-top-info-wrap .specialist-information .appointment-request-wrap .appointment-button .randevuAl{
padding: 0 0 10px 15px;
font-size: 14px;
width: 167px;
height: 80px;
}
.jimer-specialist-top-info-wrap .specialist-information .appointment-request-wrap .randevuTel{
/* margin-left:15px; */
}
.jimer-specialist-top-info-wrap .specialist-information .appointment-request-wrap .randevuTel .telTitle {
/* font-weight: 600; */
/* font-size: 11px; */
/* line-height: 14px; */
}
.jimer-specialist-top-info-wrap .specialist-information .appointment-request-wrap .randevuTel .telNumber {
/* font-weight: 600; */
/* font-size: 20px; */
/* text-decoration: underline; */
}
#sp-footer1 .footerTel{
font-size: 27px!important;
}
.sppb-addon-subeler .dropdown-item .phone {
display:none
}
}
@media (max-width: 767.98px) {
.social-icons li a{
font-size:20px;
}
#sp-footer .container-inner:after {
right: 10px;
top: 50%;
transform:translateY(-50%);
}
#sp-footer .container-inner:before {
left: 0;
top: -4.5em;
width: 7em;
height: 7em;
background-size: 6em;
transform: translateX(0);
}
.contactBox{
margin-bottom: 80px;
display: block!important;
/* align-items: center;*/
}
.contactBox > div:first-child{
width: 100%;
}
.contactBox > div:last-child{
padding-left:0px;
width: 100%;
}
#sp-footer1 .footerTel{
font-size: 40px!important;
}
.btn-specialist {
margin-right: 10px;
}
.spmedical-specialists .specialist-wrapper .specialists-info-wrapper .specialists-information {
padding-right:10px;
}
.accordion-style1 .sppb-panel .sppb-panel-heading {
padding: 15px 30px 15px 0px
}
.accordion-style1 .sppb-panel .sppb-panel-heading .sppb-panel-title {
font-size: 14px
}
.accordion-style1 .sppb-panel .sppb-panel-body {
padding: 0px 15px 20px 0px
}
.pricing-table {
padding: 0px 25px 25px
}
.pricing-table .sppb-pricing-header .sppb-pricing-price-container {
padding: 25px 25px;
margin: 0px -25px
}
.hero-slider .sp-nav-control {
width: 90% !important;
top: unset !important;
bottom: 12% !important;
}
.hero-btn .sppb-addon-content {
display: block
}
.hero-btn a.sppb-btn {
width: 100%
}
.hero-btn .sppb-btn.sppb-btn-secondary {
font-size: 18px;
padding: 15px 15px 15px 45px
}
.hero-btn .sppb-btn.sppb-btn-secondary i {
top: 20px;
left: 15px
}
.testimonial-horizontal .sppb-carousel-extended-item {
margin-bottom: 20px !important
}
.testimonial-horizontal .sppb-carousel-extended-nav-control {
right: 0px;
bottom: unset;
transform: rotateZ(0deg);
top: -50px !important
}
.spmedical-specialists-search-result .spmedical-sidebar {
/* max-width: 540px; */
margin: 0px auto 30px
}
.spmedical-specialists-search-result .spmedical-sidebar h3 {
padding-bottom: 6px;
margin-bottom: 25px
}
.spmedical-specialists-search-result .spmedical-sidebar #spmedical-specialists-filters-form.spmedical-specialists-filters .spmedical-category-search {
margin-bottom: 25px
}
.spmedical-specialists {
/* max-width: 540px; */
/* margin: 0px auto; */
/* padding-left: 0px; */
}
.spmedical-specialists .specialist-wrapper {
margin-bottom: 25px
}
.spmedical-specialists .specialist-wrapper .specialists-img-wrapper {
/* max-width: 340px; */
margin: 0px 0px 10px
}
.spmedical-specialists .specialist-wrapper .specialists-info-wrapper .specialists-name h3 {
/* font-size: 26px; */
/* margin-bottom: 5px; */
}
.spmedical-specialists .specialist-wrapper .specialist-contact-info .btn {
/* font-size: 16px; */
/* line-height: 33px; */
/* width: 35px; */
/* height: 35px; */
/* margin: 0px 5px; */
}
.jimer-specialist-top-info-wrap {
padding-top: 0px
}
.jimer-specialist-top-info-wrap .specialist-information .specialist-name {
margin-bottom: 30px
}
.jimer-specialist-top-info-wrap .specialist-information .specialist-name h3 {
font-size: 42px;
line-height: 52px
}
.jimer-specialist-top-info-wrap .specialist-information .specialist-name span {
font-size: 13px;
}
.jimer-specialist-top-info-wrap .specialist-information .doctor-location {
font-size: 14px;
line-height: 16px;
margin-bottom: 20px;
font-weight: 400;
/* max-width: 50%; */
}
.jimer-specialist-top-info-wrap .specialist-information .doctor-location span {
font-size: 10px;
line-height: 20px
}
.jimer-specialist-top-info-wrap .specialist-information .doctor-location span i {
font-size: 14px;
margin-right: 5px
}
.jimer-specialist-top-info-wrap .specialist-information .appointment-request-wrap {
padding-bottom: 10px
}
.jimer-specialist-top-info-wrap .specialist-information .appointment-request-wrap .doctor-phone {
font-size: 20px;
line-height: 30px
}
.jimer-specialist-top-info-wrap .specialist-information .appointment-request-wrap .doctor-phone span {
font-size: 10px;
line-height: 20px
}
.jimer-specialist-top-info-wrap .specialist-information .appointment-request-wrap .doctor-phone span i {
font-size: 14px;
margin-right: 5px
}
.jimer-specialist-top-info-wrap .specialist-information .appointment-request-wrap {
/* flex-direction: column; */
align-items: center;
justify-content: start;
}
.jimer-specialist-top-info-wrap .specialist-information .appointment-request-wrap .appointment-button {
margin-right: 20px;
margin-bottom: 20px
}
.jimer-specialist-top-info-wrap .specialist-img {
margin: 0px
}
.jimer-specialist-bottom-info-wrap .bottom-info-wrap-title {
/* max-width: 540px; */
margin: 0px auto 10px;
font-size: 26px;
line-height: 36px
}
.specialist-available-hours ul {
margin: 0px 0px 20px
}
.specialist-available-hours ul li {
padding: 5px 40px 5px 0px
}
.specialist-available-hours ul li:not(:last-child):after {
right: 20px
}
.specialist-intro {
margin-bottom: 20px
}
.specialist-specialties {
margin-bottom: 25px
}
.specialist-education .spmedical-timeline-wrap {
margin-bottom: 20px
}
.specialist-education .spmedical-timeline-wrap .info span {
font-size: 21px;
line-height: 31px
}
.specialist-education {
margin-bottom: 30px
}
.others-info p {
margin-bottom: 25px
}
.accepted-insurances hr {
margin: 25px 0px 25px
}
.patient-reviews, .years-of-service {
margin-bottom: 10px
}
.patient-reviews i, .years-of-service i {
font-size: 20px;
margin-bottom: 15px
}
.patient-reviews h3, .years-of-service h3 {
font-size: 16px;
line-height: 22px;
margin-bottom: 0px
}
.patient-reviews .specialist-stats, .years-of-service .specialist-stats {
font-size: 36px;
line-height: 46px
}
.sppb-addon-articles-carousel .bx-wrapper {
margin-bottom: 0px
}
.layout-blog #sp-main-body {
padding: 50px 0px
}
.article-list .article {
padding: 25px;
margin: 0px 0px 20px
}
.article-list .article .article-body .article-info {
margin-bottom: 5px
}
.article-list .article .article-body .article-info .published time {
font-size: 14px
}
.article-list .article .article-body .article-header a {
font-size: 21px;
line-height: 31px
}
.article-list .article .article-body .article-intro-image {
margin: 0px -25px 20px
}
.article-list .article .article-body .article-introtext p {
margin-bottom: 25px
}
.article-details .article-details-top-wraper {
padding-top: 0px;
padding-bottom: 40px
}
.article-details .article-details-top-wraper .article-header, .article-details .article-details-top-wraper .article-full-image {
max-width: 540px;
margin: 0px auto
}
.article-details .article-details-top-wraper .article-header {
margin-bottom: 25px
}
.article-details .article-details-top-wraper .article-header .article-details-title {
font-size: 34px;
line-height: 44px;
margin-bottom: 15px
}
.article-details .article-details-top-wraper .article-header .article-info span .title-icon-wrap {
font-size: 12px;
line-height: 22px
}
.article-details .article-details-top-wraper .article-header .article-info span time, .article-details .article-details-top-wraper .article-header .article-info span span {
font-size: 16px;
line-height: 22px
}
.view-spmedical-department .spmedical-title-small {
font-size: 24px
}
body .sppb-btn, body .btn {
font-size: 14px
}
body .sppb-btn.sppb-btn-xlg, body .btn.sppb-btn-xlg {
padding: 28px 54px 14px 20px;
font-size: 16px;
line-height: 24px;
height: 90px;
width: 190px
}
#sp-menu .social-wrap {
padding-left: 10px
}
#sp-menu .social-wrap:after {
display: none
}
#sp-header .menu-wrap {
display: none
}
.jimer-topbar-accordion .sppb-panel-title {
font-size: 13px;
line-height: 20px;
font-weight: 400
}
.jimer-topbar-accordion .sppb-panel-heading .sppb-toggle-direction {
right: -13px
}
.jimer-topbar-accordion .sppb-panel-heading:before {
margin-right: 10px
}
.jimer-topbar-accordion .sppb-panel-body {
padding: 8px 0px 0px 0px;
margin: 0px;
position: relative;
left: 45px;
border: none;
max-width: 85%
}
.sppb-addon-diller .dropdown-toggle, .sppb-addon-subeler .sppb-btn-custom{
/* font-size:12px; */
white-space: nowrap;
}
.module-search-wrapper {
transform: translateY(0px);
/* margin-left: 0; */
}
.module-search-input {
width: 250px
}
#sp-header {
padding: 0px 10px 0px 0px;
}
#sp-footer #sp-footer1 {
padding-top: 30px;
padding-left: 15px
}
#sp-footer #sp-footer2 {
padding: 30px 0px 15px 15px
}
#sp-footer ul.menu li {
margin-bottom: 10px
}
.module-finder-search {
top: 49%
}
.login .login-form-input {
margin-bottom: 25px
}
.login .list-group .list-group-item {
border: none;
padding: 0px 0px
}
.login .form-check-label {
margin-bottom: 30px
}
.spmedical-specialist-carousel .splide__arrows {
top: -85px
}
.spmedical-specialist-carousel .spmedical-specialist .medical-specialist-info .medical-specialist-name a {
/* font-size: 24px; */
/* line-height: 36px; */
}
.spmedical-specialist-carousel .splide__list {
height: 600px
}
.view-spmedical-department .spmedical-symptoms ul.nav-tabs > li button {
font-size: 14px;
padding: 8px
}
.view-spmedical-department .spmedical-specialists .specialist-wrapper .specialists-info-wrapper .specialists-name h3 {
/* font-size: 22px; */
}
.spmedical-specialists .specialist-wrapper .specialists-info-wrapper .specialists-designation {
font-size: 14px
}
.spmedical.view-spmedical-appointments .spmedical-specialist-appointment-form .title {
font-size: 45px
}
.spmedical.view-spmedical-appointments .spmedical-specialist-appointment-form .desc {
font-size: 16px
}
.spmedical.view-spmedical-appointments .spmedical-specialist-appointment-form #spmedical-specialist-appintment-from {
margin-top: 40px
}
.spmedical.view-spmedical-appointments .spmedical-specialist-appointment-form #spmedical-specialist-appintment-from label, .spmedical.view-spmedical-appointments .spmedical-specialist-appointment-form #spmedical-specialist-appintment-from .label {
font-size: 14px
}
.spmedical.view-spmedical-appointments .spmedical-specialist-appointment-form #spmedical-specialist-appintment-from h3 {
font-size: 25px;
margin-bottom: 10px
}
.spmedical.view-spmedical-appointments .spmedical-specialist-appointment-form #spmedical-specialist-appintment-from .divider {
height: 2px;
margin-top: 15px;
margin-bottom: 15px
}
body.com-spmedical.view-costestimates .spmedical-costestimates .spmedical-test-list > div {
flex: 0 0 100%;
max-width: 100%;
margin-bottom: 20px;
padding-right: 0px
}
body.com-spmedical.view-costestimates .spmedical-title {
font-size: 45px;
line-height: 1.5
}
body.com-spmedical.view-costestimates .spmedical-services-list-wrapper {
margin-top: 10px
}
body.com-spmedical.view-costestimates .spmedical-total-cost-wrapper .spmedical-test-total-wrap {
font-size: 19px;
line-height: 1.5;
padding: 5px 30px
}
html.coming-soon .coming-soon-title {
font-size: 36px;
line-height: 40px
}
.spmedical-specialist-list .spmedical-specialist .specialist-image img {
max-height: 366px
}
.home-diagnostic-tag {
width: 370px
}
.logo-image {
height: 40px!important;
}
#sp-header .logo:before {width: 20px;height: 20px;line-height: 20px;font-size: 10px;right: 0;/* left: 50%; */top: 15px;/* transform: translateX(-50%); */}
#sp-header .logo:after {
font-size: 10px;
width: 20px;
height: 20px;
line-height: 20px;
right: 20px;
top: 15px;
/* left: 50%; */
/* transform: translateX(calc(-50% - 18px)); */
}
#sp-header .logo > a:after{
display:none
}
.sppb-addon-subeler .sppb-btn-custom, .sppb-addon-diller .sppb-btn-custom {
border-color: transparent;
background: transparent;
color: var(--bs-blue);
text-transform: uppercase;
}
.klinikler-home .sppb-addon-title {
transform: rotate(-90deg) translateY(-100%) translateX(10px);
font-size: 25px;
}
.klinikler-home button.sppb-marker:before {
width: 45px;
height: 59px;
top: -10px;
}
.sppb-popover-ripple-effect{
width:32px!important;
height:32px!important;
}
.sppb-addon.sppb-addon-popover .sppb-marker{
width:25px!important;
height:25px!important;
}
.klinikler-home button.sppb-marker .popovertitle {
font-size: 15px;
transform: translateY(200%);
}
.klinikler-home button.sppb-marker .popovertitle small {
font-size: 70%;
}
.klinikler-home .sppb-marker.scale-half .popovertitle{
transform: scale(0.7) translateY(220%);
/* width: 400%; */
font-size: 20px;
}
.klinikler-home .sppb-marker.scale-full .popovertitle {
transform: scale(0.5) translateY(220%);
/* width: 500%; */
font-size: 25px;
}
.spmedical-services-carousel .splide__arrows .splide__arrow.splide__arrow--next {
right: 0;
top: -25px;
transform: none;
}
.spmedical-services-carousel .splide__arrows .splide__arrow.splide__arrow--prev {
left: 0;
top: -25px;
transform: none;
}
.spmedical .spmedical-department-wrapper .spmedical-title {
font-size: 26px;
margin-bottom: 10px;
}
.view-spmedical-department .spmedical-details {
font-size: 14px;
line-height: 1.5;
}
#sp-header .sp-module{
margin-left:0
}
.sppb-addon-dugmeler ul li:first-child .jimer-arrow-big-button {
margin-left:0
}
.sp-page-builder .page-content #section-id-1645598874995{
padding-left:15px
}
.jimer-arrow-big-button{
font-size: 13px;
line-height: 15px;
}
.jimer-arrow-big-button small{
font-size: 8px;
}
.jimer-arrow-big-button i{font-size: 25px;}
.jimer-arrow-big-button:not(.rt){font-size: 10px;max-width: 125px;}
.jimer-arrow-big-button .jimer-btn-icon{width: 30px;height: 30px;line-height: 32px;}
.jimer-arrow-big-button.ydh .jimer-btn-icon{width: 30px!important;height: 30px;line-height: 30px;}
.jimer-arrow-big-button:not(.rt) i{font-size: 29px;line-height: 20px;}
}
@media (max-width: 575.98px) {
.view-specialists .spmedical-specialists-search-result .spmedical-specialists .specialist-wrapper {
margin-left:15px;
margin-right:15px;
}
#sp-footer .container-inner:after {
right: -100px;
top: 50%;
transform:translateY(-50%);
}
#sp-footer .container-inner:before {
left: -100px;
top: -3em;
width: 4.5em;
height: 4.5em;
background-size: 3.5em;
transform: translateX(0);
}
body:not(.jimerHome) #sp-footer .container-inner:before {
left: 50%;
top: -3.5em;
width: 6.5em;
height: 6.5em;
background-size: 5.5em;
transform: translateX(-50%);
}
body:not(.jimerHome) #sp-footer .sp-page-builder .page-content #section-id-1646050568430{
padding-top:50px;
}
.sp-scroll-up{
bottom:75px;
right:10px;
}
.contactBox {
margin-top: 20px;
margin-bottom: 10px;
}
.sppb-addon-subeler .sppb-btn-custom {
border-color: #fff;
color: var(--theme-light);
font-weight: 500;
padding: 0;
font-size: 13px;
border-radius: 5px;
background: #fff;
}
.sppb-addon-subeler .dropdown-item {
display: flex;
align-items:center
}
.sppb-addon-subeler .dropdown-item i {
font-size:24px;
margin-right:10px;
color:var(--link-color)
}
.sppb-addon-subeler .dropdown-item .phone {
display: block;
}
.sppb-addon-subeler .dropdown-menu{
padding: 10px;
border-color: var(--theme-light-100);
}
.sppb-addon-subeler .dropdown-menu li + li{
border-top: 1px solid var(--theme-light-100);
}
.sppb-addon-subeler .dropdown-menu li a{color: var(--text-color)!important;}
.sp-menu-full.container, .sppb-row-container,.sppb-container,.container {
max-width: 100%;
}
.view-specialists .spmedical-specialists .specialist-wrapper .specialists-info-wrapper {
padding: 15px;
text-align: center;
align-items: center;
/* background: var(--theme-light); */
}
.view-specialists .spmedical-specialists .specialist-wrapper .specialist-contact-info {
top: 20px;
transform:none;
}
.appointment-request-wrap{
/* flex-wrap:wrap; */
justify-content:center;
margin-bottom:25px
}
.spmedical-specialists .specialist-wrapper .specialists-name h3 a{
font-size:16px
}
.spmedical-specialists .specialist-wrapper .specialists-info-wrapper .specialists-designation{
font-size:12px
}
.jimer-specialist-top-info-wrap .specialist-information .specialist-name h3 {
font-size: 30px;
line-height: 35px;
}
body .appointment-request-wrap .sppb-btn.sppb-btn-xlg, body .appointment-request-wrap .btn.sppb-btn-xlg,.jimer-specialist-top-info-wrap .specialist-information .appointment-request-wrap .appointment-button .randevuAl {
padding: 15px 5px 15px 10px;
font-size: 12px;
line-height: 14px;
height: 65px;
width: 139px;
}
body .appointment-request-wrap .sppb-btn.sppb-btn-xlg i, body .appointment-request-wrap .btn.sppb-btn-xlg i,.jimer-specialist-top-info-wrap .specialist-information .appointment-request-wrap .appointment-button .randevuAl i {
font-size: 40px;
}
/* .jimer-specialist-top-info-wrap .specialist-information .appointment-request-wrap .appointment-button .randevuAl{
padding: 0 0 10px 10px;
font-size: 12px;
width: 150px;
height: 70px;
}
.jimer-specialist-top-info-wrap .specialist-information .appointment-request-wrap .appointment-button .randevuAl i{
padding: 0 0 10px 10px;
font-size: 12px;
width: 150px;
height: 70px;
}*/
#sp-footer1 .footerTel {
font-size: 35px!important;
}
.view-spmedical-department .spmedical-title-small {
/* font-size: 24px; */
/* margin-top:50px; */
text-align:center;
/* margin-bottom:20px!important; */
}
.appointment-request-wrap .randevuTel{
margin-left:15px
}
.appointment-request-wrap .randevuTel .telTitle {
/* font-weight: 600; */
font-size: 11px;
line-height: 14px;
}
.appointment-request-wrap .randevuTel .telNumber {
font-weight: 600;
font-size: 20px;
text-decoration: underline;
}
#sp-header .container .container-inner > .row {
flex-wrap: nowrap;
}
.module-search-wrapper {
margin-left: 10px;
margin-right: 10px;
font-size: 14px;
}
.module-search-button i{
font-size:14px;
}
:root {
--header_height: 40px
}
ul.social-icons{
margin-right: 15px;
}
.logo-image {
height: 35px!important;
}
/*.jimer-arrow-big-button {
padding: 10px !important;
font-size: 12px!important;
}
.jimer-arrow-big-button i {
font-size: 25px;
}
.jimer-arrow-big-button small {
font-size: 10px;
}
.jimer-arrow-big-button.ydh {
font-size: 10px!important;
}
.jimer-arrow-big-button.ydh small{
font-size: 10px!important;
}
.jimer-arrow-big-button.ydh i {
font-size: 25px;
width: 25px;
}
.jimer-arrow-big-button:before{
display:none
}*/
.sppb-addon-subeler .sppb-btn-custom,.sppb-addon-diller .sppb-btn-custom {
font-weight: 500;
padding: 0;
font-size: 13px;
border-color: transparent;
background: transparent;
color: var(--theme-light);
}
.sppb-addon-subeler .sppb-btn-custom {
padding: 0;
}
.sppb-addon-subeler .sppb-btn-custom span{
/* display:none; */
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
line-height: 40px
}
#sp-header {
height: 70px
}
#sp-header .logo {
height: 70px
}
#sp-header-topbar .container-inner > .row {
min-height: 40px
}
#modal-menu {
top: 40px
}
#offcanvas-toggler {
height: 70px;
line-height: 70px
}
#sp-header .sp-module {
margin-left: 0;
/* position: fixed; */
/* bottom: 0; */
/* z-index: 999999999999; */
width: 100%;
}
#sp-header .sp-module .sp-sign-in .text {
display: none
}
#sp-menu ul.social-icons > li:not(:last-child) {
margin-right: 10px
}
#sp-header.lg-header .top-part {
border-bottom: none
}
#sp-header.lg-header #sp-contact {
order: 1
}
#sp-header.lg-header #sp-logo {
order: 3
}
#sp-header.lg-header #sp-social {
order: 2
}
#sp-header.lg-header #sp-social .sp-column {
justify-content: center !important
}
#sp-header.lg-header #sp-social .social-icons {
margin: 0
}
#sp-header.lg-header #sp-social .social-icons > li:not(:last-child) {
margin-right: 10px
}
#sp-header.lg-header .sp-contact-info {
text-align: center;
margin: 5px 0
}
.header-has-modules .container-inner > .row {
flex-wrap: wrap !important
}
.header-has-modules #offcanvas-toggler {
height: auto;
line-height: 1.2
}
html.coming-soon #coming-soon-countdown .coming-soon-days, html.coming-soon #coming-soon-countdown .coming-soon-hours, html.coming-soon #coming-soon-countdown .coming-soon-minutes, html.coming-soon #coming-soon-countdown .coming-soon-seconds {
width: 50%;
margin-bottom: 15px
}
html.coming-soon #coming-soon-countdown .coming-soon-days .coming-soon-number, html.coming-soon #coming-soon-countdown .coming-soon-hours .coming-soon-number, html.coming-soon #coming-soon-countdown .coming-soon-minutes .coming-soon-number, html.coming-soon #coming-soon-countdown .coming-soon-seconds .coming-soon-number {
font-size: 2.5rem
}
html.coming-soon #coming-soon-countdown .coming-soon-days .coming-soon-string, html.coming-soon #coming-soon-countdown .coming-soon-hours .coming-soon-string, html.coming-soon #coming-soon-countdown .coming-soon-minutes .coming-soon-string, html.coming-soon #coming-soon-countdown .coming-soon-seconds .coming-soon-string {
font-size: 14px
}
.view-search #search-form .btn-group {
flex-wrap: wrap
}
.view-search #search-form button, .view-search #search-form .btn {
border-radius: 3px
}
.module-search-input {
width: 170px
}
.view-spmedical-departments.spmedical-departments-list .spmedical-department-content > div > span {
white-space: initial;
font-size: 13px
}
.view-spmedical-departments.spmedical-departments-list .accordion-header {
font-size: 22px;
margin-left: 20px
}
.view-spmedical-department .spmedical-department-price-lists > ul {
flex-direction: column
}
.view-spmedical-department .spmedical-department-cta .spmedical-text-right {
text-align: left !important
}
#sp-footer ul.menu li{
width:100%;
}
#sp-footer .sppb-addon-title,.sp-copyright{
display:block;
}
#sp-footer .kvkkMenu ul.menu, #sp-footer .sppb-addon-title,#sp-footer ul.menu li,.sp-copyright{
text-align:center;
float:none;
}
.spmedical-services-carousel .splide__arrows .splide__arrow.splide__arrow--next {
right: auto;
left:40px;
top: -30px;
}
.spmedical-services-carousel .splide__arrows .splide__arrow.splide__arrow--prev {
left: 0;
top: -30px;
}
.spmedical-specialist-carousel .spmedical-specialist .medical-specialist-info .btn.btn-secondary {
height: 30px;
width: 30px;
margin-right: 5px;
line-height: 30px;
}
.spmedical-specialist-carousel .splide__list {
max-height: 550px;
}
.jimer-advance-carousel .splide__arrows, .sppb-addon-clients.splide .splide__arrows--ttb {
right: auto;
left: 0;
}
.sppb-addon-clients.splide.ttb.splide--ttb .splide__track--ttb{
padding-left:40px;
}
.klinikler-home .sppb-addon-title {
transform: rotate(-90deg) translateY(-100%) translateX(5px);
font-size: 20px;
}
.klinikler-home button.sppb-marker:before {
width: 29px;
height: 38px;
top: -6px;
}
.sppb-popover-ripple-effect{
width: 19px!important;
height: 19px!important;
}
.sppb-addon.sppb-addon-popover .sppb-marker{
width: 15px!important;
height: 15px!important;
}
.klinikler-home button.sppb-marker .popovertitle {
font-size: 13px;
transform: translateY(170%);
}
.klinikler-home button.sppb-marker .popovertitle small {
font-size: 70%;
}
.klinikler-home .sppb-marker.scale-half .popovertitle{
transform: scale(0.7) translateY(200%);
/* width: 400%; */
font-size: 16px;
}
.klinikler-home .sppb-marker.scale-full .popovertitle {
transform: scale(0.5) translateY(220%);
/* width: 500%; */
font-size: 20px;
}
.sppb-addon.sppb-addon-popover img {
height: auto;
}
.sppb-addon.sppb-addon-popover .sppb-popover-content-meta{
margin-top:0
}
.sp-page-title .sppb-row > div {
padding-top: 10px;
padding-bottom: 10px;
}
.sp-page-title .breadcrumb {
justify-content: start;
transform: translateY(0);
margin-top: -10px;
/* margin-bottom: -5px; */
}
.sp-page-title .sp-page-title-heading{
font-size:15px;
}
.sp-page-title .sp-page-title-sub-heading {
font-size: 10px;
margin-top: 5px;
/* display: none; */
}
.sp-page-title .breadcrumb > span, .sp-page-title .breadcrumb > li, .sp-page-title .breadcrumb > li + li:before, .sp-page-title .breadcrumb > li > a {
font-size: 10px;
}
.jimer-arrow-big-button.rt span{
white-space: nowrap;
word-wrap: normal;
}
#sp-header {
padding: 0;
}
#sp-menu{
display:none;
}
body.ltr #offcanvas-toggler.offcanvas-toggler-left {
float: right;
margin-right: 0;
}
#sp-logo{
flex: 0 0 100%;
width: 100%;
}
#big-buttons{
position: fixed!important;
bottom: 0;
z-index: 9999999;
width: 100%;
transform: translateZ(0); /* GPU hızlandırma */
backface-visibility: hidden; /* Arkadan rendering'i önler */
will-change: transform; /* Daha iyi performans için */
overflow-y:hidden;
}
#big-buttons > .sp-column{padding: 0;width: 100%;}
.sppb-addon-dugmeler{width: 100%;background: var(--link-color);border-top:1px solid rgb(77 107 169);}
.sppb-addon-dugmeler > ul{/* width: 100%; *//* background: var(--link-color); *//* border-top:1px solid rgb(77 107 169); */align-items:stretch}
.sppb-addon-dugmeler li{width: 50%;text-align: center;/* align-self: center; */background: linear-gradient(45deg, var(--link-color) 35%, var(--link-focus-color) 100%);}
.sppb-addon-dugmeler li:last-child{width: 50%;}
.sppb-addon-dugmeler li + li{
border-left: 1px solid rgb(77 107 169);
}
.sppb-addon-dugmeler li:hover{
background:linear-gradient(45deg, var(--link-focus-color) 35%, var(--link-color) 100%);
}
.jimer-arrow-big-button {
max-width: 100%;
margin: 0;
border-radius:0;
display:inline-flex;
/* background: none;
color: var(--text-color)!important;*/
padding: 10px;
width:100%;
height:100%;
box-shadow:none;
/* align-self: center; */
background: none;
/* justify-content: center; */
/* align-items: center; */
/* align-content: center; */
}
.jimer-arrow-big-button small{
text-align:left
}
.jimer-arrow-big-button:not(.rt){
max-width: 100%;
padding: 15px;
}
#sp-header .logo:before {
width: 20px;
height: 20px;
line-height: 20px;
font-size: 10px;
right: -57px;
/* left: 50%; */
top: 50%;
transform: translateY(-50%);
}
#sp-header .logo:after {
font-size: 10px;
width: 20px;
height: 20px;
line-height: 20px;
right: -40px;
top: 50%;
/* left: 50%; */
transform: translateY(-50%);
}
#sp-header .logo > a:after{
display:block
}
#sppb-addon-1646654460185 .sp-slider .sp-dots {
bottom: 20px;
}
.body-innerwrapper{
padding-bottom: 50px;
}
.mod-spmedical-services .spmedical-departments{
padding:15px 35px;
}
}
@media (max-width:465px){
#sp-menu .sp-module .sppb-row-column{
width: 100%;
flex-basis: 100%;
max-width: 100%;
margin-bottom: 0;
}
.spmedical-specialist-carousel .splide__list {
max-height: 400px;
}
.specialist-available-hours ul li {
padding: 5px 40px 5px 0px;
}
.sppb-addon-dugmeler li{width: 50%!important}
.jimer-arrow-big-button {flex-direction: column;justify-content: center;align-items: center;max-height: 60px;font-size: 12px!important;}
.jimer-arrow-big-button:hover {
}
.jimer-arrow-big-button i{
}
.jimer-arrow-big-button small{
font-size: 10px;
display: none;
}
.jimer-arrow-big-button:not(.rt){
font-size: 10px!important;
}
.jimer-arrow-big-button .jimer-btn-icon{
margin-bottom: 5px;
margin-right: 0;
}
.jimer-arrow-big-button span {white-space: nowrap;word-wrap: normal;}
#sp-footer .footerTel{
font-size: 30px!important;
margin-top: -15px;
}
body .appointment-request-wrap .sppb-btn.sppb-btn-xlg, body .appointment-request-wrap .btn.sppb-btn-xlg, .jimer-specialist-top-info-wrap .specialist-information .appointment-request-wrap .appointment-button .randevuAl {
padding: 15px 5px 5px 10px;
font-size: 12px;
line-height: 14px;
height: 65px;
width: 125px;
align-items: center;
}
.jimer-specialist-top-info-wrap .specialist-information .appointment-request-wrap .appointment-button {
margin-right: 10px;
margin-bottom: 0;
}
.appointment-request-wrap .randevuTel {
margin-left: 5px;
}
body .sppb-btn.sppb-btn-xlg:after, body .btn.sppb-btn-xlg:after{
font-size:12px;
top:10px;
right:10px;
}
.jimer-specialist-top-info-wrap .specialist-information .appointment-request-wrap{
}
}
@media (min-width: 576px) {
.view-specialists .spmedical-specialists-search-result .spmedical-specialists .specialist-wrapper {
flex-direction: row;
}
#sp-top-bar .sppb-addon-subeler .sppb-btn-custom {
display: none;
}
#sp-top-bar .sppb-addon-subeler ul.dropdown-menu li a.dropdown-item:focus, #sp-top-bar .sppb-addon-subeler ul.dropdown-menu li a.dropdown-item:hover {
background: none;
}
#sp-top-bar .sppb-addon-subeler ul.dropdown-menu li {
display: inline-block;
font-size: 14px;
}
#sp-top-bar .sppb-addon-subeler ul.dropdown-menu {
position: relative;
display: block;
padding: 0;
background: transparent;
border: 0;
}
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
.sp-menu-full.container {
width: 960px
}
#sp-header.header-with-modal-menu #offcanvas-toggler.offcanvas {
display: none !important
}
.spmedical-category-search h4 i{
display:none
}
.spmedical-category-search ul{
display:block!important
}
}
@media (max-width: 1199px) and (min-width: 992px) {
.home-hospital-featurel-one {
margin-right: 75px !important
}
.jimer-animated-number {
margin-left: 75px !important
}
#sp-footer1 .footerTel{
font-size: 29px!important;
}
#sp-footer1 .footerLocations .sppb-btn-custom{
font-size: 14px!important;
padding: 0.5rem!important;
margin: 0 3px!important;
}
}
@media (min-width: 1200px) {
.sp-menu-full.container {
width: 1140px
}
.sppb-row-container {
max-width: 1320px
}
#sp-top-bar .container, #sp-header .container, #sp-page-title .container {
max-width: 100%;
}
}
@media (max-width: 1450px) and (min-width:1200px){
.logo-image{
height: 45px!important;
}
#sp-header .logo-slogan{
right: -55px;
}
#sp-footer .footerTel {
font-size: 40px!important;
}
}
@media (min-width: 1450px) {
.sp-menu-full.container {
width: 1320px
}
/*#sp-top-bar .container, #sp-header .container, #sp-page-title .container {
max-width: 95%;
}*/
}
@media (min-width: 1500px) {
/*#sp-top-bar .container, #sp-header .container, #sp-page-title .container {
max-width: 99%;
}*/
}
.sppb-sp-slider-button .sp-slider-btn-text {
border-radius: 10px;
}
.dividerRow p {
margin-bottom: 0;
}
.dividerRow .sppb-media {
display: flex;
align-items: center;
}
.dividerRow .sppb-row-column + .sppb-row-column .sppb-addon-wrapper {
border-left: 1px solid var(--theme-light-100);
padding-left: 20px;
}
.dividerRow {
min-height: 110px;
}
.borderHead .sppb-addon-title {
position: relative;
}
.borderHead .sppb-addon-title:before {
content: "";
width: 50%;
height: 2px;
background: var(--link-hover-color);
display: block;
position: absolute;
bottom: -10px;
left: 0;
/* box-shadow: 1px 3px 0 0 var(--theme-light-100); */
z-index: 1;
/* border-radius: 10px; */
}
.borderHead .sppb-addon-title:after{
content: "";
width: 20px;
height: 20px;
background: #fff url(../images/favicon.png) no-repeat scroll center center / cover;
display: block;
border-radius: 10px;
box-shadow: 0 0 0 2px #fff;
position: absolute;
bottom: -18px;
left: 12px;
/* border: 3px solid #fff; */
z-index: 2;
}
.borderHead.center .sppb-addon-title:before,
.borderHead.center .sppb-addon-title:after{
left:50%;
transform:translateX(-50%);
}
.borderHead.light .sppb-addon-title:after{
background-color: var(--theme-light);
box-shadow: 0 0 0 2px var(--theme-light);
}
@media(min-width:1200px) and (max-width:1350px){
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
padding: 0 7px;
font-size: 13px;
}
}
@media(max-width: 1199.98px){
.borderHead.md-center .sppb-addon-title:before,
.borderHead.md-center .sppb-addon-title:after{
left:50%;
transform:translateX(-50%);
}
}
.modal-backdrop {
z-index: 10500;
}
.modal {
z-index: 10550;
}
.jimerFormModal .modal-content,.jimerRandevuForm {
background: var(--theme-light);
}
.jimerRandevuForm {
background: var(--theme-light);
margin-top: 50px;
border-radius: 10px;
padding: 25px;
}
.spmedical .spmedical-specialist-appointment-form .jimerRandevuForm h3{
margin-bottom: 16px;
text-align: center!important;
font-family:'Poppins', sans-serif;
font-weight: 600;
text-transform: uppercase;
}
.jimerFormModal .btn-close {
position: absolute;
right: 10px;
top: 10px;
background-color: #fff;
/* color: var(--text-color); */
padding: 5px;
}
.jimerFormModal .convertforms .cf-content-wrap, .jimerFormModal .convertforms .cf-form-wrap {
padding: 0;
}
.jimerFormModal .convertforms .cf-control-group:first-child {
border-bottom: 1px solid var(--theme-light-100);
margin-bottom: 15px;
}
.jimerFormModal .convertforms .cf-control-group h3 {
margin-bottom: 0;
}
.spmedical hr {
border-top: 0;
/* height: 1px; */
background-color: var(--theme-light-200);
margin-top: 2rem;
margin-bottom: 2rem;
}
.sppb-addon-sosyal > .row > div.col {
padding: 5px 5px 0px 5px;
}
.sppb-addon-sosyal .sppb-addon-sosyal-item > a{
display:block;
position:relative;
overflow:hidden;
}
.sppb-addon-sosyal .sppb-addon-sosyal-item > a img{
transition-duration:0.3s;
}
.sppb-addon-sosyal .sppb-addon-sosyal-item > a:hover img{
/* opacity:0.7; */
filter:blur(5px)
}
.sppb-addon-sosyal .sppb-addon-sosyal-item > a > span{
position:absolute;
color: #fff;
}
.sppb-addon-sosyal .sppb-addon-sosyal-item > a > .sppb-addon-sosyal-type{
top: 10px;
right: 10px;
z-index: 3;
font-size: 25px;
line-height: 25px;
}
.sppb-addon-sosyal .sppb-addon-sosyal-item > a > .sppb-addon-sosyal-video{
top: 50%;
left: 50%;
z-index: 2;
transform: translateX(-50%) translateY(-50%);
font-size: 50px;
}
.jimer-hero-form .convertforms .cf-control-group[data-name="adsoyad"],
.jimer-hero-form .convertforms .cf-control-group[data-name="telefon"],
.jimer-hero-form .convertforms .cf-control-group[data-name="submit_2"]{
width: 33.333%;
}
.jimer-hero-form .convertforms .cf-control-group[data-name="adsoyad"]{
order:1;
}
.jimer-hero-form .convertforms .cf-control-group[data-name="telefon"]{
order:2;
}
.jimer-hero-form .convertforms .cf-control-group[data-name="submit_2"]{
order:3;
}
.jimer-hero-form .convertforms .cf-control-group[data-type="termsofservice"]{
order:4;
}
.jimer-hero-form .convertforms .cf-control-group[data-name="heading_5"],
.jimer-hero-form .convertforms .cf-control-group[data-name="recaptchaaio_11"]{
display: none;
order:6;
}
.jimer-hero-form .convertforms .cf-control-group .cf-label {
color: #fff;
}
.jimer-hero-form .convertforms .cf-fields{
align-items: end;
}
.jimer-hero-form .convertforms .cf-control-group[data-type="termsofservice"] .cf-label {
/* font-size: 11px;*/
color:var(--theme-light-100);
}
.jimer-hero-form .convertforms .cf-control-group[data-type="termsofservice"] a{
color: #fff;
}
.jimer-hero-form .convertforms .cf-control-group[data-type="termsofservice"] a:hover{
color: var(--theme-light);
}
.convertforms .cf-control-group[data-type="termsofservice"] .cf-label {
/* font-size: 12px;*/
font-weight:400;
}
.convertforms .cf-control-group[data-type="termsofservice"] .cf-input {
width: 1em;
height: 1em;
margin-top: 0;
vertical-align: top;
background-color: #fff;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
border: 1px solid rgba(0,0,0,.25);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-print-color-adjust: exact;
color-adjust: exact;
padding:7px!important;
}
.convertforms .cf-control-group[data-type="termsofservice"] .cf-input[type=checkbox] {
border-radius: .25em
}
.convertforms .cf-control-group[data-type="termsofservice"] .cf-input:active {
filter: brightness(90%)
}
.convertforms .cf-control-group[data-type="termsofservice"] .cf-input:focus {
border-color: #86b7fe;
outline: 0;
box-shadow: 0 0 0 .25rem rgba(13,110,253,.25)
}
.convertforms .cf-control-group[data-type="termsofservice"] .cf-input:checked {
background-color: #0d6efd!important;
border-color: #0d6efd!important
}
.convertforms .cf-control-group[data-type="termsofservice"] .cf-input:checked[type=checkbox] {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e")
}
.convertforms .cf-control-group[data-type="termsofservice"] .cf-input[type=checkbox]:indeterminate {
background-color: #0d6efd;
border-color: #0d6efd;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
}
.convertforms .cf-control-group[data-type="termsofservice"] .cf-input:disabled {
pointer-events: none;
filter: none;
opacity: .5
}
.convertforms .cf-control-group[data-name="recaptchaaio_11"]{
display: none;
}
.convertforms .cf-btn {
background-color: var(--link-focus-color);
color: #fff;
opacity: 1;
}
.convertforms .cf-btn:hover {
background-color: var(--link-hover-color);
color: #fff;
opacity: 1;
}
.section-jimer-hero {
min-height: 400px;
}
@media (min-width: 576px) {
.section-jimer-hero {
min-height: 500px;
}
}
@media (min-width: 768px) {
.section-jimer-hero {
min-height: 600px;
}
}
@media (min-width: 1200px) {
.section-jimer-hero {
min-height: 700px;
}
}
@media(max-width:991.99px){
.jimer-hero-form .convertforms .cf-control-group[data-name="adsoyad"],
.jimer-hero-form .convertforms .cf-control-group[data-name="telefon"]{
width: 50%;
}
.jimer-hero-form .convertforms .cf-control-group[data-name="submit_2"]{
width: 100%;
}
}
@media(max-width:575.99px){
.jimer-hero-form .convertforms .cf-control-group[data-name="adsoyad"],
.jimer-hero-form .convertforms .cf-control-group[data-name="telefon"],
.jimer-hero-form .convertforms .cf-control-group[data-name="submit_2"]{
width: 100%;
}
.jimer-hero-form .convertforms .cf-content-wrap,
.jimer-hero-form .convertforms .cf-form-wrap{
padding: 20px 0 0 0;
}
}