/* custom font */
@font-face {
    font-family: stolzl-book;
    src: url(../font/stolzl_bold.otf);
}

@font-face {
    font-family: stolzl-bold;
    src: url(../font/stolzl_bold.otf);
}

@font-face {
    font-family: stolzl-light;
    src: url(../font/stolzl_light.otf);
}

@font-face {
    font-family: stolzl-medium;
    src: url(../font/stolzl_medium.otf);
}

@font-face {
    font-family: stolzl-regular;
    src: url(../font/stolzl_regular.otf);
}

@font-face {
    font-family: stolzl-thin;
    src: url(../font/stolzl_thin.otf) format('opentype');
}

/* root colour */

:root {
    --color-black: #000000;
    --color-white: #FFFFFF;
    --color-pickled-bluewood: #354459;
    --color-pickled-bluewood-rgb: rgb(53, 68, 89);
    --color-spring-wood: #F8F4EC;
    --color-spring-wood-rgb: rgb(248, 244, 236);
    --color-text: #444444;
}


.header .nav li.item-select {
    background: var(--color-pickled-bluewood);
}

.header .nav li:hover {
    background: var(--color-pickled-bluewood);
}

.wtf-menu ul.submenu li:hover {
    background: var(--color-pickled-bluewood);
}

.tp-caption.grey_heavy_72-light {
    color: var(--color-pickled-bluewood);
}

.tp-caption.icon i {
    background: var(--color-pickled-bluewood);
}

.services-one .service-sec .icon {
    background: var(--color-pickled-bluewood);
}

.z-tabs.silver>ul>li.z-active>a {
    border-bottom: solid 5px var(--color-pickled-bluewood);
    color: var(--color-pickled-bluewood);
}

.z-tabs.horizontal .detail a:hover {
    background-color: var(--color-pickled-bluewood);
}

.meet-specialists .detail h6 {
    color: var(--color-pickled-bluewood);
}

.meet-specialists .detail a:hover {
    color: var(--color-pickled-bluewood);
}

.latest-news .post .detail a:hover {
    color: var(--color-pickled-bluewood);
}

.patients-testi .testi-sec span.name {
    color: var(--color-white);
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    background: var(--color-pickled-bluewood);
}

.main-footer .tweets .text a:hover {
    color: var(--color-pickled-bluewood);
}

.main-footer .newsletter .form input[type=submit]:hover {
    background: var(--color-pickled-bluewood);
}

.cd-top {
    background-color: var(--color-pickled-bluewood);
}

.header2 .nav li.item-select {
    background: var(--color-pickled-bluewood) url(../images/navi-plus.png) no-repeat 50% 32%;
}

.header2 .nav li.item-select:hover {
    background: var(--color-pickled-bluewood) url(../images/navi-plus.png) no-repeat 50% 32%;
}

.header2 .nav li:hover {
    background: #464C5B url(../images/navi-plus.png) no-repeat 50% 32%;
    border-radius: 0;
    padding: 46px 0 32px 0;
}

.tp-bullets.preview4 .bullet.selected {
    background: var(--color-pickled-bluewood) !important;
}

.services-two .service-sec .icon {
    background: var(--color-pickled-bluewood);
}

.services-three .serv-sec {
    background: var(--color-pickled-bluewood);
}

.services-three .serv-sec.serv-sec2 {
    background: var(--color-pickled-bluewood);
}

.services-three .serv-sec.serv-sec3 {
    background: var(--color-pickled-bluewood);
}

.welcome-two .welcome-detail ul li {
    color: var(--color-pickled-bluewood);
}

.footer-light .emergency i {
    color: #02ADC9;
}

.footer-light .main-footer .title h5 {
    color: var(--color-pickled-bluewood);
    border-bottom: solid 1px var(--color-pickled-bluewood);
}

.footer-light .main-footer .tweets .text a {
    color: var(--color-pickled-bluewood);
}

