:root {
	
    --text-color: #20242e;
    --white: white;
    --blue: #2998ff;
    --middle--25: #2b4369;
    --greys--10: #0c1427;
    --middle--40: #4b6b93;
    --middle--90: #dfe8f0;
    --greys--25: #31425e;
    --middle--20: #22345a;
    --blue--95: #dcfaff;
    --greys--15: #1c273b;
    --middle--15: #17274c;
    --blue--98: #effeff;
    --blue--90: #c6f2ff;
    --greys--20: #3f4f68;
    --greys--92: #e9ecef;
    --greys--30: #3f4f68;
    --greys--50: #748295;
    --middle--70: #9db8d1;
    --middle--30: #355178;
    --middle--80: #bdd0e0;
    --middle--10: #0e182f;
    --black: black;
    --middle--92: #e5ecf3;
    --greys--40: #59687e;
    --blue--30: #005ada;
    --blue--25: #0048c2;
    --blue--15: #002885;
    --blue--80: #95deff;
    --red--15: #50131a;
    --color-booking-bg: #F5F6F6;    
	--color-main: #2a94ff;
	--color-main-focus: #17274c;
	--color-white: #fff;
	--color-main-disabled: rgba(42,148,255,.25);
	--yellow: #FFA928;
	
}

.text-yellow {
	
	color: var(--yellow);
	
}

.accordion {
	
	--bs-accordion-bg: #F5F6F6 !important;
	
}

a {
	
	cursor: pointer;
	
}

a:hover {
	
	color: #0d6efd;
	
}

html, body {
	
	min-height: 100%;
	font-family: 'GolosTextWebRegular',Poppins,Helvetica,sans-serif;
	
}

.btn {
	
	border-radius: .75rem;
	
}

.form-control-label {
	
	color: var(--middle--40);
	
}

strong, h1, h2, h3, h4, h5, .bold {
	
	font-family: 'GolosTextWebBold',Poppins,Helvetica,sans-serif;
	
}

.text-overflow-hidden {
	
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	
}

.demi-bold {
	
	font-family: 'GolosTextWebDemiBold',Poppins,Helvetica,sans-serif;
	
}

.font-medium {
	
	font-family: 'GolosTextWebMedium',Poppins,Helvetica,sans-serif;
	
}

.font-regular {
	
	font-family: 'GolosTextWebRegular',Poppins,Helvetica,sans-serif;
	
}

.font-vf {
	
	font-family: 'GolosTextWebVF',Poppins,Helvetica,sans-serif;		
	
}

body {
	
	/*background: #eef0f8;*/
	
}

.no-p p {
	
	margin: 0;
	
}

.help-block {
	
	color: #777;
	
}

.help-block-error {
	
	margin-top: .5rem;
	color: #dc3545;
	
}

.signup-h3, .light-gey-block {
	
	background-color: #f5f8fa;
	border-radius: .5rem !important;
	
}

.treat-card, .order-card {
	
	background-color: var(--middle--92);
	border-radius: .5rem !important;
	
}

.round-05rem {
	
	border-radius: .5rem !important;
	
}

.round-075rem {
	
	border-radius: .75rem !important;
	
}

.round-1rem {
	
	border-radius: 1rem !important;
	
}

.round-125rem {
	
	border-radius: 1.25rem !important;
	
}

.round-15rem {
	
	border-radius: 1.5rem !important;
	
}

.round-175rem {
	
	border-radius: 1.75rem !important;
	
}

.round-2rem {
	
	border-radius: 2rem !important;
	
}

.form-check-input-lg {
	
	transform: scale(1.5);
	
}

.body-grey {

	background-color: #f5f8fa;

}

.round-05 {

	border-radius: .5rem !important;

}

.round-075 {

	border-radius: .75rem !important;

}

.round-1 {

	border-radius: 1rem !important;

}

.round-125 {

	border-radius: 1.25rem !important;

}

.round-15 {

	border-radius: 1.5rem !important;

}

.round-175 {

	border-radius: 1.75rem !important;

}

.round-2 {

	border-radius: 2rem !important;

}

.round-50 {

	border-radius: 50% !important;

}

.page-title {

	font-size: 2.5rem;

}

.bg-purple-gradient {

	background-image: linear-gradient(#ebf2ff, #edf2fc80);

}

.bg-blue-gradient {

	background-image: linear-gradient(#edfafc, #edfafc80);

}

.bg-orange {

	background-color: #fff6ef;

}

.bg-green-gradient {

	background-color: linear-gradient(#ebfff4, #edfdf480);

}

#header {
	
	background: #fff;
	position: sticky;
	top: 0;
	z-index: 100;
	
}

#header.scrolled {
	
	background: #fff;	
	transition: all .3s ease;	
	
}

.booking-page .booking-dates {
	
	top: 145px;
	z-index: 9;
	
}

.color-green {
	
	color: #4C9988;
	
}

.company-logo {
	
	height: 3.5rem;
	
}

.header-menu {
	
	background: #2a94ff;
	color: #fff;
	
}

.header-menu a.nav-link {
		
	position: relative;
	
}

.header-menu a.nav-link:after {
	
	content: '';
	height: 3px;
	background: #fff;
	bottom: -.5rem;
	left: 0;
	width: 100%;
	position: absolute;
	opacity: 0;
	transition: all .3s;
	
}

.header-menu a.nav-link:hover:after {
	
	opacity: 1;
	
}

.navbar-nav .dropdown-menu {
	
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	width: 100%;
	border: 0;
	border-radius: 0;
	margin-top: 0;
	display: block;
	
	/* Анимация */
	opacity: 0;
	visibility: hidden;
	transform: translateY(-1.25rem);
	transition: opacity .3s ease, transform .3s ease, visibility .3s;
	
}

.nav-item {
	
	border-radius: .5rem;
	
}

.nav-item:hover {

	background: #f4f4f6;
	color: #1177ef;
	
}

.navbar-nav .dropdown:hover > .dropdown-menu,
.navbar-nav .dropdown-menu:hover {
		
	opacity: 1;
	visibility: visible;
	transform: translateY(-1.25rem);
	
}

.dropdown-menu {
	
	top: 100%;
	left: 0;
	right: 0;
	
}

#header .logo h5 {
	
	font-size: .85rem;
	color: var(--middle--25);
	
}

#header .logo h4 {
	
	font-size: 1.25rem;
	color: var(--blue--30);	
	font-weight: 700;
	
}

.phone-top span {
	
	color: #3f4f68;
	
}

.phone-top a, .phone-top a:hover {
	
	color: #17274c;
	
}

.font-size-075rem {
	
	font-size: .75rem !important;
	
}

.font-size-085rem {
	
	font-size: .85rem !important;
	
}

.font-size-09rem {
	
	font-size: .9rem !important;
	
}

.font-size-095rem {
	
	font-size: .95rem !important;
	
}

