/*!
Theme Name: Medvak
Theme URI: https://them.es/starter
Author: NS
Author URI: https://them.es/
Description: Medvak original theme
Version: 3.5.0
Requires at least: 5.0
Tested up to: 6.4
Requires PHP: 7.2
License: GPL version 2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0
Tags: custom-background, custom-colors, featured-images, flexible-header, microformats, post-formats, rtl-language-support, theme-options, translation-ready, accessibility-ready
Text Domain: medvak
*/

/* Don't overwrite this file. Compile "/assets/main.scss" to "/assets/dist/main.css" */

/* From http://codex.wordpress.org/CSS */

.alignnone {
	margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

a img.alignnone {
	margin: 5px 20px 20px 0;
}

a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	max-width: 96%; /* Image does not overflow the content area */
	padding: 5px 3px 10px;
	text-align: center;
}
.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}
.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 98.5%;
	padding: 0;
	width: auto;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}

.gallery-item {
	display: inline-block;
	text-align: left;
	vertical-align: top;
	width: 50%;
}

.gallery-item a,
.gallery-item a:hover,
.gallery-item a:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: none;
	display: inline-block;
	max-width: 100%;
}

.gallery-item a img {
	display: block;
	-webkit-transition: -webkit-filter 0.2s ease-in;
	transition: -webkit-filter 0.2s ease-in;
	transition: filter 0.2s ease-in;
	transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.gallery-item a:hover img,
.gallery-item a:focus img {
	-webkit-filter: opacity(60%);
	filter: opacity(60%);
}

.gallery-caption {
	display: block;
	text-align: left;
	padding: 0 10px 0 0;
	margin-bottom: 0;
}

.gallery-columns-1 .gallery-item {
	max-width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}

.bypostauthor {
	font-weight: bold;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Medvak styles */

body {
    overflow-y: scroll;
}

@font-face {
    font-family: "Work Sans";
    src: url('../fonts/worksans/WorkSans-Regular.woff2') format('woff2'),
         url('../fonts/worksans/WorkSans-Regular.woff') format('woff');
    font-display: fallback;
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Work Sans";
    src: url('../fonts/worksans/WorkSans-Medium.woff2') format('woff2'),
         url('../fonts/worksans/WorkSans-Medium.woff') format('woff');
    font-display: fallback;
    font-weight: 600;
    font-style: normal;
}

:root,
[data-bs-theme=light] {
    --bs-font-sans-serif: 'Work Sans', sans-serif;
    --bs-body-font-family: var(--bs-font-sans-serif);
    --medvak-red: #E31E24;
    --medvak-navy: #27284A; 
    --bs-nav-link-font-size: 14px;
    --bs-border-radius: 3px;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--medvak-red);
    --bs-btn-border-color: var(--medvak-red);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #ca1b21;
    --bs-btn-hover-border-color: #ca1b21;
    --bs-btn-focus-shadow-rgb: none;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #ca1b21;
    --bs-btn-active-border-color: #ca1b21;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--medvak-red);
    --bs-btn-disabled-border-color: var(--medvak-red);
    --bs-gradient: none;
    --bs-btn-box-shadow: none;

}

.btn-navy {
    background: var(--medvak-navy);
    height: 38px;
    color: #fff;
    padding: 5px 20px 4px 20px;
    border-radius: 3px;
    text-wrap: nowrap;
}

h1 {
    font-size: 42px;
    font-weight: 600;
}

h2 {
    font-size: 32px;
    font-weight: 600;
}

h3 {
    font-size: 24px;
    font-weight: 600;
}

h6 {
    font-size: 20px;
    font-weight: 600;
}

.text-big-body {
    font-size: 20px;
    font-weight: 400;
}

.text-small-body {
    font-size: 14px;
}

.container {
    padding-left: 16px;
    padding-right: 16px;
}

section {
    padding: 76px 0;
}

.bg-grey {
    background-color: #F2F2F2;
}

.form-control:focus,
.form-select:focus {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: transparent;
    outline: 0;
    box-shadow: none;
}

/* header */

html.pum-open.pum-open-overlay.pum-open-scrollable body > [aria-hidden] {
    padding-right: 0px !important;
}

html.pum-open.pum-open-overlay.pum-open-scrollable body > header, 
html.pum-open.pum-open-overlay.pum-open-scrollable body > .hero-img {
    padding-right: 0px !important;
}

.mv-icon-close::after {
    content: "";
    display: inline-block;
    height: 24px;
    width: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 6L18 17.9998' stroke='%2327284A' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M6 18L18 6.00023' stroke='%2327284A' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.header-top {
    padding-top: .5rem;padding-bottom: .5rem;
    margin: 1rem 0;
    align-items: center;
    justify-content: flex-start;
}

.phone-numbers li {
    font-size: 14px;
    font-weight: 600;
    padding-right: 26px;
}

.phone-numbers li>a {
    color: #000;
}

.phone-numbers svg {
    margin-right: 6px;
}

.top-menu-wrapper {
    border-top: 1px #F6F6F6 solid;
    border-bottom: 1px #F6F6F6 solid;
}

.home .top-menu-wrapper {
    border: none;
}

.navbar-nav .mega-menu {
    left: 0px;
    top: 130px;
    border: none;
    border-radius: 0;
    width: 100%;
}

.language-dropdown {
    display: inline-block;
}

.language-dropdown .dropdown-toggle {
    color: #000;
}

.language-dropdown .dropdown-menu.show {
    margin-left: -16px !important;
    min-width: 3rem;
}

.mega-content .nav-item {
    font-size: 20px;
    font-weight: 400;
}

.mega-content a {
    color: #000;
    text-decoration: none;
}

.mega-menu-img-caption {
    position: absolute;
    margin: 24px;
    font-size: 24px;
    font-weight: 600;
    color: #fff;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
    font-size: 20px;
    font-weight: 400;
    text-transform: capitalize;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
    padding: 0;
    color: #000;
}

/* Max mega menu */
@media only screen and (max-width: 768px) {
    #mega-menu-wrap-main-menu {
        z-index: 1;
    }
    #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
        font-size: 14px;
    }

    #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
        font-weight: 600;
    }

    #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu {
        padding: 0;
    }

    #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row {
        background-color: #F6F7FF;
        padding: 0 16px;
    }
}

