/**/
/* FLEX */
/**/

/* Блок */
    .displayBlock { display: block; }
    .displayInline { display: inline-block; }
    .blockCenter { margin-left: auto !important; margin-right: auto !important; }
    .blockHidden { overflow: hidden !important; }
    .hide { display: none !important; }   
    
    .txtUppercase    { text-transform: uppercase; }
    .txtLowercase    { text-transform: lowercase; }
    .txtCapitalize   { text-transform: capitalize; }  
    
  /* Центровка теста по горизонтали */
    .txtLeft    { text-align: left; } 
    .txtCenter  { text-align: center; }
    .txtRight   { text-align: right; }
    .txtJustify { text-align: justify; }
    
  /* Центровка теста по вертикали */ 
    .txtTop     { vertical-align: top; }
    .txtMiddle  { vertical-align: middle; }
    .txtBotttom { vertical-align: bottom; }
  
  /* Flex */
    .flex, .flexV {
      display: -webkit-box !important;
      display: -webkit-flex !important;
      display: -moz-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
      
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      
      -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;

      /* Направление главной оси flex-direction */
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }
  
  .flexV {
    /* Направление главной оси flex-direction */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column; 
    -ms-flex-direction: column;
    flex-direction: column;   
  }
  
  .flex.noBasis, .flexV.noBasis {
    -webkit-flex-basis: auto !important;
    -ms-flex-preferred-size: auto !important;
    flex-basis: auto !important;
  }
  
  /* Многострочность элементов flex-wrap */
    .fxWrap {
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    }
    
  /* разположение элементов во flex */
    
    .fxTopLeft, .fxTopCenter, .fxTopRight {
      /* Выравнивание контейнеров по горизонтали justify-content */
      -webkit-box-pack:start; 
      -webkit-justify-content:start;
      -ms-flex-pack:start;
      justify-content:flex-start;
      
      /* Выравнивание контейнеров по вертикали align-items */
      -webkit-box-align:stretch;  
      -webkit-align-items:stretch;
      -ms-flex-align:stretch;
      align-items:stretch;
      
      /* Выравнивание содержимого контейнера Flex по вертикали */
      -webkit-align-content:stretch;
      -ms-flex-line-pack:stretch;
      align-content:stretch;
    }
    
    .fxTopCenter {    
      /* Выравнивание контейнеров по горизонтали justify-content */
      -webkit-box-pack:center;
      -webkit-justify-content:center;
      -ms-flex-pack:center;
      justify-content:center;
    }
    
    .fxTopRight {
      /* Выравнивание контейнеров по горизонтали justify-content */
      -webkit-box-pack:end; 
      -webkit-justify-content:flex-end;
      -ms-flex-pack:end;
      justify-content:flex-end;
    }
    
    .fxMidLeft, .fxMidCenter, .fxMidRight {
      /* Выравнивание контейнеров по горизонтали justify-content */
      -webkit-box-pack:start; 
      -webkit-justify-content:start;
      -ms-flex-pack:start;
      justify-content:flex-start;
      
      /* Выравнивание контейнеров по вертикали align-items */
      -webkit-box-align:center;
      -webkit-align-items:center;
      -ms-flex-align:center;
      align-items:center;
      
      /* Выравнивание содержимого контейнера Flex по вертикали */
      -webkit-align-content:stretch;
      -ms-flex-line-pack:stretch;
      align-content:stretch;
    }
    
    .fxMidCenter {    
      /* Выравнивание контейнеров по горизонтали justify-content */
      -webkit-box-pack:center;
      -webkit-justify-content:center;
      -ms-flex-pack:center;
      justify-content:center;
    }
    
    .fxMidRight {
      /* Выравнивание контейнеров по горизонтали justify-content */
      -webkit-box-pack:end; 
      -webkit-justify-content:flex-end;
      -ms-flex-pack:end;
      justify-content:flex-end;
    }
    
    .fxBotLeft, .fxBotCenter, .fxBotRight {
      /* Выравнивание контейнеров по горизонтали justify-content */
      -webkit-box-pack:start; 
      -webkit-justify-content:start;
      -ms-flex-pack:start;
      justify-content:flex-start;
      
      /* Выравнивание контейнеров по вертикали align-items */
      -webkit-box-align:end;
      -webkit-align-items:flex-end;
      -ms-flex-align:end;
      align-items:flex-end;
      
      /* Выравнивание содержимого контейнера Flex по вертикали */
      -webkit-align-content:stretch;
      -ms-flex-line-pack:stretch;
      align-content:stretch;
    }
    
    .fxBotCenter {    
      /* Выравнивание контейнеров по горизонтали justify-content */
      -webkit-box-pack:center;
      -webkit-justify-content:center;
      -ms-flex-pack:center;
      justify-content:center;
    }
    
    .fxBotRight {
      /* Выравнивание контейнеров по горизонтали justify-content */
      -webkit-box-pack:end; 
      -webkit-justify-content:flex-end;
      -ms-flex-pack:end;
      justify-content:flex-end;
    }
    
    .fxRowFull {
      -webkit-box-align: stretch !important;
      -webkit-align-items: stretch !important;
      -ms-flex-align: stretch !important;
      align-items: stretch !important;
    }

  /* Отношение элементов друг к другу */ 
    .fxX1{ -webkit-box-flex:1; -webkit-flex-grow: 1; -ms-flex-positive:1; flex-grow:1; }
    .fxX2{ -webkit-box-flex:2; -webkit-flex-grow: 2; -ms-flex-positive:2; flex-grow:2; }
    .fxX3{ -webkit-box-flex:3; -webkit-flex-grow: 3; -ms-flex-positive:3; flex-grow:3; }
    .fxX4{ -webkit-box-flex:4; -webkit-flex-grow: 4; -ms-flex-positive:4; flex-grow:4; }

  /* Размер элемента */
    .fxMain { -webkit-box-flex:1; -ms-flex:1; flex:1; }
    .fxAuto { -webkit-box-flex:auto; -ms-flex:auto; flex:auto; }

  /* Flex Order */
    .fxOrd1  { -webkit-box-ordinal-group:2;  -ms-flex-order:1;  order:1;  }
    .fxOrd2  { -webkit-box-ordinal-group:3;  -ms-flex-order:2;  order:2;  }
    .fxOrd3  { -webkit-box-ordinal-group:4;  -ms-flex-order:3;  order:3;  }
    .fxOrd4  { -webkit-box-ordinal-group:5;  -ms-flex-order:4;  order:4;  }
    .fxOrd5  { -webkit-box-ordinal-group:6;  -ms-flex-order:5;  order:5;  }
    .fxOrd6  { -webkit-box-ordinal-group:7;  -ms-flex-order:6;  order:6;  }
    .fxOrd7  { -webkit-box-ordinal-group:8;  -ms-flex-order:7;  order:7;  }
    .fxOrd8  { -webkit-box-ordinal-group:9;  -ms-flex-order:8;  order:8;  }
    .fxOrd9  { -webkit-box-ordinal-group:10; -ms-flex-order:9;  order:9;  }
    .fxOrd10 { -webkit-box-ordinal-group:11; -ms-flex-order:10; order:10; }
    .fxOrd11 { -webkit-box-ordinal-group:12; -ms-flex-order:11; order:11; }
    .fxOrd12 { -webkit-box-ordinal-group:13; -ms-flex-order:12; order:12; }
    .fxOrd13 { -webkit-box-ordinal-group:14; -ms-flex-order:13; order:13; }
    .fxOrd14 { -webkit-box-ordinal-group:15; -ms-flex-order:14; order:14; }
    .fxOrd15 { -webkit-box-ordinal-group:16; -ms-flex-order:15; order:15; }
    
  /** WIDTH **/
  .w1  { width:1%;  max-width:1%; }
  .w2  { width:2%;  max-width:2%; }
  .w3  { width:3%;  max-width:3%; }
  .w4  { width:4%;  max-width:4%; }
  .w5  { width:5%;  max-width:5%; }
  .w6  { width:6%;  max-width:6%; }
  .w7  { width:7%;  max-width:7%; }
  .w8  { width:8%;  max-width:8%; }
  .w9  { width:9%;  max-width:9%; }
  .w10 { width:10%; max-width:10%; }
  .w11 { width:11%; max-width:11%; }
  .w12 { width:12%; max-width:12%; }
  .w13 { width:13%; max-width:13%; }
  .w14 { width:14%; max-width:14%; }
  .w15 { width:15%; max-width:15%; }
  .w16 { width:16%; max-width:16%; }
  .w17 { width:17%; max-width:17%; }
  .w18 { width:18%; max-width:18%; }
  .w19 { width:19%; max-width:19%; }
  .w20 { width:20%; max-width:20%; }  
  .w21 { width:21%; max-width:21%; }
  .w22 { width:22%; max-width:22%; }
  .w23 { width:23%; max-width:23%; }
  .w24 { width:24%; max-width:24%; }
  .w25 { width:25%; max-width:25%; }
  .w26 { width:26%; max-width:26%; }
  .w27 { width:27%; max-width:27%; }
  .w28 { width:28%; max-width:28%; }
  .w29 { width:29%; max-width:29%; }
  .w30 { width:30%; max-width:30%; }
  .w31 { width:31%; max-width:31%; }
  .w32 { width:32%; max-width:32%; }
  .w33 { width:33%; max-width:33%; }
  .w34 { width:34%; max-width:34%; }
  .w35 { width:35%; max-width:35%; }
  .w36 { width:36%; max-width:36%; }
  .w37 { width:37%; max-width:37%; }
  .w38 { width:38%; max-width:38%; }
  .w39 { width:39%; max-width:39%; }
  .w40 { width:40%; max-width:40%; }
  .w41 { width:41%; max-width:41%; }
  .w42 { width:42%; max-width:42%; }
  .w43 { width:43%; max-width:43%; }
  .w44 { width:44%; max-width:44%; }
  .w45 { width:45%; max-width:45%; }
  .w46 { width:46%; max-width:46%; }
  .w47 { width:47%; max-width:47%; }
  .w48 { width:48%; max-width:48%; }
  .w49 { width:49%; max-width:49%; }
  .w50 { width:50%; max-width:50%; }
  .w51 { width:51%; max-width:51%; }
  .w52 { width:52%; max-width:52%; }
  .w53 { width:53%; max-width:53%; }
  .w54 { width:54%; max-width:54%; }
  .w55 { width:55%; max-width:55%; }
  .w56 { width:56%; max-width:56%; }
  .w57 { width:57%; max-width:57%; }
  .w58 { width:58%; max-width:58%; }
  .w59 { width:59%; max-width:59%; }
  .w60 { width:60%; max-width:60%; }
  .w61 { width:61%; max-width:61%; }
  .w62 { width:62%; max-width:62%; }
  .w63 { width:63%; max-width:63%; }
  .w64 { width:64%; max-width:64%; }
  .w65 { width:65%; max-width:65%; }
  .w66 { width:66%; max-width:66%; }
  .w67 { width:67%; max-width:67%; }
  .w68 { width:68%; max-width:68%; }
  .w69 { width:69%; max-width:69%; }
  .w70 { width:70%; max-width:70%; }
  .w71 { width:71%; max-width:71%; }
  .w72 { width:72%; max-width:72%; }
  .w73 { width:73%; max-width:73%; }
  .w74 { width:74%; max-width:74%; }
  .w75 { width:75%; max-width:75%; }
  .w76 { width:76%; max-width:76%; }
  .w77 { width:77%; max-width:77%; }
  .w78 { width:78%; max-width:78%; }
  .w79 { width:79%; max-width:79%; }
  .w80 { width:80%; max-width:80%; }
  .w81 { width:81%; max-width:81%; }
  .w82 { width:82%; max-width:82%; }
  .w83 { width:83%; max-width:83%; }
  .w84 { width:84%; max-width:84%; }
  .w85 { width:85%; max-width:85%; }
  .w86 { width:86%; max-width:86%; }
  .w87 { width:87%; max-width:87%; }
  .w88 { width:88%; max-width:88%; }
  .w89 { width:89%; max-width:89%; }
  .w90 { width:90%; max-width:90%; }
  .w91 { width:91%; max-width:91%; }
  .w92 { width:92%; max-width:92%; }
  .w93 { width:93%; max-width:93%; }
  .w94 { width:94%; max-width:94%; }
  .w95 { width:95%; max-width:95%; }
  .w96 { width:96%; max-width:96%; }
  .w97 { width:97%; max-width:97%; }
  .w98 { width:98%; max-width:98%; }
  .w99 { width:99%; max-width:99%; }
  .w100{ width:100%; max-width:100%; }
  
  .noText {
    line-height: 1px;
    display: inline-block;
  }

  .noText.block {
    display: block;
  }


  .fxLeft3 > .item + .item {
    margin-left: 3px;
  }
  
  .fxLeft5 > .item + .item {
    margin-left: 5px;
  }
  
  .fxLeft10 > .item + .item {
    margin-left: 10px;
  }
  
  .fxLeft15 > .item + .item {
    margin-left: 15px;
  }
  
  .fxLeft20 > .item + .item {
    margin-left: 20px;
  }
  
  .fxLeft25 > .item + .item {
    margin-left: 25px;
  }
  
  @media (min-width: 1px) AND (max-width: 1100px) {
  
    .minHeightAuto { height: auto !important; overflow: hidden; }
    .minShow { display: block !important; } /* minBlockShow */
    .minShowInline { display: inline-block !important; } /* minBlockShow */   
    .minHide { display: none !important; } /* minBlockHide */
    .minBlockCenter { margin-left: auto !important; margin-right: auto !important; }
    
    
  /* Центровка теста по горизонтали */
    .minTxtLeft    { text-align: left !important; } 
    .minTxtCenter  { text-align: center !important; }
    .minTxtRight   { text-align: right !important; }
    .minTxtJustify { text-align: justify !important; }

  /* Центровка теста по вертикали */ 
    .minTxtTop     { vertical-align: top !important; }
    .minTxtMiddle  { vertical-align: middle !important; }
    .minTxtBotttom { vertical-align: bottom !important; } 
  
  /* Направление главной оси flex-direction */
    .minFlex {
      -webkit-box-orient: horizontal !important;
      -webkit-box-direction: normal !important;
      -webkit-flex-direction: row !important;
      -ms-flex-direction: row !important;
      flex-direction: row !important;
    }

    .minFlexV {
      -webkit-box-orient: vertical !important;
      -webkit-box-direction: normal !important;
      -webkit-flex-direction: column !important;  
      -ms-flex-direction: column !important;
      flex-direction: column !important;    
    }
  
    .minFxWrap {
      -webkit-flex-wrap: wrap !important;
      -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
    }
    
    .minFxMain { -webkit-box-flex:1 !important; -ms-flex:1 !important; flex:1 !important; }
    .minFxAuto { -webkit-box-flex:auto !important; -ms-flex:auto !important; flex:auto !important; }
  
    /* FLEX Выравнивание */
    .minFxTopLeft, .minFxTopCenter, .minFxTopRight {
      /* Выравнивание контейнеров по горизонтали justify-content */
      -webkit-box-pack:start !important;  
      -webkit-justify-content:start !important;
      -ms-flex-pack:start !important;
      justify-content:flex-start !important;
      
      /* Выравнивание контейнеров по вертикали align-items */
      -webkit-box-align:stretch !important; 
      -webkit-align-items:stretch !important;
      -ms-flex-align:stretch !important;
      align-items:stretch !important;
      
      /* Выравнивание содержимого контейнера Flex по вертикали */
      -webkit-align-content:stretch !important;
      -ms-flex-line-pack:stretch !important;
      align-content:stretch !important;
    }
      
    .minFxTopCenter {   
      /* Выравнивание контейнеров по горизонтали justify-content */
      -webkit-box-pack:center !important;
      -webkit-justify-content:center !important;
      -ms-flex-pack:center !important;
      justify-content:center !important;
    }
    
    .minFxTopRight {
      /* Выравнивание контейнеров по горизонтали justify-content */
      -webkit-box-pack:end !important;  
      -webkit-justify-content:flex-end !important;
      -ms-flex-pack:end !important;
      justify-content:flex-end !important;
    }
    
    .minFxMidLeft, .minFxMidCenter, .minFxMidRight {
      /* Выравнивание контейнеров по горизонтали justify-content */
      -webkit-box-pack:start !important;  
      -webkit-justify-content:start !important;
      -ms-flex-pack:start !important;
      justify-content:flex-start !important;
      
      /* Выравнивание контейнеров по вертикали align-items */
      -webkit-box-align:center !important;
      -webkit-align-items:center !important;
      -ms-flex-align:center !important;
      align-items:center !important;
      
      /* Выравнивание содержимого контейнера Flex по вертикали */
      -webkit-align-content:stretch !important;
      -ms-flex-line-pack:stretch !important;
      align-content:stretch !important;
    }
    
    .minFxMidCenter {   
      /* Выравнивание контейнеров по горизонтали justify-content */
      -webkit-box-pack:center !important;
      -webkit-justify-content:center !important;
      -ms-flex-pack:center !important;
      justify-content:center !important;
    }
    
    .minFxMidRight {
      /* Выравнивание контейнеров по горизонтали justify-content */
      -webkit-box-pack:end !important;  
      -webkit-justify-content:flex-end !important;
      -ms-flex-pack:end !important;
      justify-content:flex-end !important;
    }
    
    .minFxBotLeft, .minFxBotCenter, .minFxBotRight {
      /* Выравнивание контейнеров по горизонтали justify-content */
      -webkit-box-pack:start !important;  
      -webkit-justify-content:start !important;
      -ms-flex-pack:start !important;
      justify-content:flex-start !important;
      
      /* Выравнивание контейнеров по вертикали align-items */
      -webkit-box-align:end !important;
      -webkit-align-items:flex-end !important;
      -ms-flex-align:end !important;
      align-items:flex-end !important;
      
      /* Выравнивание содержимого контейнера Flex по вертикали */
      -webkit-align-content:stretch !important;
      -ms-flex-line-pack:stretch !important;
      align-content:stretch !important;
    }
    
    .minFxBotCenter {   
      /* Выравнивание контейнеров по горизонтали justify-content */
      -webkit-box-pack:center !important;
      -webkit-justify-content:center !important;
      -ms-flex-pack:center !important;
      justify-content:center !important;
    }
    
    .minFxBotRight {
      /* Выравнивание контейнеров по горизонтали justify-content */
      -webkit-box-pack:end !important;  
      -webkit-justify-content:flex-end !important;
      -ms-flex-pack:end !important;
      justify-content:flex-end !important;
    }
    
    /** FLEX ORDER **/
    .minFxOrd1  { -webkit-box-ordinal-group:2  !important; -ms-flex-order:1  !important; order:1  !important; }
    .minFxOrd2  { -webkit-box-ordinal-group:3  !important; -ms-flex-order:2  !important; order:2  !important; }
    .minFxOrd3  { -webkit-box-ordinal-group:4  !important; -ms-flex-order:3  !important; order:3  !important; }
    .minFxOrd4  { -webkit-box-ordinal-group:5  !important; -ms-flex-order:4  !important; order:4  !important; }
    .minFxOrd5  { -webkit-box-ordinal-group:6  !important; -ms-flex-order:5  !important; order:5  !important; }
    .minFxOrd6  { -webkit-box-ordinal-group:7  !important; -ms-flex-order:6  !important; order:6  !important; }
    .minFxOrd7  { -webkit-box-ordinal-group:8  !important; -ms-flex-order:7  !important; order:7  !important; }
    .minFxOrd8  { -webkit-box-ordinal-group:9  !important; -ms-flex-order:8  !important; order:8  !important; }
    .minFxOrd9  { -webkit-box-ordinal-group:10 !important; -ms-flex-order:9  !important; order:9  !important; }
    .minFxOrd10 { -webkit-box-ordinal-group:11 !important; -ms-flex-order:10 !important; order:10 !important; }
    .minFxOrd11 { -webkit-box-ordinal-group:12 !important; -ms-flex-order:11 !important; order:11 !important; }
    .minFxOrd12 { -webkit-box-ordinal-group:13 !important; -ms-flex-order:12 !important; order:12 !important; }
    .minFxOrd13 { -webkit-box-ordinal-group:14 !important; -ms-flex-order:13 !important; order:13 !important; }
    .minFxOrd14 { -webkit-box-ordinal-group:15 !important; -ms-flex-order:14 !important; order:14 !important; }
    .minFxOrd15 { -webkit-box-ordinal-group:16 !important; -ms-flex-order:15 !important; order:15 !important; }
  
    /* min width */ 
    .minW1  { width:1%  !important; max-width:1%  !important; }
    .minW2  { width:2%  !important; max-width:2%  !important; }
    .minW3  { width:3%  !important; max-width:3%  !important; }
    .minW4  { width:4%  !important; max-width:4%  !important; }
    .minW5  { width:5%  !important; max-width:5%  !important; }
    .minW6  { width:6%  !important; max-width:6%  !important; }
    .minW7  { width:7%  !important; max-width:7%  !important; }
    .minW8  { width:8%  !important; max-width:8%  !important; }
    .minW9  { width:9%  !important; max-width:9%  !important; }
    .minW10 { width:10% !important; max-width:10% !important; }
    .minW11 { width:11% !important; max-width:11% !important; }
    .minW12 { width:12% !important; max-width:12% !important; }
    .minW13 { width:13% !important; max-width:13% !important; }
    .minW14 { width:14% !important; max-width:14% !important; }
    .minW15 { width:15% !important; max-width:15% !important; }
    .minW16 { width:16% !important; max-width:16% !important; }
    .minW17 { width:17% !important; max-width:17% !important; }
    .minW18 { width:18% !important; max-width:18% !important; }
    .minW19 { width:19% !important; max-width:19% !important; }
    .minW20 { width:20% !important; max-width:20% !important; }
    .minW21 { width:21% !important; max-width:21% !important; }
    .minW22 { width:22% !important; max-width:22% !important; }
    .minW23 { width:23% !important; max-width:23% !important; }
    .minW24 { width:24% !important; max-width:24% !important; }
    .minW25 { width:25% !important; max-width:25% !important; }
    .minW26 { width:26% !important; max-width:26% !important; }
    .minW27 { width:27% !important; max-width:27% !important; }
    .minW28 { width:28% !important; max-width:28% !important; }
    .minW29 { width:29% !important; max-width:29% !important; }
    .minW30 { width:30% !important; max-width:30% !important; }
    .minW31 { width:31% !important; max-width:31% !important; }
    .minW32 { width:32% !important; max-width:32% !important; }
    .minW33 { width:33% !important; max-width:33% !important; }
    .minW34 { width:34% !important; max-width:34% !important; }
    .minW35 { width:35% !important; max-width:35% !important; }
    .minW36 { width:36% !important; max-width:36% !important; }
    .minW37 { width:37% !important; max-width:37% !important; }
    .minW38 { width:38% !important; max-width:38% !important; }
    .minW39 { width:39% !important; max-width:39% !important; }
    .minW40 { width:40% !important; max-width:40% !important; }
    .minW41 { width:41% !important; max-width:41% !important; }
    .minW42 { width:42% !important; max-width:42% !important; }
    .minW43 { width:43% !important; max-width:43% !important; }
    .minW44 { width:44% !important; max-width:44% !important; }
    .minW45 { width:45% !important; max-width:45% !important; }
    .minW46 { width:46% !important; max-width:46% !important; }
    .minW47 { width:47% !important; max-width:47% !important; }
    .minW48 { width:48% !important; max-width:48% !important; }
    .minW49 { width:49% !important; max-width:49% !important; }
    .minW50 { width:50% !important; max-width:50% !important; }
    .minW51 { width:51% !important; max-width:51% !important; }
    .minW52 { width:52% !important; max-width:52% !important; }
    .minW53 { width:53% !important; max-width:53% !important; }
    .minW54 { width:54% !important; max-width:54% !important; }
    .minW55 { width:55% !important; max-width:55% !important; }
    .minW56 { width:56% !important; max-width:56% !important; }
    .minW57 { width:57% !important; max-width:57% !important; }
    .minW58 { width:58% !important; max-width:58% !important; }
    .minW59 { width:59% !important; max-width:59% !important; }
    .minW60 { width:60% !important; max-width:60% !important; }
    .minW61 { width:61% !important; max-width:61% !important; }
    .minW62 { width:62% !important; max-width:62% !important; }
    .minW63 { width:63% !important; max-width:63% !important; }
    .minW64 { width:64% !important; max-width:64% !important; }
    .minW65 { width:65% !important; max-width:65% !important; }
    .minW66 { width:66% !important; max-width:66% !important; }
    .minW67 { width:67% !important; max-width:67% !important; }
    .minW68 { width:68% !important; max-width:68% !important; }
    .minW69 { width:69% !important; max-width:69% !important; }
    .minW70 { width:70% !important; max-width:70% !important; }
    .minW71 { width:71% !important; max-width:71% !important; }
    .minW72 { width:72% !important; max-width:72% !important; }
    .minW73 { width:73% !important; max-width:73% !important; }
    .minW74 { width:74% !important; max-width:74% !important; }
    .minW75 { width:75% !important; max-width:75% !important; }
    .minW76 { width:76% !important; max-width:76% !important; }
    .minW77 { width:77% !important; max-width:77% !important; }
    .minW78 { width:78% !important; max-width:78% !important; }
    .minW79 { width:79% !important; max-width:79% !important; }
    .minW80 { width:80% !important; max-width:80% !important; }
    .minW81 { width:81% !important; max-width:81% !important; }
    .minW82 { width:82% !important; max-width:82% !important; }
    .minW83 { width:83% !important; max-width:83% !important; }
    .minW84 { width:84% !important; max-width:84% !important; }
    .minW85 { width:85% !important; max-width:85% !important; }
    .minW86 { width:86% !important; max-width:86% !important; }
    .minW87 { width:87% !important; max-width:87% !important; }
    .minW88 { width:88% !important; max-width:88% !important; }
    .minW89 { width:89% !important; max-width:89% !important; }
    .minW90 { width:90% !important; max-width:90% !important; }
    .minW91 { width:91% !important; max-width:91% !important; }
    .minW92 { width:92% !important; max-width:92% !important; }
    .minW93 { width:93% !important; max-width:93% !important; }
    .minW94 { width:94% !important; max-width:94% !important; }
    .minW95 { width:95% !important; max-width:95% !important; }
    .minW96 { width:96% !important; max-width:96% !important; }
    .minW97 { width:97% !important; max-width:97% !important; }
    .minW98 { width:98% !important; max-width:98% !important; }
    .minW99 { width:99% !important; max-width:99% !important; }
    .minW100{ width:100% !important; max-width:100% !important; }
  
  }
  
  .sizeTitle {
    margin-top: 20px;
    font-size: 14px;
    font-weight: bold;
  }
  
