/*
 *	www.krbadvokati.cz
 *	Copyright 2024 Tomas Hrkalik
 *	www.hrkalik.com
 */


html,
body {
	font-family: Borna, Helvetica, Arial, sans-serif;
	font-weight: 400;
	color: #101010;
	background-color: #FFFFFF;
	font-size: 18px;
	height: 100%;
	text-align: left;
	-webkit-backface-visibility: hidden;
	-webkit-font-smoothing: antialiased;
	scroll-behavior: smooth;
}

@media (min-width: 1200px) {
    /*.container{
        max-width: 1210px;
    }*/
}

@media(max-width: 991px) {
	html, body {
		font-size: 16px;
	}
}

@media(max-width: 767px) {
	html, body {
		
	}
}

::-moz-selection     { background: #1A6FF9; color: #FFFFFF; text-shadow: none; }
::selection          { background: #1A6FF9; color: #FFFFFF; text-shadow: none; }

p, li, h2, h3 {
	font-size: 1rem;
	line-height: 1.6;
	margin-bottom: 1.2rem;
}

p {
	letter-spacing: .02rem;
}

img {
	max-width: 100%;
}

a, button {
	-webkit-transition: all 140ms linear;
	-moz-transition: all 140ms linear;
	-o-transition: all 140ms linear;
	-ms-transition: all 140ms linear;
	transition: all 140ms linear;
	box-shadow: none;
}

.text-blue {
	color: #1A6FF9;
}

.text-ochre {
	color: #F8D49D;
}

.text-darkgrey {
	color: #101010;
}

.text-semibold {
	font-weight: 500 !important;
}

#head {
	width: 100%;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 100;
}



@media(min-width: 992px) {

	#head.scrolling {
		position: fixed;
		top: 20px;
		left: 0;
		width: 100%;
		margin-top: 0;
	}

	#head.scrolling .logo-image {
		max-width: 240px;
	}

	#head.scrolling .bg {
		background-color: #FFFFFF;
		border-radius: 10px;
		padding-left: 1.8rem;
		padding-right: 1.8rem;
		box-shadow: 0px 0px 123px -25px rgba(0,0,0,0.44);
	}

}

#head .bg {
	-webkit-transition: all 240ms linear;
	-moz-transition: all 240ms linear;
	-o-transition: all 240ms linear;
	-ms-transition: all 240ms linear;
	transition: all 240ms linear;
}


.sc-header {
	margin-top: 1.8rem;
}

#head.scrolling .logo-image {
	content: url('../img/logo-name.svg');
}

.menu {
	list-style-type: none;
	display: flex;
}

menu li {
	margin-bottom: 0;
}

.menu li a, .lang-switcher {
	display: block;
	padding: .1rem .9rem;
	color: #101010;
	text-decoration: none;
	border-radius: 5px;
}

.menu li.menu-primary a {
	margin-left: .9rem;
	margin-right: .9rem;
}

.menu li a:hover, .menu li a.active, .lang-switcher, .lang-switcher-menu {
	background: #F9F9F9;
}

.menu li a.active {
	font-weight: 500;
}

.lang-switcher {
	border: 0;
	outline: 0;
	padding: .1rem .9rem;
}

.lang-switcher-menu {
	border: 0;
	text-align: right;
	min-width: 8rem;
}

.lang-switcher-menu .dropdown-item img {
	margin-left: 5px;
	position: relative;
	top: -1px;
}

@media (min-width: 768px) {
.animate {
	animation-duration: 0.3s;
	-webkit-animation-duration: 0.3s;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
}
}

@keyframes slideIn {
0% {
	transform: translateY(1rem);
	opacity: 0;
}

100% {
	transform: translateY(34.5px);
	opacity: 1;
}

0% {
	transform: translateY(45px);
	opacity: 0;
}
}

@-webkit-keyframes slideIn {
0% {
	-webkit-transform: transform;
	-webkit-opacity: 0;
}

100% {
	-webkit-transform: translateY(34.5px);
	-webkit-opacity: 1;
}

0% {
	-webkit-transform: translateY(45px);
	-webkit-opacity: 0;
}
}

.slideIn {
	-webkit-animation-name: slideIn;
	animation-name: slideIn;
}

.dropdown-toggle.lang-switcher::after {
	border: 0;
	background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI1IiB2aWV3Qm94PSIwIDAgOSA1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMSAxTDQuNSA0TDggMSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjI1Ii8+Cjwvc3ZnPgo=');
	background-size: 10px 5px;
	vertical-align: 2px;
	width: 10px;
	height: 5px;
	transition: transform 140ms linear;
}

