*
 *
 * NOBELE
 * grid 
 * 
 */



@-ms-viewport {
  width: device-width;
}

html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

:root {
  --grid_margin: 2.4305%;  
  --grid_gutter: 2.919708029%;  /* 40 / (1440 - 35 * 2)  */
  --grid_gutter_min: -2.919708029%;  /* 40 / (1440 - 35 * 2)  */
  --grid_width: 14.23357664233%; /* 195 / (1440-35*2)  1370 */
  --grid_margin_mobile: 6.62%;
  --grid_gutter_mobile: 4.6153846156%;   /* 15 / (375 - 25 * 2)  */
}



body.is-grid::after {
  content: "";
  position: absolute;
  z-index: 1000;
  top: 0;
  bottom: 0;
  left: var(--grid_margin);
  right: var(--grid_margin);
  opacity: 0.15;
  /*background: repeating-linear-gradient(90deg, #00f 0, #00f 14.3382352941%, transparent 14.3382352941%, transparent 10.1630434783%);*/
  background: repeating-linear-gradient(90deg, 
    #009900 0, 
    #009900 14.23357664233%, 
    transparent 14.23357664233%, 
    transparent 17.153278% 
  );
  pointer-events: none;
}



.wrap {
  margin: 0 var(--grid_margin);
}

.row {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  /*margin-left: var(--grid_gutter_min);*/
}

.row .col1,
.row .col2,
.row .col3,
.row .col4,
.row .col5,
.row .col6
{
  margin-left: var(--grid_gutter);   
  /*margin-right: var(--grid_gutter);  */
}

/*.row.push2
{
  margin-left: 17.15328467133%;  
}
.row.push3
{
  margin-left: 34.30656934266%;  
}
*/
.row .col1:first-child,
.row .col2:first-child,
.row .col3:first-child,
.row .col4:first-child,
.row .col5:first-child,
.row .col6:first-child
{
  margin-left:0;
}



/*
список по сетке с разной шириной
 */


.grid_list {
  display: flex;
  flex-wrap: wrap;
  grid-row-gap: 80rem;
  /*display: block;*/
}
.row.grid_list {
  margin-left: -2.81785785%; 
  /*margin-left: 0;*/
}
.row.grid_list .grid_list_item {
  margin-left: 2.81785785%;
  /*margin-left: 0;*/
}
.grid_list_item {
  /*height: 150px;*/
  /*width: 200px;*/
  /*line-height: 150px;*/
  /*background: #445599;*/
  /*color: white;*/
  /*margin: 0 1rem 1rem 0;*/
  /*text-align: center;
  font-family: system-ui;
  font-weight: 900;
  font-size: 2rem;*/
  /*flex: 1 0 auto;*/
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: auto;
    /*float: left;*/
}


.row .col1.grid_list_item {
  width: 13.83357664233%;
}
.row .col2.grid_list_item {
  width: 30.48686131366%;
}
.row .col3.grid_list_item {
  width: 47.134014598499%;
}






.just {
  justify-content: space-between;  
}

.list {
  justify-content: flex-start;  
}

.wrap .row .offset2
{
  margin-left:17.15328467133%;
}
.wrap .row .offset3
{
  margin-left:34.30656934266%;
}
.wrap .row .offset4
{
  margin-left:51.45985401399%;
}
.wrap .row .offset5
{
  margin-left:68.61313868532%;
}
.wrap .row .offset6
{
  margin-left:85.76642335665%;
}




.row .col1 {
  width: 14.23357664233%;
}

.row .col2 {
  width: 31.38686131366%;
}

.row .col3 {
  width: 48.54014598499%;
}
.row .col4 {
  width: 65.69343065632%;
}
.row .col5 {
  width: 82.84671532765%;
}
.row .col6 {
  width: 100%;
}



/*.wrap .row .col4.outside {
  width: 65.69343065632%;
  margin-left:31.38686131366%;
  padding-left: 2.919708029%;
}

.row .col4.outside .col1.inside {
  width: 22.65%;
  background-color: green;
  margin-right: 1.8%;
}


.wrap .row .col4.outside .col1.inside.offset2
{
  margin-left:27.31%;
}*/

/*.row .col4.outside .col1.inside:last-child {
  margin-right: 0;
  margin-left: 0;
}*/



/* 195 / 900*/


/* 195 / (900)  1370 */
/* 40 / (900)  1370 */

