/*
Theme Name: Porto
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive Wordpress Multi Purpose + eCommerce Theme.
Version: 6.8.0
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: woocommerce, business, corporate, e-commerce, blog, news, education, food-and-drink, portfolio, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready, block-styles, custom-background, custom-colors, custom-header, custom-logo, footer-widgets, template-editing, grid-layout, one-column, wide-blocks
Text Domain: porto
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/

.bypostauthor { display: block; }

/*------------------------------------*/

body {
    font-family: open sans !important;
}

.text_site p {
    line-height: 25px;
    margin: 0 0 15px;
    font-size: 14px;
    color: #333;
    margin-bottom: 10px;
    font-weight: 400;
    line-height: 21px;
    margin-bottom: 10px !important;
    font-family: open sans;
}

.text_site ul {
    padding-left: 40px;
}

.text_site li {
    margin: 0 0 0;
    font-size: 14px;
    color: #333;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 2px;
    font-family: open sans;
}

.text_site strong {
    color: #333;
}

.text_site blockquote {
    border-left: 5px solid #de3a21;
    margin: 0 0 1rem 0;
    padding: 0.5rem 1rem;
    font-size: 1em;
}

.text_site h3 {
    font-weight: 700;
    font-size: 19px;
    line-height: 32px;
    color: #333333;
    margin-bottom: 4px;
    letter-spacing: 0px;
}

.text_site h4 {
    font-weight: 700;
    font-size: 19px;
    line-height: 32px;
    color: #333333;
    margin-bottom: 17px !important;
    font-family: open sans;
}

td, th {
    padding: 2px;
    border: 1px solid #222;
    color: #222;
}


/*-----------------------------------*/
/* PORTO - section */
.porto-section {
    padding-top: 0px;
    padding-bottom: 0px;
}

.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li {
    margin-bottom: 0px;
}

.main-content {
    padding-top: 25px;
    padding-bottom: 40px;
}

 .boxsha {
    box-shadow: 0 0 40px rgb(0 0 0 / 8%);
    border-top: 1px solid #f4f4f4;
    padding-bottom: 50px;
}



/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/


/*////////////////////////////////////////////////////////

   1. Стили ХЕАДЕР ТОП -------------------------
   
////////////////////////////////////////////////////////*/

#header .header-top {
    position: relative;
    z-index: 1001;
    font-size: 0.7857em;
    padding: 16px 0px;
    border-top: 0px !important;
    padding-bottom: 0px;
    background: #fff0;
    border-bottom: 0px;
}

/*-----------------------*/
/* ФИКСЕД хеадер топ */

.fixed-header #header .header-top {
    background-color: rgb(244 244 244 / 0%);
}

.header-row .header-center:only-child {
    flex: 0 0 100%;
    border-top: 1px solid #d7d7d72b;
    padding-top: 0px;
    margin-top: 20px;
}

/* ////////////////////////////////////////
 1.1 Стили для  WatsApp */

.watsap_header {
    margin-top: 14px;
}

.watsap_header .col-md-6 {
    width: 37%;
}

.watsap_header_infobox.porto-sicon-box {
    margin-bottom: 0px;
    margin-top: -17px;
}

.watsap_header_infobox .porto-sicon-img .img-icon {
    font-size: 22px;
    margin-top: 5px;
}

.watsap_header_infobox .porto-sicon-description {
    line-height: 32px;
    font-size: 11px;
    color: #9f9f9f;
    font-weight: 400;
    font-family: 'Open Sans';
}

.watsap_header_infobox .porto-sicon-description a:hover {
    text-decoration: underline;
}


/* ////////////////////////////////////////
 1.3 Стили для - ТЕЛЕФОНА */
 
/*телефон */
.header_contact_tel i {
    line-height: inherit;
    color: #f3283a;
    font-size: 14px;
    transform: rotate(102deg);
}

.header_contact_tel a {
    color: #ffffff !important;
    font-size: 15px;
    font-weight: 400;
    font-family: 'Open Sans';
    margin-left: 10px;
    text-decoration: underline;
}

/*Почта */
.header_contact_mail a {
  color: #ffffff !important;
    font-size: 15px;
    font-weight: 400;
    font-family: 'Open Sans';
    margin-left: 10px;
    text-decoration: underline;
}

.header_contact_mail i {
    line-height: inherit;
    color: #f3283a;
    font-size: 14px;
}




/*////////////////////////////////////////////////////////

   2. Стили ХЕАДЕР -------------------------
   
////////////////////////////////////////////////////////*/
#header .header-main {
    background-color: #1f1f2e00 !important;
}

#header .header-main .header-left {
    padding: 0px 0;
}
#header .header-main .container {
    min-height: 62px;
    border-top: 0px solid #eeeeee2b;
    border-bottom: 0px solid #5e5e5e;
}


/* //////////////////////////
   ФИКСЕД ХЕАДЕР */
.fixed-header #header {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    top: auto;
    z-index: 1001;
    border-top-width: 0;
    background: transparent;
}


/* //////////////////////////
   Хеадер на других СТАРНИЦАХ */
#header .main-menu {
    text-align: left;
    background: none;
    border-top: 1px solid #eee;
    border-top: 1px solid #f2f2f221;
}
#header, .sticky-header .header-main.sticky {
    border-top: 0px solid #ededed !important;
    background: #232323;
}

#header .header-main .header-right {
    padding: 20px 0;
    padding-bottom: 0px;
}



/*-----------------------------------------*/
/* ХЕАДЕР ВРАПЕР */
.header-wrapper {
   background-color: #202434 !important;
}


#header.header-loaded .header-main {
    -webkit-backface-visibility: hidden;
    padding-bottom: 13px;
}



/* //////////////////////////////////////////
   2.1 Стили для -  ЛОГОТИП  */
/*-----------------------------------------*/

.fixed-header #header .header-main .header-left {
    padding-top: 15px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}


#header .logo img {
    display: none;
    color: transparent;
    max-width: 115%;
    transform-origin: left center;
    margin-top: -50px;
}

/* ////////////////////////////////////////
2.2 Стили для - МЕНЮ */
.fixed-header #header .header-main .header-center, .fixed-header #header .header-main .header-left, .fixed-header #header .header-main .header-right {
    padding-top: 15px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.fixed-header #header .main-menu {
    border-top: 1px solid #f2f2f221;
}

/*------------------------------*/
#header .main-menu > li.menu-item > a {
    font-family: inherit;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    color: #f4f4f4 !important;
    padding: 0px;
    text-transform: inherit;
    margin: 10px 20px;
    border-radius: 0px;
    padding-bottom: 5px;
    margin-bottom: 0px;
    font-family: open sans;
    font-weight: 100;
    letter-spacing: 0.5px;
}

#header .main-menu > li.menu-item > a:hover {
    border-bottom: 2px solid #f3283a;
	background-color: #0088cc00;
}

#header .main-menu > li.menu-item.active > a {
    background-color: #0088cc00;
    color: #ffffff;
    border-bottom: 2px solid #f3283a;
}


/* Всплывающее МЕНЮ */
#header .main-menu .narrow ul.sub-menu {
    background-color: #ffffff;
    border-top: 0px solid #0088cc;
}