.hero-img {
    background: url(../images/hero-img.png);
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
    height: 510px;
}

.hero-img h1 {
    font-size: 42px;
    font-weight: 600;
}

.hero-img .lead {
    font-size: 16px;
    font-weight: 400;
}

.social-media {
    gap: 14px;
}

.social-media a {
    font-size: 24px;
    color: #000;
}

.callback-form {
    background: #E1E9DD; 
    border-radius: 4px; 
    --bs-gutter-x: 0.05rem;
    --bs-gutter-y: 0.25rem;
    align-items: center;
}

.callback-form .wpcf7-spinner {
    display: none;
}

.callback-form .col-12 {
    margin: 0;
}

.callback-form input {
    border: none;
    box-shadow: none;
    margin-top: 2px;
}

.callback-form ::placeholder {
    color: #968C81;
    font-size: 16px;
}

.callback-form input[type="submit"] {
    background-color: var(--medvak-red);
    border: none;
    border-radius: 0px 4px 4px 0px;
    height: 44px;
    margin: 1px 2px 2px 8px;
}

.callback-form svg {
    margin: auto;
}

.callback-form-name {
    background-color: #fff;
    padding-left: 13px;
    height: 44px;
    border-radius: 4px 0px 0px 4px;
    margin: 2px 2px 3px 3px;
}

.callback-form-phone {
    background: #fff;
    height: 44px;
    padding-left: 10px;
    margin: 1px 2px 2px 6px;
}

.callback-form-phone .icon-phone{
    margin-top: 10px;
}

.callback-wrapper {
    gap: .25rem;
    margin-bottom: 1.5rem;
    /* display: grid; */
    display: flex;
    position: relative;
}

.callback-wrapper .wpcf7-response-output {
    top: 12px;
    border: none !important;
    font-size: 14px;
    left: -12px;
    position: absolute;
    display: none;
}

.callback-wrapper .wpcf7-not-valid-tip {
    position: absolute;
    bottom: 2px;
    font-size: 12px;
    line-height: 1;
}


/* popup forms */
.popmake-content .btn-navy { 
    height: auto;
    padding: 20px;
    width: 100%;
    border: none;
    line-height: 1;    
}

.popmake-content input {
    border-radius: 4px;
    margin-top: 20px;
}

.popmake-content input[type="text"],
.popmake-content input[type="tel"] {
    border: 2px #E9E6DD solid;
    width: 100%;
    padding-top: 1.625rem;
    padding-bottom: .625rem;
}