.grid1 {
  display: grid;
  grid-template-columns: 100%;
  grid-column-gap: 4.44%;
  grid-row-gap: 40px;
}

.grid2 {
  display: grid;
  grid-template-columns: 46.78% 46.78%;
  grid-column-gap: 8.88%;
  grid-row-gap: 40px;
}
.grid2x2 {
  display: grid;
  grid-template-columns: 47.77% 47.77%;
  grid-column-gap: 4.44%;
  grid-row-gap: 40px;
}
.grid2 .grid_item {
  /*background-color: #999;*/
  /*width: 25%;*/
}
.grid3 {
  display: grid;
  grid-template-columns: 21.86% 21.86% 47.78%;
  grid-column-gap: 4.44%;
  grid-row-gap: 40px;
}

.grid3 .grid_item {
  /*background-color: #777;*/
  /*width: 25%;*/
}

.grid3_inside {
  display: grid;
  grid-template-columns: 29.86% 29.86% 29.78%;
  grid-column-gap: 5.84%;
  grid-row-gap: 40px;
}

.grid4 {
  display: grid;
  grid-template-columns: 21.66% 21.66% 21.66% 21.66%;
  grid-column-gap: 4.44%;
  grid-row-gap: 40px;
}

.grid4 .grid_item {
  /*background-color: #777;*/
  /*width: 25%;*/
}


.grid6 {
  display: grid;
  grid-template-columns: repeat(6,1fr);
  grid-column-gap: 2.88888%;
  grid-row-gap: 0px;
}




.twocol {
  display: flex;
}

.twocol .col2 {
  align-self: stretch;
  width: 32.2916667%;
  /*background-color: #e1e;*/
}
/*.twocol .col4.padl {
  padding-left: 2.919708029%;
  padding-right: var(--grid_margin) ;
} 
*/
.twocol .col3 {
  align-self: stretch;
  width: 48.69%;
  /*background-color: #e1e;*/
}
.twocol.fixed .col3 {
  align-self: flex-start;
}
.twocol.service .coldiv {
  align-self: stretch;
  width: 2.72%;
  /*background-color: #e1e;*/
}


/*.twocol .col2.padl {
  padding-left: var(--grid_margin) ;
} 
*/
.twocol .col4 {
  align-self: stretch;
  width: 67.708333%;
  /*background-color: #1ee;*/
}
/*.twocol .col4.padl {
  padding-left: 2.919708029%;
  padding-right: var(--grid_margin) ;
} 
.twocol .col4.padr {
  padding-right: 2.919708029%;
  padding-left: var(--grid_margin) ;
} */

.twocol .padr {
  padding-right: 2.919708029%;
}
.twocol .padl {
  padding-left: 2.919708029%;
}
.twocol .marr {
  padding-right: var(--grid_margin) ;
}
.twocol .marl {
  padding-left: var(--grid_margin) ;
}



.twocol .col4 .col1 {
  width: 21.52%;
  margin-right: 1.68%;
  /*background-color: #ee0;*/
}


.twocol .col4 .col2 {
  width: 47.69230769230%;;
  margin-right: 1.68%;
  /*background-color: #ee0;*/
}



.twocol .col4 .col1.offset4 {
  margin-left:26.15%;
}





.twocol .col4 .col4 {
  width: 100%;
  /*background-color: #ee0;*/
}

/*
.twocol .col4 .col3 {
  width: 48.54014598499%;
  background-color: #ee0;
}
.twocol .col4 .col4 {
  width: 65.69343065632%;
  background-color: #ee0;
}
*/







/*.case_grid {
    display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-column-gap: 2.939708029%;
  grid-row-gap: 40px;
}
.case_grid .case_alfa {
  grid-column: 1 / 4;
  grid-row: 1 / 2;
}

.case_grid .case_baner2x {
  grid-column: 5 / 7;
  grid-row: 2 / 3;
}

.case_grid .case_baner1x {
  grid-column: 2 / 3;
  grid-row: 3 / 4;
}
*/