.font-size-1rem {
	
	font-size: 1rem !important;
	
}

.font-size-105rem {
	
	font-size: 1.05rem !important;
	
}

.font-size-11rem {
	
	font-size: 1.1rem !important;
	
}

.font-size-115rem {
	
	font-size: 1.15rem !important;
	
}

.font-size-125rem {
	
	font-size: 1.25rem !important;
	
}

.font-size-15rem {
	
	font-size: 1.5rem !important;
	
}

.font-size-175rem {
	
	font-size: 1.75rem !important;
	
}

.font-size-2rem {
	
	font-size: 2rem !important;
	
}

.font-size-225rem {
	
	font-size: 2.25rem !important;
	
}

.font-size-25rem {
	
	font-size: 2.5rem !important;
	
}

.hero {
	
	background-image: url('/custom/static/images/optimis/hero-bg.avif');
	background-position: 50%;
	background-size: cover;
	position: relative;
	overflow: hidden;

}

.hero h2, .hero-about h2 {
	
	font-family: 'GolosTextWebBold',Poppins,Helvetica,sans-serif;
	font-size: 3rem;
	color: #2a94ff;
	
}

.hero h1, .hero-about h1 {
	
	font-size: 3.5rem;
	color: #22345a;
	
}

.hero h5, .hero-about h5 {
	
	font-family: 'GolosTextWebRegular',Poppins,Helvetica,sans-serif;
	color: #4b6b93;
	font-size: 1.15rem;
	
}

.hero-about {
	
	background-image: url('/custom/static/images/optimis/hero-about-bg.avif');
	background-position: 50%;
	background-size: cover;
	position: relative;
	overflow: hidden;

}

.btn-secondary {
	
	background: #17274c;
	color: #fff;
	
}


#footer {
	
	background: #17274c;
	color: #f5f8fa;
	
}

.logo-footer {
	
	height: 2.5rem;
	
}

.footer-divide {
	
	background-color: #979fa833;
    height: 1px;
	
}

.ico-wrapper {
	
	width: 3rem;
	height: 3rem;
	min-width: 3rem;
	min-height: 3rem;
	background: #005ada;
	color: #fff;
	border-radius: 50%;
	
}

.i-wrapper {
	
	width: 3rem;
	height: 3rem;
	min-width: 3rem;
	min-height: 3rem;
	background: #005ada;
	color: #fff;
	border-radius: .5rem;
	
}

.inactive .i-wrapper {
	
	background: #DFE8F0;
	color: #4368A2;
	
}

.menu-link-about .i-wrapper {
	
	background: #C6D5FF;
	color: #0012DA;
	
}

.menu-link-requisites .i-wrapper {

	background: #C3EEEC;
	color: #357768;
	
}

.menu-link-contacts .i-wrapper {

	background: rgba(0, 90, 218, .06);
	color: #007BFE;
	
}

.menu-link-blogs .i-wrapper {

	background: rgba(223, 232, 240, .8);
	color: #504160;
	
}

.menu-link-articles .i-wrapper {

	background: #F5F1FC;
	color: #6A5680;
	
}

.menu-link h5 {
	
	font-size: 1rem;
	font-family: 'GolosTextWebDemiBold',Poppins,Helvetica,sans-serif;
	color: #22345a;
	
}

.pane-heading, .tab-pane-desc-heading {
	
	font-family: 'GolosTextWebDemiBold',Poppins,Helvetica,sans-serif;
	
}

.tab-pane-desc-heading {
	
	font-size: 1.25rem;
	
}

.tab-pane-divline {
	
	background-color: #e5edf8;
	border-radius: 4px;
	width: 100%;
	height: 2px;
	
}

.tab-pane-desc-info {
	
	color: #3f4f68b3;
	line-height: 1.5;
	
}

.mainpage-tab-div {
	
	border-top-left-radius: 2rem;
	border-top-right-radius: 2rem;
	overflow: hidden;
	
}

.mainpage-tab-img {

	object-fit: cover;
	flex: none;
	width: 50%;
	
}

.menu-link:hover h5 {
	
	color: #1177ef;
	
}

.menu-link .snippet {
	
	color: #59687e99;
	
}

h6 {
	
	color: #4b6b93;
	font-size: .9rem;
	font-family: 'GolosTextWebMedium',Poppins,Helvetica,sans-serif;
	
}

.container-fluid {

	--bs-gutter-x: 3rem;
	max-width: 1840px;
	
}

.separator.separator-dashed {

	border-bottom-style: dashed;
	border-bottom-color: #dbdfe9;

}

.separator {
	
	display: block;
	height: 0;
	border-bottom: 1px solid #f1f1f4;

}