.popmake-content input.wpcf7-not-valid {
    border: 2px #E31E24 solid;
}

.popmake-content .form-floating>label {
    color: #968C81;
    font-size: 20px;
    padding: 38px 16px;
}

.form-floating .wpcf7-form-control::placeholder {
    color: transparent;
}

.form-floating .wpcf7-form-control-wrap:has(input:not(:placeholder-shown))+label {
    transform: scale(.8) translateY(-.5rem) translateX(.15rem);
}

.form-floating .wpcf7-form-control-wrap:has(input:focus)+label {
    transform: scale(.8) translateY(-.5rem) translateX(.15rem);
}

/* Calc Price Form */
.calc-price-wrapper {

}

.calc-price-form {
    border-radius: 4px;
    background-color: #E9E6DD;
    margin-top: -34px;
    /* gap: 4px; */
}

.calc-price-form .input-group {
    background-color: #fff;
    margin: 4px;
    border-radius: 4px;
    padding-top: 15px;
}

.calc-price-form input[type="text"] {
    border-radius: 4px !important;
}

.calc-price-form svg {
    margin: 2px 4px auto 22px;
}

.calc-price-form select {
    padding-top: 9px;
    padding-bottom: 9px;
}

.calc-price-form label {
    position: absolute;
    left: 67px;
    top: 8px;
    z-index: 100;
    font-size: 12px;
    color: #968C81;
}
.form-control:focus+label {
    transform: translateY(0);
    position: absolute;
    left: 66px;
    z-index: 100;
    color: #968C81;
    font-size: 14px;   
}

.calc-price-form label.floating-label {
    font-size: 20px;
    top: 15px;
}

.calc-price-form input:focus+label.floating-label {
    transform: scale(.6) translateY(-1.3rem) translateX(-1.4rem);
}

.calc-price-form input:not(:placeholder-shown)+label.floating-label {
    transform: scale(.6) translateY(-1.3rem) translateX(-1.4rem);
}

.calc-price-form select, .calc-price-form input {
    border: none;
    box-shadow: none;
}



.calc-price-form input::placeholder {
    color: transparent;
}

.calc-price-form button {
    background-color: var(--medvak-navy);
    border: none;
    border-radius: 0px 4px 4px 0px;
    height: 63px;
    width: 97%;
    margin: 4px;
    border-radius: 4px;
    background-image: none;
}

.calc-price-form .col {
    margin: 0;
    padding: 0;
}

.field-from {
    position: relative;
}

/* .field-from::after { */
.switch-fields {
    content: "";
    border-radius: 100% !important;
    border: 4px #E9E6DD solid;
    position: absolute;
    width: 40px;
    height: 40px;
    right: -22px;
    top: 10px;
    z-index: 100;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.0215 4.35355C17.8263 4.15829 17.5097 4.15829 17.3144 4.35355L16.6108 5.05713C16.4158 5.25212 16.4155 5.56818 16.6102 5.76355L17.9884 7.14713C18.3024 7.46239 18.0791 8 17.6342 8H12.168C11.8918 8 11.668 8.22386 11.668 8.5V9.5C11.668 9.77614 11.8918 10 12.168 10H17.6342C18.0791 10 18.3024 10.5376 17.9884 10.8529L16.6102 12.2364C16.4155 12.4318 16.4158 12.7479 16.6108 12.9429L17.3144 13.6464C17.5097 13.8417 17.8263 13.8417 18.0215 13.6464L22.3144 9.35355C22.5097 9.15829 22.5097 8.84171 22.3144 8.64645L18.0215 4.35355ZM7.31442 19.6464C7.50968 19.8417 7.82626 19.8417 8.02152 19.6464L8.7251 18.9429C8.92009 18.7479 8.9204 18.4318 8.72578 18.2364L7.34755 16.8529C7.0335 16.5376 7.25679 16 7.70178 16H13.168C13.4441 16 13.668 15.7761 13.668 15.5V14.5C13.668 14.2239 13.4441 14 13.168 14H7.70178C7.2568 14 7.0335 13.4624 7.34754 13.1471L8.72578 11.7636C8.9204 11.5682 8.92009 11.2521 8.7251 11.0571L8.02152 10.3536C7.82626 10.1583 7.50968 10.1583 7.31442 10.3536L3.02152 14.6464C2.82626 14.8417 2.82626 15.1583 3.02152 15.3536L7.31442 19.6464Z' fill='%2327284A'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

/* Counters */
.counters {
    color: var(--medvak-navy);
    font-weight: 600;
}

.cntrs-small {
    font-size: 14px;
    color: #968C81;
    font-weight: 400;
    margin-left: -20px;
    position: absolute;
    bottom: 35px;
}

.cntrs-big {
    font-size: 64px;
}

/* EU map */
#map-europe {
    margin-left: 150px;
}

