@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');
:root 
{
    --black:#181A18;
    --white:#EBEDE1;
    --footer-bg:#0E100E;
    --orange-primary:#E74825;
    --orange-2:#E95B3B;
    --gray:#525352;
    --gray-light:#8C8D8C;
}
body 
{
    font-family: "Manrope", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    background-color: var(--black);
}
  /* Chrome, Edge, and Safari */
  html::-webkit-scrollbar {
    width: 8px;
  }

  html::-webkit-scrollbar-track {
    background: #181A18;
  }

  html::-webkit-scrollbar-thumb {
    background-color: #E74825;
    border-radius: 10px;
    border: 0px solid #181A18;
  }
a, a:hover, a:focus, a:visited 
{
    text-decoration: none;
    transition: 0.3s;
}
button, button:hover, button:focus, button:visited 
{
    text-decoration: none;
    transition: 0.3s;
}
.topmenu_holder 
{
    height: 81px;
    border-bottom: 1px solid var(--gray);
    background: rgba(24, 26, 24, 0.10);
    backdrop-filter: blur(2px);
    width: 100%;
    display: flex;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3;
}
.topmenu_holder.nebg 
{
    background: rgba(24, 26, 24, 1);
}
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1280px;
    }
}
.topmenu_holder-2 
{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.logo {
    display: flex;
    padding-left: 8px;
    padding-right: 8px;
}
.rightmenu_top_holder 
{
    display: flex;
    gap: 24px;
    align-items: center;
}
.mainmenu 
{
    display: flex;
    align-items: center;
}
.mainmenu ul
{
    padding: 0;
    margin: 0;
    display: flex;
    gap: 24px;
    align-items: center;
}
.mainmenu ul li 
{
    list-style: none;
    position: relative;

}
.mainmenu ul li>a
{
    padding: 8px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    display: flex;
    align-items: center;
    gap: 8px;
    height: 81px;
    
    color: var(--white);
}
.mainmenu ul li a:hover 
{
    color: var(--orange-primary);
}
.mainmenu ul li:has(>ul)>a::after
{
    content: '';
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' viewBox='0 0 20 21' fill='none'%3E%3Cpath d='M5 8L9.29289 12.2929C9.68342 12.6834 10.3166 12.6834 10.7071 12.2929L15 8' stroke='%23EBEDE1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}
.mainmenu ul li:has(>ul)>a:hover:after
{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' viewBox='0 0 20 21' fill='none'%3E%3Cpath d='M5 8L9.29289 12.2929C9.68342 12.6834 10.3166 12.6834 10.7071 12.2929L15 8' stroke='%23E74825' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.mainmenu ul li ul 
{
    position: absolute;
    display: none;
    gap: 24px;
    
    border-radius: 16px;
background: #181A18;
backdrop-filter: blur(7.5px);
    flex-direction: column;
	padding: 16px;
    left: 0;
    top: 65px;
}
.mainmenu ul li ul li a{
	padding: 8px;
	height:auto;
	position: relative;
}
.mainmenu ul li ul li a:after{
	content:'';
	position: absolute;
	width: 100%;
	height: 1px;
	background-color: #FFF;
	opacity: 0;
	bottom: 0;
	left: 0;
	transition: 0.3s;
}
.mainmenu ul li ul li a:hover:after 
{
	opacity: 1;
	transition: 0.3s;
}
.langsubmenu 
{
    position: absolute;
    top: 43px;
    display: none;
   border-radius: 16px;
    left: 0;
    padding: 16px;
	
    background: rgba(24, 26, 24, 1);
}
.active .langsubmenu 
{
    display: flex;
}
.active .but2 
{
    color: var(--orange-primary);
}
.active .but2::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' viewBox='0 0 20 21' fill='none'%3E%3Cpath d='M15 13L10 8L5 13' stroke='%23E74825' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.langbuts 
{
    
    display: flex;
    flex-direction: column;
	gap:24px;
}
.langbuts a
{
    padding: 8px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: var(--gray-light);
    text-transform: uppercase;
}
.langbuts a:hover 
{
    color: var(--orange-primary);
}
.mainmenu ul li:hover ul {
    display: flex;
}
.mainmenu ul li ul li 
{
    list-style: none;
}
.mainmenu ul li ul li a 
{
    white-space: nowrap;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: var(--gray-light);
}
.top_phone 
{
    display: flex;
    padding: 8px;
    justify-content: center;
    align-items: center;
    color: var(--white);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}
.top_phone:hover
{
    color: var(--orange-primary);
}
.soclink 
{
    color: var(--white);
}
.soclink:hover
{
    color: var(--orange-primary);
}

.but1 
{
    
    display: flex;
    padding-left: 20px;
    padding-right: 20px;
    height: 41px;
    align-items: center;
    border: none;
    outline: none;
    border-radius: 24px;
    background: var(--white);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal; 
    color: var(--black);
}
.price_peace 
{
    width: 100%;
    text-align: right;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: normal; 
    color: var(--gray);
    
}

.price_peace span 
{
    font-size: 16px;
    font-weight: 700;
    color:var(--orange-2);
    
}
.main_prod_holder2:hover .price_peace, .main_prod_holder2:hover .price_peace span 
{
    color: var(--white);
}
.but1:hover
{
    background-color: var(--orange-2);
    color: var(--white);
}
.but2 
{
    border: none;
    outline: none;
    background-color: transparent;
    display: flex;
    padding: 8px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: var(--white);
    font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 120%;
text-transform: uppercase;
}
.but2:hover 
{
    color: var(--orange-primary);
}
.but2::after 
{
    content: '';
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' viewBox='0 0 20 21' fill='none'%3E%3Cpath d='M5 8L9.29289 12.2929C9.68342 12.6834 10.3166 12.6834 10.7071 12.2929L15 8' stroke='%23EBEDE1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.but2:hover::after
{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' viewBox='0 0 20 21' fill='none'%3E%3Cpath d='M5 8L9.29289 12.2929C9.68342 12.6834 10.3166 12.6834 10.7071 12.2929L15 8' stroke='%23E74825' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.block1 
{
    background-image: url(../img/bg1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    padding-top: 237px;
    padding-bottom: 168px;
}
.top_block 
{
    width: 847px;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    gap: 24px;
    align-items: flex-start;
}
.top_block2 
{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.header-1 
{
    padding: 0;
    margin: 0;
    font-size: 72px;
    font-style: normal;
    font-weight: 800;
    line-height: 120%; /* 86.4px */
    text-transform: uppercase;
    color: var(--white);
}
.subtitle-1 
{
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; 
    color: var(--white);
}
.but3 
{
    border: none;
    height: 52px;
    display: flex;
    padding-left: 24px;
    padding-right: 16px;
    gap: 8px;
    align-items: center;
    border-radius: 32px;
    background: linear-gradient(106deg, #373737 -24.42%, #E74825 106.85%);
    box-shadow: 4px 4px 30px 0px rgba(235, 237, 225, 0.15);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    color: var(--white);
    
}
.but3::after 
{
    content: '';
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M20 12H4M20 12L14 6M20 12L14 18' stroke='%23EBEDE1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.but3::before
{
    width: 0px;
    content: '';
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M20 12H4M20 12L14 6M20 12L14 18' stroke='%23E74825' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.but3:hover
{
    padding-left: 16px;
    padding-right: 24px;
    color: var(--orange-primary);
    background: linear-gradient(106deg, #EBEDE1 -24.42%, #EBEDE1 106.85%);
    border: 1px solid  rgba(231, 72, 37, 1);

}
.but3:hover::after 
{
    width: 0px;
}
.but3:hover::before 
{
    width: 24px;
}

.block2 
{
    padding-top: 160px;
    padding-bottom: 160px;
}
.awesome_holder 
{
    display: flex; 
    gap: 20px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}
.awesome_holder2 
{
    display: flex; 
    gap: 20px;
    
    width: 100%;
    justify-content: flex-end;
}
.awesome_inner 
{
    width: calc(33.33% - 14px);
    display: flex;
    min-height: 216px;
    padding: 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    border-radius: 16px;

    border: 1px solid var(--gray);
}
.awesometext-1 
{
    width: 100%;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: var(--white);
}
.awesometext-2 
{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-self: stretch;
}
.awesometext-3 
{
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal; /* 44.8px */
    text-transform: uppercase;
    color: var(--white);
}
.awesometext-4 
{
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    color: var(--gray-light);
}
.awesome_inner.colored 
{
    background: linear-gradient(106deg, #373737 -24.42%, #E74825 106.85%);
    border: none;
}
.colored .awesometext-4 
{
    color: var(--white);
}
.block3 
{
    padding-top: 80px;
    padding-bottom: 120px;
    background-color: var(--white);
}
.header-2 
{
    padding: 0;
    margin-top: 0;
    margin-bottom: 32px;
    font-size: 56px;
    font-style: normal;
    font-weight: 800;
    line-height: normal; 
    text-transform: uppercase;
    color: var(--orange-primary);
}
.main_prod_holder 
{
    display: flex;
    gap: 20px;
}
.main_prod_holder2 
{
    transition: 0.3s;
    width: calc(50% - 10px);
    position: relative;
    display: flex;
    gap: 20px;
    border-radius: 16px;
    border: 1px solid rgba(140, 141, 140, 1);
    background: var(--white);
}
.main_prod_holder3 
{
    width: 306px;
	overflow: hidden;
}
.main_prod_holder3 img{
    max-width: 100%;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.main_prod_holder4 
{
    width: calc(100% - 326px);
    display: flex;
    flex-direction: column;
    padding: 24px 16px 16px 0px;
    justify-content: space-between;
}
.main_prod_holder5 
{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;
}
.main_prod_holder6 
{
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal; /* 33.6px */
    text-transform: uppercase;
    color: var(--black);
    width: 100%;
}
.main_prod_holder7
{
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    width: 100%;
}
.main_prod_holder8 
{
    height: 28px;
    display: flex;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 24px;
    border: 1px solid var(--gray-light);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: var(--gray);
}
.butholder-1 
{
    width: 100%;
    justify-content: flex-end;
    display: flex;
}
.but4 
{
    height: 41px;
    display: flex;
    padding-left: 20px;
    padding-right: 20px;
    background-color: var(--white);
    border-radius: 24px;
    align-items: center;
    border: 1px solid var(--orange-2);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: var(--orange-primary);
}
.main_prod_holder2:hover 
{
    transition: 0.3s;
    background: linear-gradient(106deg, #373737 -24.42%, #E74825 106.85%);
    border-color: rgba(140, 141, 140, 0);
}
.main_prod_holder2:hover .main_prod_holder6 
{
    color: var(--white);
}
.main_prod_holder2:hover .main_prod_holder8 
{
    border-color: var(--white);
    color: var(--white);
}
.block4 
{
    display: flex;
    align-items: center;
}
.block4-2 
{
    height: 620px;
    width: 50%;
    overflow: hidden;
}
.block4-2 img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.block4-1 {
    padding-right: 20px;
    width: 50%;
    display: flex;
    justify-content: flex-end;
   
}
.block4-3 
{
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 40px;    
    width: 605px;
}
.block4-4 
{
    width: 100%;
    gap: 24px;
    display: flex;
    flex-direction: column;
}
.header-3 
{
    padding: 0;
    margin: 0;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal; 
    text-transform: uppercase;
    color: var(--gray-light);
}
.block4-5 
{
    color: var(--white);
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal; 
    text-transform: uppercase;
}
.block4-5 span
{
    color: var(--orange-2);
}
.but5 
{
    display: flex;
    height: 40px;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal; /* 22.4px */
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    text-transform: uppercase;
    color: var(--white);
}
.but5::after
{
    color: var(--orange-primary);
    width: 24px;
    height: 24px;
    background-size: contain;
    content: '';
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M20 12H4M20 12L14 6M20 12L14 18' stroke='%23EBEDE1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.but5:hover
{
    color: var(--orange-primary);
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
}
.but5:hover::after 
{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M20 12H4M20 12L14 6M20 12L14 18' stroke='%23E74825' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.block5 
{
    background-color: var(--white);
    padding-top: 120px;
    padding-bottom: 120px;
}
.digitholder-1 
{
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    width: 100%;
}
.digititem-1 
{
    width: calc(33.33% - 14px);
    display: flex;
    gap: 12px;
    align-items: flex-end;
}
.digititem-2 {
    font-size: 72px;
font-style: normal;
font-weight: 800;
line-height: normal;
color: var(--orange-primary); 
}
.digititem-3 {
    font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
padding-bottom: 18px;
color: var(--orange-primary); 
}
.block6 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.imgblock 
{
    width: 50%;
    height: 610px;
    overflow: hidden;
}
.imgblock img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.blockright 
{
    width: 50%;
    display: flex;
    justify-content: flex-start;
    padding-left: 44px;
}
.blockright2 
{
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 24px;
    width: 605px;
}
.bl-r-text1 
{
    font-size: 54px;
    font-style: normal;
    font-weight: 800;
    line-height: normal; 
    text-transform: uppercase;
    color: var(--white);
}
.bl-r-text1 span
{
    color: var(--orange-primary);
}
.bl-r-text2
{
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    color: var(--white);
}
.blockleft 
{
    width: 50%;
    display: flex;
    justify-content: flex-end;
    padding-right: 20px;
}
.imgblock2 {
    overflow: hidden;
    width: 50%;
    display: flex;
    align-items: flex-end;
    text-align: left;
    background-image: url(../img/img3.jpg);
    background-size: cover;
    height: 610px;
}
.imgblock2 img 
{
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: contain;

}
.map img {
    width: 100%;
}
footer 
{
    background-color: var(--footer-bg);
    padding-top: 40px;
    padding-bottom: 64px;
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.logoholder {
    width: 100%;
    text-align: center;
}
.social_block {
    width: 100%;
    display: flex;
    gap: 70px;
    align-items: center;
    justify-content: space-between;
}
.social_block2 
{
    width: 260px;
    display: flex;
    align-items: center;
    gap: 20px;
}
.socbut 
{
    padding-left: 16px;
    padding-right: 16px;
    height: 37px;
    display: flex;
    align-items: center;
    border-radius: 24px;
    border: 1px solid var(--white);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
    line-height: normal;
    color: var(--white);
}
.socbut:hover 
{
    background-color: var(--orange-primary);
    color: var(--white);
}
.footer_contact1 
{
    width: calc(100% - 330px);
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.contact_item 
{
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--white);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;

}
.contact_item:hover
{
    color: var(--orange-primary);
}
.marquee {
	overflow: hidden;
    margin-top: 8px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
	display: flex;
    line-height: normal; 
    text-transform: uppercase;
    color: var(--gray);
    
    width: 100%;
    
}

.marquee div{
	white-space: nowrap;
    display: flex;	
    gap: 40px;
}
.footer_lined 
{
    width: 100%;
    padding-top: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid var(--gray);
}
.footer_lined2 
{
    display: flex;
    gap: 40px;
    align-items: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: var(--white);
}
.footer_lined2 a
{
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: var(--white);
}
.footer_lined2 a:hover
{
    color: var(--orange-primary);
}
.copyright 
{
    display: flex;
    gap: 8px;
    align-items: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: var(--white);
}
.copyright:hover
{
    color: var(--orange-primary);
}
.burger, .drd2 
{
    display: none;
}
.copyright2 {
    display: none;
}
.only600 {
    display: none;
}
.ovh {
    overflow: hidden;
}
.bg2 
{
    background-image: url(../img/bg2.jpg);
}
.page2section1 
{
    padding-top: 80px;
    padding-bottom: 80px;
}
.p2_digits {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}
.p2_digits_1 
{
    width: calc(25% - 15px);
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.p2_digits_2 
{
    font-size: 72px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    color: var(--white);
}
.p2_digits_3 
{
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: var(--gray-light);
}
.page2section2 
{
    padding-top: 54px;
    padding-bottom: 160px;
}
.p2rightholder 
{
    display: flex;
    justify-content: flex-end;
    width: 100%;
}
.p2rightholder2 
{
    max-width: 100%;
    width: 954px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.p2rightholder3 
{
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    text-transform: uppercase;
    color: var(--white);
}
.p2rightholder3 span
{
    color: var(--orange-2);
}
.p2rightholder4 
{
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    color: var(--gray-light);
}
.block4.bgwhite {
    background-color: var(--white);
}
.bgwhite .header-3 {
    color: var(--gray);
}
.bgwhite .block4-5 
{
    color: var(--black);
}
.hist_text1 
{
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; 
    color: var(--black);
}
.hist_text2 
{
    display: flex;
    flex-direction: column;
    max-width: 100%;
    width: 522px;
    gap: 20px;
}
.hist_text3 {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    color: var(--black);
    display: flex;
    gap: 16px;
}
.hist_text3 span{
    width: calc(100% - 40px);
}
.hist_text3::before{
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M20 12H4M20 12L14 6M20 12L14 18' stroke='%23181A18' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    content: '';
}
.header-holder-1 {
    margin-bottom: 24px;
    display: flex;
    max-width: 738px;
    gap: 24px;
    width: 100%;
    flex-direction: column;
}
.header-holder-1 .bl-r-text1 {
    line-height: 120%;
}
.features .awesome_inner {
    min-height: auto;
}
.ourproj 
{
    padding-top: 80px;
    padding-bottom: 160px;
    background-color: var(--white);
}
.projholder 
{
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 48px;
}
.projholder2 {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 32px;
}
.projheader 
{
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 24px;
}
.projheader2 
{
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal; /* 33.6px */
    text-transform: uppercase;
    color: var(--gray);
}
.projheader3 
{
    width: 100%;
    display: flex;
    gap: 20px;
    align-items: flex-end;
}
.projheader4
{
    width: calc(100% - 542px);
    font-size: 56px;
    font-style: normal;
    font-weight: 800;
    line-height: 120%; /* 67.2px */
    text-transform: uppercase;
    color: var(--orange-2);
}
.projheader5 
{
    width: 522px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    color: var(--black);
}
.slider_prog 
{
    width: 100%;
}
.pregressholder 
{
    display: flex;
    align-items: flex-start;
    gap: 116px;
}
.pregressholder2 
{
    width: 100px;
    display: flex;
    justify-content: space-between;
}
.swbut 
{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    border: 1px solid var(--orange-2);
}
.swbut.right {
    transform: scaleX(-1);
}
.progressline 
{
    position: relative;
    height: 6px;
    width: calc(100% - 140px);
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.progresstext 
{
    font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: 140%;
color: var(--orange-2);
padding-top: 16px;
}
.slidercart 
{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.slidercart2 
{
    width: 100%;
    position: relative;
    height: 335px;
    overflow: hidden;
    border-radius: 16px;
}
.slidercart2 img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.location {
    position: absolute;
    top: 16px;
    right: 16px;
    display: flex;
    border-radius: 24px;
    background: var(--white);
    gap: 6px;
    align-items: center;
    padding: 6px 10px 6px 8px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    color: var(--orange-primary);
}
.location::before 
{
    width: 16px;
height: 16px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M3.33325 6.44631C3.33325 8.94522 4.23182 10.2597 7.44861 14.8808C7.71368 15.2615 8.28616 15.2615 8.55123 14.8808C11.768 10.2597 12.6666 8.94522 12.6666 6.44631C12.6666 3.89845 10.5772 1.83301 7.99992 1.83301C5.42259 1.83301 3.33325 3.89845 3.33325 6.44631Z' stroke='%23E74825' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: contain;
content: '';
}
.slidename 
{
    font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 140%; 
color: var(--black);
}
.slidechars 
{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.slidechars2 
{
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    color: var(--black);
}
.slidechars3 
{
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    color: var(--black);
}
.swiper-pagination-progressbar 
{
    background-color: var(--gray-light);
    border-radius: 4px;
    
}
.swiper-pagination-progressbar.swiper-pagination-horizontal {
    height: 2px;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    border-radius: 4px;
    height: 6px;
    background-color: var(--orange-primary);
    top: -2px;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill::after 
{
        content: '';
    z-index: 5;
    position: absolute;
    height: 6px;
    width: 31px;
    border-radius: 0 8px 8px 0;
    background-color: var(--orange-primary);
    top: 0;
    right: -6px;
}
.threeimg {
    width: 100%;
    display: flex;
    margin-bottom: 80px;
}
.img1 
{
    width: 30%;
    height: 313px;
    overflow: hidden;
}
.img1 img 
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.img2 
{
    width: 60%;
    height: 313px;
    overflow: hidden;
}
.img2 img 
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.openedtowork 
{
    background-image: url(../img/bg3.jpg);
    background-repeat: no-repeat;
    height: 475px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    padding-top: 80px;
}
.lheder_holder 
{
    width: 846px;
    max-width: 100%;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    flex-direction: column;
    gap: 24px;
}
.header-5 
{
    font-size: 56px;
font-style: normal;
font-weight: 800;
line-height: 120%; /* 67.2px */
text-transform: uppercase;
color: var(--white);
text-align: center;
width: 100%;
padding: 0;
margin: 0;
}
.colab_text1 
{
    width: 100%;
    text-align: center;
    font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 140%;
color: var(--white);
}
.butholder-5 {
    width: 100%;
    display: flex;
    justify-content: center;
}
.block1.bg4 {
    background-image: url(../img/bg4.jpg);
}
.how_we_w {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.how_we_w_img {
    width: 50%;
    height: 823px;
    overflow: hidden;
}
.how_we_w_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}
.how_we_w_right 
{
    width: 50%;
}
.how_we_w_right2 
{
    max-width: 100%;
    padding-left: 24px;
    display: flex;    
    flex-direction: column;
    gap: 32px;
    width: 605px;
}
.how_we_w_text1 
{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.how_we_w_text2 
{
    padding-bottom: 20px;
    width: 100%;
    display: flex;
    gap: 20px;
    border-bottom: 1px solid var(--gray);
}
.how_we_w_count 
{
    display: flex;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid var(--gray-light);
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: var(--white);
}
.how_we_w_text3 
{
    width: calc(100% - 60px);
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.how_we_w_text4 
{
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    color: var(--white);
}
.how_we_w_text5
{
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; 
    color: var(--gray-light);
}
.perevagi_img 
{
    height: 764px;
    width: 50%;
    overflow: hidden;
}
.perevagi_img img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.how_we_w_2 
{
    background-color: var(--white);
    display: flex;
    align-items: center;
}
.toright {
    display: flex;
    justify-content: flex-end;
}
.hww_inner {
    max-width: 100%;
    padding-right: 46px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    width: 605px;
}
.bl-r-text1.red {
    color: var(--orange-primary);
}
.red .how_we_w_text2 
{
    border-bottom: 1px solid var(--gray-light);

}
.red .how_we_w_count 
{
    border-color: var(--orange-primary);
    color: var(--orange-primary);
}
.red .how_we_w_text4 {
    color: var(--black);
}
.red .how_we_w_text5 {
    color: var(--gray);
}
.become_partner 
{
    background-image: url(../img/bg5.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    padding-top: 80px;
    padding-bottom: 117px;
}
.formblock-1 
{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 20px;
}
.formblock-2 
{
    width: calc(50% - 10px);
}
.formblock-3 {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.formblock-33 
{
    width: 100%;
    border-radius: 16px;
background: var(--white);
width: 100%;
display: flex;
flex-direction: column;
padding: 32px;
gap: 32px;
}
.formname 
{
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; 
    color: var(--black);
}
.formblock-33 form
{
    width: 100%;
    gap: 20px;
    display: flex;
    flex-wrap: wrap;
}
.form-group 
{
    width: calc(50% - 10px);
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.form-group label 
{
    width: 100%;
    font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
color: var(--black);
}
input.form-control, select.form-select
{
    width: 100%;
    height: 46px;
    padding-left: 16px;
    padding-right: 12px;
    background-color: var(--white);
    border-radius: 12px;
    border: 1px solid rgba(82, 83, 82, 0.8);
    outline: none;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    color: var(--black);
}
input.form-control::placeholder
{
    color: var(--gray);
}
.alertmessage {
    width: 100%;
    display: none;
}
.error_inp + .alertmessage, .error_inp + label + .alertmessage, .error_inp + div + .alertmessage, .error_inp + div .alertmessage {
    display: block;
    width: 100%;   
}
.alertmessage .alert {
    padding: 0;
    margin-bottom: 0;
}
.alertmessage .alert-warning {
    background-color: transparent;
    border: none;
    color: var(--orange-primary);
    font-size: 13px;
}
.mygroup .form-control.error_inp {
    border-color: var(--orange-primary);
}
.error_inp + div .iti {
    border: 1px solid var(--orange-primary);
   
}
.input-group.mygroup:has(.form-control:focus) {
    background-color: #efeff3;
}
.mygroup .form-control {
    outline: none;
    background-color: var(--white);
    border: 1px solid rgba(82, 83, 82, 0.8);
    color: var(--black);
    font-size: 14px;
}
.error_inp + .alertmessage, .error_inp + label + .alertmessage, .error_inp + div + .alertmessage, .error_inp + div .alertmessage {
	display:block;
	width:100%;
	margin-top: 10px;
}
.mygroup .form-control:focus, .mygroup .form-control:active {
    outline: none;
     border: 1px solid rgba(82, 83, 82, 0.8);
    box-shadow: none;
}
.form-group:has(textarea)
{
    width: 100%;
}
.for_but_holder, .for_but_holder .but3 {
    width: 100%;
}
.for_but_holder .but3 {
    justify-content: center;
}
.products 
{
    padding-top: 129px;
    padding-bottom: 160px;
}
.prholder 
{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: flex-start;
}
.prholder2, .prholder3 
{
    width: calc(50% - 10px);
}
.prodimgholder {
    width: 100%;
    display: flex;
   overflow: hidden;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    border: 1px solid var(--gray);
}
.prodimgholder img{
    max-width: 100%;
}
.prholder3 {
    display: flex;
    gap: 24px;
    flex-direction: column;
}
.pr_text 
{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.pr_text2 
{
    margin: 0;
    width: 100%;
    padding-top: 0;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--gray);
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal; 
    text-transform: uppercase;
    color: var(--white);
}
.pr_text3 
{
    width: 100%;
     display: flex;
    flex-direction: column;
    gap: 16px;
}
.pr_text4 
{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
}
.pr_price {
    width: calc(50% - 10px);
    display: flex;
    align-items: flex-end;
    gap: 32px;
}
.pr_price3 {
    font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: var(--white);
    padding-bottom: 6px;
}
.pr_price2 
{
    display: flex;
    align-items: flex-end;
    gap: 8px;
}
.pr_price4 {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal; 
    color: var(--white);
        padding-bottom: 5px;
}
.pr_price5 
{
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal; 
    text-transform: uppercase;
    color: var(--white);
}
.pageinfo 
{
    width: 100%;
    display: flex;
    gap: 12px;
    align-items: center;
    padding: 8px;
    border-radius: 24px;
    border: 1px solid var(--gray);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal; 
    color: var(--gray-light);
}
.faq_block 
{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.faqitem 
{
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px;
    border-radius: 16px;
    border: 1px solid var(--gray);
    background: var(--black);
}
.faqlink 
{
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    color: var(--white);
}
.faqlink span
{
    width: calc(100% - 40px);
}
.faqlink::after
{
    width: 24px;
height: 24px;
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%238C8D8C' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}
.tabcontent 
{
    width: 100%;
    display: none;
}
.faqitem.active .tabcontent 
{
    display: block;
}
.faqitem.active .faqlink::after 
{
    transform: scaleY(-1); 
}
.charcontent {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.char_item 
{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 8px 0px;
}
.char_item2 
{
    width: 197px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal; 
    color: var(--gray-light);
}
.char_item3 
{
	text-align: right;
    width: calc(100% - 217px);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    justify-content: flex-end;
    color: var(--white);
}
.logisticcont {
    width: 100%;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
.logistic_item 
{
    width: calc(50% - 10px);
    display: flex;
    align-items: center;
    gap: 16px;
}
.logistic_item-2 
{
    width: calc(100% - 56px);
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.logistic_item-3 
{
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: var(--gray-light);
}
.logistic_item-4 
{
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal; 
    color: var(--white);
}
.prod_desc {
    margin-top: 80px;
    width: calc(50% - 10px);
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.h2_heading {
    padding: 0;
    margin: 0;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal; /* 44.8px */
    text-transform: uppercase;
    color: var(--orange-primary);
}
.prod_desc p 
{
    padding: 0;
    margin: 0;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    color: var(--gray-light);
}
.prod_desc p strong 
{
    font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 140%;
color: var(--white);
}
.whywe 
{
    padding-bottom: 160px;
}
.underprod 
{
    display: flex;
    flex-direction: column;
    gap: 48px;
    width: 100%;
}
.header-holder-1.nobotmr 
{
    margin-bottom: 0;
}
.a_holder1 
{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 20px;
}
.a_holder_item-1 
{
    width: calc(25% - 15px);
    display: flex;
    flex-direction: column;
    padding: 16px;
    gap: 16px;
    border-radius: 16px;
border: 1px solid rgba(82, 83, 82, 1);
}
.a_holder_text1 
{
   width: 100%;
   display: flex;
   flex-direction: column;
   gap: 12px;
}
.a_holder_text2 
{
    font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: normal;
color: var(--white);
}
.a_holder_text3 
{
    font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%; 
color: var(--white);
}
.a_holder_item-1.colored 
{
    border: none;
    background: linear-gradient(106deg, #373737 -24.42%, #E74825 106.85%);
}
.to_r 
{
    justify-content: flex-end;
}
.article_container {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.article_container h1
{
    padding: 0;
    margin: 0;
    font-size: 56px;
    font-style: normal;
    font-weight: 800;
    line-height: normal; 
    text-transform: uppercase;
    color: var(--orange-primary);
}
.article_content h2 
{
    font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 140%; 
padding-top: 0;
margin: 0;
text-transform: uppercase;
padding-bottom: 24px;
color: var(--white);
}
.article_content h1
{
    font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: 140%; 
padding-top: 0;
margin: 0;
text-transform: uppercase;
padding-bottom: 24px;
color: var(--white);
}
.article_content h2 
{
    font-size: 22px;
font-style: normal;
font-weight: 700;
line-height: 140%; 
padding-top: 0;
margin: 0;
text-transform: uppercase;
padding-bottom: 24px;
color: var(--white);
}
.article_content h3 
{
    font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 140%; 
padding-top: 0;
margin: 0;
text-transform: uppercase;
padding-bottom: 24px;
color: var(--white);
}
.article_content h4 
{
    font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 140%; 
padding-top: 0;
margin: 0;
text-transform: uppercase;
padding-bottom: 24px;
color: var(--white);
}
.article_content p{
    margin: 0;
    padding-top: 0;
    padding-bottom: 20px;
    font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 140%;
color: var(--white);
}
.article_content p a{
    color: var(--orange-primary);
    text-decoration: underline;
}
.article_content p a:hover{
    color: var(--orange-2);
}
.error404 {
    padding-top: 145px;
    padding-bottom: 159px;
}
.er_cont1 
{
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
}
.er_cont2 {
    width: 100%;
    text-align: center;
}
.er_cont2 img{
    max-width: 100%;
}
.er_cont3 
{
    display: flex;
    gap: 24px;
    width: 100%;
    flex-direction: column;
}
.er_cont4 {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.er_cont5 
{
    padding: 0;
    margin: 0;
    text-align: center;
    width: 100%;
    font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 33.6px */
text-transform: uppercase;
color: var(--white);
}
.er_cont6 {
    width: 100%;
    font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%;
color: var(--gray-light);
text-align: center;;
}
.errorbutholder {
    width: 100%;
    display: flex;
    justify-content: center;
}
.whiteblock 
{
    background-color: var(--white);
}
.whiteblock 
{
    background-color: var(--white);
    padding-top: 129px;
    padding-bottom: 160px;
}
.contacts_1 
{
    display: flex;
    gap: 20px;
}
.contacts_2, .contacts_3  
{
    width: calc(50% - 10px);
}
.header8 
{
    padding: 0;
    margin-top: 0;
    margin-bottom: 32px;
    font-size: 72px;
font-style: normal;
font-weight: 800;
line-height: normal; 
text-transform: uppercase;
color: var(--black);
}
.ct_text_1 
{
    margin-bottom: 24px;
    font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 44.8px */
text-transform: uppercase;
color: var(--black);
}
.ct_text_2 
{
    margin-bottom: 56px;
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 16px;
}
.ct_text_2 a{
    display: flex;
    align-items: center;
    gap: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal; 
    color: var(--black);
}
.ct_text_2 a:hover{
    color: var(--orange-primary);
}
.ct_text_3 
{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.ct_text_4 
{
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    color: var(--black);
}
.ct_text_5 
{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}
.ct_text_5 a{
    display: flex;
    padding: 8px 16px 10px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 24px;
    border: 1px solid var(--black);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: var(--black);
}
.ct_text_5 a:hover{
    background-color: var(--orange-primary);
    color: var(--white);
}
.whitepage .topmenu_holder 
{
    background-color: var(--white);
}
.whitepage .mainmenu ul li>a {
    color: var(--black);
}
.whitepage .mainmenu ul li>a:hover {
    color: var(--orange-primary);
}
.whitepage .mainmenu ul li:has(>ul)>a::after {
    content: '';
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' viewBox='0 0 20 21' fill='none'%3E%3Cpath d='M5 8L9.29289 12.2929C9.68342 12.6834 10.3166 12.6834 10.7071 12.2929L15 8' stroke='%23181A18' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}
.whitepage  .top_phone {
    color: var(--black);
}
.whitepage  .top_phone:hover {
    color: var(--orange-primary);
}
.whitepage .soclink {
    color: var(--black);
}
.whitepage .soclink:hover {
    color: var(--orange-primary);
}
.whitepage .but1 
{
    border: 1px solid var(--orange-2);
    color: var(--orange-primary);
}
.whitepage .but1:hover {
    background-color: var(--orange-2);
    color: var(--white);
}
.whitepage .but2 {
    color: var(--black);
}
.whitepage .but2:hover {
    color: var(--orange-primary);
}
.whitepage .but2::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' viewBox='0 0 20 21' fill='none'%3E%3Cpath d='M5 8L9.29289 12.2929C9.68342 12.6834 10.3166 12.6834 10.7071 12.2929L15 8' stroke='%23181A18' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.whitepage .but2:hover::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' viewBox='0 0 20 21' fill='none'%3E%3Cpath d='M5 8L9.29289 12.2929C9.68342 12.6834 10.3166 12.6834 10.7071 12.2929L15 8' stroke='%23E74825' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.whitepage .langsubmenu 
{
    background-color: var(--white);
}
.whitepage .langbuts a {
    color: var(--gray);
}
.whitepage .langbuts a:hover {
    color: var(--orange-primary);
}
.whitepage .mainmenu ul li ul {
    background-color: var(--white);
}
.whitepage .mainmenu ul li ul li a:after{
	background-color: #000;
}
.whitepage .mainmenu ul li:has(>ul)>a:hover:after
{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' viewBox='0 0 20 21' fill='none'%3E%3Cpath d='M5 8L9.29289 12.2929C9.68342 12.6834 10.3166 12.6834 10.7071 12.2929L15 8' stroke='%23E74825' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.whitepage .mainmenu ul li ul li a 
{
    color: var(--gray);
}
.whitepage .mainmenu ul li ul li a:hover {
    color: var(--orange-primary);
}
.newborder 
{
    border: 1px solid var(--gray-light);
}
.thanksblock 
{
    display: flex;
    align-self: stretch;
    justify-content: center;
    padding-top: 72px;
}
.thanksblock2 
{
    max-width: 100%;
    width: 566px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.thanksblock3 {
    padding: 0;
    margin: 0;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; 
    text-transform: uppercase;
    color: var(--orange-primary);
}
.thanksblock4 
{
    font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 140%;
color: var(--black);
}
.overlay 
{
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(24, 26, 24, 0.8);
    left: 0;
    top: 0;
    z-index: 2;
    display: none;
    align-items: center;
    justify-content: center;
}
.overlay_inner 
{
    max-width: 100%;
    width: 630px;
    border-radius: 16px;
    background: var(--white);
    padding: 32px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.overlay_inner1 
{
    font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 33.6px */
text-transform: uppercase;
color: var(--orange-primary);
width: 100%;
}
.overlay_inner2 
{
    width: 100%;
    font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%; 
color: var(--black);
}
.overlay_inner3 
{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}
.overlay_inner4 
{
    width: calc(100% - 8px);
}
.overlay_inner4 .but3 {
    width: 100%;
    justify-content: center;
}
.detailed 
{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 52px;
    font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 22.4px */
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
text-transform: uppercase;
color: var(--black);
}
.detailed:hover {
    color: var(--orange-primary);
}
.modal-content {
    background-color:transparent;
    border:none;
}
.modalinner {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.closeholder 
{
    width: 100%;
    justify-content: center;
    display: flex;
}
.recap_error {
    display: none;
    width: 100%;
}
.alert {
	margin-bottom: 0;	
}
.form_row 
{
	    display: flex;
    justify-content: center;
    width: 100%;
}
/* -------------------------- */
.block1.video 
{
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
    height: 783px;
}
.revid {
    position: absolute;
    width: 100%;
    padding-top: 237px;
    padding-bottom: 168px;
    z-index: 2;
    left: 0;
    top: 0;
}
.videocontainer {
    position: relative;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.block1.video::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 263px;
    background-image: url(../img/shade.png);
    background-repeat: repeat-x;
    z-index: 1;
    bottom: 0;
    left: 0;
}
.buhide {
	position:relative;
}
.logoholder a img {
        width: 311px;
    }
.arttime 
    {
        position: absolute;
        right: 16px;
        top: 16px;
        display: flex;
        align-items: center;
        height: 29px;
        padding: 0 10px;
        display: flex;
        gap:8px;
        background-color: #EBEDE1;
        border-radius: 24px;
        color: #E74825;
        font-size: 14px;
        font-weight: 400;
    }
    .articpag 
    {
        display: flex;
        flex-wrap: wrap;
        gap:9px;
        align-items: center;
    }
    .articpag a 
    {
        min-width: 50px;
        height: 50px;
        border-radius: 25px;
        padding: 0 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #8C8D8C;
        color: #181A18;
        font-size: 16px;
        font-weight: 600;
        line-height: normal;
    }
    .articpag a.disabled 
    {
        border: none;
        align-items: flex-end;
        padding-bottom: 5px;
        
    }
    .articpag a.disabled:hover 
    {
        background-color: transparent;
        color: #181A18;
        
    }
    .articpag a:hover, .articpag a.active
    {
        background-color: #E74825;
        border-color: transparent;
        color: #FFF;
    }
    .artitem:hover 
    {
        border-color: transparent;
        
    }
    .fmoreread 
    {
        display: flex;
        align-items: center;
        gap:8px;
        font-size: 16px;
        font-weight: 600;
        line-height: normal;
        text-transform: uppercase;
        color: #E74825;
    }
    .arttextwrap 
    {
        width: 100%;
        font-size: 24px;
        line-height: 140%;
        font-weight: 700;
        color: #181A18;
        height: 68px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        margin-bottom: 3px;
        -webkit-line-clamp: 2; 
    }
    .littletags 
    {
        width: 100%;
        display: flex;
        align-items: center;
        gap:6px;
        flex-wrap: wrap;
    }
    .littletags div 
    {
        display: flex;
        align-items: center;
        height: 28px;
        padding: 0 10px;
        border-radius: 24px;
        border: 1px solid #8C8D8C;
        color: #525352;
        font-size: 14px;
        font-weight: 400;
        gap:8px;
    }
    .artitem-img 
    {
        position: relative;
        width: 100%;
        height: 300px;
        border-radius: 16px;
        overflow: hidden;
        margin-bottom: 4px;
    }
    .artitem-img img 
    {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .tagline 
    {
        width: 100%;
        display: flex;
        align-items: center;
        gap:15px;
        margin-bottom: 32px;
    }
    .tagitem 
    {
        display: flex;
        align-items: center;
        height: 42px;
        padding: 0 15px;
        border: 1px solid #8C8D8C;
        border-radius: 24px;
        gap:8px;
        color: #525352;
        font-size: 16px;
        font-weight: 400;
    }
    .tagitem:hover, .tagitem.active
    {
        background-color:#8C8D8C;
        color:#FFF;
    }
    .artlist 
    {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        gap:21px;
        margin-bottom: 40px;
    }
    .artitem:before 
    {
        position: absolute;
        width: 100%;
        height: 100%;
        content: '';
        background: rgba(55, 55, 55, 1);
        background: linear-gradient(137deg, rgba(55, 55, 55, 1) 0%, rgba(231, 72, 37, 1) 100%);
        transition: 0.3s;
        left:0;
        top: 0;
        opacity: 0;
    }
    .artitem:hover:before 
    {
        opacity: 1;
        z-index: -1;
    }
    .artitem:hover .littletags div, .artitem:hover .arttextwrap, .artitem:hover .fmoreread 
    {
        color: #FFF;
    }
    .artitem:hover .littletags div 
    {
        border-color: #FFF;
    }
    .artitem 
    {
        width: calc(33.33% - 14px);
        display: flex;
        flex-direction: column;
        padding: 20px 16px;
        border-radius: 16px;
        border: 1px solid #8C8D8C;
        gap:12px;
        transition: 0.3s;
        position: relative;
        overflow: hidden;
        z-index: 1;
        
    }
.whiteblock.pbb80 
{
    padding-bottom: 80px;
}
.container-article 
{
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}
.articleheader 
{
    display: flex;
    gap:25px;
    flex-direction: column;
    width: 100%;
    padding-bottom: 32px;
}
.articleheader h1 
{
    padding: 0;
    margin: 0;
    font-weight: 800;
    font-size: 56px;
    line-height: 120%;
    color: #181A18;
}
.articleheader2 
{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.tagline.wfit 
{
    width: fit-content;
    margin-bottom: 0;
}
.innertime 
{
    display: flex;
    align-items: center;
    gap:10px;
    font-weight: 400;
    font-size: 14px;
    color: #E74825;
}
.mainimg 
{
    width: 100%;
    border-radius: 16px;
    margin-bottom: 32px;
    overflow: hidden;
    height: 550px;
}
.mainimg img 
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.articlemain 
{
    width: 100%;
    position: relative;
    color: #181A18;    
}
.articlemain23 
{
    position: absolute;
    height: 100%;
    top: 0px;
   
    left: -96px;
}
.articlemain p 
{
    font-size: 18px;
    font-weight: 400;
    line-height: 160%;
    color: #181A18;
    padding: 0;
    margin: 0;
    padding-bottom: 20px;
}
.articlemain h2, .articlemain h3, .articlemain h4, .articlemain h5 
{
    font-size: 24px;
    font-weight: 700;
    line-height: 140%;
    color: #181A18;
    padding: 0;
    text-transform: uppercase;
    margin: 0;
    padding-bottom: 30px;
}
.dop_a_text 
{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap:32px;
}
.dop_a_text2 
{
    width: 100%;
    display: flex;
    gap:20px;
}
.dop_a_text3 
{
    width: calc(50% - 10px);
    border-radius: 20px;
    overflow: hidden;
    height: 490px;
}
.dop_a_text3 img 
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.othernews 
{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap:32px;
}
.othernews2 
{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.othernews2 h2 
{
    margin: 0;
    padding: 0;
    font-size: 56px;
    font-weight: 800;
    line-height: 120%;
    color: #181A18;
    text-transform: uppercase;
}
.athlink 
{
    height: 52px;
    display: flex;
    align-items: center;
    padding: 0 24px;
    border: 2px solid #E74825;
    border-radius: 32px;
    font-size: 16px;
    font-weight: 600px;
    text-transform: uppercase;
    line-height: normal;
    gap:8px;
    color: #E74825;
}
.athlink:hover 
{
    color: #FFF;
    background-color: #E74825;
}
.moreart 
{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap:21px;
}
.whiteblock.pbt0 
{
    padding-top: 0;
}
.articlemain24 
{
    position: sticky;
    
    top: 87px;
    display: flex;
    flex-direction: column;
    gap:10px;
}
.articlemain24 a 
{
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background-color: #E74825;
    color: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
}
.articlemain24 a:hover 
{
    background-color: #b63317;
}
.articlemain23.nop 
{
    display: none;
}
.innertime.noonh 
{
    display: none;
}
.podil, .allnholder 
{
    display: none;
}
/* -------------------------- */
@media (min-width: 700px) {
    .modal-dialog {
        width: 630px;
        max-width: 630px;
    }
}
@media (max-width: 1399px) 
{
    .hww_inner, .how_we_w_right2 {
    width: 552px;
}
.how_we_w_right2, .hww_inner {
    padding-top: 40px;
    padding-bottom: 40px;
}
.how_we_w, .how_we_w_2 {
    align-items: stretch;
}
.how_we_w_img, .perevagi_img {
    height: auto;
}
    .block4-3 {    
        width: 514px;
    }
    .blockright2 {
        width: 514px;
    }
    .mainmenu ul {
        gap: 5px;
    }
    .rightmenu_top_holder {
        gap: 16px;
    }
    .main_prod_holder4 
    {
        gap: 24px;
    }
    .main_prod_holder3 img {
        width: 229px;
    }
    .main_prod_holder3 {
        width: 229px;
        max-width: 100%;
    }
    .main_prod_holder4 {
        width: calc(100% - 249px);
    }
}
@media (max-width: 1199px) 
{
    .articlemain23
{
    display: none;
}
    .articlemain23.nop 
{
    display: block;
    position: relative;
    height: auto;
    top: 0px;
    left: 0px;
}
    .articlemain24 
    {
        position: relative;
        top: auto;
        flex-direction: row;
    }
    .container-article 
    {
        width: 100%;
    }
    .hww_inner {
        width: 100%;
        padding-left: 14px;
    }
    .how_we_w_right2 
    {
        width: 100%;
        padding-right: 14px;
    }
    .block4-3 
    {
        width: 100%;
        padding-left: 14px;
    }
    .blockright2 
    {
        width: 100%;
        padding-right: 14px;
    }
    .blockleft .blockright2 
    {
        padding-right: 0;
        padding-left: 14px;
    }
    .projheader3 {
        flex-direction: column;
            align-items: flex-start;
    }
    .projheader4, .projheader5 {
        width: 100%;
    }
    .char_item2 {
    width: 176px;
    }
    .char_item3 {
    width: calc(100% - 196px);
    }
}
@media (max-width: 1050px) 
{
    .whitepage .burger {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M4 7.5H20M4 17.5H20M4 12.5H20' stroke='%23181A18' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    }
       .whitepage .mainmenu.active2 {
        
        background-color: var(--white);
    }
    .whitepage .burger.active {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M12 12.5L16.5 8M12 12.5L7.5 17M12 12.5L16.5 17M12 12.5L7.5 8' stroke='%23181A18' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    }
    .prholder3 
    {
        width: 503px;
    }
    .prholder2 
    {
        width: calc(100% - 523px);
    }
    .a_holder_item-1 
    {
        width: calc(33.33% - 14px);
    }
    .form-group {
        width: 100%;
    }
    .mainmenu 
    {
        display: none;
    }
    .buhide 
    {
        display: none;
		
    }
    .rightmenu_top_holder {
        gap: 24px;
    }
    .burger 
    {
        display: block;
        width: 24px;
        height: 24px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M4 7.5H20M4 17.5H20M4 12.5H20' stroke='%23EBEDE1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: contain;
    }
    .burger.active 
    {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M12 12.5L16.5 8M12 12.5L7.5 17M12 12.5L16.5 17M12 12.5L7.5 8' stroke='%23EBEDE1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    }
    .block1 
    {
        padding-top: 201px;
        padding-bottom: 168px;
    }
    .header-1 
    {
        font-size: 40px;
        font-style: normal;
        font-weight: 800;
        line-height: 120%; /* 57.6px */
        text-transform: uppercase;
    }
    .subtitle-1 
    {
        font-size: 18px;
        font-weight: 600;
        line-height: 140%;
    }
    .but3 
    {
        height: 48px;
    }
    .mainmenu.active2 
    {
        display: flex;
        align-items: center;
        position: absolute;
        top: 81px;
        left: 0;
        width: 100%;
        height: 76px;
        justify-content: flex-end;
        background-color: var(--black);
    }
    .drd2 
    {
        display: block;
		position: relative;
    }
    .mainmenu ul {
        gap: 40px;
    }
    .mainmenu {
        padding-left: 14px;
        padding-right: 14px;
        gap: 40px;
    }
    .mainmenu ul li ul {

        top: 67px;
    }
    .langsubmenu {        
        top: 42px;
    }
    .block2 {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .awesome_inner 
    {
        width: calc(50% - 8px);
    }
    .awesome_holder, .awesome_holder2 
    {
        gap: 16px;
    }
    .header-2 
    {
        font-size: 40px;
    }
    .block4 
    {
        flex-wrap: wrap;
        gap: 20px;
        
    }
    .block4-1 
    {
        width: 100%;
        padding-left: 14px;
        padding-right: 14px;
        padding-top: 40px;
    }
    .block4-2 
    {
        height: 327px;
        width: 100%;
    }
    .block4-3 {
        width: 100%;
        padding-left: 0px;        
    }
    .header-3 
    {
        font-size: 20px;
    }
    .block4-4 
    {
        gap: 16px;
    }
    .block4-5 {
        font-size: 28px;
    }
    .block4-3 {
        gap: 32px;
    }
    .block5 {       
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .digititem-1 
    {
        width: 100%;
    }
    
    .digititem-1 {
        justify-content: center;
        gap: 16px;
    }
    .imgblock 
    {
        width: 100%;
    }
    .blockright 
    {
        width: 100%;
        padding-left: 14px;
        padding-right: 14px;
        padding-top: 107px;
        padding-bottom: 20px;
    }
    .blockright2 {
        gap: 20px;
    }
    .block6 {
        flex-direction: column-reverse;
    }
    .bl-r-text1 
    {
        font-size: 40px;
    }
    .block6.second 
    {
        flex-direction: column;
    }
    .blockleft 
    {
        width: 100%;
        padding-left: 14px;
        padding-right: 14px;
        padding-top: 77px;
        padding-bottom: 10px;
    }
    .blockleft .blockright2 {
        padding-right: 0;
        padding-left: 0px;
    }
    .imgblock2 {
        width: 100%;
    }
    footer {        
        gap: 24px;
    }
    .social_block 
    {
        flex-direction: column;
        gap: 32px;
    }
    .footer_contact1 
    {
        width: 100%;
    }
}
@media (max-width: 991px) 
{
    .artitem 
    {
        width: calc(50% - 11px);
    }
	.main_prod_holder3 
	{
		width: 100%;
	}
	    .main_prod_holder3 img {
        width: 100%;
	}
    .header8 {
        font-size: 48px;
    }
   
    .prholder2 {
        width: 100%;
    }
    .prholder3 
    {
        width: 100%;
    }
    .prod_desc  {
        width: 100%;
    }
    .main_prod_holder, .main_prod_holder  
    {
        flex-wrap: wrap;
        gap: 16px;
    }
    .main_prod_holder2 
    {
        width: calc(50% - 8px);
        flex-direction: column;
        align-items: center;
        gap: 12px;
        padding: 8px;
    }
    .butholder-1 {
        justify-content: center;
    }
    .main_prod_holder4 {
        width: 100%;
        padding-right: 0;
        padding-top: 0;
        padding-bottom: 0;
    }
    .p2_digits_1 
    {
        width: calc(50% - 10px);
    }
}
@media (max-width: 768px) 
{
    .allnholder 
    {
        display: flex;
        width: 100%;
        justify-content: center;
    }
    .othernews2 h2 
    {
        font-size: 40px;
    }
    .othernews2 .athlink 
    {
        display: none;
    }
    .podil 
{
    display: block;
    font-weight: 700;
    font-size: 24px;
    text-transform: uppercase;
    color: #181A18;
    line-height: normal;
    padding-bottom: 20px;
}
    .innertime.noonh2 
{
    display: none;
}
    .innertime.noonh 
{
    display: flex;
    padding-bottom: 15px;
}
    .mainimg 
    {
        height: 343px;
    }
    .articlemain p 
    {
        font-size: 16px;
    }
    .dop_a_text2 
    {
        flex-wrap: wrap;
        gap:20px;
    }
    .dop_a_text3
 {
    width: 100%;
     height: 343px;
    }
    .articleheader h1 
    {
        font-size: 40px;
    }
    .articleheader 
    {
        gap:32px;
        flex-direction: column;
    }
	  /*--------------------*/
.block1.video {
    height: 737px;
}
    .revid {
        padding-top: 201px;
        padding-bottom: 168px;
    }
    /*--------------------*/
    .overlay_inner {
        margin-left: 14px;
        margin-right: 14px;
    }
     .contacts_1 
    {
        flex-wrap: wrap;
        gap: 32px;
    }
    .contacts_2, .contacts_3 
    {
        width: 100%;
    }
    .article_container h1 {
        font-size: 32px;
        line-height: 120%;
    }
    .a_holder_item-1 {
        width: calc(50% - 20px);
    }
    .to_r {
    justify-content: flex-start;
}
.products {
    padding-top: 112px;
    padding-bottom: 80px;
}
.pr_text2 
{
    font-size: 28px;
    padding-bottom: 8px;
}
.pr_text4 {
    flex-direction: column;
    gap: 20px;
}
.pr_price {
    width: 100%;
}
.pr_price5 {
    font-size: 28px;
}
.faqlink {
    font-size: 18px;
}
.char_item {
    gap: 16px;
}
    .char_item3 {
        width: calc(100% - 192px);
    }
    .prod_desc {
        margin-top: 64px;
    }
    .a_holder_item-1 {
        width: 100%;
    }
    .char_item {
        align-items: flex-start;
    }
    .how_we_w_img, .how_we_w_right {
        width: 100%;
    }
    .how_we_w_img {
        height: 400px;
    }
    .how_we_w 
    {
        flex-direction: column-reverse;
    }
    .how_we_w_right2, .hww_inner 
    {
        padding-left: 14px;
        padding-right: 14px;
        padding-top: 80px;
        padding-bottom: 48px;
    }
    .how_we_w_2 {
        flex-wrap: wrap;
    }
    .perevagi_img {
        height: 375px;
        width: 100%;
    }
    .hww_inner {
        width: 100%;
    }
    .formblock-1 {
        flex-wrap: wrap;
    }
    .formblock-2 {
        width: 100%;
    }
    .footer_contact1 {
        flex-direction: column;
        gap: 24px;
    }
    .footer_lined 
    {
        flex-wrap: wrap;
        gap: 24px;
    }
    .footer_lined2 
    {
        justify-content: space-between;
        width: 100%;
    }
    .footer_lined2 span {
        display: none;
    }
    .copyright2 {
        display: block;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        color: var(--white);
    }
    .top_phone
    {
        display: none;
    }
    .no768{
        display: none;
    }
        .mainmenu ul {
        gap: 16px;
    }
    .mainmenu {
       
        gap: 16px;
    }
    .slider_prog .swiper-slide
    {
        width: 250px;
    }
    .slidercart2 {
        height: 203px;
        border-radius: 9.696px;
    }
    .pregressholder2 {
        display: none;
    }
    .progressline {
        width: 100%;
    }
    .location {
        right: 10px;
        top: 10px;
        font-size: 12px;
        padding: 3.636px 6.06px 3.636px 4.848px;
    }
    .article_content h1
{
    font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 140%; 
padding-top: 0;
margin: 0;
text-transform: uppercase;
padding-bottom: 24px;
color: var(--white);
}
.article_content h3 
{
    font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 140%; 
padding-top: 0;
margin: 0;
text-transform: uppercase;
padding-bottom: 24px;
color: var(--white);
}
.article_content h4 
{
    font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 140%; 
padding-top: 0;
margin: 0;
text-transform: uppercase;
padding-bottom: 24px;
color: var(--white);
}
.article_content p{
    margin: 0;
    padding-top: 0;
    padding-bottom: 20px;
    font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%;
color: var(--white);
}
.article_content p a{
    color: var(--orange-primary);
    text-decoration: underline;
}
.article_content p a:hover{
    color: var(--orange-2);
}
}
@media (max-width: 600px) 
{
    .artitem 
    {
        width: 100%;
    }
	.char_item2 {
        width: 115px;
    }
	    .char_item3 {
			text-align: right;
        width: calc(100% - 131px);
    }
	.char_item {
        align-items: center;
    }
	.imgblock2 {
   
    height: 346px;
}
	.imgblock {
    
		height: 375px;}
	.digititem-3 {
    
		padding-bottom: 10px;}
    .formblock-33 {
        padding: 16px;
    }
    .overlay_inner {
        width: 100%;
        padding: 16px;
         margin-top: 14px;
        margin-bottom: 14px;
    }
    .overlay {
        align-items: flex-start;
    }
    .overlay_inner3 {
        flex-wrap: wrap;
        flex-direction: column-reverse;
       
    }
    .overlay_inner1 {
        font-size: 22px;
    }
    
    .overlay_inner4 {
        width: 100%;
    }
    .thanksblock3 
    {
        font-size: 28px;
    }
    .thanksblock4 {
        font-size: 18px;
    }
    .thanksblock2 {
        gap: 12px;
    }
    .thanksblock {
        padding-top: 32px;
    }
    .header8 {
        margin-bottom: 16px;
    }
    .ct_text_1 {
        font-size: 28px;
        margin-bottom: 16px;
    }
    .ct_text_2 {
        margin-bottom: 32px;
        gap: 12px;
    }
    .ct_text_3 {
        gap: 12px;
    }
    .ct_text_4 {
        font-size: 18px;
    }
    .whiteblock {
        padding-bottom: 80px;
        padding-top: 112px;
    }
    .er_cont5 {
        font-size: 22px;
    }
    .page2section1 {
    padding-top: 64px;
    padding-bottom: 64px;
}
.p2_digits_2 
{
    font-size: 48px;
}
.p2_digits {
    gap: 16px;
}
.p2_digits_1 {
    width: calc(50% - 8px);
}
.page2section2 {
    padding-top: 64px;
    padding-bottom: 80px;
}
.p2rightholder2 {
    gap: 20px;
}
.p2rightholder4 {
    font-size: 18px;

line-height: 140%;
}
.bgwhite .block4-1 {
    padding-top: 80px;
    padding-bottom: 20px;
}
.bgwhite .block4-4 {
    gap: 20px;
}
.hist_text1 {
    font-size: 18px;
}
.header-holder-1 {
    margin-bottom: 48px;
}
.p2rightholder3 {
    font-size: 28px;
    line-height: 140%;
}
.ourproj {
    padding-top: 48px;
    padding-bottom: 80px;
}
.projheader4 
{
    font-size: 40px;

line-height: 120%;
}
.projheader {
    gap: 16px;
}
.projheader3 {
    gap: 20px;
}
.slidercart {
    gap: 8px;
}
.slidename {
    font-size: 18px;
}
.img1 {
    display: none;
}
.img2 {
    width: 100%;
    height: 186px;
}
.threeimg {
    margin-bottom: 0;
}
.openedtowork {
    padding-top: 113px;
}
.header-5 {
    font-size: 40px;
}
.colab_text1 {
    font-size: 18px;
}
.butholder-5 .but3 {
    width: 100%;
    justify-content: center;
}
    .mainmenu.active2
    {
        align-items: center;
        height: calc(100vh - 81px);
        overflow-y: scroll;
        padding-left: 14px;
         padding-right: 14px;
         padding-top: 48px;
         padding-bottom: 43px;
        flex-direction: column;        
        justify-content: flex-start;
    }
    .mainmenu ul {
        flex-direction: column;
        width: 100%;
        align-items: center;
        gap: 32px;
    }
    .mainmenu ul li>a 
    {
        height: auto;
        justify-content: center;
    }
    .mainmenu ul li ul 
    {
        position: relative;
       
        top: 0px;
        height: auto;
        padding-left: 0px;
    }
    .mainmenu ul li:hover ul {
        position: relative;
        top: 0;
		padding: 0;
		padding-top: 19px;
    }
    .mainmenu ul li ul 
    {
        gap: 0px;
        height: auto;
       
    }
    .mainmenu ul li ul li a{
        height: auto;
    }
    .mainmenu {
        gap: 32px;
    }
    .langsubmenu {
        position: relative;
        top: auto;
        
        
    }
    .langsubmenu {
        height: auto;
    }
    #langbut2 .but2 {
       
    }
    .drd2 
    {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .top_phone.only600 {
        display: inline-block;
    }
    .nsoc.only600 {
        display: flex;
        align-items: center;
        gap: 16px;
    }
    .but1.only600 {
        justify-content: center;
        width: 100%;
        display: flex;
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .top_block .but3 {
        width: 100%;
        justify-content: center;
    }
    .awesome_inner {
        width: 100%;
    }
    .awesome_holder, .awesome_holder2 {
        flex-wrap: wrap;
    }
    .awesome_inner {
        gap: 12px;
        padding: 12px;
    }
    .awesometext-3 {
        font-size: 28px;
    }
    .header-2 {
        font-size: 40px;
        margin-bottom: 16px;
    }
    .block3 {
    padding-top: 48px;
    padding-bottom: 64px;
    }
   
    .main_prod_holder4 {
        width: 100%;
        padding-top: 0;
        padding-bottom: 0;
        padding-right: 0;
    }
    .digititem-1 {
       justify-content: flex-start;
       gap: 12px;
    }
    .digititem-2 {
        font-size: 48px;
    }
    .digitholder-1 {
        gap: 16px;
    }
    .but4 {
        width: 100%;
        justify-content: center;
    }
    .main_prod_holder6 
    {
        font-size: 18px;
    }
    .main_prod_holder8 {

    height: auto;
    padding-left: 6px;
    font-size: 11px;
    padding-right: 6px;
    }
    .main_prod_holder5 {
        gap: 8px;
    }
    .main_prod_holder7 {
        min-height: 80px;
        gap: 4px;
    }
    .main_prod_holder4 {
        gap: 16px;
    }
        .block4-1 {
       
        padding-top: 64px;
    }
    .social_block2 {
        width: 100%;
        gap: 16px;
    }
    .socbut {
        justify-content: center;
        width: calc(50% - 8px);
    }
    .footer_lined2 {
    gap: 0px;
    }
    .copyright {
        font-size: 12px;
    }
    .marquee {
        font-size: 14px;
    }
    .map {
        overflow: hidden;
        height: 400px;
    }
    .map img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center center;
    }
    footer {
        padding-top: 32px;
        padding-bottom: 56px;
    }
    .logoholder a img {
        width: 210px;
    }
    .footer_contact1 {
        align-items: flex-start;
    }
    .footer_lined2 a {
        font-size: 12px;
    }
    .how_we_w_text2 {
        gap: 16px;
    }
    .how_we_w_text3 
    {
        width: calc(100% - 56px);
    }
    .how_we_w_text4 
    {
        font-size: 18px;
    }
    .become_partner {
        padding-bottom: 80px;
    }
}