.bg-clients {
	
	position: absolute;
    bottom: 0;
    z-index: 2;
    width: 100%;
	background-image: radial-gradient(circle farthest-side at 25% -240%, #458df1, #1177ef 14%, #1762bd 32%, #082561);	
	
}

.bg-light-grey {
	
	background: #f5f8fa;
	
}

.bg-light-grey-2 {
	
	background: #f4f4f4;
	
}

.features-container {
	
	border: .75px solid #fff6;
	border-radius: 2rem;
	
}

.coming-soon-grey {
	
	color: #355178;
	background-color: #e5ecf3;
	border-radius: 99px;
	padding: .25rem .5rem;
	font-size: .75rem;
	font-weight: 500;
	line-height: 1.4;
	
}

.hero-feature .coming-soon-grey {
	
	position: absolute;
	top: 1rem;
	right: 1rem;
	
}

.hero-features-wrap {
	
	grid-column-gap: 1rem;
	grid-row-gap: 1rem;
	border: .75px solid #fff9;
	border-radius: 2rem;
	justify-content: space-between;
	padding: 1rem;
	display: flex;
	
}

.hero-feature {
	
	position: relative;
	color: #355178;
	text-align: center;
	background-color: #ffffffbf;
	border: 1px solid #ffffffb3;
	border-radius: 1.5rem;
	flex-flow: column;
	flex: 1;
	justify-content: flex-start;
	align-items: center;    
	font-size: 1rem;    
	display: flex;
	box-shadow: 0 .75px .75px #ccc7c733, inset 0 -.75px .75px #ccc7c733;
	
}

.mainpage-feature-head {

	color: #22345a;
	justify-content: center;
	align-items: center;
	height: 3rem;
	font-size: 2rem;
	font-family: 'GolosTextWebDemiBold',Poppins,Helvetica,sans-serif;
	display: flex;

}

.h2-tag {
	
	background-color: #ecf1f6;
	border-radius: 62px;
	padding: 6px 16px;
	font-family: 'GolosTextWebRegular',Poppins,Helvetica,sans-serif;	
	line-height: 1.4;
	
}

.h2-tag span {
	
	background-image: linear-gradient(#1e6bd0 24%,#1e4dd0 75%);
	-webkit-text-fill-color: transparent;
	background-clip: text;
	
}

.blue-dark {
	
	color: #005ada;

}

.h2 {
	
	color: #2b4369;
	font-family: 'GolosTextWebDemiBold',Poppins,Helvetica,sans-serif;
	font-size: 2.75rem;
	
}

.h2-description {
	
	color: #6286af;
	
}

.solution-item {
	
	background-color: #fff;
	background-image: radial-gradient(circle at 50% -50%, #6ee0ff, #f7f7f7 75%);
	border-radius: 1.75rem;
	justify-content: space-between;
	align-items: stretch;
	display: flex;
	position: relative;
	grid-area: span 1 / span 2 / span 1 / span 2;
	
}

.solution-tag {
	
	color: #355178;
	background-color: #fff;
	border-radius: 5rem;
	justify-content: flex-start;
	align-items: center;
	padding: .375rem .75rem;
	font-size: .85rem;	
	display: flex;

}

.solution-tag.green {

	color: #33664c;
	background-color: #edfaf9;
	
}

.solution-tag.blue {
	
	color: #355178;
	background-color: #dcfaff;
	
}

.solution-description {
	
	color: #2b4369;
	font-family: 'GolosTextWebDemiBold',Poppins,Helvetica,sans-serif;
	font-size: 2.25rem;
	
}

.bg-light-blue {
	
	background-color: #eaf1ff;
	
}

.list-style-none {
	
	list-style: none;
	
}

.w-15rem {
	
	width: 1.5rem;
	
}

.platform-features-list span {
	
	font-family: 'GolosTextWebMedium',Poppins,Helvetica,sans-serif;
	font-size: 1.1rem;
	color: #2b4369;
	
}

.platform-features-list i {
	
	color: #0037A8;
	
}

.with-shadow {
	
	box-shadow: 0 2px #c3ced980;
	
}

.btn-success {

	background-color: #4c9988;
	border-color: #4c9988;
	
}

.btn-success.with-shadow {

	box-shadow: 0 2px #4fa89b40;
	
}

.btn-outline-secondary {

	color: #17274c;
	
}

.btn-outline-secondary:hover {
	
	background-color: #f9f9fa;
	color: #17274c;
	
}

.solution-block {
	
	background-color: #0000;
	background-image: none;
	border: 2px solid #f0f3f4;
	border-radius: 1.75rem;
	
}

.solution-block-description {
	
	color: #4b6b93;
	
}

.solution-block h4 {
	
	font-size: 1.375rem;
	font-family: 'GolosTextWebMedium',Poppins,Helvetica,sans-serif;
	color: #17274c;
	
}

.footer-bottom {
	
	grid-column-gap: 5rem;
	grid-row-gap: 5rem;
	
}

.footer-copyright {
	
	color: #6286af;
	
}

.footer-description {
	
	color: #6286af;
	
}

.footer-license {
	
	color: #bdd0e0;	
	
}

.footer-body {
	
	grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: start;    
    display: grid;
	
}

.footer-title {
	
	color: #48afff;		
	line-height: 1.4;
	font-family: 'GolosTextWebDemiBold',Poppins,Helvetica,sans-serif;
	
}

.footer-column-menu-body {
	
	grid-column-gap: .5rem;
    grid-row-gap: .5rem;
	
}

.footer-column-menu-body a {
	
	color: #f5f8fa;		
	font-family: 'GolosTextWebDemiBold',Poppins,Helvetica,sans-serif;
	line-height: 1.4;
	text-decoration: none;
	transition: text-underline-offset .2s;
	
}

.footer-column-menu-body a.inactive {

	color: #f5f8fa66;
	
}

.footer-socials-body {
	
	grid-column-gap: 1.25rem;
	grid-row-gap: 1.75rem;
	flex-flow: wrap;
	
}

.footer-socials-body a {
	
	background-color: #2a94ff;
	border-radius: 50%;
	transition: background-color .2s;
	width: 36px;
	height: 36px;
	min-width: 36px;
	min-height: 36px;
	
}

.footer-subscribe-form input {
	
	color: #fff;
	background-color: #2b4369;
	border-color: #2b4369;
	
}

.footer-subscribe-form-ico span {

	color: #6286af;

}

.modules-block {
	
	background-color: #fff;
	border-radius: 2rem;
	padding: .75rem;
	box-shadow: 0 24px 24px #1c273b0d, 0 4px 8px #2761b303, 0 1rem #2761b30a;
	
}

.modules-block .tab-content {
	
	background-color: #f5f8fa;
	border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
	
}

.mainpage-tab-hero {
	
	grid-column-gap: 2rem;
	grid-row-gap: 2rem;	
	padding: 4rem;
	
}

.mainpage-tabs-menu {
	
	grid-column-gap: 1.75rem;
	grid-row-gap: 1.75rem;
	margin-left: 4rem;
	margin-right: 4rem;
	
}

.cursor-pointer {
	
	cursor: pointer;
	
}

.cursor-not-allowed {
	
	cursor: not-allowed;
	
}

.module-pill-item.active {
	
	background: #f5f8fa;
	
}

.module-pill-item.inactive:after {

	content: '';
	background-color: #fff9;
    position: absolute;
    inset: 0%;
	z-index: 2;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	
}

.mainpage-tabs-menu .module-pill-item {
	
	position: relative;
	border-radius: .5rem;
	color: #22345a;
	font-family: 'GolosTextWebDemiBold',Poppins,Helvetica,sans-serif;
	max-width: 100%;
	flex: 1;
	
}

.mainpage-tabs-menu .module-pill-item:before {
	
	content: '';
	position: absolute;
	height: 4px;
	inset: .75rem .75rem auto;
	border-radius: 999px;
	background-color: #e5edf8;
	
}

.mainpage-tabs-menu .module-pill-item.active:before {
	
	background-color: rgb(0, 88, 215);
	
}

.hero-about h1.h1 {

	font-size: 2.25rem;
	font-family: 'GolosTextWebDemiBold',Poppins,Helvetica,sans-serif;

}

.hero-about h4.h4 {

	font-size: 1.25rem;
	color: #4b6b93;
	font-family: 'GolosTextWebRegular',Poppins,Helvetica,sans-serif;;

}

.grey {
	
	color: #8e9bab;

}

.h2-tag {

	background-color: #ecf1f6;
	border-radius: 2rem;
	padding: .5rem 1rem;
	font-family: 'GolosTextWebDemiBold',Poppins,Helvetica,sans-serif;
	line-height: 1.4;	

}

.h2-tag .tag-heading {

	font-size: 1rem;
	font-family: 'GolosTextWebDemiBold',Poppins,Helvetica,sans-serif;

}

.blue-gradient {

	-webkit-text-fill-color: transparent;
	background-image: linear-gradient(#1e6bd0 24%, #1e4dd0 75%);
	-webkit-background-clip: text;
	background-clip: text;

}

.company-data {

	grid-column-gap: 1.5rem;
	grid-row-gap: 1.5rem;
	grid-template-columns: 1fr 1fr;
	grid-auto-columns: 1fr;

}

.mt-6 {

	margin-top: 4rem !important;

}

.mt-7 {

	margin-top: 5rem !important;

}

.mt-8 {

	margin-top: 6rem !important;

}

.mt-9 {

	margin-top: 7rem !important;

}

.mt-10 {

	margin-top: 8rem !important;

}

.mb-6 {

	margin-bottom: 4rem !important;

}

.mb-7 {

	margin-bottom: 5rem !important;

}

.mb-8 {

	margin-bottom: 6rem !important;

}

.mb-9 {

	margin-bottom: 7rem !important;

}

.mb-10 {

	margin-bottom: 8rem !important;

}

.pt-6 {

	padding-top: 4rem !important;

}

.pt-7 {

	padding-top: 5rem !important;

}

.pt-8 {

	padding-top: 6rem !important;

}

.pt-9 {

	padding-top: 7rem !important;

}

.pt-10 {

	padding-top: 8rem !important;

}

.pb-6 {

	padding-bottom: 4rem !important;

}

.pb-7 {

	padding-bottom: 5rem !important;

}

.pb-8 {

	padding-bottom: 6rem !important;

}

.pb-9 {

	padding-bottom: 7rem !important;

}

.pb-10 {

	padding-bottom: 8rem !important;

}

.team-member-img {

	width: 14rem;
	height: 14rem;
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 50%;

}

.team-member-hero {
	grid-column-gap: .75rem;
	grid-row-gap: .7rem;
	color: #2b4369;
	flex-flow: column;
	justify-content: flex-start;
	align-items: center;
	font-family: Inter, sans-serif;
	font-size: 1rem;
	font-family: 'GolosTextWebDemiBold',Poppins,Helvetica,sans-serif;
	line-height: 1.3;
	display: flex;

}

.team-member-position {

	background-color: #f5f8fa;
	border-radius: 1rem;
	padding: .5rem 1rem;
	font-size: .85rem;
	font-family: 'GolosTextWebThin',Poppins,Helvetica,sans-serif;

}

.head-description {

	color:#6286af;
	line-height: 1.4;

}

.head-info figure {

	width: 64px;
	height: 64px;
	min-width: 64px;
	border-radius: 50%;
	overflow: hidden;

}

.head-description-blog {

	background: rgb(41 152 255 / 15%);
	border-radius: 1rem;

}

.section-body-blog {

	border-top: solid 1px #eee;

}

.team-member-card {

	grid-column-gap: .75rem;
	grid-row-gap: .75rem;
	text-align: center;
	background-color: #fff;
	border-radius: 1.75rem;
	flex-flow: column;
	justify-content: flex-start;
	align-items: center;
	padding: 1.75rem;
	text-decoration: none;
	display: flex;
	box-shadow: 0 1.75rem 1.75rem #1c273b0d, 0 4px 8px #2761b303, 0 16px #2761b30a;

}

.about-clients {

	background-image: url('/custom/static/images/optimis/logos-bg.avif');
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	overflow: hidden;

}

.about-press {

	background-color: #eff7fd;    
	overflow: hidden;

}

.about-blogs, 
.about-video {

	background-image: linear-gradient(#fff, #eff7fd 65%);

}

.about-highlights {

	background-image: linear-gradient(#eff7fd, #fff 53%, #eff7fd);	
	overflow: hidden;

}

.gallery-img {

	border-radius: 1.75rem;
	height: 350px;

}

.about-grid {

	grid-column-gap: 2rem;
	grid-row-gap: 2rem;
	grid-template-rows: auto;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-auto-columns: 1fr;
	display: grid;

}

.about-item-heading {

	font-size: 1.125rem;
	color: #0c1427cc;
	line-height: 1.4;
	font-family: 'GolosTextWebDemiBold',Poppins,Helvetica,sans-serif;

}


.about-grid-item._1 {

	background-image: linear-gradient(#edfafc, #edfafc80);

}

.about-grid-item._2 {

	background-image: linear-gradient(#f3f6f5, #f3f7f580);

}

.about-grid-item {

	border-radius: 1.75rem;
	flex-flow: column;
	display: flex;

}

.about-grid-img-cont {

	border-top-left-radius: 1rem !important;
	border-top-right-radius: 1rem !important;
	overflow: hidden;
	height: 180px;

}

.about-grid-hero {

	font-size: .9rem;
	color: #4b6b93cc;
	line-height: 1.6;
	padding: 1.5rem;

}

.media-article-item {

	grid-column-gap: 2rem;
	grid-row-gap: 2rem;
	background-color: #fff;
	border-radius: 1.75rem;
	flex-flow: column;
	justify-content: space-between;
	align-items: flex-start;
	width: 100%;
	padding: 2rem;
	display: flex;

}

.media-article-hero {

	grid-column-gap: 2rem;
	grid-row-gap: 2rem;
	flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;    
    display: flex;

}

.media-article-item .media-logo {

	height: 3rem;

}

.media-article-heading {

	color: #22345a;
	letter-spacing: -.01em;
	font-size: 1.25rem;
	font-family: 'GolosTextWebBold',Poppins,Helvetica,sans-serif;
	line-height: 1.3;

}

.media-article-content {

	grid-column-gap: .75rem;
	grid-row-gap: .75rem;
	color: #4b6b93;
	flex-flow: column;
	font-size: .9rem;
	line-height: 1.6;
	display: flex;

}

.video-posts {

	grid-column-gap: 1.5rem;
	grid-row-gap: 1.5rem;
	grid-template-rows: auto;
	grid-template-columns: 1fr 1fr 1fr;
	grid-auto-columns: 1fr;
	display: grid;

}

.video-card-title {

	color: #17274c;	
	font-family: 'GolosTextWebDemiBold',Poppins,Helvetica,sans-serif;
	line-height: 1.35;

}

.video-card-header {

	overflow: hidden;
	border-radius: 1.75rem;

}

.video-card-header > img {

	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;

}

.blog-posts {

	grid-column-gap: 1.5rem;
	grid-row-gap: 1.5rem;
	grid-template-rows: auto;
	grid-template-columns: 1fr 1fr 1fr;
	grid-auto-columns: 1fr;
	display: grid;

}

.blog-card {

	background-color: #fff;
	border-radius: 1rem;
	text-decoration: none;
	transition: box-shadow .2s;
	position: relative;
	overflow: hidden;

}

.blog-card::after {

	content: '\f054';
	font-family: "Font Awesome 6 Pro";
    font-weight: 400;
	position: absolute;
	bottom: 1.5rem;
	right: 1.5rem;
	color: #2998FF;
	opacity: 0;

}

.blog-card:hover {

	box-shadow: 10px 0 1.6875rem #0e20421a;
	outline: 0;

}

.blog-card:hover::after {

	opacity: 1;
	color: #2998FF;

}

.blog-card-header {

	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
/*	height: 240px;*/
	overflow: hidden;
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;

}

.blog-card-icon {
	
	position: absolute;
	right: 1.5rem;
	top: 1.5rem;
	background: rgb(41 152 255 / 15%);
	padding: 1rem;
	border-radius: 1rem;

}

.blog-card-icon > img {

	height: .85rem;

}

.blog-card-body {

	color: #4b6b93;

}

.blog-card-date {

	color: #979fa8;
    font-size: .75rem;
    line-height: 1rem;

}

.blog-card-title {

	color: #22345a;	
	font-size: 1.25rem;
	font-family: 'GolosTextWebBold',Poppins,Helvetica,sans-serif;

}

.blog-card-snippet {

	color: #979fa8;	

}

.blog-hero {

	overflow: hidden;
	border-radius: 1rem;

}

.tab-pane-desc-columns {
	
	grid-column-gap: 1.5rem;
	grid-row-gap: 1.5rem;
	grid-template-rows: auto;
	grid-template-columns: 1fr 1fr;
	grid-auto-columns: 1fr;
	display: grid;
	
}

.hide {
	
	display: none;
	
}

.popup-message-hint {
	
	color: #dc3545;
	
}

.service-group-list-simple > .infinite-price-item:first-child {
	
	border-top: none !important;
	
}

.i-block {
	
	background: linear-gradient(#ebf2ff,#edf2fc80);
	
}

.i-block-green {
	
	background: linear-gradient(#e4f8ee, #edfdf4e0);
	
}

.i-block-blue {
	
	background-image: linear-gradient(#edfafc, #edfafc80);
	
}

.i-block h4, .i-block-green h4 {
	
	font-family: 'GolosTextWebRegular',Poppins,Helvetica,sans-serif;
	
}

.i-block h5, .i-block-green h5 {
	
	font-family: 'GolosTextWebRegular',Poppins,Helvetica,sans-serif;
	color: #005ada;
	
}

.i-block h5 a {
	
	font-family: 'GolosTextWebRegular',Poppins,Helvetica,sans-serif;
	color: #005ada;
	
}

.h2-heading {
	
	border-bottom: solid 1px #ccc;
	font-family: 'GolosTextWebRegular',Poppins,Helvetica,sans-serif;
	
}

.i-block-info {

	color: rgba(0, 0, 0, 0.6);
	font-family: 'GolosTextWebRegular',Poppins,Helvetica,sans-serif;
	
}

.dashed-list li:first-child {
	
	border-top: none !important;
	margin: 0 !important;
	padding: 0 !important;
	
}

.dashed-list li {
	
	margin: 1rem 0 0 0 !important;
	padding: 1rem 0 0 0 !important;
	border-top: dashed 1px #c3ced9 !important;
	
}

.dashed-list li::before {
	
	display: none !important;
	
}

.license-img {
	
	border-radius: 2rem !important;
	overflow: hidden !important;
	
}

.footer-phone {
	
	color: var(--white);
	font-size: 1.5rem;
	font-family: 'GolosTextWebBold',Poppins,Helvetica,sans-serif;
	
}

.footer-phone:hover, .footer-phone:active, .footer-phone:focus {
	
	color: var(--white);
	
}

#footer .address {
	
	color: var(--white);
	
}

.footer-map-link {
	
	line-height: 1.5;
	border-bottom: solid 1px #fff;
	
}

.btn-white {
	
	background: var(--white);
	
}

.btn-white:hover {
	
	background-color: rgba(255,255,255,.9) !important;
	color: var(--black);
	
}

.footer-info-link, .footer-info-link:hover {
	
	color: #bdd0e0;
	
}

.page-snippet, .filter-block {
	
	background: #F5F6F6;
	border-radius: 1rem !important;
	
}

.filter-block h2 {
	
	color: var(--black);
	font-family: 'GolosTextWebRegular',Poppins,Helvetica,sans-serif;
	font-size: 1.5rem;
	
}

.inpage-doctors {
	
	background: #F5F6F6;
	
}

.white-tile {

	border: 1px solid #eff1f5;
	box-shadow: 0px 5px 25px 0px rgba(18, 25, 38, 0.1);
	border-radius: 1rem !important;
	
}

.pallium-toggle-list {
	
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row;
	flex-flow: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0;
	position: relative;
	font-size: 1.25rem;
	font-weight: 600;
	color: var(--black);
	
}

.pallium-toggle-list:after {

	content: '';
    display: inline-block;
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTE3Ljg0MTEgOS4wMzUzMkwxMS45OTk5IDE0Ljg3NjVMNi4xNTg3MSA5LjAzNTMyTDUuMDI5MyAxMC4xNjQ3TDExLjk5OTkgMTcuMTM1M0wxOC45NzA1IDEwLjE2NDdMMTcuODQxMSA5LjAzNTMyWiIgZmlsbD0iIzY0NjQ3OCIvPgo8L3N2Zz4=) center no-repeat;
	width: 24px;
	height: 24px;
	margin: 0 0 0 auto;
	-webkit-transition: -webkit-transform .2s linear;
	transition: -webkit-transform .2s linear;
	transition: transform .2s linear;
	transition: transform .2s linear,-webkit-transform .2s linear;
	padding: 0;
    outline: 0;
	box-sizing: border-box;

}

.pallium-toggle-list.active:after, .main-filter__btn.active:after {

    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);

}

.pallium-toggle-list:hover {
	
	color: rgba(0,0,0,.75);
	
}

.loader {

	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBzdHlsZT0ibWFyZ2luOiBhdXRvOyBkaXNwbGF5OiBibG9jazsgc2hhcGUtcmVuZGVyaW5nOiBhdXRvOyIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjRweCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIj4KPGNpcmNsZSBjeD0iNTAiIGN5PSI1MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDA5OEQ5IiBzdHJva2Utd2lkdGg9IjEwIiByPSIzNSIgc3Ryb2tlLWRhc2hhcnJheT0iMTY0LjkzMzYxNDMxMzQ2NDE1IDU2Ljk3Nzg3MTQzNzgyMTM4Ij4KICA8YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InJvdGF0ZSIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGR1cj0iMXMiIHZhbHVlcz0iMCA1MCA1MDszNjAgNTAgNTAiIGtleVRpbWVzPSIwOzEiLz4KPC9jaXJjbGU+CjwhLS0gW2xkaW9dIGdlbmVyYXRlZCBieSBodHRwczovL2xvYWRpbmcuaW8vIC0tPjwvc3ZnPg==) center no-repeat;

}

.loader.infinite-loading:after {

	content: '--- Загрузка ---';
    text-indent: -10000px;
    display: block;
    color: transparent;
    padding: 15px;
    margin-top: 2rem;
    text-align: center;
    width: 100%;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBzdHlsZT0ibWFyZ2luOiBhdXRvOyBkaXNwbGF5OiBibG9jazsgc2hhcGUtcmVuZGVyaW5nOiBhdXRvOyIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjRweCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIj4KPGNpcmNsZSBjeD0iNTAiIGN5PSI1MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDA5OEQ5IiBzdHJva2Utd2lkdGg9IjEwIiByPSIzNSIgc3Ryb2tlLWRhc2hhcnJheT0iMTY0LjkzMzYxNDMxMzQ2NDE1IDU2Ljk3Nzg3MTQzNzgyMTM4Ij4KICA8YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InJvdGF0ZSIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGR1cj0iMXMiIHZhbHVlcz0iMCA1MCA1MDszNjAgNTAgNTAiIGtleVRpbWVzPSIwOzEiLz4KPC9jaXJjbGU+CjwhLS0gW2xkaW9dIGdlbmVyYXRlZCBieSBodHRwczovL2xvYWRpbmcuaW8vIC0tPjwvc3ZnPg==) center no-repeat !important;

}

.infinite-container.infinite-loading:after {

    content: '--- Загрузка ---';
    text-indent: -10000px;
    display: block;
    color: transparent;
    padding: 15px;
    margin-top: 2rem;
    text-align: center;
    width: 100%;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBzdHlsZT0ibWFyZ2luOiBhdXRvOyBkaXNwbGF5OiBibG9jazsgc2hhcGUtcmVuZGVyaW5nOiBhdXRvOyIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjRweCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIj4KPGNpcmNsZSBjeD0iNTAiIGN5PSI1MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDA5OEQ5IiBzdHJva2Utd2lkdGg9IjEwIiByPSIzNSIgc3Ryb2tlLWRhc2hhcnJheT0iMTY0LjkzMzYxNDMxMzQ2NDE1IDU2Ljk3Nzg3MTQzNzgyMTM4Ij4KICA8YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InJvdGF0ZSIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGR1cj0iMXMiIHZhbHVlcz0iMCA1MCA1MDszNjAgNTAgNTAiIGtleVRpbWVzPSIwOzEiLz4KPC9jaXJjbGU+CjwhLS0gW2xkaW9dIGdlbmVyYXRlZCBieSBodHRwczovL2xvYWRpbmcuaW8vIC0tPjwvc3ZnPg==) center no-repeat !important;

}

.infinite-price-item {

	border-top: 1px solid rgba(100,100,120,.3);
	font-size: 1.125rem;

}

.search-tile > .infinite-price-item:first-child {
	
	border-top: none !important;
	
}

.callout-block {
	
	background: #2a94ff;
	color: var(--white);
	border-radius: 1.5rem !important;	
	
}

.callout-buttons {
	
	grid-column-gap: 1.25rem;
	grid-row-gap: 1.75rem;
	flex-flow: wrap;
	
}

.callout-block .right-part {
	
	width: 40%;
	
}

.callout-block .right-part img {
	
	position: absolute;
    bottom: 0;
    width: 370px;
	
}

.font-weight-500 {
	
	font-family: 'GolosTextWebRegular',Poppins,Helvetica,sans-serif;
	font-weight: 500;
	
}

.white-popup {

	border-radius: 1rem !important;	
	
}

.bg-grey {
	
	background: #eaecf1;
	
}

.bg-light-grey {

	background: #F5F6F6;
	
}

.card-blue, .card-blue a {
	
	background: #2a94ff;
	color: var(--white);
	border-radius: 1rem !important;
	
}

.card-white {
	
	background: var(--white);
	border-radius: 1rem !important;
	color: (--black);
	
}

.card-blue h3, .card-white h3 {
	
	margin-bottom: 1rem;
	text-transform: uppercase;
	font-weight: 500;
	font-family: 'GolosTextWebMedium', Poppins, Helvetica, sans-serif;
	font-size: 1.25rem;
	
}

#map {
		
	border-radius: 1rem !important;
	overflow: hidden;	
	border: solid 5px var(--white);
	
}

#map .map-widget-map-component {
	
	filter: grayscale(1) !important;
	
}

.inpage-content ul {
	
	padding: 0;
	margin: 0;
	list-style: none;
	
}

.inpage-content ol {
	
	padding: 0;
	margin: 0;
	
}

.inpage-content ul li {
	
	margin: .75rem 0;
	padding-left: 1.5rem;
	position: relative;
	
}

.inpage-content ol li {
	
	margin: .75rem 0 .75rem 1.25rem;
	padding-left: .5rem;
	position: relative;
	
}

.inpage-content ul li::before {
		
	content: '';
	position: absolute;
	left: 0;
	top: .375rem;	
	width: 0.75rem;
	border-radius: 100%;
	background: #2a94ff;
	height: 0.75rem;
	
}

.text-color-main {

	color: var(--color-main);
	
}

.gap-1rem {
	
	gap: 1rem;
	
}

.doctor-grid {
	
	grid-column-gap: 1.5rem;
	grid-row-gap: 1.5rem;
	grid-template-rows: auto;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-auto-columns: 1fr;
	display: grid;
	
}

.doctor-grid .doctor-card {
	
	border-radius: 1rem !important;
	border: solid 5px var(--white);
	background: var(--white);
	overflow: hidden;
	
}

.doctor-grid .doctor-card-photo {
	
	max-height: 300px;
	min-height: 300px;
	
}

.bg-gradient-blue {
	
	background: #4B9BD8;
	background: linear-gradient(45deg,rgba(75, 155, 216, 1) 0%, rgba(107, 183, 233, 1) 100%);
	
}

.booking-page .doctors-list .doctor-card .photo:not(.loading) {
	
	background: #4B9BD8;
	background: linear-gradient(45deg,rgba(75, 155, 216, 1) 0%, rgba(107, 183, 233, 1) 100%);
	
}

.booking-page .doctors-list .doctor-card .photo img {
	
	padding-top: 1rem;
	
}

.booking .booking-order-type-select span {
	
	font-family: 'GolosTextWebDemiBold', Poppins, Helvetica, sans-serif;
	
}

.btn-gu {
	
	background-image: linear-gradient(90deg, rgba(249, 211, 208, 0.3) 0%, rgba(211, 232, 254, 0.3) 100%);
    background-color: rgb(255, 255, 255);
	
}

.w-2rem {
	
	width: 2rem;
	
}

.w-3rem {
	
	width: 3rem;
	
}

.g-0, .gy-0 {

	--bs-gutter-y: 0 !important;

}

.g-0, .gx-0 {

	--bs-gutter-x: 0 !important;

}

.g-1, .gy-1 {

	--bs-gutter-y: .25rem !important;

}

.g-1, .gx-1 {

	--bs-gutter-x: .25rem !important;

}

.g-2, .gy- {

	--bs-gutter-y: .5rem !important;

}

.g-2, .gx-2 {

	--bs-gutter-x: .5rem !important;

}

.g-3, .gy-3 {

	--bs-gutter-y: 1rem !important;

}

.g-3, .gx-3 {

	--bs-gutter-x: 1rem !important;

}

.g-4, .gy-4 {

	--bs-gutter-y: 1.5rem !important;

}

.g-4, .gx-4 {

	--bs-gutter-x: 1.5rem !important;

}

.g-5, .gy-5 {

	--bs-gutter-y: 3rem !important;

}

.g-5, .gx-5 {

	--bs-gutter-x: 3rem !important;

}

.service-name, 
.form-switch > * {
	
	cursor: pointer;
	
}

.nowrap {
	
	white-space: nowrap !important;
	
}

.profile-tabs .nav-item {
	
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	
}

#chatwidget {
	
	border-radius: .5rem !important;
	overflow: hidden;
	
}

.countdown .value {

    color: #fff;
    position: absolute;
    z-index: 5;
    text-align: center;
    width: 100%;
    left: 0;
    top: 21px;
    font-size: 36px;
    font-weight: bold;

}

.countdown .time {
  border-radius: 5px;
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
  display: inline-block;
  text-align: center;
  position: relative;
  height: 95px;
  width: 65px;

  -webkit-perspective: 479px;
  -moz-perspective: 479px;
  -ms-perspective: 479px;
  -o-perspective: 479px;
  perspective: 479px;

  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;

  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);

  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
.countdown .count {
	
	background: #202020;
	color: #f8f8f8;
	display: block;
	font-family: 'Oswald', sans-serif;
	font-size: 2em;
	line-height: 2.4em;
	overflow: hidden;
	position: absolute;
	text-align: center;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
	top: 0;
	width: 100%;
	
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	
	-webkit-transform-style: flat;
	-moz-transform-style: flat;
	-ms-transform-style: flat;
	-o-transform-style: flat;
	transform-style: flat;
	
	z-index: 1;

}

.countdown .count.top {
  border-top: 1px solid rgba(255,255,255,0.2);
  border-bottom: 1px solid rgba(255,255,255,0.1);
  border-radius: 5px 5px 0 0;
  height: 50%;

  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.countdown .count.bottom {
  background-image: linear-gradient(rgba(255,255,255,0.1), transparent);
  background-image: -webkit-linear-gradient(rgba(255,255,255,0.1), transparent);
  background-image: -moz-linear-gradient(rgba(255,255,255,0.1), transparent);
  background-image: -ms-linear-gradient(rgba(255,255,255,0.1), transparent);
  background-image: -o-linear-gradient(rgba(255,255,255,0.1), transparent);
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  border-radius: 0 0 5px 5px;
  line-height: 0;
  height: 50%;
  top: 50%;

  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0;
}
.countdown .count.next {
}
.countdown .label {
  font-size: normal;
  margin-top: 5px;
  display: block;
  position: absolute;
  top: 95px;
  width: 100%;
  color: #333 !important;
}
/* Animation start */
.countdown .count.curr.top {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
  z-index: 3;
}
.countdown .count.next.bottom {
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  -ms-transform: rotateX(90deg);
  -o-transform: rotateX(90deg);
  transform: rotateX(90deg);
  z-index: 2;
}
/* Animation end */
.countdown .flip .count.curr.top {
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;

  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  -ms-transform: rotateX(-90deg);
  -o-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
}
.countdown .flip .count.next.bottom {
  -webkit-transition: all 250ms ease-in-out 250ms;
  -moz-transition: all 250ms ease-in-out 250ms;
  -ms-transition: all 250ms ease-in-out 250ms;
  -o-transition: all 250ms ease-in-out 250ms;
  transition: all 250ms ease-in-out 250ms;

  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
}

.dz-preview {

	display: none !important;

}

.dropzone-with-preview .dz-preview {

	display: inline-block !important;

}

.border-top-dashed {
	
	border-top: dashed 1px #ccc;
	
}

.press {
	
	background: #eff7fd;
	
}

.masonry-cols {
	
	column-count: 3;
	column-gap: 1rem;
	
}

.masonry-cols .item {
	
	break-inside: avoid;
	
}

.doctor-card.head-info figure {
	
	background: #eee;
	
}

.doctor-page {
	
	gap: 1.5rem;
	
}

.doctor-page figure {
	
	flex: 0 0 400px;
	max-height: 530px;
	
}

.info-k {
	
	color: #999;
	
}

.document-upload-container {
	
	position: sticky;
	top: 10rem;
	
}

.word-break-all {
	
	word-break: break-all;
	
}

@media only screen and (max-width: 768px) {
	
	.document-upload-container {
		
		top: 4rem;
		
	}
	
	.masonry-cols {
		
		column-count: 1;
		
	}
	
	.doctor-page figure {
		
		flex: 1;
		width: 100%;		
		
	}
	
	.countdown .time {
		
		width: 50px;
		height: 85px;
		
	}
	
	.countdown .value {
		
		font-size: 30px;
		top: 19px;
		
	}
	
	.countdown .label {
		
		font-size: .75rem;
		
	}
	
	.mobile-menu {
		
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		transform: translateX(-100%);
		opacity: .5;
		transition: all .3s;
		z-index: 100;
		background: var(--color-main);
		
	}
	
	.hr-white {
		
		border-top: solid 1px var(--white);
		opacity: 1;
		
	}
	
	.signup-h3 {
		
		font-size: 1.15rem !important;
		
	}
	
	.mobile-menu.on {
		
		opacity: 1;
		transform: translateX(0);
		
	}
		
	.booking-page .booking-steps > div > a {
		
		font-size: .75rem;
		
	}
	
	.doctor-grid {
		
		grid-template-columns: 1fr;
		
	}		
	
	.booking-page .booking-dates {
		
		top: 57px;
		
	}
	
	.dashed-list li > strong {
		
		display: block;
		
	}
	
	.mainpage-tab-img {

		display: none;
    
	}
	
	.tab-pane-desc-heading {
		
		font-size: 1rem;
		
	}
	
	.company-logo {
		
		height: 1.5rem;
		
	}

	:root, .row, .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {

		--bs-gutter-x: 3rem;
		
	}

	.hero h2 {
		
		font-size: 2rem;
		
	}

	.hero h1 {
		
		font-size: 3rem;
		
	}
	
	.h2 {
		
		font-size: 1.75rem;
		
	}
	
	.footer-body {
		
		display: flex;
		flex-direction: column;
		
	}
	
	.footer-bottom {
		
		grid-column-gap: 2rem;
		grid-row-gap: 2rem;
		
	}
	
	.features-container {
		
		border: none;
		
	}
	
	.hero-features-wrap {
		
		grid-column-gap: .5rem;
		grid-row-gap: .5rem;
		padding: 0;
		border: none;		
		
	}
	
	.hero-feature {
	
		grid-column-gap: .25rem;
		grid-row-gap: .25rem;
		border-width: .33px;
		border-radius: 10px;
		flex: 1 auto !important;
		max-width: 124px;
		padding: 1rem .25rem !important;
		font-size: .5rem;
		
	}
	
	.mainpage-feature-head {
		
		height: 2rem;
		font-size: .85rem;
		
	}
	
	.hero-feature .coming-soon-grey {
		
		top: .25rem;
		right: .25rem;
		font-size: .5rem;
		
	}
	
	.bg-clients {
		
		position: absolute;
		overflow-x: scroll;
		overflow-y: hidden;
		bottom: 0;
		
	}
	
	.partners-grid {
		
		grid-column-gap: 1.5rem;
		grid-row-gap: 1.5rem;
		
	}
	
	.mob-phone-number {
		
		color: var(--middle--15);
		font-family: 'GolosTextWebDemiBold',Poppins,Helvetica,sans-serif;
		line-height: 1.4;
		text-decoration: none;
		font-size: .9rem;
		
	}
	
	.solution-description {
		
		font-size: 1.5rem;
		
	}
	
	.modules-block .tab-content {
		
		border-radius: 1.5rem;
		
	}
	
	.mainpage-tabs-menu {
		
		grid-column-gap: .5rem;
		grid-row-gap: .5rem;
		overflow: scroll;
		flex-flow: row;
		margin-left: 0rem;
		margin-right: 0rem;
		
	}
	
	.mainpage-tab-hero {
		
		padding: 1rem;
		
	}
	
	.mainpage-tabs-menu .module-pill-item {
		
		border-radius: 1.5rem;
		
	}
	
	.mainpage-tabs-menu .module-pill-item:before {
		
		inset: 1rem 1rem auto;
		
	}

	.team-member-card {

		width: 100%;

	}

	.team-member-img {

		width: 18rem;
		height: 18rem;

	}

	.hero-about h1 {

		font-size: 1.65rem;
		line-height: 1.25;

	}

	h2.h2 > span {

		font-size: 1.5rem !important;

	}

	.blog-posts, .video-posts {

		grid-template-rows: auto auto auto;
        grid-template-columns: 1fr;

	}

	.video-posts {

		row-gap: 0 !important;

	}
	
	.form-switch .form-check-input-lg {
		
		margin-left: -1.75rem;
		min-width: 1.75rem;
		
	}
	
	.no-bottom-radius {
		
		border-bottom-left-radius: 0 !important;
		border-bottom-right-radius: 0 !important;
		
	}
		
}

@media screen and (min-width: 576px) {
	
	.form-switch .form-check-input-lg {
		
		margin-left: -1.75em;
		
	}

	.mt-sm-6 {

		margin-top: 4rem !important;

	}

	.mt-sm-7 {

		margin-top: 5rem !important;

	}

	.mt-sm-8 {

		margin-top: 6rem !important;

	}

	.mt-sm-9 {

		margin-top: 7rem !important;

	}

	.mt-sm-10 {

		margin-top: 8rem !important;

	}

	.mb-sm-6 {

		margin-bottom: 4rem !important;

	}

	.mb-sm-7 {

		margin-bottom: 5rem !important;

	}

	.mb-sm-8 {

		margin-bottom: 6rem !important;

	}

	.mb-sm-9 {

		margin-bottom: 7rem !important;

	}

	.mb-sm-10 {

		margin-bottom: 8rem !important;

	}

	.pt-sm-6 {

		padding-top: 4rem !important;

	}

	.pt-sm-7 {

		padding-top: 5rem !important;

	}

	.pt-sm-8 {

		padding-top: 6rem !important;

	}

	.pt-sm-9 {

		padding-top: 7rem !important;

	}

	.pt-sm-10 {

		padding-top: 8rem !important;

	}

	.pb-sm-6 {

		padding-bottom: 4rem !important;

	}

	.pb-sm-7 {

		padding-bottom: 5rem !important;

	}

	.pb-sm-8 {

		padding-bottom: 6rem !important;

	}

	.pb-sm-9 {

		padding-bottom: 7rem !important;

	}

	.pb-sm-10 {

		padding-bottom: 8rem !important;

	}

	.mw-sm-240 {

		max-width: 240px;

	}

	.mw-sm-320 {

		max-width: 320px;

	}
	
	.w-sm-50 {
	
		width: 50% !important;	
		
	}
	
	.w-sm-100 {
	
		width: 100% !important;	
		
	}
	
	.g-sm-0, .gx-sm-0 {
	
		--bs-gutter-x: 0rem !important;
		
	}
	
	.g-sm-0, .gy-sm-0 {
		
		--bs-gutter-y: 0rem !important;		
		
	}
	
	.g-sm-1, .gx-sm-1 {
	
		--bs-gutter-x: .25rem !important;
		
	}
	
	.g-sm-1, .gy-sm-1 {
		
		--bs-gutter-y: .25rem !important;		
		
	}
	
	.g-sm-2, .gx-sm-2 {
	
		--bs-gutter-x: .5rem !important;
		
	}
	
	.g-sm-2, .gy-sm-2 {
		
		--bs-gutter-y: .5rem !important;		
		
	}
	
	.g-sm-3, .gx-sm-3 {
	
		--bs-gutter-x: 1rem !important;
		
	}
	
	.g-sm-3, .gy-sm-3 {
		
		--bs-gutter-y: 1rem !important;		
		
	}
	
	.g-sm-4, .gx-sm-4 {
	
		--bs-gutter-x: 1.5rem !important;
		
	}
	
	.g-sm-4, .gy-sm-4 {
		
		--bs-gutter-y: 1.5rem !important;		
		
	}
	
	.g-sm-5, .gx-sm-5 {
	
		--bs-gutter-x: 3rem !important;
		
	}
	
	.g-sm-5, .gy-sm-5 {
		
		--bs-gutter-y: 3rem !important;		
		
	}
	
	.container-sm-xxl {
		
		max-width: 1320px;
		--bs-gutter-x: 1.5rem;
		--bs-gutter-y: 0;
		width: 100%;
		padding-right: calc(var(--bs-gutter-x) * .5);
		padding-left: calc(var(--bs-gutter-x) * .5);
		margin-right: auto;
		margin-left: auto;
		
	}	
	
	.container-sm-none {
		
		max-width: none !important;
		padding-left: 0;
		padding-right: 0;
		
	}

}

@media screen and (min-width: 1440px) {

	.gallery-img {

		height: 490px;

	}

}

@media screen and (min-width: 1280px) {

	.gallery-img {

		height: 420px;
	
	}

}