:root{
	--head-wrapper-background-image: url('/img/bg01.jpg');
	--color-accent: #1CABEB;
	--color-blue: #1CABEB;
	--color-blue2: #7CB9FE;
	--color-gray: #FAFAFA;
	--bs-light-rgb: 246, 248, 254;
	overflow-x:hidden;
}
.container, .row{
	--bs-gutter-x: 2rem;
	--bs-gutter-y: 2rem;
}
.font16{font-size:16px;}
.font18{font-size:18px;}
.font19{font-size:19px;}
.font20{font-size:20px;}
@media (min-width: 1600px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1340px;
    }
}
* {outline:none;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
}
.h1, .h2, .h3, .h4, .h5, .h6{
	margin-bottom:0;
}
.h1, h1{font-size: 3rem;}
.mouse-events {
    pointer-events: none; 
}
body{
	font-family: "Montserrat", serif;
	font-size: 16px;overflow-x:hidden;
}
.anima *{transition: 0.4s!important;}
.img100, .img100 img{
	max-width: 100%
}
.navbar-nav{
	flex-direction:row;
}
.navbar {

    position: relative;
    z-index: 1050; 
}
 .dropdown-menu {
            z-index: 9999 !important;position: absolute;
        }
div.tabs {padding: 50px 0;}
div.tabsTitle {float: left; position: relative; min-height: 50px; overflow: hidden;}
ul.tabNavigation {list-style: none !important; margin: 0px 0 15px 0; overflow:hidden;padding: 0;border-bottom: 1px solid #bbb}
ul.tabNavigation li {
	display: inline-block; list-style: none !important;padding: 0 30px 12px 0;}
ul.tabNavigation li a {
	padding:12px 0;font-size: 21px; color: #777; text-decoration: none;
	}
ul.tabNavigation li a.selected {
	color:#000; text-decoration: none;font-weight:bold;border-bottom:3px solid var(--color-blue);
}
ul.tabNavigation li a.selected:hover {color: #111; text-decoration: none;}
ul.tabNavigation li a:hover {color: var(--color-blue);}
ul.tabNavigation li a:focus {outline: 0;}
div.tabs div {}
div.tabs div h2 {margin-top: 0;}
#analog,#soput,#obj,#dop,#opis{
	border:1px solid #ccc;background:#fff;padding:30px 15px;font:12pt Ubuntu!important;}
	
.la-icon{background: var(--color-accent);display:inline-block;padding:1rem;border-radius: 4rem;}
.la-icon .las{color: #fff}	

.scale1:hover {scale:1.01;}
.scale2:hover {scale:1.02;}
.scale3:hover {scale:1.03;}

.clmn-20{width:20%;float:left;height:100%;background:#fff;padding:1rem}
.clmn-20 img{max-width:100%;}
.h-80{
	height:80px;
}
.how-digit{
	possition: absolute;display: inline;
    background: var(--color-blue);
    color:#fff;
    padding:1rem;font-weight: bold;
}
.cat-block{background:#353535 url(/img/bg-cat-block.jpg) center center no-repeat;background-size:cover;}
.cat-block-a {
	color:#fff;text-decoration:none;display:block;padding: 5rem 0 8rem 1.5rem;
	background:url(/img/bg-cat-block-2.png) -50% center no-repeat;background-size:contain;}
.cat-block-2{background:#fff;}
.cat-block-2 a{text-decoration:none!important;}
.cat-block-2-a {background: #E7E7E7;height:88px;}
.cat-block-2-text {padding-left: 1rem;font-weight:bold;color:#151515;}
.cat-block-2-img	{overflow:hidden;height:300px;}
.cat-block-2-img	img{min-height:300px;}

#russia ul{padding:1rem;margin:2rem 0;}
#russia ul li{list-style-type:"—  ";padding-bottom:1rem;}


.bg-blue-default{background:var(--color-blue)}
.bg-gray{background:var(--color-gray)}

.bg-blue{background:var(--color-blue) url('/img/bg-paper.png') center center no-repeat;background-size:cover;}
.bg-blue2{background:url(/img/bg-cat-block-3.png) 0 center no-repeat;background-size:contain;}

.bg-russia{background:#3D3D3D url(/img/bg-russia.jpg) center center no-repeat;background-size:cover;}
.bg-about{background:#3D3D3D url(/img/bg02.jpg) center center no-repeat;background-size:cover;}
.bg-process-dark{background:#3D3D3D url(/img/bg02.jpg) center center no-repeat;background-size:cover;}
.bg-process{background:#FBFBFB url(/img/bg03.jpg) center top no-repeat;background-size:cover;}
.bg-about-light{background:#FBFBFB url(/img/bg03.jpg) center top no-repeat;background-size:cover;}
.bg-blur{
	background: rgba(255, 255, 255, 0.82)!important;
	backdrop-filter: blur(6px);transition: 0.4s;
}
.shadow01{box-shadow: 0px 0px 20px 20px rgba(0,0,0,0.05);transition: 0.4s;}
.shadow01:hover{box-shadow: 0px 0px 20px 20px rgba(0,0,0,0.08);}
.shadow02{box-shadow: 0px 0px 10px 12px rgba(0,0,0,0.03);transition: 0.4s;}
.shadow02:hover{box-shadow: 0px 0px 14px 10px rgba(0,0,0,0.05);}
.shadow03{box-shadow: 0px 0px 10px 12px rgba(0,0,0,0.01);transition: 0.4s;}
.shadow03:hover{box-shadow: 0px 0px 14px 10px rgba(0,0,0,0.02);}

.bg-about span{font-size:30px;font-weight:bold;}
.bg-about-img img{border-radius:12px;box-shadow: 0px 0px 25px 20px #FFFFFF;max-width:100%;}
.bg-about input[type="text"], .bg-about input[type="tel"], .bg-about input[type="email"] {width:100%;padding:1rem;font-size:18px;color:#fff;background:rgba(255,255,255,0.07);border:none;border-bottom:1px solid #fff;}
.bg-about textarea {width:100%;padding:1rem;font-size:18px;color:#fff;background:rgba(255,255,255,0.07);border:none;border-bottom:1px solid #fff;height:7rem;}

.bg-about-light span{font-size:30px;font-weight:bold;}
.bg-about-img img{border-radius:12px;box-shadow: 0px 0px 25px 20px #FFFFFF;max-width:100%;}
.bg-about-light input[type="text"], .bg-about input[type="tel"], .bg-about input[type="email"] {width:100%;padding:1rem;font-size:18px;color:#fff;background:rgba(255,255,255,0.07);border:none;border-bottom:1px solid #fff;}
.bg-about-light textarea {width:100%;padding:1rem;font-size:18px;color:#fff;background:rgba(255,255,255,0.07);border:none;border-bottom:1px solid #fff;height:7rem;}



.process span{color:var(--color-blue);}
.process-dark span{color:var(--color-blue);}
.block01{color:#fff;font-size:18px;background:url(/img/bg01.png) -2rem center no-repeat;background-size:cover;}
.block01 span{font-size:21px;font-weight:bold;}
.block02{border-radius:12px!important;overflow:hidden;}
.block02 img{width:100%;}
.block02-img:after {
	z-index:10;
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 100%;
    height: 16rem;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
}

.block02-href{position:absolute; bottom:0;padding:30px;z-index:100;}
.block02-href span{color:#FFF;text-transform:uppercase;text-decoration:none;font-size:27px;font-weight:bold;}
.img-wrap-01{display:inline-block;height:294px;overflow:hidden;}
.img-wrap-01 img{min-height:294px;}
.href-black{color:#333;text-decoration:none;}
.href-black:hover{color:var(--color-blue);text-decoration:none;}
.href-white{
	background:rgba(255,255,255,0.9);color:var(--color-green);padding:12px 30px;display:inline-block;border-bottom: 4px solid var(--color-green2);
	box-shadow:0 6px 20px rgba(0,0,0,0.1);text-decoration:none;border-radius:12px;font-size:21px;}
.href-white:hover{
	background:rgba(255,255,255,1);color:var(--color-green);text-decoration:none;box-shadow:0 6px 20px rgba(0,0,0,0.2);}
	
.faq-item .la-angle-right{
	transition: .4s;
}
.faq-item:has(.collapse.show) .la-angle-right{
	rotate: 90deg;
}
.sticks {
	position: sticky;
	top: 20px;
	padding: 20px 0;
}
.sticks2 {
	position: sticky;
	top: 20px;
	padding: 0 0 15px 0;
}
.map-data-container{
	background: #fff;
	box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2);
}
.map-block{
	box-shadow: inset 0px 16px 20px #00000030;
}
.ya-reviews{max-width:720px;height:800px;overflow:hidden;position:relative;background:#fff;}
.ya-reviews iframe {width:100%;height:100%;border:none;order-radius:8px;box-sizing:border-box;background:#fff!important;}
.head-wrapper{
	background-color:#151515;
	_background-image: var(--head-wrapper-background-image);
	_background-size: cover;
	_background-position-y: center;
	_overflow:hidden;
	position:relative!important;
}
.backvideo {
	position: absolute!important;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity:0.2;
	z-index:1;
}
.z100{position:relative;z-index:100!important;}

#mobileMenu a,
.head-wrapper a, 
footer a{
	color: inherit;
	text-decoration: none;
}
.main-template, .light-template{
	display: none;
}
.header-light{
	color: #fff;
}
.logo{
	_width: 120px;
}
.header-main .main-template,
.header-light .light-template{
	display: block;
}
footer{
	background-image: url('assets/images/footer-bg.png');
	background-size: cover;
	background-position: top center;
}
.button01{
	display: inline;
	align-items: center;
	padding: 1rem 2rem;
	text-decoration:none;
	background: linear-gradient(180deg, #1CABEB 0%, #2EB2ED 100%);
	box-shadow: 0px 4px 20px rgba(28, 171, 235, 0.42);
	
	color: #fff;
	border: none;
}
.btn-primary{
	background: radial-gradient(34.25% 58.33% at 50.11% -0.61%, #5ADB87 0%, #24C15F 100%);
	color: #fff!important;
}
.btn-secondary{
	background: radial-gradient(34.25% 58.33% at 50.11% -0.61%, #66BEF1 0%, #35ACF1 100%);
}
.rounded-50{
	border-radius: 50%;
}
.rounded1{
	border-radius: 1rem;
}
.rounded2{
	border-radius: 2rem;
}
.bg-lightgray{
	background-color: #fafafa!important;
}
.bg-primary{
	background-color: #24C15F!important;
}
.bg-secondary{
	background-color: #35ACF1!important;
}
.bg-ligth-blue{
	background-color: #F1F5FE;
}
.bg-greenvawe{
	background-image: url('assets/images/greenvawe.jpg');
	background-position: center;
	background-size: cover;
}
.circle01{width:4em;height:4em;border-radius:2em;overflow:hidden;background-color:#fff;box-shadow: 0 0 20px rgba(0,0,0,0.05);order: 1px solid #24C15F;}
.circle01 .las{color:#24C15F;margin:auto}
.text-accent{
	color: var(--color-accent);
}
.line-decorate:after{
	content: '';
	display: block;
	margin-top: 1.5rem;
	width: 100px;
	border-bottom: 6px solid #24C15F;
}

@keyframes marquee {
	0% { transform: translateX(0); }
	100% { transform: translateX(-50%); }
}
.skew-lines{
	overflow-x: clip;
	position: relative;
	min-height: calc(16vw + 70px);
}
.back-line{
	transform: rotate(2deg);
	background: #E9E9E9;
	width: 110%;
	left: -5%;
	top: 30%;
	height: 4rem;
	position: absolute;
}
.front-line{
	position: absolute;
	width: 110%;
	left: -5%;
	top: 30%;
	background: #24C15F;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.5rem;
	transform: rotate(-4deg);
	padding: 1rem;
}
.front-line-content{
	animation: marquee 30s linear infinite;
	-webkit-transform-style: preserve-3d;
	display: flex;
}
.front-line-content span{
	padding: 0 3rem;white-space: nowrap;
}
.check-list{
	list-style: none;
	_padding-left: 0;
	margin-top: 1rem;
}
.check-list li{
	list-style: none;
	line-height: 1.4rem;
	position: relative;
	padding-left: 2.5rem;
	margin-bottom: .5rem;
}
.check-list li::before{
	content: url("data:image/svg+xml,%3Csvg width='27' height='24' viewBox='0 0 27 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.5953 0.5L8.83793 14.5393L4.37607 9.98604L0 14.4518L4.46186 19.0051L8.86651 23.5L13.2426 19.0342L27 4.99495L22.5953 0.5Z' fill='%2324C15F'/%3E%3C/svg%3E%0A");
	margin-right: 1rem;
    display: inline-block;
    position: absolute;
    left: 0;
    margin-top: 0px;
}
.outline{
	outline: 10px solid #fff;
}
.case-items{
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 497 459' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.00144472 459H121.5L497 0H0L0.00144472 459Z' fill='%23F1F5FE'/%3E%3C/svg%3E%0A");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top left;
}
.header-light-overlay{
	position: relative;
}
.header-main-overlay:before,
.header-light-overlay:before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: var(--overlay-opacity, 0);
}
.header-main-overlay:before{
	background-color: #ffffff
}
.header-main-overlay > *,
.header-light-overlay > *{
	position: relative;
}


#contactForm .form-control {border-radius: 0}
#contactForm label {color:rgba(255,255,255,0.6);margin: 0.8rem 0}

.cost {background-color: #F1F5FE;padding:90px 0;}
.cost2 {
	position: relative;
	margin-bottom: 94px;
}

.cost2:after {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	clip-path: ellipse(120% 45%);
	background-color: #F1F5FE;
}

.cost .title {
	position: relative;
	z-index: 3;
	text-align: center;
	padding-top: 190px;
}

.cost__tabs {
	position: relative;
	z-index: 3;
	cursor: pointer;
	display: flex;
	justify-content: center;
	width: max-content;
	box-shadow: 0px 4px 12px 0px #0000000F;
	background-color: #fff;
	border-radius: 8px;
	padding: 4px;
	margin: 0 auto;
	margin-top: 60px;
}

.cost__box {
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 1.2;
	color: #555;
	background: #FAFAFA;
	border-radius: 8px;
	padding: 17px 24px;
	font-weight: 600;
}

.cost__box:not(:last-child) {
	margin-right: 4px;
}

.cost__box.active {
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%), linear-gradient(0deg, #24C15F, #24C15F), radial-gradient(30.9% 97.32% at 49.92% -30.36%, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
	color: #fff;
}

.cost__number {
	position: relative;
	z-index: 4;
}

.cost__discount {
	position: absolute;
	z-index: 2;
	left: 50%;
	transform: translateX(-50%);
	top: -16px;
	max-width: 36px;
	width: 100%;
	font-size: 10px;
	line-height: 1.2;
	color: #22B85B;
	background-color: #fff;
	border-radius: 8px;
	text-align: center;
	padding: 6px 5px;
	font-weight: 700;
}

.cost__wrap {
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px;
	padding-top: 70px;
	padding-bottom: 110px;
}

.cost__item {
	width: calc(100% / 3 - 30px);
	background-color: #fff;
	position: relative;
	box-shadow: 0px 4px 30px 0px #0000000D;
	border-radius: 20px;
	padding: 30px;
	margin: 0 15px;
	margin-bottom: 40px;
}

.cost__subtitle {
	position: relative;
	font-size: 32px;
	line-height: 1.2;
	color: #24C15F;
	text-align: center;
	padding-bottom: 52px;
	font-weight: 600;
}

.cost__text {
	padding-bottom: 60px;
}

.cost__text p {
	font-size: 15px;
	line-height: 1.2;
	color: #333333;
	text-align: center;
}

.cost__text p:not(:last-child) {
	padding-bottom: 10px;
}

.cost__time {
	font-size: 14px;
	line-height: 1.2;
	color: #333333;
	padding-bottom: 6px;
	text-align: center;
}
.cost__time span{color:#24C15F;font-weight:bold;}

.cost__inner {
	min-height: 72px;
	margin-bottom: 40px;
}

.cost__price {
	font-size: 32px;
	line-height: 1.2;
	color: #333333;
	text-align: center;
	font-weight: 700;
}

.cost__old {
	font-size: 20px;
	color: #777777;
	text-align: center;
	text-decoration: line-through;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: 700;
}

.cost__elem {
	font-size: 14px;
	line-height: 1.2;
	text-align: center;
	color: #333333;
	padding-bottom: 6px;
}

.cost__block {
	font-size: 16px;
	line-height: 1.2;
	text-align: center;
	color: #333333;
	padding-bottom: 34px;
	font-weight: 700;
}

.cost__order {
	background-image: url(/img/decor-order.jpg);
}

.cost__btn {
	background-image: url(/img/decor-btn.jpg);
}

.cost__order,
.cost__btn {
	position: relative;
	z-index: 4;
	cursor: pointer;
	background-repeat: no-repeat;
	box-shadow: 0px 4px 16px 0px #0000001A;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 56px;
	border: none;
	outline: none;
	border-radius: 10px;
	padding: 4px 10px;
	margin: 0 auto;
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
}

.cost__order svg,
.cost__btn svg {
	display: block;
	width: 22px;
	height: 22px;
	margin-right: 16px;
}

.cost__order span,
.cost__btn span {
	position: relative;
	z-index: 3;
	font-size: 14px;
	line-height: 1.2;
	color: #fff;
	padding: 13px 0px;
	font-weight: 600;
}

.cost__order {
	max-width: 152px;
}

.cost__btn {
	max-width: 368px;
}

.cost__content {
	position: relative;
	z-index: 4;
}

.cost__bg {
	position: relative;
}

.cost__decor-left {
	position: absolute;
	z-index: 3;
	left: 0px;
	top: -400px;
}

.cost__decor-right {
	position: absolute;
	z-index: 3;
	bottom: -120px;
	right: -85px;
}

.cost__desc {
	position: relative;
	max-width: 835px;
	margin: 0 auto;
	margin-bottom: 44px;
}

.cost__desc p {
	font-size: 16px;
	line-height: 1.2;
	color: #000000;
	text-align: center;
}

.cost__info {
	position: relative;
	z-index: 3;
	padding-bottom: 20px;
}

.cost__sale {
	position: relative;
	top: -20px;
	font-size: 10px;
	line-height: 1.2;
	color: #fff;
	background-color: #24C15F;
	padding: 5px 6px;
	border-radius: 8px;
	font-weight: 700;
}

.cost__hit {
	position: absolute;
	top: -38px;
	right: -26px;
	width: 78px;
	height: 78px;
}

.cost__hit img {
	display: block;
	max-width: 100%;
}

.oh{overflow:hidden;}
.img01{position:absolute;height:360px;top:20px;right:130px}
.case-blocks img{border:10px solid #F1F5FE;}


.rebus-widget img{scale:1.5}
.rebus-widget{
	position:fixed;z-index:10000;
	right: 5%;bottom: 5%;}
.rebus-widget div{padding:1.6rem 0;}
.skew-shake-y {
  animation: skew-y-shake 2.4s infinite;
}
@keyframes skew-y-shake {
  0% { transform: skewY(-5deg); }
  5% { transform: skewY(5deg); }
  10% { transform: skewY(-5deg); }
  15% { transform: skewY(5deg); }
  20% { transform: skewY(0deg); }
  100% { transform: skewY(0deg); }  
}
.shake-rotate {
  animation: shake-rotate 2.4s infinite;
}
@keyframes shake-rotate {
  0% { transform: rotate(-5deg); }
  5% { transform: rotate(5deg); }
  10% { transform: rotate(-5deg); }
  15% { transform: rotate(5deg); }
  20% { transform: rotate(0deg); }
  100% { transform: rotate(0deg); }  
}
.shake-rotate-shift {
  animation: shake-rotate-shift 2.8s infinite;
}
@keyframes shake-rotate-shift {
  10% { transform: rotate(-5deg); }
  15% { transform: rotate(5deg); }
  20% { transform: rotate(-5deg); }
  25% { transform: rotate(5deg); }
  30% { transform: rotate(0deg); }
  100% { transform: rotate(0deg); }  
}


@media (max-width: 640px) {
	
	.h1, h1{font-size: 2rem!important;}
	.img-calc {
		margin-top:120px;
		position: relative;
	}
	.order01{
		height:150px;
	}
	.order02{
		right:20px!important;
	}
	.clmn-20{width:100%;float:none;}

}