.footer-light .main-footer .tweets .icon {
    color: var(--color-pickled-bluewood);
}

.footer-light .main-footer .get-touch ul li a:hover span {
    color: var(--color-pickled-bluewood);
}


/** banner three **/
.main-banner-three {
    background: rgba(53, 68, 89, 0.69);
}

/** Fancybox overlay **/
.fancybox-overlay {
    background: rgba(53, 68, 89, 0.84);
}

/** Team Social icons **/
.cbp-caption-activeWrap {
    background-color: rgba(53, 68, 89, 0.81);
}

.appointment-form .form input[type=submit]:hover {
    background: var(--color-pickled-bluewood);
}

.services-five .service-sec .icon {
    background: var(--color-pickled-bluewood);
    box-shadow: 0 0 0 3px var(--color-pickled-bluewood);
}

.sub-banner .detail ul li:last-child a {
    color: var(--color-pickled-bluewood);
}

.sub-banner .detail ul li a:hover {
    color: var(--color-pickled-bluewood);
}

.why-choose li.open .link {
    color: var(--color-pickled-bluewood);
}

.why-choose li.open i {
    color: var(--color-pickled-bluewood) !important;
}

#services-slide .owl-controls .owl-page.active span {
    background: var(--color-pickled-bluewood);
}

.welcome-three .welcome-detail ul li i {
    color: var(--color-pickled-bluewood);
}

.member-detail .team-detail .name h6 {
    color: var(--color-pickled-bluewood);
}

.year {
    color: var(--color-pickled-bluewood);
}

.main-appointment-form .appointment-form {
    background: var(--color-pickled-bluewood);
}

.main-appointment-form .appoint-icon {
    background-color: var(--color-pickled-bluewood);
}

.contact-us .leave-msg .form input[type=submit]:hover {
    background: var(--color-pickled-bluewood);
}

.contact-us .give-msg input[type=submit]:hover {
    background: var(--color-pickled-bluewood);
}

.departments .depart-sec a:hover {
    background: var(--color-pickled-bluewood);
}

.investigation .investigation-sec .title {
    background: var(--color-pickled-bluewood);
}

.cbp-l-filters-list .cbp-filter-item.cbp-filter-item-active {
    color: var(--color-pickled-bluewood);
    border-bottom: solid 5px var(--color-pickled-bluewood);
}

.cbp-l-filters-list .cbp-filter-item:hover {
    border-bottom: solid 5px var(--color-pickled-bluewood);
}

.main-gallery .layer i {
    background: #02B4D6;
}

.main-gallery .gallery-sec .detail h6 {
    color: var(--color-pickled-bluewood);
}

.main-gallery .gallery-sec .detail {
    border-bottom: solid 4px var(--color-pickled-bluewood);
}

.main-gallery a.gallery-sec:hover .detail {
    background: var(--color-pickled-bluewood);
}

.main-gallery .paging a:hover {
    background: var(--color-pickled-bluewood);
    border: solid 1px var(--color-pickled-bluewood);
}

.main-gallery .paging a.selected {
    background: var(--color-pickled-bluewood);
    border: solid 1px var(--color-pickled-bluewood);
}

.news-posts .comment-box .detail a:hover {
    background: var(--color-pickled-bluewood);
}

.news-posts .leave-reply .form input[type=submit]:hover {
    background: var(--color-pickled-bluewood);
}

.news-posts .categories ul li a:hover {
    color: var(--color-pickled-bluewood);
}

.news-posts .recent-posts .post-sec a.title:hover {
    color: var(--color-pickled-bluewood);
}

.news-posts .news-sec .detail a.read-more:hover {
    background-color: var(--color-pickled-bluewood);
}

.news-masonary .news-sec a:hover {
    color: var(--color-pickled-bluewood);
}

.text-posts .post-sec a.title:hover {
    color: var(--color-pickled-bluewood);
}

.text-posts .post-sec p a {
    color: var(--color-pickled-bluewood);
}

