/*
Theme Name: Belgruz
Theme URI: https://belgruz.by/
Author: Dmitry Borovitsky
Author URI: https://www.dizgnstudio.com
Description: Belgruz Website.
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: en.belgruz.by
*/






* {margin:0; padding:0;}

* {-webkit-tap-highlight-color: transparent; outline:none;}

blockquote {
	background-color:#d3dbea52;
	padding:1px 20px;
	border-radius:10px;
}

.review_title {
    margin: 15px 0;
    font-size: 1.5rem;
    font-weight: 600;
}

::-moz-selection { /* Code for Firefox */
  color: white;
  background: #fab307;
}

::selection {
  color: #000000;
  background: #0051ff24;
}

/* width */
::-webkit-scrollbar {
  width: 15px;
}

/* Track */
::-webkit-scrollbar-track {
  background: rgb(255 255 255);
	
	
}



/* Handle */
::-webkit-scrollbar-thumb {
  background: rgb(200 200 200);
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #fab307;
}

html, body {
	margin:0;
	padding:0;
	text-size-adjust:none;
	-webkit-text-size-adjust:none;
	-moz-text-size-adjust:none;
	-ms-text-size-adjust:none;
	scroll-behavior:smooth;
	background:#ffffff;
	color:#000000;	
	font-family: Geologica, Open Sans;
	font-size:15px;
	font-weight:400;
	line-height:150%;
	min-width:410px;
}

a {
	text-decoration:none;
	color:#0033a0;
}

a:hover {
	color:#0051ff;
}

img {
	vertical-align: top;
	max-width:100%;
}

.avatar img {
	border-radius:3000px;
	height:170px;
}

.title_carrier {
	font-weight:600;
	text-transform:uppercase;
	line-height:115%;
}

a .title_svg {
	margin-top:12px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 150%;
	color:#0033a0;
	font-size: 90%;
}

a:hover .title_svg, .flex4:hover .title_svg {
	color:#fab307;
}


a .service_svg, a .flex4 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
    box-shadow: inset 0 10px 10px rgb(0 0 0 / 44%);
    aspect-ratio: 1 / 1;
    background: rgb(0,51,160);
    background: linear-gradient(0deg, rgb(25 75 182) 0%, rgb(16 60 155) 30%, rgb(47 137 255) 100%);
    border-radius: 50%;
    padding: 10px;
    box-shadow_: inset 0 -5px 0 #103177;
    transition:.9s;
}

a:hover .service_svg {  
    background: rgb(250 179 7);
    background: linear-gradient(0deg, rgb(221 156 0) 0%, rgb(250 179 7) 35%, rgb(255 211 106) 100%);
	transition:.6s;
	box-shadow: inset 0 0px 5px rgb(0 0 0 / 0%);

}

.ok {
  position: relative;
  padding-left: 25px;
  margin-bottom:15px;
}

.ok::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0%;
  transform: translateY(0%);
  width: 20px;
  height: 20px;
  background-image: url('https://belgruz.by/wp-content/themes/belgruz/images/ok.svg');
  background-size: contain;
  background-repeat: no-repeat;
}

.relative {
	position:relative;
}

.review {
	text-align:center;
	box-sizing:content-box;
}

.review_inside {
	margin:0 auto;
	max-width:900px;

}

.review img {
	height:50px;
	width:auto;
}

.cert_title {
	margin-top:15px;
	line-height:105%;
	font-weight:600;
	color:#555;
}


.cert {
	margin:0 30px;
	text-align:center;
}


.cert img {
    width: 100%;
    height: auto;
    cursor: pointer;
    border-radius: 5px;
    transition: transform 0.3s ease;
}

.cert img:hover {
    transform: scale(1.05);
}

#request_form, #certificates {
    scroll-margin-top: 136px;
}


.mono {
	 font-variant-numeric: tabular-nums;
}

.big_numb {
	font-variant-numeric: tabular-nums;
	font-weight: 600;
	font-size:3.6rem;
	line-height: 100%;
}

