@charset "utf-8";
/* START: General */
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  src: url(/fonts/opensans/opensans.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(/fonts/opensans/opensans.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Применить ко всем элементам */
* { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; }
/* Курсор нажатия */
.pointer { cursor: pointer; }
/* Анимация плавного появления */
.probootstrap-animate { 
    opacity: 0;
    transform: translateY(20%);
    animation: generalShowAnimate 0.3s normal forwards ease-in-out; 
}
@keyframes generalShowAnimate { 100% { opacity: 1; transform: translateY(0%); } }
/* Установить фон и картинку для класса */
.general {
    background: rgb(0,0,0);
    background: url('/img/site/bg.png'), linear-gradient(90deg, rgba(0,0,0,1) 10%, rgba(15,15,15,1) 50%, rgba(0,0,0,1) 90%);
}
@media only screen and (max-width: 996px)
{
    .general {
        background: url('/img/site/bg.png'), linear-gradient(90deg, rgba(10,10,10,1) 0%, rgba(15,15,15,1) 50%, rgba(10,10,10,1) 100%);
    }
}
/* Первый блок с затемнением */
#overview {
    -webkit-box-shadow: 0px 100px 49px -35px rgba(0, 0, 0, 1) inset;
    -moz-box-shadow: 0px 100px 49px -35px rgba(0, 0, 0, 1) inset;
    -o-box-shadow: 0px 100px 49px -35px rgba(0, 0, 0, 1) inset;
    box-shadow: 0px 100px 49px -35px rgba(0, 0, 0, 1) inset;
}
/* Последний блок с затемнением */
#support {
    -webkit-box-shadow: 0px -100px 49px -40px rgba(0, 0, 0, 1) inset;
    -moz-box-shadow: 0px -100px 49px -40px rgba(0, 0, 0, 1) inset;
    -o-box-shadow: 0px -100px 49px -40px rgba(0, 0, 0, 1) inset;
    box-shadow: 0px -100px 49px -40px rgba(0, 0, 0, 1) inset;
}
/* Настройки виджета комментариев ВК */
#vk_comments, #vk_comments iframe { width: 100% !important; }
/* Запрет выделения */
.noselect {
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
}
/* Внутренний отступ */
.padding0 { padding: 0; }
/* STOP: General */

/* =========================================================================================================================================================== */

/* START: Slider */
/* Блок со всеми слайдерами */
.slidersBox{
    z-index: -1; 
    position: absolute; 
    top: 0; 
    right: 0; 
    bottom: 0; 
    left: 0;
    overflow:hidden;
}

/* Отдельный слайд */
.slide{
   /* z-index: -1; */
    position: absolute; 
    top: 0; 
    right: 0; 
    bottom: 0; 
    left: 0;
    
    animation:sliderAnimate 40s infinite;
    opacity:0;
}

/* Анимация исчезновения и появление слайда */
@keyframes sliderAnimate {
    5%, 25%{opacity:1}
    40%{opacity:0}
}

/* Убрать задержку перед показом первого слайда */
#slide1 { opacity:1; }

/* Задержка перед показом слайдов */
#slide2:nth-child(2){animation-delay:10s}
#slide3:nth-child(3){animation-delay:20s}
#slide4:nth-child(4){animation-delay:30s}

/* Воспроизведение видео */
.slideVideo {
    position: absolute; 
    height: auto; 
    width: auto; 
    min-width: 100%; 
    min-height: 100%; 
    max-width: 10000%; 
    max-height: 10000%; 
    top: 50%; 
    left: 50%; 
    -webkit-transform: translate(-50%,-50%); 
    -ms-transform: translate(-50%,-50%); 
    transform: translate(-50%,-50%); 
    pointer-events: none;
}
/* Тень слайдера */
.slidersShadow {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-box-shadow: 0px -56px 21px -40px rgba(0, 0, 0, 1) inset;
    -moz-box-shadow: 0px -56px 21px -40px rgba(0, 0, 0, 1) inset;
    -o-box-shadow: 0px -56px 21px -40px rgba(0, 0, 0, 1) inset;
    box-shadow: 0px -56px 21px -40px rgba(0, 0, 0, 1) inset;
}
/* STOP: Slider */

/* =========================================================================================================================================================== */

/* START: Gallery */
/* Показать модальное окно */
.galleryCh[type=checkbox]:checked ~ .galleryBox {
    display: block;
}

/* Скрыть модальное окно */
.galleryCh[type=checkbox] {
    position: absolute;
    display: none;
}

