/* *{
    font-family: 'Roboto', sans-serif;
  }
  body, html {
      height: 100%;
      scroll-behavior: smooth;
  } */

  .wrap {
      min-height: 100%;
      height: auto;
      margin: 0 auto -60px;
      padding: 0 0 60px;
  }
  .wrap>.container {
      padding: 50px 0 20px;
      margin: 0;
      width: 100%;
  }
  .contact{
    color: #fff;
    margin-top: 40px;
    font-size: 16px;
  }
  .contact i{
    margin-right: 20px;
  }
  .contact b, .contact a{
    margin-left: 20px;
  }
  .contact a{
    text-decoration: none;
  }



  .jumbotron {
      text-align: center;
      background-color: transparent;
  }
  .jumbotron .btn {
      font-size: 21px;
      padding: 14px 24px;
  }
  .not-set {
      color: #c55;
      font-style: italic;
  }
  a.asc:after, a.desc:after {
      position: relative;
      top: 1px;
      display: inline-block;
      font-family: 'Glyphicons Halflings';
      font-style: normal;
      font-weight: 400;
      line-height: 1;
      padding-left: 5px;
  }
  a.asc:after {
      content: "\e151"}
  a.desc:after {
      content: "\e152"}
  .sort-numerical a.asc:after {
      content: "\e153"}
  .sort-numerical a.desc:after {
      content: "\e154"}
  .sort-ordinal a.asc:after {
      content: "\e155"}
  .sort-ordinal a.desc:after {
      content: "\e156"}
  .grid-view th {
      white-space: nowrap;
  }
  .hint-block {
      display: block;
      margin-top: 5px;
      color: #999;
  }
  .error-summary {
      color: #a94442;
      background: #fdf7f7;
      border-left: 3px solid #eed3d7;
      padding: 10px 20px;
      margin: 0 0 15px 0;
  }
  .nav li>form>button.logout {
      padding: 15px;
      border: none;
  }
  .text-danger{
      color: #a94442!important;
  }
  @media(max-width:767px) {
          .nav li>form>button.logout {
          display: block;
          text-align: left;
          width: 100%;
          padding: 10px 15px;
      }
  }
  .nav>li>form>button.logout:focus, .nav>li>form>button.logout:hover {
      text-decoration: none;
  }
  .nav>li>form>button.logout:focus {
      outline: 0;
  }
  #login-form .form-group{
    width: 100%;
  }
  #w0 button{
      margin-top: 1em;
  }
  #w0 button.logout{
      margin-top: 0em;
  }
  .x_content{
      clear: both;
  }
  .x_panel{
      margin-top: 100px;
  }
  .x_title{
      padding: 0;
  }

  .immedit-form,
  .bestoffer-index{
    width: 40%;
    margin: 2em auto;
    padding: 1em;
    border-radius: 4px;
    box-shadow: 4px 4px 15px 1px #002400;
    background-image: linear-gradient(143deg, rgba(13,192,37, 0.31),rgb(251, 254, 241));
  }

  .immedit-form{
      margin: 10em auto;
  }
  .bestoffer-index .row{
    margin: 0;
  }
  .x_title{
    padding: 0;
  }
  .bestoffer-index input{
    background-color: #ffffffb8;
  }
  .modal-content{
      background-image: linear-gradient(143deg, rgba(13,192,37, 0.31),rgb(251, 254, 241));
  }
  .modal-content select.form-control{
    background-color: #ffffffb8;
  }


  /*Main css*/

  .navbar-inverse .navbar-nav > .active > a{
    background-color: #005000!important;
  }
  #w1 li a,
  .btn-link,
  .navbar-brand{
    color: #A0E9A0;
  }
  #w1 li a:hover,
  .btn-link:hover,
  .navbar-brand:hover{
    color: #fff;
  }
  .site-index .container .row div img{
    width: 25%;
  }
  .site-index .container .row div.col-lg-3{
    text-align: center;
    margin: 50px 0;
  }
  .site-index .container .row div div.img{
    min-height: 75px;
    opacity: 0;
  }
  /*.container.slideanim-1{
    position: relative;
    width: 100%;
    height: 150px;
    overflow: hidden;
  }
  .container.slideanim-1 .row{
    position: relative;
    width: 100%;
    height: 100%;
  }*/
  /*.container.slideanim-1 .row div:nth-of-type(1){
    position: absolute;
    top: 0;
    left: 0;
    background-color: blue;
  }
  .container.slideanim-1 .row div:nth-of-type(2){
    position: absolute;
    top: 0;
    left: 25%;
    background-color: red;
  }
  .container.slideanim-1 .row div:nth-of-type(3){
    position: absolute;
    top: 0;
    left: 50%;
  }
  .container.slideanim-1 .row div:nth-of-type(4){
    position: absolute;
    top: 0;
    left: 75%;
  }
  */
  /*.site-index .slideanim-1 div.row div.col-lg-3 img{
      width: 25%;
  }*/

  .slideanim{
    visibility: hidden;
  }
  .slidean{
    animation-name: slidean;
      -webkit-animation-name: slidean;
      animation-duration: 2s;
      -webkit-animation-duration: 2s;
      visibility: visible;
  }
  @keyframes slidean {
    0% {
      opacity: 0;
      transform: translateY(70%);
    }
    100% {
      opacity: 1;
      transform: translateY(0%);
    }
  }
  @-webkit-keyframes slidean {
    0% {
      opacity: 0;
      -webkit-transform: translateY(70%);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateY(0%);
    }
  }


  .slideanim-2{
    visibility: hidden;
  }
  .slidean-1{
    animation-name: slidean-one;
      -webkit-animation-name: slidean-one;
      animation-duration: 1s;
      -webkit-animation-duration: 1s;
      animation-timing-function: cubic-bezier(1,-0.43, 1, 1);
      -webkit-animation-timing-function: cubic-bezier(1,-0.43, 1, 1);
      -webkit-animation-delay: 2s;
      animation-fill-mode: forwards;
      -webkit-animation-fill-mode: forwards;
  }
  @keyframes slidean-one {
    0% {
      opacity: 0;
      transform: scale(0.7);
    }
    90%{
      opacity: 1;
      transform: scale(1.2);
    }
    100% {
      opacity: 1;
      transform: scale(1);
    }
  }
  @-webkit-keyframes slidean-one {
    0% {
      opacity: 0;
      -webkit-transform: scale(0.5);
    }
    90%{
      opacity: 1;
      -webkit-transform: scale(1.2);
    }
    100% {
      opacity: 1;
      -webkit-transform: scale(1);
    }
  }
  .site-index .container .row div:nth-of-type(1) div.img.slidean-1{
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
  }
  .site-index .container .row div:nth-of-type(2) div.img.slidean-1{
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
  }
  .site-index .container .row div:nth-of-type(3) div.img.slidean-1{
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
  }
  .site-index .container .row div:nth-of-type(4) div.img.slidean-1{
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
  }
  .slidean-2{
    animation-name: slidean-two;
      -webkit-animation-name: slidean-two;
      animation-duration: 2s;
      -webkit-animation-duration: 2s;
      visibility: visible;
  }
  @keyframes slidean-two {
    0% {
      opacity: 0;
      transform: translateX(-150%);
    }
    100% {
      opacity: 1;
      transform: translateX(0%);
    }
  }
  @-webkit-keyframes slidean-two {
    0% {
      opacity: 0;
      -webkit-transform: translateX(-150%);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateX(0%);
    }
  }
  .slidean-3{
    animation-name: slidean-three;
      -webkit-animation-name: slidean-three;
      animation-duration: 2s;
      -webkit-animation-duration: 2s;
      visibility: visible;
  }
  @keyframes slidean-three {
    0% {
      opacity: 0;
      transform: translateX(150%);
    }
    100% {
      opacity: 1;
      transform: translateX(0%);
    }
  }
  @-webkit-keyframes slidean-three {
    0% {
      opacity: 0;
      -webkit-transform: translateX(150%);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateX(0%);
    }
  }

  ul#w2.dropdown-menu{
    background-color: #fff;
  }
  ul#w2.dropdown-menu>li a{
    color: #003300!important;
    font-size: 18px;
    line-height: 2em;
  }
  ul#w2.dropdown-menu>li.active a{
    background-color: #337ab7;
  }

  /*----------site-shopping-in-china----------*/

  .site-shopping-in-china{
    height: 100%;
  }
  .site-shopping-in-china h1,
  .site-shopping-in-china h3
  {
    margin: 50px 0;
  }
  .site-shopping-in-china h3{
    font-weight: bolder;
  }
  .site-shopping-in-china h3 span{
    color: orange;
  }
  .site-shopping-in-china .image,
  .site-shopping-in-china .text{
    width: 70%;
    margin: 50px auto;
  }
  .site-shopping-in-china .image img{
    width: 100%;
    border: 6px double #003000;
  }
  .site-shopping-in-china .text p{
    font-size: 20px;
    line-height: 1.5em;
  }
  .gp-btn{
    display: block;
    position: relative;
    padding: 15px 10px;
    background: linear-gradient(to right, #080 0%,  #060 50%, #040 50%, #020 100%);
    color: #fff;
    margin: 20px auto 0;
    text-decoration: none;
    width: 250px;
    border-radius: 5px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, .5);
  }
  .gp-btn:hover{
    text-decoration: none;
    color: #fff;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .5);
    background: linear-gradient(to right, #0a0 0%,  #080 50%, #060 50%, #040 100%);
  }
  .best-stores{
    position: relative;
    width: 100%;
    margin-top: 50px;
    padding: 50px;
    height: 100%;
    background: url(/images/schedule-bg.jpg);
    background-attachment: fixed;
    background-color: #cfc;
  }
  .best-stores:after{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
  }
  .best-stores .col-lg-3{
    display: flex;
    justify-content: center;
    padding: 20px;
    z-index: 2;
  }
  .best-stores .item{
    border: 1px solid #000;
    width: 150px;
    height: 150px;
    border-radius: 20px;
    background-color: #ccc;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, .5),
                inset -5px -5px 5px rgba(0, 0, 0, .5),
                inset 5px 5px 5px rgba(255, 255, 255, 1);
  }
  .best-stores h4{
    position: relative;
    color: #fff;
    font-weight: bolder;
    background-color: rgba(0, 0, 0, .8);
    width: 250px;
    padding: 15px 20px;
    border-radius: 5px;
    margin: auto;
    text-shadow: 1px 1px #000;
    z-index: 2;
  }
  .instruction{
    padding-bottom: 50px;
  }
  .instruction .col-lg-6{
    margin-top: 50px;
  }
  .instruction img{
    width: 100%;
  }
  .instruction p{
    display: inline-block;
    padding-top: 20px;
    /*line-height: 30px;*/
    min-height: 70px;
  }
  .instruction .gp-btn{
    background: linear-gradient(to right, #279EDA 0%,  #178EcA 50%, #077EbA 50%, #056EaA 100%);
  }
  .instruction .gp-btn:hover{
    background: linear-gradient(to right, #38aceb 0%,  #289fdb 50%, #188fcb 50%, #167fbb 100%);
  }

  /*----------site-taobao----------*/

  .site-taobao{
    height: 100%;
    padding-bottom: 50px;
  }
  .site-taobao p{
    text-indent: 30px;
  }
  .site-taobao h1{
    margin: 50px 0;
  }
  .site-taobao .container .col-lg-6{
    margin-top: 50px;
  }
  .site-taobao .container .bg{
    background-repeat: no-repeat;
    min-height: 512px;
    background-position: center;
    transition: 5s;
    animation: change ease-out 10s infinite;
  }
  @keyframes change{
    0%, 100%{
      background-image: url(/images/women.png);
    }
    30%{
      background-image: url(/images/women.png);
    }
    34%{
      background-image: url(/images/childrens.png);
    }
    61%{
      background-image: url(/images/childrens.png);
    }
    66%{
      background-image: url(/images/man2.png);
    }
    96%{
      background-image: url(/images/man2.png);
    }
  }
  .site-taobao .container p{
    font-size: 20px;
    text-align: left;
    color: #333;
    line-height: 1.5;
  }
  .site-taobao .container p a{
    text-decoration: none;
  }
  /*----------site-direction-----------*/
  .site-direction{
    height: 100%;
  }
  .site-direction h1{
    margin: 50px 0;
  }
  .site-direction h3{
    margin-top: 0;
  }
  .site-direction .container{
    padding: 50px 0;
  }
  .site-direction .container img:not(.mr-green-img){
    width: 100%;
    border: 6px double #003000;
  }
  .site-direction .container .col-lg-6 h3{
    font-weight: bolder;
    color: #333;
    text-align: left;
  }
  .site-direction .container .col-lg-6 p{
    font-size: 20px;
    text-align: left;
    color: #333;
    line-height: 1.5;
  }

  .site-direction .container div.col-lg-3{
    padding-top: 50px;
  }
  .site-direction .container .col-lg-7 p,
  .site-direction .container .col-lg-12 p{
    text-align: left;
    font-size: 20px;
    color: #333;
    text-indent: 30px;
  }
  .site-direction .lg-d-none{
    display: none;
  }
  .site-direction .advice{
    width: 80%;
    margin: auto;
  }
  .site-direction .advice .headers{
    width: 50%;
    float: left;
    padding-bottom: 50px;
    /*border-radius: 5px;*/
  }
  .mr-green img{
    border: none;
    width: 200px;
    position: absolute;
    bottom: 0;
    right: 30%;
    /*top: 100%;*/
    /*float: right;*/
  }
  .mr-green{
    position: relative;
    width: 50%;
    height: 307px;
    float: left;
    /*padding-bottom: auto;*/
  }
  .mr-green span{
    position: absolute;
    width: 220px;
    font-size: 20px;
    /*height: 50%;*/
    /*top: 0;*/
    bottom: 60%;
    left: 10%;
    border: 2px solid #000;
    border-radius: 15px;
  }
  .mr-green span:before{
    content: ' ';
    position: absolute;
    /*width: 100%;*/
    height: 10px;
    margin-left: -5px;
    top: 100%;
    left: 50%;
    border: 20px solid;
    border-color: #000 transparent transparent transparent;
  }
  .advice button{
    color: #215C65;
  }
  .advice .card{
      /* background-image: -webkit-linear-gradient(0deg, #fff, #000); */
  }
  /*----------site-TR----------*/
  .site-TR{
    height: 100%;
  }
  .site-TR h1{
    margin: 50px 0;
  }
  .site-TR .container .row .col-lg-4{
    display: flex;
    justify-content: center;
  }
  .site-TR .plane,
  .site-TR .truck{
    float: left;
    width: 150px;
    height: 150px;
    position: relative;
    padding-top: 20px;
    background-color: #ccc;
    border: 6px double #55f;
    margin: 0 4%;
    border-radius: 15px;
    opacity: 0;
  }
  .site-TR .plane{
    animation-delay: .2s;
  }
  .site-TR .truck{
    animation-delay: .4s;
  }
  .site-TR .plane .fa-plane,
  .site-TR .truck .fa-truck{
    color: #00c;
  }
  .site-TR .truck .fa-truck{
    transform: rotateY(180deg);

  }
  .site-TR .plane .fa-plane{
    transform: rotateZ(270deg) translateX(6px);
  }
  .site-TR .plane .fa-check-circle,
  .site-TR .truck .fa-check-circle{
    position: absolute;
    color: green;
    right: -20%;
    top: -20%;
    font-weight: bolder;
    text-shadow: 2px 1px 2px #000,
                  -2px -1px 2px #fff;
  }
  .site-TR .fa-times-circle{
    position: absolute;
    color: red;
    right: -20%;
    top: -20%;
    font-weight: bolder;
    text-shadow: 2px 1px 2px #000,
                  -2px -1px 2px #fff;

  }
  .site-TR .w-5{
    width: 5%;
    border: 1px solid #003000;
  }
  .site-TR>p{
    padding: 0 10%;
    text-indent: 30px;
    text-align: left;
    font-size: 20px;
    color: #333;
  }
  .site-TR>img{
    width: 80%;
    margin-bottom: 50px;
  }
  .site-TR>p>span{
    color: red;
    font-weight: bolder;
  }
  /*-----------site-PDT----------*/
  .site-PDT{
    height: 100%;
  }
  .site-PDT h1{
    margin: 50px 0;
  }
  .site-PDT p{
    text-align: left;
    font-size: 20px;
    color: #333;
  }
  .site-PDT .main-container{
    width: 100%;
    margin: auto;
    overflow: hidden;
  }
  .site-PDT .main-container .container{
    /*width: 80%;*/
    /*margin-left: 0;*/
    border: 1px solid #ccc;
    border-radius: 15px;
    padding: 20px;
    box-shadow: 2px 2px 5px #ccc;
  }
  .site-PDT .main-container .container .col-lg-4 p{
    text-align: center;
  }
  .site-PDT .main-container .container .col-lg-4 h1{
    font-size: 72px;
    font-weight: bold;
    position: relative;
    color: transparent;
    /*color: transparent;*/
    -webkit-background-clip: text;
    background-image: radial-gradient(#FBC469,#8A5529,#7C5026);
  }
  .site-PDT .main-container .container .col-lg-4 h1:before{
    content: '';
    position: absolute;
    width: 70%;
    height: 100%;
    top: 0;
    left: -40%;
    visibility: hidden;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5),transparent);
    animation: shine linear 5s infinite;
  }
  @keyframes shine{
    89%{
      visibility: hidden;
    }
    90%{
      visibility: visible;
      left: -40%;
    }
    100%{
      visibility: hidden;
      left: 100%;
    }
  }
  .site-PDT .main-container .container .col-lg-4:nth-of-type(2) h1:before{
    animation-delay: 1s;
  }
  .site-PDT .main-container .container .col-lg-4:nth-of-type(3) h1:before{
    animation-delay: 2s;
  }
  .site-PDT .main-container .container b,
  .site-PDT .main-container .container ol li{
    text-align: left;
    font-size: 20px;
  }
  .site-PDT .main-container .container b{
    display: inline-block;
    margin: 30px 0;
  }
  #risk-minimization-tips h1{
    font-size: 24px;
    font-weight: bold;
    color: #333;
  }
  #risk-minimization-tips h2{
    font-size: 24px;
    color: #333;
    margin-top: 40px;
  }
  .site-PDT .table-responsive tr{
    font-size: 20px;
  }
  .site-PDT .table-responsive tr th{
    text-align: center;
  }
  .w-5{
    width: 5%;
    border: 1px solid #003000;
  }
  #what-to-do h1,
  #problem-package h2{
    font-size: 24px;
    color: #333;
    font-weight: bold;
    margin-top: 40px;
  }
  #problem-package ul{
    padding: 0;
  }
  #problem-package ul li{
    list-style: none;
    text-align: left;
    margin-top: 20px;
    font-size: 20px;
  }
  /*----------site-BS----------*/
  .site-BS{
    height: 100%;
  }
  .site-BS h1{
    margin: 50px 0;
  }
  .site-BS .container{
    width: 70%;
    padding: 50px 0;
  }
  .site-BS .container p{
    font-size: 20px;
    color: #333;
    text-indent: 30px;
  }
  .site-BS .container div{
    /*width: 70%;*/
    margin: 50px auto;
  }
  .site-BS .container div img{
    width: 100%;
    border: 6px double #003000;
  }
  .site-BS .container .row .col-left h5{
    font-size: 24px;
    color: #333;
    text-align: left;
    margin-top: 0;
  }
  .site-BS .container .row .col-left p{
    text-indent: 0;
    padding: 0;
    text-align: left;
  }
  .site-BS .container .row .col-left hr{
    width: 90%;
    margin: 20px 0 0;
  }
  .site-BS .container .row .col-left ul{
    padding: 0;
  }
  .site-BS .container .row .col-left ul li{
    list-style: none;
    text-align: left;
    font-size: 20px;
    margin-top: 15px;
  }
  .site-BS .container .row .col-lg-6{
    padding: 0;
  }
  /*-----------site-BP-----------*/
  .site-BP{
    height: 100%;
  }
  .site-BP h1{
    position: relative;
    font-size: 72px;
    font-weight: 900;
    font-family: Arial;
    color: transparent;
    text-transform: uppercase;
    -webkit-background-clip: text;
    margin: 50px 0;
    background-image:repeating-linear-gradient(165deg, gold 0%, #B78628 5%, gold 10%, #B78628 15%, gold 20%);
    background-size: 500%;
    animation: goldeffect 200s linear infinite;
  }
  @keyframes goldeffect{
    0%, 100%{
      background-position: 0% 100%;
    }
    50%{
      background-position: 100% 100%;
    }
  }
  .site-BP h1 img{
    position: absolute;
    filter: blur(2px);
    transform: scale(0, 0);
    animation: star 10s linear infinite;
  }
  @keyframes star{
    0%{
      transform: rotateZ(0deg) scale(0, 0);
    }
    10%{
      transform: rotateZ(90deg) scale(1.3, 1.3);
    }
    20%{
      transform: rotateZ(180deg) scale(0, 0);
    }
  }
  .site-BP h1 img:nth-child(1){
    width: 5%;
    top: -4px;
    right: 16%;
    animation-delay: 2.5s;
  }
  .site-BP h1 img:nth-child(2){
    width: 6%;
    top: -12px;
    right: 51%;
  }
  .site-BP h1 img:nth-child(3){
    width: 4%;
    top: -5px;
    right: 80%;
    animation-delay: 6s;
  }
  .site-BP .container{
    margin: 50px auto;
  }
  .site-BP .container>h2{
    margin: 50px 0;
  }
  .site-BP .container .row .col-lg-6{
    padding: 20px;
  }
  .site-BP .container .row .col-lg-6:nth-of-type(odd) div{
    margin-left: auto;
  }
  .site-BP .container .row .col-lg-6:nth-of-type(even) div{
    margin-right: auto;
  }
  .site-BP .container .row .col-lg-6 div{
    width: 300px;
    height: 350px;
    background-color: #efefef;
    border: 1px solid #ccc;
    border-radius: 15px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, .5),
                inset -5px -5px 5px rgba(0, 0, 0, .5),
                inset 5px 5px 5px rgba(255, 255, 255, 1);
  }
  .site-BP .container .row .col-lg-6 div h3{
    text-transform: uppercase;
    margin: 30px 0;
    font-weight: 700;
    color: #333;
  }
  .site-BP .container .row .col-lg-6 div.standart h3,
  .site-BP .container .row .col-lg-6 div.standart p span{
    color: blue;
  }
  .site-BP .container .row .col-lg-6 div.shoper h3,
  .site-BP .container .row .col-lg-6 div.shoper p span{
    color: red;
  }
  .site-BP .container .row .col-lg-6 div.gold h3,
  .site-BP .container .row .col-lg-6 div.gold p span{
    color: gold;
  }
  .site-BP .container .row .col-lg-6 div.platinum h3,
  .site-BP .container .row .col-lg-6 div.platinum p span{
    color: silver;
  }
  .site-BP .container .row .col-lg-6 div h4{
    font-size: 30px;
    padding: 30px 0;
    background-color: blue;
  }
  .site-BP .container .row .col-lg-6 div.standart h4{
    background: #373B44;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #4286f4, #373B44);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #4286f4, #373B44); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color: white;
  }
  .site-BP .container .row .col-lg-6 div.shoper h4{
    background: #F00000;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #ff0000, #9C281E);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #ff0000, #9C281E); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color: #fff;
  }
  .site-BP .container .row .col-lg-6 div.gold h4{
    background: #F00000;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, gold, #B78628);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, gold, #B78628); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color: #fff;
  }
  .site-BP .container .row .col-lg-6 div.platinum h4{
    background: #AAD2C5;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #AAD2C5, #536976);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #AAD2C5, #536976); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color: #fff;
  }
  .site-BP .container .row .col-lg-6 div p{
    display: inline-block;
    font-size: 16px;
    text-align: left;
  }
  .site-BP .container .row .col-lg-6 div p:nth-of-type(1){
    float: left;
    margin: 10% 0 0 10%;
  }
  .site-BP .container .row .col-lg-6 div p:nth-of-type(2){
    float: right;
    margin: 13% 5% 0 0;
  }
  .site-BP .container .row .col-lg-6 div p span{
    font-weight: bolder;
  }
  .site-BP .example p{
    font-size: 20px;
    color: #333;
    text-align: left;
    text-indent: 30px;
    padding: 16px 10px;
  }
  .site-BP .example p:nth-of-type(2){
    background: linear-gradient(to right, rgba(58, 226, 206, 0.1),rgba(58, 226, 206, 0.2));
    border-left: 2px solid rgba(58, 226, 146);
  }
  /*-----------site-services-----------*/
  .site-services{
    height: 100%;
  }
  .site-services h1{
    margin: 50px 0;
  }
  .site-services .container h2{
    font-size: 30px;
    color: #4C6872;
    font-weight: bold;
    padding: 30px;
  }
  .site-services .container p{
    text-align: left;
    font-size: 20px;
    color: #333;
    padding: 20px;
  }
  .site-services .container-2 p{
    text-indent: 30px;
  }
  p.indent-0{
    text-indent: 0!important;
  }
  .site-services .container-2 p>b{
    text-align: left;
    font-size: 16px;
  }
  .site-services .container-2 ul{
    padding-left: 20px;
    list-style: none;
  }
  .site-services .container-2 ul:nth-of-type(3){
    padding-left: 40px;
    list-style: disc;
  }
  .site-services .container-2 ol{
    list-style-type: decimal;
  }
  .site-services .container h4{
    margin: 50px 0 0;
    font-size: 24px;
  }
  .site-services .container ol li,
  .site-services .container ul li{
    font-size: 20px;
    color: #333;
    text-align: left;
  }
  .site-services .chinese{
    text-indent: 0!important;
  }
  .site-services .container .table td{
    text-align: left;
    font-size: 16px;
    white-space: normal;
    /*width: 100%;*/
  }
  .site-services .container h3{
    margin: 50px 0;
    font-size: 30px;
    font-weight: bold;
  }
  .site-services .container span{
    display: inline-block;
    margin: 10px 0;
    width: 100%;
    padding: 20px;
    background-image: linear-gradient(#F00000, #DC281E);
    font-size: 24px;
    color: #fff;
  }







  .carousel-caption{
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding-top: 10%;
    padding-left: 15%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 1;
  }
  .carousel-caption h2{
    text-align: left;
    line-height: 1.5;
  }
  .carousel-caption p{
    font-size: 20px;
    text-align: left;
  }
  .site-index .container{
    margin-top: 100px;
  }
  /*.site-index .container .btn{
    margin: 20px 0 10px;
  }*/
  .site-index .container-1{
    width: 80%;
    margin: 50px auto;
  }
  .site-index .container-1 .col-lg-4{
    padding-top: 50px;
  }
  .site-index .container-1 .fas{
    font-size: 100px;
    color: #96CD1E;
    text-shadow: 2px 2px #99612D;
  }
  .site-index .container-1 h4{
    line-height: 1.5;
  }
  .site-index .container-1 hr{
    width: 60%;
    height: 2px;
    background-color: #96CD1E;
    margin: 10px auto;
  }
  .site-index .container-2{
    padding: 100px 0;
  }
  .site-index .container-2 div{
   text-align: center;
  }
  .site-index .container-2 .fa-truck,
  .site-index .container-2 .fa-box{
    position: relative;
    font-size: 70px;
    color: #5CB85C;
  }
  .site-index .container-2 .truck{
    position: absolute;
    left: 7%;
    top: 20%;
    font-size: 20px;
    color: white;
  }
  .site-index .container-2 .fa-check-circle,
  .site-index .container-2 .fa-search,
  .site-index .container-2 .fa-check-double{
    position: absolute;
    font-size: 40px;
    right: -10%;
    bottom: -10%;
    color: lime;
    text-shadow: 2px 2px green;
  }
  .site-index .container-2 span.flag{
    position: absolute;
    left: 5px;
    top: -15px;
  }
  .site-index .container-3{
    width: 80%;
    margin: auto;
    text-align: center;
    margin-top: 50px;
  }
  .site-index .container-3 .bg{
    position: absolute;
    z-index: 1;
    background-color: rgba(91, 94, 87, 0.1);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  .site-index .container-3 img{
    width: 50%;
  }
  .site-index .container-3 .delivery-left .row,
  .site-index .container-3 .delivery-right .row
  {
    display: flex; justify-content: center;
    margin-top: 10px;
  }
  .site-index .container-3 .delivery-left .row i,
  .site-index .container-3 .delivery-right .row i
  {
    color: red;
  }
  .site-index .container-3 .delivery-left p,
  .site-index .container-3 .delivery-right p{
    margin-top: 20px;
  }
  .site-index .container-4{
    width: 80%;
    margin: auto;
    padding: 50px 0;
  }
  .site-index .container-4 div.scroll-view1{
    overflow-y: scroll;
    height: 300px;
    margin-top: 30px;
    font-size: 20px;
  }
  .site-index .container-4 .scroll-view1::-webkit-scrollbar{
    width: 4px;
  }
  .site-index .container-4 .scroll-view1::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px green;
    border-radius: 4px;
  }
  .site-index .container-4 .scroll-view1::-webkit-scrollbar-thumb {
    background: darkgreen;
    border-radius: 4px;
  }
  .site-index .container-4 .scroll-view1::-webkit-scrollbar-thumb:hover {
    background: #051502;
  }
  .site-index .container-4 .row{
    margin-top: 50px;
  }
  .site-index .container-4 img{
    width: 100%;
  }
  p.text{
    margin-top: 50px;
  }
  #profile p{
      font-size: 14px;
  }
  #sidebar-menu a{
      font-size: 14px;
      text-transform: uppercase;
  }
  .m-0{
      margin: 0 0 0 0;
  }
  .mb-5{
    margin: 0 0 50px 0;
  }

  .scroll-view{
      /*background-color: rgba(0, 0, 0, 0.7);*/
      /*border-radius: 5px;*/
      /*z-index: 1090;*/
      /*position: absolute;*/
      /*overflow-y: scroll;*/
      overflow-x: hidden;
      max-height: 100%;
      background-color: green;
      /*width: 273px;*/
  }
  /*.no_result{
      color: white;
      text-align: center;
      margin-top: 15px;
  }*/
  /*.search_img{
      width: 40px;
      border-radius: 5px;
      height: 50px;
  }*/
  .scroll-view a{
      text-decoration: none!important;
      /*color: white!important;*/
  }
  .scroll-view .container:hover{
      /*background-color: rgba(20, 20, 20, 0.7);*/
      /*border-radius: 5px;*/
      /*transition: 0.5s;*/
      /*transform: 0.5s;*/
  }
  /* width */
  .scroll-view::-webkit-scrollbar {
    width: 5px;
  }

  /* Track */
  .scroll-view::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    /*border-radius: 5px;*/
  }

  /* Handle */
  .scroll-view::-webkit-scrollbar-thumb {
    background: lightgrey;
    /*border-radius: 5px;*/
  }

  /* Handle on hover */
  .scroll-view::-webkit-scrollbar-thumb:hover {
    background: grey;
  }
  .btn-default{
      border: 1px solid green!important;
      color: #003300!important;
  }
  .nav.side-menu p{
      color: #a0e9a0;
  }
  .side-menu li>a>b{
      padding-left: 5px;
  }
  #balance{
      padding-left: 20px;
  }

  /*=========client/goods==========*/
  #myModal,
  #add_new_rec,
  #myModal_update,
  #myModal_recipient,
  #myModal_recipient_update{
      color: #003300;
  }
  #add_new_rec b,
  #myModal b,
  #myModal_update b,
  #myModal_recipient b,
  #myModal_recipient_update b{
      color: red;
  }
  #add_new_rec .form-group,
  #myModal .form-group,
  #myModal_update .form-group,
  #myModal_recipient .form-group,
  #myModal_recipient_update .form-group{
      margin: 20px 0 10px 0;
      width: 100%;
  }
  #add_new_rec input,
  #myModal input,
  #myModal_update input,
  #myModal_recipient input,
  #myModal_recipient_update input{
      width: 50%;
      border-top:none;
      border-left:none;
      border-right:none;
      border-bottom: 1px solid #c3e0c3;
      /*transition: width 2s;
      -webkit-transition: width 2s;*/
  }
  #add_new_rec input:focus,
  #myModal input:focus,
  #myModal_update input:focus,
  #myModal_recipient input:focus,
  #myModal_recipient_update input:focus{
      width: 50%;
      border-top: none;
      border-left: none;
      border-right: none;
      border-bottom: 1px solid;
  }
  #product-sklad_id{
    border-radius: 4px;
  }
  .client-id{
      display: none;
  }
  #stocks{
      border-radius: 4px;
  }
  label[for='basic-url']{
      margin-top: 20px;
  }
  .close_w_r {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
  }
  .close_w_r-primary{
      float: right;
      font-size: 1.5rem;
      font-weight: 700;
      line-height: 1;
      /*color: #000;*/
      /*text-shadow: 0 1px 0 #fff;*/
      /*opacity: .5;*/
  }
  /*.new-recepient{*/
  /*    background: url(../img/new.jpg);*/
  /*}*/

  #basic-url{

      width: 100%!important;
      border-radius: 4px;
      border: 1px solid #c3e0c3!important;
  }
  #basic-addon3{
      border-radius: 4px;
      color: #23b98a;
      border: 1px solid!important;
  }
  #basic-url:focus{
      border: 1px solid!important;
  }
  .disabled{
      cursor: not-allowed;
      pointer-events: none;
      opacity: .5;
      color: #FFaA41!important;
      border: none!important;
  }
  textarea.form-control{
      border-radius: 4px;
  }
  textarea.form-control:focus{
      border: 1px solid;
  }
  .mycontainer {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    padding-top: 5px;
    margin-bottom: 12px;
    cursor: pointer;
    /*font-size: 22px;*/
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  /* Hide the browser's default radio button */
  .mycontainer .radio-input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }

  /* Create a custom radio button */
  .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 50%;
  }

  /* On mouse-over, add a grey background color */
  .mycontainer:hover .radio-input ~ .checkmark {
    background-color: #ccc;
  }

  /* When the radio button is checked, add a blue background */
  .mycontainer .radio-input:checked ~ .checkmark {
    background-color: #2196F3;
  }

  /* Create the indicator (the dot/circle - hidden when not checked) */
  .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }

  /* Show the indicator (dot/circle) when checked */
  .mycontainer .radio-input:checked ~ .checkmark:after {
    display: block;
  }

  /* Style the indicator (dot/circle) */
  .mycontainer .checkmark:after {
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
  }
  .field-product-send_or_checkup b{
      margin-top: 5px!important;
  }
  /* The switch - the box around the slider */
  .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
  }


  /* Hide default HTML checkbox */
  .switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }

  /* The slider */
  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
  }

  .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
  }

  input:checked + .slider {
    background-color: #2196F3;
  }

  input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
  }
  input:checked + .slider._yellow {
    background-color: #ffff00;
  }

  input:focus + .slider._yellow {
    box-shadow: 0 0 1px #ffff00;
  }

  input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
  }

  /* Rounded sliders */
  .slider.round {
    border-radius: 34px;
  }

  .slider.round:before {
    border-radius: 50%;
  }

  .field-product-batary,
  .field-product-check,
  .field-product-photo_account,
  .field-product-factory_packaging,
  .field-product-send,
  .field-product-sklad,
  .field-product-repack,
  .field-product-snapshot,
  .service,
  .field-product-ready_cargo,
  .field-product-pack,
  .field-product-to_send{
      display: -webkit-flex; /* Safari */
      -webkit-align-items: center; /* Safari 7.0+ */
      display: flex;
      align-items: center;
      /*margin: 0!important;*/
  }
  .label-checkbox,
  .field-product-batary b,
  .field-product-check b,
  .field-product-photo_account b,
  .field-product-factory_packaging b,
  .service b,
  .field-product-send b,
  .field-product-send_or_checkup b,
  .field-product-sklad b,
  .field-product-repack b,
  .field-product-snapshot b,
  .field-product-ready_cargo b,
  .field-product-pack b,
  .field-product-to_send b{
      margin-left: 20px;
  }
  button.btn.btn-danger.close{
    background-color: #D9534F;
    border: 1px solid #B9433F;
    padding: 6px 12px;
    color: #fff;
    border-radius: 4px;
    font-weight: 400!important;
    line-height: 1.42857143;
    font-size: 14px;
    opacity: 1;
    font-family: inherit;
    text-shadow: none;
  }
  button.btn.btn-danger.close:hover{
    background-color: #C8423E;
  }

  table {
      border-collapse: collapse;
  }
  .table {
      width: 100%;
      margin-bottom: 1rem;
      background-color: transparent;
  }
  .table td, .table th {
      padding: .75rem;
      vertical-align: top;
      border-top: 1px solid #dee2e6;
  }
  .table thead tr th {
      vertical-align: bottom;
      border: 1px solid #32383E!important;
  }
  .table tbody+tbody {
      border-top: 2px solid #dee2e6;
  }
  .table .table {
      background-color: #fff;
  }
  .table-sm td, .table-sm th {
      padding: .3rem;
  }
  .table-bordered {
      border: 1px solid #dee2e6;
  }
  .table-bordered td, .table-bordered th {
      border: 1px solid #dee2e6;
  }
  .table-bordered thead td, .table-bordered thead th {
      border-bottom-width: 2px;
  }
  .table-borderless tbody+tbody, .table-borderless td, .table-borderless th, .table-borderless thead th {
      border: 0;
  }
  .table-striped tbody tr:nth-of-type(odd) {
      background-color: rgba(0, 0, 0, .05);
  }
  .table-hover tbody tr:hover {
      background-color: rgba(0, 0, 0, .075);
  }
  .table-primary, .table-primary>td, .table-primary>th {
      background-color: #b8daff;
  }
  .table-hover .table-primary:hover {
      background-color: #9fcdff;
  }
  .table-hover .table-primary:hover>td, .table-hover .table-primary:hover>th {
      background-color: #9fcdff;
  }
  .table-secondary, .table-secondary>td, .table-secondary>th {
      background-color: #d6d8db;
  }
  .table-hover .table-secondary:hover {
      background-color: #c8cbcf;
  }
  .table-hover .table-secondary:hover>td, .table-hover .table-secondary:hover>th {
      background-color: #c8cbcf;
  }
  .table-success, .table-success>td, .table-success>th {
      background-color: #c3e6cb;
  }
  .table-hover .table-success:hover {
      background-color: #b1dfbb;
  }
  .table-hover .table-success:hover>td, .table-hover .table-success:hover>th {
      background-color: #b1dfbb;
  }
  .table-info, .table-info>td, .table-info>th {
      background-color: #bee5eb;
  }
  .table-hover .table-info:hover {
      background-color: #abdde5;
  }
  .table-hover .table-info:hover>td, .table-hover .table-info:hover>th {
      background-color: #abdde5;
  }
  .table-warning, .table-warning>td, .table-warning>th {
      background-color: #ffeeba;
  }
  .table-hover .table-warning:hover {
      background-color: #ffe8a1;
  }
  .table-hover .table-warning:hover>td, .table-hover .table-warning:hover>th {
      background-color: #ffe8a1;
  }
  .table-danger, .table-danger>td, .table-danger>th {
      background-color: #f5c6cb;
  }
  .table-hover .table-danger:hover {
      background-color: #f1b0b7;
  }
  .table-hover .table-danger:hover>td, .table-hover .table-danger:hover>th {
      background-color: #f1b0b7;
  }
  .table-light, .table-light>td, .table-light>th {
      background-color: #fdfdfe;
  }
  .table-hover .table-light:hover {
      background-color: #ececf6;
  }
  .table-hover .table-light:hover>td, .table-hover .table-light:hover>th {
      background-color: #ececf6;
  }
  .table-dark, .table-dark>td, .table-dark>th {
      background-color: #c6c8ca;
  }
  .table-hover .table-dark:hover {
      background-color: #b9bbbe;
  }
  .table-hover .table-dark:hover>td, .table-hover .table-dark:hover>th {
      background-color: #b9bbbe;
  }
  .table-active, .table-active>td, .table-active>th {
      background-color: rgba(0, 0, 0, .075);
  }
  .table-hover .table-active:hover {
      background-color: rgba(0, 0, 0, .075);
  }
  .table-hover .table-active:hover>td, .table-hover .table-active:hover>th {
      background-color: rgba(0, 0, 0, .075);
  }
  .table .thead-dark th {
      color: #008000;
      background-color: #EDFEED;
      border-color: #32383e;
  }
  .table .thead-light th {
      color: #495057;
      background-color: #e9ecef;
      border-color: #dee2e6;
  }
  .table-dark {
      color: #fff;
      background-color: #212529;
  }
  .table-dark td, .table-dark th, .table-dark thead th {
      border-color: #32383e;
  }
  .table-dark.table-bordered {
      border: 0;
  }
  .table-dark.table-striped tbody tr:nth-of-type(odd) {
      background-color: rgba(255, 255, 255, .05);
  }
  .table-dark.table-hover tbody tr:hover {
      background-color: rgba(255, 255, 255, .075);
  }
  @media (max-width:575.98px) {
      .table-responsive-sm {
      display: block;
      width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive-sm>.table-bordered {
      border: 0;
  }
  }
  @media (max-width:767.98px) {
      .table-responsive-md {
      display: block;
      width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive-md>.table-bordered {
      border: 0;
  }
  }
  @media (max-width:991.98px) {
      .table-responsive-lg {
      display: block;
      /*width: 100%;*/
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive-lg>.table-bordered {
      border: 0;
  }
  }
  @media (max-width:1199.98px) {
      .table-responsive-xl {
      display: block;
      width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      -ms-overflow-style: -ms-autohiding-scrollbar;
    }
  .table-responsive-xl>.table-bordered {
      border: 0;
    }
  }
  .table-responsive {
      display: block;
      width: 100%;
      /*padding-top: 20px;*/
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive>.table-bordered {
      border: 0;
      /*border-top: 2px solid #32383E;*/
      margin-top: 20px;
  }

  /*client/recipient*/
  /*.client-recipient #myModal .form-group{
      margin: 20px 0 10px 0;
      width: 90%;
  }*/
  .table-responsive input[type=checkbox]{
    width: 20px;
    height: 20px;
    margin-top: 10px!important;
  }
  .recipient-delete, .recipient-message, .modalButton_recipient_update{
    display: inline-block;
    float: right;
    width: 30%;
    padding: 6px 0!important;
    text-align: center!important;
  }
  .client-stock button#all_zakaz,
  .client-stock button#modalButton_order_code{
    display: none;
    min-width: 200px;
    border-radius: 5px;
    padding: 0;
  }
  .client-stock button .total{
    border: 1px solid #aaa;
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    background-color: #eee;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, .5),
                inset -5px -5px 5px rgba(0, 0, 0, .5),
                inset 5px 5px 5px rgba(255, 255, 255, 1);
  }
  .client-stock button .total .sum,
  .client-stock button .total .weight{
    display: inline-block;
  }
  .td-button{
    width: 30%;
    margin: 2.5px!important;
  }
  /*.table-responsive th{
    max-width: 170px;
  }*/
  .table-responsive td{
    overflow: hidden;
    max-width: 100px;
    word-wrap: break-word;
  }
  .table-responsive th{
    text-align: center;
  }
  .table-responsive td,
  .table-responsive th{
    vertical-align: middle!important;
  }
  /*client/index*/
      .tech-work{
          width: 100%;
          height: 80vh;
      }
      .tw-box{
          position: relative;
          width: 100%;
          height: 100%;
          display: flex;
          display: -webkit-flex;
          justify-content: center;
          align-items: center;
          flex-direction: column;
      }
      .fa-cog{
          position: absolute;
          left: 0;
          top: 0;
          font-size: 40vw;
          z-index: -100;
          opacity: 0.2;
          animation: spin 15s linear infinite;
      }
      @keyframes spin {
          from {
              transform: rotate(0deg);
          }
          to{
              transform: rotate(360deg);
          }
      }
      .tw-content{
          width: 60%;
          color: #002400;
      }
      .tw-content h2{
          font-size: 1.6em;
      }
      .tw-content p{
          font-size: 1.3em;
      }
      .tw-hr{
          width: 10%;
          height: 2px;
          background: #002400;
      }

.text-red{
  color: #DF3C3C;
}
.sum-box{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  /* align-items: center; */
}
.sum-box div{
  width: 80%;
  padding-top: 2em;
}

.sum-box h2{
  font-size: 63px;
}
.text-main{
  color: #215C65;
}