.wp-block-media-text>.wp-block-media-text__content {  
    padding: 0 8% 0 0;
}

.carrier_svg img {
    max-width: 40%;
    max-height: 40%;
    opacity: 1;
    filter: brightness(1) saturate(100%) 
        invert(60%) sepia(90%) saturate(1200%) 
        hue-rotate(349deg) brightness(93%) contrast(196%);
}


.service_svg img {
    max-width: 75%;
    max-height: 75%;
}

.service_svg:hover img, .flex4:hover .service_svg img {
    max-width: 100%;
    max-height: 100%;
	transition:.3s;
}







.img_round {
	border-radius: 50%;
	box-shadow: inset 0 10px 10px rgb(52 55 62 / 51%);

	overflow: hidden;
	display: block;
	width: 100%;
	aspect-ratio: 1 / 1;
	background-repeat: no-repeat!important;
	background-position:center!important;
	background-size: cover!important;
	background-size: 100%;
	transition:.9s;
	max-width: 60vw;
}

#hero a .btn_order {
	font-size:110%;
	font-weight:600;
	padding: 10px 20px 9px 20px;
}



 .flexbox:hover .img_round {
	transition:.9s;
	border-radius_: 20% 50% 50% 20%!important;
}

.reverse.flexbox:hover .img_round {
	transition:.9s;
	border-radius_: 50% 20% 20% 50%!important;
}

.partners-slider div {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 10px; /* Одинаковые отступы слева и справа */
}

.partners-slider img {
    height: 100px; /* Задаем одинаковую высоту */
    width: auto; /* Автоматическая ширина для сохранения пропорций */
    max-width: 100%; /* Чтобы изображения не выходили за границы */
}






.partners {
  position: relative;
  width: 100%;
  height: 12vh;
  overflow: hidden;
  mask-image: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 15%, rgba(255,255,255,1) 85%, rgba(255,255,255,0) 100%);
  -webkit-mask-image: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 15%, rgba(255,255,255,1) 85%, rgba(255,255,255,0) 100%);
}

.partners-track {
  display: flex;
  white-space: nowrap;
  will-change: transform;
  animation: marquee linear infinite;
}

/* Стили для изображений */
.partners-track img {
  height: 12vh;
  flex-shrink: 0;
  max-width:100000px;
}

/* Анимация */
@keyframes marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-100%); }
}













.title_full {
	display:block;
	width:100%;
	color:#fff;
	font-weight:600;
	text-transform:uppercase;
	background-color:#0033a0;
	padding:10px 0;
	text-align:center;
	font-size:110%;
	letter-spacing:0.6px;
}

.sub_title {
	font-weight:700;
	font-size:180%;
	letter-spacing:1px;
	line-height: 125%;
}

.sub_title2 {
	font-weight:600;
	font-size:140%;
	letter-spacing:0.3px;
	line-height: 125%;
}

.benefit {
	height:90px;
	width: auto;
	filter: brightness(0) saturate(100%) invert(62%) sepia(94%) saturate(746%) hue-rotate(349deg) brightness(101%) contrast(97%);
}

.b {
	font-weight:bold;
}

.bg_blue {
	background-color:#F4F4FF;
}

.lang_active, a:hover .lang, a .lang:hover {
	background-color:#fff;
	color:#0033a0;
	padding:4px 5px;
	border-radius:5px;
	text-transform:uppercase;
	border:2px solid #fff;
	opacity:1;
	font-weight:500;
	font-size:80%;
}

a .lang {
	background-color:transparent;
	color:#fff;
	padding:4px 5px;
	border-radius:5px;
	text-transform:uppercase;
	border:2px solid transparent;
	opacity:0.6;
	font-size:80%;
}



.menu_contacts a {
	color:#fff;
	font-size:100%;
	/* text-transform:uppercase; */
	font-weight:500;
}