/* Заголовок миниатюры */
.galleryHeaderText {
    font-weight: normal;
    border-bottom: 2px solid rgba(255, 255, 255, 0.1);
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.gFixHead { margin-bottom: 35px; }
/* Главный блок модального окна */
.galleryBox {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  background-size: auto auto;
  background-origin: content-box;
  text-align:center;
}

/* Блок с содержимым модального окна */
.galleryContent {
    position: relative; 
    top: 15%; 
    display: inline-block;
    z-index: 5;
    -khtml-user-select: none; 
    -o-user-select: none; 
    -moz-user-select: none; 
    -webkit-user-select: none; 
    user-select: none;
}


.gallerySize {
    min-height: 298px;
}
.gallerySize img {
    max-height: 224px;
}
@media only screen and (max-width: 1199px){
    .gallerySize { min-height: 254px; }
    .gallerySize img { max-height: 100%; }
}

/* Изображение или видео модального окна */
.galleryImg {
    max-width: 100%;
    max-height: 100%;
}
.galleryScale img {
    transition: .3s; /* Время эффекта */
}
.galleryScale img:hover {
    transform: scale(1.05, 1.05); /* Увеличиваем масштаб */
}

/* Кнопка закрыть модальное окно */
.galleryClose {
    position: absolute;
    top: -40px;
    right: 0;
    text-align: right;
    line-height: 44px;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
    opacity: 0.65;
    height: 44px;
    width: 44px;
    cursor: pointer;
    color: white;
}
/* Кнопка закрыть модальное окно при наведении */
.galleryClose:hover {
    opacity: 1;
}

/* Блок затемнения */
.galleryWrap {
    position: fixed; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    background-color: rgba(0, 0, 0, 0.8); 
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    z-index:4;
    
}

/* Анимация увеличения 1 */
.animateZoom1 {
    animation: animateZoom 0.2s forwards;
}
/* Анимация увеличения 4 */
.animateZoom4 {
    animation: animateZoom 4.4s forwards;
}
/* Анимация увеличения */
@keyframes animateZoom {
    from 
    { 
        -moz-transform: scale(0.8); /* Для Firefox */
        -ms-transform: scale(0.8); /* Для IE */
        -webkit-transform: scale(0.8); /* Для Safari, Chrome, iOS */
        -o-transform: scale(0.8); /* Для Opera */
        transform: scale(0.8); 
    }
    to 
    { 
        -moz-transform: scale(1); /* Для Firefox */
        -ms-transform: scale(1); /* Для IE */
        -webkit-transform: scale(1); /* Для Safari, Chrome, iOS */
        -o-transform: scale(1); /* Для Opera */
        transform: scale(1);  
    }
}

/* Мобильная версия по высоте */
@media only screen and (max-height: 700px){
    /* Блок с содержимым модального окна */
    .galleryContent {
        
        height: 100%;
        top: 90px;
        display: inline-block;
    }
    /* Изображение или видео модального окна */
    .galleryImg {
        max-width: 100%;
        max-height: 100%;
        padding-bottom: 90px;
    }
}

/* Мобильная версия по ширине */
@media only screen and (max-width: 996px){
    /* Главный блок модального окна */
    .galleryBox {
        background-size: contain;
    }
    .gFixHead { margin-bottom: 10px; }
    /* Убрать увеличение */
    .galleryScale img:hover {
        transform: scale(1); /* Увеличиваем масштаб */
    }
}
/* STOP: Gallery */

/* =========================================================================================================================================================== */

/* START: Scroll */
/* Стилизация скроллбар */
/* Firefox */
* {
  scrollbar-width: auto;
  scrollbar-color: rgba(255, 255, 255, .3) black;
}

/* Скроллбар  */
*::-webkit-scrollbar {
  height: 16px;
  width: 16px;
}

/* Трек */
*::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, .05);
}


/* Ползунок */
*::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, .3);
    background-image:url('/img/site/scroll/scale.png');
    background-position:center;
    background-repeat:no-repeat;
    border-radius: 5px;
    border: 3px solid rgba(0, 0, 0, 1.00);
}
/* Ползунок: при наведении */
::-webkit-scrollbar-thumb:hover {
   background-color: rgba(255,255,255,.35);
}
/* Ползунок: при нажатии */
::-webkit-scrollbar-thumb:active {
   background-color: rgba(255,255,255,.4);
}


/* Верхняя кнопка */
*::-webkit-scrollbar-button:vertical:decrement  {     
    background-image: url(/img/site/scroll/buttonUp.png);     
    background-position:center;
    background-repeat: no-repeat;     
    perspective:600px; 
}
/* Верхняя кнопка: при наведении */
::-webkit-scrollbar-button:vertical:decrement:hover {
   background-color: rgba(255,255,255,.25);
}
/* Верхняя кнопка: при нажатии */
::-webkit-scrollbar-button:vertical:decrement:active {
   background-color: rgba(255,255,255,.4);
}