.dropdown-toggle.lang-switcher.show::after {
	transform: rotate(180deg);
}

.base-white {
	background-color: #FFFFFF;
	position: relative;
}

.topography {
	position: relative;
}

.topography::before {
	content: "";
	position: absolute;
	background-repeat: no-repeat;
}

.topography.tp-1::before {
	background-image: url('../img/topography-1.svg');
	background-size: contain;
	width: 1208px;
	height: 1162px;
	top: 0;
	right: 0;
	z-index: -1;
	animation: tp1Movement ease 3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@keyframes tp1Movement {
    0% {
        top: -15px;
		right: 30px;
		opacity: .5;
    }
    100% {
        top: 0;
		right: 0;
		opacity: 1;
    }
}

.topography.tp-2::before {
	background-image: url('../img/topography-2.svg');
	background-size: contain;
	width: 1292px;
	height: 1162px;
	top: 0;
	right: 0;
	z-index: -1;
}

.topography.tp-4::before {
	background-image: url('../img/topography-4.svg');
	background-size: contain;
	width: 100%;
	height: 1162px;
	top: 0;
	right: 0;
	z-index: -1;
}

.section-narrow {
	margin-left: 4.25rem;
	margin-right: 4.25rem;
}

.section-narrow-left {
	margin-left: 4.25rem;
}

@media(max-width: 1399px) {
	.section-narrow, .section-narrow-left {
		margin-left: 0;
		margin-right: 0;
	}
}

.sc-top {
	padding-top: 15rem;
	padding-bottom: 14rem;
	animation: scTopMovement ease 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
	position: relative;
}

.sc-top-subsection {
	padding-bottom: 1.5rem;
}

.sc-top-subsection-low {
	padding-top: 12rem;
}

@keyframes scTopMovement {
    0% {
		opacity: .5;
        left: -30px;
    }
    100% {
        left: 0;
		opacity: 1;
    }
}

.top-claim {
	font-size: 4.44rem;
	line-height: 1;
	margin-bottom: 2rem;
	font-weight: 400 !important;
}

.top-claim-subsection {
	font-size: 2.88rem;
	line-height: 1.2;
}

.top-subclaim {
	font-size: 1.33rem;
	line-height: 1;
	margin-bottom: 2rem;
}

.button {
	border-radius: 5px;
	padding: 10px 22px;
	border: none;
	outline: none;
	-webkit-transition: all 140ms linear;
	-moz-transition: all 140ms linear;
	-o-transition: all 140ms linear;
	-ms-transition: all 140ms linear;
	transition: all 140ms linear;
	color: #101010;
	text-decoration: none;
	font-weight: 400;
}

.button:hover {
	color: #101010;
}

.button-ochre {
	background-color: #F8D49D;
}

.button-ochre:hover {
	background-color: #eeca95 !important;
}

.button-white-outline {
	background: transparent;
	border-radius: 5px;
	padding: 10px 18px;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
}

.button-white-outline:hover {
	background-color: rgba(255, 255, 255, .08);
	color: #FFFFFF;
}

.button-white-outline.active {
	background-color: rgba(255, 255, 255, 1);
	color: #101010;
}

.button-blue-outline {
	background: transparent;
	border: 1px solid #1A6FF9;
	color: #1A6FF9;
}

.button-blue-outline:hover {
	opacity: .7;
	color: #1A6FF9;
}

.button-sm {
	font-size: .88rem;
	padding: 7px 17px;
}

.sc-about {
	position: relative;
	z-index: 0;
	background-color: #FFFFFF;
	padding-left: 4.25rem;
	padding-right: 4.25rem;
	padding-top: 4rem;
	border-radius: 20px;
	margin-bottom: 120px;
	animation: fadeIn 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@media(max-width: 991px) {
	.logo-image {
		max-width: 250px;
	}

	.sc-about {
		padding-left: 0;
		padding-right: 0;
		border-radius: 0;
		background-color: transparent;
		margin-bottom: 0;
	}

	.about-photo-mobile {
		max-width: 100%;
		height: auto;
		border-top-right-radius: 100%;
		border-bottom-right-radius: 100%;
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
		margin-bottom: 1.5rem;
	}
}

.blurry-spot {
	position: absolute;
}

.blurry-spot.bs1 {
	background-color: #F4F4F4;
	width: 800px;
	height: 800px;
	z-index: -1;
	filter: blur(200px);
	border-radius: 100%;
	top: 700px;
	left: calc(50% - 800px);
}

.blurry-spot.bs3 {
	background-color: #F4F4F4;
	width: 800px;
	height: 800px;
	z-index: -1;
	filter: blur(200px);
	border-radius: 100%;
	bottom: 250px;
	left: calc(50% - 800px);
}

.blurry-spot.bs1.subsection {
	width: 1200px;
	height: 1200px;
	top: 400px;
}

.blurry-spot.bs2 {
	background-color: #F4F4F4;
	width: 1300px;
	height: 1300px;
	z-index: -1;
	filter: blur(200px);
	border-radius: 100%;
	top: 0;
	right: calc(50% - 700px);
}

.about-photo {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top-left-radius: 170px;
	border-bottom-left-radius: 170px;
}

.profile-head {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-top: 3rem;
	margin-bottom: 1.2rem;
}

.profile-photo {
	border-radius: 55px;
	margin-right: 22px;
}

.profile-body {
	height: 85px;
	overflow: hidden;
	position: relative;
	transition: height 240ms linear;
}

.profile-body::after {
	content: "";
	position: absolute;
	transition: opacity 440ms linear;
	bottom: 0;
	height: 100%;
	width: 100%;
	background: linear-gradient(to top,
     	rgba(255,255,255, 1) 0%,
		rgba(255,255,255, 0) 100%
  	);
	pointer-events: none;
	opacity: 1;
}

.profile-body.open {
	height: 100%;
}

.profile-body.open::after {
	opacity: 0;
}

.profile-trigger {
	outline: 0;
	border: 0;
	font-size: 1rem;
	background: none;
	padding: 1px 0;
	margin-top: .8rem;
	font-size: .88rem;
	border-bottom: 1px solid #101010;
	color: #101010;
}

.profile-trigger:hover {
	border-bottom: 0;
}

.h-alpha {
	font-size: 2.44rem;
	font-weight: normal;
	line-height: 1;
	margin-bottom: 2rem;
}

.h-beta {
	font-size: 1.88rem;
	font-weight: normal;
}

.h-gamma {
	font-size: 1.33rem;
	font-weight: normal;
}

.h-yellow {
	color: #F8D49D;
}

.no-afterspace {
	margin-bottom: 0;
}

.sub-heading {
	display: block;
	color: #1A6FF9;
	font-weight: 500;
	font-size: 1.33rem;
	margin-top: .5rem;
	margin-bottom: 1.9rem;
}

@media(max-width: 576px) {

	.sc-top {
		padding-top: 13rem;
		padding-bottom: 6rem;
	}

	.top-claim {
		font-size: 2.85rem;
	}

	.top-subclaim {
		line-height: 1.3;
	}

	.h-alpha {
		font-size: 1.85rem;
	}

	.h-beta {
		font-size: 1.75rem;
	}

	.sub-heading {
		font-size: 1.2em;
	}

	.text-tiny {
		font-size: 13px !important;
	}

}

.base {
	transition: border-radius 440ms linear;
}

.base-blue {
	background: #150766;
	padding-top: 4.4rem;
}

.round-bottom {
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
}

.round-bottom.in-view {
	border-radius: 0;
}

.round-top {
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
}

@media(max-width: 576px) {
	.round-bottom {
		border-bottom-left-radius: 15px;
		border-bottom-right-radius: 15px;
	}

	.round-top {
		border-top-left-radius: 15px;
		border-top-right-radius: 15px;
	}
}

.push-up {
	margin-top: -30px;
	padding-top: 6rem;
}

.zi-1 { z-index: 1; position: relative; }
.zi-2 { z-index: 2; position: relative; }
.zi-3 { z-index: 3; position: relative; }
.zi-4 { z-index: 4; position: relative; }
.zi-5 { z-index: 5; position: relative; }
.zi-6 { z-index: 6; position: relative; }

.qualities-list {
	list-style-type: none;
	padding-left: 0;
	position: relative;
	margin: 4rem 0;
}

.qualities-list li {
	color: #F8D49D;
	font-size: 1.11rem;
}

.qualities-list li:last-child {
	margin-bottom: 0;
}

.qualities-list li big {
	font-size: 1.33rem;
	color: #FFFFFF;
	margin-right: .4rem;
	text-transform: uppercase;
}

@media(max-width: 991px) {
	.qualities-list li big {
		display: block;
	}

	.sc-qualities {
		padding-top: 4.5rem;
		padding-bottom: 3rem;
	}

	.qualities-list {
		transform: none !important;
		margin-top: 2rem;
		margin-bottom: 1.7rem;
	}

	.qualities-list li {
		font-size: 1rem;
	}

	.qualities-list li big {
		font-size: 1.2rem;
	}
}

.list-plus {
	list-style-type: none;
	padding-left: 0;
}

.list-plus li {
	padding-left: 1.2rem;
	position: relative;
	margin-bottom: 0;
}

.list-plus li::before {
	content: "";
	background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDkgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0zLjY3OTk4IDkuMTE5OTRWNS40Mzk5NEgwLjA5OTk3NTZWNC4wOTk5NEgzLjY3OTk4VjAuNDM5OTQxSDUuMTE5OThWNC4wOTk5NEg4LjY5OTk4VjUuNDM5OTRINS4xMTk5OFY5LjExOTk0SDMuNjc5OThaIiBmaWxsPSIjMUE2RkY5Ii8+Cjwvc3ZnPgo=") no-repeat;
	width: 9px;
	height: 9px;;
	top: 10px;
	background-size: contain;
	position: absolute;
	left: 0;
}

.services-rotator {
	height: 135px;
	line-height: 1.4;
	margin-bottom: 0;
}

@media(max-width: 576px) {

	.services-rotator {
		height: 135px;
	}

}

.services-rotator-term {
	color: #1A6FF9;
	font-weight: 500;
    transition: opacity 700ms ease-in-out;
}

.services-rotator-term.term-hidden {
	display: none;
}

.services-areas {
	display: flex;
	align-items: center;
	margin-top: 2.5rem;
	flex-direction: column;
	margin-bottom: 7rem;
}

.services-area {
	width: 100%;
	max-width: 880px;
	border-bottom: 1px solid #E2E2E2;
	padding-top: .75rem;
	padding-bottom: .75rem;
}

.services-area-body {
	padding-top: 1rem;
}


.services-area.closed .services-area-body {
	
}

.services-area-head:hover h3 {
	color: #1A6FF9;
}

.services-area:first-child {
	border-top: 1px solid #E2E2E2;
}

.services-area-description {
	color: #1A6FF9;
	font-size: 1.22rem;
}

.services-area-head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
}

.services-area-trigger {
	position: relative;
	height: 20px;
	width: 20px;
	outline: none;
	background: none;
	border: none;
}

.services-area-trigger::before {
	content: '';
	height: 2px;
	width: 20px;
	background-color: #101010;
	display: block;
	position: absolute;
	right: 0;
	top: 9px;
}

.services-area-trigger::after {
	content: '';
	height: 20px;
	width: 2px;
	background-color: #101010;
	display: block;
	position: absolute;
	right: 9px;
	top: calc(50% - 10px);
	transition: transform 200ms;
}

.services-area-trigger.open::after {
	transform: rotate(90deg);
}

.services-area-list {
	list-style-type: none;
	padding-left: 0;
}

.services-area-list li {
	margin-bottom: .4rem;
	color: #686868;
	position: relative;
	padding-left: 1.2rem;
}

.services-area-list.halved {
	columns: 2;
}

.services-area-list.darker li {
	color: #101010;
}

.services-area-list li::before {
	content: "";
	background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDkgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0zLjY3OTk4IDkuMTE5OTRWNS40Mzk5NEgwLjA5OTk3NTZWNC4wOTk5NEgzLjY3OTk4VjAuNDM5OTQxSDUuMTE5OThWNC4wOTk5NEg4LjY5OTk4VjUuNDM5OTRINS4xMTk5OFY5LjExOTk0SDMuNjc5OThaIiBmaWxsPSIjRjhENDlEIi8+Cjwvc3ZnPgo=") no-repeat;
	width: 9px;
	height: 9px;;
	top: 10px;
	background-size: contain;
	position: absolute;
	left: 0;
}

@media(max-width: 991px) {
	.services-area-list.halved {
		columns: 1;
	}
}

.specializations-buttons {
	display: flex;
	gap: 1.1rem;
	flex-wrap: wrap;
	max-width: 900px;
	margin: 3.2rem auto;
}

.specializations-button {
	
}

.specializations-items-flex {
	display: flex;
	gap: 1.1rem;
	flex-wrap: wrap;
	margin-bottom: 5rem;
}

.specializations-items.hidden {
	display: none;
}

.specializations-item {
	background: #25196E;
	border-radius: 5px;
	padding: 7px 15px;
	color: #FFFFFF;
}

.sc-contact {
	padding-bottom: 7rem;
}

.contact-title {
	display: block;
	margin-bottom: 2rem;
}

.contact-p {
	position: relative;
	margin-bottom: 5px;
	margin-left: 2rem;
}

.contact-p::before {
	position: relative;
	left: 2rem;
	background: no-repeat top left;
	content: "";
	display: block;
	background-size: contain;
	position: absolute;
}

.location-photo {
	width: 159px;
	height: 159px;
	float: right;
	margin-bottom: 1rem;
	margin-left: 2rem;
}

.location-padding {
	padding-left: 2rem;
}

.contact-p.location::before {
	background-image: url('../img/icon-location2.svg');
	width: 16px;
	height: 20px;
	left: -35px;
	top: 5px;
}

.contact-p.id::before {
	background-image: url('../img/icon-id2.svg');
	width: 19px;
	height: 19px;
	left: -36px;
	top: 4px;
}

.contact-p.email::before {
	background-image: url('../img/icon-email2.svg');
	width: 19px;
	height: 14px;
	left: -35px;
	top: 8px;
}

.contact-p.phone::before {
	background-image: url('../img/icon-phone2.svg');
	width: 18px;
	height: 18px;
	left: -35px;
	top: 5px;
}

.contact-p.linkedin::before {
	background-image: url('../img/icon-linkedin2.svg');
	width: 17px;
	height: 17px;
	left: -33px;
	top: 3px;
}

@media(max-width: 991px) {
	.contact-p.location::before { left: -30px; }
	.contact-p.id::before { left: -31px; }
	.contact-p.email::before { left: -30px; }
	.contact-p.phone::before { left: -30px; }
	.contact-p.linkedin::before { left: -28px; }

}

.contact-p a {
	text-decoration: none;
	color: #101010;
}

.contact-p a:hover {
	color: #1A6FF9;
}

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

.text-light, .text-light a {
	color: #A0A0A0 !important;
}
.text-light a:hover {
	text-decoration: none;
}

.contact-form-bottom {
	justify-content: space-between;
	align-items: center;
}

.contact-form {
	background-color: #FFFFFF;
	border-radius: 20px;
	padding: 2.2rem;
	margin-top: -2.5rem;
}

.contact-form-label {
	display: block;
	font-size: 14px;
	color: #1A6FF9;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 500;
	margin-bottom: 4px;
}

.contact-person {
	background: #ffffff;
	border-radius: 20px;
	padding: 0 35px;
	margin-left: -35px;
	margin-bottom: 1.5rem;
}

.contact-person-head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
}