.phone_mail  {
	padding:0 5px;
	top:50%;
	width: 16pt;

}

.phone_mail  {
	opacity:0.7;
	margin: ;
	align-self: center;
	vertical-align: middle;
}

.phone_mail:hover {
	opacity:1;
}



.single_post_around p {
	margin:2.5vh 0;
}

p.has-background {
    background-color: #ebecff !important;
    padding: 15px;
}

.has-background, .single_post_around img {
	border-radius:15px;
}

#header {
	transition: background-color .1s;
	background-color:rgba(0, 51, 160, 0.8);
	backdrop-filter: blur(6px);
	padding:3vh 0;
	position:fixed;
	top:0;
	z-index:129999;
	width:100%;
	transition:1.2s;
	box-shadow:0px 10px 10px rgba(0,0,0,0.15);
}

#header:hover {
	transition: background-color .9s;
	background-color:#0033A0!important;
}

.logo {transition:0.3s;}

.logo:hover {
	opacity:0.8;
	transition:0.3s;
}

.logo img {
	height: 8vh;
}

ul {
	margin-left:20px;
}



li::marker {
	color: #FAB307;
}

a .btn_order {
	background-color: #FAB307;
	color: #ffffff;
	text-shadow: 0px 2px 3px rgba(0,0,0,0.3);
	padding: 10px 15px 9px 15px;
	border-radius: 600px;
	text-transform:uppercase;
	letter-spacing:1px;
	font-weight:700;
	font-size:90%;
	line-height:100%;
	display:inline-block;
}

a:hover .btn_order {
	background-color: #ffbe20;
}

#overlaymenu a .btn {
	background-color:#fab307;
	width:50%;
}

a .btn {
	background-color: #0e0e0e;
	color:#fff;
	text-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	padding: 9px 15px;
	border-radius: 600px;
	text-transform:uppercase;
	letter-spacing:1px;
	font-weight:700;
	font-size:90%;
	line-height:100%;
	display:inline-block;
	transition:.2s;
}

a:hover .btn {
 background-color: #0033A0;
 transition:.1s;
}



#hero {
    position: relative;
    min-height: 80vh;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    text-align: center;
    overflow: hidden;
    padding-top: 50px;
}

#hero .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.0);
    z-index: 1;
}

#hero .content {
    position: relative;
    z-index: 2;
}

#hero .text_big {
	text-shadow: 0 6px 6px rgba(0,0,0,0.4);
	margin-top: 80px;
}

.text_gr {
	color:#666;
}

.text_big {
    font-size: 3rem;
    font-weight: bold;
    line-height: 110%;
}

#hero p {
    font-size: 1.2rem;
    margin: 0.5rem 0;
}





#cssmenu {
	position:relative;
	top:0;
	display:inline-block;
	text-transform:uppercase;
	line-height:105%;
	font-size:90%;
	font-weight:600;
	text-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	
}

#cssmenu ul {
  list-style:none;
  margin:0px 0 0 0;
  padding-left:0;
  text-align:left;
}

#cssmenu li {
  color: #fff;
  display: block;
  float: left;
  padding: 0px 0px;
  position: relative;
  text-decoration: none;
  transition-duration: 0.5s;
}
  
#cssmenu li a {
  color: #fff;
  opacity:0.8;
  padding: 3px 7px 4px 7px;
  border-radius:6px;
  display:block;
}

#cssmenu li a:hover,
#cssmenu li a:focus-within {
  color:#fff;
  cursor:pointer;
  opacity:1;
}

#cssmenu li:hover {
  cursor:pointer;
}

#cssmenu li:after{
	margin-top:0px;
	content:"";
	display:block;
	background-color:transparent;
	height:0px;
	border-radius:6px;	
}

#cssmenu .current-menu-item a {
	color:#fff;
	opacity:1;
}

#cssmenu li:hover:after, #cssmenu .current-menu-item:after {
	content:"";
	background-color:#ffd368;
}