#header .main-menu .narrow li.menu-item > a {
    color: #181818;
    border-bottom-color: #f3f3f3;
    text-transform: initial;
    font-size: 13px;
    letter-spacing: 0px;
    font-family: inherit;
    line-height: 12px;
}




/* /////////////////////////////////////////////
   /////////////////////////////////////////////
   
  1.5 Стили для раздела - СТИКИ ХЕАДЕР
   
///////////////////////////////////////////// */

#header.sticky-header .header-main.sticky {
    border-top: 0px;
}

#header.sticky-header .main-menu-wrap, #header.sticky-header .header-main.sticky .header-left, #header.sticky-header .header-main.sticky .header-right {
    padding: 0px;
}

#header.sticky-header .header-main, .fixed-header #header.sticky-header .header-main {
    background-color: #232323 !important;
    padding-top: 0px;
}

/*логотип*/
#header.sticky-header .header-main.change-logo .logo img {
    transform: scale(0.8);
    width: 100%;
    margin-top: 0px;
    margin-bottom: -8px;
}



/* /////////////////////////////////////////////
   /////////////////////////////////////////////
   
  1.5 Стили для раздела - ХЛЕБНЫЕ КРОШКИ
   
///////////////////////////////////////////// */


.page-top {
    background-color: #e3edf600;
    padding: 0px;
    z-index: 9;
    margin-top: 20px;
    border-bottom: 0px;
    padding-left: 30px;  
}

.page-top > .container {
    padding: 0px;
}

.page-top ul.breadcrumb li span:first-child {
    margin-left: 0;
    color: #222;
    font-family: inherit;
    font-size: 13px;
    font-weight: 400;
    font-family: open sans;
}

.page-top ul.breadcrumb>li {
    text-shadow: none;
    text-transform: inherit;
}

.page-top ul.breadcrumb>li {
    text-shadow: none;
    text-transform: inherit;
    font-family: inherit;
    font-size: 13px;
    font-weight: 400;
    color: #333;
	font-family: open sans;
}

/* Активный пункт */
.page-top .breadcrumbs-wrap {
    color: #a9a9a9;
}






/* /////////////////////////////////////////////////
////////////////////////////////////////////////////

  1.6 Стили для раздела
     FOOTER
  
//////////////////////////////////////////////////*/

.block_footer {
    background-image: url(/wp-content/uploads/2024/03/baner-foto.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: repeat;
    padding-top: 86px;
    padding-bottom: 10px;
    background-position: bottom 35%;
    background-position: right 50% top 101%;
    margin-top: 0px;
}

.block_footer:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
    background-image: linear-gradient(to right, #232323 30%, #232323db 100%);
}

#footer .footer-bottom {
    background-color: #1c2023;
    display: none;
}

/*---------------------------------------------*/
/*---------------------------------------------*/
/* ВЕРХНИЙ ОТДЕЛ */


.block_footer_top_left_3-6_desc {
    color: #a7a7a7;
    font-family: open sans;
    line-height: 20px;
    width: 80%;
    margin-top: 20px;
    margin-bottom: 19px;
    font-size: 13px;
}



/* ////////////////////////
  ВОТСАП ВАЙБЕР */

.block_footer_top_left_3-6_col_social_img{
	width: 30px;
}

.block_footer_top_left_3-6_col_social.col-md-2 {
    width: 7.666667%;
}

/* ////////////////////////
  МЕНЮ НАВИГАЦИИ */

.block_footer_top_right_1-6_menu h3 {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 15px;
    margin-bottom: 10px;
    border-bottom: 1px solid #505050;
}

.block_footer_top_right_1-6_menu ul {
    padding-left: 0px;
}

.block_footer_top_right_1-6_menu li {
    color: #a7a7a7;
    font-family: open sans;
    font-size: 13px;
    font-weight: 200;
    /* letter-spacing: 0.5px; */
    line-height: 22px;
}

.block_footer_top_right_1-6_menu li a {
    color: #a7a7a7;
}

.block_footer_top_right_1-6_menu li a:hover {
    color: #fff;
	text-decoration: underline;
}


.block_footer_top_right_1-6_menu li::marker {
    color: transparent;
    
}



/*---------------------------------------------*/
/*---------------------------------------------*/
/* СРЕДНИЙ ОТДЕЛ */


.block_footer_mid {
    border-top: 1px solid #3a3a3a;
    margin-top: 45px;
    padding-top: 35px;
    margin-bottom: 5px;
}

.block_footer_mid_col {
	
}

/*-----------------------------*/

.block_footer_mid_col_infobox {
	
}

.block_footer_mid_col_infobox .porto-icon i {
    line-height: inherit;
    background: #f3283a;
    color: #fff;
    padding: 10px;
    border-radius: 50%;
    height: 50px;
    width: 50px;
    font-size: 23px;
    line-height: 31px;
}

.block_footer_mid_col_infobox h3.porto-sicon-title {
    font-size: 1.4em;
    font-weight: 400;
    text-transform: none;
    line-height: 1.2;
    color: #fff;
    font-family: open sans;
    font-size: 14px;
    color: #a7a7a7;
    line-height: 21px;
}

.block_footer_mid_col_infobox .porto-sicon-description {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    margin-top: 0px !important;
    letter-spacing: 0.5px;
}

.block_footer_mid_col_infobox .porto-sicon-description a {
    color: #fff;
}

.block_footer_mid_col_infobox .porto-sicon-description a:hover {
	text-decoration: underline;
}



/*---------------------------------------------*/
/*---------------------------------------------*/
/* НИЖНИЙ ОТДЕЛ */

.block_footer_bottom {
}

.block_footer_bottom_col {
	
}

.block_footer_bottom_col_company {
    color: #a2a2a3;
}




/* /////////////////////////////////////////////
    ПОЛИТИКА + КАРТА САЙТА */

.block_footer_bottom_col_links ul {
    padding-left: 0px !important;
}

.block_footer_bottom_col_links li {
    color: #a7a7a7;
    display: initial;
    padding: 1px 5px;
    float: right;
}

.block_footer_bottom_col_links li a {
	color: #a7a7a7;
}
.block_footer_bottom_col_links li a:hover {
	color: #fff;
	text-decoration: underline;
}


/* Создание сайтов - JESITE */

.jesite {
    font-size: 13px;
    margin-top: 10px;
    padding-top: 14px;
}
.jesite_text {
    font-weight: 300;
    color: #616161;
    font-size: 12;
}

.jesite_link a{
    color: #d6ad5e !important;
    font-size: 13px !important;
    font-weight: 300 !important;
}

.jesite_link b {
    color: #f3283a !important;
    font-size: 10px !important;
}

.jesite_link a:hover{
   text-decoration: underline;
}




/*///////////////////////////////////////////

   1.7 Стили для BLOG -------------------------
   
////////////////////////////////////////////*/

.widget > div > ul li, .widget > ul li {
    border-top-color: #e1e1e1;
    font-size: 16px;
    font-weight: 300;
    color: #333 !important;
}

/* ////////////////////////////////////////
  1.8.1  Стили для статей  БЛОГА */

.blog-posts article, .member-row-advanced .member:not(:last-child) {
    border-bottom: 1px solid rgb(183 183 183 / 55%);
}

.blog-posts .post .entry-title {
    font-size: 24px;
    line-height: 1.3;
    font-weight: 700;
    margin-bottom: 1rem;
    word-break: break-word;
    margin-bottom: 0;
    font-family: inherit;
}
.post-excerpt {
    line-height: 20px;
    opacity: 0.85;
}


