@charset "utf-8";

.montserrat {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}


html,body
{ font-family: "Montserrat", sans-serif;}

.cb-header {
  position: fixed;
  left: 0;
  visibility: hidden;
}

.menu a:hover
{text-decoration: none;
color: #000000;}

.info_breadcrumbs
{margin-top: 90px;}

.breadcrumbs
{margin-left:20px;
margin-top: 15px;}

.left_sidebar
{margin-left: 10px;
width: 110%;
margin-top: 20px;}


/*==== Start Background Bounce To Right  ====*/

.pa-background-bounce-right li a
{text-decoration: none;}

.pa-background-bounce-right li {
   position: relative;
   z-index: 1;
   background-color: #e1e1e1;
   transition: all 0.5s;   
	padding: 20px 20px;
	list-style-type: none;
	margin-left: -31px;
	margin-top:5px;
	margin-bottom:5px;
}

.pa-background-bounce-right li a
{display: block;
color:#000000;}

.pa-background-bounce-right li a:hover
{text-decoration: none;}

.pa-background-bounce-right li a::before {
   content: "";
   position: absolute;
   z-index: -1;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background:#E60000;   
   transform: scaleX(0);   
   transform-origin: 0 50%;  
   transition: all 0.5s ease-out;
}

.pa-background-bounce-right li a:hover {
   color: #ffffff!important;
}

.pa-background-bounce-right li a:hover:before {
   transform: scaleX(1); 
   transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}



/*==== End Background Bounce To Right  ====*/

.wpfLiLabel
{margin-top: 10px !important;
margin-bottom: 10px !important;}

.sidebar_top
{background: #2E3032;
width: 100%;
height: 50px;
color: #FFFFFF;
display: block;

text-align: center;
line-height: 50px;}



.cat_prod li
{list-style-type: none;
display: block;
text-align: center;
margin-left: -30px;
}

.cat_prod li a
{text-decoration: none !important;
color: #FFFFFF !important;}

.nav-tabs
{width: 90% !important;
margin: auto !important;}




/*Services*/


.pages_wrapper
{width: 90%;
margin: auto;}


.service_s1
{background:#F5F5FA;
width: 100%;
height: 390px;
}

.s1_text
{width: 100%;
	height: 390px;
	font-size: 20px;
	display: flex;
	flex-direction:column;
	flex-wrap:nowrap;
	justify-content:center;
	align-items:center;}

.more_link
{
position: absolute;
right:3%;
margin-top: 20%;
z-index: 999;
}

.s_track img
{width: 100%;
height: 100%;}



.more_link_2
{
position: absolute;
right:2%;
bottom:5%;
z-index: 999;
}

#s_parallax
{height:550px !important;
width: 100% !important;
background-size: 100% !important;
margin-bottom: 40px;
}

.s_parallax_inner {
            background: url("../images/pages/services/service-center.webp");
            background-size: cover; /* Масштабирование изображения */
            background-position: center; /* Центрирование изображения */
            height:550px; /* Высота на весь экран */
            width: 100%; /* Ширина на 100% */
        }



.repare_center_banner
{width: 80%;
margin:auto;}

.repare_center_banner h2
{color: #FFFFFF;
font-size:35px;
padding-top:30px;
width:60%;
margin:auto;
text-align: center !important;
margin-bottom: 20px;}

.repare_center
{background: rgba(111,8,12,0.53);
height: 250px;
width: 100%;
margin-top: 50px;
color: #FFFFFF;
padding: 50px 10px;
font-size: 22px;}

.repare_n
{width: 60px;
height: 60px;
border-radius: 50%;
background: rgba(255,255,255,0.53);
border: 3px solid #6F080C;
display: block;
text-align: center;
position:absolute;
line-height: 55px;
margin-top:14px;
margin-top: -80px;
margin-left: -20px;
}


.repare_center:hover .repare_n
{transition:.3s;
animation:r-an linear 1s infinite;}

@-webkit-keyframes r-an {
	0% {
	box-shadow:0 8px 10px rgba(230,0,0,0.3),0 0 0 0 rgba(230,0,0,0.2),0 0 0 0 rgba(230,0,0,0.1)
}
40% {
	box-shadow:0 8px 10px rgba(230,0,0,0.3),0 0 0 15px rgba(230,0,0,0.2),0 0 0 0 rgba(230,0,0,0.1)
}
80% {
	box-shadow:0 8px 10px rgba(230,0,0,0.3),0 0 0 30px rgba(230,0,0,0.2),0 0 0 26.7px rgba(230,0,0,0.1)
}
100% {
	box-shadow:0 8px 10px rgba(230,0,0,0.3),0 0 0 30px rgba(230,0,0,0),0 0 0 40px rgba(230,0,0,0)
}
}@keyframes r-an {
	0% {
	box-shadow:0 8px 10px rgba(230,0,0,0.3),0 0 0 0 rgba(230,0,0,0.2),0 0 0 0 rgba(230,0,0,0.2)
}
40% {
	box-shadow:0 8px 10px rgba(230,0,0,0.3),0 0 0 15px rgba(230,0,0,0.2),0 0 0 0 rgba(230,0,0,0.2)
}
80% {
	box-shadow:0 8px 10px rgba(230,0,0,0.3),0 0 0 30px rgba(230,0,0,0),0 0 0 26.7px rgba(230,0,0,0.067)
}
100% {
	box-shadow:0 8px 10px rgba(230,0,0,0.3),0 0 0 30px rgba(230,0,0,0),0 0 0 40px rgba(230,0,0,0.0)
}
}

.service_s3
{background: url("../images/pages/services/advantages/background.webp");
width: 100%;
background-size: 100%;
height:auto;}




.s3_text_inner
{position: relative;
z-index:99;
margin-top:80px;
margin-left: 70px;}

.s3_text_inner span
{font-size: 23px;}

.s3_text_inner ul li
{line-height: 35px;}



.s3_icon img
{margin-left: auto;
margin-right: auto;
display: block;
text-align: center;
}

.s3_icon
{text-align: center;
margin-top: 20px;}

.s3_picture img
{width: 100%;
height: 100%;
background-size:cover;
margin-top: 12px;
}

.s_form_1
{margin-top: 25px;
background: #E8E8E8;
padding: 10px;
width: 100%;
min-height: 90px;}

.s_form_2
{margin-top: 25px;
background: #D8D8D8;
padding: 10px;
width: 100%;
margin-top: -50px;
min-height: 90px;}

.s_form_3
{margin-top: 25px;
background: #C3C3C3;
padding: 10px;
width: 100%;
margin-top: -100px;
min-height: 90px;}

.service_form input
{width: 100%;
height: 50px;
padding: 7px;
outline: none;
border: none;
border-bottom: 1px solid #000000;
background: none;
margin-bottom: 20px;
color: #000000;
font-family: "Montserrat", sans-serif;
}

.service_form input::placeholder
{color:#000000;}

.service_form textarea::placeholder
{color:#000000;}


.service_form select
{width: 100%;
border: none;
background: none;
user-select: none;
appearance: none;
border-bottom: 1px solid #000000;
padding: 10px;
margin-top: 25px;
}

.service_form select:focus
{width: 100%;
border: none;
outline: none;
user-select: none;
appearance: none;
border-bottom: 1px solid #000000;
padding: 10px;
}

.s_sendform
{width: 100%;
display: block;
text-align: center;
margin-top: 10px;}


/*Brands*/

.grey_outer
{background:#F5F5FA;
height: 100%;
padding-top: 50px;
padding-bottom: 50px;
width: 100%;}

.page_wrapper
{width: 80%;
margin: auto;}

.p_brand
{width: 100%;
height: 250px;
margin-top: 20px;
margin-bottom: 20px;
background: #FFFFFF;
transform: scale(1.0);
box-shadow: 0px 0px 8px 0px rgba(34, 60, 80, 0.19);
display: flex;
align-items: center;
justify-content: center;}

.p_brand:hover
{transform: scale(1.1);
box-shadow: 0px 0px 8px 6px rgba(34, 60, 80, 0.19);}

.p_icon
{display: block;
text-align: center;
height: 250px;}

.p_icon h4
{width: 80%;
margin: auto;
}


/*Solution*/



.solution
{background:#F5F5FA;
width: 100%;
margin-top: 40px;
margin-bottom: 40px;
height:700px;}

.solution img
{width: 100%;
height: 100%;}

.solution_top
{background:#C50303;
color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
width:100%;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
text-align: center;
height:70px;}

.solution_descr
{margin: 15px;
height: 180px;}

.sfeedback
{display: block;
text-align: right;
cursor: pointer;
margin-right: 20px;}

.sfeedback img
{width: 24px;
height: 24px;}


.sfeedback_form
{background: #CFCFD1;
width: 94.8%;
position: absolute;
height:700px;
transition: .3s;
opacity:0;
transform: translateY(0);
z-index: 9999;
padding: 20px;
}

.sfeedback_form.show
{
opacity:1;
transform: translateY(-690px);
transition: .3s;
z-index:9; 
border-radius: 7px;
}

.sfeedback_form form
{margin-top: 60px;}

.sfeedback_form form:focus
{border: 1px solid #555555 !important;}

.sfeedback_form input
{background: #FFFFFF;
border-radius: 5px;
color:#BFC1C7;
margin-top: 20px;
margin-bottom: 20px;
height: 60px;
border: none;
border-bottom: 1px solid #555555;}

.sfeedback_form button
{background: #FFFFFF;
color: #000000;
border: none;
border-bottom: 1px solid #555555;
margin-top: 20px;
width:100%;
margin-left:0px !important;
height: 60px;}

.contacts_wrapper
{
width:80%;
margin: 50px auto;}

.contact_inner
{margin: 40px !important;
min-height: 60px;}


/*Feedback*/

.feedbackform 
{margin-left: 5%;
margin-right: 5%;
padding-top: 50px;}


.feedbackform input
{width: 100%;
height: 50px;
padding: 7px;
outline: none;
border: none;
border-bottom: 1px solid #000000;
background: none;
margin-bottom: 20px;
color: #000000;
font-family: "Montserrat", sans-serif;
}

.feedbackform input::input-placeholder
{color:#000000;}

.feedbackform textarea:placeholder
{color:#000000;}



.feedbackform textarea
{width: 100%;
height: 170px;
padding: 7px;
outline: none;
border: none;
border-bottom: 1px solid #000000;
border-bottom: 1px solid #000000;
background: none;
margin-bottom: 20px;
font-family: "Montserrat", sans-serif;}

.sendformf
{width:90%;
height: 60px;
margin:10% auto;
}


/*Products*/

.my_product
{height: 550px;
width: 100%;
background:#EFEFEF;
padding: 10px;
margin: 20px;}

.prod_pic
{height: 50%;
padding-bottom: 0px;
background:#D5D5D5;
overflow: hidden;}

.prod_pic img
{background-size: 100%;
width: 100%;
background-position: center center;
height: 100%;}



.plus::before
{content: "";
	display: block;
	border: 1px solid #FFFFFF;
width: 40px;}

.plus::after
{content: "";
	display: block;
	border: 1px solid #FFFFFF;
width: 40px;
transform: rotate(90deg);}

.xoverlay-box:hover .plus::before
{content: "";
	display: block;
	border: 1px solid #FFFFFF;
width: 60px;
transition: 1.2s;}

.xoverlay-box:hover .plus::after
{content: "";
	display: block;
	border: 1px solid #FFFFFF;
width: 60px;
transition: 1.2s;
transform: rotate(90deg);}

.prod_info p
{text-align: center;
display: block;
margin:15px auto;
height: 60px;}

.prod_info p a
{color: #000000;
display: block;
font-size: 18px;
margin:15px auto;
text-decoration: none;}

.stock
{position: absolute;
background:#B70909;
color: #FFFFFF;
z-index: 999;
padding: 1px 5px;}


.prod_info_add {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(70px, 1fr));
  grid-auto-rows: auto auto; /* две строки: для img и для p */
  gap: 10px 8px;
}

.prod_info_add img {
  grid-row: 1;
  justify-self: center;
  max-width: 130px;
  height: auto;
}

.prod_info_add strong {
  grid-row: 2;
  justify-self: center;
  margin: 0;
  font-size: 14px;
  color: #000;
  text-align: center;
	font-weight:400;
}

.prod_more
{float: right;
margin: 10px 20px;}


.prod_descr_top
{margin-top: -20px;
position: relative;
margin-right: 90px;
z-index: 9999;}

.prod_name
{background:#C50303;
position: relative;
z-index: 999;
width: 100%;
display: block;
height: 60px;}

.prod_name:after
{    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1 !important;
    background:#C50303;
    transform-origin: bottom left;
    transform: skew(-15deg, 0deg);
}

.prod_name h1
{color: #FFFFFF;
display: block;
padding-left: 55px;
line-height: 60px;
font-size: 23px;}

.menu_scroll 
{margin-left: 30px;
height: 50px;
margin-bottom: 10px;
}

.menu_scroll li
{display: block;
float: left;
list-style-type: none;
margin: 10px 25px;}

.menu_scroll li a
{color:#000000 !important;
text-decoration: none;}

.elvora-accordion-item
{border-bottom: 1px solid #939393 !important;

}

.elvora-accordion-button h2
{text-transform: uppercase !important;}

.elvora-accordion-item#text
{text-transform: uppercase !important;}

.elvora-accordion-button
{margin-left:0px !important;
}


.woo-product-gallery-slider
{width: 90% !important;
margin: auto;}



.grey_leasing
{width: 100%;
height:317px;
background:#F5F5FA;}

.grey_leasing_left
{width:70%;
padding-top: 90px;
float: right;}

.grey_leasing_right
{background: url("../images/pages/shassi-page/shassi-characteristics/calculator-banner.webp");
width: 612px;
height:317px;
float: right;}

#fp_product
{background:#F5F5FA;
margin-bottom: 30px;}

#tp_product
{background:#F5F5FA;
margin-bottom: 30px;}

#ts_product
{border-bottom: 1px solid #000000;}

#ts_product h4
{color:#C50303;
padding-top: 10px;}

#pp_product p
{font-size: 25px;
padding-top:35px;}



.product_main
{margin-top: 120px;}

.prod_pic_inner
{background: url("../images/pages/products/for_product.webp");
width: 110% !important;
height:100% !important;
background-repeat: no-repeat;
margin-left: -10%;
}

.prod_pic_inner
{display: flex;
justify-content: center;}

.prod_pic_inner img
{width: 70%;
}

.prod_info_main {
    display: flex; 
    flex-wrap: wrap; /* Позволяет элементам переноситься на новую строку */
    justify-content: space-between; /* Распределяет пространство между элементами */
}

.prod_info_main strong {
    display: flex; 
    align-items: flex-start; 	
    margin-top: 10px;
	width: 50% !important;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 400;
}

.prod_info_main strong img {
    max-width: 100px; 
    margin-right: 10px;
}

.prod_info_main strong span {
    flex: 1;
    overflow-wrap: break-word; 
}






.prod_main img
{margin: 7px;}

.prod_sec
{height: 100%;}

.elvora-accordion-item:last-child
{display: none !important;}

.myparalax_2
{background: url("../images/leave_request.webp");
width: 100%;
height:900px;
background-size: 100%;}


/*Information*/

.info_wrapper
{width: 80%;
margin:80px auto;}

.news
{margin-top: 40px;
margin-bottom: 40px;}

.news_data
{width: 110px;
height: 40px;
margin-top: -40px;
position: relative;
z-index: 99;
color: #FFFFFF;
padding: 5px 14px;
line-height: 30px;
font-family: "Montserrat", sans-serif;
background:#2D2F31;}

.news_info_title
{font-size: 25px;}

.news_info_title a
{color: #000000;
font-family: "Montserrat", sans-serif;}

.news_more
{background:#C50303;
width: 180px;
height: 45px;}

.news_more a
{display: block;
text-align: center;
line-height: 45px;
font-family: "Montserrat", sans-serif;
color: #FFFFFF;}

.news_more a:hover
{text-decoration: none;
color: #FFFFFF;}



.right_news
{position:absolute;
}

.news_small
{margin-top:40px;
margin-bottom:10px;
font-family: "Montserrat", sans-serif;}

.news_info_title_small a
{color: #000000;
font-family: "Montserrat", sans-serif;}

.article {
    position: relative; /* Контекст для абсолютного позиционирования */
    width: 100%;
    height: 350px;
    overflow: hidden;
	margin-top: 20px;
	margin-bottom: 20px;
}

.article_pic {
    position: absolute; /* Позиционируем контейнер изображения */
    top: 0; /* Обеспечиваем наложение на верх */
    left: 0; /* Обеспечиваем наложение на левый край */
    width: 100%; /* Ширина контейнера изображения */
    height: 100%; /* Высота контейнера изображения */
}

.article_pic img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Масштабирует изображение с сохранением пропорций */
}

.article_background {
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0; /* Обеспечивает наложение на верх */
    left: 0; 
    bottom: 0; /* Обеспечивает наложение на низ */
    right: 0; /* Обеспечивает наложение на правый край */
    z-index: 1; /* Убедитесь, что фон выше изображения */
}

.article_info
{position: relative;
color: #FFFFFF;
padding: 30px 40px;
font-family: "Montserrat", sans-serif;
z-index: 9;}

.article_name
{font-size: 30px;
font-family: "Montserrat", sans-serif;}

.article_text
{font-size: 20px;
font-family: "Montserrat", sans-serif;}

.article_more a
{color: #FFFFFF;
font-family: "Montserrat", sans-serif;
font-size: 18px;}

.article_more a:hover
{color: #FFFFFF;
text-decoration: none;}

.purchase
{margin-top:40px;
margin-bottom:40px;
font-family: "Montserrat", sans-serif;}

.purchase img
{text-align: center;
display: block;}

.purchase span
{font-weight: 600;
font-size: 28px;
margin-bottom: 20px;
display: block;}

.purchase p
{margin-top: 5px;
margin-bottom: 5px;
font-family: "Montserrat", sans-serif;}

.purchase_feedsback
{width: 80%;
height: 750px;
margin:20px auto;
padding: 30px;
border:15px solid #E8E8F4;}

.pfb
{width: 100%;
height: 250px;
padding: 10px 20px;
border:2px solid #E8E8F4;}

.pfb a
{color: #000000;
font-family: "Montserrat", sans-serif;
font-weight:600;}

.pfb a:hover
{text-decoration: none;}

.pfb span
{font-size: 25px;
display: block;
margin: 15px 0px;
font-family: "Montserrat", sans-serif;
font-weight: 600;}

.pfb p
{font-size: 18px;
font-family: "Montserrat", sans-serif;}

.purchase_form
{padding: 10px 20px;}

.purchase_form input
{border:2px solid #E8E8F4;}

.purchase_form textarea
{border:2px solid #E8E8F4;}

.ch_1
{width: 20px;
height: 20px;}

.ch_2
{width: 20px;
height: 20px;}

.checkboxes span 
{display:flex;
font-family: "Montserrat", sans-serif;
margin-bottom: -30px;
margin-top:10px;}

.checkboxes p
{display: block;
margin-top: 27px;
font-family: "Montserrat", sans-serif;
margin-left: 10px;
}

.purchase_form button
{width: 250px;
float: right;
margin-top:60px;
margin-right: 80px;
color: #FFFFFF;
font-family: "Montserrat", sans-serif;
	font-size: 18px;
border-radius: 7px;}

.cooperation_left_1
{font-family: "Montserrat", sans-serif;}

.cooperation_left_1 h2
{display: block;
font-family: "Montserrat", sans-serif;
margin-bottom: 15px;
margin-top: 20px;}

.cooperation_left_1 h3
{display: block;
font-family: "Montserrat", sans-serif;
margin-bottom: 15px;
margin-top:20px;}

.cooperation_left_1 button
{width: 300px;
margin-left: 0px !important;
border-radius: 7px;}

.cooperation_left_1 button a
{color: #FFFFFF;
display: block;
font-family: "Montserrat", sans-serif;
}

.cooperation_left_1 button a:hover
{text-decoration: none;
}

.n_cooperation 
{margin-left: 80px;
margin-top: 0px;
font-family: "Montserrat", sans-serif;
margin-bottom: -10px;}

.n_cooperation span
{font-size: 60px;
margin-bottom: 0px;
font-family: "Arial Black", Gadget, sans-serif;
font-weight: bolder;}

.n_cooperation p
{margin-top: -10px;
font-size: 18px;
font-family: "Montserrat", sans-serif;
width: 70%;}

.cooperation_img
{background: url("../images/pages/information/cooperation_4/logo_caz.svg");
width:815px;
height:350px;
margin-top: -360px;
margin-right: 100px;
float: right;}

.info_wrapper_2
{width: 90%;
margin:80px auto;}

.cooperation_pic
{margin-top: 40px;
margin-bottom: 10px;}

.cooperation_block span
{font-size: 25px;
display: block;
margin-bottom: 7px;
font-weight: 500;
font-family: "Montserrat", sans-serif;}

.cooperation_block p
{width: 90%;
font-family: "Montserrat", sans-serif;}

.cooperation_3_pic img
{width: 100%;
height: auto;}

.cooperation_3
{font-family: "Montserrat", sans-serif;
background:#F5F5FA;
padding-top: 30px;
padding-bottom:30px;
margin-bottom: 50px;
margin-top: 50px;}

.cooperation_left_3
{width: 90%;}

.cooperation_left_3 h3
{margin-top:50px;}

.cooperation_4
{width: 90%;
margin: auto;}


.cooperation_adv 
{font-family: "Montserrat", sans-serif;
margin-top: 30px;
margin-bottom: 40px;}

.cooperation_adv img
{margin-top: -30px;}

.cooperation_adv span
{font-size: 22px;}

.faq_feedsback
{background:#F5F5FA;
padding: 40px 0px;
margin: 50px 0px;}

.faq_form
{width: 80%;
margin:auto;}

.faq_form input
{border: 1px solid #B7BAC0;}

.faq_form textarea
{border: 1px solid #B7BAC0;
height: 140px;}

.sendfaq 
{width: 250px;
float: right;
margin-top:60px;
color: #FFFFFF;

font-family: "Montserrat", sans-serif;
	font-size: 18px;
border-radius: 7px;}

.sendfaq:disabled,
.sendfaq.disabled {
    background-color: #cccccc;
    color: #666666;
    cursor: not-allowed;
    box-shadow: none;
    opacity: 0.7;
}

/* Стиль для активной кнопки (enabled) */
.sendfaq:not(:disabled),
.sendfaq.enabled {
    background:#E60000; 
    color: white;
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.post_banner
{margin-top: 80px;
position: relative;
z-index: 1;}

.post_banner h1
{position: absolute;
top:50%;
left:5%;
font-size:45px;
color:#FFFFFF;
font-family: "Montserrat", sans-serif;
background: rgba(0,0,0,0.5);
padding: 5px 10px;
z-index: 999;}

.post_banner p
{position: absolute;
top:75%;
left:5%;
font-size: 25px;
font-family: "Montserrat", sans-serif;
color:#FFFFFF;
z-index: 999;}

.post_inner
{width: 70%;
font-family: "Montserrat", sans-serif;
margin: 100px auto;}

.post_inner img
{width: 100%;
height: auto;}


   


@media screen and (max-width: 4000px) {
	
header
{display:block;}
	
.menu	
{display:block;}
	
#s_parallax
{display:block;}


.s_parallax_inner
{display:block;}
	
#s_parallax_mob
{display:none;}


}

@media screen and (max-width: 1566px) {
	
header
{display:block;}
	
.menu	
{display:block;}
	
#s_parallax
{display:block;}
	
	
#banner
{height: 350px;
margin-bottom: -90px;}
	
.allpages_page {
    height: 550px; 
    width: 100%; 
    background-size:100%; 
    background-position: center; 
    position: relative; 
	background-repeat: no-repeat;
}

.allpages_banner {
    position: absolute; 
    top: 50%; 
    left:2%; 
    transform: translateY(-50%); 
    color: white; 
    text-align: left; 
    z-index: 10; 
	width: 65%;
	margin-bottom: 20px;
}

.allpages_banner h1
{font-size: 55px;
color:#2E2F31;
font-family: 'Montserrat', sans-serif;
}


.allpages_banner p
{font-size: 35px;
color:#2E2F31;
margin-top:30px;
font-family: 'Montserrat', sans-serif;
}
	
.sfeedback_form form
{margin-top: 60px;}

.s_parallax_inner
{display:block;}
	
#s_parallax_mob
{display:none;}
	
/*Products*/	
	
.my_product
{height:530px;
width: 100%;
background:#EFEFEF;
padding:2px;
margin: 20px;}

.prod_pic
{height: 47%;
overflow: hidden;}
	
.prod_pic img
{width: 100%;
	height: 100%;
margin-top: 30px;}
	
.prod_info p
{text-align: center;
margin:20px auto;
font-size: 20px;
height: 85px;}
	

	
.prod_name h1
{color: #FFFFFF;
display: block;
padding-left: 55px;
line-height: 60px;
font-size: 17px;}	

.prod_info_add {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(55px, 1fr));
  grid-auto-rows: auto auto; /* две строки: для img и для p */
  gap: 5px 0px;
}

.prod_info_add img {
  grid-row: 1;
  justify-self: center;
  max-width: 80px;
  height: auto;
}

.prod_info_add strong {
  grid-row: 2;
  justify-self: center;
  margin: 0;
  font-size: 13px;
  color: #000;
  text-align: center;
}
	
.prod_info_main
{display: flex;
flex-direction: row;
flex-wrap: wrap;
padding-top: 30px;
padding-left: 20px;
padding-right: 20px;
width: 100%;
}


.prod_info_main p
{padding-left: 30px;
width:50%;
margin-top:10px !important;
margin-bottom:10px !important;
font-size: 20px !important;
}
	
	
.purchase_feedsback
{width: 95%;
height: 750px;
margin:20px auto;
padding: 30px;
border:15px solid #E8E8F4;}
	
.myparalax_2
{background: url("../images/leave_request.webp");
width: 100%;
height:900px;
background-size:cover;}
	
.right_white
{height: auto !important;}
	
.info_wrapper_2
{width:100% !important;
margin:50px auto;}
	
.cooperation_2
{width:100% !important;
margin: auto;}	

}




@media screen and (max-width:800px) {
	
.header
{display: none;}

.toparea
{background: #FFFFFF;
width: 100%;
height: auto;}
	
.logo img
{width: 70%;
margin-left: 15%;}

.menu	
{display: none;}
	
#main-nav
{display:block;}
	
	
.breadcrumbs
{margin-left:20px;
display: block;
}
	
/*Services*/
	


.services
{height:150px !important;
width: 100% !important;
background-repeat: no-repeat;
}
	


.service_s1
{background:#F5F5FA;
width: 100%;
height:auto;
}

.s1_text
{width: 100%;
	height:auto;
	font-size: 20px;
	display: flex;
	flex-direction:column;
	flex-wrap:nowrap;
	justify-content:center;
	align-items:center;}
	
.s_track
	{margin: 10px;}
	
#s_parallax
{display: none;}
	


.s_parallax_inner
{display: none;}
	
#s_parallax_mob
{background: url("../images/pages/services/service-mobile.webp");
width: 100%;
height: 800px;
display: block;}

.repare_center_banner
{width: 95%;
margin:auto;}

.repare_center_banner h3
{color: #FFFFFF;
font-size:20px;
padding-top:10px;
width:98%;
margin:auto;
text-align: center;
margin-bottom: 10px;}

.repare_center
{background: rgba(111,8,12,0.53);
height:auto;
width: 100%;
margin-top: 15px;
margin-bottom: 15px;
color: #FFFFFF;
padding:20px 10px;
font-size: 18px;}
	
.repare_n
{width:50px;
height:50px;
border-radius: 50%;
background: rgba(255,255,255,0.53);
border: 3px solid #6F080C;
display: block;
text-align: center;
	position: absolute;
line-height: 45px;	
	margin-top:-45px;
}
	
	
.service_s3
{background: #FFFFFF;
width: 100%;
background-size: 100%;
height:auto;}
	

.top_page_wrapper
{margin-top:5px;}
	
	
.catalogue_wrapper
{margin-top:90px;}
	
.my_product
{margin-top:8px !important;
margin-bottom: 8px !important;
margin-left: 0px !important;
margin-right: 0px !important;
height:590px;}
	
.prod_pic
{height: 60%;
padding-bottom: 0px;
background:#D5D5D5;
overflow: hidden;}
	
	
.prod_name
{background:#C50303;
position: relative;
z-index: 999;
width: 128% !important;
display: block;
height:auto !important;}

.prod_name:after
{   display: none !important;
}

.prod_name h1
{color: #FFFFFF;
display: block;
padding-left: 2px !important;
line-height: 22px !important;
font-size:18px !important;}
	
.product_main
{margin-top: 0px !important;}
	
.prod_main
{display:block;
width: 100%;
padding:10px 5px;}
	
	
.prod_descr_top
{margin-top: -20px;
position: relative;
margin-right: 90px;
z-index: 9999;}
	
.menu_scroll 
{margin-left:5px;
height: 50px;
margin-top: 20px;
width: 120%;
margin-bottom: 10px;
}

.menu_scroll li
{display: block;
float: left;
list-style-type: none;
margin: 5px 5px;}
	
.prod_name
{background:#C50303;
position: relative;
z-index: 999;
width: 100%;
display: block;
text-align: center;
height: 60px;}

.prod_name:after
{display: none;
}

.prod_name h1
{color: #FFFFFF;
display: block;
line-height: 60px;
font-size: 28px;}
	
.prod_info_main
{display: block;}
	
.title h2 {
	/* чтобы линии не выходили за ширину блока заголовка */
	overflow: hidden;	
	margin:10px 5px !important;
	text-align: center;
	font-size:18px !important;
	color: #1F2124;
	font-family: "Montserrat", sans-serif;
	text-transform: inherit;
}
	
.gallery_prod_inner
{margin-left:0px;}

.grey_leasing
{width: 100%;
height:auto;
background:#F5F5FA;}

.grey_leasing_left
{width:100%;
padding:10px;
float: right;}

.grey_leasing_right img
{background: url("../images/pages/shassi-page/shassi-characteristics/calculator-banner.webp");
width:100%;
height:300px;
float: right;}	
	
.myparalax_2
{background: url("../images/leave_request.webp");
width: 100%;
height:auto;
background-size:cover;}
	
	
.prod_info_main {
    display: flex; 
    flex-wrap: wrap; /* Позволяет элементам переноситься на новую строку */
    justify-content: space-between; /* Распределяет пространство между элементами */
}

.prod_info_main strong {
    display: flex; 
    align-items: flex-start; 	
    margin-top: 10px;
	width: 100% !important;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 400;
}

.prod_info_main strong img {
    max-width: 100px; 
    margin-right: 10px;
}
	
#ts_product h4
{color:#C50303;
padding-top: 1px;}
	
.info_wrapper
	{width: 95%;
	margin: auto;}
	
	
.right_news
{position:relative;}	
	
.article {
    position: relative; /* Контекст для абсолютного позиционирования */
    width: 100%;
    height:auto;
    overflow: hidden;
	margin-top: 20px;
	margin-bottom: 20px;
	
}

.article_info
{position: relative;
color: #FFFFFF;
padding: 10px 15px;
font-family: "Montserrat", sans-serif;
z-index: 9;}

.article_name
{font-size: 20px;
font-family: "Montserrat", sans-serif;}

.article_text
{font-size: 15px;
font-family: "Montserrat", sans-serif;}
	
.right_news
{position:relative;
display: none;
}
	
.purchase_feedsback
{width:100%;
height:auto;
margin:5px auto;
padding: 10px;
border:10px solid #E8E8F4;}

.pfb
{width: 100%;
height:auto;
padding: 10px 20px;
border:2px solid #E8E8F4;}
	
.cooperation_img
{background: url("../images/pages/information/cooperation_4/logo_caz.svg");
width:100%;
height:350px;
margin-top: -360px;
margin-right:10px;
background-size: 100% !important;
background-repeat: no-repeat;
float: right;}
	
	
.info_wrapper_2
{width:100%;
margin:20px auto;}

.cooperation_pic
{margin-top: 20px;
margin-bottom: 10px;}

.cooperation_block
{font-size: 15px;
margin-right: 10px;
}
	
.cooperation_block p
{width: 100%;
}
	
.cooperation_pic img
{width:100%;}
	
.post_banner
{margin-top:10px;
position: relative;
width: 100%;
height: auto;
background-size: 100%;
z-index: 1;}
	
.post_banner img
{margin-top:10px;
position: relative;
width: 100%;
height: auto;
background-size: 100%;
z-index: 1;}

.post_banner h1
{position: absolute;
top:20%;
left:2%;
font-size:20px;
color:#FFFFFF;
font-family: "Montserrat", sans-serif;
background: rgba(0,0,0,0.5);
padding: 2px 7px;
z-index: 999;}

.post_banner p
{position: absolute;
top:65%;
left:5%;
font-size: 15px;
font-family: "Montserrat", sans-serif;
color:#FFFFFF;
z-index: 999;}

.post_inner
{width: 90%;
font-family: "Montserrat", sans-serif;
margin: 50px auto;}

.post_inner img
{width: 100%;
height: auto;}

	
	
}