.country-list {
    height: 450px;
    overflow-y: scroll !important;
}

.country-box {
    padding: 24px;
    background-color: #FBFAF8;
}

.country-box svg {
    position: absolute;
    right: 6px;
    top: 6px;
}

.country-box input {
    border-radius: 0;
}

.cssmap-visible-list li {
    padding: 6px;
    border-bottom: 1px #E1E9DD solid;
    position: relative;
    padding-left: 48px;
    background-color: #fff;
}

.cssmap-visible-list li::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.43057 13.8798L4.47556 13.9473C4.5318 14.0296 4.58804 14.1084 4.64428 14.191L11.1581 23.564C11.348 23.8371 11.6598 24 11.9926 24C12.3253 24 12.6368 23.8371 12.827 23.564L19.3333 14.2057C19.3932 14.1194 19.457 14.0334 19.5169 13.9432L19.5583 13.8833C20.7351 12.0633 21.2154 9.87958 20.9106 7.73376C20.6061 5.58767 19.537 3.62388 17.8998 2.20307C16.2629 0.782448 14.1679 0 12.0001 0C9.83212 0 7.73713 0.782515 6.10018 2.20307C4.46296 3.62395 3.39387 5.58774 3.08938 7.73376C2.78464 9.87958 3.2649 12.0633 4.44173 13.8833L4.43057 13.8798ZM11.9942 5.2566C12.9888 5.2566 13.9428 5.65176 14.6459 6.35472C15.3493 7.05797 15.7442 8.01147 15.7442 9.00582C15.7442 10.0002 15.3493 10.9539 14.6459 11.6569C13.9428 12.3602 12.9888 12.755 11.9942 12.755C10.9997 12.755 10.0457 12.3601 9.34256 11.6569C8.63916 10.9539 8.2442 10.0002 8.2442 9.00582C8.2442 8.01147 8.63919 7.05797 9.34256 6.35472C10.0457 5.65174 10.9997 5.2566 11.9942 5.2566Z' fill='%23968C80'/%3E%3C/svg%3E%0A");
    width: 24px;
    display: inline-block;
    height: 24px;
    position: absolute;
    left: 16px;
}

.cssmap-visible-list a {
    color: var(--medvak-navy);
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
}

.europe > li {
    margin: -9999em 0 0 0;
    position: absolute
   }

/* advantages */
.bg-navy {
    background-color: var(--medvak-navy);
}

.fc-navy {
    color: var(--medvak-navy);
}

.feature-icon {
    margin-right: 5px;
}

.feature-icon svg {
    margin-top: -5px;
}

.advantges-cover {
    height: 100%; 
    border-radius: 4px; 
    background-image: url(/wp-content/themes/medvak/assets/images/advantages-cover.jpg); 
    background-size: cover; 
    background-position: center;
}

/* gallery */

.rbs_gallery_button .button-flat-primary {
    font-size: 14px;
    font-weight: 600;
    border-radius: 34px;
    padding: 4px 20px 4px 20px;
    color: #27284A !important;
    background-color: #E9E6DD !important;
    height: inherit;
    line-height: 2rem;
}

.rbs_gallery_button .button-flat-primary.active {
    background-color: var(--medvak-navy) !important;
    color: #fff !important;
}

#gallery h5 {
    font-size: 16px;
    font-weight: 600;
}

#gallery p {
    min-height: 70px;
}

#gallery img {
    width: 100%;
    object-fit: cover;
    height: 300px;
}