.flxv {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.flxv_item {

}










@media only screen and (max-width : 767px) {




.wrap {
  margin: 0 var(--grid_margin_mobile);
}

/* 70 / (375-25*2)  */
.row .mcol1 {
  width: 21.53846153846%;
  /*background-color: #f9f;*/
}
/* 155 / (375-25*2)  */
.row .mcol2 {
  width: 47.69230769230%;
  /*background-color: #f9f;*/
}
/* 240 / (375-25*2)  */
.row .mcol3 {
  width: 73.84615384615%;
  /*background-color: #f9f;*/
}
.row .mcol4 {
  width: 100%;
  /*background-color: #f9f;*/
}


.row .mcol1,
.row .mcol2,
.row .mcol3,
.row .mcol4
{
  margin-left: var(--grid_gutter_mobile);   
}

.row .mcol1:first-child,
.row .mcol2:first-child,
.row .mcol3:first-child,
.row .mcol4:first-child
{
  margin-left:0;
}




.twocol .padr,
.twocol .mobile_padr {
  padding-right: var(--grid_margin_mobile);
}
.twocol .padl,
.twocol .mobile_padl {
  padding-left: var(--grid_margin_mobile);
}
.twocol .marr,
.twocol .mobile_marr {
  padding-right: var(--grid_margin_mobile) ;
}
.twocol .marl,
.twocol .mobile_marl {
  padding-left: var(--grid_margin_mobile) ;
}





.twocol .col2.mcol4 {
  width: 100%;
  margin-right: 0;
  /*background-color: #ee0;*/
}
.twocol .col4 .mcol2 {
  width: 47.69230769230%;
  margin-right: 0;
  /*background-color: #ee0;*/
}

.twocol .col4.mcol4,
.twocol .col3.mcol4,
.twocol .col2.mcol4 {
  width: 100%;
}


.twocol .col4 .col1.mcol4 {
  width: 100%;
}


.twocol .col4 .mcol2.moffset0
{
  margin-left:0;
}


/*.mobile_grid2 {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  grid-column-gap: 2.88888%;
  grid-row-gap: 0px;
}*/
.mobile_grid2 {
  display: grid;
  grid-template-columns: 47.69230769230% 47.69230769230%;
  grid-column-gap: 4.44%;
  grid-row-gap: 40rem;
}



/*.row .col1.grid_list_item {
  width: 13.83357664233%;
}
.row .col2.grid_list_item {
  width: 30.48686131366%;
}
.row .col3.grid_list_item {
  width: 47.134014598499%;
}*/



.row.grid_list {
  margin-left: -4.15454%;
}
.row.grid_list .grid_list_item {
  margin-left: 4.15454%;
}

.row .col1.mcol2.grid_list_item {
  width: 45.65478%;
}
.row .col3.mcol4.grid_list_item,
.row .col2.mcol4.grid_list_item
 {
  width: 100%;
}

.mcol4.offset3 {
  margin-left: 0;
}



.submenu_block .wrap {
  margin: 0 var(--grid_margin_mobile);
}





}



















































.grid {
  display: grid;
  /*grid-template-columns: 14.23357664233% 14.23357664233% 14.23357664233% 14.23357664233% 14.23357664233% 14.23357664233%;*/
  /*grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr ;*/
  grid-template-columns: repeat(6, 1fr);
  grid-column-gap: 2.919708029%;
  grid-row-gap: 40px;
}

.inside_grid_4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 2.919708029%;
  grid-row-gap: 40px;
}

.grid .grid_item {
  background-color: #333;
  padding: 15px;
  color: white;
}


.grid .grid_col1 {
  grid-column: 1 / 2;
}
.grid .grid_col2 {
  grid-column: 2 / 3;
}
.grid .grid_col3 {
  grid-column: 3 / 4;
}
.grid .grid_col4 {
  grid-column: 4 / 5;
}
.grid .grid_col5 {
  grid-column: 5 / 6;
}
.grid .grid_col6 {
  grid-column: 6 / 7;
}


.grid .grid_col1x2 {
  grid-column: 1 / 3;
}
.grid .grid_col2x2 {
  grid-column: 2 / 3;
}
.grid .grid_col3x2 {
  grid-column: 3 / 4;
}
.grid .grid_col4x2 {
  grid-column: 4 / 5;
}
.grid .grid_col5x2 {
  grid-column: 5 / 6;
}
.grid .grid_col6x2 {
  grid-column: 6 / 7;
}


.grid .grid_col1x2xX {
  grid-row: 1 / auto;
}

.grid_col_w2 {
  grid-column: 1 / 3;
  background-color: #ee0;
}
.grid_col_w4 {
  grid-column: 3 / 7;
  background-color: #ee0;
}

.inside_grid4 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.inside_grid4 div {
  background-color: #a80;
}