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

@font-face{font-family:"ALSFuchsia";
           src: url('/libraries/fonts/ALSFuchsia.eot');
           src: url("/libraries/fonts/ALSFuchsia.ttf") format("truetype"),
               url("/libraries/fonts/ALSFuchsia.woff2") format("woff2"),
               url("/libraries/fonts/ALSFuchsia.woff") format("woff");
           font-weight:normal; font-style:normal}

@font-face{font-family:"PTS55F";
           src: url('/libraries/fonts/PTS55F.eot');
           src: url("/libraries/fonts/PTS55F.ttf") format("truetype"),
                url("/libraries/fonts/PTS55F.woff2") format("woff2"),
                url("/libraries/fonts/PTS55F.woff") format("woff");
                font-weight:normal; font-style:normal}

@font-face{font-family:"PTS56F";
           src: url('/libraries/fonts/PTS56F.eot');
           src: url("/libraries/fonts/PTS56F.ttf") format("truetype"),
                url("/libraries/fonts/PTS56F.woff2") format("woff2"),
                url("/libraries/fonts/PTS56F.woff") format("woff");
           font-weight:normal; font-style:normal}

@font-face{font-family:"PTS75F";
           src: url('/libraries/fonts/PTS75F.eot');
           src: url("/libraries/fonts/PTS75F.ttf") format("truetype"),
               url("/libraries/fonts/PTS75F.woff2") format("woff2"),
               url("/libraries/fonts/PTS75F.woff") format("woff");
           font-weight:normal; font-style:normal}