.contact-person-body {
	padding-bottom: 30px;
}

.contact-status {
	color: #5CB305;
	font-weight: 500;
}

.contact-status-dot {
	display: inline-block;
	vertical-align: middle;
	width: .66rem;
	height: .66rem;
	box-sizing: content-box;
	background-color: #5CB305;
	background-clip: padding-box;
	border-radius: 50%;
	position: relative;
	top: -2px;
	margin-right: 1.05rem;
}

.contact-status-dot::before {
	width: 100%;
	height: 100%;
	background-color: rgba(92, 179, 5, .6);
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 50%;
	content: "";
	display: block;
	transform-origin: 50% 50%;
	animation: dot-pulse 1.75s linear infinite both;
}

@keyframes dot-pulse {
    0% {
    	transform: scale(1);
    	opacity: 1;
	}
	50%, to {
		transform: scale(3);
		opacity: 0;
	}
}

@media(max-width: 991px) {

	.contact-person {
		margin-bottom: 0;
	}
}

.form-field {
	background: #F9F9F9;
	border-radius: 5px;
	display: block;
	width: 100%;
	border: 0;
	outline: 0;
	font-size: 0.88rem;
	color: #101010;
}

.form-field.input-text, .form-field.textarea {
	padding: 8px 14px;
}

.form-field.textarea {
	min-height: 125px;
}

