:root 
  {
      --screen-width:1200px;

      --color1:#000000;
      --color2:#9FEDD7;
      --color3:#FEF9C7;
      --color4:#ffd833;
      --color5:#ffcc00;
      --colorB:#000;
      --colorW:#FFF;
      --colorG1:#333;
      --colorG2:#555;
      --colorG3:#888;
      --colorG4:#CCC;


  }


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

  body					{margin:0px;background:#fff;/*linear-gradient(gray, white) no-repeat fixed;*/ }
  *						{font-family:roboto, helvetica,sans-serif,arial;font-size:18px;}


  td, body  { 	color: var(--colorB);	}


	h1	{	font-size	:	24px;	color		:	var(--color1);margin:50px 0px 50px 0px;	}
	h2	{	font-size	:	22px;	color		:	var(--color1);	}
	h3	{	font-size	:	20px;	color		:	var(--color1);	}
    
    div.header         {width:100%;
						left:0;
						top:0;
						b1ackground:linear-gradient(45deg, #ffcc00, #ffd833);
						background-image:linear-gradient(45deg, #ffcc00, #ffd833); 
						/*background-position:30% center;
						background-size:50%, 100%;
						background-repeat:no-repeat;*/
						
						/*background-size:100%;*/
						}
    

      /* top menu */ 
    div.topMenuShow     {display:none;}
    div.navigation      {display:inline-flex;align-items:center;/*justify-content:space-between;*/flex-wrap:nowrap;width:100%;height:100%;margin-top:10px;}
    div.navigation a    {height:100%;margin-right:10px;}

    A:Link.menuLink     {color:var(--colorW);font-size:16px;font-weight:300;letter-spacing:3px;text-transform:uppercase;display:inline-flex;align-items:center;flex-direction:row;padding:5px 10px;text-align:center;white-space:nowrap;text-decoration:none;position:relative;}
    A:Visited.menuLink 	{color:var(--colorW);font-size:16px;font-weight:300;inline-flex;text-transform:uppercase;align-items:center;flex-direction:row;text-decoration:none;}
    A:Hover.menuLink 	{color:var(--colorW);background:var(--color4);font-size:16px;font-weight:300;inline-flex;align-items:center;text-transform:uppercase;flex-direction:row;text-decoration:none;}
   
    A:Link.menuLinkAct    {color:var(--colorB);background:var(--color4);font-size:16px;font-weight:bold;}
    A:Visited.menuLinkAct {color:var(--colorB);background:var(--color4);font-size:16px;font-weight:bold;}

    
    div.submenu       {transform:scaleY(0);transform-origin:0 0;transition:0.1s ease-in-out;position:absolute;z-index:10000;padding:10px 15px;background:var(--color1);box-shadow:1px 1px 2px #666;}
    div.submenu  a    {display:block;padding:8px;margin-bottom:5px;color:var(--colorW);text-decoration:none;background:var(--color1);text-transform:uppercase;}
    div.submenu  a:hover  {background:var(--colorB);color:var(--colorW);}


    .navigation-element:hover           {color:var(--colorW);b1ackground:var(--color1);}
    .navigation-element:hover   a       {color:var(--colorW);}
    .navigation-element:hover .submenu  {transform:scaleY(1);transition:0.3s ease-in-out;}


    div.header1-1       {display:none;position:absolute;top:0;width:100%;padding:10px;color:#fff;box-shadow:0px 3px 5px #666;z-index:999;}
    
      div.smallHeaderContainer      {display:flex;flex-direction: row;flex-wrap: nowrap;align-items:center; justify-content:space-between;width:100%;height:15vmin;}
      div.smallHeaderContainer > div  {height:15vmin;position:relative;text-align:center;}
      div.smallHeaderContainer > div > div {position:absolute;width:fit-content;height:fit-content;overflow:hidden;margin:auto;top:0;bottom:0;left:0;right:0;}
      
      div.smallHeaderMenu          {overflow:hidden;flex-grow:1.0; }
      div.smallHeaderMenu   div    {text-decoration:none;color:#fff;font-size:10vmin;font-weight:bold;}

      div.smallHeaderLogo           {flex-grow:1.1;text-align:left !important;}
      div.smallHeaderLogo img       {height:95%;margin-left:15px;} 

      div.smallHeaderPhone          {overflow:hidden; }
      div.smallHeaderPhone   a      {text-decoration:none;color:var(--colorB);font-size:6vmin;font-weight:bold;}
      
      div.smallHeaderFind            {overflow:hidden;flex-grow:1.0;}
      div.smallHeaderFind  div      {color:#fff;font-size:6vmin;font-weight:normal;cursor:pointer;}

      div.smallHeaderTel            {overflow:hidden;flex-grow:1.0;}
      div.smallHeaderTel  div       {color:#fff;font-size:7vmin;font-weight:normal;cursor:pointer;}
      
      
      div.smallHeaderMsg            {overflow:hidden;flex-grow:1.0;}
      div.smallHeaderMsg  div      {color:#fff;font-size:8vmin;font-weight:bold;cursor:pointer;}

      div.smallHeaderSub            {display:none;font-size:7vmin;text-align:center;}
      div.smallHeaderSub  a[href^=tel]   {color:#fff;font-size:10vmin;font-weight:bold;cursor:pointer;display:block;text-decoration:none;margin-bottom:5px;}
      div.smallHeaderSub  a[href^=mail]   {color:#fff;font-size:7vmin;font-weight:normal;cursor:pointer;display:block;text-decoration:none;}
      div.smallHeaderSub textarea         {width:95%;height:16vmin;font-size:80%;padding:5px;margin-bottom:10px;}
      div.smallHeaderSub input[type=button]           {width:95%;font-size:80%;padding:5px;margin-top:10px;background:#77afd4;}

      #msg_send          {padding:10px;background:linear-gradient(49deg, #0000ff, #ff0091);;color:var(--colorW);}

    div.backMessage     {display:none;}

    div#header2         {margin:0px 0px 10px 0px;}

    div.header          {width:100%;padding:5px 25px;display:table;}
    div#header2         {background:linear-gradient(171deg, rgb(73, 73, 73) 0%, rgba(235,208,30,1) 35%, rgba(242,38,6,1) 100%);padding:0px;}
   
    /*
    .banner               {height:400px;background-size:100% 100%; background-repeat: repeat-x;position:relative;z-index:990;overflow:hidden;}
    */
    .banner-title         {position:absolute;z-index:994;top:15%;left:5%;max-width:40%;font-size:40px; color:#fff;font-weight:bold;text-shadow:1px 1px 4px #444;}
    .banner-text          {position:absolute;z-index:993;top:40%;max-width:40%;left:5%;color:#333;font-size:20px;}
    .banner-link          {position:absolute;z-index:992;bottom:8%;max-width:40%;left:5%;background:var(--color1);padding:10px 20px;font-size:20px;box-shadow:2px 2px 3px #444;}
    .banner-link a        {color:#fff;text-decoration:none;font-size:120%;}
    .banner-mainimage     {position:absolute;z-index:991;bottom:0%;height:100%;right:0%;}
    .banner-mainimage img {width:100%;height:100%;display:block;pointer-events: none;}
    
    .banner               {width:100%;height:fit-content;position:relative;overflow:hidden;}
    /*.banner-stream        {display:flex;padding:0px;overflow-x:hidden;flex-wrap:nowrap;overscroll-behavior:contain;-webkit-overflow-scrolling: touch;touch-action: pan-x;scroll-snap-type: x mandatory;scroll-snap-stop: always;}*/
    .banner-stream        {display:flex;padding:0px;overflow-x:hidden;flex-wrap:nowrap;overscroll-behavior:contain;}
    .banner-element       {height:400px;flex-shrink:0;padding:1px;white-space:normal;position:relative;}
    .banner-navigation    {position:absolute;z-index:993;bottom:1%;margin:0px 50%;white-space:nowrap;}
    .banner-navigation  div  {width:20px;height:20px;margin:10px;opacity:0.8;display:inline-block;box-shadow:0px 0px 2px var(--colorW);cursor:pointer;}
    div.navigation-unselect  {border:1px solid var(--color1);background:var(--colorW);}
    div.navigation-select    {border:1px solid var(--color1);background:var(--color1);}


    /*
    .cardImagesContainer {width:100%;height:fit-content;position:relative;overflow:hidden;}
    .cardImages       {display:flex;padding:5px 5px 30px 5px;overflow-x:scroll;flex-wrap:nowrap;overscroll-behavior:contain;-webkit-overflow-scrolling: touch;touch-action: pan-x;scroll-snap-type: x mandatory;scroll-snap-stop: always;}
    .cardImages img   {width:95%;height:auto;flex-shrink:0;scroll-snap-align: center;scroll-padding-inline-start: 50px;padding:1px;}
    .cardImages img:not(:last-child) {margin-right:10px;}

    */

    

    div#header1         {position:sticky;top:0;height:100px;z-index:10000;box-shadow:0px 6px 5px #aaa;}
    div#header1         {width:100%;height:220px;padding:10px;}

    div.header-flex     {display:flex;flex-direction:row;flex-wrap:nowrap; justify-content:start;padding:10px 0px;width:100%;max-width:var(--screen-width);margin:0 auto;}
    div.header-logo     {flex-grow:1;vertical-align:middle;}
    div.header-logo a:link img {width:500px;}
    div.header-menu     {flex-grow:1;vertical-align:middle;width:100%;max-width:var(--screen-width);margin:0 auto;}
    div.header-contact  {flex-grow:1;vertical-align:middle;text-align:right;padding:6px;padding-top:15px;}
    
    div.header-flex2    {width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:start;padding:4px 30px;background:var(--colorG4);width:100%;max-width:var(--screen-width);margin:0 auto;}
      .showTopMenu            {display:none;}
    
    div.topAddr                {color:var(--colorB);font-size:18px;font-weight:bold;text-decoration:none;}
    div.topPhone a               {color:var(--colorB);font-size:34px;font-weight:bold;text-decoration:none;}
    div.topMail  a               {color:var(--colorB);font-size:24px;margin-bottom:20px;text-decoration:none;}
    
    div.pathString                              {flex-grow:1.5;padding:10px 10px;white-space:nowrap;}
    div.pathString small                        {display:block;font-size:80%;margin-bottom:4px;color:#777;font-style: italic;;}
    div.pathString a, div.pathString span       {color:#222;margin-right:10px;margin-left:10px;}
    div.pathString a:first-of-type              {margin-left:0px;}

    div.findModel                   {flex-grow:0.5;pading:0px;text-align:right;padding-top:10px;white-space:nowrap;}
    .findModelContainer             {display:inline-block;background:#fff;border:1px solid #999;padding:1px;position:relative;}
    .findModelInput                 {font-size:18px;padding:5px;border:0px;}
    .findModelAction                {display:inline-block;padding:5px;margin-left:2px;background:#fff;cursor:pointer;}
    .findModelContainer:hover       {box-shadow:0px 0px 6px #555;}
    .findModelMessage               {visibility:hidden;;position:absolute;padding:10px;right:0px;top:-50px;background:#f00;color:#fff;}


    
    div.maintext         {width:100%;max-width:1200px;margin:40px auto;padding:0px;background:white no-repeat fixed;}


    div.pluses          {display:flex;flex-direction:row;flex-wrap:wrap; align-items: stretch;justify-content:center;margin-top:30px;}
    p.plus              {flex:9 0 0;display:flex;width:25%;margin:10px;border:1px solid #888;padding:20px;text-align:center;position:relative;box-shadow:2px 2px 3px #999;font-weight:bold;}
    p.plus::before      {content:url('/img/green_v.png');position:absolute;z-index:100;left:-12px;top:-15px;}
    p.plus:hover        {box-shadow:5px 5px 4px #999;}
    

    div.catalogList          {margin-top:30px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;align-content:center;}
    div.catalogListElm       {margin:10px;border:1px solid #888;text-align:center;box-shadow:2px 2px 3px #999;font-weight:bold;}
    div.catalogListElm       {display:inline-block;width:30%;min-height:420px;padding-bottom:20px;}
    div.catalogListElm a     {display:block;text-decoration:none;color:#333;h1eight:100%;}
    div.catalogListElm a div {width:100%;height:60%;background-size:cover;background-position:bottom center;background-repeat:no-repeat;transition: filter 0.8s ;}
    div.catalogListElm a p.tit   {margin:15px;}
	div.catalogListElm a p.txt   {margin:15px;font-weight:normal;text-align:center;}
    div.catalogListElm a:hover     {color:#f00;}
    div.catalogListElm a:hover  div   {filter:grayscale(0%) brightness(120%);transition: filter 2s ;}
  
    div.catalogListElm .btnInfo {display:inline-block;width:35%;padding:8px 8px;margin:5px; background:#444;color:#fff;text-decoration:none;}
    div.catalogListElm .btnAsk  {display:inline-block;width:35%;padding:8px 8px;margin:5px; background:#444;color:#fff;text-decoration:none;}
    
    div.catalogListElm .miniParam {width:90%;margin:auto;}
    div.catalogListElm .miniParam  td {padding:0px 2px;font-size:90%;}
    div.catalogListElm .miniParam  tr td:nth-child(2) {white-space:nowrap;text-align:right;vertical-align:top;white-space:wrap;}


    A:Link.link2level     {display:block;color:var(--colorG1);background:var(--colorG4);text-decoration:none;font-size:18px;margin-bottom:5px;padding:10px;}
    A:Visited.link2level 	{color:var(--colorG1);text-decoration:none;}
    A:Hover.link2level	  {color:var(--color5);background:var(--colorG3);text-decoration:none;}


  
    /* новая карточка */
      .osnComponents                      {width:100%;}
      .osnComponents tr                   {background:rgb(221, 221, 221);color:#000;cursor:pointer;}
      .osnComponents tr:hover             {background:rgb(250, 126, 11);color:#fff;}
      .osnComponents td                   {font-size:120%;padding:5px;}
      .osnComponents tr td:nth-child(1)   {width:30%;white-space:nowrap;}
      
	 
	.tthDopTable	 {width:95%;margin-left:auto;margin-right:auto;}
	.tthDopTable th		{padding:20px;background:var(--colorG2);color:var(--colorW);}
	.tthDopTable td		{padding:20px;border-bottom:1px dotted #888;}
	
	  

    .cardTTH    {width:100%;margin-top:60px;}
    .cardTTH h3   {margin-top:0px;b1order-bottom:3px solid #2b3a5f;background:rgb(248, 141, 2);color:#fff;padding:10px;}
    .cardTTH .twocolumns {width:100%;column-width:25em;margin-top:50px;column-rule:1px solid #ddd;column-gap:3em;}
    .cardTTH .onecolumns {width:100%;height:30px;}
    
    .cardTTH  p   {display:inline-block;border:1px solid rgb(241, 241, 241);width:100%;margin:0px;}
    .cardTTH table {margin-bottom:20px;width:100%;}
    .cardTTH th     {background:#666;color:#fff;padding:5px;font-size:16px;}
    .cardTTH td     {border-bottom:1px dotted #555;padding:5px;font-size:16px;}
    .cardTTH tr td:nth-child(1)     {width:50%;text-align:left;}
    .cardTTH tr td:nth-child(2)     {width:50%;text-align:center;}
   
    td.noBorder     {border:0px;height:20px;}

    .cardImages     {display:flex;flex-wrap:wrap;flex-direction:row;flex-wrap:wrap;justify-content:start;a2lign-content:space-between;}
    .cardImages img {margin:10px;border:1px solid #ddd;padding:10px;cursor:pointer;}
    .cardImages img:hover {background:#eee;box-shadow:3px 3px 4px #888;}
    .cardText       {margin-bottom:50px;}
    .cardText p      {font-size:18px;}

    .cardAnchorLink   {color:#2b3a5f;font-size:110%;display:block;margin-bottom:10px;}


	.tableCosts			{width:100%;border-spacing:0px;}
	.tableCosts th		{color:var(--colorW);font-weight:bold;text-align:left;padding:5px;}
	.tableCosts td		{padding:15px 5px;text-align:left;border-bottom:1px dotted #888;}
	.tableCosts td	input[type=checkbox]	{scale:1.5;}
	.tableCosts tr:first-child 		{background:linear-gradient(45deg, #0000ff, #ff0091);}
	.tableCosts tr th:last-child	{text-align:right;}
	.tableCosts tr td:last-child	{text-align:right;}
	
	
	


    div.footerMax       {background:var(--colorG2);width:100%;position:absolute;left:0;margin-top:100px;border-top:40px solid var(--color5);}
    div.footer          {background:var(--colorG2);width:var(--screen-width);margin:0 auto;display:flex;flex-direction:row;flex-wrap:nowrap; align-items: stretch;justify-content:space-between;}
    
    /*
    div.footer div      {width:30%;padding:20px;color:var(--color5);}
    div.footer div:nth-child(1) img {width:200px;}
    div.footer div:nth-child(1) p::first-letter {font-weight:bold;width:10px;}
    */

    div.footer1         {width:content-fit;max-width:30%;padding:20px;color:var(--colorW);}
    div.footer2         {width:content-fit;color:var(--colorW);padding:20px;display:flex;}
    div.footer3         {width:30%;color:var(--colorW);padding:20px;}

    div.footer1 img     {width:200px;}

    a:link.footerPhone     {color:var(--colorW);display:block;margin-bottom:5px;text-decoration:none;}
    a:visited.footerPhone  {color:var(--colorW);}
    a:hover.footerPhone    {color:var(--colorW);}
    
	div.footer2 div			{display:block;border-right:1px dotted #999;}
	div.footer2 div	b		{display:block;white-space:nowrap;background-color:var(--color1);padding:15px;}
	div.footer2 div	a		{display:block;margin:0px 5px 15px 5px;color:var(--colorW);padding:5px;text-decoration:none;}
	div.footer2 div	a:hover		{background-color:var(--color4);}
	
	

    div#backFormClick          {cursor:pointer;padding:20px;font-weight:bold;background:var(--color1);color:var(--colorW);width:fit-content;box-shadow:2px 2px 4px var(--colorG2);margin-top:60px;}
    div#backFormClick:active   {box-shadow:outset 2px 2px 3px var(--colorW);}

    div#backFormContent        {padding:20px;width:50%;background:var(--color1);color:var(--colorW);display:none;font-size:18px;}

    div#backFormContent textarea {margin-bottom:20px;margin-top:5px;width:100%;padding:10px;}


    img.main-page-image         {filter:grayscale(0.8);transition:filter 1s ease;margin:15px 0px;;}
    img.main-page-image:hover   {filter:grayscale(0.2);transition:filter 3s ease;}


    
      div.scrollOnTop   {position:absolute;z-index:999;padding:10px;font-size:220%;right:10%;color:#fff;background:rgb(255, 145, 0);border-radius:50%;box-shadow:3px 3px 5px #444;
                              vertical-align:middle;text-align:center;
                              opacity:0.4;
                              cursor:pointer;
                        }
      div.scrollOnTop:hover   {opacity:1;}

    .tuman            {visibility:hidden;z-index:99999;position:absolute;width:100%;height:100%;top:0;left:0;background:url(/img/vars/tuman.png) repeat;}
    .cardImagesPanel  {visibility:hidden;position:absolute;background:#fff; z-index:100000;width:1280px;height:720px;max-width:80%;max-height:90%;border:10px solid #fff;border-radius:10px;box-shadow:0px 0px 10px rgb(10, 10, 10);
                        background-size:auto 100%;
                        background-repeat:no-repeat;
                        background-position:center center;
                        text-align:center;
                      }
    .galleryImageBody  {z-index:100001;position:absolute;height:100%;left:0;right:0;margin-left:auto;margin-right:auto;text-align:center;}
    .galleryImageTitle {z-index:100002;position:absolute;background:rgba(255, 255, 255, 0.99);padding:20px;max-width:70%;width:fit-content;font-size:120%;border-bottom-right-radius: 10px;}

    .galleryNav        {z-index:100003;position:absolute;top:0;}
    .galleryNav img    {box-shadow:0px 0px 10px #444;border-radius:50%;cursor:pointer;padding:1px;}
    .galleryNav img:hover {box-shadow:2px 2px 10px #444;border-radius:50%;cursor:pointer;}
    .galleryNav img:active {box-shadow:0px 0px 15px rgb(0, 34, 129);border-radius:50%;cursor:pointer;}

    .galleryNavLeft img, .galleryNavRight img {margin:70% 10px;}

    .galleryNavClose  {top:-25px;right:-25px;}
    .galleryNavLeft   {position:inherit;top:0;left:10px;height:100%;width:40%;text-align:left;vertical-align:bottom;cursor:w-resize;}
    .galleryNavRight  {position:inherit;top:0;right:10px;height:100%;width:40%;text-align:right;vertical-align:bottom;cursor:e-resize;}

    /* анимация галереи */
    .galleryImageBody {
          -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
          -webkit-animation-duration: .2s;
          animation-duration: .2s;
          -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
      }
      .oborotState1 { animation-name: o2borotState1; }
      .oborotState2 { animation-name: oborotState2; }
      .oborotState3 { animation-name: oborotState3; }

    
        @keyframes oborotState1 
        {
            0%    { transform: perspective(1400px) rotate3d(0, 1, 0, 0deg);  }
            100%  { transform: perspective(1400px) rotate3d(0, 1, 0, 0deg);  }
        }
        @keyframes oborotState2 
        {
            0%    { transform: perspective(1400px) rotate3d(0, 1, 0, 0deg); opacity: 1; }
            100%  { transform: perspective(1400px) rotate3d(0, 1, 0, 90deg); opacity: 0; }
        }
        @keyframes oborotState3 
        {
            0%    { transform: perspective(1400px) rotate3d(0, 1, 0, -90deg);opacity: 0; }
            100%  { transform: perspective(1400px) rotate3d(0, 1, 0, 0deg); opacity: 1; }
        }

  
    @media screen and (min-width:800px) and (max-width: 1025px) 
    {    
      div.smallHeaderMenu           {flex-grow:0.5; }
      div.smallHeaderLogo           {flex-grow:1.5;text-align:left !important;}
      div.smallHeaderFind           {flex-grow:0.5;}
      div.smallHeaderTel            {flex-grow:0.5;}
      div.smallHeaderMsg            {flex-grow:0.5;}
    }

    @media screen and (max-width: 1025px) 
    {
     
      
      .banner                 {display:none;}
      .pathString             {display:none;}
      /*#header1, #header2      {display:none;}     */

      body                    {margin:0;padding:0;}

      div#header1              {position:static;display:none;}
      div.header1-1            {display:block;position:sticky;top:0;
	  
	  background:var(--color5);
						
	  }

      div.header-flex              {flex-wrap:wrap;flex-direction:column;}
      div.header-flex div          {text-align:center;}
      div.header-flex2              {display:none;}

      
      div.header-logo a:link img    {width:fit-content;height:fit-content;width:60vmin;}
      div.header-logo a             {display:inline-block;height:100%;}
      
      div.showTopMenu               {display:none;width:100%;background:#888;color:#fff;font-weight:bold;padding:10px;margin:10px 0px;text-align:right;border:1px solid #eee;}


      A:Link.menuLink     {color:var(--colorW);background:var(--color1);font-size:16px;font-weight:300;letter-spacing:3px;text-transform:uppercase;display:inline-flex;align-items:center;flex-direction:row;padding:5px 10px;text-align:center;white-space:nowrap;text-decoration:none;position:relative;}
      A:Visited.menuLink 	{color:var(--colorW);background:var(--color1);font-size:16px;font-weight:300;inline-flex;text-transform:uppercase;align-items:center;flex-direction:row;text-decoration:none;}
      A:Hover.menuLink 	  {color:var(--colorW);background:var(--color1);font-size:16px;font-weight:300;inline-flex;align-items:center;text-transform:uppercase;flex-direction:row;text-decoration:none;}
     
      A:Link.menuLinkAct    {color:var(--colorB);background:var(--color4);font-size:16px;font-weight:bold;}
      A:Visited.menuLinkAct {color:var(--colorB);background:var(--color4);font-size:16px;font-weight:bold;}
  
      
      div.submenu       {display:none;}
  


      div.smallHeaderSub            {padding: 20px 5px 10px 5px;}

      div.header-menu               {min-height:30px;position:relative;}
      div.header-menu .navigation  {flex-wrap:wrap;flex-direction:column;display:none;text-align:center;}
      div.smallHeaderSub .navigation {flex-wrap:wrap;flex-direction:column;text-align:center;height:fit-content;}

      a:Link.menuLink              {font-size:2vmax;width:100%; justify-content: center;; padding:5px;background:#888;margin-bottom:4px;}

      div.header-logo            {white-space:nowrap;vertical-align:middle;position:relative;} 
      div.header-contact           {white-space:nowrap;} 
      div.topPhone                  {margin-bottom:10px;}
      div.topPhone    a             {font-size:5vmax;} 
      div.topMail     a             {font-size:3vmax;} 

      

      div.mainText            {width:100%;margin:0px 20px 0px 0px;padding:15px;}
      div.mainText img        {max-width:100% !important;height:auto !important;margin:0;text-align:center;}
  
      div.mainTextTopping3     {width:100%;border:1px solid #0f0;}




      div.pluses              {display:block;margin:0px auto;}
      p.plus                  {display:block;flex:0;width:100%;border:1px solid #888;margin:5 0;padding:15;box-shadow:none;}
      p.plus::before          {content:'';}

      div.catalogList         {display:block;flex:0;}
      div.catalogListElm      {flex:0;width:100%;display:block;margin:20px 0px;min-height:250px;height:fit-content;}
      div.catalogListElm a div      {background-size:contain;height:200px;}
		
		div.catalogListElm a p.tit   {margin:15px;}
		div.catalogListElm a p.txt   {margin:15px;font-weight:normal;text-align:center;}

      .cardImagesContainer {width:100%;height:fit-content;position:relative;overflow:hidden;}
    
      .cardImages       {display:flex;padding:5px 5px 30px 5px;overflow-x:scroll;flex-wrap:nowrap;overscroll-behavior:contain;-webkit-overflow-scrolling: touch;touch-action: pan-x;scroll-snap-type: x mandatory;scroll-snap-stop: always;}
      .cardImages img   {width:95%;height:auto;flex-shrink:0;scroll-snap-align: center;scroll-padding-inline-start: 50px;padding:1px;}
      .cardImages img:not(:last-child) {margin-right:10px;}


      div#backFormClick {}
      div#backFormContent {width:100%;}

      div.footer          {position:absolute;width:100%;left:0;display:block;border-top:3px solid #ccc;margin-top:100px;padding:10 30px 0;
                            flex-direction:unset;flex-wrap:unset;align-items:unset;justify-content:unset;padding:0;
                          }
      div.footer div.footer1      {width:100%;max-width:100%;padding:20px;text-align:left;}
      div.footer div.footer2      {width:100%;max-width:100%;padding:20px;text-align:left;}
      div.footer div.footer3      {width:100%;max-width:100%;padding:20px;text-align:left;}

      div.footer1 div p,a    {font-size:130%;}
	  div.footer2 div p,a    {font-size:100%;}

      div.footer div.footer1 img {width:200px;text-align:left;}
	  
	  div.footer2 			{display:block;font-size:100%;}
	  div.footer2 div		{margin-bottom:40px;font-size:100%;}
	  
	  
      div.footermax         {border-top:0px;}
    
      .svg     {width:60%;}
   
     

    }