@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400i,600,600i,700,700i&display=swap&subset=vietnamese");body{padding-bottom:75px}#timer{position:fixed;bottom:0;left:0;width:100%;height:50px;background:#000;color:#fff;text-align:center;z-index:9999}@media (min-width: 768px){#timer{height:75px}}#timer div{display:inline-block;padding-top:10px}@media (min-width: 768px){#timer div{padding-top:20px}}#timer span{display:inline-block;font-size:12px;line-height:1.3;padding:0 2px;margin:0 1px}@media (min-width: 768px){#timer span{font-size:30px}}#timer span.time{background:#fe0036;border-radius:2px}.tabs{max-width:950px;margin:0 auto}.tabs .tab{display:none}.tabs .tab.active{display:block}.tabs-head{overflow:hidden;border:#dfdfdf solid 1px}.tabs-head a{display:block;height:48px;line-height:46px;padding:0 20px;border-right:#dfdfdf solid 1px;border-bottom:#dfdfdf solid 1px;overflow:hidden}.tabs-head a:last-child{border-bottom:none}@media (min-width: 768px){.tabs-head a{float:left;border-bottom:none}}.tabs-head a.active{color:#ff0036;font-weight:bold}.tabs-head a.active:before{content:'';position:absolute;left:-1px;right:-1px;top:0;height:2px;background:#ff0036}.tabs-head a.active:after{content:'';position:absolute;width:6px;height:6px;background:#ff0036;left:50%;top:-1px;margin-left:-3px;transform:rotate(45deg)}.tabs-head a:hover{color:#ff0036;text-decoration:underline}.tabs-head a span{color:#369}.gray{background:#f7f7f7;padding:10px;margin-bottom:15px}.format_content td{color:#999;font-weight:600;padding:10px;width:25%;vertical-align:top}.format_content td+td{font-weight:400}.format_content td+td+td{color:#666;width:50%}.comments-page,.comments-page-a{display:none}.comments-page.active,.comments-page-a.active{display:block}.graph{text-align:left;border-left:#c8c8c8 solid 1px;border-right:#c8c8c8 solid 1px}.graph tr{border-bottom:#c8c8c8 solid 1px}.graph th{color:#fff;background:#ff0036;font-weight:600;padding:5px 10px}.graph td{padding:5px 10px;vertical-align:middle;width:10%}.graph td:last-child{width:40%}.graph .orange{font-size:32px}.graph-item{border-bottom:#ccc solid 1px;margin-bottom:15px}.graph-item:last-child{margin-bottom:0}.graph-img{width:60%}.graph-sup{color:#ccc;margin:0;padding:5px 0}.graph-txt{padding-top:40px}.graph-txt span{color:#999}@keyframes blinker{50%{opacity:0}}.video-form-red{color:#fff;background:#ff0036;padding:5px 10px}.video-form-green{text-transform:uppercase;font-size:26px;color:#373684;font-weight:bold;background:#2ed83399;padding:5px 10px;animation:blinker 1.3s linear infinite}.video-form-bordered{border:#ccc solid 1px;padding:15px}.video-form-bordered .video{padding:10px}.video-form-bordered .form-btns a{display:inline-block;height:34px;line-height:32px;color:#fff;padding:0 15px;background:#f00}.step{font-weight:bold}.step p,.step li{line-height:1.3}.step ul{list-style:square;padding-left:15px}.step-pad{margin-right:25px;border-bottom:#000 solid 1px}.step-img{max-width:190px;float:right}.step-title{font-size:20px;line-height:22px;margin-bottom:5px;text-transform:uppercase}.step-title,.step p{text-align:right}.legend{background:#052757;color:#fff;font-weight:400;font-size:22px;padding:35px 20px 25px 20px;margin-top:15px}@media (min-width: 768px){.legend{font-size:26px}}.legend-title{padding:0 15px;margin:0;position:absolute;left:45px;top:15px;z-index:1000;max-width:300px}@media (min-width: 768px){.legend-title{max-width:100%}}.legend ul{border:#fff solid 2px;list-style:initial;list-style-type:decimal;list-style-position:outside;padding-bottom:15px;padding-top:50px;margin-bottom:0;margin-top:0}@media (min-width: 768px){.legend ul{padding-top:25px}}.images{line-height:0;text-align:center}.images video{width:100%}.pagination{padding:12px 0;text-align:center}.pagination .w>div{max-width:950px;margin:0 auto;overflow:hidden}.pagination ul{margin:0;padding:0;list-style:none;overflow:hidden;display:inline-block}@media (min-width: 576px){.pagination ul{float:right}}.pagination li{margin:3px;display:inline-block}.pagination li:hover a{-webkit-box-shadow:0px 0px 1px 0px rgba(0,0,0,0.3);-moz-box-shadow:0px 0px 1px 0px rgba(0,0,0,0.3);box-shadow:0px 0px 1px 0px rgba(0,0,0,0.3);color:#c00}.pagination a,.pagination span{display:block;height:34px;line-height:32px;border:#ddd solid 1px;padding:0 20px;font-size:18px}.pagination a{border:#ddd solid 1px;background:#f6f6f6;background:-moz-linear-gradient(top, #f6f6f6 0%, #f3f2f2 100%);background:-webkit-gradient(left top, left bottom, color-stop(0%, #f6f6f6), color-stop(100%, #f3f2f2));background:-webkit-linear-gradient(top, #f6f6f6 0%, #f3f2f2 100%);background:-o-linear-gradient(top, #f6f6f6 0%, #f3f2f2 100%);background:-ms-linear-gradient(top, #f6f6f6 0%, #f3f2f2 100%);background:linear-gradient(to bottom, #f6f6f6 0%, #f3f2f2 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#f3f2f2', GradientType=0 )}.pagination a.active{color:#c00;font-weight:600;border:#f00 solid 1px}.pagination span{border:#fff solid 1px}#thankyou{position:absolute;left:0;width:100%;top:10%;background:rgba(153,51,51,0.85);color:#fff;text-align:justify;z-index:10000}@media (min-width: 576px){#thankyou{left:50%;width:500px;margin-left:-250px}}@media (min-width: 768px){#thankyou{width:600px;margin-left:-300px}}#thankyou .close{width:30px;height:30px;font-size:22px;text-align:center;line-height:28px;color:#ccc;position:absolute;top:10px;right:10px}
@media only screen and (max-width: 600px)  {
.tabs-head a {
    display: block;
    height: 48px;
    line-height: 46px;
    padding: 0px 6px;
    border-right: #dfdfdf solid 0px;
    border-bottom: #dfdfdf solid 0px;
    overflow: hidden;
}
.sticky {
    position: fixed;
    display: flex;
    top: 0;
    width: 94% !important;
    background: #fff;
    z-index: 99999;
}
}
@media (max-width: 767px) {
    body {
        padding-bottom: 100px; /* больше отступ снизу, чтобы не мешал фиксированный timer */
    }

    #timer span {
        font-size: 18px; /* поменьше размер таймера на мобильных */
    }

    .tabs-head a {
        padding: 0 10px; /* достаточный отступ */
    }

    .pagination a,
    .pagination span {
        height: 30px;
        line-height: 28px;
        padding: 0 8px;
        font-size: 14px;
    }

    .graph-img,
    .graph-img img {
        width: 100%;
    }

    .step-img {
        float: none;
        margin: 0 auto 10px;
        max-width: 100%;
    }

    .step-pad {
        margin-right: 0;
        padding-bottom: 10px;
    }

    .legend-title {
        top: 5px;
        position: relative;
    }
}
/* Фикс горизонтального скролла и переполнения */
html, body {
    overflow-x: hidden;
    width: 100%;
  }
  
  body {
    position: relative;
  }
  
  /* Контейнеры и изображения должны адаптироваться к экрану */
  img, embed, object, video, iframe {
    max-width: 100%;
    height: auto !important;
  }
  
  /* Исправляем блок с кнопкой заказа */
  #timer {
    box-sizing: border-box;
    width: 100%;
  }
  
  /* Фикс верхнего меню */
  .header-top, .header-bottom {
    width: 100%;
    box-sizing: border-box;
  }
  
  /* Исправляем блок с таймером и кнопкой */
  @media (max-width: 767px) {
    #timer {
      position: fixed;
      bottom: 0;
      left: 0;
      height: auto;
      padding: 10px 5px;
    }
  
    #timer div, #timer span {
      font-size: 14px;
      line-height: normal;
    }
  
    .tabs-head a {
      box-sizing: border-box;
      width: 100%;
      height: auto;
      padding: 8px;
    }
  
    .pagination ul {
      float: none !important;
      width: 100%;
      text-align: center;
    }
  
    .pagination a, .pagination span {
      padding: 4px 8px;
      font-size: 14px;
    }
  }