.form-field::placeholder {
	color: #A0A0A0;
	opacity: 1;
}

.form-field::-ms-input-placeholder {
	color: #A0A0A0;
}

@media(max-width: 991px) {

	.sc-contact {
		padding-bottom: 2rem;
	}

	.contact-form {
		padding-left: 0;
		padding-right: 0;
		margin-top: 1rem;
		background: none;
	}

	.blurry-spot.bs2 {
		display: none;
	}
}

.base-footer {
	padding-top: 2.3rem;
	padding-bottom: 1.2rem;
}

.footer-col {
	color: #FFFFFF;
}

.footer-link, .footer-author {
	font-size: .88rem;
}

.footer-link {
	color: #F8D49D;
	text-decoration: none;
}

.footer-link:hover {
	color: #FFFFFF;
}

.footer-link.suffix {
	margin-right: 1.3rem;
}

.footer-link.suffix::after {
	content: '|';
	color: #FFFFFF;
	padding-left: 1.5rem;
}

.modal-header {
	border-bottom: none;
}

.modal-footer {
	border-top: none;
}

.modal-body p, .modal-body td, .modal-body th {
	font-size: .88rem;
}

table thead th {
	background-color: #150766;
	color: #FFFFFF;
	padding: 10px 15px;
}

table tr th:first-child, table tr td:first-child {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

table tr th:last-child, table tr td:last-child {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

table tbody td {
	padding: 10px 15px;
}

table tbody tr:nth-child(even) {
	background-color: #f4f4f4;
}

@media(max-width: 1399px) {

	.base-footer {
		padding-top: 2.8rem;
		padding-bottom: .5rem;
	}
	.footer-col {
		margin-bottom: 2rem;
	}

	.footer-link.suffix {
		margin-right: 0;
		display: block;
	}

	.footer-link.suffix::after {
		display: none;
	}
}


.input-error {
	border-color: #D90000 !important;
	outline: 4px solid rgba(217, 0, 0, .35) !important;
}

.validation-errors-container, .validation-errors {
	display: none;
}

.validation-errors span {
	color: #ffffff;
	background: #D90000;
	display: inline-block;
	padding: 3px 10px;
	font-weight: 500;
	margin-bottom: .5rem;
	border-radius: 5px;
	font-size: 16px;
	line-height: 1.4;
}

.validation-errors a {
	text-decoration: underline;
	color: #ffffff;
}

.validation-errors a:hover {
	text-decoration: none;
}

.large-icon {
	width: 110px;
	height: 110px;
	border: 1px solid #eeca95;
	border-radius: 50%;
	display: block;
	position: relative;
	outline: 6px solid rgba(235, 127, 0, .35);
}

.large-icon::after {
	position: absolute;
	display: block;
	content: "";
	width: 55px;
	height: 55px;
	background-size: 55px 55px;
	top: 50%;
	left: 50%;
	background-repeat: no-repeat;
	transform: translate(-50%, -50%);
}

.li-doubletick::after {
	background-image: url('../img/icon-double-tick.svg');
}

.confirmation-h {
	font-size: 1.2rem;
	text-align: center;
	padding-top: 1.5rem;
}

.modal-confirmation {
	display: none;
}

.sc-intro {
	background: #ffffff;
	border-radius: 20px;
	padding: 50px 75px;
	max-width: 700px;
	margin-bottom: 4rem;
}

strong, b {
	font-weight: 500;
}

.sc-steps {
	background-color: #ffffff;
	border-radius: 20px;
	padding: 55px 75px 35px;
	margin-top: 4rem;
	margin-bottom: 4rem;
}

.steps {
	display: flex;
	gap: 100px;
}

.step {
	flex-basis: 0;
	flex-grow: 1;
}

.step-number {
	width: 3.33rem;
	height: 3.33rem;
	background-color: #150766;
	color: #FFFFFF;
	font-size: 1.44rem;
	display: block;
	margin: 0 auto;
	border-radius: 50%;
	line-height: 3.33rem;
	margin-bottom: 2.5rem;
	position: relative;
	text-align: center;
}

.step-number::after {
	content: "";
	width: 323px;
	height: 1px;
	border-bottom: 2px dashed #eeca95;
	display: block;
	position: absolute;
	top: 50%;
	left: calc(100% + 15px);
}

.step:last-child .step-number::after {
	display: none;
}

.step-icon {
	margin-bottom: 2.75rem;
}

@media(max-width: 767px) {
}

@media(max-width: 1399px) {
	.step-number::after {
		width: 265px;
	}
}

@media(max-width: 1199px) {
	.step-number::after {
		width: 203px;
	}
}

@media(max-width: 991px) {

	.sc-intro {
		padding: 30px 15px;
	}

	.sc-top-subsection {
		padding-bottom: 1rem;
	}

	.sc-intro p {
		font-size: 1.15rem;
	}

	.sc-steps {
		padding: 35px 0;
		background-color: transparent;
		margin-bottom: 10px;
	}

	.step-number::after {
		display: none;
	}

	.steps {
		display: block;
	}

	.step-number {
		
	}

	.step {
		margin-bottom: 3rem;
	}
}

.mobile-menu {
	background-color: #150766;
	position: fixed;
	width: 0;
	height: 100%;
	z-index: 999;
	top: 0;
	right: 0;
	overflow-x: hidden;
	transition: 0.5s;
	box-shadow: inset 7px 0 9px -7px rgba(0,0,0,0.4);
}

.mobile-menu-container {
	align-items: flex-end;
	display: flex;
	flex-direction: column;
	padding: 25px 15px 45px 40px;
	height: 100%;
}

.mobile-menu menu, .mobile-menu .mobile-lang {
	text-align: right;
	list-style-type: none;
	margin-top: 2.7rem;
	margin-right: -7px;
	padding-left: 0;
	min-width: 230px;
}

.mobile-menu menu li a, .mobile-menu .mobile-lang li a {
	display: inline-block;
	color: #ffffff;
	font-size: 1.5rem;
	text-decoration: none;
	padding: .1rem 1rem;
	border-radius: 5px;
	margin: 8px 0;
}

.mobile-menu .mobile-lang li {
	margin-bottom: 0;
}

.mobile-menu menu li.active a {
	background: rgba(255, 255, 255, 0.1);
}

.mobile-menu .mobile-lang {
	margin-bottom: 0;
}

.mobile-menu .mobile-lang img {
	margin-left: 10px;
	top: -2px;
	position: relative;
}

.mobile-menu menu li.menu-primary {
	padding-left: 1rem;
	padding-right: 1rem;
	margin-top: 5px;
}

.mobile-menu menu li.menu-primary a {
	color: #101010;
}

.mobile-menu-close {
	width: 35px;
	height: 35px;
	background: url('../img/close-yellow.svg') no-repeat center;
	background-size: 35px 35px;
	cursor: pointer;
	outline: none;
	border: none;
}

.mobile-menu-trigger {
	cursor: pointer;
	outline: none;
	border: none;
	position: fixed;
	top: 25px;
	right: 15px;
	background-color: #F8D49D;
	border-radius: 5px;
	width: 45px;
	height: 45px;
	display: block;
	z-index: 998;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	row-gap: 5px;
}

.mobile-menu-trigger-line {
	background-color: #101010;
	height: 2px;
	width: 24px;
}

.mobile-menu-divider {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.blur-coat {
	transition: 500ms;
}

.blur-coat.active {
	filter: blur(5px);
}

.sc-blog {
	padding-top: 4.2rem;
	padding-bottom: 6rem;
}

.blog-nav-buttons {
	padding: 0 1.4rem;
}

.blog-nav-button {
	background-image: url('../img/arrow-dark.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 16px 7px;
	height: 42px;
	width: 42px;
	border-radius: 21px;
	margin: 0 .2rem;
}

.blog-nav-button.swiper-controls-prev {
	transform: rotate(180deg);
}

.blog-nav-button.swiper-button-disabled {
	opacity: .5;
	filter: grayscale(100%);
}

.blog-nav-button.smaller {
	width: 30px;
	height: 30px;
	display: block;
	padding: 0;
	background-size: 12px 6px;
}

.type1 .blog-nav-button.smaller {
	background-color: #1A6FF9 !important;
	background-image: url('../img/arrow-light.svg') !important;
}

.blog-card {
	position: relative;
	width: 350px;
	height: 335px;
	max-width: 350px;
	border-radius: 5px;
	overflow: hidden;
}

.swiper-slide {
	height: 335px !important;
}

.blog-card-link {
	text-decoration: none;
	height: 100%;
}

.blog-card-link:hover .button-ochre {
	background-color: #eeca95 !important;
}

.type1 .blog-card-link:hover .button-ochre {
	background-color: #1261df !important;
}

@media(max-width: 768px) {
	.blog-card {
		max-width: none;
	}
}

.blog-card-image {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
	z-index: -1;
	transition: transform 400ms linear;
	border-radius: 5px;
}

.blog-card:hover .blog-card-image {
	transform: scale(1.03);
}

.blog-card-pad {
	padding: 1.1rem;
}

.blog-card-top {
	height: 225px;
}

.blog-tiny-label {
	background-color: #F8D49D;
	color: #101010;
	font-size: 12px;
	text-transform: uppercase;
	border-radius: 15px;
	display: inline-block;
	padding: 2px 8px;
}

.type1 .blog-tiny-label {
	background-color: #1A6FF9;
	color: #FFFFFF;
}

.h-blog-card {
	font-size: 1rem;
	line-height: 1.2;
	margin-bottom: 0;
	color: #101010;
}

.blog-card-bottom {
	position: absolute;
	bottom: 0;
	width: 100%;
	backdrop-filter: blur(10px);
	background: rgba(255, 255, 255, .85);
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.reading-time {
	color: #1A6FF9;
	font-size: 12px;
}

.blog-label {
	background-color: #F8D49D;
	color: #101010;
	font-size: 14px;
	text-transform: uppercase;
	border-radius: 15px;
	display: inline-block;
	padding: 2px 13px;
}

.type1 .blog-label {
	background-color: #1A6FF9;
	color: #FFFFFF;
}

.sc-blog-title {
	text-align: center;
}

.sc-blog-title .top-claim {
	margin-bottom: .6rem;
}

.blog-reading-time {
	color: #1A6FF9;
}

.sc-blog-image {
	margin: 0 auto 3.5rem;
}

.sc-blog-image img {
	border-radius: 10px;
	width: 100%;
}

.sc-blog-content {
	padding-bottom: 3rem;
}

.sc-blog-content-perex {
	font-weight: 500;
	padding-bottom: 1rem;
}

.sc-blog-content-perex p {
	font-size: 1.11rem;
}

.sc-blog-content ul, .sc-blog-content ol {
	list-style-type: none;
	padding-left: 0;
	counter-reset: list-counter;
	margin-bottom: 1.4rem;
}

.services-area-list li, .sc-blog-content ul li, .sc-blog-content ol li {
	margin-bottom: .4rem;
	position: relative;
	padding-left: 1.2rem;
	counter-increment: list-counter;
}

.sc-blog-content ul li::before {
	content: "";
	background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDkgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0zLjY4MDEgOS4xMTk5NFY1LjQzOTk0SDAuMTAwMDk4VjQuMDk5OTRIMy42ODAxVjAuNDM5OTQxSDUuMTIwMVY0LjA5OTk0SDguNzAwMVY1LjQzOTk0SDUuMTIwMVY5LjExOTk0SDMuNjgwMVoiIGZpbGw9IiMxQTZGRjkiLz4KPC9zdmc+Cg==") no-repeat;
	width: 10px;
	height: 10px;;
	top: 10px;
	background-size: contain;
	position: absolute;
	left: 0;
}

.sc-blog-content ol li::before {
	content: counter(list-counter) ". ";
	color: #1A6FF9;
	left: 0;
	position: absolute;
}

.sc-blog-content a {
	color: #1A6FF9;
	text-decoration: underline;
}

.sc-blog-content a:hover {
	text-decoration: none;
}

.blog-posts {
	padding-bottom: 4rem;
}

.blog-cards {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	row-gap: 2.7rem;
	column-gap: 2.5rem;
}

@media(max-width: 1399px) {
	.blog-cards {
		row-gap: 1.7rem;
		column-gap: 1.7rem;
	}
}

@media(max-width: 1199px) {
	.blog-cards {
		row-gap: 2.5rem;
		column-gap: 2.7rem;
	}
}

.certificate-box {
	background: #F9F9F9;
	border-radius: 20px;
	padding: 25px;
	display: flex;
	column-gap: 25px;
	align-items: center;
	-webkit-transition: all 140ms linear;
	-moz-transition: all 140ms linear;
	-o-transition: all 140ms linear;
	-ms-transition: all 140ms linear;
	transition: all 140ms linear;
}

.certificate-box-image {
	width: 72px;
	height: 102px;
}

.certificate-box-link {
	text-decoration: none;
}

.certificate-box-link:hover .certificate-box {
	background-color: #F2F2F2;
}

.certificate-box h4, .certificate-box p {
	font-size: 16px;
	line-height: 1.35;
}

.certificate-box h4 {
	color: #1A6FF9;
	margin-bottom: 5px;
}

.certificate-box p {
	color: #101010;
	margin-bottom: 0;
}