/* 
#cssmenu li:hover:after{
		margin-top:5px;
		content:"";
		display:block;
		background-color:#79FFF9;
		height:2px;
		border-radius:6px;	
} 
*/


#cssmenu .has-sub > a:after  {   
   background-repeat:no-repeat;
   background-size:5px;
   display:inline-block;
   width:5px; 
   height:5px;
	font-size:50%;
   content:"▼";
   background-position:center;
   margin-left:5px;
	transform:translateY(-33%);
	color:#fab307!important;
	
}



#cssmenu .has-sub:hover:first-child > a:before  {
	filter:invert(0);
}

#cssmenu li:focus-within a {
  outline:none;
}

#cssmenu ul li ul {

  visibility:hidden;
  opacity:0;
  position:absolute;
  transition:0.1s;
  margin-top:1px;
  padding: 4px;
  left:0;
  display:none;
	margin-top:-3px;
}

#cssmenu ul li:hover > ul {
	background: rgb(255 238 195);
	visibility: visible;
	opacity: 1;
	display: block;
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
	-webkit-backdrop-filter: saturate(180%) blur(4px);
	backdrop-filter: saturate(180%) blur(4px);
}

#cssmenu ul li ul li {
  clear: both;
  width: 100%;
}

/* SECOND LEVEL */
#cssmenu ul li ul li a {
	line-height:150%;
    color: #000000!important;
	text-shadow: 0px 3px 3px rgba(0,0,0,0);

}

#cssmenu ul li ul li:hover a {
	color:#ffffff!important;
	background-color: #0033a0 !important;
}

#cssmenu ul li ul li:after {
	background: transparent!important;
	height:0!important;	
}

#cssmenu ul li:hover > ul {
  border-radius:10px;
  white-space: nowrap;
}


/* CSS MOBILE MENU */

#cssmenumob .menu-item-has-children, #cssmenumob .menu-item {
	display:block;
	width:100%;
	position:relative;
	box-sizing: border-box;
}


#cssmenumob .menu-item-has-children li a:after {
	content:"";
	width:0px;
	height:0px;
	margin-left:0px;
}

#cssmenumob .menu-item-type-custom  {
	display:none;
	transition:1s;
	opacity:0.3;	
}

#cssmenumob .activen .menu-item-type-custom {
	display:block;	
	opacity:1;
	transition:1s;
}

#cssmenumob .menu-item-type-custom a {
	color:#bbadff;	
	transition:1s;
}

#cssmenumob ul {
  list-style:none;
  margin:0;
  padding-left:0;
  text-align:center;
  font-size:16px;
}

#cssmenumob li a {
    color: #fff;
    display: block;
    position: relative;
    text-decoration: none;
    transition-duration: 0.5s;
	padding:15px;
}
  
#cssmenumob li a {
  color: #fff;
}

#cssmenumob li a:hover,
#cssmenumob li a:focus-within {
  color:#CAFFFD;
  cursor: pointer;
}

#cssmenumob li:hover {
  /* background: green; */
  cursor: pointer;
}


#footer {
    position: relative;
    background-color: #0033a0; /* Цвет фона */
    overflow: hidden;
    min-height: 300px; /* Минимальная высота футера */
    box-shadow: inset 0 20px 20px rgba(0,0,0,0.3);
	color:#fff;
}

.tags a {
	border-radius: 50px;
	padding: 2px 12px;
	background-color: #202020;
	color: #ffffff;
	font-weight:500;
	font-size: 90%;
	text-transform: uppercase;
}



.a2a_svg  {
	background-color: rgb(32 32 32)!important;
	padding:5px!important;
	border-radius:100px!important;
}

a:hover .a2a_svg  {
	background-color: rgb(0 51 160)!important;
	opacity:1!important;
	border-radius:100px!important;
	padding:5px!important;
}

.tags a:hover {
	background-color: rgb(0 51 160)!important;
}