.text-posts .post-sec ul li a:hover i {
    color: var(--color-pickled-bluewood);
}

.text-posts .post-sec ul li a:hover span {
    color: var(--color-pickled-bluewood);
}

.text-posts .next-pre a:hover {
    color: var(--color-pickled-bluewood);
}

.patient-family .how-treat a:hover {
    background: var(--color-pickled-bluewood);
}

.procedures-links span.title {
    background: var(--color-pickled-bluewood);
}

.procedures .procedure-text ul li {
    color: var(--color-pickled-bluewood);
}

.procedures .about-cancer-center span.name {
    color: var(--color-pickled-bluewood);
}

#procedures-faq.accordion li.open .link {
    background-color: var(--color-pickled-bluewood);
}

.research .research-detail li i {
    color: var(--color-pickled-bluewood);
}

.services-content .serv-sec .detail h5 {
    color: var(--color-pickled-bluewood);
}

.product-thumb label {
    background: var(--color-pickled-bluewood);
}

.product-description h3 a {
    color: var(--color-pickled-bluewood);
}

.product-description .product-cart-btn:hover,
.product-description .product-detail-btn:hover {
    color: var(--color-pickled-bluewood);
}

.ui-widget-header {
    background: var(--color-pickled-bluewood);
}

.top-products .top-products-detail a {
    color: var(--color-pickled-bluewood);
}

.ratings.big i {
    color: var(--color-pickled-bluewood);
}

.product-detail-slider .rslides_tabs li.rslides_here a {
    background: var(--color-pickled-bluewood)
}

a#add-review-btn:hover {
    background-color: var(--color-pickled-bluewood);
}

.resp-vtabs li.resp-tab-active {
    color: var(--color-pickled-bluewood);
}

.product-detail-description .btn-medium:hover {
    background: var(--color-pickled-bluewood);
}

.pricing-table-footer a {
    background-color: var(--color-pickled-bluewood);
}

.all-team-members .detail h6 {
    color: var(--color-pickled-bluewood);
}

.all-team-members .detail a:hover {
    color: var(--color-pickled-bluewood);
}

.cbp-l-caption-text a:hover {
    color: var(--color-pickled-bluewood);
}

.main-footer .useful-links ul li a:hover {
    color: var(--color-pickled-bluewood);
}

.main-footer .get-touch ul li a:hover span {
    color: var(--color-pickled-bluewood);
}

#accordion2 .time-table {
    background: var(--color-pickled-bluewood) url(../images/time-icon-bg.png) no-repeat;
}

/* .top-bar .get-touch li:last-child a:hover {
    color: var(--color-pickled-bluewood);
} */

.meet-specialists .gallery-sec .layer {
    background-color: rgba(53, 68, 89, 0.84);
}

.member-detail .gallery-sec .layer {
    background-color: rgba(53, 68, 89, 0.81);
}

.meet-specialists .gallery-sec a:hover {
    color: var(--color-pickled-bluewood);
}

.footer-light .main-footer .newsletter .form input[type=submit]:hover {
    background: var(--color-pickled-bluewood);
}

.why-choose li i {
    color: var(--color-pickled-bluewood);
}

#page .header a {
    background-color: var(--color-pickled-bluewood) !important;
}

.mm-menu {
    background: var(--color-pickled-bluewood) !important;
}

ul.z-tabs-nav.z-tabs-mobile.z-state-closed {
    background-color: var(--color-pickled-bluewood) !Important;
}

ul.z-tabs-mobile li:first-child {
    background-color: var(--color-pickled-bluewood) !important;
}

.header2.sticky .nav li.item-select {
    background: var(--color-pickled-bluewood);
}



.shop-cart .cart-pro-detail .cancel i {
    color: var(--color-pickled-bluewood);
}

.cash-decide .cart-total .total-sec a {
    background: var(--color-pickled-bluewood);
}


.shop-cart .cart-update-sec a:hover {
    background: var(--color-pickled-bluewood);
}