/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*margin:верх|право|низ|лево*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

@font-face{font-family:'NotoSans-Regular';
           src:url('/iShop/libraries/fonts/NotoSans-Regular.eot');
           src:url('/iShop/libraries/fonts/NotoSans-Regular.ttf') format('truetype'),
               url('/iShop/libraries/fonts/NotoSans-Regular.woff') format('woff'),
               url('/iShop/libraries/fonts/NotoSans-Regular.svg#NotoSans-Regular') format('svg');
           font-weight:normal; font-style:normal}

@font-face{font-family:'Merriweather-Light';
           src:url('/iShop/libraries/fonts/Merriweather-Light.eot');
           src:url('/iShop/libraries/fonts/Merriweather-Light.ttf') format('truetype'),
               url('/iShop/libraries/fonts/Merriweather-Light.woff') format('woff'),
               url('/iShop/libraries/fonts/Merriweather-Light.svg#Merriweather-Light') format('svg');
           font-weight:normal; font-style:normal}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*Reset CSS*/
blockquote{margin:0px; padding:0px}
body{margin:0px; padding:0px}
dd{margin:0px; padding:0px}
dl{margin:0px; padding:0px}
dt{margin:0px; padding:0px}
fieldset{margin:0px; padding:0px}
figure{margin:0px; padding:0px}
h1{margin:0px; padding:0px}
h2{margin:0px; padding:0px}
h3{margin:0px; padding:0px}
h4{margin:0px; padding:0px}
h5{margin:0px; padding:0px}
h6{margin:0px; padding:0px}
hr{margin:0px; padding:0px; border:none; background-color:#808080; width:20%; height:1px; text-align:left}
html{margin:0px; padding:0px}
iframe{margin:0px; padding:0px}
legend{margin:0px; padding:0px}
li{margin:0px; padding:0px}
ol{margin:0px; padding:0px}
p{margin:0px; padding:0px}
pre{margin:0px; padding:0px}
textarea{margin:0px; padding:0px}
ul{margin:0px; padding:0px}
h1{margin:0px; font-size:100%; font-weight:400}
h2{margin:0px; font-size:100%; font-weight:400}
h3{margin:0px; font-size:100%; font-weight:400}
h4{margin:0px; font-size:100%; font-weight:400}
h5{margin:0px; font-size:100%; font-weight:400}
h6{margin:0px; font-size:100%; font-weight:400}
dl{margin:0px}
p{margin:0px}
ul{margin:0px}
dl{list-style:none; padding:0px}
ul{list-style:none; padding:0px}
blockquote::after{content:none}
blockquote::before{content:none}
q::after{content:none}
q::before{content:none}
button{margin:0px; padding:0px}
input{margin:0px; padding:0px}
select{margin:0px; padding:0px}
textarea{margin:0px; padding:0px}
html{box-sizing:border-box; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-font-smoothing:antialiased; text-rendering:geometricPrecision}
body{scroll-behavior:smooth}
html{scroll-behavior:smooth}
body{color:rgb(62,62,62)}
*{box-sizing:inherit}
::after{box-sizing:inherit}
::before{box-sizing:inherit}
[tabindex='-1']:focus{outline:0px !important}
embed{height:auto; max-width:100%}
iframe{height:auto; max-width:100%}
img{height:auto; max-width:100%}
object{height:auto; max-width:100%}
video{height:auto; max-width:100%}
img{}
audio{max-width:100%}
iframe{border:0px currentColor; border-image:none}
table{border-collapse:collapse; border-spacing:0}
td{padding:0px}
th{padding:0px}
td:not([align]){text-align:left}
th:not([align]){text-align:left}
article{width:100%; height:auto; display:block; margin:0 auto}
article:after{content:''; display:block; clear:both}
aside{display:block}
figure{display:block}
footer{display:block}
header{display:block}
hgroup{display:block}
section{display:block}
body{font-family:NotoSans-Regular}
button{font-family:NotoSans-Regular}
input{font-family:NotoSans-Regular}
select{font-family:NotoSans-Regular}
textarea{font-family:NotoSans-Regular}
input{margin:0px; box-shadow:none}
textarea{margin:0px; box-shadow:none}
input[type=email]{margin:0px; /*border:0px currentColor;*/ border-image:none; font-family:NotoSans-Regular; box-shadow:none; -webkit-appearance:none; -moz-appearance:none; appearance:none}
input[type=number]{margin:0px; /*border:0px currentColor;*/ border-image:none; font-family:NotoSans-Regular; box-shadow:none; -webkit-appearance:none; -moz-appearance:none; appearance:none}
input[type=search]{margin:0px; /*border:0px currentColor;*/ border-image:none; font-family:NotoSans-Regular; box-shadow:none; -webkit-appearance:none; -moz-appearance:none; appearance:none}
input[type=tel]{margin:0px; /*border:0px currentColor;*/ border-image:none; font-family:NotoSans-Regular; box-shadow:none; -webkit-appearance:none; -moz-appearance:none; appearance:none}
input[type=checkbox]{cursor:pointer; font-family:NotoSans-Regular}
input[type=button]{margin:0px; /*border:0px currentColor;*/ border-image:none; font-family:NotoSans-Regular; box-shadow:none; -webkit-appearance:none; -moz-appearance:none; appearance:none}
input[type=button]:focus{outline:none; border:#004F99 dotted 1px}
input[type=reset]{margin:0px; /*border:0px currentColor; Blocks the calendar*/ border-image:none; font-family:NotoSans-Regular; box-shadow:none; -webkit-appearance:none; -moz-appearance:none; appearance:none}
input[type=reset]:focus{outline:none; border:#004F99 dotted 1px}
input[type=submit]{margin:0px; /*border:0px currentColor; Blocks the calendar*/ border-image:none; font-family:NotoSans-Regular; box-shadow:none; -webkit-appearance:none; -moz-appearance:none; appearance:none}
input[type=submit]:focus{outline:none; border:#004F99 dotted 1px}
input[type=text]{margin:0px; /*border:0px currentColor; Blocks the calendar*/ border-image:none; font-family:NotoSans-Regular; box-shadow:none; -webkit-appearance:none; -moz-appearance:none; appearance:none}
input[type=text]:focus{outline:none; border:#000000 solid 1px}
input[type=password]{margin:0px; /*border:0px currentColor; Blocks the calendar*/ border-image:none; font-family:NotoSans-Regular; box-shadow:none; -webkit-appearance:none; -moz-appearance:none; appearance:none}
input[type=password]:focus{outline:none; border:#000000 solid 1px}
select{margin:0px; border:0px currentColor; border-image:none; font-family:NotoSans-Regular; box-shadow:none; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
select:focus{outline:none; border:#000000 solid 1px}
textarea{margin:0px; border:0px currentColor; border-image:none; font-family:NotoSans-Regular; box-shadow:none; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
textarea:focus{outline:none; border:#000000 solid 1px}
input[type=number]{-moz-appearance:textfield}
input[type=tel]{-moz-appearance:textfield}
[type=search]{outline-offset:-2px}
textarea{overflow:auto; resize:vertical}
[type=button]{border:0px currentColor; border-image:none; font-family:NotoSans-Regular; cursor:pointer; background-color:transparent; user-select:none; -webkit-appearance:button}
[type=reset]{border:0px currentColor; border-image:none; font-family:NotoSans-Regular; cursor:pointer; background-color:transparent; user-select:none; -webkit-appearance:button}
[type=submit]{border:0px currentColor; border-image:none; font-family:NotoSans-Regular; cursor:pointer; background-color:transparent; user-select:none; -webkit-appearance:button}
button{border:0px currentColor; border-image:none; font-family:NotoSans-Regular; cursor:pointer; background-color:transparent; user-select:none; -webkit-appearance:button}
a{text-decoration:none; background-color:transparent; text-decoration-skip-ink:auto}
a:focus{text-decoration:none; background-color:transparent; text-decoration-skip-ink:auto}
a:hover{text-decoration:none; background-color:transparent; text-decoration-skip-ink:auto}
fieldset{border:currentColor; border-image:none}
legend{width:100%; color:inherit; line-height:inherit; display:block; white-space:normal; max-width:100%}
progress{vertical-align:baseline}
section{position:relative; z-index:2000; background-color:rgb(255,255,255)}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*Remove outline on the forms and links*/
:active, :hover, :focus{outline:0; outline-offset:0}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*Screen style*/
body{width:100%; min-width:1024px; height:100% !important; min-height:100%; margin:0px; padding:0px; outline:0px; -webkit-user-select:none /*text*/; -moz-user-select:none /*text*/; user-select:none /*text*/; background-color:#FFFFFF; font-family:NotoSans-Regular; font-size:12px; color:#000000}
@media all and (max-width:600px){body{width:100%; min-width:360px}}

html,body{height:100%}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*Section:Header*/
#Header{width:100%; height:auto}

  /*Page_Top*/
  #Page_Top{width:100%; min-width:1024px; height:130px}
  @media all and (max-width:600px){#Page_Top{width:100%; min-width:360px}}

  /*Fly Menu*/
  #Fly_Menu{position:fixed; overflow:visible; width:100%; height:auto; top:0px; left:0px; transition:1s linear; z-index:1;
            background-color:#004F99/*transparent*/; /*background-image:url(/iShop/images/Top.jpg);*/ background-position:center; background-repeat:repeat-x}

    #Fly_Menu nav{width:1024px; height:130px; margin:0 auto; background-color:transparent; display:flex; align-items:center; justify-content:center; flex-direction:column}
    @media all and (max-width:600px){#Fly_Menu nav{width:360px}}

      /*Fly_Menu_UL1 : Desktop*/
      #Fly_Menu_UL1{width:100%; height:34px; display:flex; align-items:center; justify-content:start; flex-direction:row}
      #Fly_Menu_UL1 li{display:flex; align-items:center; justify-content:start; flex-direction:row; height:inherit}
      #Fly_Menu_UL1 li:nth-child(1){}
      #Fly_Menu_UL1 li:nth-child(2){}
        #Fly_Menu_UL1 li a{font-family:NotoSans-Regular; font-size:18px; color:#004F99}
        #Fly_Menu_UL1 li a:hover{opacity:0.50}

      /*Fly_Menu_UL1 : Mobile*/
      @media all and (max-width:600px){
      #Fly_Menu_UL1 li:nth-child(1){}
      #Fly_Menu_UL1 li:nth-child(2){}}

      /*Fly_Menu_UL2 : Desktop*/
      #Fly_Menu_UL2{width:100%; height:40px; display:flex; align-items:center; justify-content:start; flex-direction:row}
      #Fly_Menu_UL2 li{display:flex; align-items:center; justify-content:start; flex-direction:row; height:inherit}
      #Fly_Menu_UL2 li:nth-child(1){width:40px}
      #Fly_Menu_UL2 li:nth-child(2){width:850px}
      #Fly_Menu_UL2 li:nth-child(3){width:50px; background-image:url(/iShop/images/ico/Favorites.png); background-position:center 12px; background-repeat:no-repeat; opacity:0.50} /*Favorites*/
        #Fly_Menu_UL2 li:nth-child(3):hover{opacity:0.50; /*cursor:pointer*/}
      #Fly_Menu_UL2 li:nth-child(4){width:44px; font-family:NotoSans-Regular; font-size:14px; color:#FFFFFF; display:flex; align-items:center; justify-content:center; flex-direction:row; background-image:url(/iShop/images/ico/Cart.png); background-position:0% 50%; background-repeat:no-repeat} /*Cart*/
        #Fly_Menu_UL2 li:nth-child(4):hover{opacity:0.50; cursor:pointer}
      #Fly_Menu_UL2 li:nth-child(5){width:40px}
        #Fly_Menu_UL2 li a{font-family:NotoSans-Regular; font-size:18px; color:#004F99}
        #Fly_Menu_UL2 li a:hover{opacity:0.50}

      /*Fly_Menu_UL2 : Mobile*/
      @media all and (max-width:600px){
        #Fly_Menu_UL2 li:nth-child(1){width:20px}
        #Fly_Menu_UL2 li:nth-child(2){width:226px}
        #Fly_Menu_UL2 li:nth-child(3){width:50px} /*Favorites*/
        #Fly_Menu_UL2 li:nth-child(4){width:44px} /*Cart*/
        #Fly_Menu_UL2 li:nth-child(5){width:20px}}

      /*Fly_Menu_UL3 : Desktop*/
      #Fly_Menu_UL3{width:100%; height:50px; display:flex; align-items:center; justify-content:start; flex-direction:row}
      #Fly_Menu_UL3 li{display:flex; align-items:center; justify-content:start; flex-direction:row; height:inherit}
      #Fly_Menu_UL3 li:nth-child(1){width:40px}
      #Fly_Menu_UL3 li:nth-child(2){width:180px} /*Logo*/
      #Fly_Menu_UL3 li:nth-child(3){width:125px} /*Catalog*/
      #Fly_Menu_UL3 li:nth-child(4){width:40px}
      #Fly_Menu_UL3 li:nth-child(5){width:392px} /*Find*/
      #Fly_Menu_UL3 li:nth-child(6){width:207px} /*City*/
      #Fly_Menu_UL3 li:nth-child(7){width:40px}
        #Fly_Menu_UL3 li a{font-family:NotoSans-Regular; font-size:18px; color:#004F99}
        #Fly_Menu_UL3 li a:hover{opacity:0.50}

      /*Fly_Menu_UL3 : Mobile*/
      @media all and (max-width:600px){
        #Fly_Menu_UL3 li:nth-child(1){width:20px}
        #Fly_Menu_UL3 li:nth-child(2){width:180px} /*Logo*/
        #Fly_Menu_UL3 li:nth-child(3){width:125px} /*Catalog*/
        #Fly_Menu_UL3 li:nth-child(4){width:5px}
        #Fly_Menu_UL3 li:nth-child(5){width:5px}   /*Find*/
        #Fly_Menu_UL3 li:nth-child(6){width:5px}   /*City*/
        #Fly_Menu_UL3 li:nth-child(7){width:20px}}

  .xLogo{width:140px; height:auto; border:none; margin:-40px 0 0 -40%; transition:1s linear}
  @media all and (max-width:600px){.xLogo{margin:-40px 0 0 0}}

  .xNav_Menu{}

  #Form_Find{display:flex; align-items:center; justify-content:start; flex-direction:row}
  @media all and (max-width:600px){#Form_Find{display:none}}

  /*Select_City*/
  #Select_City{position:relative; width:calc(100% - 7px); height:30px; left:0px; top:0px; background-color:transparent; border:none; z-index:1}
  @media all and (max-width:600px){#Select_City{display:none}}

    .xChoice_City_Main{position:absolute; width:calc(100% - 0px); height:auto; max-height:280px; left:0px; top:41px; background-color:#FFFFFF; border-radius:8px; border:#004F99 solid 1px;
                 overflow:auto; overflow-x:hidden; font-family:NotoSans-Regular; font-size:16px; color:#004F99; z-index:-2; display:none;
                 -webkit-appearance:none; -moz-appearance:none; appearance:none; outline:0px; scrollbar-width:none;
                 box-shadow:6px 6px 8px -6px rgba(0,0,0,0.8); opacity:0; animation:/*UpVisible*/ 1.0s forwards}
    .xChoice_City_Main::-webkit-scrollbar{display:none}

      .xChoice_City{width:calc(100% - 20px); height:30px; margin:0 20px 0 0; border:none; display:flex; align-items:center; justify-content:flex-end; flex-direction:row}
      .xChoice_City:hover{opacity:0.50; cursor:pointer}

    #Name_City{position:absolute; overflow:hidden; width:200px; height:30px; left:0px; top:0px; padding:0 20px 0 0; background-color:transparent; border:none;
               text-align:right; font-family:NotoSans-Regular; font-size:18px; color:#FFDE00; z-index:-2;
               display:flex; align-items:center; justify-content:flex-end; flex-direction:row;
               background-image:url(/iShop/images/ico/Select.png); background-position:bottom 6px right 5px; background-repeat:no-repeat; background-size:auto 50%}
    #Name_City:hover{opacity:0.50; cursor:pointer}

  /*Select_Menu*/
  #Select_Menu{position:relative; width:calc(100% - 0px); height:30px; left:0px; top:0px; background-color:transparent; border:none; z-index:1}
    @media all and (max-width:600px){#Select_Menu{}}

    .xChoice_Menu_L2_Main{position:absolute; width:280px; height:auto; max-height:301px; left:0px; top:41px; background-color:#FFFFFF; border-radius:8px; border:#004F99 solid 1px;
                 overflow:auto; overflow-x:hidden; font-family:NotoSans-Regular; font-size:16px; color:#004F99; z-index:-2; display:none;
                 -webkit-appearance:none; -moz-appearance:none; appearance:none; outline:0px; scrollbar-width:none;
                 box-shadow:6px 6px 8px -6px rgba(0,0,0,0.8); opacity:0; animation:/*UpVisible*/ 1.0s forwards}
    @media all and (max-width:600px){.xChoice_Menu_L2_Main{left:-180px}}
    .xChoice_Menu_L2_Main::-webkit-scrollbar{display:none}

      .xChoice_Menu_L2{width:100%; height:30px; margin:0 20px 0 20px; border:none; display:flex; align-items:center; justify-content:start; flex-direction:row}
      .xChoice_Menu_L2:hover{opacity:0.50; cursor:pointer}

    .xChoice_Menu_L3_Main{position:absolute; width:280px; height:auto; max-height:301px; left:300px; top:41px; background-color:#FFFFFF; border-radius:8px; border:#004F99 solid 1px;
                 overflow:auto; overflow-x:hidden; font-family:NotoSans-Regular; font-size:16px; color:#004F99; z-index:-2; display:none;
                 -webkit-appearance:none; -moz-appearance:none; appearance:none; outline:0px; scrollbar-width:none;
                 box-shadow:6px 6px 8px -6px rgba(0,0,0,0.8); opacity:0; animation:/*UpVisible*/ 1.0s forwards}
    @media all and (max-width:600px){.xChoice_Menu_L3_Main{left:-140px; top:81px}}  /*Default: {left:-180px; top:360px}*/
    .xChoice_Menu_L3_Main::-webkit-scrollbar{display:none}

      .xChoice_Menu_L3{width:100%; height:30px; margin:0 20px 0 20px; border:none; display:flex; align-items:center; justify-content:start; flex-direction:row}
      .xChoice_Menu_L3:hover{opacity:0.50; cursor:pointer}

.xDI{position:relative; width:100%; height:auto; left:0px; top:0px}
.xL3{position:relative; width:100%; height:auto; left:0px; top:0px; display:none}
.xScrolling_Menu{background-image:url(/xPanel/images/Ico/ScrollYS_02.png); background-position:center right 2px; background-repeat:no-repeat}

.xCatalog{width:calc(100% - 0px); height:30px; padding:0 0 0 40px; border:none; display:flex; align-items:center; justify-content:start; flex-direction:row;
         background-image:url(/iShop/images/Hamburger.png); background-position:center left 0px; background-repeat:no-repeat;  
         font-family:NotoSans-Regular; font-size:18px; color:#FFDE00}
.xCatalog:hover{opacity:0.50; cursor:pointer}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*Section: Article*/
#Article{width:100%; min-height:calc(100% - 450px); background-color:#FFFFFF}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*Section: Footer*/
#Footer{display:flex; align-items:center; justify-content:center; flex-direction:column; width:100%; height:auto; background-color:#004F99}
  #Footer_Content{display:block; width:100%; min-width:1024px; height:370px; margin:0 auto; background-color:#004F99}
    @media all and (max-width:600px){#Footer_Content{width:360px; min-width:360px}}

    #Footer_Menu_UL1{width:100%; height:210px; display:flex; align-items:center; justify-content:center; flex-direction:column; font-family:NotoSans-Regular; font-size:16px; color:#FFFFFF}
      #Footer_Menu_UL1 li{width:100%; height:inherit; display:flex; align-items:center; justify-content:center; flex-direction:row}
      #Footer_Menu_UL1 li:nth-child(1){height:40px}
      #Footer_Menu_UL1 li:nth-child(2){height:50px}
      #Footer_Menu_UL1 li:nth-child(3){height:30px}
      #Footer_Menu_UL1 li:nth-child(4){height:30px}
      #Footer_Menu_UL1 li:nth-child(5){height:30px}
      #Footer_Menu_UL1 li:nth-child(6){height:30px}
        #Footer_Menu_UL1 li a{font-family:NotoSans-Regular; font-size:12px; color:#FFDE00; text-decoration:none}
        #Footer_Menu_UL1 li a:hover{opacity:0.50}

    #Footer_Menu_UL2{width:100%; height:100px; display:flex; align-items:center; justify-content:center; flex-direction:column; font-family:NotoSans-Regular; font-size:16px; color:#FFFFFF}
      #Footer_Menu_UL2 li{width:100%; height:inherit; display:flex; align-items:center; justify-content:center; flex-direction:row}
      #Footer_Menu_UL2 li:nth-child(1){height:40px}
      #Footer_Menu_UL2 li:nth-child(2){height:30px}
      #Footer_Menu_UL2 li:nth-child(3){height:30px}
        #Footer_Menu_UL2 li a{font-family:NotoSans-Regular; font-size:14px; color:#FFFFFF}
        #Footer_Menu_UL2 li a:hover{opacity:0.50}

    #Footer_Menu_UL3{width:100%; height:60px; display:flex; align-items:center; justify-content:center; flex-direction:row; font-family:NotoSans-Regular; font-size:14px; color:#FFDE00}
      #Footer_Menu_UL3 li{width:100%; height:inherit; display:flex; align-items:center; justify-content:center; flex-direction:row}
      #Footer_Menu_UL3 li:nth-child(1){}
        #Footer_Menu_UL3 li a{font-family:NotoSans-Regular; font-size:12px; color:#FFDE00; text-decoration:none}
        #Footer_Menu_UL3 li a:hover{opacity:0.50}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#Areal_Banner{position:relative; overflow:hidden; min-width:1024px; width:100%; height:auto; left:0px; top:0px; margin:0 auto; /*border-radius:4px*/}
@media all and (max-width:600px){#Areal_Banner{min-width:360px}}

  .xBanner{position:absolute; min-width:1024px; width:100%; height:auto; left:0px; top:0px; border:none; /*border-radius:4px;*/ z-index:0; opacity:0; animation:/*StartUpVisible*/ 2.0s forwards}
  @media all and (max-width:600px){.xBanner{min-width:360px}}

  .xBanner_Fix{position:relative; min-width:1024px; width:100%; height:auto; left:0px; top:0px; border:none; /*border-radius:4px;*/ z-index:0}
  @media all and (max-width:600px){.xBanner_Fix{min-width:360px}}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#Popular_Сategories{min-width:1024px; width:100%; height:auto; margin:0 auto; display:flex; align-items:start; justify-content:center; flex-direction:row; flex-wrap:wrap; margin:0 auto; border-radius:4px; background-color:#FFFFFF}
@media all and (max-width:600px){#Popular_Сategories{min-width:360px; width:360px; flex-direction:column}}

  .xСategories_Item{margin:0 0 0 10px; display:flex; width:160px; height:auto; background-color:#FFFFFF; border-radius:8px; transition:opacity 2s ease}
  @media all and (max-width:600px){.xСategories_Item{margin:0 0 0 0; width:320px; margin:0 auto}}
    .xСategories_Item:hover{opacity:0.50; cursor:pointer}

      .xСategories_Item_UL1{width:160px; height:auto; border-radius:8px; display:flex; align-items:center; justify-content:center; flex-direction:column; background-color:#F5F5F5}
      @media all and (max-width:600px){.xСategories_Item_UL1{width:320px}}
        .xСategories_Item_UL1 li{width:100%; display:flex; align-items:center; justify-content:center; flex-direction:row}
        .xСategories_Item_UL1 li:nth-child(1){height:40px}
        .xСategories_Item_UL1 li:nth-child(2){height:120px}
        .xСategories_Item_UL1 li:nth-child(3){height:56px; font-family:NotoSans-Regular; font-size:14px; color:#004F99}
        .xСategories_Item_UL1 li:nth-child(4){height:14px}
        .xСategories_Item_UL1 li:nth-child(5){height:14px; background-color:#FFFFFF}
        .xСategories_Item_UL1 img{width:120px; height:auto; border:none; border-radius:8px}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.xFirst_Catalog{position:relative; overflow:hidden; min-width:1024px; width:100%; height:auto; margin:0 auto; display:flex; align-items:flex-start; justify-content:start; flex-direction:row; flex-wrap:nowrap; border-radius:4px; background-color:#FFFFFF}
@media all and (max-width:600px){.xFirst_Catalog{min-width:340px; width:340px; justify-content:center}}

  .xFirst_Fly{position:relative; width:100%; height:auto; left:0px; top:0px; display:flex; align-items:flex-start; justify-content:start; flex-direction:row; flex-wrap:nowrap; border-radius:4px; transition:0.4s linear; background-color:#FFFFFF}
  @media all and (max-width:600px){.xFirst_Fly{}}

  .xFirst_Item{display:flex; min-width:calc(100% / 4); width:calc(100% / 4); height:auto; background-color:#FFFFFF; z-index:0}
  @media all and (max-width:600px){.xFirst_Item{min-width:340px; width:340px}}
    .xFirst_Item:hover{}

      .xFirst_Item_UL1{width:100%; height:auto; display:flex; align-items:center; justify-content:center; flex-direction:column}
      @media all and (max-width:600px){.xFirst_Item_UL1{width:340px}}
        .xFirst_Item_UL1 li{width:100%; display:flex; align-items:center; justify-content:center; flex-direction:row; text-align:center; font-family:NotoSans-Regular; font-size:14px; color:#000000}
        .xFirst_Item_UL1 li:nth-child(1){height:auto; position:relative}
          .xFirst_Item_UL1 li:nth-child(1) img{width:calc(100% - 20px); height:auto; border-radius:8px; border:none; transition:opacity 2s ease}
        .xFirst_Item_UL1 li:nth-child(2){height:40px}  /*Full Code*/
        .xFirst_Item_UL1 li:nth-child(3){height:20px; color:#004F99}  /*Name of group*/
        .xFirst_Item_UL1 li:nth-child(4){height:30px}  /*Name of product*/
        .xFirst_Item_UL1 li:nth-child(5){height:30px}  /*Parameters*/
        .xFirst_Item_UL1 li:nth-child(6){height:40px}  /*Price*/
        .xFirst_Item_UL1 li:nth-child(7){height:60px}
        .xFirst_Item_UL1 li:nth-child(8){height:40px}

  .xArrow_Start{position:absolute; width:40px; height:auto; left:20px; top:calc(30% - 0px); border:none}
  .xArrow_Start:hover{opacity:0.50; cursor:pointer}

  .xArrow_Stop{position:absolute; width:40px; height:auto; left:calc(100% - 60px); top:calc(30% - 0px); border:none; display:none}
  .xArrow_Stop:hover{opacity:0.50; cursor:pointer}

  .xFirst_Cart{width:200px; height:30px; margin:0 0 5px 0; background-color:#FFDE00; font-family:NotoSans-Regular; font-size:15px; color:#004F99; border-radius:4px; display:flex; align-items:center; justify-content:center; flex-direction:row; animation:/*DivCartCollapse*/ 1.0s forwards}
  @media all and (max-width:600px){.xFirst_Cart{}}
    .xFirst_Cart:hover{opacity:0.50; cursor:pointer}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#About{width:100%; min-width:1024px; height:auto; margin:0 auto; display:flex; align-items:center; justify-content:center; flex-direction:row; flex-wrap:wrap; margin:0 auto; border-radius:4px; background-color:#F5F5F5}
@media all and (max-width:600px){#About{width:360px; min-width:360px}}

#About_Info{display:block; width:100%; height:auto; padding:0 100px 80px 100px; text-align:center; font-family:NotoSans-Regular; font-size:15px; color:#666666; line-height:26px}
@media all and (max-width:600px){#About_Info{width:360px; padding:0 20px 40px 20px}}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#Advantages{width:100%; min-width:1024px; height:auto; margin:0 auto; display:flex; align-items:start; justify-content:center; flex-direction:row; flex-wrap:wrap; margin:0 auto; border-radius:4px; background-color:#004F99}
@media all and (max-width:600px){#Advantages{width:360px; min-width:360px; justify-content:start}}

  .xAdvantages_Item{margin:0 0 0 10px; display:flex; width:300px; height:auto; background-color:#FFFFFF; border-radius:8px; transition:opacity 2s ease}
  @media all and (max-width:600px){.xAdvantages_Item{width:320px}}
    .xAdvantages_Item:hover{}

      .xAdvantages_Item_UL1{width:300px; height:auto; display:flex; align-items:center; justify-content:center; flex-direction:column; background-color:#004F99}
      @media all and (max-width:600px){.xAdvantages_Item_UL1{width:320px}}
        .xAdvantages_Item_UL1 li{width:100%; display:flex; align-items:center; justify-content:center; flex-direction:row}
        .xAdvantages_Item_UL1 li:nth-child(1){height:20px}
        .xAdvantages_Item_UL1 li:nth-child(2){height:30px}
        .xAdvantages_Item_UL1 li:nth-child(3){height:56px; font-family:NotoSans-Regular; font-size:14px; color:#FFFFFF}
        .xAdvantages_Item_UL1 li:nth-child(4){text-align:center; font-family:NotoSans-Regular; font-size:14px; color:#FFFFFF}
        .xAdvantages_Item_UL1 li:nth-child(5){height:40px}
        .xAdvantages_Item_UL1 img{width:30px; height:auto; border:none}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#Manual{width:100%; min-width:1024px; height:auto; margin:0 auto; display:flex; align-items:start; justify-content:center; flex-direction:row; flex-wrap:wrap; margin:0 auto; border-radius:4px; background-color:#F5F5F5}
@media all and (max-width:600px){#Manual{width:360px; min-width:360px; justify-content:start}}

.xManual_Head{width:100%; height:200px; display:flex; align-items:center; justify-content:center; flex-direction:row; text-align:center; font-family:Merriweather-Light; font-size:40px; line-height:50px; color:#004F99}
@media all and (max-width:600px){.xManual_Head{font-size:28px; line-height:38px}}

  .xManual_Item{margin:0 0 0 10px; display:flex; width:160px; height:auto; background-color:#FFFFFF; border-radius:8px; transition:opacity 2s ease}
  @media all and (max-width:600px){.xManual_Item{width:320px}}
    .xManual_Item:hover{}

      .xManual_Item_UL1{width:160px; height:auto; border-radius:8px; display:flex; align-items:center; justify-content:center; flex-direction:column; background-color:#F5F5F5}
      @media all and (max-width:600px){.xManual_Item_UL1{width:320px}}
        .xManual_Item_UL1 li{width:100%; display:flex; align-items:center; justify-content:center; flex-direction:row}
        .xManual_Item_UL1 li:nth-child(1){height:20px}
        .xManual_Item_UL1 li:nth-child(2){width:60px; height:60px; border-radius:60px; background-color:#FFDE00; position:relative}
        .xManual_Item_UL1 li:nth-child(3){height:20px}
        .xManual_Item_UL1 li:nth-child(4){text-align:center; font-family:NotoSans-Regular; font-size:14px; color:#666666}
        .xManual_Item_UL1 li:nth-child(5){height:40px}
        .xManual_Item_UL1 img{width:40px; height:auto; border:none}

  .xManual_Number{position:absolute; overflow:hidden; width:20px; height:20px; left:50px; top:0px; border-radius:20px; text-align:center; background-color:#004F99; font-family:NotoSans-Regular; font-size:14px; color:#FFFFFF}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.xPage{width:100%; height:90px; display:flex; align-items:start; justify-content:center; flex-direction:row; text-align:center; font-family:Merriweather-Light; font-size:40px; line-height:50px; color:#000000}
@media all and (max-width:600px){.xPage{font-size:28px; line-height:38px}}

.xPage_Blue{width:100%; height:130px; display:flex; align-items:center; justify-content:center; flex-direction:row; text-align:center; font-family:Merriweather-Light; font-size:40px; line-height:50px; color:#004F99}
@media all and (max-width:600px){.xPage_Blue{font-size:28px; line-height:38px}}

.xPage_Yello{width:100%; height:130px; display:flex; align-items:center; justify-content:center; flex-direction:row; text-align:center; font-family:Merriweather-Light; font-size:40px; line-height:50px; color:#FFDE00}
@media all and (max-width:600px){.xPage_Yello{font-size:28px; line-height:38px}}

.xText_Blue{width:100%; min-height:90px; height:auto; padding:40px 0 40px 0; display:flex; align-items:center; justify-content:center; flex-direction:row; text-align:center; font-family:Merriweather-Light; font-size:40px; line-height:50px; color:#004F99}
@media all and (max-width:600px){.xPage_Blue{font-size:28px; line-height:38px}}

#Div_Total{width:100%; height:100px; display:flex; align-items:center; justify-content:center; flex-direction:row}
  #Div_Total UL{width:944px; height:auto; display:flex; align-items:center; justify-content:center; flex-direction:row; border-bottom:#000000 dotted 1px}
  @media all and (max-width:600px){#Div_Total UL{width:320px}}
  #Div_Total UL li{height:auto; display:flex; align-items:center; flex-direction:row; font-family:NotoSans-Regular; font-size:30px}
  @media all and (max-width:600px){#Div_Total UL li{font-size:22px}}
    #Div_Total UL li:nth-child(1){width:40%; justify-content:start; color:#000000; padding:0 0 0 10px}    /*Total*/
    #Div_Total UL li:nth-child(2){width:60%; justify-content:flex-end; color:#004F99; padding:0 10px 0 0} /*Price*/

#Privace{display:block; width:944px; height:auto; margin:0 auto; font-family:NotoSans-Regular; font-size:15px; color:#000000; line-height:26px}
@media all and (max-width:600px){#Privace{width:320px}}

#Agreement{display:block; width:944px; height:auto; margin:0 auto; font-family:NotoSans-Regular; font-size:15px; color:#000000; line-height:26px}
@media all and (max-width:600px){#Agreement{width:320px}}

#Catalog{width:100%; height:auto; display:flex; align-items:center; justify-content:start; flex-direction:column}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.xDiv_Order{width:944px; height:auto; margin:0 0 40px 0; display:flex; align-items:center; justify-content:center; flex-direction:column; background-color:#FFFFFF; border-radius:4px; border:#9D9C9F solid 1px}
@media all and (max-width:600px){.xDiv_Order{width:320px}}

  .xDiv_Order div{width:100%; height:30px; border-radius:4px; background-color:#F2F2F2; display:flex; align-items:center; justify-content:center; flex-direction:row; font-family:NotoSans-Regular; font-size:16px; color:#000000}
  @media all and (max-width:600px){.xDiv_Order div{height:60px; text-align:center}}

  .xDiv_Order UL{width:100%; height:auto; border-radius:4px; background-color:#FBFBFB; display:flex; align-items:center; justify-content:center; flex-direction:row}
  @media all and (max-width:600px){.xDiv_Order UL{flex-direction:column}}

    .xDiv_Order UL li{display:flex; align-items:center; justify-content:center; flex-direction:row; font-family:NotoSans-Regular; font-size:16px; color:#000000}
    @media all and (max-width:600px){.xDiv_Order UL li{font-size:22px}}

    .xDiv_Order UL li:nth-child(1){width:10%; height:70px}                                               /*Order number*/
    @media all and (max-width:600px){.xDiv_Order UL li:nth-child(1){width:100%; height:50px}}
    .xDiv_Order UL li:nth-child(2){width:10%; height:70px}                                               /*Order Date*/
    @media all and (max-width:600px){.xDiv_Order UL li:nth-child(2){width:100%; height:50px}}
    .xDiv_Order UL li:nth-child(3){width:20%; height:70px}                                               /*Full code*/
    @media all and (max-width:600px){.xDiv_Order UL li:nth-child(3){width:100%; height:50px}}
    .xDiv_Order UL li:nth-child(4){width:45%; height:70px; text-align:center}                            /*Full name*/
    @media all and (max-width:600px){.xDiv_Order UL li:nth-child(4){width:100%; height:150px}}
    .xDiv_Order UL li:nth-child(5){width:15%; height:70px; justify-content:flex-end; padding:0 10px 0 0} /*Price*/
    @media all and (max-width:600px){.xDiv_Order UL li:nth-child(5){width:100%; height:50px; justify-content:center; padding:0 0 0 0}}

.xStandard_Button{width:100%; height:100px; display:flex; align-items:center; justify-content:center; flex-direction:row; text-align:center}
@media all and (max-width:600px){.xStandard_Button{}}
  .xStandard_Button div{width:200px; height:40px; margin:0 0 5px 0; background-color:#FF0000; font-family:NotoSans-Regular; font-size:16px; color:#FFFFFF; border-radius:4px; display:flex; align-items:center; justify-content:center; flex-direction:row}
  .xStandard_Button div:hover{opacity:0.50; cursor:pointer}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.xNoGoods{width:100%; height:80px; display:flex; align-items:start; justify-content:center; flex-direction:row; text-align:center; font-family:NotoSans-Regular; color:#000000; font-size:20px}

.xDiv_Main{width:944px; height:auto; margin:0 0 20px 0; display:flex; align-items:center; justify-content:center; flex-direction:row; background-color:#FFFFFF; border-radius:4px; border:#9D9C9F solid 1px}
@media all and (max-width:600px){.xDiv_Main{width:320px; flex-direction:column}}

  .xDiv_Photo{width:300px; height:398px; border-radius:4px; display:flex; align-items:center; justify-content:center; flex-direction:row}
  @media all and (max-width:600px){.xDiv_Photo{width:320px; height:424px}}
    .xDiv_Photo img{border-radius:4px; border:none; width:auto; height:398px; transition:opacity 0.5s ease}
    @media all and (max-width:600px){.xDiv_Photo img{height:424px}}

  .xDiv_Main_UL1{position:relative; width:644px; height:auto; left:0px; top:0px; padding:0 10px 0 10px; border-radius:4px; display:flex; align-items:center; justify-content:center; flex-direction:column}
  @media all and (max-width:600px){.xDiv_Main_UL1{width:320px; padding:0 10px 0 10px}}

    .xDiv_Main_UL1 li{display:flex; align-items:center; justify-content:center; flex-direction:row; text-align:center; font-family:NotoSans-Regular; color:#000000}
      .xDiv_Main_UL1 li:nth-child(1){width:100%; height:40px; font-size:20px}                                       /*Full Code*/
      .xDiv_Main_UL1 li:nth-child(2){width:100%; height:38px; font-size:20px; color:#004F99}                        /*Name of group*/
      @media all and (max-width:600px){.xDiv_Main_UL1 li:nth-child(2){font-size:14px}}
      .xDiv_Main_UL1 li:nth-child(3){width:100%; height:70px; font-size:20px; line-height:25px; align-items:start}  /*Name of product*/
      .xDiv_Main_UL1 li:nth-child(4){width:100%; height:140px; font-size:16px; line-height:26px}                    /*Parameters*/
      .xDiv_Main_UL1 li:nth-child(5){width:100%; height:60px; font-size:28px}                                       /*Price*/
      .xDiv_Main_UL1 li:nth-child(6){width:100%; height:34px; font-size:16px}                                       /*Address*/
      @media all and (max-width:600px){.xDiv_Main_UL1 li:nth-child(6){height:40px; font-size:14px}}
      .xDiv_Main_UL1 li:nth-child(7){width:100%; height:16px; font-size:10px}                                       /*id_iShop*/
      @media all and (max-width:600px){.xDiv_Main_UL1 li:nth-child(7){height:35px}}

    .xCart{position:absolute; width:60px; height:auto; left:calc(100% - 66px); top:calc(50% - 30px); border:none; z-index:0; animation:/*CartCollapse*/ 1.0s forwards}
    @media all and (max-width:600px){.xCart{display:none}}
      .xCart:hover{opacity:0.50; cursor:pointer}

    @keyframes CartCollapse{
      0%   {width:60px; height:auto; left:calc(100% - 66px); top:calc(50% - 30px)}
      100% {width:0px; left:calc(100% - 33px); top:calc(50% - 0px)}}
    .StartCartCollapse{animation-name:CartCollapse} /*Запуск JS*/

  .xDiv_Cart{display:none; animation:/*DivCartCollapse*/ 1.0s forwards}
  @media all and (max-width:600px){.xDiv_Cart{width:200px; height:30px; margin:0 0 5px 0; background-color:#FFDE00; font-family:NotoSans-Regular; font-size:15px; color:#004F99; border-radius:4px; display:flex; align-items:center; justify-content:center; flex-direction:row}}
    .xDiv_Cart:hover{opacity:0.50; cursor:pointer}

    @keyframes DivCartCollapse{
      0%   {width:200px; height:30px}
      100% {width:0px; height:0px; font-size:0px; color:#FFDE00; overflow:hidden}}
    .StartDivCartCollapse{animation-name:DivCartCollapse} /*Запуск JS*/

.xGenerate_Order{width:100%; height:90px; display:flex; align-items:center; justify-content:center; flex-direction:row; text-align:center}
@media all and (max-width:600px){.xGenerate_Order{}}
  .xGenerate_Order div{width:200px; height:40px; margin:0 0 5px 0; background-color:#FF0000; font-family:NotoSans-Regular; font-size:16px; color:#FFFFFF; border-radius:4px; display:flex; align-items:center; justify-content:center; flex-direction:row}
  .xGenerate_Order div:hover{opacity:0.50; cursor:pointer}

#Modal_Visitor{height:220px; top:calc(50% - 85px)}
#Form_Visitor{width:100%; height:auto; display:flex; align-items:flex-end; justify-content:center; flex-direction:row; flex-wrap:wrap; transform:translate(0px,16px)}
  #Form_Visitor input:nth-child(1){margin:0 0 0 0}
  #Form_Visitor input:nth-child(2){width:calc(100% - 16px); margin:0 0 0 0}
  #Form_Visitor input:nth-child(3){width:calc(100% - 16px); margin:15px 0 0 0}
  #Form_Visitor input:nth-child(4){margin:30px 0 0 0}
  #Form_Visitor input:nth-child(5){margin:0 0 0 20px}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*Forms*/
.xInput_Search{width:300px; height:30px; padding:0 25px 0 10px; background-color:#FFFFFF; border-radius:4px; border:none; font-family:inherit; color:#000000; font-size:15px;
               background-image:url(/xPanel/images/Ico/Clear.png); background-position:center right 5px; background-repeat:no-repeat; background-size:auto 60%;
               -webkit-appearance:none; -moz-appearance:none; appearance:none; outline:0px}
.xInput_Search:focus{border:none !important}

.xButton_Search{position:relative; cursor:pointer; width:80px; height:28px; left:6px; top:0px; text-align:center; border:#FFFFFF solid 1px; background-color:transparent; border-radius:4px; font-family:inherit; color:#FFDE00; font-size:15px}
.xButton_Search:hover{opacity:0.50}
.xButton_Search:focus{outline:none; border:#FFFFFF solid 1px !important}

.xInput{width:300px; height:40px; padding:0 25px 0 10px; background-color:#FFFFFF; border-radius:4px; border:#999999 solid 1px; font-family:inherit; font-size:18px; color:#7F7F7F;
        background-image:url(/xPanel/images/Ico/Clear.png); background-position:center right 5px; background-repeat:no-repeat; background-size:auto 60%;
        -webkit-appearance:none; -moz-appearance:none; appearance:none; outline:0px}

.xPhone{width:300px; height:40px; padding:0 25px 0 10px; background-color:#FFFFFF; border-radius:4px; border:#999999 solid 1px; font-family:inherit; font-size:18px; color:#7F7F7F;
        background-image:url(/xPanel/images/Ico/Clear.png); background-position:center right 5px; background-repeat:no-repeat; background-size:auto 60%;
        -webkit-appearance:none; -moz-appearance:none; appearance:none; outline:0px}

.xTextarea{width:550px; min-height:40px; max-height:160px; height:40px; padding-bottom:5px; background-color:#FBFBFB /*#F2F2F2*/; resize:none; overflow:hidden; border:none; border-bottom:1px solid #DCDCDC; font-family:NotoSans-Regular; font-size:18px; color:#7F7F7F}

.xSelect{width:300px; height:55px; background-color:#FFFFFF; padding-left:30px; border-radius:4px; border:1px solid #FFFFFF; font-family:NotoSans-Regular; font-size:64px; color:#7F7F7F; line-height:20px}

.xButton{cursor:pointer; width:120px; height:30px; background-color:#FFFFFF; border-radius:4px; border:1px solid #004F99; font-family:NotoSans-Regular; font-size:16px; color:#004F99; display:flex; align-items:center; justify-content:center; flex-direction:row; text-align:center}
.xButton:hover{background-color:#004F99; color:#FFFFFF}

.xRadio{position:absolute; z-index:-1; opacity:0}
  .xRadio+label{width:320px; height:60px; display:inline-flex; align-items:flex-start; -webkit-user-select:none; -moz-user-select:none; user-select:none; font-family:NotoSans-Regular; font-size:14px; color:#000000} /*Для элемента label, связанного с .xRadio*/
  .xRadio+label::before{content:''; display:inline-block; width:15px; height:15px; flex-shrink:0; flex-grow:0; border:1px solid #D3C7BB; border-radius:50%; margin:2px 10px 0 0; background-color:transparent}
  .xRadio:not(:disabled):not(:checked)+label:hover::before{border-color:#000000} /*Навели курсор*/
  .xRadio+label:hover{cursor:pointer} /*Навели курсор*/
  .xRadio:not(:disabled):active+label::before{background-color:#000000; border-color:#000000} /*Активная радиокнопка (При нажатии на неё)*/
  .xRadio:focus+label::before{background-color:#DA2127; border-color:#DA2127} /*Радиокнопка находящаяся в фокусе*/
  .xRadio:focus:not(:checked)+label::before{border-color:#000000} /*Радиокнопка находящаяся в фокусе и не находящаеся в состоянии 'checked'*/
  .xRadio:checked+label::before{border-color:#000000; background-color:#000000} /*Радиокнопка находящаяся в состоянии 'checked'*/
  .xRadio:checked+label{color:#000000} /*Радиокнопка находящаяся в состоянии 'checked', меняем цвет текста*/
  .xRadio:disabled+label{background-color:#999999} /*Радиокнопка, находящаяся в состоянии 'disabled'*/
  .xRadio:disabled+label::before{background-color:#999999} /*Радиокнопка, находящаяся в состоянии 'disabled'*/

.xCheckbox{position:absolute; z-index:-1; opacity:0}
  .xCheckbox+label{display:inline-flex; align-items:center; -webkit-user-select:none; -moz-user-select:none; user-select:none; font-family:NotoSans-Regular; font-size:15px; color:#000000} /*Для элемента label, связанного с .xCheckbox*/
  .xCheckbox+label::before{content:''; display:inline-block; width:18px; height:18px; flex-shrink:0; flex-grow:0; border: 1px solid #D3C7BB; border-radius:2px; margin-right:8px; background-color:transparent}
  .xCheckbox:not(:disabled):not(:checked)+label:hover::before{border-color:#000000} /*Навели курсор*/
  .xCheckbox+label:hover{cursor:pointer} /*Навели курсор*/
  .xCheckbox:not(:disabled):active+label::before{background-color:#000000; border-color:#000000}/*Активный чекбокс (При нажатии на него) */
  .xCheckbox:focus+label::before{background-color:#DA2127; border-color:#DA2127} /*Чекбокс находящийся в фокусе*/
  .xCheckbox:focus:not(:checked)+label::before{background-color:transparent; border-color:#000000}/*Чекбокс находящийся в фокусе и не находящийся в состоянии 'checked'*/
  .xCheckbox:checked+label::before {border-color:#000000; background-color:#000000} /*Чекбокс находящийся в состоянии 'checked'*/
  .xCheckbox:checked+label{color:#000000} /*Чекбокс находящийся в состоянии 'checked', меняем цвет текста*/
  .xCheckbox:disabled+label{background-color: #999999} /*Чекбокс находящийся в состоянии 'disabled'*/
  .xCheckbox:disabled+label::before{background-color: #999999} /*Чекбокс находящийся в состоянии 'disabled'*/
  .xDiv_Checkbox{width:130px; height:auto}

.xDate{width:90px; height:25px; padding-left:5px; background-color:#FFFFFF; border-radius:4px; border:1px solid #D3C7BB; font-family:inherit; font-size:14px}

.xFormColorDefault{border-color:#999999}
.xFormColorAttention{border-color:#FF0000}

.xTemp_Frame{border:none; width:0px; height:0px}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

@keyframes AttentionInput{
  0%  {transform:translate(1px, 1px) rotate(0deg)}
  10% {transform:translate(-1px, -2px) rotate(-1deg)}
  20% {transform:translate(-3px, 0px) rotate(1deg)}
  30% {transform:translate(3px, 2px) rotate(0deg)}
  40% {transform:translate(1px, -1px) rotate(1deg)}
  50% {transform:translate(-1px, 2px) rotate(-1deg)}
  60% {transform:translate(-3px, 1px) rotate(0deg)}
  70% {transform:translate(3px, 1px) rotate(-1deg)}
  80% {transform:translate(-1px, -1px) rotate(1deg)}
  90% {transform:translate(1px, 2px) rotate(0deg)}
  100%{transform:translate(1px, -2px) rotate(-1deg)}}

.StartAttentionInput{animation-name:AttentionInput; animation-duration:0.5s; animation-iteration-count:1; animation-timing-function:ease} /*Запуск JS*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

h1{font-family:Merriweather-Light; font-size:40px; line-height:44px; color:#000000} /*Заголовок №1*/
@media all and (max-width:600px){h1{font-size:28px; line-height:32px}}
h2{font-family:NotoSans-Regular; font-size:20px; line-height:26px; color:#000000}   /*Заголовок №2*/

.xGrey{color:#808080}
.xBlack{color:#000000}
.xBlue{color:#0000FF}
.xRed{color:#FF0000}
.xYellow{color:#FFFF00}
.xGreen{color:#00D678}
.xLight_Green{color:#D0F0C0}
.xCyan{color:#80A6FF}
.xDull_Gray{color:#686868}

.xBorder_Grey{border-color:#808080}
.xBorder_Black{border-color:#000000}
.xBorder_Blue{border-color:#0000FF}
.xBorder_Red{border-color:#FF0000}
.xBorder_Yellow{border-color:#FFFF00}
.xBorder_Green{border-color:#00D678}
.xBorder_Light_Green{border-color:#D0F0C0}
.xBorder_Cyan{border-color:#80A6FF}

.xBG_Grey{background-color:#808080}
.xBG_Black{background-color:#000000}
.xBG_Blue{background-color:#0000FF}
.xBG_Red{background-color:#FF0000}
.xBG_Yellow{background-color:#FFFF00}
.xBG_Green{background-color:#00D678}
.xBG_Light_Green{background-color:#D0F0C0}
.xBG_Cyan{background-color:#80A6FF}

.xCursor_Pointer{cursor:pointer}
.xCursor_Default{cursor:default}

.xFlex_Center{width:auto; height:auto; text-align:center}
.xFlex_Right{width:auto; height:auto; text-align:right}

.xSection_img{width:100%; height:auto; border:none; display:block}
.xSeparator{width:100%; height:50px}
@media all and (max-width:600px){.xSeparator{height:40px}}

#Timeused{width:100%; height:40px; display:flex; align-items:center; justify-content:center; flex-direction:row; font-size:12px; color:#808080}
@media all and (max-width:600px){#Timeused{}}

.xBull_Center{width:100%; height:30px; border:none; display:flex; align-items:center; justify-content:center; flex-direction:row; color:#004F99}
.xScrolling{background-image:url(/xPanel/images/Ico/ScrollYS.png); background-position:right; background-repeat:no-repeat}

.xOpacity_Zero{opacity:0} 
@media all and (max-width:600px){/*.xOpacity_Zero{opacity:1}*/}
.xOpacity_One{opacity:1}

.xDiv_Remove{border-color:#FF0000; box-shadow:6px 6px 8px -6px rgba(0,0,0,0.8)}

.xDisplay_None{display:none}
.xDisplay_Flex{display:flex}
.xDisplay_Block{display:block}

.xIAL{text-align:left}
.xIAC{text-align:center}
.xIAR{text-align:right}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

@keyframes UpVisible{
  0%   {opacity:0}
  100% {opacity:1}}
.StartUpVisible{animation-name:UpVisible} /*Запуск JS*/

@keyframes DownVisible{
  0%   {opacity:1}
  100% {opacity:0}}
.StartDownVisible{animation-name:DownVisible} /*Запуск JS*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*Loading files*/
.xFile{position:relative; width:300px; height:55px; background-color:#FFFFFF; left:0px; top:0px; z-index:1; border-radius:4px; border:1px solid #FFFFFF; font-family:NotoSans-Regular; font-size:12px; color:#6F92B5}

.xInputFile{width:290px; height:49px; font:inherit; opacity:0}
.xInputFile:hover{cursor:pointer}

.xNameFile{position:absolute; overflow:hidden; border:none; width:298px; height:49px; left:0px; top:2px; z-index:-2; padding:15px 0 0 20px; font:inherit}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.xShadow{position:fixed; overflow:hidden; width:100%; height:100%; left:0px; top:0px; z-index:4; border:none; display:none}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.xQuestion{width:100%; height:135px; padding:10px 10px 10px 10px; display:flex; align-items:center; justify-content:center; flex-direction:column; font:inherit; font-size:14px; color:#000000; line-height:23px}
.xQuestion_img{background-image:url(/xPanel/images/Gear.gif); background-position:center top 6px; background-repeat:no-repeat; background-size:auto 26px}
.xQuestion_Ok{width:120px !important; height:28px !important}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.xInfo{width:100%; height:135px; padding:10px 10px 10px 10px; display:flex; align-items:center; justify-content:center; flex-direction:column; font:inherit; font-size:14px; color:#000000; line-height:23px}
.xInfo_img{background-image:url(/xPanel/images/Gear.gif); background-position:center top 6px; background-repeat:no-repeat; background-size:auto 26px}
.xInfo_Ok{width:120px !important; height:28px !important}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.xWarning{width:100%; height:135px; padding:10px 10px 10px 10px; display:flex; align-items:center; justify-content:center; flex-direction:column; font:inherit; font-size:14px; color:#000000; line-height:23px}
.xWarning_img{background-image:url(/xPanel/images/Gear.gif); background-position:center top 6px; background-repeat:no-repeat; background-size:auto 26px}
.xWarning_Ok{width:120px !important; height:28px !important}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.xAbout{width:100%; height:135px; padding:10px 10px 10px 10px; display:flex; align-items:center; justify-content:center; flex-direction:column; font:inherit; font-size:14px; color:#000000; line-height:23px}
.xAbout_img{background-image:url(/xPanel/images/Gear.gif); background-position:center top 6px; background-repeat:no-repeat; background-size:auto 26px}
.xAbout_Ok{width:120px !important; height:28px !important}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.xModal{position:fixed; overflow:hidden; width:400px; min-height:200px; height:auto; top:calc(50% - 100px); left:calc(50% - 200px); z-index:30; display:none;
        border-radius:5px; border-width:1px; border-style:outset; border-left-color:#CCCCCC; border-top-color:#CCCCCC; border-right-color:#666666; border-bottom-color:#666666;
        background-color:#FFFFFF; background:linear-gradient(to bottom,#D4D0C7,#FFFFFF 28px); box-shadow:6px 6px 8px -6px rgba(0,0,0,0.8);
        /*animation-name:Attention;*/ animation-duration:0.5s; animation-iteration-count:1; animation-timing-function:ease}
@media all and (max-width:600px){.xModal{width:320px; left:calc(50% - 160px); border:#999999 solid 1px; border-radius:5px; box-shadow:none}}

  @keyframes Attention{
    0%  {transform:translate(1px, 1px) rotate(0deg)}
    10% {transform:translate(-1px, -2px) rotate(-1deg)}
    20% {transform:translate(-3px, 0px) rotate(1deg)}
    30% {transform:translate(3px, 2px) rotate(0deg)}
    40% {transform:translate(1px, -1px) rotate(1deg)}
    50% {transform:translate(-1px, 2px) rotate(-1deg)}
    60% {transform:translate(-3px, 1px) rotate(0deg)}
    70% {transform:translate(3px, 1px) rotate(-1deg)}
    80% {transform:translate(-1px, -1px) rotate(1deg)}
    90% {transform:translate(1px, 2px) rotate(0deg)}
    100%{transform:translate(1px, -2px) rotate(-1deg)}}

  .StartAttention{animation-name:Attention} /*Запуск JS*/

.xName{display:flex; align-items:center; justify-content:start; width:calc(100% - 60px); height:25px; font-size:10pt; color:#111111; cursor:default; white-space:nowrap}

.xMove{display:flex; align-items:center; flex-grow:0; flex-shrink:0; flex-basis:20px; height:inherit; cursor:pointer; background-image:url(/xPanel/images/Ico/Move.png); background-position:center; background-repeat:no-repeat; background-size:auto 90%; transition:opacity 0.5s ease}
.xMove:hover{opacity:0.50}

.xRefresh{display:flex; align-items:center; flex-grow:0; flex-shrink:0; flex-basis:20px; height:inherit; cursor:pointer; background-image:url(/xPanel/images/Ico/Refresh.png); background-position:center; background-repeat:no-repeat; background-size:auto 90%; transition:opacity 0.5s ease}
.xRefresh:hover{opacity:0.50}

.xClose{display:flex; align-items:center; flex-grow:0; flex-shrink:0; flex-basis:20px; height:inherit; cursor:pointer; background-image:url(/xPanel/images/Ico/Close.png); background-position:center; background-repeat:no-repeat; background-size:auto 90%; transition:opacity 0.5s ease}
.xClose:hover{opacity:0.50}

.xWaiting{width:80px; height:auto; border:inset; border-width:1px; display:none}

.xDisabled{cursor:auto; opacity:0.40; z-index:-1}

.xButton_Modal{cursor:pointer; width:120px; height:30px; background-color:#FFFFFF; border-radius:4px; border:1px solid #004F99; font-family:NotoSans-Regular; font-size:16px; color:#004F99}
.xButton_Modal:hover{background-color:#004F99; color:#FFFFFF}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/