.carousel-item .col {
    padding: 0 5px;
  }
  
  @media (max-width: 767px) {
    .carousel-inner .carousel-item > div {
      display: none;
    }
    .carousel-inner .carousel-item > div:first-child {
      display: block;
    }
  }
  
  .carousel-inner .carousel-item.active,
  .carousel-inner .carousel-item-next,
  .carousel-inner .carousel-item-prev {
    display: flex;
  }
  
  /* medium and up screens */
  @media (min-width: 768px) {
    .carousel-inner .carousel-item-end.active,
    .carousel-inner .carousel-item-next {
      transform: translateX(20%);
    }
  
    .carousel-inner .carousel-item-start.active,
    .carousel-inner .carousel-item-prev {
      transform: translateX(-20%);
    }
    
    /*  half slides CSS */
  
    /* .carousel-inner:before {
      position: absolute;
      top: 0;
      bottom: 0;
      right: 85%;
      left: 0;
      content: "";
      display: block;
      background-color: #fff;
      z-index: 2;
    }
    .carousel-inner:after {
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      left: 85%;
      content: "";
      display: block;
      background-color: #fff;
      z-index: 2;
    } */
  
    .carousel-control-prev {
      left: -100px;
    }
  
    .carousel-control-next {
      right: -100px;
    }
  }
  
  .carousel-inner .carousel-item-end,
  .carousel-inner .carousel-item-start {
    transform: translateX(0);
  }
  
/* testimonials */
#testimonials .card {
    height: 98%;
    border: none;
    border-radius: 0;
}

.avatar img {
    width: 42px;
    height: 42px;
}

.avatar-lg img {
    width: 64px;
    height: 64px;
    border-radius: 100%;
    margin: 0 !important;
}

.c-details span {
    color: #968C80;
    font-size: 14px;
}

.testimonial-rating svg{
    height: 16px;
    width: 16px;
}

.testimonial-text {
    font-size: 14px;
}

.btn-add-testimonial {
    margin: 65px auto 30px auto;
}

.add-testimonial-text {
    color: #968C81;
}

/* blog */

#blog {
    color: #fff;
}

.blog-all-btn {
    color: var(--medvak-navy);
    background: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    border-radius: 3px;
    padding: 15px 40px;
}

.post-tags span, .post-tags a{
    background-color: #D1CFC8;
    color: var(--medvak-navy);
    padding: 6px 8px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 700;
    margin-right: 10px;
}

.post-tags a {
    color: var(--medvak-navy);
    display: inline-block;
    margin-bottom: 10px;
}

.post-tags span.tag-selected {
    color: #fff;
    background-color: var(--medvak-navy);
}

.post-item-title {
    font-weight: 600;
    margin-top: 16px;
    margin-bottom: 8px;
}

.post-meta-avatar {
    width: 24px;
    height: 24px;
    margin-right: 6px !important;
}

.post-meta-time::before {
    width: 4px;
    height: 4px;
    background-color: #50528B;
    content: "";
    display: inline-block;
    margin: 4px 10px;
    border-radius: 4px;
}

/* specialist section */
.specialist-thumb {
    width: 340px;
    height: 368px;
    object-fit: cover;
}

.specialist-list .flex-control-nav {
    position: relative;
    bottom: 0;
}

/* pagination */

nav.pagination {
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important;
    margin: 20px 0;
}

.page-numbers,
.page-numbers.current {
    font-weight: 600;
    margin: 0 5px;
    padding: 8px 14px;
}

.page-numbers {
    color: var(--medvak-navy);
}

.page-numbers.current {
    background-color: var(--medvak-navy);
    color: #fff;
}

.pagination .next,
.pagination .prev { 
    position: relative;
}

.pagination .next::after {
    content: "";
    border-top: 2px var(--medvak-navy) solid;
    border-right: 2px var(--medvak-navy) solid;
    transform: rotate(45deg);
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    right: -5px;
    top: 13px;
}

.pagination .prev::before {
    content: "";
    border-bottom: 2px var(--medvak-navy) solid;
    border-left: 2px var(--medvak-navy) solid;
    transform: rotate(45deg);
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    left: -5px;
    top: 13px;
}

/* page-text */
@media (min-height: 300px) {
    #page-text nav {
      position: sticky;
      top: 0;
    }
}

.text-nav li {
    position: relative;
    padding: 12px;
    font-size: 16px;
    font-weight: 700;
}

.text-nav li:hover, .text-nav a.current {
    border-radius: 4px;
    background-color: #F2F1FA;
    color: var(--medvak-navy);
}

.text-nav a {
    margin-left: 36px;
    display: inline-block;
    color: #5C5B71;
    text-decoration: none;
    width: 80%;
}

.text-nav .fa-solid {
    top: 18px;
    display: inline-block;
    position: absolute;
}

/* transportation */

#transportation-routes {
    width: 100%; 
    position: relative; 
    background-color: #F2F2F2;
}