.full_bg {
	/* width: 100%!important; */!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
	min-height: 500px;
	background-size: cover !important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
}

.map {
	height:450px;
}

.footer_logo img {
	opacity:0.3;
	max-width:250px;
}

.footer-branding {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://belgruz.by/wp-content/themes/belgruz/images/world_map.webp');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.15;
    animation: infiniteLoop 90s linear infinite;
    pointer-events: none;
}

/* 🔄 Бесконечный loop-анимация */
@keyframes infiniteLoop {
    0% {opacity:0.15; width:200%;}
	
    50% { opacity:0.15; width:100%;}
	
		  100% { opacity:0.25; width:200%;}
}






.wrap1, .wrap2, .wrap3, .wrap5 .wrap0 {display:block;clear:both;width:100%;}
.wrap0 {height:0vh;}
.wrap1 {height:2vh;}
.wrap2 {height:3vh;}
.wrap3 {height:6vh;}
.wrap5 {height:12vh;}

.pleft {padding-left:3vw;}
.pright {padding-right:3vw;}
.pleft.pright {max-width:1150px;margin:0 auto;}

.gap5 {gap:3vw;}

.gap10 {gap: 5vw;}

.gap5 .flex2 {
	width:calc(100% / 2 - 3vw)
}

.gap5 .flex3 {
	width:calc(100% / 3 - 3vw)
}

.gap5 .flex4 {
	width:calc(100% / 4 - 3vw)
}


.flex2 {width:calc(100% / 2);}

.flex3 {width:calc(100% / 3);}

.flex4 {width:calc(100% / 4);}

.flex5 {width:calc(100% / 5);}



.flexbox {display:flex;}

.fb_wrap {flex-wrap:wrap;}

.fb_middle {align-items:center;}

.fb_center {justify-content:center;}

.fb_between {/* justify-content:space-between; */}

.fb_right {justify-content:right;}


.flexbox > .news_card:nth-child(3n+2):last-child, /* Если только 2 поста в строке */
.flexbox > .news_card:nth-child(3n+1):last-child { /* Если только 1 пост в строке */
    /* margin-left: auto; */
    /* margin-right: auto; */
}


.heavy_flex13 {
	width:30%;
}

.heavy_flex23 {
	width:70%;	
	box-sizing:content-box;
}

.heavy_flex23 {
	padding-left:50px;
	padding-right:0;
	box-sizing: border-box;
}

.heavy_flex23 .heavy_button {
	margin-top:10px;
}

.reverse .heavy_flex23 {
	padding-right:50px;
	padding-left:0;
}





	.desk_only {display:initial!important;}
	.mob_only {display:none!important;}
	
	
	
.foo_title {
	font-weight:500;
	font-size:100%;
	opacity:0.6;
	letter-spacing:1px;
	text-transform:uppercase;
}	


 .foo_link a {
	
	margin:10px 10px 0 0!important;
	background-color:rgba(255,255,255,0.1);

	float:left;
	font-weight:400;
	
	letter-spacing:0.1px;
	
}


.foo_link a {
    margin-left: -10px;
    line-height: 170%;
    opacity: 1 !important;
    color: #ffffff !important;
    padding: 2px 10px;
    border-radius: 1000px;
    font-family:Noto+Sans+Mono;
}

.foo_link a:hover {
    background-color: rgba(255,255,255,1);
    color: #0033A0 !important;
}


.around_stavka {
	border-radius: 40px;
	padding: 30px;
	box-shadow: 0 50px 20px rgba(0,0,0,0.35);
}

.around_pdf {
	border-radius: 40px;
	padding: 0px 10px 10px 10px;
	box-shadow: 0 50px 20px rgba(0,0,0,0.35);
}

.ring_shake {
    display: inline-block;
    cursor: pointer;
    transition: transform 0.3s ease;
}

/* Эффект shake при наведении */
.ring_shake:hover {
    animation: shake 0.5s linear;
}