/* Нижняя кнопка */
*::-webkit-scrollbar-button:vertical:increment {     
    background-image: url(/img/site/scroll/buttonDown.png);     
    background-position:center;
    background-repeat: no-repeat;     
    perspective:600px; 
}
/* Нижняя кнопка: при наведении */
::-webkit-scrollbar-button:vertical:increment:hover {
   background-color: rgba(255,255,255,.25);
}
/* Нижняя кнопка: при нажатии */
::-webkit-scrollbar-button:vertical:increment:active {
   background-color: rgba(255,255,255,.4);
}
/* STOP: Scroll */

/* =========================================================================================================================================================== */

/* START: Spoiler */
/* Скрыть чекбокс */
.spoilerOvCh[type=radio] {
    position: absolute;
    display: none;
}

/* Вид заголовка по умолчанию */
.ovSpoilerLb {
     -webkit-transition: .3s all;
    transition: .3s all;
    color: rgba(255, 255, 255, 0.5);
    padding-top: 10px !important;
    padding-bottom: 15px !important;
    display: block;
    position: relative;
    margin-bottom: 0px;
    font-weight: normal;
    cursor: pointer;
}

.ovSpoilerLb:hover {
    -webkit-transition: .3s all;
    transition: .3s all;
    color: rgba(255, 255, 255, 0.9);
}
.ovSpoilerLb:after {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e9f7";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.panel-collapse {
    overflow: hidden;
    max-height: 0px;
    transition: max-height 0.7s cubic-bezier(0, 1, 0, 1);
}

/* Заголовок спойлера */
#ovSpoilerCh1[type=radio]:checked ~ .panel #headingOne .panel-title label,
#ovSpoilerCh2[type=radio]:checked ~ .panel #headingTwo .panel-title label {
    color: #A20112;
    cursor: default;
}
#ovSpoilerCh1[type=radio]:checked ~ .panel #headingOne .panel-title label:after, 
#ovSpoilerCh2[type=radio]:checked ~ .panel #headingTwo .panel-title label:after {
    content: "\e9e3";
}

/* Контент спойлера */
#ovSpoilerCh1[type=radio]:checked ~ .panel #collapseOne,
#ovSpoilerCh2[type=radio]:checked ~ .panel #collapseTwo {
    max-height: 1000px;
    transition: max-height 0.8s ease-in-out;
}
/* STOP: Spoiler */

/* =========================================================================================================================================================== */

/* START: Updates */
.fix {
    padding: 1px 9px 2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: rgba(255, 255, 255, 0.7);
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    background-color: #3e3e3e;
}
.new {
    padding: 1px 4px 2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: rgba(255, 255, 255, 0.7);
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    background-color: rgba(143, 37, 48, 1);
}
.fix, .new {
    margin-right: 10px;
    font-weight: normal;
    display: inline;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
}
.updates ul {
    list-style: none;
    clear: both;
    padding: 0px 0px 0px 10px;
}
.version {
    float: left;
    color: rgba(255, 255, 255, 0.5);
    font-size: 18px;
    margin: 1.414em 0 0.5em;
    line-height: 1.2;
    font-weight: 300;
}
.release-date {
    float: right;
    margin-top: 24px;
    color: rgba(255, 255, 255, 0.5);
    font-size: 0.85em;
}
.update:not(:last-child) {
    border-bottom: 2px solid rgba(255, 255, 255, 0.1);
}

.updSpoiler >  input {
    display: none;
}
.updSpoiler >  input ~ .spBox {
	display: none;
}
.updSpoiler >  input:checked ~ .spBox {
	display: block;
}

.updSpoiler >  input:checked ~ .spLb {
   display: inline-block; 
}
.spLb {
    background: transparent;
    border: 2px solid rgba(255, 255, 255, 0.1);
    margin-top: 10px;
    cursor: pointer;
    padding: 1px 6px 1px 0px;
    font-weight: normal;
}

.updSpoiler >  input:checked ~ .spLb:before {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    transition: .3s;
}
.spLb:before {
    content: "";
    display: inline-block;
    background: url(/img/spoiler/arrow.png) 0px 60% no-repeat;
    width: 6px;
    height: 10px;
    margin: 0px 10px 0px 10px;
    transition: .3s;
}
.updSpoiler >  input:checked ~ .spLb:after {
    content: "Hide";
}
.spLb:after {
    content: "Version history";
}
/* STOP: Updates */

/* =========================================================================================================================================================== */

/* START: Download */
.btn.btnSkew {
    transform: skew(-11deg); 
}
/* STOP: Download */

/* =========================================================================================================================================================== */

/* START: Price */

/* Блок с ценами */
.pricesBox {
    text-align: center; 
}
/* Блок в котором расположен весь контент */
.priceGeneralWrap { 
   padding-right: 15px; 
   padding-left: 15px; 
   width: 33.3%;
   display: inline-block;
   float: left;
}