@font-face{font-family:"PTS76F";
           src: url('/libraries/fonts/PTS76F.eot');
           src: url("/libraries/fonts/PTS76F.ttf") format("truetype"),
               url("/libraries/fonts/PTS76F.woff2") format("woff2"),
               url("/libraries/fonts/PTS76F.woff") format("woff");
           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}
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{-ms-overflow-x:hidden; box-sizing:border-box; -ms-text-size-adjust:100%; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-font-smoothing:antialiased; text-rendering:geometricPrecision; text-size-adjust:100%}
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{-ms-interpolation-mode:bicubic}
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{display:block}
aside{display:block}
figure{display:block}
footer{display:block}
header{display:block}
hgroup{display:block}
section{display:block}
body{font-family:PTS55F}
button{font-family:PTS55F}
input{font-family:PTS55F}
select{font-family:PTS55F}
textarea{font-family:PTS55F}
input{margin:0px; box-shadow:none}
textarea{margin:0px; box-shadow:none}
input[type=button]{margin:0px; /*border:0px currentColor;*/ border-image:none; font-family:PTS55F; box-shadow:none; -webkit-appearance:none; -moz-appearance:none; appearance:none}
input[type=email]{margin:0px; border:0px currentColor; border-image:none; font-family:PTS55F; box-shadow:none; -webkit-appearance:none; -moz-appearance:none; appearance:none}
input[type=number]{margin:0px; border:0px currentColor; border-image:none; font-family:PTS55F; box-shadow:none; -webkit-appearance:none; -moz-appearance:none; appearance:none}
input[type=search]{margin:0px; border:0px currentColor; border-image:none; font-family:PTS55F; box-shadow:none; -webkit-appearance:none; -moz-appearance:none; appearance:none}
input[type=tel]{margin:0px; border:0px currentColor; border-image:none; font-family:PTS55F; box-shadow:none; -webkit-appearance:none; -moz-appearance:none; appearance:none}
input[type=text]{margin:0px; /*border:0px currentColor;*/ border-image:none; /*font-family:PTS55F;*/ box-shadow:none; -webkit-appearance:none; -moz-appearance:none; appearance:none}
select{margin:0px; border:0px currentColor; border-image:none; font-family:PTS55F; box-shadow:none; -webkit-appearance:none; -moz-appearance:none; appearance:none}
textarea{margin:0px; border:0px currentColor; border-image:none; font-family:PTS55F; box-shadow:none; -webkit-appearance:none; -moz-appearance:none; appearance:none}
input[type=number]{-moz-appearance:textfield}
input[type=tel]{-moz-appearance:textfield}
input::-ms-clear{display:none}
[type=search]{outline-offset:-2px}
textarea{overflow:auto; resize:vertical}
select::-ms-expand{display:none}
[type=button]{border:0px currentColor; border-image:none; font-family:PTS55F; cursor:pointer; background-color:transparent; user-select:none; -webkit-appearance:button}
[type=reset]{border:0px currentColor; border-image:none; font-family:PTS55F; cursor:pointer; background-color:transparent; user-select:none; -webkit-appearance:button}
[type=submit]{border:0px currentColor; border-image:none; font-family:PTS55F; cursor:pointer; background-color:transparent; user-select:none; -webkit-appearance:button}
button{border:0px currentColor; border-image:none; font-family:PTS55F; 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*/
html{height:100%}
body{width:100%; min-width:1024px; height:auto !important; min-height:100%; margin:0px; padding:0px; outline:0px; -webkit-user-select:text /*none*/; -moz-user-select:text /*none*/; -ms-user-select:text /*none*/; user-select:text /*none*/; background-color:#FFFFFF; font-family:PTS55F; font-size:12px; color:#000000}
@media all and (max-width:600px){body{width:100%; min-width:360px}}

.xCorrect_Body{min-width:944px !important}
@media all and (max-width:600px){.xCorrect_Body{min-width:360px !important}}
/***********************************************************************************************************************/

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

  /*Page_Top*/
  #Page_Top{width:100%; min-width:1024px; height:90px; background-color:#FFFFFF}
  @media all and (max-width:600px){#Page_Top{width:100%; min-width:360px; height:90px; background-color:#0000FF}}

  /*Fly Menu*/
  #Fly_Menu{position:fixed; overflow:visible; width:100%; height:auto; top:0px; left:0px; transition:1s linear; background-image:none; background-color:transparent; z-index:1}
  @media all and (max-width:600px){#Fly_Menu{display:none}}

    #Fly_Menu nav{display:block; width:1024px; height:70px; margin:0 auto; background-color:transparent}

      #Fly_Menu_UL1{width:1024px; height:20px; margin:10px 0 0 0; flex-grow:0; flex-shrink:0; display:flex; align-items:center; justify-content:space-between; flex-direction:row}
      #Fly_Menu_UL1 li{display:inline-block}
      #Fly_Menu_UL1 li:nth-child(1){width:40px}
      #Fly_Menu_UL1 li:nth-child(2){width:721px}
      #Fly_Menu_UL1 li:nth-child(3){width:173px}
      #Fly_Menu_UL1 li:nth-child(3) a{font-family:PTS56F; font-size:14px; color:#0000FF; text-decoration:underline}
      #Fly_Menu_UL1 li:nth-child(4){width:25px; text-align:right}
      #Fly_Menu_UL1 li:nth-child(5){width:25px; text-align:right}
      #Fly_Menu_UL1 li:nth-child(6){width:40px}
      #Fly_Menu_UL1 li a{font-family:PTS55F; font-size:14px; color:#666666}
      #Fly_Menu_UL1 li a:hover{opacity:0.50}

      #Fly_Menu nav div{width:1024px; height:50px; flex-grow:0; flex-shrink:0; display:flex; align-items:center; justify-content:space-between; flex-direction:row}

        #Fly_Menu_UL2{width:759px; height:50px; flex-grow:0; flex-shrink:0; display:flex; align-items:center; justify-content:start /*space-between*/; flex-direction:row}
        #Fly_Menu_UL2 li{display:inline-block}
        #Fly_Menu_UL2 li:nth-child(1){width:40px}
        #Fly_Menu_UL2 li:nth-child(2){width:180px}
        #Fly_Menu_UL2 li:nth-child(2) a:hover{opacity:1}
        #Fly_Menu_UL2 li:nth-child(3){}
        #Fly_Menu_UL2 li:nth-child(4){width:15px}
        #Fly_Menu_UL2 li:nth-child(5){}
        #Fly_Menu_UL2 li:nth-child(6){width:15px}
        #Fly_Menu_UL2 li:nth-child(7){}
        #Fly_Menu_UL2 li:nth-child(8){width:15px}
        #Fly_Menu_UL2 li:nth-child(9){}
        #Fly_Menu_UL2 li:nth-child(10){width:15px}
        #Fly_Menu_UL2 li a{font-family:PTS55F; font-size:18px; color:#666666}
        #Fly_Menu_UL2 li a:hover{opacity:0.50}

        #Fly_Menu_UL3{width:265px; height:50px; flex-grow:0; flex-shrink:0; display:flex; align-items:center; justify-content:start /*space-between*/; flex-direction:row}
        #Fly_Menu_UL3 li{display:inline-block}
        #Fly_Menu_UL3 li:nth-child(1){}
        #Fly_Menu_UL3 li:nth-child(2){width:15px}
        #Fly_Menu_UL3 li:nth-child(3){}
        #Fly_Menu_UL3 li:nth-child(4){width:15px}
        #Fly_Menu_UL3 li:nth-child(5){}
        #Fly_Menu_UL3 li:nth-child(6){width:40px}
        #Fly_Menu_UL3 li a{font-family:PTS55F; font-size:18px; color:#666666}
        #Fly_Menu_UL3 li a:hover{opacity:0.50}

  #Logo{width:143px; height:auto; border:none; transition:1s linear}
  @media all and (max-width:600px){#Logo{width:143px; height:auto; border:none; transition:1s linear}}
  #Logo:hover{/*opacity:0.50*/}

  .xNav_Menu{}

  /*Logo_Top*/
  #Logo_Top{display:none}
@media all and (max-width:600px){
  #Logo_Top{width:100%; min-width:360px; height:200px; display:block}
    #Logo_Top ul{width:320px; height:200px; margin:0 auto; flex-grow:0; flex-shrink:0; display:flex; align-items:flex-start; justify-content:center; flex-direction:column}
    #Logo_Top li{display:inline-block}
      #Logo_Top li:nth-child(1){}
      #Logo_Top li:nth-child(1) a:hover{opacity:1}
      #Logo_Top li:nth-child(2){margin:20px 0 0 0}
      #Logo_Top li a{font-family:PTS56F; font-size:18px; color:#0000FF}
      #Logo_Top li a:hover{opacity:0.50}}

  /*Fly Hamburger*/
  #Fly_Hamburger{display:none}
  @media all and (max-width:600px){#Fly_Hamburger{display:block; position:fixed; overflow:hidden; width:100%; height:90px; top:0px; left:0px; transition:1s linear; background-image:none; background-color:#0000FF; z-index:10}}

  #Fly_Hamburger_UL1{display:none}
@media all and (max-width:600px){
    #Fly_Hamburger_UL1{width:360px; height:50px; margin:0 auto; flex-grow:0; flex-shrink:0; display:flex; align-items:flex-start; justify-content:start; flex-direction:row}
    #Fly_Hamburger_UL1 li{display:inline-block}
      #Fly_Hamburger_UL1 li:nth-child(1){margin:30px 0 0 0; width:20px}
      #Fly_Hamburger_UL1 li:nth-child(2){margin:30px 0 0 0}
      #Fly_Hamburger_UL1 li:nth-child(3){margin:25px 0 0 0}
      #Fly_Hamburger_UL1 li:nth-child(4){margin:25px 0 0 230px}
      #Fly_Hamburger_UL1 li:nth-child(5){margin:25px 0 0 15px}
      #Fly_Hamburger_UL1 li:nth-child(6){margin:30px 0 0 0; width:20px}
      #Fly_Hamburger_UL1 li a{font-family:PTS55F; font-size:18px; color:#B2B2B2}
      #Fly_Hamburger_UL1 li a:hover{opacity:0.50}}

  #Fly_Hamburger_UL2{display:none}
@media all and (max-width:600px){
    #Fly_Hamburger_UL2{width:320px; height:35px; margin:0 auto; flex-grow:0; flex-shrink:0; display:flex; align-items:flex-start; justify-content:start; flex-direction:row}
    #Fly_Hamburger_UL2 li{display:inline-block}
      #Fly_Hamburger_UL2 li:nth-child(1){width:40px}
      #Fly_Hamburger_UL2 li:nth-child(2){margin:0 0 0 40px}
      #Fly_Hamburger_UL2 li:nth-child(3){margin:0 0 0 20px}
      #Fly_Hamburger_UL2 li a{font-family:PTS55F; font-size:18px; color:#666666}
      #Fly_Hamburger_UL2 li a:hover{opacity:0.50}}

  /*Fly Menu_Mobile*/
  #Fly_Menu_Mobile{display:none}
@media all and (max-width:600px){
    #Fly_Menu_Mobile{display:block; position:fixed; overflow:hidden; width:100%; height:auto; top:0px; left:0px; background-color:#0000FF; z-index:10}
    #Fly_Menu_Mobile div{width:360px; height:65px; margin:0 auto; background-color:transparent; display:block}
    #Fly_Menu_Mobile img{width:auto; height:25px; border:none; display:block; margin:30px 0 0 20px}
    #Fly_Menu_Mobile nav{width:360px; height:inherit; margin:0 auto; background-color:transparent; display:block}
    #Fly_Menu_Mobile ul{width:360px; height:inherit; display:block; margin:0 auto}
    #Fly_Menu_Mobile li{display:block; margin:0 0 0 60px; padding:0 0 20px 0}
    #Fly_Menu_Mobile li:nth-child(10){height:65px}
    #Fly_Menu_Mobile li a{font-family:PTS55F; font-size:18px; color:#B2B2B2}
    #Fly_Menu_Mobile li a:hover{opacity:0.50}}

  .Hamburger_img{width:auto; height:25px; border:none}
  .xHamburger_Close{position:absolute; overflow:hidden; width:25px; height:auto; left:295px; top:0px; border:none}

  #Arrow{position:relative; width:auto; height:17px; left:20px; top:4px; border:none}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

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

/*About*/
#About{width:100%; height:auto}
  #About_Content{width:944px; height:auto; margin:0 auto; padding:20px 0 10px 0; display:flex; align-items:flex-start; justify-content:start; flex-direction:row; flex-wrap:wrap; font-family:PTS55F; font-size:40px; color:#0000FF}

  span.About{font-family:PTS55F; font-size:16px; color:#0000FF}
@media all and (max-width:600px){
#About{width:100%; height:auto}
  #About_Content{width:320px; height:auto; margin:0 auto; padding:0 0 0 0; display:flex; align-items:flex-start; justify-content:start; flex-direction:row; flex-wrap:wrap; font-family:PTS55F; font-size:30px; color:#0000FF}

  span.About{font-family:PTS55F; font-size:16px; color:#0000FF}}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*Works*/
#Works{width:100%; height:auto}
  #Works_Content{width:calc(100% - 6px); height:auto; margin:0 auto; display:flex; align-items:flex-start; justify-content:start; flex-direction:row; flex-wrap:wrap}

   .xWorks_Item{display:flex; position:relative; width:25%; height:auto; margin:0 0 0 0; flex-grow:0; flex-shrink:0; /*transition:opacity 2s ease; opacity:0*/}

     .xWorks_Miniature{width:100%; height:auto; border:none; border-radius:18px}

     .xWorks_Border{position:absolute; width:100%; height:100%; left:0px; top:0px; border:#FFFFFF solid 4px}

     .xWorks_Blue{position:absolute; width:100%; height:100%; left:0px; top:0px; transition:opacity 0.5s ease; opacity:0; background-image:url(/design/images/Alfa.png)}
     .xWorks_Blue:hover{opacity:1; cursor:pointer}

       .xWorks_Item ul{position:absolute; width:calc(100% - 40px); height:auto; left:20px; top:calc(100% - 260px); display:block; font-family:PTS55F; color:#0000FF}
       .xWorks_Item li{display:block}
       .xWorks_Item li:nth-child(1){display:flex; align-items:flex-end; justify-content:start; flex-direction:row; flex-wrap:wrap; height:200px; font-size:40px; line-height:45px}
       .xWorks_Item li:nth-child(2){height:4px}
       .xWorks_Item li:nth-child(3){display:flex; align-items:flex-end; justify-content:start; flex-direction:row; flex-wrap:wrap; position:relative; left:-8px; font-size:13px}

   span.Category{padding:0 0 0 8px}

   .xW50P{width:50%}

.xLazy_01{} .xLazy_02{} .xLazy_03{} .xLazy_04{}
.xDN_01{display:none} .xDN_02{display:none} .xDN_03{display:none} .xDN_04{display:none}

@media all and (max-width:600px){
#Works{width:100%; height:auto}
  #Works_Content{width:calc(100% - 6px); height:auto; margin:0 auto; display:flex; align-items:flex-start; justify-content:start; flex-direction:column; flex-wrap:wrap}

   .xWorks_Item{display:block; position:relative; width:100%; height:auto; margin:-4px 0 0 0; flex-grow:0; flex-shrink:0}

     .xWorks_Miniature{width:100%; height:auto; border:#FFFFFF solid 4px; border-radius:18px}

     .xWorks_Blue{position:absolute; width:100%; height:100%; left:0px; top:0px; transition:opacity 0.5s ease; opacity:0; background-image:url(/design/images/Alfa.png)}
     .xWorks_Blue:hover{/*opacity:1;*/ cursor:pointer}

       .xWorks_Item ul{position:static; width:100%; height:100%; display:block; font-family:PTS55F; color:#0000FF; text-align:center}
       .xWorks_Item li{display:block}
       .xWorks_Item li:nth-child(1){display:flex; align-items:flex-end; justify-content:center; flex-direction:row; flex-wrap:wrap; height:50%; font-size:40px; line-height:45px}
       .xWorks_Item li:nth-child(2){height:4px}
       .xWorks_Item li:nth-child(3){display:flex; align-items:flex-end; justify-content:center; flex-direction:row; flex-wrap:wrap; font-size:13px}

   span.Category{padding:0 0 0 8px}

   .xW50P{width:100%}}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*Responses*/
#Responses{width:100%; height:auto}
  #Responses_Heading{width:622px; height:100px; margin:0 auto; display:flex; align-items:center; justify-content:start; flex-direction:row; font-family:PTS55F; font-size:45px; color:#0000FF}
    #Responses_Content{width:700px; height:auto; margin:0 auto}
      .xResponses_Item{position:relative; width:700px; height:auto; display:block; padding:20px 40px 60px 40px; margin:0 auto; background-color:#F2F2F2; font-family:PTS55F; color:#666666; font-size:16px; line-height:23px}
      .xResponses_Item a{font-family:PTS55F; font-size:16px; color:#0000FF; text-decoration:underline}
      .xResponses_Item a:hover{color:#E0E0E0}

  .xResponses_Separator{width:100%; height:40px}

  .xResponses_Corner{position:absolute; width:44px; height:22px; left:-44px; top:0px; background-color:#F2F2F2; border-top:22px solid transparent; border-left:44px solid #FFFFFF; border-bottom:22px solid #FFFFFF}

  span.Responses{font-family:PTS55F; font-size:16px; color:#000000}

  #Responses_Button{width:700px; height:100px; margin:0 auto; text-align:center}
@media all and (max-width:600px){
#Responses{width:100%; height:auto}
  #Responses_Heading{width:320px; height:100px; margin:0 auto; display:flex; align-items:center; justify-content:start; flex-direction:row; font-family:PTS55F; font-size:45px; color:#0000FF}
    #Responses_Content{width:360px; height:auto; margin:0 auto}
      .xResponses_Item{position:relative; width:360px; height:auto; display:block; padding:20px 40px 60px 40px; margin:0 auto; background-color:#F2F2F2; font-family:PTS55F; color:#666666; font-size:16px; line-height:23px}
      .xResponses_Item a{font-family:PTS55F; font-size:16px; color:#0000FF; text-decoration:underline}
      .xResponses_Item a:hover{color:#E0E0E0}

  .xResponses_Separator{width:100%; height:40px}

  .xResponses_Corner{position:absolute; width:44px; height:22px; left:-44px; top:0px; background-color:#F2F2F2; border-top:22px solid transparent; border-left:44px solid #FFFFFF; border-bottom:22px solid #FFFFFF; display:none}

  span.Responses{font-family:PTS55F; font-size:16px; color:#000000}

  #Responses_Button{width:320px; height:100px; margin:0 auto; text-align:center}}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*Staff*/
#Staff{width:100%; height:auto; background-color:#FBFBFB} /*#F2F2F2*/
  #Staff_Heading{width:100%; height:100px; margin:0 auto; display:flex; align-items:center; justify-content:center; flex-direction:row; font-family:PTS55F; font-size:45px; color:#0000FF}
  #Staff_Content{width:696px; height:auto; margin:0 auto}

    .xStaff_Item{width:100%; height:260px; display:flex; align-items:flex-start; justify-content:start; flex-direction:row}

      .xStaff_Item div{width:266px; height:auto}

      .xStaff_Item img{position:relative; left:-20px; top:-10px; width:324px; height:auto; border:none}

      .xStaff_Item ul{width:430px; height:inherit; padding-top:30px; font-family:PTS55F; font-size:16px; color:#000000}
        .xStaff_Item li{}
        .xStaff_Item li:nth-child(1){height:30px; font-size:18px; font-weight:bold}
        .xStaff_Item li:nth-child(2){}
        .xStaff_Item li:nth-child(3){}
        .xStaff_Item li:nth-child(4){}
        .xStaff_Item li:nth-child(4){}
        .xStaff_Item li a{font-family:PTS55F; font-size:16px; color:#0000FF; text-decoration:underline}
        .xStaff_Item li a:hover{opacity:0.50}
@media all and (max-width:600px){
#Staff{width:100%; height:auto; background-color:#FBFBFB} /*#F2F2F2*/
  #Staff_Heading{width:100%; height:100px; margin:0 auto; display:flex; align-items:center; justify-content:center; flex-direction:row; font-family:PTS55F; font-size:45px; color:#0000FF}
  #Staff_Content{width:320px; height:auto; margin:0 auto}

    .xStaff_Item{width:100%; height:auto; display:flex; align-items:flex-start; justify-content:start; flex-direction:column}

      .xStaff_Item div{width:100%; height:290px; text-align:center}

      .xStaff_Item img{width:auto; height:240px; border:none}

      .xStaff_Item ul{width:320px; height:inherit; font-family:PTS55F; font-size:16px; color:#000000}
        .xStaff_Item li{}
        .xStaff_Item li:nth-child(1){height:30px; font-size:18px; font-weight:bold}
        .xStaff_Item li:nth-child(2){}
        .xStaff_Item li:nth-child(3){}
        .xStaff_Item li:nth-child(4){}
        .xStaff_Item li:nth-child(5){}
        .xStaff_Item li a{font-family:PTS55F; font-size:16px; color:#0000FF; text-decoration:underline}
        .xStaff_Item li a:hover{opacity:0.50}}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*Contacts*/
#Contacts{width:100%; height:auto; background-color:#FBFBFB} /*#F2F2F2*/
  #Contacts_Heading{width:622px; height:100px; margin:0 auto; display:flex; align-items:center; justify-content:start; flex-direction:row; font-family:PTS55F; font-size:45px; color:#0000FF}
  #Contacts_Relative{position:relative; overflow:visible; border:none; width:100%; height:600px; left:0px; top:0px; display:block}
    #Contacts_Form{position:absolute; overflow:visible; width:552px; height:600px; top:0px; left:calc(50% - 81px); display:flex; align-items:start; justify-content:start; flex-direction:column; /*animation-name:Attention;*/ animation-duration:0.5s; animation-iteration-count:1; animation-timing-function:ease}
      #Contacts_Form input:nth-child(1){margin:0 0 0 0}
      #Contacts_Form input:nth-child(2){margin:0 0 0 0}
      #Contacts_Form input:nth-child(3){margin:20px 0 0 0}
      #Contacts_Form input:nth-child(4){margin:20px 0 0 0}
      #Contacts_Form input:nth-child(5){margin:20px 0 0 0}
      #Contacts_Form textarea:nth-child(6){margin:25px 0 0 0}
      #Contacts_Form input:nth-child(7){margin:70px 0 0 0}

.xContacts_Button{cursor:pointer; width:200px; height:60px; background-color:#FBFBFB /*#F2F2F2*/; border:1px solid #0000FF; text-align:center; font-family:PTS55F; font-size:20px; color:#0000FF; /*transition:1s linear*/}
.xContacts_Button:hover{background-color:#0000FF; color:#F2F2F2}
@media all and (max-width:600px){
#Contacts{width:100%; height:auto; background-color:#FBFBFB} /*#F2F2F2*/
  #Contacts_Heading{width:360px; height:100px; margin:0 auto; display:flex; align-items:center; justify-content:start; flex-direction:row; font-family:PTS55F; font-size:45px; color:#0000FF}
  #Contacts_Relative{position:relative; overflow:visible; border:none; width:100%; height:600px; left:0px; top:0px; display:block}
    #Contacts_Form{position:absolute; overflow:visible; width:320px; height:600px; top:0px; left:calc(50% - 160px); display:flex; align-items:start; justify-content:start; flex-direction:column; /*animation-name:Attention;*/ animation-duration:0.5s; animation-iteration-count:1; animation-timing-function:ease}
      #Contacts_Form input:nth-child(1){margin:0 0 0 0}
      #Contacts_Form input:nth-child(2){margin:0 0 0 0}
      #Contacts_Form input:nth-child(3){margin:20px 0 0 0}
      #Contacts_Form input:nth-child(4){margin:20px 0 0 0}
      #Contacts_Form input:nth-child(5){margin:20px 0 0 0}
      #Contacts_Form textarea:nth-child(6){margin:20px 0 0 0}
      #Contacts_Form input:nth-child(7){margin:70px 0 0 0}

.xContacts_Button{cursor:pointer; width:200px; height:60px; background-color:#FBFBFB /*#F2F2F2*/; border:1px solid #0000FF; text-align:center; font-family:PTS55F; font-size:20px; color:#0000FF; /*transition:1s linear*/}
.xContacts_Button:hover{background-color:#0000FF; color:#F2F2F2}}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*Contacts_Messages*/
#Contacts_Messages{width:100%; height:auto; background-color:#F2F2F2; display:none}
  #Contacts_Messages_Content{width:700px; height:auto; padding:40px 0 0 267px; margin:0 auto; display:flex; align-items:flex-start; justify-content:start; flex-direction:row; font-family:PTS55F; font-size:45px; color:#0000FF}
@media all and (max-width:600px){
#Contacts_Messages{width:100%; height:auto; background-color:#F2F2F2; display:none}
  #Contacts_Messages_Content{width:320px; height:auto; padding:40px 0 40px 0; margin:0 auto; display:flex; align-items:flex-start; justify-content:start; flex-direction:row; font-family:PTS55F; font-size:45px; color:#0000FF}}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*Clients*/
#Clients{width:100%; height:auto}
  #Clients_Content{width:944px; height:auto; margin:0 auto; display:flex; align-items:flex-start; justify-content:flex-end; flex-direction:row}
  #Clients_Heading{width:200px; height:auto; display:flex; align-items:flex-start; justify-content:flex-end; flex-direction:row; font-family:PTS55F; font-size:45px; color:#0000FF}
  #Clients_Separator{width:60px; height:auto}
  #Clients_Text{position:relative; width:552px; height:auto; left:0px; top:8px; display:flex; align-items:flex-start; justify-content:flex-start; flex-direction:row; font-family:PTS55F; font-size:18px; color:#7F7F7F; line-height:27px}

  #Clients img{width:987px; height:auto; border:none}
@media all and (max-width:600px){
#Clients{width:100%; height:auto}
  #Clients_Content{width:320px; height:auto; margin:0 auto}
  #Clients_Heading{width:100%; height:80px; display:flex; align-items:flex-start; justify-content:center; flex-direction:row; font-family:PTS55F; font-size:45px; color:#0000FF}
  #Clients_Separator{width:60px; height:auto}
  #Clients_Text{position:relative; width:100%; height:auto; left:20px; top:0px; display:flex; align-items:flex-start; justify-content:center; flex-direction:row; font-family:PTS55F; font-size:18px; color:#7F7F7F; line-height:27px}

  #Clients img{width:100%; height:auto; border:none}}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*Packages*/
#Packages{width:100%; height:auto}
  #Packages_Content{width:100%; height:auto}
    .xPackages_Item{display:block; width:944px; height:auto; margin:0 auto}
      .xPackages_Item ul{width:690px; height:auto; margin:0 0 0 182px; display:block}
      .xPackages_Item li{display:block}
      .xPackages_Item li:nth-child(1){height:60px /*200px*/; display:flex; align-items:center; justify-content:start; flex-direction:row; flex-wrap:wrap; font-family:PTS55F; font-size:60px; color:#0000FF}
      .xPackages_Item li:nth-child(2){font-family:PTS55F; font-size:16px; color:#666666; line-height:23px}
      .xPackages_Item li:nth-child(3){height:60px}
      .xPackages_Item li:nth-child(4){width:360px; height:150px; text-align:right}

     .xPackages_Miniature{width:100%; height:auto; border:none}

    .xPackages_Div{display:block; width:944px; height:auto; margin:0 auto}
    .xPackages_Name{width:690px; height:200px; margin:0 0 0 182px; display:flex; align-items:center; justify-content:start; flex-direction:row; flex-wrap:wrap; font-family:PTS55F; font-size:60px; color:#0000FF}
@media all and (max-width:600px){
#Packages{width:100%; height:auto}
  #Packages_Content{width:100%; height:auto}
    .xPackages_Item{display:block; width:320px; height:auto; margin:-4px auto}
      .xPackages_Item ul{width:320px; height:auto; margin:0 0 0 0; display:block}
      .xPackages_Item li{display:block}
      .xPackages_Item li:nth-child(1){height:60px /*100px*/; display:flex; align-items:center; justify-content:start; flex-direction:row; flex-wrap:wrap; font-family:PTS55F; font-size:30px; color:#0000FF}
      .xPackages_Item li:nth-child(2){font-family:PTS55F; font-size:16px; color:#666666; line-height:23px}
      .xPackages_Item li:nth-child(3){height:60px}
      .xPackages_Item li:nth-child(4){height:150px; text-align:center}

     .xPackages_Miniature{width:100%; height:auto; border:none}

    .xPackages_Div{display:block; width:320px; height:auto; margin:-4px auto}
    .xPackages_Name{width:320px; height:100px; margin:0 0 0 0; display:flex; align-items:center; justify-content:start; flex-direction:row; flex-wrap:wrap; font-family:PTS55F; font-size:30px; color:#0000FF}}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*Price*/
#Price{width:100%; height:auto}
  #Price_Content{width:900px; height:auto; margin:0 auto; display:flex; align-items:flex-start; justify-content:start; flex-direction:row; flex-wrap:wrap}
    .xPrice_Item{display:block; width:300px; height:830px; flex-grow:0; flex-shrink:0}
      .xPrice_Item ul{width:220px; height:auto; margin:0 0 0 80px; display:block; font-family:PTS55F; font-size:16px; color:#666666}
      .xPrice_Item li{display:block}
      .xPrice_Item li:nth-child(1){height:150px}
      .xPrice_Item li:nth-child(2){height:40px}
      .xPrice_Item li:nth-child(3){height:100px; font-family:PTS55F; font-size:30px; color:#0000FF; text-decoration:none; line-height:36px}
      .xPrice_Item li:nth-child(4){line-height:23px}
      .xPrice_Item li a{font-family:PTS55F; font-size:16px; color:#0000FF; text-decoration:underline}
      .xPrice_Item li a:hover{opacity:0.50}

     .xPrice_Miniature{width:auto; height:150px; border:none}

  #Price_Footer{width:944px; height:auto; margin:0 auto; text-align:center; font-family:PTS56F; font-size:16px; color:#0000FF}

  #Price_Flash{width:944px; height:auto; margin:0 auto; text-align:center}
    #Price_Flash img{width:auto; height:194px; border:none}
	
  .xPrice_Separator{display:none}
@media all and (max-width:600px){
#Price{width:100%; height:auto}
  #Price_Content{width:320px; height:auto; margin:0 auto; display:flex; align-items:flex-start; justify-content:start; flex-direction:row; flex-wrap:wrap}
    .xPrice_Item{display:block; width:320px; height:auto; flex-grow:0; flex-shrink:0}
      .xPrice_Item ul{display:block; font-family:PTS56F; font-size:16px; color:#666666}
      .xPrice_Item li{display:block}
      .xPrice_Item li:nth-child(1){height:150px}
      .xPrice_Item li:nth-child(2){height:40px}
      .xPrice_Item li:nth-child(3){height:100px; font-family:PTS55F; font-size:30px; color:#0000FF; text-decoration:none; line-height:36px}
      .xPrice_Item li:nth-child(4){line-height:23px}
      .xPrice_Item li a{font-family:PTS55F; font-size:16px; color:#0000FF; text-decoration:underline}
      .xPrice_Item li a:hover{opacity:0.50}

     .xPrice_Miniature{width:auto; height:150px; border:none}

  #Price_Footer{width:320px; height:auto; margin:0 auto; text-align:center; font-family:PTS56F; font-size:16px; color:#0000FF}

  #Price_Flash{width:320px; height:auto; margin:0 auto; text-align:center}
    #Price_Flash img{width:auto; height:194px; border:none}

  .xPrice_Separator{display:block; width:100%; height:60px}}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*Packages_x*/
#Packages_x{width:100%; height:auto}
  #Packages_x_Content{width:1024px; height:auto; margin:0 auto; display:flex; align-items:flex-start; justify-content:start; flex-direction:row; flex-wrap:wrap}
    .xPackages_x_Item{display:block; width:340px; height:850px; flex-grow:0; flex-shrink:0}
      .xPackages_x_Item ul{width:265px; height:auto; margin:0 0 0 40px; display:block; font-family:PTS55F; font-size:16px; color:#666666}
      .xPackages_x_Item li{display:block}
      .xPackages_x_Item li:nth-child(1){position:relative; height:265px}
      .xPackages_x_Item li:nth-child(2){height:50px}
      .xPackages_x_Item li:nth-child(3){line-height:23px}

     .xPackages_x_Miniature{width:auto; height:265px; border:none}
     .xPackages_x_Name{position:absolute; overflow:hidden; width:150px; height:265px; top:0; left:57px; text-align:center; display:flex; align-items:center; justify-content:center; flex-direction:row; flex-wrap:wrap; font-family:PTS55F; font-size:16px; color:#FFFFFF}

  #Packages_x_Button{width:700px; height:100px; margin:0 auto; text-align:center}
  
  .xPackages_x_Separator{display:none}
@media all and (max-width:600px){
#Packages_x{width:100%; height:auto}
  #Packages_x_Content{width:360px; height:auto; margin:0 auto; display:flex; align-items:flex-start; justify-content:start; flex-direction:row; flex-wrap:wrap}
    .xPackages_x_Item{display:block; width:360px; height:auto; flex-grow:0; flex-shrink:0}
      .xPackages_x_Item ul{width:320px; height:auto; margin:0 0 0 20px; display:block; font-family:PTS55F; font-size:16px; color:#666666}
      .xPackages_x_Item li{display:block}
      .xPackages_x_Item li:nth-child(1){position:relative; height:320px}
      .xPackages_x_Item li:nth-child(2){height:50px}
      .xPackages_x_Item li:nth-child(3){line-height:23px}

     .xPackages_x_Miniature{width:auto; height:320px; border:none}
     .xPackages_x_Name{position:absolute; overflow:hidden; width:180px; height:320px; top:0; left:70px; text-align:center; display:flex; align-items:center; justify-content:center; flex-direction:row; flex-wrap:wrap; font-family:PTS55F; font-size:16px; color:#FFFFFF}

  #Packages_x_Button{width:320px; height:100px; margin:0 auto; text-align:center}
  
  .xPackages_x_Separator{display:block; width:100%; height:100px}}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*Services*/
#Services{width:100%; height:auto}
  #Services_Content{width:100%; height:auto}

    .xServices_Item{width:944px; height:auto; margin:0 auto; display:flex; align-items:flex-start; justify-content:start; flex-direction:row}

      .xServices_Link{display:block; width:183px; height:50px; padding:5px 0 0 0}
        .xServices_Link a{font-family:PTS56F; font-size:16px; color:#0000FF; line-height:23px}
        .xServices_Link a:hover{opacity:0.50}

      .xServices_Item ul{width:497px; height:auto; display:block}
      .xServices_Item li{display:block}
      .xServices_Item li:nth-child(1){display:flex; align-items:center; justify-content:start; flex-direction:row; flex-wrap:wrap; font-family:PTS55F; font-size:34px; color:#000000; line-height:37px;}
      .xServices_Item li:nth-child(2){height:20px}
      .xServices_Item li:nth-child(3){font-family:PTS55F; font-size:16px; color:#666666; line-height:23px}
        .xServices_Item li:nth-child(3) a{font-family:PTS55F; font-size:16px; color:#0000FF; text-decoration:underline}
        .xServices_Item li:nth-child(3) a:hover{opacity:0.50}
      .xServices_Item li:nth-child(4){height:100px}
@media all and (max-width:600px){
#Services{width:100%; height:auto}
  #Services_Content{width:100%; height:auto}

    .xServices_Item{width:320px; height:auto; margin:0 auto; display:flex; align-items:flex-start; justify-content:start; flex-direction:column}

      .xServices_Link{display:block; width:100%; min-height:5px; height:auto; padding:5px 0 0 0}
        .xServices_Link a{font-family:PTS56F; font-size:16px; color:#0000FF; line-height:23px; text-decoration:underline}
        .xServices_Link a:hover{opacity:0.50}

      .xServices_Item ul{width:100%; height:auto; display:block}
      .xServices_Item li{display:block}
      .xServices_Item li:nth-child(1){display:flex; align-items:center; justify-content:start; flex-direction:row; flex-wrap:wrap; font-family:PTS56F; font-size:34px; color:#000000; line-height:37px;}
      .xServices_Item li:nth-child(2){height:20px}
      .xServices_Item li:nth-child(3){font-family:PTS56F; font-size:16px; color:#666666; line-height:23px}
        .xServices_Item li:nth-child(3) a{font-family:PTS56F; font-size:16px; color:#0000FF; text-decoration:underline}
        .xServices_Item li:nth-child(3) a:hover{opacity:0.50}
      .xServices_Item li:nth-child(4){height:20px}

  .xServices_Separator{width:100%; height:50px}}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*Blogs*/
#Blogs{width:100%; height:auto}
  #Blogs_Heading{width:100%; height:100px; display:flex; align-items:center; justify-content:center; flex-direction:row; font-family:PTS55F; font-size:45px; color:#0000FF}
  #Blogs_Content{width:1020px; height:auto; margin:0 auto; display:flex; align-items:flex-start; justify-content:start; flex-direction:row; flex-wrap:wrap}

    .xBlogs_Item{width:340px; height:350px; display:block; text-align:center; transition:opacity 0.5s ease; font-family:PTS55F; font-size:16px; color:#666666; line-height:23px}
    .xBlogs_Item:hover{opacity:0.50; cursor:pointer}
      .xBlogs_Item ul{width:100%; height:auto; display:block}
      .xBlogs_Item li{display:block}
      .xBlogs_Item li:nth-child(1){}
      .xBlogs_Item li:nth-child(2){height:50px}
      .xBlogs_Item li:nth-child(3){margin:0 0 0 35px; text-align:left}

  .xBlogs_Miniature{width:300px; height:auto; border:none}
@media all and (max-width:600px){
#Blogs{width:100%; height:auto}
  #Blogs_Heading{width:100%; height:100px; display:flex; align-items:center; justify-content:center; flex-direction:row; font-family:PTS55F; font-size:45px; color:#0000FF}
  #Blogs_Content{width:320px; height:auto; margin:0 auto; display:flex; align-items:flex-start; justify-content:start; flex-direction:row; flex-wrap:wrap}

    .xBlogs_Item{width:320px; height:350px; display:block; text-align:center; transition:opacity 0.5s ease; font-family:PTS55F; font-size:16px; color:#666666; line-height:23px}
    .xBlogs_Item:hover{opacity:0.50; cursor:pointer}
      .xBlogs_Item ul{width:100%; height:auto; display:block}
      .xBlogs_Item li{display:block}
      .xBlogs_Item li:nth-child(1){}
      .xBlogs_Item li:nth-child(2){height:30px}
      .xBlogs_Item li:nth-child(3){margin:0 0 0 0; text-align:left}

  .xBlogs_Miniature{width:320px; height:auto; border:none}}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*Blog*/
#Blog{width:100%; height:auto}
  #Blog_Content{width:980px; height:auto; display:block; margin:0 auto}
    #Blog_Content ul{width:100%; height:auto; display:block}
    #Blog_Content li{display:block}
    #Blog_Content li:nth-child(1){text-align:center; font-family:PTS55F; font-size:45px; color:#97B0CF}
    #Blog_Content li:nth-child(2){height:50px}
    #Blog_Content li:nth-child(3){}
    #Blog_Content li:nth-child(4){height:50px}
    #Blog_Content li:nth-child(5){width:880px; margin:0 auto; text-align:left; font-family:PTS55F; font-size:16px; color:#666666; line-height:23px}
    #Blog_Content li:nth-child(5) a{color:#58595B; text-decoration:underline}
    #Blog_Content li:nth-child(5) a:hover{opacity:0.50}

  .xBlog_Miniature{width:980px; height:auto; border:none}
@media all and (max-width:600px){
#Blog{width:100%; height:auto}
  #Blog_Content{width:320px; height:auto; display:block; margin:0 auto}
    #Blog_Content ul{width:100%; height:auto; display:block}
    #Blog_Content li{display:block}
    #Blog_Content li:nth-child(1){text-align:center; font-family:PTS55F; font-size:35px; color:#97B0CF}
    #Blog_Content li:nth-child(2){height:50px}
    #Blog_Content li:nth-child(3){}
    #Blog_Content li:nth-child(4){height:50px}
    #Blog_Content li:nth-child(5){width:320px; margin:0 auto; text-align:left; font-family:PTS55F; font-size:16px; color:#666666; line-height:23px}
    #Blog_Content li:nth-child(5) a{color:#58595B; text-decoration:underline}
    #Blog_Content li:nth-child(5) a:hover{opacity:0.50}

  .xBlog_Miniature{width:320px; height:auto; border:none}}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*Cookies*/
#Cookies{width:100%; height:auto}
  #Cookies_Content{width:100%; height:auto}
    .xCookies_Item{width:944px; height:auto; margin:0 auto; display:flex; align-items:flex-start; justify-content:start; flex-direction:row}
      .xCookies_Free{display:block; width:180px; min-height:100px; height:auto}
      .xCookies_Text{display:block; width:700px; min-height:100px; height:auto; font-family:PTS55F; font-size:16px; color:#666666; line-height:23px}
@media all and (max-width:600px){
  #Cookies{width:100%; height:auto}
    #Cookies_Content{width:100%; height:auto}
      .xCookies_Item{width:360px; height:auto; margin:0 auto; display:flex; align-items:flex-start; justify-content:start; flex-direction:row}
        .xCookies_Free{display:block; width:20px; min-height:100px; height:auto}
        .xCookies_Text{display:block; width:320px; min-height:100px; height:auto; font-family:PTS55F; font-size:16px; color:#666666; line-height:23px}}

  span.Cookies{font-family:PTS55F; font-size:16px; color:#000000; font-weight:bold}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*Privacy*/
#Privacy{width:100%; height:auto}
  #Privacy_Content{width:100%; height:auto}
    .xPrivacy_Item{width:944px; height:auto; margin:0 auto; display:flex; align-items:flex-start; justify-content:start; flex-direction:row}
      .xPrivacy_Free{display:block; width:180px; min-height:100px; height:auto}
      .xPrivacy_Text{display:block; width:700px; min-height:100px; height:auto; font-family:PTS55F; font-size:16px; color:#666666; line-height:23px}
@media all and (max-width:600px){
  #Privacy{width:100%; height:auto}
    #Privacy_Content{width:100%; height:auto}
      .xPrivacy_Item{width:360px; height:auto; margin:0 auto; display:flex; align-items:flex-start; justify-content:start; flex-direction:row}
        .xPrivacy_Free{display:block; width:20px; min-height:100px; height:auto}
        .xPrivacy_Text{display:block; width:320px; min-height:100px; height:auto; font-family:PTS55F; font-size:16px; color:#666666; line-height:23px}}

  span.Privacy{font-family:PTS55F; font-size:16px; color:#000000; font-weight:bold}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*Work*/
#Work{width:100%; min-width:1024px; height:auto; text-align:center}
  #Work_Content{width:100%; height:auto; margin:0 auto; display:flex; align-items:flex-start; justify-content:center; flex-direction:row; flex-wrap:wrap}
    .xWork_Item{width:944px; height:auto; margin:0 auto; display:flex; align-items:flex-start; justify-content:start; flex-direction:row}
      .xWork_Free{display:block; width:180px; min-height:100px; height:auto}
      .xWork_Text{display:block; width:710px; min-height:100px; height:auto; margin:25px 0 70px 0; text-align:left; font-family:PTS55F; font-size:16px; color:#666666; line-height:23px}
      .xWork_Text a{color:#0000FF; text-decoration:underline}
      .xWork_Text a:hover{opacity:0.50}

    .xWork_Miniature{width:auto; height:100%; border:none; vertical-align:bottom; border-radius:18px}
    .xWork_Miniature_First{width:100%; height:auto; border:none; vertical-align:bottom; border-radius:18px}

    .xWork_Video{width:600px; height:340px; border:none}

    .xWork_Image{position:relative; width:100%; height:auto}
    .xWork_Name{position:absolute; width:100%; height:100%; left:0px; top:0px; display:flex; align-items:center; justify-content:center; flex-direction:column; font-family:PTS55F; font-size:85px; color:#FFFFFF}

  #Work_Next{width:100%; height:200px; display:flex; align-items:center; justify-content:center}
    #Work_Next a{font-family:PTS56F; font-size:23px; color:#0000FF}
    #Work_Next a:hover{opacity:0.50}
    #Work_Next img{position:relative; width:auto; height:15px; left:15px; top:2px; border:none}

  span.Work{font-family:PTS56F; font-size:18px; color:#000000; line-height:36px}
  span.Work_Category{padding:50px 0 0 0; font-family:PTS56F; font-size:18px; color:#FFFFFF}

  .xWork_Separator{width:100%; height:0px}

  .xP50{padding:50px 0 70px 0}
@media all and (max-width:600px){
#Work{width:100%; min-width:360px; height:auto; text-align:center}
  #Work_Content{width:100%; height:auto}
    .xWork_Item{width:320px; min-height:50px; height:auto; margin:-4px auto; display:flex; align-items:flex-start; justify-content:start; flex-direction:row}
      .xWork_Free{display:block; width:0px; height:auto; display:none}
      .xWork_Text{display:block; width:320px; min-height:100px; height:auto; margin:15px 0 35px 0; text-align:left; font-family:PTS55F; font-size:16px; color:#666666; line-height:23px}
      .xWork_Text a{color:#0000FF; text-decoration:underline}
      .xWork_Text a:hover{opacity:0.50}

    .xWork_Miniature{width:100%; height:auto; border:none; vertical-align:bottom; border-radius:18px}
    .xWork_Miniature_First{width:100%; height:auto; border:none; vertical-align:bottom; border-radius:18px}

    .xWork_Video{width:320px; height:320px; border:none}

    .xWork_Image{position:relative; width:100%; height:auto}
    .xWork_Name{position:absolute; width:100%; height:100%; left:0px; top:0px; display:flex; align-items:center; justify-content:center; flex-direction:column; font-family:PTS55F; font-size:25px; color:#FFFFFF}

  #Work_Next{width:100%; height:200px; display:flex; align-items:center; justify-content:center}
    #Work_Next a{position:relative; left:-20px; font-family:PTS56F; font-size:18px; color:#0000FF}
    #Work_Next a:hover{opacity:0.50}
    #Work_Next img{position:relative; width:auto; height:17px; left:20px; top:4px; border:none}

  span.Work{font-family:PTS56F; font-size:18px; color:#000000; line-height:36px}
  span.Work_Category{padding:10px 0 0 0; font-family:PTS56F; font-size:10px; color:#FFFFFF}

  .xWork_Separator{width:100%; height:10px}

  .xP50{padding:0 0 0 0}}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*Slider*/
#Slider{position:relative; overflow:hidden; width:100%; height:200px}
  #Slider_Content{position:absolute; width:auto; height:200px; left:0px; top:0px; display:flex; align-items:flex-start; justify-content:start; flex-direction:row; flex-wrap:nowrap}
    #Slider_Content img{width:auto; height:200px; border:none; transition:1s linear}
    #Slider_Content img:hover{cursor:pointer; opacity:0.50}

.xSlider{width:0px; height:0px; display:none}

.xSlide_Image{}
@media all and (max-width:600px){
#Slider{position:relative; overflow:hidden; width:100%; height:100px}
  #Slider_Content{position:absolute; width:auto; height:100px; left:0px; top:0px; display:flex; align-items:flex-start; justify-content:start; flex-direction:row; flex-wrap:nowrap}
    #Slider_Content img{width:auto; height:100px; border:none; transition:1s linear}
    #Slider_Content img:hover{cursor:pointer; opacity:0.50}

.xSlider{width:0px; height:0px; display:none}

.xSlide_Image{}}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*Section: Footer*/
#Footer{width:100%; height:auto; background-color:#FFFFFF}
  #Footer_Content{display:block; width:944px; height:auto; margin:0 auto}

    #Footer_Menu_UL1{width:200px; height:auto; margin:0 auto; flex-grow:0; flex-shrink:0; display:flex; align-items:center; justify-content:space-between; flex-direction:row; font-family:PTS55F; font-size:14px; color:#666666}
      #Footer_Menu_UL1 li{display:inline-block}
      #Footer_Menu_UL1 li:nth-child(1){}
      #Footer_Menu_UL1 li:nth-child(2){}
      #Footer_Menu_UL1 li:nth-child(3){}

    #Footer_Menu_UL2{width:944px; height:100px; margin:0 auto; display:flex; align-items:center; justify-content:center; flex-direction:row; font-family:PTS55F; font-size:18px; color:#666666}
      #Footer_Menu_UL2 li{display:inline-block}
      #Footer_Menu_UL2 li:nth-child(1){width:457px; text-align:right}
      #Footer_Menu_UL2 li:nth-child(2){width:30px; text-align:center}
      #Footer_Menu_UL2 li:nth-child(3){width:457px}
      #Footer_Menu_UL2 li a{font-family:PTS55F; font-size:18px; color:#666666}
      #Footer_Menu_UL2 li a:hover{opacity:0.50}

    #Footer_Menu_UL3{display:block; width:944px; height:auto; margin:0 auto; text-align:center; font-family:PTS55F; font-size:16px; color:#666666}
      #Footer_Menu_UL3 li{display:block}
      #Footer_Menu_UL3 li:nth-child(1){}
      #Footer_Menu_UL3 li:nth-child(2){}
      #Footer_Menu_UL3 li:nth-child(3){height:25px}
      #Footer_Menu_UL3 li:nth-child(4){}
      #Footer_Menu_UL3 li:nth-child(5){height:30px}
      #Footer_Menu_UL3 li a{font-family:PTS55F; font-size:16px; color:#666666; text-decoration:underline}
      #Footer_Menu_UL3 li a:hover{opacity:0.50}

@media all and (max-width:600px){
#Footer{width:100%; height:auto; background-color:#FFFFFF}
  #Footer_Content{display:block; width:320px; height:auto; margin:0 auto}

    #Footer_Menu_UL1{width:180px; height:auto; margin:0 auto; flex-grow:0; flex-shrink:0; display:flex; align-items:center; justify-content:space-between; flex-direction:row; font-family:PTS55F; font-size:14px; color:#666666}
      #Footer_Menu_UL1 li{display:inline-block}
      #Footer_Menu_UL1 li:nth-child(1){}
      #Footer_Menu_UL1 li:nth-child(2){}
      #Footer_Menu_UL1 li:nth-child(3){}

    #Footer_Menu_UL2{width:320px; height:124px; margin:0 auto; display:flex; align-items:center; justify-content:center; flex-direction:row; font-family:PTS55F; font-size:18px; color:#666666}
      #Footer_Menu_UL2 li{display:inline-block}
      #Footer_Menu_UL2 li:nth-child(1){width:145px; text-align:right}
      #Footer_Menu_UL2 li:nth-child(2){width:30px; text-align:center}
      #Footer_Menu_UL2 li:nth-child(3){width:145px}
      #Footer_Menu_UL2 li a{font-family:PTS55F; font-size:18px; color:#666666}
      #Footer_Menu_UL2 li a:hover{opacity:0.50}

    #Footer_Menu_UL3{display:block; width:320px; height:auto; margin:0 auto; text-align:center; font-family:PTS55F; font-size:16px; color:#666666}
      #Footer_Menu_UL3 li{display:block}
      #Footer_Menu_UL3 li:nth-child(1){}
      #Footer_Menu_UL3 li:nth-child(2){}
      #Footer_Menu_UL3 li:nth-child(3){height:54px}
      #Footer_Menu_UL3 li:nth-child(4){}
      #Footer_Menu_UL3 li:nth-child(5){height:90px}
      #Footer_Menu_UL3 li a{font-family:PTS55F; font-size:16px; color:#666666; text-decoration:underline}
      #Footer_Menu_UL3 li a:hover{opacity:0.50}}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*Cookies accept*/
#Cookies_Accept{position:fixed; overflow:hidden; width:calc(100% - 26px); height:80px; top:calc(100% - 80px); left:13px; text-align:center; background-color:#F1E8E9; z-index:4; 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}
  #Cookies_Accept div{width:auto; margin:20px 0 0 15px; text-align:center; display:inline-block; font-family:PTS55F; font-size:11pt}
    #Cookies_Accept div:nth-child(1){}
    #Cookies_Accept div:nth-child(1) a{color:#000000; text-decoration:underline}
    #Cookies_Accept div:nth-child(1) a:hover{opacity:0.50}
    #Cookies_Accept div:nth-child(2){}

  .xButton_Cookies{width:160px; height:40px; border:1px solid #000000; border-radius:40px; background-color:#000000; display:flex; align-items:center; justify-content:center; flex-direction:row; font-family:PTS55F; font-size:14px; color:#FFFFFF}
  .xButton_Cookies:hover{cursor:pointer; background-color:#FFFFFF; color:#000000}
@media all and (max-width:600px){
#Cookies_Accept{position:fixed; overflow:hidden; width:calc(100% - 26px); height:80px; top:calc(100% - 80px); left:13px; text-align:center; background-color:#F1E8E9; z-index:4; 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}
  #Cookies_Accept div{width:auto; margin:20px 0 0 15px; text-align:center; display:inline-block; font-family:PTS55F; font-size:11pt}
    #Cookies_Accept div:nth-child(1){}
    #Cookies_Accept div:nth-child(1) a{color:#000000; text-decoration:underline}
    #Cookies_Accept div:nth-child(1) a:hover{opacity:0.50}
    #Cookies_Accept div:nth-child(2){}

  .xButton_Cookies{width:160px; height:40px; border:1px solid #000000; border-radius:40px; background-color:#000000; display:flex; align-items:center; justify-content:center; flex-direction:row; font-family:PTS55F; font-size:14px; color:#FFFFFF}
  .xButton_Cookies:hover{cursor:pointer; background-color:#FFFFFF; color:#000000}}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.xArrow_Left{position:absolute; overflow:hidden; width:auto; height:20px; top:calc(50% - 10px); left:0px; border:none; transition:opacity 0.5s ease; z-index:1}
.xArrow_Left:hover{opacity:0.50}
.xArrow_Right{position:absolute; overflow:hidden; width:auto; height:20px; top:calc(50% - 10px); left:calc(100% - 20px); border:none; transition:opacity 0.5s ease; z-index:1}
.xArrow_Right:hover{opacity:0.50}

.xSocnet_img{width:auto; height:22px; border:none; transition:opacity 0.5s ease}
.xSocnet_img:hover{opacity:0.50}

h1{font:inherit; font-size:40px; line-height:inherit}/*Заголовок №1*/
h2{font:inherit; font-size:inherit; color:#0000FF; line-height:inherit} /*Packages - Заголовок №2*/
h3{font-family:FiraSans-Bold; font-size:inherit; color:#000000; line-height:normal}
h4{font-family:inherit; font-size:inherit; color:#DA4C1C; line-height:normal}
h5{font-family:FiraSans-Bold; font-size:200px; color:#FFFFFF}

.xVisible_Text{transition:2s ease; opacity:1}
.xInvisible_Text{transition:0s ease; opacity:0}

.xSection_img{width:100%; height:auto; border:none; display:block}

.xSeparator{width:100%; height:60px}

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

@media all and (max-width:600px){
.xArrow_Left{position:absolute; overflow:hidden; width:auto; height:20px; top:calc(50% - 10px); left:0px; border:none; transition:opacity 0.5s ease; z-index:1}
.xArrow_Left:hover{opacity:0.50}
.xArrow_Right{position:absolute; overflow:hidden; width:auto; height:20px; top:calc(50% - 10px); left:calc(100% - 20px); border:none; transition:opacity 0.5s ease; z-index:1}
.xArrow_Right:hover{opacity:0.50}

.xSocnet_img{width:auto; height:22px; border:none; transition:opacity 0.5s ease}
.xSocnet_img:hover{opacity:0.50}

h1{font:inherit; font-size:40px; line-height:inherit}/*Заголовок №1*/
h2{font:inherit; font-size:inherit; color:#0000FF; line-height:inherit} /*Packages - Заголовок №2*/
h3{font-family:FiraSans-Bold; font-size:inherit; color:#000000; line-height:normal}
h4{font-family:inherit; font-size:inherit; color:#DA4C1C; line-height:normal}
h5{font-family:FiraSans-Bold; font-size:200px; color:#FFFFFF}

.xVisible_Text{transition:2s ease; opacity:1}
.xInvisible_Text{transition:0s ease; opacity:0}

.xSection_img{width:100%; height:auto; border:none; display:block}

.xSeparator{width:100%; height:60px}

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

/*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:PTS55F; font-size:12px; color:#6F92B5}

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

.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}

@media all and (max-width:600px){
.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:PTS55F; font-size:12px; color:#6F92B5}

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

.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}}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*Forms*/
.xInput{width:550px; height:40px; background-color:#FBFBFB /*#F2F2F2*/; border:none; border-bottom:1px solid #DCDCDC; font-family:PTS55F; font-size:18px; color:#7F7F7F}

.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:PTS55F; 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:PTS55F; font-size:64px; color:#7F7F7F; line-height:20px}

.xButton{cursor:pointer; width:200px; height:60px; background-color:#FFFFFF; border:1px solid #0000FF; text-align:center; font-family:PTS55F; font-size:20px; color:#0000FF; /*transition:1s linear*/}
.xButton:hover{background-color:#0000FF; 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; -ms-user-select:none; user-select:none; font-family:PTS55F; 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::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; -ms-user-select:none; user-select:none; font-family:PTS55F; font-size:11pt; 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::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:11pt}

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

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

.xStar_01{background:url(/design/images/Star.jpg) no-repeat 10px 10px / 7px}

.xInvisible_Star{background-image:url(/design/images/Trans.png); background-repeat:no-repeat}
@media all and (max-width:600px){
.xInput{width:320px; height:40px; background-color:#FBFBFB /*#F2F2F2*/; border:none; border-bottom:1px solid #DCDCDC; font-family:PTS55F; font-size:18px; color:#7F7F7F}

.xTextarea{width:320px; 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:PTS55F; font-size:18px; color:#7F7F7F}

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

.xButton{cursor:pointer; width:200px; height:60px; background-color:#FFFFFF; border:1px solid #0000FF; text-align:center; font-family:PTS55F; font-size:20px; color:#0000FF; /*transition:1s linear*/}
.xButton:hover{background-color:#0000FF; 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; -ms-user-select:none; user-select:none; font-family:PTS55F; 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::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; -ms-user-select:none; user-select:none; font-family:PTS55F; font-size:11pt; 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::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:11pt}

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

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

.xStar_01{background:url(/design/images/Star.jpg) no-repeat 10px 10px / 7px}

.xInvisible_Star{background-image:url(/design/images/Trans.png); background-repeat:no-repeat}}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.xForm_Select_Emulation_Div{position:relative; display:inline-block; width:300px; height:40px; text-align:center}
  .xForm_Select_Emulation_Div:after{position:absolute; width:20px; height:20px; top:10px; right:10px; content:''; background-image:url(/design/images/images/Arrow_Down.png); background-position:center; background-repeat:no-repeat; background-size:auto 100%;} /*Selection icon*/
  .xForm_Select_Emulation{position:absolute; overflow:auto; overflow-x:hidden; width:300px; height:90px; left:0px; top:45px; background-color:#FFFFFF; border-radius:4px; border:1px solid #D3C7BB; display:flex; align-items:center; justify-content:center; flex-direction:row; cursor:pointer; display:none; z-index:1}
  .xForm_Select_Emulation ul{position:absolute; overflow:auto; width:inherit; height:auto; top:5px; left:0px; box-sizing:border-box; margin:1px 0 0 0; padding:0; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none}
  .xForm_Select_Emulation li{position:relative; display:block; text-align:center; padding:4px 6px 4px 6px; font-weight:normal; line-height:1.1; font-family:PTS55F; font-size:11pt; color:#000000; text-decoration:none}
  .xForm_Select_Emulation li:hover{background-color:rgba(192,192,192,0.2); font-weight:600}

.xForm_Select_Start{cursor:pointer; outline:none}

.xW145{width:145px} .xW200{width:200px} .xW250{width:250px} .xW300{width:300px} .xW350{width:350px}

.xH20{height:20px} .xH30{height:30px} .xH40{height:40px} .xH60{height:60px} .xH100{height:100px} .xH120{height:120px} .xH150{height:150px} .xH200{height:200px}

.xT60{top:60px} .xT70{top:70px}

@media all and (max-width:600px){
.xForm_Select_Emulation_Div{position:relative; display:inline-block; width:300px; height:40px; text-align:center}
  .xForm_Select_Emulation_Div:after{position:absolute; width:20px; height:20px; top:10px; right:10px; content:''; background-image:url(/design/images/images/Arrow_Down.png); background-position:center; background-repeat:no-repeat; background-size:auto 100%;} /*Selection icon*/
  .xForm_Select_Emulation{position:absolute; overflow:auto; overflow-x:hidden; width:300px; height:90px; left:0px; top:45px; background-color:#FFFFFF; border-radius:4px; border:1px solid #D3C7BB; display:flex; align-items:center; justify-content:center; flex-direction:row; cursor:pointer; display:none; z-index:1}
  .xForm_Select_Emulation ul{position:absolute; overflow:auto; width:inherit; height:auto; top:5px; left:0px; box-sizing:border-box; margin:1px 0 0 0; padding:0; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none}
  .xForm_Select_Emulation li{position:relative; display:block; text-align:center; padding:4px 6px 4px 6px; font-weight:normal; line-height:1.1; font-family:PTS55F; font-size:11pt; color:#000000; text-decoration:none}
  .xForm_Select_Emulation li:hover{background-color:rgba(192,192,192,0.2); font-weight:600}

.xForm_Select_Start{cursor:pointer; outline:none}

.xW145{width:145px} .xW200{width:200px} .xW250{width:250px} .xW300{width:300px} .xW350{width:350px}

.xH20{height:20px} .xH30{height:30px} .xH40{height:40px} .xH60{height:60px} .xH100{height:100px} .xH120{height:120px} .xH150{height:150px} .xH200{height:200px}

.xT60{top:60px} .xT70{top:70px}}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.xShadow{position:fixed; overflow:hidden; width:100%; height:100%; left:0px; top:0px; z-index:4; border:none; display:none}
@media all and (max-width:600px){.xShadow{position:fixed; overflow:hidden; width:100%; height:100%; left:0px; top:0px; z-index:4; border:none; display:none}}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.xQuestion{display:flex; width:350px; align-items:center; height:120px; font:inherit; transform:translate(0,5px); font-size:10pt; color:#111111; line-height:19pt}
  .xQuestion p{width:100%; height:auto; text-align:center}

.xQuestion_img{display:flex; flex-grow:0; flex-shrink:0; flex-basis:50px; align-items:center; height:inherit; background-image:url(/design/libraries/ico/Question.png); background-position:center; background-repeat:no-repeat}

.xQuestion_Ok{transform:translate(0,10px)}

@media all and (max-width:600px){
.xQuestion{display:flex; width:320px; align-items:center; height:120px; font:inherit; transform:translate(0,5px); font-size:10pt; color:#111111; line-height:19pt}
  .xQuestion p{width:100%; height:auto; text-align:center}

.xQuestion_img{display:flex; flex-grow:0; flex-shrink:0; flex-basis:50px; align-items:center; height:inherit; background-image:url(/design/libraries/ico/Question.png); background-position:center; background-repeat:no-repeat}

.xQuestion_Ok{transform:translate(0,10px)}}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.xInfo{display:flex; width:350px; align-items:center; height:120px; font:inherit; transform:translate(0,5px); font-size:10pt; color:#111111; line-height:19pt}
  .xInfo p{width:100%; height:auto; text-align:center}

.xInfo_img{display:flex; flex-grow:0; flex-shrink:0; flex-basis:50px; align-items:center; height:inherit; background-image:url(/design/libraries/ico/Info.png); background-position:center; background-repeat:no-repeat}

.xInfo_Ok{transform:translate(0,10px)}

@media all and (max-width:600px){
.xInfo{display:flex; width:320px; align-items:center; height:120px; font:inherit; transform:translate(0,5px); font-size:10pt; color:#111111; line-height:19pt}
  .xInfo p{width:100%; height:auto; text-align:center}

.xInfo_img{display:flex; flex-grow:0; flex-shrink:0; flex-basis:50px; align-items:center; height:inherit; background-image:url(/design/libraries/ico/Info.png); background-position:center; background-repeat:no-repeat}

.xInfo_Ok{transform:translate(0,10px)}}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.xWarning{display:flex; width:350px; align-items:center; height:120px; font:inherit; transform:translate(0,5px); font-size:10pt; color:#111111; line-height:19pt}
  .xWarning p{width:100%; height:auto; text-align:center}

.xWarning_img{display:flex; flex-grow:0; flex-shrink:0; flex-basis:50px; align-items:center; height:inherit; background-image:url(/design/libraries/ico/Warning.png); background-position:center; background-repeat:no-repeat}

.xWarning_Ok{transform:translate(0,10px)}

@media all and (max-width:600px){
.xWarning{display:flex; width:320px; align-items:center; height:120px; font:inherit; transform:translate(0,5px); font-size:10pt; color:#111111; line-height:19pt}
  .xWarning p{width:100%; height:auto; text-align:center}

.xWarning_img{display:flex; flex-grow:0; flex-shrink:0; flex-basis:50px; align-items:center; height:inherit; background-image:url(/design/libraries/ico/Warning.png); background-position:center; background-repeat:no-repeat}

.xWarning_Ok{transform:translate(0,10px)}}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.xAbout{display:flex; width:350px; align-items:center; height:120px; font:inherit; transform:translate(0,5px); font-size:10pt; color:#111111; line-height:19pt}
  .xAbout p{width:100%; height:auto; text-align:center}
  .xAbout p a:link{color:#000000}
  .xAbout p a:hover{color:#000000}

.xAbout_img{display:flex; flex-grow:0; flex-shrink:0; flex-basis:50px; align-items:center; height:inherit; background-image:url(/design/libraries/ico/About.png); background-position:center; background-repeat:no-repeat}

.xAbout_Ok{transform:translate(0,10px)}

@media all and (max-width:600px){
.xAbout{display:flex; width:320px; align-items:center; height:120px; font:inherit; transform:translate(0,5px); font-size:10pt; color:#111111; line-height:19pt}
  .xAbout p{width:100%; height:auto; text-align:center}
  .xAbout p a:link{color:#000000}
  .xAbout p a:hover{color:#000000}

.xAbout_img{display:flex; flex-grow:0; flex-shrink:0; flex-basis:50px; align-items:center; height:inherit; background-image:url(/design/libraries/ico/About.png); background-position:center; background-repeat:no-repeat}

.xAbout_Ok{transform:translate(0,10px)}}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.xModal{position:fixed; overflow:hidden; width:400px; min-height:200px; height:auto; top:calc(50% - 100px); left:calc(50% - 200px); z-index:5; 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 30px); /*box-shadow:5px 5px 10px rgba(0,0,0,0.5);*/
        /*animation-name:Attention;*/ animation-duration:0.5s; animation-iteration-count:1; animation-timing-function:ease}

  @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; width:calc(100% - 60px); height:25px; font:inherit; 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(/design/libraries/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(/design/libraries/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(/design/libraries/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:100px; height:25px; text-align:center; border-style:solid; border-color:#999999; border-width:1px; background-color:#D4D0C7; border-radius:5px; background:linear-gradient(to bottom,#D4D0C7,#FFFFFF); font-family:inherit; font-size:10pt}
.xButton_Modal:hover{border-color:#333333; /*opacity:0.50*/}

@media all and (max-width:600px){
.xModal{position:fixed; overflow:hidden; width:320px; min-height:200px; height:auto; top:calc(50% - 100px); left:calc(50% - 160px); z-index:5; 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 30px); /*box-shadow:5px 5px 10px rgba(0,0,0,0.5);*/
        /*animation-name:Attention;*/ animation-duration:0.5s; animation-iteration-count:1; animation-timing-function:ease}

  @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; width:calc(100% - 60px); height:25px; font:inherit; 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(/design/libraries/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(/design/libraries/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(/design/libraries/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:100px; height:25px; text-align:center; border-style:solid; border-color:#999999; border-width:1px; background-color:#D4D0C7; border-radius:5px; background:linear-gradient(to bottom,#D4D0C7,#FFFFFF); font-family:inherit; font-size:10pt}
.xButton_Modal:hover{border-color:#333333; /*opacity:0.50*/}}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/