/* Анимация shake */
@keyframes shake {
    0% { transform: translateX(0); }
    25% { transform: translateX(-5px); }
    50% { transform: translateX(5px); }
    75% { transform: translateX(-5px); }
    100% { transform: translateX(0); }
}

.around_contacts {
	border-radius:30px;
	box-shadow: 0px 10px 10px rgb(217 220 227);
	padding:30px;
}

.news_card {
	width: calc(100% / 3 - 8vw);
	border-radius:30px;
	box-shadow: 0px 10px 10px rgb(217 220 227);
	padding:30px;
	margin-top:35px;
	margin-bottom: 35px;
	position:relative;
}

.news_card img {
	border-radius:20px;
}

.thumbnail {
    width: 100%;
    padding-top: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    border-radius: 10px;
    transition: 1s;
}

.news_card:hover .thumbnail {
    -webkit-mask-image: linear-gradient(90deg, #000 25%, rgba(0, 0, 0, 1) 50%, #000 75%);
    mask-image: linear-gradient(90deg, #000 25%, rgba(0, 0, 0, .7) 50%, #000 75%);
    -webkit-mask-size: 400%;
    mask-size: 900%;
    -webkit-mask-position: 0;
    mask-position: 0;
    transition: mask-position 1s ease, -webkit-mask-position 1.5s ease, opacity 1s ease;
}

.news_card:hover .thumbnail {
    -webkit-mask-position: -120%;
    mask-position: -120%;
    opacity: 1;
}




a:hover .news_title {
	color:#00339f;
	
}

.news_title {
	color:#000;
	font-weight:600;
	text-transform:uppercase;
	line-height:125%;
}

.news_title {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: calc(1.2em * 3);
    line-height: 1.2em;
    word-wrap: break-word;
    /* font-size: 90%; */
}

.postdate {
	top: 0;
	left:50%;
	transform: translate(-50%, -100%);
	position:absolute;
	/* opacity:0.7; */
	font-size:90%;
	background-color: #0033a026;
	padding: 1px 6px;
	border-radius: 6px 6px 0 0;
	box-shadow: inset 0 -4px 9px rgba(0,0,0,0.1);
}

.info {
	background-color:#F4F4FF;
	border-radius:15px;
	padding:15px;
}

.bold {
	font-weight:600;
	font-size:120%;
}

a .pill_service  {
	background-color: rgb(0 51 160);
	backdrop-filter: blur(2px);
	padding: 4px 15px 2px 15px;
	font-size:87%;
	border-radius:1000px;
	display: inline-block;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.3px;
	margin: 6px;
	color: #ffffff;
}

a:hover .pill_service  {
	background-color: rgb(250 179 7);
	color:#222222;
}


.pill {
	background-color: rgb(0 0 0 / 30%);
	backdrop-filter: blur(2px);
	padding: 5px 15px;
	border-radius:1000px;
	display: inline-block;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.3px;
	margin: 6px;
}

.temp{
	border-radius:1000px;
	background-color: #d9e2ff;
	padding: 5px 15px;
	max-width:600px;
	color: #222;
}



@media screen and (max-width: 1000px) {
	
	.mob_fb_end {
		justify-content:end!important;
	}
	
	.btn_order {
		margin-right:15px;
		margin-left:15px;
	}

	.text_big {
    font-size: 2.3rem;

}

	#header {
	
	padding:1vh 0;
}


	.news_card {
	width:calc(60% / 1);
		margin:80px auto 0 auto;
		
}
	
	.mob_center {text-align:-webkit-center;}

	.flex5 {
		width:30%;
	}

.benefit {
	height:auto;
	width: 15vw;
}
	

	.mob_flex_center {
		justify-content:center!important;	
	}

	.desk_only {display:none!important;}
	.mob_only {display:initial!important;}
	.mob_wrap {display:block!important;}
	
#footer.heavy .flexbox {
   margin-top:50px;
}

.heavy_flex13 {width:100%;}
.heavy_flex23 {width:100%;padding:30px 0 80px 0!important;}

.heavy_flex23.last {padding-bottom:0!important;}

.flex2 {width:100%!important;}

.flex4 {width:calc(100% / 3 - 3vw)!important;}



	.flex3 .big_numb {
		margin-top:3vh;
	}

.wrap5 {height:3vh}

.flexbox.reverse {flex-direction:column-reverse;}

#footer.heavy .flexbox {
   margin-top:5vw;
}

	
	
}