/* Блок в котором расположен весь контент */
.priceGeneralBox { 
    /*
    min-width: 300px; 
    min-height: 300px; 
    height: auto; 
    */
    border: 2px solid rgba(132, 1, 18, 0.7);
    
    vertical-align: top;
    overflow:hidden;
    position: relative;
    cursor: default;
    margin-bottom: 15px;
    text-align: left;
}
@media only screen and (max-width: 996px) {
    .priceGeneralWrap {
        width: 100%; 
        display: block;
    }
}

/* Блок с заголовоком */
.priceHeadBox {
    border-bottom: 1px solid rgba(132, 1, 18, 0.7);
    text-align: center;
    line-height: 1.8;
    font-size: 17px;
}
/* Текст заголовка */
.priceHeadText {
    font-size: 1.424em;
    color: rgba(255,255,255, 0.7);
    text-transform: uppercase;
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    
}
/* Скидка */
.priceSale {
    width: 140px;
    height: 76px;
    background: rgba(132, 1, 18,0.7);
    position: absolute;
    transform: rotate(315deg);
    top: -20px;
    left: -50px;
}
.priceSale *:nth-child(1) {
  position: relative;
  top: 35%;
  color: rgba(255,255,255,0.8);
}
.priceSale *:nth-child(2) {
  position: relative;
  top: 30%;
  color: rgba(255,255,255,0.6);
  font-size: 13px;
  font-family: "Open Sans", sans-serif;
}
/* Бокс с контентом */
.priceContentBox {
    line-height: 2.8;
    padding: 0px 10px 0px 10px;
}
/* Бокс с подвалом */
.priceFooter {
    border-top: 1px solid rgba(132, 1, 18, 0.7);
    cursor: pointer;
    text-align: center;
}
/* Ссылка в подвале */
.priceFooter a {
    display: block;
    padding: 10px;
    width: 100%;
    height: 100%
}
/* Старая цена */
.priceOld {
    color: rgba(255, 255, 255, 0.3);
}
/* Цвет блока 1 */
.priceRed01 .priceHeadBox, .priceRed01 .priceFooter a {
    background: rgba(132, 1, 18,0.04); 
}
.priceRed01 .priceHeadText {
    color: rgba(255,255,255, 0.4);
}
.priceRed01 .priceFooter a, .priceRed01 .priceFooter a:visited {
    color: #A20112;
    text-decoration: none;
}
.priceRed01 .priceFooter a:hover {
    color: #cb1d24;
    background: rgba(132, 1, 18,0.3); 
}
.priceRed01 .priceSale {
    background: rgba(132, 1, 18,0.5);
}

/* Цвет блока 2 */
.priceRed02 .priceHeadBox, .priceRed02 .priceFooter a {
    background: rgba(132, 1, 18,0.1); 
}
.priceRed02 .priceHeadText {
    color: rgba(255,255,255, 0.6);
}
.priceRed02 .priceFooter a, .priceRed02 .priceFooter a:visited {
    color: #A20112;
    text-decoration: none;
}
.priceRed02 .priceFooter a:hover {
    color: #cb1d24;
    background: rgba(132, 1, 18,0.3); 
}
.priceRed02 .priceSale {
    background: rgba(132, 1, 18,0.63);
}

/* Цвет блока 3 */
.priceRed03 .priceHeadBox, .priceRed03 .priceFooter a {
    background: rgba(132, 1, 18,0.2); 
}
.priceRed03 .priceHeadText {
    color: rgba(255,255,255, 0.7);
}
.priceRed03 .priceFooter a, .priceRed03 .priceFooter a:visited {
    color: #A20112;
    text-decoration: none;
}
.priceRed03 .priceFooter a:hover {
    color: #cb1d24;
    background: rgba(132, 1, 18,0.3); 
}
.priceRed03 .priceSale {
    background: rgba(132, 1, 18,0.7);
}

.pricePlus:before {
    content: '\2713';
    /* content: '\2714'; */
    padding: 0px 5px 0px 0px;
    font-weight: 100;
}

.priceMinus:before {
    content: '\2212';
    padding: 0px 5px 0px 0px;
}
/* STOP: Price */

/* =========================================================================================================================================================== */

/* START: Partners */
.partnersBox { 
    text-align: justify;
    -moz-text-align-last: justify;
    text-align-last: justify;
}
.partnersBox img {
    margin: 10px 0px !important;
}
/* STOP: Partners */

/* =========================================================================================================================================================== */

/* START: Payments */
.paymentsBox { 
    text-align: justify;
    -moz-text-align-last: justify;
    text-align-last: justify;
}
.paymentsBox img {
    margin: 0px 0px !important;
    vertical-align: middle;
}
/* STOP: Payments */