/*дата */
.posts-medium-alt .blog-post-date {
    right: 10px;
    padding: 15px 10px;
    margin-right: 10px;
    font-size: 28px;
    font-family: inherit;
}

hr {
    border: 0;
    height: 1px;
    margin: 6px 0;
}


/*текст */
.post-excerpt{
    line-height: 20px;
}


html .btn-borders.btn-primary {
    background: transparent;
    border-color: #da4b2a;
    color: #da4b2a;
    border: 0;
    background: #252a3e;
    border-radius: 0 !important;
    color: #fff;
    letter-spacing: 1px;
    font-weight: 400;
    text-transform: inherit !important;
    padding: 4px 15px !important;
    margin-top: 0 !important;
    font-size: 13px;
    box-shadow: none;
    font-family: inherit;
}


/* ////////////////////////////////////////
  1.8.2  Стили для статей ВНУТРИ БЛОГА */

/*Заголовок*/
.single-post .entry-title {
    font-weight: 700;
    color: #333 !important;
    letter-spacing: 0;
    font-size: 30px;
    font-family: 'Exo 2';
}


.blog_img {
    padding: 20px 0px;
}


/* Дата */
article.post .post-date .day, .post-item .post-date .day, ul.comments .comment-block {
    background: #e1e1e1;
    color: #333 !important;
}

/* Виджеты */
.widget .widget-title, .widget .widget-title a, .widget .widgettitle, .widget .widgettitle a {
    line-height: 1.4;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    color: #333;
    font-size: 17px;
    letter-spacing: 0.5px;
}

.post-item-small h5 a {
    margin-bottom: 0;
    color: #333 !important;
    font-weight: 400;
}



/*///////////////////////////////////////////

   1.9 Стили ПОЛИТИКИ КОНФИДЕНЦИАЛЬНОСТИ -------------------------
   
////////////////////////////////////////////*/

.pp-cookies-notice {
    display: none !important;
}



/*///////////////////////////////////////////

   2. Стили ВСПЛЫВАЮЩЕЕ ОКНО -------------------------
   
////////////////////////////////////////////*/



/*Фон ЗАДНИЙ */
#pum-2878 {
    z-index: 1999999999;
    background: rgb(0 0 0 / 54%);
}


.pum-theme-2026 .pum-container, .pum-theme-tema-po-umolchaniyu .pum-container {
    padding: 25px 42px;
    border-radius: 0;
    border: 1px none #000000;
    box-shadow: 1px 1px 3px 0 rgb(2 2 2 / 23%);
    background-color: rgba( 249,249,249,1.00 );
    background: #fff;
}

.pum-theme-2376 .pum-content + .pum-close, .pum-theme-tema-po-umolchaniyu .pum-content + .pum-close {
    right: 0px;
    top: 0px;
    padding: 4px 15px;
    line-height: 20px;
    background: #23282d;
}

.pum-theme-2376 .pum-content, .pum-theme-tema-po-umolchaniyu .pum-content {
    color: #666;
    font-family: inherit;
    font-weight: 400;
    font-style: inherit;
    font-size: 13px;
}


/* Стили для заголовка в ОКНЕ */
.block_title_form1 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 1px !important;
    margin-top: 15px;
}

.kontaktform_image {
    width: 150%;
}
 
.block_popupokno_title {
    font-weight: 800;
    font-style: normal;
    line-height: 26px;
    margin-top: 0;
    font-size: 23px !important;
    margin-bottom: 10px !important;
    color: #333;
    text-transform: uppercase;
    letter-spacing: 0.02px;
    font-family: 'Oswald';
}

/*Текст о окне */
.text-popup-okno {
    color: #222;
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 30px !important;
    font-family: 'Open Sans';
}

.text-popup-okno p {
    line-height: 18px !important;
}

/* ///////////////////////
   Стили для ВВОДА ДАННЫХ ----------------
*/

.formv {
    margin-bottom: 15px !important;
}

 input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"], textarea, .form-control, select {
    background-color: #fff;
    border-color: rgb(43 170 177);
    background: #fff !important;
    border: 0;
    border-bottom: 3px solid #d6d6d6;
    border: 1px solid #e8e8e8;
    height: 33px;
    padding: 6px 12px;
    background: #fbfbfb;
    
	 
	font-family: 'Open Sans';
    width: 100%;
    font-size: 13px
}


textarea {
    background-color: #ffffff;
    color: #999;
    border-color: #ffffff;
    background: #fff;
    height: 70px;
    border: 1px solid #eee;
}


.form-group .wpcf7-form .form-control {
    background: transparent;
    border: none;
    border-bottom: 1px solid #404040;
    line-height: 1.85;
    color: #FFF;
    box-shadow: none;
    font-size: 14px;
    background: #fff !important;
    border: 1px solid #d1d1d1 !important;
   font-family: 'Open Sans';
    font-weight: 700 !important;
	
}

.custom-form-style-1 .form-control2::-webkit-input-placeholder {
  font-weight: 400;
  color: #222 !important;
 
}


/*Политика конфиденциальности */
.ppcf7_alert {
    display:none;
}


.pol_text {
    font-weight: 300;
    font-size: 9px !important;
    line-height: 11px !important;
    padding-top: 10px;
    text-align: justify;
    margin-top: 0;
    color: #333;
    font-family: inherit;
    background: #fff;
   font-family: 'Open Sans';
    font-weight: 500;
}

.pol_text a {
    color: #333;
    font-weight: 600;
}


/*Форма, успешная отправка*/

.wpcf7 form .wpcf7-response-output {
    margin: 0px;
    padding: .2em 1em;
    border: 2px solid #00a0d2;
    background: #fff;
    margin-bottom: 40px;
    margin-top: -20px;
}
.wpcf7 form.sent .wpcf7-response-output {
    border-color: transparent;
    font-weight: 500;
    font-size: 14px;
    background: #fff;
    color: #1d2327;
    margin-top: -10px;
    margin-bottom: 26px !important;
    display: inline-block;
    border: 0px !important;
    border-left: 10px solid #679644 !important;
    border-radius: 0px;
    border: 0;
    font-weight: 400;
}

/*///////////////////////////////
Стили для кнопки ОТПРАВИТЬ ЗАЯВКУ */

.btn-form-popup {
    text-transform: uppercase;
    display: block;
    width: 100%;
    font-size: 16px;
    font-family: 'Oswald';
    font-weight: 400;
    letter-spacing: 0.5px;
}

.btn-form-popup:hover {
    text-decoration: underline;
}







/*Правки в МОБИЛЬНОЙ ВЕРСИИ */
@media (max-width: 480px) {
.block_popupokno_top.col-md-10 {
    width: 80%; 
}

.block_popupokno_top.col-md-2 {
    width: 17%; 
}

}


/* ///////////////////////////////////
   Стили для кнопки ЗАГРУЗКА ФАЙЛА */

.multilinefile_block {
    border-top: 4px solid #d1d1d1;
    padding-bottom: 10px;
    width: 90%;
    margin-left: 10px;
    /* margin-left: 10px !important; */
    /* margin-right: -10px !important; */
    margin: 0 auto;
}
.multilinefile_block_title {
    color: #333;
    font-family: 'Open Sans';
    font-weight: 600;
    line-height: 12px;
    margin-top: 8px;
    line-height: 15px;
}