/* визуализированный чекбокс */
  
  FORM {
    margin: 0px;
    padding: 0px;
  }

  input.formCheckbox {
    display: none !important;
  }

  input[type="checkbox"].formCheckbox + label::before, input[type="radio"].formCheckbox + label::before {
    content: "";
    display: inline-block;
    height: 20px;
    width: 20px;
    border: 1px solid #d3d3d3;
    background-color: #fff;
    margin: -1px 10px -5px -30px;
  }

  input[type="checkbox"].formCheckbox + label, input[type="radio"].formCheckbox + label {
    font-size: 14px;
    line-height: 20px; /* 16px? */
    display: block;
    width: 100%;
    font-weight: 400;
    color: #5c6e80;
    cursor: pointer;
    padding: 0px 5px 0px 30px;
    margin-bottom: 0;
    transition: all 0.3s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;  
  }

  input[type="checkbox"].formCheckbox:checked + label::before, input[type="radio"].formCheckbox:checked + label::before, input.formCheckbox.checked + label::before {
    border: none !important;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='20' height='20' fill='%23000000'/%3E%3Cpath d='M14.4131 5.49414L16 7.08112L8.57656 14.5046L4 9.92811L5.58693 8.34113L8.57656 11.3307L14.4131 5.49414Z' fill='white'/%3E%3C/svg%3E%0A");
    background-color: none;
  }
  
  .header_newtop input[type="checkbox"].formCheckbox + label, .header_newtop input[type="radio"].formCheckbox + label {
    padding: 0px 0px 0px 10px;
    width: auto;
  }

  input[type="checkbox"].formCheckbox.lock:checked + label::before, input[type="radio"].formCheckbox.lock:checked + label::before, input.formCheckbox.checked + label::before {
    border: none !important;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='20' height='20' fill='%23238445'/%3E%3Cpath d='M14.4131 5.49414L16 7.08112L8.57656 14.5046L4 9.92811L5.58693 8.34113L8.57656 11.3307L14.4131 5.49414Z' fill='white'/%3E%3C/svg%3E%0A");
    background-color: none;
  }

  input[type="checkbox"].formCheckbox.lock:disabled + label, input[type="radio"].formCheckbox.lock:disabled + label {
    color: #5c6e80;
    text-decoration: none;
  }
  
  input[type="checkbox"].formCheckbox:disabled + label, input[type="radio"].formCheckbox:disabled + label {
    color: #aaa;
    text-decoration: line-through;
  }
  
  input[type="checkbox"].formCheckbox.notcross:disabled + label, input[type="radio"].formCheckbox.notcross:disabled + label {
    text-decoration: none;
  }
  
  input[type="checkbox"].formCheckbox:disabled + label b.dark, input[type="radio"].formCheckbox:disabled + label b.dark {
    color: #bbb;
  }
  