@media screen and (max-width: 600px) {
	.wp-block-media-text>.wp-block-media-text__content {  
    padding: 0 ;
}

	.flex4 {width:calc(100% / 2 - 3vw)!important;}

	.benefit {
	height:auto;
	width: 30vw;
}

	.flex3 {width:100%!important;}

	.flex3 .big_numb {
		margin-top:3vh;
	}

	.flex5 {
		width:100%;
		font-size:120%;
		margin-bottom:30px;
	}

}




.forminator-edit-module {
    display: none!important;;
}

.grbg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(5px);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 10000000;
}

.around_popup_form {
  background: #fff;
  padding: 0 25px;
  border-radius: 30px;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
  position: relative;
  max-width: 300px;
  width:300px;
  margin: 20px;
  text-align:center;
}

.close-modal {
  position: absolute;
  top: 15px;
  right: 20px;
  font-size: 30px;
  cursor: pointer;
  color: #333;
  transition: 0.3s;
}

.close-modal:hover {
  color: #000;
  transform: scale(1.1);
}





.hide {
	visibility: hidden;
	display:none;
	opacity: 1;
	transition: visibility 0s, opacity 0.5s linear;
}

#burger, #burger2 {
	width:36px;
	height:28px;
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-direction:column;
	cursor:pointer;	
	margin:auto 0;
	transform: scale(0.8, 0.8);
}


#overlaymenu a .btn {
	background-color:#fff;
	color: #06359c;
	text-shadow: none;
	padding:15px;
	width:200px;
	box-shadow: 0 10px 10px rgba(0,0,0,0.2);
}


#overlaymenu a {
	color:#fab307;
}

#overlaymenu {
	z-index:8000;
	position: fixed;
	top: 0;
	bottom:0;
	left:0;
	right:0;

	overflow-y_: scroll;
	overflow-x: hidden;
	backdrop-filter: blur(10px);
    background-color: #0c3299cc;
	transition:0.5s;
	transform:translateY(0%);
	color:#fff;
}
#overlaymenu.hide {
	transform:translateY(-100%);	
}








.tab {
	background-color: #ffffff;
	border:2px solid #777777;
	padding: 3px 15px;
	border-radius:1000px;
	display: inline-block;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.3px;
	margin: 6px;
	color: #777777;
}

.tab:hover, .tab.act {
	background-color: #0033a0;
	border:2px solid #0033a0;
	color:#ffffff;
	cursor:pointer;
}


.active {
	color:#fff;
}

.burger__item1, .burger__item2, .burger__item3  {
	height:3px;
	width:100%;
	background-color:#fff;
	transition:0.5s;
}

.change .burger__item1 {
	-webkit-transform: rotate(-405deg) translate(-5px, 10px);
  transform: rotate(-45deg) translate(-8px, 10px);
}

.change .burger__item2 {
	opacity:0;
	width:0%;
}

.change .burger__item3 {
	-webkit-transform: rotate(405deg) translate(-5px, 10px);
  transform: rotate(45deg) translate(-8px, -10px);
}


.bg_gr_black {
	background-size: 400% 400%;
	animation: gradient 6s ease infinite;
}


.edit-button {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 30px;
    height: 30px;
    background: transparent;
    z-index: 9999;
}
.edit-button:hover {
    background: rgba(0, 0, 0, 0.2);
}

@media (max-width: 410px) {
    html, body {
        
    }
    /* Дополнительные стили для мобильных */
}