/* Стили для КНОПКИ */
.qbutton {
    color: #333;
    background: #fff;
    border: 1px solid #a5a5a5;
    margin-top: -10px;
    border-left: 4px solid #0e0e15;
    padding: 3px 17px;
    font-family: open sans;
}

.qbutton:hover {
    color: #333;
    background: #fff;
    border-left: 4px solid #a82f06;
   
}



/*///////////////////////////////////////////

   3. Стили ЧАТ ВОТСАПА -------------------------
   
////////////////////////////////////////////*/

.joinchat__button {
    display: flex;
    flex-direction: row;
    position: absolute;
    z-index: 2;
    bottom: 8px;
    right: 8px;
    height: var(--btn);
    min-width: var(--btn);
    max-width: 95vw;
    background: #25d366;
    color: inherit;
    border-radius: calc(var(--btn)/2);
    box-shadow: 1px 6px 24px 0 rgb(7 94 84 / 24%);
    cursor: pointer;
    transition: background .2s linear;
    will-change: background-color,width;
    margin-bottom: 50px !important;
}






/* //////////////////////////////////////////
 *   1.1 Города     */	

.header_city {
    margin-right: 15px;
    width: 150px;
}
.header_city_infobox.porto-sicon-box {
    margin-bottom: 0px;
    margin-top: 2px;
}

/* ИЗображение */
.header_city_infobox .left-icon .porto-sicon-left .porto-icon, .left-icon .porto-sicon-left .porto-sicon-img {
    margin-right: 8px;
    font-size: 63px !important;
    margin-top: 4px;
    display: none;
}


.header_city_infobox h3.porto-sicon-title {
    line-height: 1.2;
    letter-spacing: 0px;
    font-size: 14px;
    font-weight: 500 !important;
    color: #cdcdcd;
    margin: 0px;
}

.header_city_infobox .porto-sicon-description {
    position: relative;
    margin-top: 0px !important;
    color: #aeaeae;
    line-height: 16px;
    font-size: 12px;
    font-weight: 2000;
    /* letter-spacing: 0.5px; */
    font-family: 'Open Sans';
    font-weight: 500;
}

.header_city_infobox .porto-sicon-description a {
    position: relative;
    margin-top: 0px !important;
    color: #ffffff;
    font-weight: 600;
    background: #f3283a;
    padding: 0px 4px;
    line-height: 24px;
    text-align: left !important;
}

.header_city_infobox .porto-sicon-description a:hover {
    text-decoration: underline;
}

/* ////////////////////////////////////////////////////
   ////////////////////////////////////////////////////
   Всплывающее ОКНО ------------------------------------------ */

.pum-theme-490 .pum-container, .pum-theme-lightbox .pum-container {
    border: 0px solid #000000;
    padding: 18px 40px;
}

.pum-theme-490 .pum-container {
    top: 220px !important;
    position: absolute;
    margin-bottom: 3em;
    z-index: 1999999999;
}
/*----------------------------------------*/
.popup-okno_city_vybor_title-box {
    border-bottom: 1px solid #eee;
    margin-bottom: 10px !important;
    padding-bottom: 15px;
}
.popup-okno_city_vybor_left_title {
    color: #333;
    margin-bottom: 0;
    font-size: 26px;
}
  
.popup-okno_city_vybor_left_title_pre {
    color: #333;
    font-weight: 300;
    font-size: 16px;
    opacity: 0.9;
}

.popup-okno_city_vybor_right_img {
    margin-top: 20px;
    width: 30%;
    float: right;
}


/*----------------------------------------*/  
/* выбор города ТЕКСТ ССЫЛКИ */
  
.popup-okno_city_vybor_bottom_text p {
    margin-bottom: 0;
    font-size: 15px;
    
}
.popup-okno_city_vybor_bottom_text ul {
    padding-left: 0px;
    margin-bottom: 8px;
     
}
  
.popup-okno_city_vybor_bottom_text li {
    line-height: 23px;
    color: #222;
    cursor: pointer;
    font-size: 14px;
    
}

.popup-okno_city_vybor_bottom_text li a {
    color: #222;
    font-weight: 400;
    font-family: 'Open Sans';
    font-size: 14px;
}

  .popup-okno_city_vybor_bottom_text li::marker {
      color: #fff;
  }

/*наведение */
.popup-okno_city_vybor_bottom_text li a:hover {
    color: #2f7c41;

}
/*------------------------------------*/
/* Мобильная версия */
@media (max-width: 480px) {
.popup-okno_city_vybor_right_img {
    display: none;
}

.popup-okno_city_vybor_bottom.col-md-3 {
    width: 45%;
    margin-bottom: 10px;
}
}




/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/


/*------------------------------------*/
/*------------------------------------*/
/*----------------////////////////////

        МОБИЛЬНАЯ  ВЕРСИЯ НА САЙТЕ--------------------
                  
--------------------///////////////////////*/
/*------------------------------------*/
/*------------------------------------*/


@media (max-width: 480px) {

/* /////////////////////////////////////
////////////////////////////////////////
   1. Стили для ХЕАДЕР ТОП           */	

	
/* ///////////////
   Телефон + Почта */	
	
.header_contact_tel a {
    font-size: 21px;
}	

.header_contact_mail a {
    font-size: 15px;
}
	
	
/* ////////////////////
  Соц. сети     */
	
.watsap_header .col-md-6 {
    width: 39%;
}	
.watsap_header {
    width: 80px;
    margin-right: 23px;
    margin-top: 13px;
}	

.watsap_header_infobox .porto-sicon-description {
    display: none;
}	
	
	
	
	
/* /////////////////////////////////////
////////////////////////////////////////
   2. Стили для ХЕАДЕР          */		
		
	
/* Логотип */
	
#header .logo a {
    display: inline-block;
    max-width: 104%;
    /* margin-top: -39px !important; */
}
	
	
	

/* /////////////////////////////////////
////////////////////////////////////////
   1.6 Стили для ФУТЕР         */		
	
/* логотип*/	
.footer_logo_img {
    margin: 0 auto;
    text-align: center !important;
}
	
/* описание*/
.block_footer_top_left_3-6_desc {
    text-align: center;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 36px;
}	
	
/* соц. сети*/	
.block_footer_top_left_3-6_col_social.col-md-2 {
    display: none;
}	
	
/* меню*/		
	.footer_block_col2.col-md-2 {
		width: 49%;
	}	
	
	.footer_block_col2.col-md-4 {
		width: 49%;
	}	

/* нижняя часть*/	
.block_footer_bottom_col_company {
    color: #a2a2a3;
    text-align: center;
}	
.block_footer_bottom_col_links li {
    color: #a7a7a7;
    display: initial;
    padding: 1px 5px;
    float: none;
}	
		
	
	
	
	
	
}


/*------------------------------------*/
/*------------------------------------*/
/*----------------////////////////////

        НАСТОЛЬНАЯ ВЕРСИЯ НА САЙТЕ--------------------
                  
--------------------///////////////////////*/
/*------------------------------------*/
/*------------------------------------*/
@media (min-width: 480px) {
	
	
	


}








/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/

/* 3. ДОПОЛНИТЕЛЬНЫЕ СТРАНИЦЫ */