/* альтернативная выборка размеров */

  div.selectParams {
  }
  
  .filterContent div.selectParams {
    margin-top: 5px;
  }
  
  div.selectParams .selectParamsItem {
    margin: 0px 5px 5px 0px;
  }
  
  div.selectParams.desktop > .selectParamsItem {
    margin: 5px 5px 5px 5px !important;
  }
  
  div.selectParams.mobile > .selectParamsItem {
    margin: 5px !important;
  }
  
  div.selectParams input[type="checkbox"], div.selectParams input[type="radio"] {
    display: none !important;
  }
  
  /* элемент включен */
  div.selectParams input[type="checkbox"] + label, div.selectParams input[type="radio"] + label {
    border: 1px solid #565656;
    min-width: 42px;
    line-height: 40px;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    padding: 0px 10px;
    display: block;
    font-family: Arial, sans-serif;
    cursor: pointer;
  }
  
  /* элемент выключен */
  div.selectParams input[type="checkbox"]:disabled + LABEL, div.selectParams input[type="radio"]:disabled + LABEL {
    background-color: #f4f4f4;
    border: 1px solid #f4f4f4;
    color: #7c7c7c;
  }

  /* фильтры размеров для монитора */
  
  div.selectParams.desktopDevice input[type="checkbox"] + label, div.selectParams.desktopDevice input[type="radio"] + label {
    min-width: 30px;
    font-size: 14px;
    color: #585858;
    line-height: 35px;
    font-family: Arial, sans-serif;
    border-radius: 5px;
  }
  
  /* элемент выбран */
  div.selectParams input[type="checkbox"]:checked + label, div.selectParams input[type="radio"]:checked + label, div.selectParams input.checked + label {
    border: 1px solid #000;
    background: #000;
    color: #fff;
  }

  /*
  div.selectParams input[type="radio"] + label:hover {
    background: #dedede;
  }*/
  
  /* смена размера */
  .selectParams.changeSize {
    margin: 20px 0px 10px 0px;
  }