#transportation-routes .calc-price-form {
    background-color: #fff;
    padding: 5px;
    margin-top: 0;
    border-radius: 12px;
    margin-bottom: 24px;
}

#transportation-routes .calc-price-form .input-group {
    border: 2px #E9E6DD solid;
    width: 96%;
    margin: 8px;
}

#transportation-routes .container {
    margin-top: -160px;
}

.transp-btn-order {
    float: right;
    border: none;
    border-radius: 4px;
    background-color: var(--medvak-navy);
    color: #fff;
    height: 38px;
    width: 200px;
    font-size: 14px;
    font-weight: 600;
}

.route {
    padding: 15px 10px 5px 10px;
    border-radius: 4px;
    background-color: #fff;
    margin-bottom: 8px;
}
.distance {
    font-size: 11px;
    font-weight: 600;
    color: #888;
    bottom: 5px;
    position: relative;
    margin: 0 10px;
}
.distance::after,
.distance::before {
    content: "";
    display: inline-block;
    width: 40px;
    border-bottom: 1px #888 solid;
    margin: 3px 10px;
}

.costs {
    display: inline-flex;
    flex-direction: column;
    text-align: center;
}

.price-from {
    font-weight: 600;
}

.price-round {
    color: #888 ;
    font-size: 11px;
    font-weight: 500;
}

/* faq */


.accordion-button::after {
    content: none;
}

.accordion-button::before {
    flex-shrink: 0;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    margin-right: 20px;
    content: "";
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus-lg' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2Z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    transition: var(--bs-accordion-btn-icon-transition);
}

.accordion-button:not(.collapsed)::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash-lg' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z'/%3e%3c/svg%3e");
    transform: var(--bs-accordion-btn-icon-transform);
}

/* footer */
footer {
    background-color: var(--medvak-navy);
    color: #C4C5D2;
}

footer li {
    font-size: 11px;
    color: #C4C5D2;
}


footer nav .menu-item {
	margin-bottom: .5rem;
}

footer nav a {
	color: #C4C5D2;
}

footer .caption {
    font-size: 12px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 12px;
}

.footer-addr {
    color: #C4C5D2;
    font-size: 12px;
}

.logo-text {
    font-size: 11px;
}

.btn-send-feedback {
    border: none;
    font-size: 14px;
    font-weight: 600;
    border-radius: 4px;
    padding: 14px 12px;
    width: 100%;
    margin-bottom: 32px;
    background-color: #fff;
}

.payment-accept {
    font-size: 12px;
}

.payment-accept p {
    margin: 6px 12px;
    display: inline;
}



/* specialist single page */

.diploma-thumb {
    height: 138px;
}

.spec-articles .post-meta {
    color: #90919E;
}

.btn-more {
    color: #fff;
    background-color: var(--medvak-navy);
    display: inline-block;
    font-weight: 700;
    padding: 18px 30px 18px 30px;
    border-radius: 4px;
    text-decoration: none;

}

/* single page */

.page-container {
    max-width: 820px;
}

.page-container h1 {
    font-size: 42px;
    font-weight: 500;
    padding-bottom: 18px;
}

.page-container h2 {
    font-size: 24px;
    font-weight: 600;
    padding: 12px 0;
}

.page-container p {
    font-size: 20px;
    line-height: 23px;
    padding: 12px 0;
}

.page-container img {
    margin: 12px 0;
}

.post-share {
    margin-top: 24px;
    margin-bottom: 32px;
}