.block_page_top {
    margin-top: -71px;
    position: relative !important;
    z-index: 1 !important;
    background-position: bottom;
    padding-bottom: 10px;
}


/*-----------------------------------------------*/
.block_page_top_title {
    color: #333;
    font-size: 33px !important;
    margin-bottom: 0px;
    font-weight: 800;
    font-family: inherit;
    text-transform: uppercase;
    margin-top: 85px;
    margin-bottom: 0px;
    line-height: 19x;
}



.block_page_top_title_pre {
    color: #282828;
    font-size: 16px;
    font-family: inherit;
    line-height: 20px;
    margin-bottom: 30px !important;
    font-weight: 400;
    margin-top: 8px !important;
    font-family: open sans;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    font-family: 'Open Sans';
}

/*------------------------------------------*/

.block_page_mid {
    padding-top: 0px;
    padding-bottom: 60px;
    margin-top: 10px !important;
}

/*--------------------------------------------------*/

.block_page_mailtel {
    font-size: 19px;
    font-family: 'Exo 2';
    color: #333;
}

.block_page_mailtel a {
    color: #333;
    font-size: 20px;
    font-family: 'Exo 2';
    font-weight: 600;
}

.block_page_mailtel_color {
    color: #de3a21;
}


/* ///////////////////////////////////////////
 3.1 Стили для страницы КОНТАКТЫ */

.page_bl_kontakty {
    padding-top: 20px;
}

.kontakty_infobox h3.porto-sicon-title {
    font-size: 19px;
    font-weight: 500;
    text-transform: none;
    line-height: 1.2;
    letter-spacing: 0px;
    /* font-family: 'Exo 2'; */
    color: #333;
    font-weight: 700;
    margin-bottom: 0px;
}

.kontakty_infobox .porto-sicon-header+.porto-sicon-description {
    margin-top: 4px;
    color: #111;
    font-size: 14px;
    font-family: 'Open Sans';
    line-height: 20px;
}

.kontakty_infobox .porto-icon i {
    line-height: inherit;
    color: #fff;
    background: #f3283a;
    padding: 10px;
    font-size: 18px;
    border-radius: 50%;
}

/*---------------------------------*/
.kontakty_infobox_number {
    color: #333;
    font-size: 26px;
    font-weight: 700;
    font-family: 'Oswald';
}

.kontakty_infobox_number:hover {
    color: #333;
    font-size: 26px;
}

.time_zayvka {
    margin-top: 3px;
}














/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/

.no-breadcrumbs .main-content {
    padding-top: 0px;
}

.main-content {
    padding-top: 25px;
    padding-bottom: 0px;
}


/* /////////////////////////////////////

                Стили для ГЛАВНОЙ СТРАНИЦЫ НА САЙТЕ!!!! --------------------------------------------------------------------------------

/////////////////////////////////////// */



/* ////////////////////////////////////////////////
   ////////////////////////////////////////////////

   Стили для блока № 1 -
   БАНЕР НА САЙТЕ.
   
///////////////////////////////////////////////// */

