body {
     font-family: 'PT Sans', sans-serif;
     font-size: 15px;
     line-height: 1.42857143;
     color: #696969;
     background: #ffffff url('../img/bg.png') repeat-x top;
   }

   .main-start .nav {
      padding-top: 0;
   }

   #canvas {
      margin: 0 auto;
   }

   .dl-button {
      float: left;
   }
   .nav {
      list-style: none;
   }
   .nav li {
      display: inline-block;
      padding: 0 0 0 20px;
   }
   
   .border {
      border: 1px solid red;
   }
   
   header {
      padding: 0 0 3px;
      border-top: 2px solid #ff9800;
      border-bottom: 2px solid #f0f0f0;
      background-color: rgba(255, 255, 255, 0.5);

      -webkit-box-shadow: 0px 1px 0px 0px rgba(217, 217, 217, 1);
      -moz-box-shadow:    0px 1px 0px 0px rgba(217, 217, 217, 1);
      box-shadow:         0px 1px 0px 0px rgba(217, 217, 217, 1);
   }
   header:before,
   header:after {
      content: " ";
      display: table;
   }
   header:after {
      clear: both;
   }
   

   h1 {
      margin: 7px 0 0 0;
      padding: 0;
      color: #808080;
      font-size: 18px;
   }
   header h1 span,
   header h1 a {
      float: left;
   }
   header h1 span {
      padding: 6px 0 0 5px;
   }

   .main-photo {
      margin: 40px 0 35px;
   }

   .upload-form {
      overflow: hidden;
      margin: 0 auto;
   }
   .center-block .text-center {
      color: #b3b3b3;
   }

   
   .block-filters {
      overflow: hidden;
      padding: 15px 0 25px;
      width: 80%;
   }
   .block-filters ul {
      list-style: none;
      margin: 0;
      padding: 10px 0 18px 0;
      font-size: 0;
   }
   .block-filters ul li {
      display: inline-block;
      margin-right: 8px;
      width: 120px;
      font-size: 15px;
      text-align: center;
   }
   .block-filters ul li a {
      position: relative;
      display: block;
      padding-top: 125px;
      width: 100%;
      background: url("../testImg/preview.png") no-repeat;
      cursor: pointer;
   }
   .block-filters em {
      position: absolute;
      top: 52px;
      left: 0;
      width: 100%;
      text-align: center;
      color: #ffffff;
   }
   .block-filters em {
      display: none;
   }
   .processing em {
      display: block;
   }


   .block-filters button {
      padding: 0 15px;
      border: none;
      outline: none;
      border-radius: 3px;
      background-color: #f29300;
      color: #ffffff;
      line-height: 33px;
   }
   .block-filters button:hover {
      background-color: #ff9900;
   }
   .block-filters button:active,
   .block-filters button:focus {
      background-color: #e58a00;
   }

   .preview {      overflow: hidden;   }
   .p-title {      position: relative;      }
      .p-title p {
         padding-top: 3px;
         color: #949494;
         text-align: center;
      }
      .p-upload,
      .p-copy,
      .p-share {
         display: block;
         background-image: url('../img/preview.png');
         background-repeat: no-repeat;
      }
      .p-upload {         background-position: center 0;      }
      .p-arrow {
         height: 16px;
         background: url('../img/arrow.png') no-repeat 0 0;
      }
   
   .error-message {           background: url("../img/error.png") no-repeat 0 0;      }
   .error-message-img {       background: url("../img/notfound.png") no-repeat 0 0;   }
   .error-message h2,
   .error-message-img h2 {
      margin: 0 0 9px;
      padding: 0;
      color: #696969;
   }
   .error-message p,
   .error-message-img p {
      font-size: 18px;
   }
   .error-message p a,
   .error-message-img p a {
      text-decoration: underline;
   }
   .error-message p a,
   .error-message p,
   .error-message-img p a,
   .error-message-img p {
      color: #696969;
   }
   .error-message p a:hover,
   .error-message-img p a:hover {
      color: #ff9800;
   }

   .section-dl {
      border-top: 1px solid #f2f2f2;
      background: #fbfbfb url('../img/dl-pattern.png') repeat;
   }
   .section-dl a {
      display: inline-block;
      width: 149px;
      height: 48px;
      background: url('../img/dl-logo.png') no-repeat 0 0;
      transition: all 0.1s ease-in;
   }
   .section-dl a:hover {
      background-position: 0 -48px;
   }
   .dl-title {
      color: #949494;
      font-size: 18px;
   }
   
   /* rules page */
   .section-rules {
      margin: 35px 0;
   }
   .r-faq,
   .r-private {
      display: block;
      width: 80px;
      height: 80px;
      background-image: url('../img/rules.png');
      background-repeat: none;
   }
   .r-faq {
      background-position: 0 0;
   }
   .r-private {
      background-position: 0 -80px;
   }
   .rules-body h2 {
      color: #696969;
   }
   .rules-icon {
      margin: 15px 5px 0 0;
   }

   .list-unstyled {
      margin-left: 30px;
   }
   .main-rules p {
      text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.4);
   }
   
   footer {
      padding: 55px 0;
      border-top: 1px solid #f2f2f2;
   }
   footer,
   footer a {
     color: #999999;
   }
   footer .nav li,
   footer p,
   footer div.pull-left {
      font-size: 0.867em;
   }
   footer .nav li a {
      text-decoration: underline;
   }
   footer .nav li {
      background: url('../img/crest.png') no-repeat 6px 8px;
   }
   footer .nav li:first-child {
      background: none;
   }
   footer p.pull-left {
      padding-top: 3px;
   }
   footer div.pull-left {
      opacity: 0.5;

   }
   
   .ui-tooltip {
      position: absolute;
      z-index: 1;
      float: left;
      background-color: rgba(0,0,0,0.8);
      color: #fff;
      font: normal 18px Arial;
      border-radius: 5px;
      display: none;
   }


   .form-group, .form-group .col-xs-11 {
      position: relative;
      overflow: hidden;
   }

   .form-group label {
      font-size: 18px;
      font-style: italic;
   }
   .float-none {
      float: none !important;
   }
   .edit-title {
      position: relative;
      margin-bottom: 18px;
   }
   .edit-title input {
      background-image: url('../img/edit.png');
      background-repeat: no-repeat;
      background-position: 98% 8px;
   }
   .copy-to {
      float: left;
   }
   .copy-to a {
      float: left;
      display: block;
      padding: 16px 22px 16px 0;   
      background: url("../img/link.png") no-repeat 2px 9px;
      opacity: 0.8;
      outline: none;
   }

   .img-upload {
      margin-bottom: 6px;
   }
   .img-upload img {
      margin: 0 auto;
   }

   .show-options a {
      padding-left: 2px;
      padding-right: 17px;
      text-decoration: underline;
      color: #696969;;
      background: url('../img/options.png') no-repeat 100% 10px;
      opacity: 1;
   }
   .show-options a:hover,
   .show-options a.active {
      opacity: 1;
   }
   .nav a,
   .show-options a,
   .show-options a:hover,
   .show-options a.active {
      -webkit-transition: all 0.1s;
      transition: all 0.1s;
   }


   .messanger-error,
   .messanger-alert {
      position: absolute;
      z-index: 2;
      bottom: 0;
      right: 0;
      display: none;
      padding: 2px 6px;
      
      border: none;
   }
   .messanger-error {
      background: #e93615; 
      color: #e9eff2;
   }
   .messanger-alert {
      background: rgba(0, 0, 0, 0.5); 
      color: #ffffff;
   }

   .col-sm-7 input {
      cursor: default !important;
   }


   
   .mbClear{
      clear:both;
      width:100%;
      height:20px;
   }

   .mbHidden, .multiBoxDesc{
      display:none;
   }
   /*
   Pop-up styles - - - - */
   .MultiBoxContainer{
      background: #ffffff;
      position:absolute;
      border:10px solid #edf1f5;
      display:none;
      z-index:103;
      text-align:left;
      border-radius: 6px;
   }
   .MultiBoxContainer img {border-radius: 2px;}
   .MultiBoxLoading {
      background:url("../img/loader.gif") center no-repeat;
   }
   .MultiBoxContent{
      position:relative;
      width:100%;
      height:100%;
   }
   .MultiBoxClose {
      background: url("../img/close.png") no-repeat 0 0;
      position: absolute;
      top: -24px;
      right:-24px;
      width: 40px;
      height: 41px;
      cursor: pointer;
   }
   .MultiBoxClose:hover {background-position: 0 -41px;}
   .MultiBoxClose:active {background-position: 0 -82px;}
   .MultiBoxContainer {
      box-sizing: content-box;
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
   }
   .MultiBoxControls {
      display: none;
   }

   .error-window {
      position: relative;
      top: -96px;
      z-index: 1;
      display: none;
      float: left;
      width: 100%;
      height: 48px;
      line-height: 48px;
      background-color: rgba(0, 0, 0, 0.8);
      border-radius: 5px;
      font-size: 18px;
      color: #ffffff;
      text-align: center;
   }
   .error-window a {
      color: #ff9900;
      text-decoration: underline;
   }
   .error-window a:hover {
      color: #ffffff;
      text-decoration: none;
   }
   
   .download-img,
   .upload-more {
      padding: 8px 25px;
      width: 200px;
      border: none;
      outline: none;
      border-radius: 5px;
      color: #ffffff;
      font-size: 24px;
   }
   .upload-more {             background-color: #f29300;   }
   .download-img:hover {      background-color: #8fcc25;   }
   .upload-more:hover {       background-color: #ff9900;   }
   .download-img,
   .download-img:active,
   .download-img:focus {      background-color: #87c223;   }
   .upload-more:active,
   .upload-more:focus {       background-color: #e58a00;   }
   .download-img:hover,
   .download-img:active,
   .download-img:focus,
   .upload-more:hover,
   .upload-more:active,
   .upload-more:focus {        color: #ffffff;   }
   .img-dl {
      margin: 20px auto 10px;
   }

   .banner {
      margin: 0 auto;
      padding: 15px 0;
      width: 728px;
   }
   .banner img {
      max-width: 728px;
   }

   .btn-success {
      position: absolute;
      top: -48px;
      left: 0;
   }
   .btn-success:hover .btn-upload {
      background: #ffa632; /* Old browsers */
      /* IE9 SVG, needs conditional override of 'filter' to 'none' */
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYTYzMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNDg2MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
      background: -moz-linear-gradient(top,  #ffa632 0%, #f48600 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa632), color-stop(100%,#f48600)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top,  #ffa632 0%,#f48600 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top,  #ffa632 0%,#f48600 100%); /* Opera 11.10+ */
      background: -ms-linear-gradient(top,  #ffa632 0%,#f48600 100%); /* IE10+ */
      background: linear-gradient(to bottom,  #ffa632 0%,#f48600 100%); /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa632', endColorstr='#f48600',GradientType=0 ); /* IE6-8 */
   }
   .btn-success:active .btn-upload,
   .btn-success:focus .btn-upload {
      padding: 0 0 0 1px;
      outline: 0;
      box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
      background: #ff9100; /* Old browsers */
      /* IE9 SVG, needs conditional override of 'filter' to 'none' */
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmOTEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZDg2MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
      background: -moz-linear-gradient(top,  #ff9100 0%, #ed8600 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9100), color-stop(100%,#ed8600)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top,  #ff9100 0%,#ed8600 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top,  #ff9100 0%,#ed8600 100%); /* Opera 11.10+ */
      background: -ms-linear-gradient(top,  #ff9100 0%,#ed8600 100%); /* IE10+ */
      background: linear-gradient(to bottom,  #ff9100 0%,#ed8600 100%); /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9100', endColorstr='#ed8600',GradientType=0 ); /* IE6-8 */
   }

.containerF {
  max-width: 100%;
  padding: 10px;
}

.rowF {
  display: flex;
  flex-wrap: wrap; /* Разрешаем перенос блоков на новую строку при нехватке места */
}

.columnF {
  display: flex; /* Включаем flexbox для каждого блока */
  flex-direction: column; /* Вертикальное выравнивание содержимого */
  justify-content: center; /* Центрируем текст по вертикали */
  min-width1: 200px; /* Минимальная ширина блока, после которой они начнут выравниваться в колонку */
  margin: 0px;
  padding-top: 0px;
  padding-right: 10px;
  padding-bottom: 0px;
  padding-left: 10px;
  font-size: 0.867em;
}
/* Применение класса .text только внутри .column */
.columnF .text4 {
  text-align: left;
  margin: auto;
}
/* Ширина для каждого блока */
.wide {
  flex: 2; /* Этот блок займет большую часть пространства */
  min-width: 300px; /* Минимальная ширина, ниже которой блок перенесется на следующую строку */
  text-align: justify;
}

.medium {
  flex: 1.5; /* Средний блок */
  min-width: 200px;
  text-align: left;
}

.narrow {
  flex: 1; /* Узкий блок */
  min-width: 150px;
  text-align: center;
}
.coulmnF2 {
  opacity: 0.8;
  font-size: 0.84em;
}
.linkF1{
    font-size:1.5rem;
    text-decoration: underline;
}
.text_safe,.text_remember{
    font-size:1.5rem;
    font-weight: bold;
}