/**/
/* таблица размеров */
/**/

  .tableSizeMark > table {
    border:1px solid #AAA;
    border-collapse: collapse;
    font-size: 14px;
    width: 100%;
    margin-top: 20px;
  }
  
  .tableSizeMark > table + * {
    margin-top: 20px;
  }


  .tableSizeMark > table td  {
    border:1px solid #AAA;
    text-align: center;
    border-collapse: collapse;
  }

  .tableSizeMark > table thead {
    background: #f0eadd;
    font-weight:bold;
  }
  
  .tableSizeMark > table tr:hover, .tableSizeMark > table tr:nth-child(2n+2):hover {
    background: #ddf0e5; 
  }

  .tableSizeMark > table td.bb {
    font-weight:bold;
  }
  
  .tableSizeMark > table td, .tableSizeMark > table th {
    padding:5px;
    text-align:center;
    border:1px solid #AAA; 
    vertical-align: middle !important;
  }

  .tableSizeMark > table th p, .tableSizeMark > table td p {
    margin-bottom: 0px !important;
  }

  .tableSizeMark > table tr:first-child td, .tableSizeMark > table tr:first-child td p, .tableSizeMark > table tr:first-child td p strong {
    font-weight: bold !important;
    color: #313131 !important;
  }

  .tableSizeMark > table tbody tr:nth-child(2n+2) {
    background-color: #ededed;
  }

  .productParams table + p {
    margin-top: 20px;
  }
  
  .nowrap { white-space: nowrap; }
  
  .unSelect {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  
  .click {
    cursor: pointer;
  }

/* всплывающие контакты */
#contacts-bubble, .contacts-bubble-block {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#contacts-bubble {
  position: fixed;
  z-index: 2;
  bottom: 25px;
  left: 25px;
  padding: 20px;
}
.contacts-bubble-button-wrapper {
  width: 44px;
  height: 44px;
  margin: 0;
  z-index: 3;
}
.contacts-bubble-wrapper {
  width: 38px;
  height: 38px;
}
.contacts-bubble-button-wrapper, .contacts-bubble-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  cursor: pointer;
}
.contacts-bubble-wrapper {
  margin-bottom: 10px;
}