.gl_block1_baner {
    background-position: center center;
    background-size: cover;
    background-repeat: repeat;
    padding-top: 133px;
    height: 675px;
    background-image: url(/wp-content/uploads/2024/03/baner-foto.jpg);
}
.gl_block1_baner:before {
        content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
    background-image: linear-gradient(to right, #232323 30%, #232323b8 100%);
}



/*---------------------------------------------------*/
/*---------------------------------------------------*/
/* 1.1 Стили для раздела 
    ЛЕВАЯ часть банера */

/* /////////////////////////
    СЕКЦИЯ */
.gl_block1_baner_left_section {
    background: #18181a14;
    padding: 40px 0px!important;
    border-right: 0px solid #a82f06;
    border-top-left-radius: 18%;
}

/* /////////////////////////
    ЗАГОЛОВКИ */
.gl_block1_baner_left_section_title_pre strong {
    font-weight: inherit;
}

.gl_block1_baner_left_section_title_pre {
    margin-bottom: 31px;
    font-family: 'Open Sans';
    font-size: 17px;
    line-height: 26px;
    font-weight: 300;
    margin-bottom: 8px;
    color: #9f9f9f;
}

.gl_block1_baner_left_section_title h2 {
    color: #fff;
    text-transform: uppercase;
    font-size: 38px;
    width: 105%;
    margin-bottom: 23px !important;
    font-weight: 900;
    line-height: 45px;
}

.gl_block1_baner_left_section_title2 h2 {
    color: #adadad;
    font-weight: 100;
    margin-top: 18px;
    font-size: 24px;
    font-size: 20px;
    line-height: 28px;
    font-family: open sans;
    font-weight: 100;
    margin-bottom: 45px !important;
    opacity: 0.9;
    text-transform: uppercase;
    font-size: 19px;
    letter-spacing: 0.5px;
}

.gl_block1_baner_left_section_title3 h3 {
    color: #bdbdbd;
    font-weight: 100;
    font-size: 14px;
    /* letter-spacing: 0.5px; */
    font-family: open sans;
    line-height: 17px;
}




/* /////////////////////////
    КНОПКА + ТЕКСТ */
.gl_block1_baner_left_section_ryd_btn {
	margin-top: 30px;
}



/*-----------------------------*/
.gl_block1_baner_btn .btn-tertiary {
    color: #ffffff;
    position: relative;
    font-family: inherit;
    letter-spacing: 0.5px;
    margin-top: 21px !important;
    background: #f3283a !important;
    z-index: 999;
    margin-bottom: 0px;
    padding: 14px 38px;
    background: transparent;
    border: 0px solid #fff;
    border-radius: 0px;
    font-size: 15px;
    font-family: open sans;
    /* text-transform: uppercase; */
    font-weight: 600;
    border-radius: 10px;
    margin-top: 0px !important;
}

.gl_block1_baner_btn .btn-tertiary:hover {
    color: #ffffff;
	text-decoration: underline;
 
}



.gl_block1_baner_left_section_ryd_btn_desc {
	 color: #fff;
    font-family: 'Open Sans';
    line-height: 20px;
    margin-top: 20px;
    opacity: 0.8;
}





/* /////////////////////////
    КАРУСЕЛЬ - дляч его нужне НЕРАЗРУШИМЫЙ КОНТРОЛЬ*/

.gl_block1_baner_left_section_title5 h3 {
    color: #dbdbdb;
    margin-top: -10px;
    margin-bottom: 10px !important;
    font-weight: 200;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 0.02px;
}

.gl_block1_baner_left_section_carusel {
    background: #18181838;
    margin-right: 20px;
    /* border-radius: 55%; */
    border-radius: 15px;
    padding: 10px 15px;
    margin-left: 10px;
}

.gl_block1_baner_left_section_carusel_number {
    color: #0c0c0c;
    text-align: center;
    background: #ffffff;
    border-radius: 50%;
    height: 43px;
    margin-top: 6px;
    line-height: 43px;
    font-weight: 900;
    font-family: 'Oswald';
}

.gl_block1_baner_left_section_carusel_title {
    color: #b9b9b9;
    font-family: open sans;
    font-size: 12px;
    line-height: 14px;
}




/*---------------------------------------------------*/
/*---------------------------------------------------*/
/* 1.2 Стили для раздела 
    ПРАВАЯ часть банера */


/* ////////////////////
 ИЗОЮРАЖЕНИЕ */
.gl_block1_baner_right_secition_img23 {
    width: 97%;
    margin-right: 0;
    margin-left: 83px;
    margin-top: 45px;
    display: none;
}

/* ////////////////////////////////////////////////
   ////////////////////////////////////////////////

   Стили для блока № 2.0 -
   ПРОМЕЖУТОЧНЫЙ БЛОК
   
///////////////////////////////////////////////// */

.gl_block2_0 {
    padding-top: 60px;
    padding-bottom: 60px;
}

.gl_block2_0 .col-md-4 {
    border-right: 2px solid #f3283a;
}

/*-------------------------------*/
/* ЛЕВАЯ ЧАСТЬ */

.gl_block2_0_left_galery{
	
}

.owl-carousel {
    margin-bottom: 0px;
}

/*-------------------------------*/
/* ПРАВАЯ ЧАСТЬ */
.gl_block2_0_right_text {
    color: #333;
    font-style: italic;
    font-size: 17px;
    margin-top: 49px;
    padding-left: 35px;
}




/* ////////////////////////////////////////////////
   ////////////////////////////////////////////////

   Стили для блока № 2 -
   КАТАЛОГ ПРОДУКЦИИ.
   
///////////////////////////////////////////////// */

.gl_block2 {
    padding-top: 60px;
    padding-bottom: 60px;
    background: #fbfbfb;
}




/*--------------------------------------*/
/* КАТАЛОГ */

.gl_block2_k_title h2 {
    color: #333;
    margin-bottom: 30px !important;
    border-bottom: 1px solid #eee;
    padding-bottom: 8px;
    font-size: 23px;
    text-transform: uppercase;
    letter-spacing: 0px;
    font-family: open sans;
    font-weight: 800;
}


/*-----------------------------*/
.gl_block2_vn .col-md-3 {
    margin: 0px 8px;
    margin-bottom: 20px;
    box-shadow: 0px 0px 27px #d1d1d1;
    padding: 0px;
    max-width: 14.99%;
    position: relative;
    background: #fff;
    margin-bottom: 45px;
}

/* Изображение */
.gl_block2_1_col_ulbox_img:before {
   
}

/* Заголовок */
.gl_block2_vn_ulbox_title {
    font-weight: 600;
    margin-bottom: 15px;
    z-index: 999 !important;
    position: relative;
    letter-spacing: 0px;
    font-size: 14px;
    line-height: 16px;
    padding: 8px 6px;
    margin-bottom: 0px;
    display: flex!important;
    justify-content: center!important;
    height: 46px;
    color: #333;
    white-space: ;
}

.gl_block2_vn_ulbox a:hover .gl_block2_vn_ulbox_title{
   background: #f3283a !important;
	color: #fff;
}


/* ////////////////////////////
   кнопка - ПОдробнее */
.gl_block2_1_col_ulbox_btn2 .btn-primary {
    color: #fff;
    background-color: #262a3d !important;
    padding: 2px 15px;
    font-size: 13px;
    border: 2px solid #222222;
    font-weight: 500;
    font-weight: 300;
    text-transform: uppercase;
}

.gl_block2_1_col_ulbox_btn2 .btn-primary:hover {
    color: #ffffff !important;
    text-decoration: underline;
    
}










/* ////////////////////////////////////////////////
   ////////////////////////////////////////////////

   Стили для блока № 3 -
   О КОМПАНИИ
   
///////////////////////////////////////////////// */


.gl_block3 {
    background-image: url(/wp-content/uploads/2024/03/fon3.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: repeat;
    padding: 70px 0px;
    background-position: right 81% top 100%;
}

.gl_block3:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
    background-image: linear-gradient(to right, #252a3eed 57%, #252a3eed 100%);
    background-image: linear-gradient(to right, #232323 30%, #232323d6 100%);
}


/*--------------------------------------*/
/*--------------------------------------*/
/* Стили для блока 1/3  -  */


.gl_block3_left_img {
    z-index: 999;
    position: relative;
    margin-right: 32px;
}
.gl_block3_left_img:before {
    position: absolute;
    display: inline-block;
    content: '';
    height: 99%;
    width: 80px;
    background: #f3283a;
    margin-bottom: 14px;
    z-index: -1;
    margin-top: 36px;
    width: 250px;
    margin-left: -157px;
    border-radius: 10px;
    border-right-radius: 0px !important;
    border-radius-right: 0px !important;
}


/*--------------------------------------*/
/*--------------------------------------*/
/* Стили для блока 2/3  -  */


/*Заголовок */
.gl_block3_center_title {
    font-size: 29px;
    line-height: 26px;
    color: #fff;
    letter-spacing: 0px;
    font-family: inherit;
    margin-bottom: 0px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: left !important;
    border-left: 7px solid #f3283a;
    padding-left: 21px;
    margin-top: 37px;
}


.gl_block3_center_pre {
    font-size: 16px;
    color: #ffffff;
    opacity: 0.8;
    font-weight: 400;
    margin-top: 11px;
    letter-spacing: 0.02px;
    margin-bottom: 34px;
    text-align: left !important;
    text-transform: uppercase;
}


.gl_block3_center_desc {
    font-size: 14px;
    color: #c7c7c7;
    opacity: 0.8;
    font-weight: 300;
    margin-top: 17px;
    letter-spacing: 0.02px;
    margin-bottom: 57px;
    font-family: open sans;
    line-height: 20px;
}



/*--------------------------------------*/
/*--------------------------------------*/
/* Стили для блока 3/3  -  */



.gl_block3_bottom {
	margin-bottom: 40px;
}
.gl_block3_bottom_col_infobox .porto-icon i {
    line-height: inherit;
    color: #fff;
    font-size: 21px;
}

.gl_block3_bottom_col_infobox.top-icon .porto-just-icon-wrapper {
    margin-bottom: -2px;
}

.gl_block3_bottom_col_infobox h3.porto-sicon-title {
    font-size: 47px;
    font-weight: 700;
    text-transform: none;
    line-height: 1.2;
    margin-top: 0px !important;
    color: #f3283a;
}

.gl_block3_bottom_col_infobox.top-icon .porto-sicon-header+.porto-sicon-description {
    margin-top: 0;
    color: #d7d7d7;
    font-family: open sans;
    margin-top: -16px;
    font-size: 15px;
}





/* ////////////////////////////////////////////////
   ////////////////////////////////////////////////

   Стили для блока № 4 -
   ОБЪЕКТЫ КОНТРОЛЯ
   
///////////////////////////////////////////////// */

.gl_block4 {
	padding: 60px;
}


.gl_block4_title {
    color: #333;
    text-align: center;
    text-transform: uppercase;
    font-size: 43px;
    letter-spacing: 0.2px;
    margin-bottom: 50px;
}
/*------------------------------------------------*/

.gl_block4_col.col-md-3 {
    flex: 0 0 23%;
    max-width: 23%;
    background: #fff;
    margin: 12px;
    border-radius: 10px;
    /* padding: 31px 20px; */
    padding-bottom: 0px;
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 30px;
}

.gl_block4_col_section {
	color: #333;
}

.gl_block4_col_section_img {
	color: #333;
}
.gl_block4_col_section_title {
    color: #333;
    font-size: 18px;
    line-height: 22px;
    margin-top: 17px;
    font-weight: 00;
    /* letter-spacing: 0.2px; */
    font-family: open sans;
}




/* ////////////////////////////////////////////////
   ////////////////////////////////////////////////

   Стили для блока № 5 -
   ПОЧЕМУ МЫ ?
   
///////////////////////////////////////////////// */
.gl_block5 {
    background-image: url(/wp-content/uploads/2023/04/blok5-3.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: repeat;
    padding: 70px 0px;
}

.gl_block5:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
    background-image: linear-gradient(to right, #232323f2 57%, #232323fc 100%);
}

.gl_block5_title {
    color: #fff;
    text-align: center;
    /* text-transform: uppercase; */
    font-size: 23px;
    letter-spacing: 0.2px;
    margin-bottom: 85px;
    font-weight: 500;
    line-height: 31px;
}
/*------------------------------------------------*/
/*------------------------------------------------*/

.gl_block5_infobox .porto-icon i {
    line-height: inherit;
    color: #f3283a;
    font-size: 36px;
}

.gl_block5_infobox h3.porto-sicon-title {
    font-size: 17px;
    font-weight: 500;
    text-transform: none;
    line-height: 1.2;
    color: #fff;
    letter-spacing: 0.05px;
    margin-top: 10px !important;
}

.gl_block5_infobox .porto-sicon-description {
    width: 100%;
    display: block;
    line-height: var(--porto-body-lh, 24px);
    margin-top: 0;
    color: #b6b6b6;
    font-size: 13px;
    line-height: 18px;
}




/* ////////////////////////////////////////////////
   ////////////////////////////////////////////////

   Стили для блока № 8 -
   О КОМПАНИИ
   
///////////////////////////////////////////////// */

.gl_block8 {
    padding: 75px 0px;
}


.gl_block8_title h1 {
    margin-top: 0px;
    margin-bottom: 0px !important;
    font-size: 33px;
    line-height: 43px;
    text-align: center;
    margin-bottom: 16px !important;
    text-transform: uppercase;
    font-weight: 800;
    margin: 0 auto;
}

.gl_block8_title strong {
    color: #f3283a;
}









/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/


/*------------------------------------*/
/*------------------------------------*/
/*----------------////////////////////

        МОБИЛЬНАЯ  ВЕРСИЯ НА САЙТЕ--------------------
                  
--------------------///////////////////////*/
/*------------------------------------*/
/*------------------------------------*/
@media (max-width: 480px) {
	

	
/* ///////////////////////////////////////////
     1. БАНЕР  */	
		
	
.gl_block1_baner {
    height: 650px;
}

	
/* Скрывает карусель */	
.gl_block1_baner_left_section_carusel {
    display: none;
}	
	
.gl_block1_baner_left_section_title5 h3 {
    display: none;
}
	

/* ///////////////////////////////////////////
     2. ПРЕИМУЩЕСТВА + УСЛУГИ */	
.gl_block2_0_right_text {
    margin-top: 15px;
}


/* УСЛУГИ */

.gl_block2 {
    padding-top: 20px;
    padding-bottom: 60px;
    background: #fbfbfb;
}

.gl_block2_k_title h2 {
    font-size: 24px;
    text-align: center;
    line-height: 32px;
}


.gl_block2_vn .col-md-3 {
    margin: 0px 8px;
    margin-bottom: 20px;
    box-shadow: 0px 0px 27px #d1d1d1;
    padding: 0px;
    max-width: 46%;
    position: relative;
    background: #fff;
    margin-bottom: 25px;
}



/* ///////////////////////////////////////////
     3. О КОМПАНИИ */	

.gl_block3 {
    padding: 20px 0px;
}

.gl_block3_left_img {
    display: none;
}
	
.gl_block3_center_desc {
    margin-bottom: 30px;
}	

/* Преимущества */	

.gl_block3_PRE_m .col-md-4 {
    width: 32%;
}
.gl_block3_bottom_col_infobox.top-icon .porto-sicon-header+.porto-sicon-description {
    font-size: 14px;
    line-height: 19px;
}	

/* ///////////////////////////////////////////
     4. НАШИ ОБЪЕКТЫ */		

.gl_block4_title {
    font-size: 40px;
    margin-bottom: 30px;
}
	
.vc_gitem-zone {
    height: 141px;
}	
.vc_grid.vc_row.vc_grid-gutter-10px .vc_grid-item {
    padding-right: 5px;
    padding-bottom: 5px;
    width: 50%;
    display: inline-table !important;
}	

/* ///////////////////////////////////////////
     5. НАШИ ОБЪЕКТЫ */	
	
.gl_block5_title {
    font-size: 20px;
    margin-bottom: 36px;
    line-height: 31px;
}
	

/* ///////////////////////////////////////////
     8. ТЕКСТ + ЗАГОЛОВОК  */		
.gl_block8_title h1 {
    margin-top: 0px;
    margin-bottom: 0px !important;
    font-size: 22px;
    line-height: 35px;
    text-align: center;
    margin-bottom: 16px !important;
    text-transform: uppercase;
    font-weight: 800;
    margin: 0 auto;
}	
	
	
	
}



/*------------------------------------*/
/*------------------------------------*/
/*----------------////////////////////

        НАСТОЛЬНАЯ  ВЕРСИЯ НА САЙТЕ--------------------
                  
--------------------///////////////////////*/
/*------------------------------------*/
/*------------------------------------*/
@media (min-width: 480px) {
	

	
/* О компании */
	.gl_block3_PRE_m .col-md-4 {
		width: 100%;
	}

}
	
	
	
	
	
	
	
	
	
	
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
/* 2. КАРТОЧКА ТОВАРА //////////////////////
      Продукция, прайс, текст 

////////////////////////////////////////// */



/* ////////////////////////////////////////////////
///////////////////////////////////////////////////

  1. Стили для блока  - Заголовки, текс, цена, форм 
     изображение.
     
///////////////////////////////////////////////// */

.katalog_bl1 {
    margin-top: 50px;
    padding-bottom: 0px;
    padding-top: 22px;
    margin-bottom: 55px !important;
}



/* ////////////////////////////////////////////
//////////////////////////////////////////////
------------------  Стили для ЛЕВОЙ части.  */


/* Заголовок */

.katalog_bl1_col_title h1 {
    color: #333;
    margin-top: 0px;
    font-weight: 800;
    font-size: 34px;
    line-height: 41px;
    text-transform: uppercase;
    margin-bottom: 16px !important;
    margin-top: -20px;
}


/* ////////////////////////////////////////////
//////////////////////////////////////////////
------------------  Стили для ПРАВОЙ части.  */

.katalog_bl1_right_img {
    z-index: 99 !important;
    position: relative;
    width: 91%;
    margin-left: 37px;
    margin-bottom: 60px;
}


.katalog_bl1_right_img:before {
    position: absolute;
    display: inline-block;
    content: '';
    height: 68%;
    width: 170px;
    background: #f3283a;
    margin-bottom: 14px;
    z-index: -1;
    margin-top: -28px;
    margin-left: -207px;
    border-radius: 10px;
}


.katalog_bl1_right_img:after {
    position: absolute;
    display: inline-block;
    content: '';
    height: 71%;
    width: 80px;
    background: #232323;
    margin-bottom: 14px;
    z-index: -1;
    margin-top: -179px;
    width: 235px;
    margin-left: -26px;
    border-radius: 10px;
}




/* /////////////////////////
 Стили для кнопки - ЗАКАЗАТЬ - ПК */

.katalog_bl1_btn33 {
    color: #333;
    font-size: 15px;
    font-family: inherit;
    border-top: 1px solid #eeeeee38;
    background: #fff;
    line-height: 18px;
    font-family: 'Open Sans';
    margin-top: 24px;
    text-align: center;
}

.katalog_bl1_btn .btn-primary {
    background-color: #f3283a00;
    margin-top: 28px;
    font-family: 'Open Sans';
    padding: 11px 13px;
    border: 0px;
    font-weight: 600;
    font-size: 14px;
    color: #333333;
    width: 80%;
    letter-spacing: 0.5px;
    border-radius: 10px;
    border: 2px solid #f3283a;
}

.katalog_bl1_btn .btn-primary:hover {
    text-decoration: underline;
}




/* //////////////////////////////
 Почта */
.katalog_bl1_mail {
    color: #333;
    font-size: 15px;
    font-family: inherit;
    border-top: 1px solid #eeeeee38;
    background: #fff;
    padding: 10px 17px;
    line-height: 18px;
    margin-top: 34px;
    font-family: 'Open Sans';
    border-bottom: 1px solid #eee;
    padding-bottom: 30px;
}


.katalog_bl1_mail strong {
    /* color: #a82f06; */
    font-weight: 500;
}

.katalog_bl1_mail a {
    color: #333;
    font-size: 16px;
    font-weight: 500;
    font-family: inherit;
    line-height: 35px;
    font-family: 'Open Sans';
    background: #333;
    color: #fff;
    padding: 0px 10px;
    border-left: 10px solid #f3283a;
}



/* ////////////////////////////////////////////////
///////////////////////////////////////////////////

  2. Стили для блока  - ПРЕИМУЩЕСТВА
     
///////////////////////////////////////////////// */

.katalog_bl1_R_PRE {
    border-top: 1px solid #eee;
    margin-top: 35px;
    padding-top: 20px;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    margin-bottom: 20px !important;
}

.katalog_bl1_R_PRE_title h3 {
    color: #333;
    margin-bottom: 20px !important;
    font-size: 21px;
}


/*------------------------*/

.katalog_bl1_R_PRE_infobox .porto-icon i {
    line-height: inherit;
    color: #f3283a;
    font-size: 25px;
} 
.katalog_bl1_R_PRE_infobox h3.porto-sicon-title {
    font-size: 15px;
    font-weight: 400;
    text-transform: none;
    line-height: 20px;
    color: #333;
    letter-spacing: 0px;
}

.katalog_bl1_R_PRE_infobox .porto-sicon-description {
    width: 100%;
    display: block;
    line-height: var(--porto-body-lh, 24px);
    margin-top: 0;
    line-height: 19px;
    font-size: 14px;
    color: #444;	
}


/* ////////////////////////////////////////////////
///////////////////////////////////////////////////

  3. Стили для блока  - Разделитель
     
///////////////////////////////////////////////// */


.katalog_bl2 {
    background-image: url(/wp-content/uploads/2024/03/blok7-skidka.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: repeat;
    padding-top: 55px;
    padding-bottom: 30px;
    margin-top: 20px;
}

.katalog_bl2:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
    background-image: linear-gradient(to right, #232323f0 16%, #232323e6 100%);
}

/*------------------------*/
.katalog_bl2_vn .col-md-4 {
	
}

.katalog_bl2_infobox .porto-icon i {
    line-height: inherit;
    color: #f3283a;
    font-size: 33px;
}

.katalog_bl2_infobox h3.porto-sicon-title {
    font-size: 17px;
    font-weight: 500;
    text-transform: none;
    line-height: 20px;
    color: #fefefe;
    letter-spacing: 0.5px;
}

.katalog_bl2_infobox .porto-sicon-description {
    width: 100%;
    display: block;
    line-height: var(--porto-body-lh, 24px);
    margin-top: 0;
    margin-top: 7px !important;
    line-height: 20px;
    width: 80%;
}

.katalog_bl2_infobox strong {
    font-weight: 400;
    color: #a7a7a7;
    line-height: 18px;
}





/* ////////////////////////////////////////////////
///////////////////////////////////////////////////

  4. Стили для блока  - Галерея
     
///////////////////////////////////////////////// */


.katalog_bl3_gallery {
    padding: 60px;
}

.katalog_bl3_gallery_title  {
    color: #333;
    text-align: center;
    text-transform: uppercase;
    font-size: 35px;
    letter-spacing: 0.2px;
    margin-bottom: 35px;
}


/* ////////////////////////////////////////////////
///////////////////////////////////////////////////

  5. Стили для блока  - Описание страницы
     
///////////////////////////////////////////////// */

.katalog_bl4 {
	padding: 75px 0px;
}


.katalog_bl4_title h2 {
    margin-top: 0px;
    margin-bottom: 0px !important;
    font-size: 34px;
    line-height: 43px;
    text-align: left;
    margin-bottom: 16px !important;
    font-weight: 800;
    margin: 0 auto;
    text-transform: uppercase;
}

.katalog_bl4_title strong {
    color: #f3283a;
}



/*------------------------------------*/
/*------------------------------------*/
/*----------------////////////////////

        МОБИЛЬНАЯ  ВЕРСИЯ НА САЙТЕ--------------------
                  
--------------------///////////////////////*/
/*------------------------------------*/
/*------------------------------------*/

@media (max-width: 480px) {

	
/* /////////////////////////////////////
 Стили для блока - №1 */

.katalog_bl1 {
    margin-top: 30px;
    padding-bottom: 0px;
    padding-top: 22px;
    margin-bottom: 55px !important;
}	
	
	
/* Заголовок */
.katalog_bl1_col_title h1 {
    font-size: 23px;
    line-height: 32px;
    margin-bottom: 10px !important;
    margin-top: -20px;
}
	

/* Изображение */	
.katalog_bl1_right_img {
    z-index: 99999 !important;
    position: relative;
    width: 75%;
    margin-left: 37px;
    margin-bottom: 60px;
}	
	
.katalog_bl1_right_img:before {
    height: 68%;
    margin-left: -154px; 
}	
	
.katalog_bl1_right_img:after {
    width: 80px;
    margin-top: -127px;
    width: 151px;
    margin-left: 0px;
    border-radius: 10px;
}	

/* Скрывает ИЗОБРАЖЕНИЕ */	
.kat_img_pc {
		display: none;
	}
	
.katalog_bl1_mail {
    color: #333;
    font-size: 15px;
    font-family: inherit;
    border-top: 1px solid #eeeeee38;
    background: #fff;
    padding: 10px 17px;
    line-height: 18px;
    margin-top: -5px;
    font-family: 'Open Sans';
    border-bottom: 1px solid #eee;
    padding-bottom: 12px;
}	
	
	
}





/*------------------------------------*/
/*------------------------------------*/
/*----------------////////////////////

        НАСТОЛЬНАЯ  ВЕРСИЯ НА САЙТЕ--------------------
                  
--------------------///////////////////////*/
/*------------------------------------*/
/*------------------------------------*/


@media (min-width: 480px) {

	.kat_img_mobile {
		display: none;
	}
	
	
}