@media (min-width: 0px) and (max-width: 568px) {
    h1,h2 {
        font-size: 24px;
    }

    .header-top {
        margin: 15px 8px 8px 8px;
        padding: 0;
        justify-content: space-between;
    }

    #hamburger-menu {
        width: 24px;
        position: relative;
        height: 24px;
        display: flex;
    }
    #hamburger-menu span {
        height: 3px;
        opacity: 1;
        left: 0;
        display: block;
        width: 100%;
        background-color: #000;
        position: absolute;
        transform: rotate(0deg);
        transition: .4s ease-in-out;
    }

    #hamburger-menu span:nth-child(1) {
        top: 1px;
    }

    #hamburger-menu span:nth-child(2) {
        top: 10px;
    }

    #hamburger-menu span:nth-child(3) {
        top: 19px;
    }

    #navbar_main {
        padding: 0;
    }

    #navbar_main .navbar {
        height: 90%;
        display: block;
        font-weight: 600;
    }

    .navbar .container-fluid {
        padding: 0;
    }

    .dropdown-mega {
        margin: 0 !important;
        border-bottom: none !important;
    }

    .dropdown-mega>.nav-link {
        margin: 0 16px;
        border-bottom: 2px #F6F6F6 solid;
    }

    .navbar .social-media {
        position: absolute;
        bottom: 40px;
    }

    .navbar-nav .mega-menu {
        position: relative !important;
        top: 0;
    }

    .navbar-nav .nav-item {
        border-bottom: 2px #F6F6F6 solid;
        margin: 0 16px;
    }

    .mega-menu.dropdown-menu {
        max-height: 230px;
        overflow-y: scroll;
        overflow-x: hidden;
        background-color: #F6F7FF;
        margin-top: 0;
    }

    .mega-content {
        padding: 0 !important;
    }

    .mega-content .nav-item {
        font-size: 14px;
    }

    .hero-img {
        background: url(../images/hero-img-m.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-color: #28293E;
    }

    .img-logo {
        width: 90px;
    }

    .phone-numbers li {
        padding: 4px 0 0 0;
    }

    .hero-img h1 {
        font-size: 24px;
        margin-top: 190px;
    }


    .callback-form-name {
        margin: 3px 0px 2px 3px;
        border-radius: 4px 4px 0 0;
        width: 98%;
    }

    .callback-form-phone {
        margin: 1px 1px 3px 3px;
        width: 98%;
    }    

    .callback-form input[type="submit"] {
        width: 98%;
        margin: 0px 3px 3px 3px;
        border-radius: 0 0 4px 4px;
    }

    .cntrs-top-text {
        top: 5px;
    }

    .cntrs-big {
        font-size: 36px;
    }

    .cntrs-small {
        margin-left: -10px;
        bottom: 25px;
    }

    .calc-price-form button {
        width: 98%;
    }
    
    .calc-price-form .input-group {
        width: 98%;
    }

    #transportation-routes .container {
        margin-top: 0px;
    }

    .google-reviews {
        display: none;
    }

    /* .field-from::after { */
    .switch-fields {
        top: 48px;
        right: 8px;
        transform: rotate(90deg);
        width: 35px;
        height: 35px;
        background-size: 90%;
    }

    /* footer */

    footer hr {
        display: none;
    }

    .copyright {
        display: none;
    }

    .payment-accept {
        text-align: center;
        order: 2;
    }

    .payment-accept p {
        display: block;
    }

    .footer-social {
        margin: auto;
        padding: 24px;
        border-top: 1px #454672 solid;
        border-bottom: 1px #454672 solid;        
    }

    .third-menu {
        margin: auto;
    }

    .specialist-list .flex-direction-nav {
        display: none;
    }


}

.input-id {
    position: relative;
}

.input-id label {
    position: absolute;
}

/* offcanvas */

body.offcanvas-active{
	overflow:hidden;
}

.offcanvas-header{ display:none; }

.screen-darken{
	height: 100%; width:0%;
	z-index: 30;
	position: fixed; top: 0; right: 0; 
	opacity:0; visibility:hidden;
	background-color: rgba(34, 34, 34, 0.6);
	transition:opacity .2s linear, visibility 0.2s, width 2s ease-in;
}

.screen-darken.active{
	z-index:10;
	transition:opacity .3s ease, width 0s;
	opacity:1;
	width:100%;
	visibility:visible;
}

/* ============ mobile view ============ */
@media all and (max-width: 991px) {
	
	.offcanvas-header{
        display:block;
        text-align: center;
        position: relative;
        padding-top: 18px;
        font-weight: 600;
        border-bottom: 2px #F6F6F6 solid;
        padding-bottom: 18px;
    }

	.mobile-offcanvas{
		visibility: hidden;
		transform:translateX(-100%);
		border-radius:0;
		display:block;
		position: fixed;
		top: 0;
		left:0;
		height: 100%;
		width: 90%;
		z-index: 1200;
		overflow-y: scroll;
		overflow-x: hidden;
		transition: visibility .3s ease-in-out, transform .3s ease-in-out;
		background-color: #fff;
	}

	.mobile-offcanvas.show{
		visibility: visible; 	transform: translateX(0);
	}
	.mobile-offcanvas .container, .mobile-offcanvas .container-fluid{
		display: block;
	}

    .close-menu {
        position: absolute;
        left: 0;
        top: 13px;
        left: 16px;
    }

}	
/* ============ mobile view .end// ============ */