.contacts-bubble-button-wrapper img {
  width: 26px;
  margin: 3px 0 0 1px;
}
.viber-bubble img {
  width: 26px;
}
.whatsapp-bubble img {
  width: 24px;
}
.telegram-bubble img {
  width: 24px;
  margin: 0 3px 0 0;
}

.contacts-bubble-wrapper {
  background-color: #fff;
  box-shadow: 0 0 2px #868686 !important;
}
.contacts-bubble-button-wrapper {
  background: #458295;
  box-shadow: 0 0 2px #539dbc !important;
  transition: opacity .5s linear;
  opacity: .75;
}
.contacts-bubble-button-wrapper:hover {
  opacity: 1;
}

@keyframes bubble-pulsation {
  from {background-color: #458295;}
  to {background-color: #51b9e5;}
}

.contacts-bubble-button-wrapper {
  animation-name: bubble-pulsation;
  animation-duration: 1s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-fill-mode: both;
}
.contacts-bubble-button-wrapper.bubbles-expanded {
  animation-duration: 5s;
}

.contacts-bubble-options {
  display:none;
}
.contacts-bubble-options.contacts-bubbles-displayed {
  display:block;
}
.slide-fade-enter-active, .slide-fade-leave-active {
  transition: opacity .3s ease-in, transform .5s ease;
  transform: translateY(0);
}
.slide-fade-enter, .slide-fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
  opacity: 0;
  transform: translateY(32px);
}

.click {
  cursor: pointer;
}

.unSelect {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* диалог новый */

.dialogBack {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition-property: opacity;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  opacity: 1;
  background: rgba(0, 0, 0, 0.5);
  z-index: 10000;
  overflow: auto;
}

.dialogBody {
  background: #f8f9fa;
  width: 100%;
  /*max-width: 90%;*/
  border: 1px solid #f0f0f0;
}

.dialogBody.right {
  margin: 30px 5px 100px auto;
}

.dialogBody.left {
  margin: 30px auto 100px 5px;
}

.dialogBack .dialogBody {
  width:	1000px;  
  margin: 30px auto 100px auto;
}

 .dialogBack .dialogBody.mobile {
  width: 100% !important;
  max-width: 1000px;
  margin: 8px auto 8px auto;
}

.dialogBack .dialogBody.w800 {
  width: 800px !important;
}

.dialogBack .dialogBody.w600 {
  width: 600px !important;
}

.dialogBack .dialogBody.w500 {
  width: 500px !important;
}

.dialogBack .dialogBody.w400 {
  width: 400px !important;
}

.dialogHead {
  padding: 15px;
}

.dialogHead .title {
  font-weight: bold;
  color: #313131;
  padding-right: 8px;
}

.dialogHead .close img {
  cursor: pointer;
}

.dialogContent {
  padding: 0px 10px 5px 10px;
}

.dialogContent.question {
  padding: 0px 15px 5px 15px;
}

.dialogText {
  color: #5e6675;
}

.dialogMessage {
  padding: 0px 15px 5px 15px;
}

.groupTitle {
  color: #313131;
  font-size: 14px;
  line-height: 14px;
  font-weight: bold;
  margin: 10px 5px 12px 5px;
}

.groupTitle b {
  color: red;
  font-weight: bold;
}

.groupTitle.warning {
  margin: 20px 5px 20px 5px;
  color: #e4472d;
}

.dialogSection {
  font-size: 14px;
  line-height: 1.35em;
  color: #000;
}

.dialogError {
  text-align: center;
  text-decoration: underline;
}

.dialogError.noForm {
  margin-top: 15px;
}

.dialogButtons {
  text-align: center;
  margin-top: 15px;
  margin-bottom: 15px;
}

/* элементы форм */

.fieldTitle {
  color: #5e6675;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 6px;
}


.fieldTitle.single {
  line-height: 30px;
  margin-bottom: 0px;
}

.formFields b {
  color: #313131;
  font-weight: bold;
}

.formFields b.red {
  color: red;
}

.fieldTitle .markText {
  color: #313131;
}

.fieldComment {
  font-size: 12px;
  line-height: 18px;
  color: #313131;
}

.formFieldHint {
  font-size: 12px;
  line-height: 18px;
  color: #868686;
  margin-top: 6px;
}

.formFieldHint b {
  color: red;
  font-weight: bold;
}

.formSelect {
  display: inline-block;
  width: 100%;
  font-size: 16px;
  padding: 0rem 1.75rem 0rem 0.75rem;
  line-height: 38px;
  color: #535c69;
  vertical-align: middle;
  background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
      background-size: auto;
  background-size: 8px 10px;
  border: 1px solid #c6cdd3;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none !important;
}

.formSelect.slim {
  line-height: 26px;
  font-size: 14px;
}

.formCapcha {
  display: block;
  margin: 0px 0px 0px 0px;
}

.formSelect option:disabled {
  background: #fafafa;
  color: #cecece;
}

.formSelect option[selected="selected"] {
  color: #000;
  background: #c3c3c3;
}

.formInput, .formFile, .formTextarea {
  display: inline-block;
  width: 100%;
  height: 40px;
  padding: 0px 12px;
  font-size: 16px;
  line-height: 40px;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  outline: none !important;
}

.formInput.slim, .formFile.slim, .formTextarea.slim {
  height: 28px;
  font-size: 14px;
}

.formFile {
  height: auto;
  line-height: 40px;
}

.formFixed {
  display: block;
  color: #495057;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  line-height: 38px;
  font-size: 16px;
  padding: 0px 0.75rem;
  background: #f5f5f5;
}

.fieldError {
  border: 1px solid #f68001 !important;
}

.formFixed.text {
  height: 90px;
}

textarea {
  resize: none;
}

.formTextarea {
  padding: 12px 12px;
  height: 90px;
  line-height: 18px;
}

.formTextarea.h120, .formFixed.h120 {
  height: 120px;
}

.formTextarea.h80, .formFixed.h80 {
  height: 80px;
}

.formTextarea.h200, .formFixed.h200 {
  height: 200px;
}

.formTextarea.h300, .formFixed.h300 {
  height: 300px;
}

.formFields .formField {
  padding: 0px 5px 15px 5px;
  position: relative;
}

.formFields .formField.variant1 {
  padding: 5px 5px 5px 5px; 
}

.radioButtons {
  display: none;
}

.radioButtons + label {
  line-height: 30px;
  padding: 0px 5px;
  font-size: 12px;
  background: #ededed;
  color: #313131;
  display: block;
  border-radius: 4px;
  cursor: pointer;
}

.radioButtons:checked + label {
  background: #b8b8b8;
  color: #313131;
}

.formButton {
  background: #3bc8f5;
  border: none;
  color: #0c5e78;
  padding: 0px 10px;
  height: 30px;
  border-radius: 0.25rem;
  font-size: 12px;
  text-transform: uppercase;
  cursor: pointer;
  font-weight: normal !important;
}

a.formButton {
  display: inline-block;
  line-height: 30px;
}

.formButton:disabled {
  background: silver !important;
  color: #313131 !important;
}

.formButton.big {
  padding: 0px 20px;
  height: 38px !important;
  font-size: 14px;
}

a.formButton.big {
  line-height: 38px;
}

.formButton:hover {
  background: #1ca1cc;
  text-decoration: none;
}

.formButton.green {
  background: #52ab78;
  color: #fff;
  font-weight: normal !important;
}

.formButton.green:hover {
  background: #35a464;
}  

.formButton.silver {
  background: #ededed;
  color: #313131;
  font-weight: normal !important;
}

.formButton.silver:hover {
  background: #cecece;
}

.formButton.black {
  background: #313131;
  color: #fff;
}

.formButton.black:hover {
  background: #000;
}
.formButton.red {
  background: #f8353e;
  color: #fff;
}
.formButton.red:hover {
  background: #f32c35;
}
.formButton.pink {
  background-color: #ef8585;
  color: #ffffff;
}

.formButton.pink:hover {
  background-color: #dc6262;
}

.formBlack {
  border: 1px solid #313131;
}

.formBeige {
  background-color: #fff6ed;
  color: #000;
  border: 1px solid #ccc;
}

.formHint {
  position: absolute;
  margin: -1px 0px 0px 5px;
  z-index: 3;
}

.formHint .arrow {
  height: 10px;
  padding-left: 10px;
}
.formHint .arrow .image {
  height: 10px;
  background: url(/img/hintArrow.png) no-repeat bottom left;
} 
.formHint .text {
  padding: 5px 8px;
  font-size: 12px;
  line-height: 12px;
  background: #424242;
  color: #fff;
}

.customTable, .customTable td {
  width: 100%;
  margin-top: 20px;
  border: 1px solid #e4e4e4;
  border-collapse: collapse;
  font-size: 14px;  
}

.customTable {
  width: 100%;
  margin-top: 10px;
}

.customTable td {
  padding: 5px;
  vertical-align: middle !important;
}

.customTable td.yellow {
  background:#FEF2A6;
}