@import "ext/owl.carousel.min.css";
@import "ext/owl.theme.default.min.css";

@font-face {
    font-family: Montserrat;
    src: url(/static/prj/fonts/montserrat/Montserrat-Medium.woff2) format("woff2"), url(/static/prj/fonts/montserrat/Montserrat-Medium.ttf) format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Montserrat;
    src: url(/static/prj/fonts/montserrat/Montserrat-Medium.woff2) format("woff2"), url(/static/prj/fonts/montserrat/Montserrat-Medium.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Montserrat;
    src: url(/static/prj/fonts/montserrat/Montserrat-Medium.woff2) format("woff2"), url(/static/prj/fonts/montserrat/Montserrat-Medium.ttf) format("truetype");    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

.animated {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.opacity-animated {
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.clear {
    width: 100%;
    height: 20px;
    font-size: 0;
    line-height: 0;
    clear: both
}

.clearfix:after,
.clearfix:before {
    content: "";
    display: table
}

.clearfix:after {
    clear: both
}

.hidden {
    display: none
}

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%
}

.hidden {
    display: none !important;
    visibility: hidden
}

.visually-hidden {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.visually-hidden.focusable:active,
.visually-hidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

.invisible {
    visibility: hidden
}

.no-select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.overlay {
    background: #000;
    opacity: .7;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 999
}

.popup {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    position: relative;
    background: #fff;
    max-width: 1000px;
    padding: 29px 28px;
    min-height: 100px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #edeff2;
    margin: 50px 0
}

.popup-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow-y: scroll;
    overflow-x: auto;
    z-index: 1000;
    display: none;
    text-align: center
}

.popup-overlay:before {
    content: "";
    display: block;
    height: 100%;
    width: 0;
    display: inline-block;
    vertical-align: middle
}

.popup-close {
    display: block;
    width: 48px;
    height: 48px;
    background: transparent;
    position: absolute;
    top: 8px;
    right: 8px;
    font-size: 0
}

.popup-close:before {
    z-index: 1;
    background-position: -250px -95px;
    opacity: 1
}

.popup-close:after,
.popup-close:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(/static/prj/images/video-splitter/sprite.png);
    width: 48px;
    height: 48px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.popup-close:after {
    z-index: 2;
    background-position: -250px -260px;
    opacity: 0
}

.popup-close:hover:before {
    opacity: 0
}

.popup-close:hover:after {
    opacity: 1
}

.popup-content {
    font: normal 400 14px/20px Montserrat, sans-serif;
    color: #1a1a1a;
    width: 700px
}

.popup-content .table {
    margin-bottom: -1px
}

.popup-title {
    display: block;
    text-transform: uppercase;
    font: normal 700 18px/21px Montserrat, sans-serif;
    color: #345ebe;
    margin-bottom: 2px
}

.popup-text p {
    font: normal 400 14px/21px Montserrat, sans-serif;
    color: #1a1a1a;
    margin-bottom: 6px
}

.popup-text .choose-list {
    margin: 20px 0
}

.popup-text .choose-list:first-child {
    margin-top: 25px
}

.popup-text .choose-list:last-child {
    margin-bottom: 0
}

.popup-text .choose-list-content {
    padding: 15px 14px 6px 18px
}

.vat-info {
    display: block;
    font: normal 400 16px/24px Montserrat, sans-serif;
    color: #1a1a1a;
    margin-bottom: 11px
}

b,
strong {
    font-weight: 700
}

em,
i {
    font-style: italic
}

.control-text {
    height: 34px;
    border: #edeff2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    background: url("data:image/PNG;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAiCAIAAADgRH/LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFNDZERDUxQzgyMEMxMUU1OEQxQjk5OTJEQkFDNEU3OSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFNDZERDUxRDgyMEMxMUU1OEQxQjk5OTJEQkFDNEU3OSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkU0NkRENTFBODIwQzExRTU4RDFCOTk5MkRCQUM0RTc5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkU0NkRENTFCODIwQzExRTU4RDFCOTk5MkRCQUM0RTc5Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Rs5grAAAAClJREFUeNpiPHr0KANxgPHNmzfEKv3///+o0lGlo0pHlY4qpb5SgAADADryZNYmt8xfAAAAAElFTkSuQmCC");
    font: normal 400 14px/34px Montserrat, sans-serif;
    color: #1a1a1a;
    -webkit-box-shadow: 0 0 0 2px #e6e8eb;
    box-shadow: 0 0 0 2px #e6e8eb;
    border-radius: 2px;
    padding: 2px 10px 0;
    width: 190px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.control-text::-webkit-input-placeholder {
    color: grey;
    opacity: 1;
    font-style: normal
}

.control-text:-moz-placeholder,
.control-text::-moz-placeholder {
    color: grey;
    opacity: 1;
    font-style: normal
}

.control-text:-ms-input-placeholder {
    color: grey;
    opacity: 1;
    font-style: normal
}

.control-text--short {
    width: 27px;
    height: 22px;
    text-align: center;
    background: url("data:image/PNG;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAWCAIAAABlk9r+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2REFGRDE1NDgxNUExMUU1QUFFMEU0NzQxODJGNDU1MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2REFGRDE1NTgxNUExMUU1QUFFMEU0NzQxODJGNDU1MyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjZEQUZEMTUyODE1QTExRTVBQUUwRTQ3NDE4MkY0NTUzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjZEQUZEMTUzODE1QTExRTVBQUUwRTQ3NDE4MkY0NTUzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+QirCGAAAACJJREFUeNpivHnzJgMDA+OnT59A1P///4EUEwMYDCwFEGAAxxMIiNfIVpoAAAAASUVORK5CYII=");
    font: normal 400 14px/24px Montserrat, sans-serif;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 1px;
    padding: 0
}

.control-text._error {
    -webkit-box-shadow: 0 0 0 1px #d46a6a;
    box-shadow: 0 0 0 1px #d46a6a
}

.control-text:focus {
    -webkit-box-shadow: 0 0 0 1px #345ebe;
    box-shadow: 0 0 0 1px #345ebe
}

.control-text-error {
    color: #d46a6a;
    display: block;
    position: absolute;
    top: 38px;
    left: 0;
    font: normal 400 14px/21px Montserrat, sans-serif
}

.control-checkbox {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 12px;
    height: 12px;
    margin: 0;
    padding: 0;
    background: transparent;
    border: none;
    cursor: pointer
}

.control-checkbox:before {
    width: 100%;
    height: 100%;
    background: #fff;
    border: 1px solid #6a93d4;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.control-checkbox:after,
.control-checkbox:before {
    content: "";
    display: block;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 2
}

.control-checkbox:after {
    background-image: url(/static/prj/images/video-splitter/sprite.png);
    background-position: -70px -35px;
    width: 12px;
    height: 12px;
    opacity: 0
}

.control-checkbox:checked:after {
    opacity: 1
}

.control-checkbox+.control-label {
    cursor: pointer
}

.control-radio {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    left: 2px;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 50%;
    font-size: 0;
    cursor: pointer
}

.control-radio,
.control-radio:before {
    width: 14px;
    height: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.control-radio:before {
    content: "";
    display: block;
    background: #e6e8eb;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 2;
    border-radius: 50%
}

.control-radio:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    top: 1px;
    left: 1px;
    position: absolute;
    z-index: 3;
    border-radius: 50%;
    border: 6px solid #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.control-radio:checked:before {
    background: #3796fd
}

.control-radio:checked:after {
    left: 5px;
    top: 5px;
    border-width: 2px
}

.control-radio+.control-label {
    cursor: pointer
}

.control-label {
    display: inline-block;
    vertical-align: middle;
    font: normal 400 16px/24px Montserrat, sans-serif;
    color: #1a1a1a;
    margin-left: 6px
}

.control-field {
    margin-bottom: 6px
}

.button:not(.is-big):not(.card-body__button) {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 47px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #44c439;
    background: -webkit-gradient(linear, left top, left bottom, from(#60ce57), color-stop(2%, #44c439), to(#38b82f));
    background: linear-gradient(180deg, #60ce57 0, #44c439 2%, #38b82f);
    padding: 6px 46px 5px;
    font: normal 700 16px/16px Montserrat, sans-serif;
    color: #fff;
    border: none;
    border-radius: 2px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.button:not(.is-big):not(.card-body__button) -inner {
    position: relative;
    z-index: 4
}

.button:not(.is-big):not(.card-body__button):before {
    background: #4ccd40;
    background: -webkit-gradient(linear, left top, left bottom, from(#75e468), color-stop(2%, #5dde4e), color-stop(33%, #4ccd40), color-stop(78%, #2aa924), to(#1f9e1a));
    background: linear-gradient(180deg, #75e468 0, #5dde4e 2%, #4ccd40 33%, #2aa924 78%, #1f9e1a);
    z-index: 2;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .6);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .6)
}

.button:not(.is-big):not(.card-body__button):after,
.button:not(.is-big):not(.card-body__button):before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 2px;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.button:not(.is-big):not(.card-body__button):after {
    z-index: 3;
    -webkit-box-shadow: 0 0 1px hsla(0, 0%, 100%, .2);
    box-shadow: 0 0 1px hsla(0, 0%, 100%, .2);
    background: #38b82f;
    background: -webkit-gradient(linear, left top, left bottom, from(#32a32a), color-stop(2%, #36b12d), color-stop(4%, #38b82f), to(#44c439));
    background: linear-gradient(180deg, #32a32a 0, #36b12d 2%, #38b82f 4%, #44c439)
}

.button:not(.is-big):not(.card-body__button):hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.button:not(.is-big):not(.card-body__button):hover:before {
    opacity: 1
}

.button:not(.is-big):not(.card-body__button):active,
.button:not(.is-big):not(.card-body__button):active:before {
    -webkit-box-shadow: none;
    box-shadow: none
}

.button:not(.is-big):not(.card-body__button):active:after {
    opacity: 1
}

.button-inner {
    position: relative;
    z-index: 4
}

.btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 34px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #44c439;
    background: -webkit-gradient(linear, left top, left bottom, from(#7cd775), color-stop(3%, #44c439), to(#38b82f));
    background: linear-gradient(180deg, #7cd775 0, #44c439 3%, #38b82f);
    padding: 6px 13px 5px;
    font: normal 400 14px/14px Montserrat, sans-serif;
    border: none;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .4);
    box-shadow: 0 1px 5px rgba(0, 0, 0, .4);
    text-transform: uppercase;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.btn,
.btn:hover {
    color: #fff;
    text-decoration: none
}

.btn-inner {
    position: relative;
    z-index: 4
}

.btn--white {
    background: #fff;
    -webkit-box-shadow: inset 0 0 0 1px grey !important;
    box-shadow: inset 0 0 0 1px grey !important;
    padding: 11px 13px 9px 14px;
    color: #1a1a1a
}

.btn--white:active,
.btn--white:hover {
    color: #fff
}

.btn:before {
    background: #4ccd40;
    background: -webkit-gradient(linear, left top, left bottom, from(#75e468), color-stop(3%, #5cde4d), color-stop(21%, #54d546), color-stop(82%, #28a722), to(#209e1b));
    background: linear-gradient(180deg, #75e468 0, #5cde4d 3%, #54d546 21%, #28a722 82%, #209e1b);
    z-index: 2;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .6);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .6)
}

.btn:after,
.btn:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 2px;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.btn:after {
    z-index: 3;
    background: #38b82f;
    -webkit-box-shadow: 0 0 1px hsla(0, 0%, 100%, .2);
    box-shadow: 0 0 1px hsla(0, 0%, 100%, .2);
    background: -webkit-gradient(linear, left top, left bottom, from(#32a32a), color-stop(3%, #36b12d), color-stop(6%, #38b82f), to(#44c439));
    background: linear-gradient(180deg, #32a32a 0, #36b12d 3%, #38b82f 6%, #44c439)
}

.btn:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn:hover:before {
    opacity: 1
}

.btn:active,
.btn:active:before {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn:active:after {
    opacity: 1
}

.btn--triangle {
    overflow: visible;
    margin: 19px 0 2px 2px;
    padding: 11px 13px 9px 23px
}

.btn--triangle .btn-triangle {
    display: block;
    background-image: url(/static/prj/images/video-splitter/sprite.png);
    background-position: 0 -300px;
    width: 22px;
    height: 42px;
    position: absolute;
    right: -20px;
    top: -3px
}

.btn--triangle .btn-triangle:before {
    background-position: -30px -300px;
    z-index: 3
}

.btn--triangle .btn-triangle:after,
.btn--triangle .btn-triangle:before {
    content: "";
    display: block;
    background-image: url(/static/prj/images/video-splitter/sprite.png);
    width: 22px;
    height: 42px;
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.btn--triangle .btn-triangle:after {
    background-position: -60px -300px;
    z-index: 4
}

.btn--triangle:active .btn-triangle:after,
.btn--triangle:hover .btn-triangle:before {
    opacity: 1
}

.btn--download {
    width: 98.5px;
    margin: 20px 0 10px;
    white-space: nowrap
}

.spoiler {
    position: relative
}

.spoiler-head {
    display: block;
    height: 41px;
    background: #edeff2;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px 18px;
    border: 2px solid #fff;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.spoiler-head._opened {
    padding: 8px 0;
    background: #fff
}

.spoiler-head-link {
    font: normal 400 16px/24px Montserrat, sans-serif;
    color: #345ebe;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    position: relative;
    top: -1px;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.spoiler-head-link:before {
    background: url("data:image/PNG;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAABCAYAAAAW/mTzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpENTQ5MDc5MzdFRjgxMUU1OUUzMEM0Q0JCMjNCNzU0MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpENTQ5MDc5NDdFRjgxMUU1OUUzMEM0Q0JCMjNCNzU0MyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ1NDkwNzkxN0VGODExRTU5RTMwQzRDQkIyM0I3NTQzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ1NDkwNzkyN0VGODExRTU5RTMwQzRDQkIyM0I3NTQzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+f1borwAAABtJREFUeNpi/P//P4Np/P7/DFBweqEjI0CAAQBeyQb/Mf7fwwAAAABJRU5ErkJggg==")
}

.spoiler-head-link:after,
.spoiler-head-link:before {
    content: "";
    display: block;
    left: -1px;
    right: -1px;
    bottom: 4px;
    top: auto;
    position: absolute;
    height: 1px
}

.spoiler-head-link:after {
    z-index: 2;
    background: url("data:image/PNG;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAABCAYAAAAW/mTzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUYzQUU4RDM4OUQ3MTFFNTgzQTNGMzI1RTBGN0MzQTYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUYzQUU4RDI4OUQ3MTFFNTgzQTNGMzI1RTBGN0MzQTYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ1NDkwNzkzN0VGODExRTU5RTMwQzRDQkIyM0I3NTQzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ1NDkwNzk0N0VGODExRTU5RTMwQzRDQkIyM0I3NTQzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+V3AgUAAAABpJREFUeNpi/P//PwOPSv9/Bij4cqeQESDAAFfZBv9QqSEWAAAAAElFTkSuQmCC");
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.spoiler-head-link._opened {
    display: none
}

.spoiler-head-link._notopened {
    display: inline-block;
    vertical-align: middle
}

.spoiler-head:hover .spoiler-head-link {
    color: #0b238e
}

.spoiler-head:hover .spoiler-head-link:after {
    opacity: 1
}

.spoiler-head._opened .spoiler-head-link._notopened {
    display: none
}

.spoiler-head._opened .spoiler-head-link._opened {
    display: inline-block;
    vertical-align: middle
}

.spoiler-body {
    border: 2px solid #fff;
    font-size: 0;
    padding: 15px 0 7px;
    margin-top: -2px;
    display: none;
    white-space: nowrap
}

.spoiler--choose {
    border: 2px solid #edeff2
}

.spoiler--choose .spoiler-head {
    text-align: left;
    border: none;
    background: #fff;
    padding: 16px 18px;
    height: 48px
}

.spoiler--choose .spoiler-head-link {
    font: normal 700 14px/22px Montserrat, sans-serif
}

.spoiler--choose .spoiler-body {
    padding: 0 0 18px;
    margin-top: -10px
}

.tabs-head {
    font-size: 0
}

.tabs-head-link {
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    border: 2px solid #edeff2;
    font: normal 400 16px/24px Montserrat, sans-serif;
    color: #345ebe;
    text-transform: uppercase;
    text-align: center;
    padding: 12px 0 11px
}

.tabs-head-link,
.tabs-head-link-text {
    display: inline-block;
    vertical-align: middle
}

.tabs-head-link-text {
    position: relative;
    letter-spacing: .5px
}

.tabs-head-link-text:before {
    background: url("data:image/PNG;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAABCAYAAAAW/mTzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpENTQ5MDc5MzdFRjgxMUU1OUUzMEM0Q0JCMjNCNzU0MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpENTQ5MDc5NDdFRjgxMUU1OUUzMEM0Q0JCMjNCNzU0MyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ1NDkwNzkxN0VGODExRTU5RTMwQzRDQkIyM0I3NTQzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ1NDkwNzkyN0VGODExRTU5RTMwQzRDQkIyM0I3NTQzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+f1borwAAABtJREFUeNpi/P//P4Np/P7/DFBweqEjI0CAAQBeyQb/Mf7fwwAAAABJRU5ErkJggg==");
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.tabs-head-link-text:after,
.tabs-head-link-text:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 3px;
    left: -1px;
    right: -1px;
    height: 1px
}

.tabs-head-link-text:after {
    top: auto;
    z-index: 2;
    background: url("data:image/PNG;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAABCAYAAAAW/mTzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUYzQUU4RDM4OUQ3MTFFNTgzQTNGMzI1RTBGN0MzQTYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUYzQUU4RDI4OUQ3MTFFNTgzQTNGMzI1RTBGN0MzQTYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ1NDkwNzkzN0VGODExRTU5RTMwQzRDQkIyM0I3NTQzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ1NDkwNzk0N0VGODExRTU5RTMwQzRDQkIyM0I3NTQzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+V3AgUAAAABpJREFUeNpi/P//PwOPSv9/Bij4cqeQESDAAFfZBv9QqSEWAAAAAElFTkSuQmCC");
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.tabs-head-link._active {
    background: #6a93d4;
    border-color: #6a93d4;
    color: #fff
}

.tabs-head-link._active .tabs-head-link-text:after,
.tabs-head-link._active .tabs-head-link-text:before {
    content: none
}

.tabs-head-link:hover .tabs-head-link-text {
    color: #0b238e
}

.tabs-head-link:hover .tabs-head-link-text:after {
    opacity: 1
}

.tabs-head-link._active:hover .tabs-head-link-text {
    color: #fff
}

.tabs-head-link._active:hover .tabs-head-link-text:after {
    opacity: 0
}

.tabs-body {
    display: none;
    margin-top: 18px
}

.tabs-body._shown {
    display: block
}

.header-promo-try {
    margin-right: 10px
}

.main {
    font: normal 400 14px/20px Montserrat, sans-serif;
    color: #1a1a1a
}

.header {
    background: #fff
}

.header,
.header-promo {
    width: 100%;
    overflow: hidden
}

.header-promo {
    text-align: center;
    position: relative;
    min-height: 418px;
    margin-top: 30px
}

@media only screen and (min-width: 1024px) {
    .header-promo {
        height: 567px
    }
}

.header-promo-title {
    font: normal 400 50px/60px Montserrat, sans-serif;
    letter-spacing: -.5px;
    margin-bottom: 10px
}

.header-promo-slogan,
.header-promo-title {
    color: #fff;
    text-align: center;
    display: block;
    font-weight: bold
}

.header-promo-slogan {
    font: normal 700 23px/26px Montserrat, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px
}

.header-promo-list {
    margin: 15px 0px 35px;
    padding: 0;
    font-size: 0;
    white-space: nowrap;
    min-height: 130px
}

.header-promo-item {
    display: inline-block;
    vertical-align: top;
    max-width: 220px;
    width: 22%;
    margin: 0 20px 0 0;
    padding: 0;
    white-space: normal
}

.header-promo-item:before {
    display: none
}

.header-promo-item:last-child {
    margin-right: 0
}

.header-promo-item-img {
    display: inline-block;
    vertical-align: middle
}

.header-promo-item-img-0 {
    background-position: 0 0;
    width: 29px;
    height: 26px;
    margin: 2px 0 15px
}

.header-promo-item-img-0,
.header-promo-item-img-1 {
    background-image: url(/static/prj/images/video-splitter/sprite.png)
}

.header-promo-item-img-1 {
    background-position: -40px 0;
    width: 18px;
    height: 30px;
    margin: 0 0 13px
}

.header-promo-item-img-2 {
    background-position: 0 -35px;
    width: 64px;
    height: 18px;
    margin: 6px 0 19px
}

.header-promo-item-img-2,
.header-promo-item-img-3 {
    background-image: url(/static/prj/images/video-splitter/sprite.png)
}

.header-promo-item-img-3 {
    background-position: -70px 0;
    width: 22px;
    height: 22px;
    margin: 3px 0 18px
}

.header-promo-item-text {
    display: block;
    font: normal 400 14px/21px Montserrat, sans-serif;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 1px
}

.header-promo-buttons {
    position: relative;
    display: flex;
    justify-content: center;
    padding-top: 50px;
    padding-bottom: 35px;
}

.header-promo-buttons.mac {
    padding-top: 0
}

.header-promo-buttons a {}

.header-promo-buttons-text {
    margin-right: 10px
}

.header-promo-buttons-link,
.header-promo-buttons-text {
    font: normal 400 14px/20px Montserrat, sans-serif;
    color: #fff;
    display: inline-block;
    vertical-align: middle
}

.header-promo-buttons-link {
    text-decoration: none;
    position: relative
}

.header-promo-buttons-link:before {
    content: "";
    display: block;
    left: 0;
    right: 0;
    bottom: 0;
    top: auto;
    position: absolute;
    height: 2px;
    background: url("data:image/PNG;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAACCAYAAACQahZdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM2M0E0RTdFRDkxMUU1OTRCN0I1RTAyNjhDRTAxMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM2M0E0RjdFRDkxMUU1OTRCN0I1RTAyNjhDRTAxMyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY0MzYzQTRDN0VEOTExRTU5NEI3QjVFMDI2OENFMDEzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzYzQTREN0VEOTExRTU5NEI3QjVFMDI2OENFMDEzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+e5/p3QAAACRJREFUeNpi+P///24gvgvF5UDMwAgkBBkYGEAYBN6DMECAAQB99BbcqYSiEwAAAABJRU5ErkJggg==")
}

.header-promo-buttons-link:hover {
    color: #fff
}

.header-promo-content {
    display: block;
    max-width: 1000px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 50px;
    height: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 4
}

@media only screen and (min-width: 1024px) {
    .header-promo-content {
        padding: 32px 30px 0
    }
}

.header-promo-poster {
    top: 0
}

.header-promo-poster,
.header-promo-video {
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    height: auto
}

.header-promo-video {
    top: 50%;
    margin-top: -360px;
    z-index: 1
}

.header-promo-video-container {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.header-promo-video-container:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    z-index: 2
}

.header-promo-video-pause {
    display: block;
    width: 30px;
    height: 30px;
    background: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 80px;
    right: 61px;
    font-size: 0;
    text-align: center;
    z-index: 5
}

.header-promo-video-pause:before {
    background-position: -90px -150px;
    opacity: 1
}

.header-promo-video-pause:after,
.header-promo-video-pause:before {
    content: "";
    display: block;
    background-image: url(/static/prj/images/video-splitter/sprite.png);
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.header-promo-video-pause:after {
    background-position: -130px -150px;
    opacity: 0
}

.header-promo-video-pause:hover:before {
    opacity: 0
}

.header-promo-video-pause:hover:after {
    opacity: 1
}

.header-promo-video-pause._pressed:before {
    background-position: -90px -190px
}

.header-promo-video-pause._pressed:after,
.header-promo-video-pause._pressed:before {
    background-image: url(/static/prj/images/video-splitter/sprite.png);
    width: 30px;
    height: 30px
}

.header-promo-video-pause._pressed:after {
    background-position: -130px -190px
}

.header-promo-video-mute {
    display: block;
    width: 30px;
    height: 30px;
    background: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 80px;
    right: 21px;
    font-size: 0;
    text-align: center;
    z-index: 5
}

.header-promo-video-mute:before {
    background-position: -170px -150px;
    opacity: 1
}

.header-promo-video-mute:after,
.header-promo-video-mute:before {
    content: "";
    display: block;
    background-image: url(/static/prj/images/video-splitter/sprite.png);
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.header-promo-video-mute:after {
    background-position: -210px -150px;
    opacity: 0
}

.header-promo-video-mute:hover:before {
    opacity: 0
}

.header-promo-video-mute:hover:after {
    opacity: 1
}

.header-promo-video-mute._pressed:before {
    background-position: -170px -190px
}

.header-promo-video-mute._pressed:after,
.header-promo-video-mute._pressed:before {
    background-image: url(/static/prj/images/video-splitter/sprite.png);
    width: 30px;
    height: 30px
}

.header-promo-video-mute._pressed:after {
    background-position: -210px -190px
}

.block {
    width: 100%;
    padding: 50px 0 60px;
    margin-bottom: 0 !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #e6e8eb;
    background: #edeff2
}

.block:last-child,
.block:last-of-type {
    border-bottom: none
}

.block--white {
    background: #fff
}

.block-wrap {
    max-width: 1000px;
    min-width: 780px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 30px
}

.block-side {
    width: 280px;
    float: right;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    z-index: 3
}

.block-content {
    margin-right: 320px
}

.block-title {
    font: normal 400 32px/32px Montserrat, sans-serif;
    color: #1a1a1a
}

.background-half {
    margin-top: 0 !important
}

.modal__back {
    top: 12px
}

.scrollup {
    right: 37px
}

.modal {
    font-size: .875rem
}

.modal__title {
    font-size: 1.125rem;
    text-transform: uppercase
}

.table th {
    padding-left: 8px;
    padding-right: 8px
}

.table td {
    border-left: none;
    border-top: none;
    border-bottom: none;
    font-size: .875rem
}

.magazines {
    min-height: 135px;
    width: 100%;
    background: #e6e8eb;
    border-bottom: 1px solid #e6e8eb;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px 0
}

@media only screen and (min-width: 1024px) {
    .magazines {
        padding: 30px 0 0
    }
}

.magazines-list {
    font-size: 0;
    white-space: nowrap;
    margin: 0
}

.magazines-item {
    display: inline-block;
    vertical-align: top;
    width: 32%;
    max-width: 300px;
    margin: 0 20px 0 0;
    padding: 0;
    white-space: normal
}

.magazines-item:before {
    display: none
}

.magazines-item:last-child {
    margin-right: 0
}

.magazines-item-logo {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%
}

.magazines-item-logo-container {
    display: block;
    float: left;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    font-size: 0;
    text-align: center;
    overflow: hidden
}

.magazines-item-content {
    margin-left: 60px;
    padding-top: 3px
}

.magazines-item-title {
    font: normal 700 16px/21px Montserrat, sans-serif;
    color: #1a1a1a;
    display: block;
    margin: 0 0 7px;
    letter-spacing: -.5px;
}

.magazines-item-text {
    font: normal 400 14px/16px Montserrat, sans-serif;
    color: grey;
    display: block
}

.features-banner {
    background: #fff;
    text-align: center;
    padding: 26px 18px 28px;
    margin-top: 4px;
    border: 2px solid #edeff2;
    width: 276px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 50
}

.features-banner-title {
    font: normal 700 20px/20px Montserrat, sans-serif;
    color: #345ebe;
    display: block
}

.features-banner-content {
    margin-top: 26px;
    padding-top: 27px;
    position: relative
}

.features-banner-content:before {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #fafafb;
    position: absolute;
    top: 0;
    left: 0
}

.features-banner-text {
    font: normal 400 14px/21px Montserrat, sans-serif;
    margin-bottom: 24px;
    display: block
}

.features-banner._fixed {
    position: fixed;
    top: 86px
}

.features-list {
    font-size: 0;
    margin: 40px -20px 0 0
}

.features-list>ul {
    margin: 0
}

.features-list li {
    display: inline-block;
    vertical-align: top;
    width: 45%;
    margin: 0 20px 50px 0;
    padding: 0;
    text-align: center
}

@media only screen and (min-width: 1024px) {
    .features-list li {
        width: 300px
    }
}

.features-list li:before {
    display: none
}

.features-list li:nth-child(2n) {
    margin-right: 0
}

.features-item {
    display: inline-block;
    vertical-align: top;
    width: 45%;
    margin: 0 20px 50px 0;
    padding: 0;
    text-align: center
}

@media only screen and (min-width: 1024px) {
    .features-item {
        width: 300px
    }
}

.features-item:before {
    display: none
}

.features-item:nth-child(2n) {
    margin-right: 0
}

.features-item-img {
    display: inline-block;
    vertical-align: middle
}

.features-item-img--pen {
    background-position: 0 -70px;
    width: 60px;
    height: 63px;
    margin: 13px 0 31px
}

.features-item-img--pen,
.features-item-img--play {
    background-image: url(/static/prj/images/video-splitter/sprite.png)
}

.features-item-img--play {
    background-position: -100px 0;
    width: 80px;
    height: 80px;
    margin: 3px 0 24px
}

.features-item-img--text {
    background-image: url(/static/prj/images/video-splitter/sprite.png);
    background-position: -190px 0;
    width: 68px;
    height: 68px;
    margin: 2px 0 30px
}

.features-item-img--cross {
    background-position: -70px -90px;
    width: 74px;
    margin: 12px 0 40px
}

.features-item-img--cross,
.features-item-img--scissors {
    background-image: url(/static/prj/images/video-splitter/sprite.png);
    height: 48px
}

.features-item-img--scissors {
    background-position: -150px -90px;
    width: 92px;
    margin: 8px 0 40px
}

.features-item-img--merge {
    background-image: url(/static/prj/images/video-splitter/sprite.png);
    background-position: 0 -150px;
    width: 84px;
    height: 51px;
    margin: 16px 0 29px
}

.features-item-text {
    display: block;
    color: #1a1a1a
}

.features-item-link,
.features-item-text {
    font: normal 400 16px/24px Montserrat, sans-serif
}

.features-item-link {
    color: #345ebe;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    position: relative;
    top: -1px;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.features-item-link:before {
    background: url("data:image/PNG;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAABCAYAAAAW/mTzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpENTQ5MDc5MzdFRjgxMUU1OUUzMEM0Q0JCMjNCNzU0MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpENTQ5MDc5NDdFRjgxMUU1OUUzMEM0Q0JCMjNCNzU0MyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ1NDkwNzkxN0VGODExRTU5RTMwQzRDQkIyM0I3NTQzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ1NDkwNzkyN0VGODExRTU5RTMwQzRDQkIyM0I3NTQzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+f1borwAAABtJREFUeNpi/P//P4Np/P7/DFBweqEjI0CAAQBeyQb/Mf7fwwAAAABJRU5ErkJggg==")
}

.features-item-link:after,
.features-item-link:before {
    content: "";
    display: block;
    left: -1px;
    right: -1px;
    bottom: 4px;
    top: auto;
    position: absolute;
    height: 1px
}

.features-item-link:after {
    z-index: 2;
    background: url("data:image/PNG;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAABCAYAAAAW/mTzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUYzQUU4RDM4OUQ3MTFFNTgzQTNGMzI1RTBGN0MzQTYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUYzQUU4RDI4OUQ3MTFFNTgzQTNGMzI1RTBGN0MzQTYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ1NDkwNzkzN0VGODExRTU5RTMwQzRDQkIyM0I3NTQzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ1NDkwNzk0N0VGODExRTU5RTMwQzRDQkIyM0I3NTQzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+V3AgUAAAABpJREFUeNpi/P//PwOPSv9/Bij4cqeQESDAAFfZBv9QqSEWAAAAAElFTkSuQmCC");
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.features-item-link:hover {
    color: #0b238e
}

.features-item-link:hover:after {
    opacity: 1
}

.features-column {
    width: 298px;
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 5px 0 19px;
    white-space: normal
}

.features-column:last-child {
    margin-right: 0;
    padding: 0 18px 0 1px
}

.features-column-list {
    margin: 0
}

.features-column-list>ul {
    margin: 0;
    padding: 0
}

.features-column-item,
.features-column-list li {
    display: block;
    font: normal 400 14px/21px Montserrat, sans-serif;
    position: relative;
    margin: 0 0 6px;
    padding: 0 0 0 8px
}

.features-column-item:before,
.features-column-list li:before {
    content: "";
    display: block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #345ebe;
    position: absolute;
    top: 10px;
    left: 0
}

.support {
    margin: 37px 0;
    font-size: 0
}

.support:last-of-type {
    margin: -2px 0 0
}

.support:last-of-type .support-title {
    margin-bottom: 17px
}

.support-title {
    display: block;
    font: normal 700 16px/21px Montserrat, sans-serif;
    color: #345ebe;
    margin-bottom: 10px
}

.support-list {
    margin: 14px 0 0;
    white-space: nowrap
}

.support-item {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 0;
    padding: 0
}

@media only screen and (min-width: 1024px) {
    .support-item {
        margin: 0 29.5px 0 0
    }
}

.support-item:before {
    display: none
}

.support-item:last-of-type {
    margin-right: 0
}

.support-item-img {
    width: 26px;
    height: 20px
}

.support-item-img,
.support-item-text {
    display: inline-block;
    vertical-align: middle
}

.support-item-text {
    font: normal 400 14px/21px Montserrat, sans-serif;
    color: #1a1a1a;
    text-transform: uppercase;
    margin-left: 9px;
    letter-spacing: 1px
}

.support-ico {
    display: inline-block;
    vertical-align: middle;
    width: 48px;
    height: 48px;
    margin-right: 12px
}

.support-ico--wrench {
    background-position: 0 -230px
}

.support-ico--screwdriver,
.support-ico--wrench {
    background-image: url(/static/prj/images/video-splitter/sprite.png);
    width: 48px;
    height: 48px
}

.support-ico--screwdriver {
    background-position: -55px -230px
}

.support-content {
    display: inline-block;
    vertical-align: middle;
    font: normal 400 14px/21px Montserrat, sans-serif;
    color: #1a1a1a;
    max-width: 560px;
    position: relative;
    top: -1px
}

.choose-compare {
    margin: 35px 0
}

.choose-compare-title {
    display: block;
    font: normal 700 16px/21px Montserrat, sans-serif;
    color: #345ebe;
    margin-bottom: 12px
}

.choose-compare-table {
    table-layout: fixed;
    width: 100%
}

.choose-compare-table th {
    background: #6a93d4;
    color: #fff;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    text-transform: uppercase;
    padding: 7px 8px 4px 0;
    text-align: center;
    font: normal 400 16px/21px Montserrat, sans-serif
}

.choose-compare-table th:last-child {
    border-right: none;
    padding: 7px 0 4px 8px
}

.choose-compare-table tr:nth-child(odd) td {
    background: #edeff2
}

.choose-compare-table td {
    background: #fff;
    color: #1a1a1a;
    border-right: 2px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 5px 9px 6px
}

.choose-compare-table td:last-child {
    border-right: none;
    padding: 5px 10px 6px
}

.choose-compare-table td p {
    font: normal 400 16px/24px Montserrat, sans-serif
}

.choose-compare-table td b {
    font-weight: 700
}

.choose-help {
    margin: 49px 0 50px;
    font-size: 0;
    border: 2px solid #fbdc32;
    padding: 18px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .08);
    box-shadow: 0 5px 20px rgba(0, 0, 0, .08);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.choose-help-ico {
    background-image: url(/static/prj/images/video-splitter/sprite.png);
    background-position: -110px -230px;
    width: 48px;
    height: 48px;
    min-width: 48px;
    max-width: 48px;
    margin-right: 18px;
    -ms-flex-preferred-size: 48px;
    flex-basis: 48px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.choose-help-content,
.choose-help-ico {
    display: inline-block;
    vertical-align: middle
}

.choose-help-content {
    position: relative;
    top: -1px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.choose-help-title {
    font: normal 400 24px/24px Montserrat, sans-serif;
    color: #1a1a1a
}

.choose-help-title-link {
    color: #345ebe;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    text-decoration: none;
    top: -1px;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.choose-help-title-link:before {
    background: #345ebe
}

.choose-help-title-link:after,
.choose-help-title-link:before {
    content: "";
    display: block;
    width: 100%;
    bottom: 0;
    left: 0;
    height: 1px;
    position: absolute
}

.choose-help-title-link:after {
    background: #0b238e;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.choose-help-title-link:hover {
    color: #0b238e
}

.choose-help-title-link:hover:after {
    opacity: 1
}

.choose-help-text {
    font: normal 400 12px/14px Montserrat, sans-serif;
    color: grey;
    display: block
}

.choose-list {
    border: 2px solid #edeff2;
    background: #edeff2;
    font-size: 0;
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.choose-list-side {
    display: inline-block;
    vertical-align: middle;
    width: 30%;
    font-size: 0;
    text-align: center;
    padding: 12px 0 0 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.choose-list-side--action {
    padding: 0 0 82px 4px
}

.choose-list-side:before {
    content: "";
    width: 0;
    height: 100%
}

.choose-list-side-inner,
.choose-list-side-inner-link,
.choose-list-side:before {
    display: inline-block;
    vertical-align: middle
}

.choose-list-side-inner-link {
    font: normal 400 14px/21px Montserrat, sans-serif;
    color: #345ebe;
    margin-top: 15px;
    text-decoration: none;
    position: relative
}

.choose-list-side-inner-link:before {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    display: block;
    bottom: 2px;
    left: 0;
    background: #345ebe
}

.choose-list-side-inner .btn:first-child {
    margin-top: 8px;
    padding-left: 15px;
    padding-right: 15px
}

.choose-list-side-action {
    display: inline-block;
    background: #fbdc32;
    border-radius: 2px;
    position: relative;
    width: 121px;
    padding: 17px 0 24px;
    margin-bottom: 10px
}

.choose-list-side-action:before {
    border-color: transparent transparent transparent #edeff2;
    border-width: 36px 0 0 58px;
    left: 0
}

.choose-list-side-action:after,
.choose-list-side-action:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    display: block;
    position: absolute;
    bottom: 0
}

.choose-list-side-action:after {
    border-color: transparent transparent #edeff2;
    border-width: 0 0 36px 58px;
    right: 0
}

.choose-list-side-old {
    font: normal 700 18px/18px Montserrat, sans-serif;
    color: #fb3232;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 4px;
    position: relative
}

.choose-list-side-old:before {
    content: "";
    display: block;
    position: absolute;
    height: 1px;
    background: #fb3232;
    left: -5px;
    right: -5px;
    top: 50%
}

.choose-list-side-money {
    font: normal 700 30px/18px Montserrat, sans-serif;
    color: #1a1a1a;
    display: block;
    margin-bottom: 2px;
    position: relative
}

.choose-list-side-save {
    font: normal 700 14px/14px Montserrat, sans-serif;
    color: #345ebe;
    display: block;
    margin-top: 15px;
    position: relative;
    z-index: 3;
    text-transform: uppercase
}

.choose-list-side-tax {
    font: normal 400 12px/16px Montserrat, sans-serif;
    color: grey;
    display: block;
    text-decoration: underline;
    cursor: pointer;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.choose-list-side-tax:hover {
    color: #345ebe
}

.choose-list-side-btn {
    margin-top: 11px;
    font-size: 20px;
    font-weight: bold;
}

.choose-list-side--top {
    vertical-align: top
}

.choose-list-content {
    width: 70%;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px 21px 15px 18px;
    display: inline-block;
    vertical-align: middle
}

.choose-list-content-title {
    font: normal 700 18px/18px Montserrat, sans-serif;
    display: block;
    color: #345ebe;
    text-transform: uppercase;
    margin-bottom: 15px;
    letter-spacing: .8px
}

.choose-list-content-text {
    display: block
}

.choose-list-content-text p {
    font: normal 400 14px/21px Montserrat, sans-serif;
    color: #1a1a1a
}

.choose-list-content-text a {
    color: #345ebe;
    text-decoration: underline;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.choose-list-content-text a:hover {
    color: #0b238e
}

.choose-list-content-file-name {
    color: #1a1a1a;
    margin-bottom: 6px
}

.choose-list-content-file-name,
.choose-list-content-file-size {
    font: normal 400 14px/21px Montserrat, sans-serif;
    display: block
}

.choose-list-content-file-size {
    color: grey
}

.choose-list-content-file-version {
    font: normal 400 14px/21px Montserrat, sans-serif;
    color: #1a1a1a;
    display: block;
    margin-bottom: 6px
}

.choose-portable {
    padding: 0 20px 0 18px;
    margin-right: 140px;
    display: block;
    white-space: normal
}

.choose-portable-text {
    font: normal 400 14px/21px Montserrat, sans-serif;
    color: #1a1a1a;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    margin-bottom: 5px
}

.choose-portable-side {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 136px;
    text-align: center;
    padding-top: 30px
}

.choose-portable-side-money {
    font: normal 700 14px/14px Montserrat, sans-serif;
    color: #1a1a1a;
    display: block;
    margin-bottom: 2px;
    position: relative;
    white-space: normal;
}

.choose-portable-side-money .card-price__undiscounted {
    top: -13px
}

.choose-portable-side-money .card-price__undiscounted:before {
    top: 6px
}

.choose-portable-side-tax {
    font: normal 400 12px/16px Montserrat, sans-serif;
    color: grey;
    display: block;
    text-decoration: underline;
    cursor: pointer;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.choose-portable-side-tax:hover {
    color: #345ebe
}

.choose-portable-side-btn {
    margin-top: 14px
}

.choose-portable .choose-parameters {
    margin: 18px 8px -2px -3px
}

.choose-parameters {
    display: block;
    background: #edeff2;
    border-radius: 2px;
    height: 41px;
    font-size: 0;
    padding: 1px 14px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 17px 8px 3px -1px
}

.choose-parameters:before {
    content: "";
    height: 100%;
    width: 0;
    display: inline-block;
    vertical-align: middle
}

.choose-parameters-text {
    color: #1a1a1a;
    margin: 0 12px 0 9px
}

.choose-parameters-info,
.choose-parameters-text {
    font: normal 400 14px/20px Montserrat, sans-serif;
    display: inline-block;
    vertical-align: middle
}

.choose-parameters-info {
    color: grey;
    margin: 0 0 0 -7px;
    letter-spacing: .5px
}

.choose-info {
    background: #fef8d6;
    padding: 20px 20px 9px;
    margin-top: 30px;
    font-size: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (min-width: 1024px) {
    .choose-info {
        display: block
    }
}

.choose-info-ico {
    background-image: url(/static/prj/images/video-splitter/sprite.png);
    background-position: -165px -230px;
    width: 48px;
    height: 48px;
    margin-right: 13px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-preferred-size: 64px;
    flex-basis: 64px
}

.choose-info-content,
.choose-info-ico {
    display: inline-block;
    vertical-align: top
}

.choose-info-content {
    margin-top: -5px;
    max-width: 519px;
    font: normal 400 14px/21px Montserrat, sans-serif;
    color: #1a1a1a;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.choose-info-content p {
    margin-bottom: 8px
}

.choose-info-content a {
    color: #345ebe;
    text-decoration: underline;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.choose-info-content a:hover {
    color: #0b238e
}

.how-it-info {
    font: normal 400 14px/21px Montserrat, sans-serif;
    color: #1a1a1a;
    display: block;
    margin: 17px 0 15px
}

.how-it-carousel {
    margin: 0 30px 49px;
    max-width: 560px
}

.how-it-carousel-item-img {
    display: inline-block;
    vertical-align: middle;
    display: inline-block !important;
    max-width: 100%
}

.how-it-carousel-item-img-container {
    display: block;
    height: 418px;
    width: 100%;
    border-bottom: 1px solid #d1d3d5;
    font-size: 0;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
}

.how-it-carousel-item-title {
    font: normal 400 14px/21px Montserrat, sans-serif;
    color: grey;
    display: block;
    margin: 4px 0 0
}

.how-it-carousel.is-fullwidth {
    margin: 0 0 49px;
    width: 880px
}

.how-it-carousel.is-fullwidth .how-it-carousel-item-img-container {
    height: 600px
}

.how-it-carousel .owl-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    right: 0
}

.how-it-carousel .owl-nav .owl-prev {
    display: inline-block;
    vertical-align: middle;
    width: 48px;
    height: 48px;
    background: transparent;
    outline: none;
    font-size: 0;
    position: absolute;
    top: 186px;
    left: -30px
}

.how-it-carousel .owl-nav .owl-prev:before {
    background-color: transparent;
    background-position: -250px -150px;
    z-index: 1;
    opacity: 1
}

.how-it-carousel .owl-nav .owl-prev:after,
.how-it-carousel .owl-nav .owl-prev:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(/static/prj/images/video-splitter/sprite.png);
    width: 48px;
    height: 48px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.how-it-carousel .owl-nav .owl-prev:after {
    background-position: -100px -290px;
    z-index: 2;
    opacity: 0
}

.how-it-carousel .owl-nav .owl-prev:hover {
    background-color: transparent
}

.how-it-carousel .owl-nav .owl-prev:hover:before {
    opacity: 0
}

.how-it-carousel .owl-nav .owl-prev:hover:after {
    opacity: 1
}

.how-it-carousel .owl-nav .owl-prev span {
    display: none
}

.how-it-carousel .owl-nav .owl-next {
    display: inline-block;
    vertical-align: middle;
    width: 48px;
    height: 48px;
    background: transparent;
    outline: none;
    font-size: 0;
    position: absolute;
    top: 186px;
    right: -30px
}

.how-it-carousel .owl-nav .owl-next:before {
    background-position: -250px -205px;
    z-index: 1;
    opacity: 1
}

.how-it-carousel .owl-nav .owl-next:after,
.how-it-carousel .owl-nav .owl-next:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(/static/prj/images/video-splitter/sprite.png);
    width: 48px;
    height: 48px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.how-it-carousel .owl-nav .owl-next:after {
    background-position: -155px -290px;
    z-index: 2;
    opacity: 0
}

.how-it-carousel .owl-nav .owl-next:hover {
    background-color: transparent
}

.how-it-carousel .owl-nav .owl-next:hover:before {
    opacity: 0
}

.how-it-carousel .owl-nav .owl-next:hover:after {
    opacity: 1
}

.how-it-carousel .owl-nav .owl-next span {
    display: none
}

.how-it-video {
    min-height: 294px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 46px;
    padding-top: 4px
}

.how-it-video:last-of-type {
    margin-bottom: 0
}

@media only screen and (min-width: 1024px) {

    .how-it-video--left>iframe,
    .how-it-video--left>div {
        float: left
    }

    .how-it-video--left>.how-it-video-description {
        margin-left: 480px
    }

    .how-it-video--right>iframe,
    .how-it-video--right>div {
        float: right
    }

    .how-it-video--right>.how-it-video-description {
        margin-right: 480px
    }
}

.how-it-video-resource {
    background: #000;
    width: 460px;
    height: 290px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.main-video .how-it-video-resource {
    width: 100% !important;
}

.how-it-video-description {
    margin-top: -4px;
    float: inherit !important;
}

.how-it-video-title {
    color: #345ebe;
    font: normal 700 16px/21px Montserrat, sans-serif;
    letter-spacing: -.5px;
}

.customers {
    margin: 41px -20px 0 0;
    font-size: 0
}

.customers-item {
    display: inline-block;
    vertical-align: middle;
    width: 90px;
    height: 90px;
    margin: 0 16px 0 0;
    padding: 0;
    font-size: 0;
    text-align: center
}

.customers-item:nth-child(6n) {
    margin-right: 0
}

.customers-item:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 0;
    top: auto;
    background-color: transparent;
    border-radius: 0
}

.customers-item-img {
    max-width: 100%;
    max-height: 100%
}

.customers-item-img,
.customers-item-link {
    display: inline-block;
    vertical-align: middle
}

.customers-item-link {
    text-decoration: none
}

.version {
    margin: 19px 0 -6px
}

.version-current {
    display: block;
    margin-top: 4px;
    float: left;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #345ebe;
    text-align: center;
    font-size: 0
}

.version-current:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 0
}

.version-current-inner {
    display: inline-block;
    vertical-align: middle;
    font: normal 300 26px/26px Montserrat, sans-serif;
    color: #fff
}

.version-description {
    margin-left: 76px
}

.version-title {
    display: block;
    font: normal 700 18px/21px Montserrat, sans-serif;
    color: #1a1a1a
}

.version-date {
    display: block;
    font: normal 400 12px/16px Montserrat, sans-serif;
    color: grey;
    margin: 5px 0 7px
}

.version-changes-item {
    display: block;
    font: normal 400 14px/21px Montserrat, sans-serif;
    color: #1a1a1a;
    padding-left: 8px;
    position: relative;
    margin-bottom: 6px
}

.version-changes-item:before {
    content: "";
    display: block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #345ebe;
    position: absolute;
    top: 10px;
    left: 0
}

.version-more {
    display: inline-block;
    vertical-align: middle;
    font: normal 400 14px/21px Montserrat, sans-serif;
    color: #345ebe;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.version-more:hover {
    color: #0b238e
}

.version-subscribe {
    position: relative;
    padding-top: 51px
}

.version-subscribe:before {
    content: "";
    display: block;
    position: absolute;
    height: 144px;
    width: 0;
    left: -21px;
    top: 35px;
    border-left: 2px solid #e6e8eb
}

.version-subscribe-title {
    display: block;
    font: normal 700 18px/21px Montserrat, sans-serif;
    color: #1a1a1a;
    margin-bottom: 1px
}

.version-subscribe-text {
    display: block;
    font: normal 400 14px/21px Montserrat, sans-serif;
    color: #1a1a1a;
    margin-bottom: 13px
}

.version-subscribe-fields {
    font-size: 0;
    white-space: nowrap;
    position: relative
}

.version-subscribe-fields input {
    margin-right: 11px
}

.version-subscribe-fields .btn {
    padding: 11px 8px 9px
}

.table {
    table-layout: fixed;
    width: 100%;
    margin: 27px 0
}

.table th {
    background: #6a93d4;
    color: #fff;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    text-transform: uppercase;
    text-align: center;
    padding: 8px 0 6px;
    font: normal 400 14px/17px Montserrat, sans-serif
}

.table th:last-child {
    border-right: none
}

.table th:first-child {
    text-align: left;
    padding: 7px 10px 4px 19px
}

.table tr:nth-child(odd) td {
    background: #edeff2
}

.table td {
    background: #fff;
    color: #1a1a1a;
    border-right: 2px solid #fff;
    padding: 3px 8px;
    text-align: center
}

.table td:last-child {
    border-right: none
}

.table td:first-child {
    text-align: left;
    padding: 3px 0 3px 18px
}

.table td p {
    font: normal 400 14px/21px Montserrat, sans-serif
}

.table td p span {
    display: block;
    color: grey
}

.table td b {
    font-weight: 700
}

.text p {
    font: normal 400 16px/24px Montserrat, sans-serif;
    color: #1a1a1a;
    margin: 6px 0
}

.text p:first-child {
    margin-top: 14px
}

.text p:last-child {
    margin-bottom: -10px
}

.text a {
    font: normal 400 16px/24px Montserrat, sans-serif;
    color: #345ebe;
    text-decoration: underline
}

.text h2 {
    font: normal 400 32px/32px Montserrat, sans-serif;
    color: #1a1a1a
}

.text h3 {
    font: normal 700 18px/24px Montserrat, sans-serif;
    color: #345ebe;
    text-transform: uppercase
}

.text ul {
    margin: 15px 0 17px
}

.text ul li {
    font: normal 400 14px/24px Montserrat, sans-serif;
    color: #1a1a1a;
    margin-bottom: 12px;
    padding-left: 30px;
    position: relative
}

.text ul li:before {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #345ebe;
    position: absolute;
    top: 10px;
    left: 21px
}

.text .link {
    display: inline-block;
    vertical-align: middle;
    font: normal 400 16px/24px Montserrat, sans-serif;
    color: #345ebe;
    text-decoration: none;
    position: relative;
    margin-bottom: 6px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.text .link:before {
    content: "";
    position: absolute;
    width: 100%;
    display: block;
    bottom: 3px;
    left: 0;
    height: 1px;
    background: #345ebe
}

.text .link._arrow:after {
    content: "â†’";
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    right: -12px
}

.text .link:hover {
    color: #0b238e
}

.ie8 .menu-link:before {
    visibility: hidden
}

.ie8 .menu-link:hover:before {
    visibility: visible
}

.ie8 .header-promo-video {
    display: none
}

.ie8 .header-promo-video:before {
    content: none
}

.ie8 .header-promo-video-mute,
.ie8 .header-promo-video-pause {
    display: none
}

.ie8 .button:after,
.ie8 .button:before {
    visibility: hidden
}

.ie8 .button:hover:before {
    visibility: visible
}

.ie8 .button:active:before,
.ie8 .button:hover:after {
    visibility: hidden
}

.ie8 .button:active:after {
    visibility: visible
}

.ie8 .btn:after,
.ie8 .btn:before {
    visibility: hidden
}

.ie8 .btn:hover:before {
    visibility: visible
}

.ie8 .btn:active:before,
.ie8 .btn:hover:after {
    visibility: hidden
}

.ie8 .btn:active:after {
    visibility: visible
}

.ie8 .btn--white {
    border: 1px solid grey
}

.ie8 .btn--white:active,
.ie8 .btn--white:hover {
    border: none
}

.ie8 .btn--triangle {
    padding: 11px 13px 9px
}

.ie8 .btn-triangle {
    display: none
}

.ie8 .popup-text .btn--white {
    padding: 11px 4px 9px 5px
}

.ie8 .footer-link:after {
    visibility: hidden
}

.ie8 .footer-link:hover:after {
    visibility: visible
}

.ie8 .footer-right-link:after {
    visibility: hidden
}

.ie8 .footer-right-link:hover:after {
    visibility: visible
}

.ie8 .how-it-carousel .owl-controls .owl-nav .owl-next:after,
.ie8 .how-it-carousel .owl-controls .owl-nav .owl-next:hover:before {
    visibility: hidden
}

.ie8 .how-it-carousel .owl-controls .owl-nav .owl-next:hover:after {
    visibility: visible
}

.ie8 .how-it-carousel .owl-controls .owl-nav .owl-prev:after,
.ie8 .how-it-carousel .owl-controls .owl-nav .owl-prev:hover:before {
    visibility: hidden
}

.ie8 .how-it-carousel .owl-controls .owl-nav .owl-prev:hover:after {
    visibility: visible
}

.ie8 .text .link._arrow:after {
    right: -20px
}

.ie8 .popup-close:after,
.ie8 .popup-close:hover:before {
    visibility: hidden
}

.ie8 .popup-close:hover:after {
    visibility: visible
}

.ie8 .wizard-progress-circle {
    background-position: -260px -310px;
    border: none !important;
    padding-top: 2px
}

.ie8 .wizard-progress-circle,
.ie8 .wizard-progress-circle._current {
    background-image: url(/static/prj/images/video-splitter/sprite.png);
    width: 40px;
    height: 40px
}

.ie8 .wizard-progress-circle._current {
    background-position: -260px 0
}

.ie8 .wizard-progress-circle._answered {
    background-image: url(/static/prj/images/video-splitter/sprite.png);
    background-position: -260px -45px;
    width: 40px;
    height: 40px
}

/*# sourceMappingURL=p-video-splitter.css.map */
div.main {
    background-color: #fff
}

.mobile-header {
    display: none !important;
}

.desktop-christmass {
    margin-left: auto;
    margin-right: auto;
}

.mobile-dropdownmenu-off {
    display: none
}

@media (min-width: 320px) and (max-width: 1023px) {

    #version_history_block {
        align-items: flex-start;
        align-content: baseline;
    }

    html {
        font-size: 16px;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        min-width: 100% !important;
        width: 100%;
        overflow-x: hidden;
        -webkit-text-size-adjust: 100%;
        -moz-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
        text-size-adjust: 100%
    }

    body {
        overflow-x: hidden
    }

    div.main {
        margin-top: 0;
        background-color: #fff;
        min-width: 100%;
        width: 100%
    }

    div.mobile-dropdownmenu-off {
        display: none
    }

    .block-wrap {
        max-width: 1000px;
        margin: 0 auto;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 20px
    }

    ul.magazines-list {
        font-size: 0;
        white-space: nowrap;
        margin: 0;
        display: flex;
        position: relative;
        flex-flow: row nowrap
    }

    li.magazines-item {
        width: 100%;
        max-width: 100%;
        margin: 0 20px 20px 0;
        padding: 0
    }

    ul.header-promo-list {
        margin: 30px 0;
        padding: 0;
        display: flex;
        font-size: 0;
        white-space: nowrap;
        min-height: 130px;
        position: relative;
        width: 100%;
        flex-flow: row nowrap
    }

    li.features-list li {
        display: inline-block;
        vertical-align: top;
        width: 33.3333%;
        margin: 0 0 50px 0;
        padding: 0 20px;
        text-align: center
    }

    span.choose-help-title {
        font: normal 400 24px/24px Montserrat, sans-serif;
        color: #1a1a1a;
        flex-flow: column wrap;
        display: flex;
        margin-bottom: 20px;
        text-align: center;
        justify-content: center
    }

    .choose-info-content p {
        margin-bottom: 8px;
        text-align: center
    }

    div.choose-help {
        display: flex;
        position: relative;
        flex-flow: column wrap;
        justify-content: center;
        align-content: center;
        align-items: center
    }

    span.choose-help-ico {
        margin: 0 auto 12px
    }

    li.header-promo-item {
        display: inline-block;
        vertical-align: top;
        max-width: 100%;
        width: 100%;
        margin: 0 20px 20px 0;
        padding: 0;
        white-space: normal
    }

    div.header-promo-content {
        display: block;
        max-width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 100px 20px 70px;
        min-width: auto;
        height: 100%;
        margin: 0 auto;
        position: relative;
        z-index: 4
    }

    h1.header-promo-title {
        font: normal 400 50px/60px Montserrat, sans-serif;
        letter-spacing: -.5px;
        margin-bottom: 30px;
        font-size: 3rem;
        line-height: 1.3
    }

    a.button:not(.is-big):not(.card-body__button) {
        justify-content: center
    }

    a.header-promo-buttons-link:before {
        display: none
    }

    a.header-promo-buttons-link {
        text-decoration: none;
        position: relative;
        display: flex;
        flex-flow: column;
        text-decoration: underline
    }

    span.header-promo-slogan {
        font: normal 700 16px/24px Montserrat, sans-serif;
        text-transform: uppercase;
        letter-spacing: 0px;
        margin-bottom: 40px
    }

    a.header-promo-video-pause {
        display: none
    }

    a.header-promo-video-mute {
        display: none
    }

    div.block-wrap {
        padding: 0 20px
    }

    div.block-content {
        margin-right: 0
    }

    div.features-banner._fixed {
        position: fixed;
        display: none;
        bottom: 0;
        top: auto
    }

    div.features-banner {
        display: none;
        background: #fff;
        text-align: center;
        padding: 26px 18px 28px;
        margin-top: 4px;
        border: 2px solid #edeff2;
        width: 100%;
        left: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        z-index: 50
    }

    span.features-banner-text {
        display: none
    }

    ul.support-list {
        margin: 14px 0 0;
        white-space: nowrap;
        display: flex;
        position: relative;
        flex-flow: row wrap
    }

    li.support-item {
        display: inline-block;
        vertical-align: middle;
        margin: 0 10px 12px 0;
        padding: 0
    }

    span.support-ico {
        margin-bottom: 12px
    }

    div.features-column {
        width: 100%;
        display: flex;
        position: relative;
        flex-flow: column wrap;
        vertical-align: top;
        margin-right: 20px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 18px 0 18px;
        white-space: normal
    }

    div.features-column:last-child {
        margin-right: 0;
        padding: 0 18px 0 18px
    }

    a.choose-help-title-link {
        margin-bottom: 10px
    }

    a.choose-help-title-link:after,
    a.choose-help-title-link:before {
        display: none
    }

    div.choose-list {
        border: 2px solid #edeff2;
        background: #edeff2;
        font-size: 0;
        flex-flow: column wrap;
        margin-bottom: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    div.choose-list-content {
        width: 100%;
        background: #fff;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 15px 21px 15px 18px;
        display: inline-block;
        vertical-align: middle
    }

    div.choose-list-side {
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        font-size: 0;
        text-align: center;
        padding: 20px 0 20px 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    div.spoiler--choose a.spoiler-head {
        text-align: center;
        border: none;
        background: #fff;
        padding: 16px 18px;
        height: auto
    }

    span.spoiler-head-link:after,
    span.spoiler-head-link:before {
        display: none
    }

    div.choose-info {
        background: #fef8d6;
        padding: 20px 20px 9px;
        margin-top: 30px;
        font-size: 0;
        justify-content: center;
        align-items: center;
        flex-flow: column wrap;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    span.choose-info-ico {
        background-image: url(../images/video-splitter/sprite.png);
        background-position: -165px -230px;
        width: 48px;
        height: 48px;
        margin-right: 0;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        margin-bottom: 10px;
        -ms-flex-preferred-size: 48px;
        flex-basis: 48px
    }

    div.how-it-carousel {
        margin: 0 0 49px;
        max-width: 100%
    }

    span.how-it-carousel-item-img-container {
        display: block;
        height: auto;
        width: 100%;
        border-bottom: 1px solid #d1d3d5;
        font-size: 0;
        text-align: center
    }

    .how-it-carousel .owl-nav button.owl-next {
        display: inline-block;
        vertical-align: middle;
        width: 48px;
        height: 48px;
        background: 0 0;
        outline: 0;
        font-size: 0;
        position: absolute;
        top: 156px;
        right: 14px
    }

    .how-it-carousel .owl-nav button.owl-prev {
        display: inline-block;
        vertical-align: middle;
        width: 48px;
        height: 48px;
        background: 0 0;
        outline: 0;
        font-size: 0;
        position: absolute;
        top: 156px;
        left: 14px
    }

    iframe.how-it-video-resource,
    div.how-it-video-resource {
        background: #000;
        width: 100%;
        height: 400px;
        margin-bottom: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    h2.block-title {
        text-align: center
    }

    div.how-it-video {
        min-height: auto
    }

    ul.customers {
        margin: 41px 0 0 0;
        font-size: 0;
        display: flex;
        flex-flow: row wrap
    }

    div.background-half__column {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 15px 20px 47px;
        display: flex;
        position: relative;
        flex-flow: column wrap
    }

    div.header-block__title {
        font-size: 2.125rem;
        font-weight: 400
    }

    div.background-half__inner {
        display: none
    }

    body.is-drop-footer {
        display: flex;
        position: relative;
        width: 100%;
        flex-flow: column wrap;
        min-height: 100vh;
        height: 100%
    }

    div.version-history {
        font-size: 1rem;
        line-height: 1.5;
        width: 100%;
        display: flex;
        position: relative;
        flex-flow: column wrap
    }

    div.background-half {
        background-color: #f2f4f7;
        position: relative;
        z-index: 3;
        display: flex;
        box-sizing: border-box;
        position: relative;
        min-height: auto;
        margin-top: 40px
    }

    div.block-side {
        display: none
    }

    div.background-half__content {
        display: flex;
        flex-flow: column wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: justify;
        justify-content: flex-start;
        position: relative;
        z-index: 3;
        box-sizing: border-box
    }

    div.header-block {
        display: flex;
        position: relative;
        width: 100%;
        flex-flow: column wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
        padding: 35px 0 0
    }

    .background-half .wrapper {
        width: 100%;
        min-width: auto;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0 auto
    }

    div.header-block__num {
        min-width: 60px;
        max-width: 60px;
        height: 60px;
        border-radius: 45px;
        background-color: #e33952;
        font-size: 1.5rem;
        color: #fff;
        margin-left: 0;
        margin-bottom: 20px;
        margin-right: 0;
        margin-top: 10px
    }

    span.button-inner {
        position: relative;
        margin: 0 auto;
        z-index: 4
    }

    div.support {
        margin: 37px 0;
        font-size: 0;
        display: flex;
        flex-flow: column wrap;
        justify-content: center;
        align-items: center
    }

    span.support-content {
        text-align: center
    }

    video.header-promo-video {
        display: none
    }

    img.header-promo-poster {
        display: none
    }

    div.header-promo-video-container {
        background: url(../images/video-splitter/header-tablet.jpg) no-repeat top center;
        background-size: cover
    }

    div.footer-bottom {
        display: flex;
        flex-flow: column wrap;
        justify-content: flex-start
    }

    footer div.wrapper {
        min-width: 100%;
        padding: 0 20px;
        display: flex;
        position: relative
    }

    a.footer-bottom__link {
        display: inline-flex;
        margin: 0 7px;
    }

    footer.footer {
        padding: 0
    }

    .mobile-menu-singleprod {
        display: flex;
        position: relative;
        width: 100%;
        flex-flow: column wrap;
        list-style: none;
        padding: 0;
        min-height: 400px
    }

    .mobile-menu-singleprod li {
        display: flex;
        position: relative;
        width: 100%;
        margin: 0 0 20px;
        padding: 0
    }

    .mobile-menu-singleprod li:last-of-type {
        margin-top: auto
    }

    .mobile-menu-singleprod li:before {
        display: none
    }

    .mobile-menu-singleprod li a {
        font-family: Montserrat Light, Arial, sans-serif;
        font-weight: 700;
        font-size: 1.5rem;
        color: #212121;
        text-transform: uppercase;
        text-decoration: none
    }

    .mobile-menu-singleprod li a.navbar-menu__button {
        width: 100%;
        font-size: 1.2rem;
        color: #fff
    }

    li.customers-item {
        display: flex;
        vertical-align: middle;
        width: 50%;
        margin: 0 0 20px 0;
        padding: 0;
        justify-content: center;
        font-size: 0;
        text-align: center
    }

    .footer-bottom__item {
        display: flex;
        position: relative;
        flex-flow: row wrap;
        width: 100%;
        padding: 0 0 20px;
        justify-content: unset;
    }

    .footer-bottom__social {
        display: block;
        position: relative;
        float: left;
        width: 100%
    }

    .navbar,
    .navbar.first-line {
        display: none !important;
    }

    .mobile-header {
        display: flex !important;
        background-color: #4a82de;
        position: fixed;
        padding: 10px 20px;
        width: 100%;
        z-index: 10
    }

    .body-overflow-hide {
        overflow: hidden !important
    }

    .burger-menu {
        display: block;
        position: absolute;
        right: 20px;
        width: 36px;
        height: 36px;
        background: url(../images/home/burger-menu.svg) no-repeat center center;
        z-index: 9999;
        background-size: 26px 24px;
        top: 16px
    }

    .burger-menu-close {
        display: block;
        position: absolute;
        right: 20px;
        width: 36px;
        height: 36px;
        background: url(../images/home/burger-close.svg) no-repeat center center;
        background-size: 26px 24px;
        z-index: 9999;
        top: 16px
    }

    .mobile-header-col {
        display: block;
        position: relative;
        float: left;
        width: 70%
    }

    .mobile-dropdownmenu-off {
        top: -9999px;
        display: block;
        position: fixed;
        left: 0;
        right: 0;
        width: 100%;
        z-index: 9;
        opacity: 0;
        background: #fff;
        /*-webkit-animation: popup-slide-off .4s ease;*/
        /*animation: popup-slide-off .4s ease*/
    }

    div.mobile-dropdownmenu {
        display: block;
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        z-index: 9;
        background: #fff;
        overflow-y: scroll;
        padding: 90px 20px;
        opacity: 1;
        /*-webkit-animation: popup-slide-on .4s ease;*/
        /*animation: popup-slide-on .4s ease*/
    }

    @-webkit-keyframes popup-slide-on {
        0% {
            top: -9999px;
            opacity: 1
        }

        100% {
            top: 0;
            opacity: 1
        }
    }

    @keyframes popup-slide-on {
        0% {
            top: -9999px;
            opacity: 1
        }

        100% {
            top: 0;
            opacity: 1
        }
    }

    @-webkit-keyframes popup-slide-off {
        0% {
            top: 0;
            opacity: 1
        }

        100% {
            top: -9999px;
            opacity: 1
        }
    }

    @keyframes popup-slide-off {
        0% {
            top: 0;
            opacity: 1
        }

        100% {
            top: -9999px;
            opacity: 1
        }
    }

    .mobile-menu-lang {
        display: block;
        position: relative;
        float: left;
        width: 100%;
        list-style: none;
        padding: 0
    }

    .mobile-menu-lang li {
        display: inline-block;
        position: relative;
        margin-right: 5px;
        margin-left: 0;
        padding-left: 0
    }

    .mobile-menu-lang li:before {
        content: "";
        top: 8px;
        width: 5px;
        height: 5px;
        background-color: transparent;
        border-radius: 3px
    }

    .mobile-menu-lang li .langs__link .langs__flag {
        width: 20px
    }

    .mobile-menu-lang li .langs__link:after {
        content: "";
        display: none;
        position: absolute;
        right: 11px;
        top: 16px;
        width: 7px;
        height: 7px;
        border-top: 1px solid #102a36;
        border-right: 1px solid #102a36;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }

    .mobile-menu-title {
        font-family: Montserrat Light, Arial, sans-serif;
        font-weight: 700;
        font-size: 1.8rem;
        color: #212121;
        text-transform: uppercase;
        text-decoration: none;
        display: block;
        position: relative;
        float: left;
        width: 100%;
        margin-bottom: 0
    }

    a.navbar__logo {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        width: auto;
        display: inline-flex;
        margin-right: 0
    }

    div.choose-portable {
        padding: 0 20px 0 18px;
        margin-right: 0;
        display: flex;
        width: 100%;
        position: relative;
        white-space: normal
    }

    div.choose-portable-side {
        position: relative;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        text-align: center;
        padding-top: 10px
    }

    .mobile-menu-products-title {
        font-family: Montserrat Light, Arial, sans-serif;
        font-weight: 700;
        font-size: 1.2rem;
        color: #000;
        text-transform: uppercase;
        text-decoration: none;
        display: block;
        position: relative;
        float: left;
        width: 100%;
        margin-bottom: 15px
    }

    .mobile-products-name {
        display: block;
        position: relative;
        float: left;
        clear: both;
        color: #000;
        text-decoration: none;
        font-size: 1.2rem
    }

    .mobile-products-desc {
        color: #6d6d6d;
        display: block;
        position: relative;
        float: left;
        width: 100%;
        font-size: 1rem;
        margin-bottom: 10px
    }

    .mobile-products-link {
        display: inline-block;
        position: relative;
        float: left;
        margin-right: 30px;
        text-decoration: underline;
        color: #345ebe
    }

    .mobile-menu-products {
        display: block;
        position: relative;
        float: left;
        width: 100%;
        list-style: none !important;
        padding: 0;
        list-style-type: none;
        margin-bottom: 50px
    }

    .mobile-menu-products li {
        display: block;
        position: relative;
        width: 100%;
        float: left;
        margin-right: 0;
        margin-bottom: 15px;
        list-style: none !important;
        padding: 0 0 20px;
        border-bottom: 1px solid #e5e5e5
    }

    .mobile-menu-products li:before {
        content: "";
        top: 8px;
        width: 5px;
        height: 5px;
        background-color: transparent;
        border-radius: 3px
    }

    .mobile-menu-list {
        display: block;
        position: relative;
        float: left;
        width: 100%;
        list-style: none !important;
        padding: 0;
        list-style-type: none;
        margin-bottom: 50px
    }

    .mobile-menu-list li {
        display: inline-block;
        position: relative;
        margin-right: 20px;
        margin-bottom: 5px;
        list-style: none !important;
        padding: 0
    }

    .mobile-menu-list li:before {
        content: "";
        top: 8px;
        width: 5px;
        height: 5px;
        background-color: transparent;
        border-radius: 3px
    }

    .mobile-menu-list li a {
        text-decoration: underline;
        color: #345ebe
    }

    .footer-bottom {
        display: block;
        position: relative;
        float: left;
        width: 100%
    }

    .scrollup {
        display: none !important;
        bottom: 0 !important
    }

    .footer {
        min-height: 100%;
        color: grey;
        display: block;
        position: relative;
        float: left;
        height: auto;
        width: 100%;
        padding: 40px 20px
    }

    .footer-nav {
        width: 50%;
        float: left
    }

    .footer-nav:first-child,
    .footer-nav:nth-child(2),
    .footer-nav:nth-child(3) {
        float: left;
        width: 50%
    }

    .footer-nav-spacer {
        display: none
    }

    .products-dev-item {
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column;
        background-color: #fff;
        padding: 48px 17px 18px;
        width: 100%
    }

    .advantage__text span.is-big {
        font-size: 1rem;
        font-family: Montserrat Bold, Arial, sans-serif;
        margin-bottom: 8px
    }

    .subscription-tumbler {
        margin-top: 10px;
    }

    .logo.subscription {
        flex-direction: column;
    }
}

@media (min-width: 320px) and (max-width: 620px) {
    ul.header-promo-list {
        display: none;
    }

    div.header-promo-buttons {
        position: relative;
        display: flex;
        flex-flow: column wrap
    }

    a.header-promo-try {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .more-buttons,
    .more-buttons a {
        width: 100%;
    }

    div.wrapper {
        width: 100%;
        min-width: auto;
    }

}

@media (min-width: 320px) and (max-width: 416px) {
    .main {
        width: 100%;
        margin-top: 0 !important
    }

    html {
        font-size: 16px;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        min-width: 100% !important;
        width: 100%;
        overflow-x: hidden;
        -webkit-text-size-adjust: 100%;
        -moz-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
        text-size-adjust: 100%
    }

    body {
        overflow-x: hidden
    }

    .block-wrap {
        max-width: 1000px;
        margin: 0 auto;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 20px
    }

    ul.magazines-list {
        font-size: 0;
        white-space: nowrap;
        margin: 0;
        display: flex;
        position: relative;
        flex-flow: column wrap
    }

    li.magazines-item {
        width: 100%;
        max-width: 100%;
        margin: 0 20px 20px 0;
        padding: 0
    }

    li.header-promo-item {
        display: inline-block;
        vertical-align: top;
        max-width: 100%;
        width: 100%;
        margin: 0 20px 20px 0;
        padding: 0;
        white-space: normal
    }

    div.header-promo-content {
        display: block;
        max-width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 100px 20px 70px;
        height: 100%;
        margin: 0 auto;
        position: relative;
        z-index: 4
    }

    h1.header-promo-title {
        font: normal 400 50px/60px Montserrat, sans-serif;
        letter-spacing: -.5px;
        margin-bottom: 30px;
        font-size: 36px;
        line-height: 1.3
    }

    div.header-promo-buttons {
        position: relative;
        display: flex;
        position: relative;
        flex-flow: column wrap
    }

    a.button:not(.is-big):not(.card-body__button) {
        justify-content: center
    }

    a.header-promo-try {
        margin-right: 0
    }

    a.header-promo-buttons-link:before {
        display: none
    }

    a.header-promo-buttons-link {
        text-decoration: none;
        position: relative;
        display: flex;
        flex-flow: column;
        text-decoration: underline
    }

    span.header-promo-slogan {
        font: normal 700 16px/24px Montserrat, sans-serif;
        text-transform: uppercase;
        letter-spacing: 1px;
        margin-bottom: 40px
    }

    a.header-promo-video-pause {
        display: none
    }

    a.header-promo-video-mute {
        display: none
    }

    div.block-wrap {
        padding: 0 20px
    }

    div.block-content {
        margin-right: 0
    }

    div.features-banner._fixed {
        position: fixed;
        display: none;
        bottom: 0;
        top: auto
    }

    div.features-banner {
        display: none;
        background: #fff;
        text-align: center;
        padding: 26px 18px 28px;
        margin-top: 4px;
        border: 2px solid #edeff2;
        width: 100%;
        left: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        z-index: 50
    }

    span.features-banner-text {
        display: none
    }

    ul.support-list {
        margin: 14px 0 0;
        white-space: nowrap;
        display: flex;
        position: relative;
        flex-flow: row wrap
    }

    li.support-item {
        display: inline-block;
        vertical-align: middle;
        margin: 0 10px 12px 0;
        padding: 0
    }

    span.support-ico {
        margin-bottom: 12px
    }

    div.features-column {
        width: 100%;
        display: flex;
        position: relative;
        flex-flow: column wrap;
        vertical-align: top;
        margin-right: 20px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 18px 0 18px;
        white-space: normal
    }

    div.features-column:last-child {
        margin-right: 0;
        padding: 0 18px 0 18px
    }

    a.choose-help-title-link {
        margin-bottom: 10px;
        vertical-align: unset;
        top: unset;
    }

    a.choose-help-title-link:after,
    a.choose-help-title-link:before {
        display: none
    }

    div.choose-list {
        border: 2px solid #edeff2;
        background: #edeff2;
        font-size: 0;
        flex-flow: column wrap;
        margin-bottom: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    div.choose-list-content {
        width: 100%;
        background: #fff;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 15px 21px 15px 18px;
        display: inline-block;
        vertical-align: middle
    }

    div.choose-list-side {
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        font-size: 0;
        text-align: center;
        padding: 12px 0 10px 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    div.spoiler--choose a.spoiler-head {
        text-align: center;
        border: none;
        background: #fff;
        padding: 16px 18px;
        height: auto
    }

    span.spoiler-head-link:after,
    span.spoiler-head-link:before {
        display: none
    }

    div.choose-info {
        background: #fef8d6;
        padding: 20px 20px 9px;
        margin-top: 30px;
        font-size: 0;
        justify-content: center;
        align-items: center;
        flex-flow: column wrap;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    span.choose-info-ico {
        background-image: url(../images/video-splitter/sprite.png);
        background-position: -165px -230px;
        width: 48px;
        height: 48px;
        margin-right: 0;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        margin-bottom: 10px;
        -ms-flex-preferred-size: 48px;
        flex-basis: 48px
    }

    div.how-it-carousel {
        margin: 0 0 49px;
        max-width: 100%
    }

    span.how-it-carousel-item-img-container {
        display: block;
        height: auto;
        width: 100%;
        border-bottom: 1px solid #d1d3d5;
        font-size: 0;
        text-align: center
    }

    .how-it-carousel .owl-nav button.owl-next {
        display: inline-block;
        vertical-align: middle;
        width: 48px;
        height: 48px;
        background: 0 0;
        outline: 0;
        font-size: 0;
        position: absolute;
        top: 56px;
        right: -6px
    }

    .how-it-carousel .owl-nav button.owl-prev {
        display: inline-block;
        vertical-align: middle;
        width: 48px;
        height: 48px;
        background: 0 0;
        outline: 0;
        font-size: 0;
        position: absolute;
        top: 56px;
        left: -6px
    }

    iframe.how-it-video-resource,
    div.how-it-video-resource {
        background: #000;
        width: 460px;
        height: auto;
        margin-bottom: 20px
    }

    div.how-it-video {
        min-height: auto
    }

    ul.customers {
        margin: 41px 0 0 0;
        font-size: 0;
        display: flex;
        flex-flow: row wrap
    }

    div.background-half__column {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 15px 20px 47px;
        display: flex;
        position: relative;
        flex-flow: column wrap
    }

    div.header-block__title {
        font-size: 2.125rem;
        font-weight: 400
    }

    div.background-half__inner {
        display: none
    }

    body.is-drop-footer {
        display: flex;
        position: relative;
        width: 100%;
        flex-flow: column wrap;
        min-height: 100vh;
        height: 100%
    }

    div.version-history {
        font-size: 1rem;
        line-height: 1.5;
        width: 100%;
        display: flex;
        position: relative;
        flex-flow: column wrap
    }

    div.background-half {
        background-color: #f2f4f7;
        position: relative;
        z-index: 3;
        display: flex;
        box-sizing: border-box;
        position: relative;
        min-height: auto;
        margin-top: 40px
    }

    div.block-side {
        display: none
    }

    div.background-half__content {
        display: flex;
        flex-flow: column wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: justify;
        justify-content: flex-start;
        position: relative;
        z-index: 3;
        box-sizing: border-box
    }

    div.header-block {
        display: flex;
        position: relative;
        width: 100%;
        flex-flow: column wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
        padding: 35px 0 0
    }

    .background-half .wrapper {
        width: 100%;
        min-width: auto;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0 auto
    }

    div.header-block__num {
        min-width: 60px;
        max-width: 60px;
        height: 60px;
        border-radius: 45px;
        background-color: #e33952;
        font-size: 1.5rem;
        color: #fff;
        margin-left: 0;
        margin-bottom: 20px;
        margin-right: auto;
        margin-top: 10px
    }

    span.button-inner {
        position: relative;
        margin: 0 auto;
        z-index: 4
    }

    video.header-promo-video {
        display: none
    }

    img.header-promo-poster {
        display: none
    }

    div.header-promo-video-container {
        background: url(../images/video-splitter/header-mobile.jpg) no-repeat top center;
        background-size: cover
    }

    div.footer-bottom {
        display: flex;
        flex-flow: column wrap;
        justify-content: flex-start
    }

    footer div.wrapper {
        min-width: 100%;
        padding: 0 20px;
        display: flex;
        position: relative
    }

    a.footer-bottom__link {
        display: inline-flex;
        margin: 0
    }

    footer.footer {
        padding: 0
    }

    .mobile-menu-singleprod {
        display: flex;
        position: relative;
        width: 100%;
        flex-flow: column wrap;
        list-style: none;
        padding: 0;
        min-height: 400px
    }

    .mobile-menu-singleprod li {
        display: flex;
        position: relative;
        width: 100%;
        margin: 0 0 20px;
        padding: 0
    }

    .mobile-menu-singleprod li:last-of-type {
        margin-top: auto
    }

    .mobile-menu-singleprod li:before {
        display: none
    }

    .mobile-menu-singleprod li a {
        font-family: Montserrat Light, Arial, sans-serif;
        font-weight: 700;
        font-size: 1.5rem;
        color: #212121;
        text-transform: uppercase;
        text-decoration: none
    }

    .mobile-menu-singleprod li a.navbar-menu__button {
        width: 100%;
        font-size: 1.2rem;
        color: #fff
    }

    li.customers-item {
        display: flex;
        vertical-align: middle;
        width: 50%;
        margin: 0 0 20px 0;
        padding: 0;
        justify-content: center;
        font-size: 0;
        text-align: center
    }

    .footer-bottom__item {
        display: flex;
        position: relative;
        flex-flow: column wrap;
        width: 100%;
        padding: 0 0 20px
    }

    .footer-bottom__social {
        display: block;
        position: relative;
        float: left;
        width: 100%
    }

    .navbar {
        display: none
    }

    .mobile-header {
        display: flex !important;
        background-color: #4a82de;
        position: fixed;
        padding: 10px 20px;
        width: 100%;
        flex-flow: row nowrap;
        z-index: 10
    }

    .body-overflow-hide {
        overflow: hidden !important
    }

    .burger-menu {
        display: block;
        position: absolute;
        right: 20px;
        width: 36px;
        height: 36px;
        background: url(../images/home/burger-menu.svg) no-repeat center center;
        z-index: 9999;
        background-size: 26px 24px;
        top: 16px
    }

    .burger-menu-close {
        display: block;
        position: absolute;
        right: 20px;
        width: 36px;
        height: 36px;
        background: url(../images/home/burger-close.svg) no-repeat center center;
        background-size: 26px 24px;
        z-index: 9999;
        top: 16px
    }

    .mobile-header-col {
        display: block;
        position: relative;
        float: left;
        width: 70%
    }

    div.mobile-dropdownmenu-off {
        top: -9999px;
        display: block;
        position: fixed;
        left: 0;
        right: 0;
        width: 100%;
        z-index: 9;
        opacity: 0;
        background: #fff;
        /*-webkit-animation: popup-slide-off .4s ease;*/
        /*animation: popup-slide-off .4s ease*/
    }

    a.navbar__logo {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        width: auto;
        display: inline-flex;
        margin-right: 0;
        position: relative
    }

    div.choose-portable {
        padding: 0 20px 0 18px;
        margin-right: 0;
        display: flex;
        width: 100%;
        position: relative;
        white-space: normal
    }

    div.choose-portable-side {
        position: relative;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        text-align: center;
        padding-top: 10px
    }

    div.mobile-dropdownmenu {
        display: block;
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        z-index: 9;
        background: #fff;
        overflow-y: scroll;
        padding: 90px 20px;
        opacity: 1;
        /*-webkit-animation: popup-slide-on .4s ease;*/
        /*animation: popup-slide-on .4s ease*/
    }

    @-webkit-keyframes popup-slide-on {
        0% {
            top: -9999px;
            opacity: 1
        }

        100% {
            top: 0;
            opacity: 1
        }
    }

    @keyframes popup-slide-on {
        0% {
            top: -9999px;
            opacity: 1
        }

        100% {
            top: 0;
            opacity: 1
        }
    }

    @-webkit-keyframes popup-slide-off {
        0% {
            top: 0;
            opacity: 1
        }

        100% {
            top: -9999px;
            opacity: 1
        }
    }

    @keyframes popup-slide-off {
        0% {
            top: 0;
            opacity: 1
        }

        100% {
            top: -9999px;
            opacity: 1
        }
    }

    .mobile-menu-lang {
        display: block;
        position: relative;
        float: left;
        width: 100%;
        list-style: none;
        padding: 0
    }

    .mobile-menu-lang li {
        display: inline-block;
        position: relative;
        margin-right: 5px;
        margin-left: 0;
        padding-left: 0
    }

    .mobile-menu-lang li:before {
        content: "";
        top: 8px;
        width: 5px;
        height: 5px;
        background-color: transparent;
        border-radius: 3px
    }

    .mobile-menu-lang li .langs__link .langs__flag {
        width: 20px
    }

    .mobile-menu-lang li .langs__link:after {
        content: "";
        display: none;
        position: absolute;
        right: 11px;
        top: 16px;
        width: 7px;
        height: 7px;
        border-top: 1px solid #102a36;
        border-right: 1px solid #102a36;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }

    .mobile-menu-title {
        font-family: Montserrat Light, Arial, sans-serif;
        font-weight: 700;
        font-size: 1.8rem;
        color: #212121;
        text-transform: uppercase;
        text-decoration: none;
        display: block;
        position: relative;
        float: left;
        width: 100%;
        margin-bottom: 0
    }

    a.navbar__logo {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        width: auto;
        display: inline-flex;
        margin-right: 0
    }

    div.choose-portable {
        padding: 0 20px 0 18px;
        margin-right: 0;
        display: flex;
        width: 100%;
        position: relative;
        white-space: normal
    }

    div.choose-portable-side {
        position: relative;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        text-align: center;
        padding-top: 10px
    }

    .mobile-menu-products-title {
        font-family: Montserrat Light, Arial, sans-serif;
        font-weight: 700;
        font-size: 1.2rem;
        color: #000;
        text-transform: uppercase;
        text-decoration: none;
        display: block;
        position: relative;
        float: left;
        width: 100%;
        margin-bottom: 15px
    }

    .mobile-products-name {
        display: block;
        position: relative;
        float: left;
        clear: both;
        color: #000;
        text-decoration: none;
        font-size: 1.2rem
    }

    .mobile-products-desc {
        color: #6d6d6d;
        display: block;
        position: relative;
        float: left;
        width: 100%;
        font-size: 1rem;
        margin-bottom: 10px
    }

    .mobile-products-link {
        display: inline-block;
        position: relative;
        float: left;
        margin-right: 30px;
        text-decoration: underline;
        color: #345ebe
    }

    .mobile-menu-products {
        display: block;
        position: relative;
        float: left;
        width: 100%;
        list-style: none !important;
        padding: 0;
        list-style-type: none;
        margin-bottom: 50px
    }

    .mobile-menu-products li {
        display: block;
        position: relative;
        width: 100%;
        float: left;
        margin-right: 0;
        margin-bottom: 15px;
        list-style: none !important;
        padding: 0 0 20px;
        border-bottom: 1px solid #e5e5e5
    }

    .mobile-menu-products li:before {
        content: "";
        top: 8px;
        width: 5px;
        height: 5px;
        background-color: transparent;
        border-radius: 3px
    }

    .mobile-menu-list {
        display: block;
        position: relative;
        float: left;
        width: 100%;
        list-style: none !important;
        padding: 0;
        list-style-type: none;
        margin-bottom: 50px
    }

    .mobile-menu-list li {
        display: inline-block;
        position: relative;
        margin-right: 20px;
        margin-bottom: 5px;
        list-style: none !important;
        padding: 0
    }

    .mobile-menu-list li:before {
        content: "";
        top: 8px;
        width: 5px;
        height: 5px;
        background-color: transparent;
        border-radius: 3px
    }

    .mobile-menu-list li a {
        text-decoration: underline;
        color: #345ebe
    }

    .footer-bottom {
        display: block;
        position: relative;
        float: left;
        width: 100%
    }

    .scrollup {
        display: none !important;
        bottom: 0 !important
    }

    .footer {
        min-height: 100%;
        color: grey;
        display: block;
        position: relative;
        float: left;
        height: auto;
        width: 100%;
        padding: 40px 20px
    }

    .footer-nav {
        width: 50%;
        float: left
    }

    .footer-nav:first-child,
    .footer-nav:nth-child(2),
    .footer-nav:nth-child(3) {
        float: left;
        width: 50%
    }

    .footer-nav-spacer {
        display: none
    }

    .products-dev-item {
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column;
        background-color: #fff;
        padding: 48px 17px 18px;
        width: 100%
    }

    .advantage__text span.is-big {
        font-size: 1rem;
        font-family: Montserrat Bold, Arial, sans-serif;
        margin-bottom: 8px
    }
}

.review__description p {
    font-size: 1rem;
}

.options {
    font-size: 1.1rem;
}

.options.has-check-marks li:before {
    content: "";
    top: 2px;
    width: 23px;
    height: 24px;
    background-color: #0000;
    background-repeat: no-repeat;
    background-image: url(/static/prj/images/icons.png);
    background-position: -40px -164px;
    background-size: 500px auto;
    border-radius: 0;
}

.stars svg {
    color: #fdd835;
    font-size: 16px;
}

.stars {
    font-size: 16px;
    display: inline-block;
    text-align: left;
    color: #fff;
    padding-bottom: 25px;
}

.mr-1 {
    margin-right: .25rem !important;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.header-block__title {
    font-size: 3.0rem;
    font-weight: 400;
}

.navbar.is-product {
    top: 30px;
}

.navbar.first-line {
    display: block;
    z-index: 11;
    border-bottom: 1px solid #8cafea;
    background-color: #fff;
}

.first-line .navbar-menu__link {
    color: #102a36;
}

.first-line .navbar-dropdown,
.first-line.navbar.is-fixed .navbar-dropdown {
    top: 30px;
}

.first-line.navbar.is-fixed .navbar__wrapper {
    height: 30px;
}

.first-line .navbar__wrapper {
    height: 30px;
    justify-content: flex-end;
}

span.button-inner {
    padding-left: 8px;
}

.button.no-background {
    background: rgba(0, 0, 0, 0) !important;
    border: 4px solid #39b82f !important;
}

.button.black {
    color: #39b82f;
}

.is-transparent-bg:hover,
.is-transparent-bg:active {
    background-color: rgb(56, 183, 47);
    color: rgb(255, 255, 255);
    transition: color 0.3s ease-in, background-color 0.3s ease-in;
}

.more-buttons {
    position: relative;
}

.absolute {
    position: absolute;
    right: 0;
    left: 0;
    bottom: -29px;
    color: rgb(57, 184, 47);
    font-size: 21px
}

.try {
    margin-top: 15px;
}

.try a {
    font-size: 14px;
}

.vs-product-logo-free {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0.0991211C10.4142 0.0991211 10.75 0.434911 10.75 0.849121V2.34912C10.75 2.76333 10.4142 3.09912 10 3.09912C9.5858 3.09912 9.25 2.76333 9.25 2.34912V0.849121C9.25 0.434911 9.5858 0.0991211 10 0.0991211ZM10 15.0991C12.7614 15.0991 15 12.8605 15 10.0991C15 7.3377 12.7614 5.09912 10 5.09912C7.23858 5.09912 5 7.3377 5 10.0991C5 12.8605 7.23858 15.0991 10 15.0991ZM10 13.5991C8.067 13.5991 6.5 12.0321 6.5 10.0991C6.5 8.16612 8.067 6.59912 10 6.59912C11.933 6.59912 13.5 8.16612 13.5 10.0991C13.5 12.0321 11.933 13.5991 10 13.5991ZM19.25 10.8491C19.6642 10.8491 20 10.5133 20 10.0991C20 9.68492 19.6642 9.34912 19.25 9.34912H17.75C17.3358 9.34912 17 9.68492 17 10.0991C17 10.5133 17.3358 10.8491 17.75 10.8491H19.25ZM10 17.0991C10.4142 17.0991 10.75 17.4349 10.75 17.8491V19.3491C10.75 19.7633 10.4142 20.0991 10 20.0991C9.5858 20.0991 9.25 19.7633 9.25 19.3491V17.8491C9.25 17.4349 9.5858 17.0991 10 17.0991ZM2.25 10.8491C2.66421 10.8491 3 10.5133 3 10.0991C3 9.68492 2.66421 9.34912 2.25 9.34912H0.75C0.33579 9.34912 0 9.68492 0 10.0991C0 10.5133 0.33579 10.8491 0.75 10.8491H2.25ZM2.21967 2.31916C2.51256 2.02626 2.98744 2.02626 3.28033 2.31916L4.78033 3.81916C5.07322 4.11205 5.07322 4.58692 4.78033 4.87982C4.48744 5.17271 4.01256 5.17271 3.71967 4.87982L2.21967 3.37982C1.92678 3.08692 1.92678 2.61205 2.21967 2.31916ZM3.28033 17.8798C2.98744 18.1727 2.51256 18.1727 2.21967 17.8798C1.92678 17.5869 1.92678 17.112 2.21967 16.8191L3.71967 15.3191C4.01256 15.0262 4.48744 15.0262 4.78033 15.3191C5.07322 15.612 5.07322 16.0869 4.78033 16.3798L3.28033 17.8798ZM17.7803 2.31916C17.4874 2.02626 17.0126 2.02626 16.7197 2.31916L15.2197 3.81916C14.9268 4.11205 14.9268 4.58692 15.2197 4.87982C15.5126 5.17271 15.9874 5.17271 16.2803 4.87982L17.7803 3.37982C18.0732 3.08692 18.0732 2.61205 17.7803 2.31916ZM16.7197 17.8798C17.0126 18.1727 17.4874 18.1727 17.7803 17.8798C18.0732 17.5869 18.0732 17.112 17.7803 16.8191L16.2803 15.3191C15.9874 15.0262 15.5126 15.0262 15.2197 15.3191C14.9268 15.612 14.9268 16.0869 15.2197 16.3798L16.7197 17.8798Z' fill='%23576FE9'/%3E%3C/svg%3E%0A");
}

.vs-product-logo-home {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='20' viewBox='0 0 18 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.75 8.59912C5.44036 8.59912 6 9.15872 6 9.84912C6 10.5395 5.44036 11.0991 4.75 11.0991C4.05964 11.0991 3.5 10.5395 3.5 9.84912C3.5 9.15872 4.05964 8.59912 4.75 8.59912ZM9 8.59912C9.6904 8.59912 10.25 9.15872 10.25 9.84912C10.25 10.5395 9.6904 11.0991 9 11.0991C8.3096 11.0991 7.75 10.5395 7.75 9.84912C7.75 9.15872 8.3096 8.59912 9 8.59912ZM14.5 9.84912C14.5 9.15872 13.9404 8.59912 13.25 8.59912C12.5596 8.59912 12 9.15872 12 9.84912C12 10.5395 12.5596 11.0991 13.25 11.0991C13.9404 11.0991 14.5 10.5395 14.5 9.84912ZM6 13.8491C6 13.1587 5.44036 12.5991 4.75 12.5991C4.05964 12.5991 3.5 13.1587 3.5 13.8491C3.5 14.5395 4.05964 15.0991 4.75 15.0991C5.44036 15.0991 6 14.5395 6 13.8491ZM10.25 13.8491C10.25 13.1587 9.6904 12.5991 9 12.5991C8.3096 12.5991 7.75 13.1587 7.75 13.8491C7.75 14.5395 8.3096 15.0991 9 15.0991C9.6904 15.0991 10.25 14.5395 10.25 13.8491ZM13.25 12.5991C13.9404 12.5991 14.5 13.1587 14.5 13.8491C14.5 14.5395 13.9404 15.0991 13.25 15.0991C12.5596 15.0991 12 14.5395 12 13.8491C12 13.1587 12.5596 12.5991 13.25 12.5991ZM7.537 0.63309C8.3747 -0.0751697 9.6012 -0.0760299 10.4399 0.63106L17.2002 6.33031C17.7073 6.75783 18 7.3873 18 8.05057V17.3491C18 18.3156 17.2165 19.0991 16.25 19.0991H1.75C0.7835 19.0991 0 18.3156 0 17.3491V8.04929C0 7.38713 0.29168 6.75858 0.79734 6.33107L7.537 0.63309ZM9.4731 1.7779C9.1935 1.5422 8.7847 1.54249 8.5054 1.77858L1.76578 7.47655C1.59723 7.61906 1.5 7.82857 1.5 8.04929V17.3491C1.5 17.4872 1.61193 17.5991 1.75 17.5991H16.25C16.3881 17.5991 16.5 17.4872 16.5 17.3491V8.05057C16.5 7.82948 16.4024 7.61966 16.2334 7.47715L9.4731 1.7779Z' fill='%23E98C39'/%3E%3C/svg%3E%0A");
}

.vs-product-logo-business {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.25 0.0991211C1.45507 0.0991211 0 1.55419 0 3.34912V9.84912C0 11.644 1.45507 13.0991 3.25 13.0991H5.49273C5.41399 13.9405 4.70578 14.5991 3.84375 14.5991H1.25C0.83579 14.5991 0.5 14.9349 0.5 15.3491V18.3491C0.5 18.7633 0.83579 19.0991 1.25 19.0991H4.25C7.42564 19.0991 10 16.5247 10 13.3491V13.0991H11.75C13.4385 13.0991 14.8262 11.8115 14.9849 10.1647L18.8641 12.4922C19.0958 12.6312 19.3844 12.6349 19.6195 12.5017C19.8547 12.3686 20 12.1193 20 11.8491V1.34912C20 1.07892 19.8547 0.829601 19.6195 0.696471C19.3844 0.563341 19.0958 0.566981 18.8641 0.706001L14.9849 3.03356C14.8262 1.38671 13.4385 0.0991211 11.75 0.0991211H3.25ZM15 4.77377L18.5 2.67376V10.5245L15 8.42452V4.77377ZM4.25 17.5991H2V16.0991H3.84375C5.53451 16.0991 6.91476 14.7697 6.9962 13.0991H8.5V13.3491C8.5 15.6963 6.59721 17.5991 4.25 17.5991ZM1.5 3.34912C1.5 2.38262 2.2835 1.59912 3.25 1.59912H11.75C12.7165 1.59912 13.5 2.38262 13.5 3.34912V9.84912C13.5 10.8156 12.7165 11.5991 11.75 11.5991H3.25C2.2835 11.5991 1.5 10.8156 1.5 9.84912V3.34912Z' fill='%23576FE9'/%3E%3C/svg%3E%0A");
}

.vs-product-logo-broadcast {
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='22' viewBox='0 0 21 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.0009 0.0991211C15.5242 0.0991211 20.0017 4.57675 20.0017 10.1002C20.0017 10.6333 19.96 11.1566 19.8797 11.6672C19.8079 11.7003 19.7372 11.7397 19.6681 11.7857L18.7081 12.4258C18.6019 12.2263 18.4693 12.0429 18.3152 11.8802C18.4375 11.3062 18.5018 10.7107 18.5018 10.1002C18.5018 9.41082 18.4198 8.74062 18.2649 8.09879L14.9071 8.09962C14.9696 8.74702 15.0021 9.41622 15.0021 10.1002C15.0021 10.4372 14.9942 10.7706 14.9787 11.0996H13.4764C13.4934 10.7721 13.5022 10.4387 13.5022 10.1002C13.5022 9.40962 13.4656 8.73992 13.3975 8.09972H6.60416C6.53615 8.73992 6.49955 9.40962 6.49955 10.1002C6.49955 11.1596 6.58569 12.1699 6.73926 13.1001H9.0508C9.0181 13.2615 9.0009 13.4285 9.0009 13.5995V14.5997H7.06215C7.52255 16.3043 8.2229 17.5968 9.0009 18.2093V19.5992C9.0009 19.7552 9.0152 19.9078 9.0425 20.0559C3.96878 19.5735 0 15.3003 0 10.1002C0 4.57675 4.47753 0.0991211 10.0009 0.0991211ZM5.50948 14.6002L2.78718 14.6001C3.74546 16.1331 5.1788 17.3386 6.88106 18.0106C6.35882 17.1908 5.92786 16.1645 5.61088 14.9952L5.50948 14.6002ZM5.09462 8.09962H1.73725L1.73249 8.11682C1.58042 8.75312 1.4999 9.41722 1.4999 10.1002C1.4999 11.1563 1.69247 12.1674 2.04442 13.1003L5.21736 13.1C5.07507 12.1509 4.99965 11.1427 4.99965 10.1002C4.99965 9.41622 5.03211 8.74702 5.09462 8.09962ZM6.88212 2.18972L6.85922 2.19844C4.81205 3.01311 3.15615 4.60034 2.25154 6.6001L5.29945 6.60047C5.61278 4.84777 6.15959 3.32192 6.88212 2.18972ZM10.0009 1.59905L9.8852 1.60435C8.6199 1.7201 7.39746 3.72196 6.82979 6.60005H13.1719C12.6058 3.73003 11.3887 1.73133 10.1271 1.60536L10.0009 1.59905ZM13.1206 2.18978L13.2275 2.36386C13.8966 3.47628 14.4047 4.93609 14.7023 6.60047L17.7502 6.6001C16.8856 4.6888 15.3347 3.15433 13.4118 2.31105L13.1206 2.18978ZM10.0008 13.5995C10.0008 12.7711 10.6723 12.0995 11.5007 12.0995H16.5003C17.3287 12.0995 18.0002 12.7711 18.0002 13.5995V14.0994L20.2227 12.6177C20.555 12.3962 21 12.6344 21 13.0338V20.1649C21 20.5642 20.555 20.8024 20.2227 20.5809L18.0002 19.0992V19.5992C18.0002 20.4276 17.3287 21.0991 16.5003 21.0991H11.5007C10.6723 21.0991 10.0008 20.4276 10.0008 19.5992V13.5995Z' fill='%233EBE34'/%3E%3C/svg%3E%0A");
}

.comparison-table-check {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='13' viewBox='0 0 18 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.53033 6.7197C1.23744 6.4268 0.762558 6.4268 0.469668 6.7197C0.176777 7.0126 0.176777 7.4874 0.469668 7.7803L4.96967 12.2803C5.26256 12.5732 5.73744 12.5732 6.03033 12.2803L17.0303 1.28033C17.3232 0.987438 17.3232 0.512558 17.0303 0.219668C16.7374 -0.0732225 16.2626 -0.0732225 15.9697 0.219668L5.5 10.6893L1.53033 6.7197Z' fill='%23335DBD'/%3E%3C/svg%3E%0A");
}

.comparison-table-unlim {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='12' viewBox='0 0 24 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.0624 6.00012C23.063 7.00183 22.7664 7.9812 22.2102 8.81429C21.6539 9.64737 20.8631 10.2967 19.9376 10.6801C19.0122 11.0636 17.9938 11.1638 17.0114 10.9682C16.029 10.7726 15.1267 10.29 14.4186 9.58137L14.3999 9.55324L8.77488 3.20637C8.22315 2.6584 7.52151 2.28606 6.75845 2.13632C5.99539 1.98657 5.20507 2.06612 4.48716 2.36493C3.76925 2.66374 3.15589 3.16843 2.72442 3.81536C2.29295 4.4623 2.0627 5.2225 2.0627 6.00012C2.0627 6.77773 2.29295 7.53794 2.72442 8.18487C3.15589 8.83181 3.76925 9.3365 4.48716 9.63531C5.20507 9.93412 5.99539 10.0137 6.75845 9.86392C7.52151 9.71417 8.22315 9.34184 8.77488 8.79387L9.57176 7.89387C9.61869 7.83294 9.67761 7.78229 9.74488 7.74504C9.81216 7.70778 9.88636 7.68472 9.9629 7.67727C10.0394 7.66982 10.1167 7.67814 10.1899 7.70172C10.2631 7.72531 10.3307 7.76365 10.3885 7.81438C10.4463 7.86511 10.493 7.92715 10.5259 7.99667C10.5588 8.0662 10.577 8.14172 10.5796 8.21858C10.5821 8.29544 10.5689 8.372 10.5406 8.44354C10.5124 8.51507 10.4698 8.58006 10.4155 8.63449L9.59988 9.55324L9.58113 9.58137C8.87296 10.2889 7.9709 10.7707 6.98899 10.9657C6.00708 11.1606 4.9894 11.0601 4.0646 10.6768C3.1398 10.2936 2.3494 9.64468 1.79332 8.81224C1.23723 7.97981 0.94043 7.0012 0.94043 6.00012C0.94043 4.99903 1.23723 4.02042 1.79332 3.18799C2.3494 2.35556 3.1398 1.70668 4.0646 1.32339C4.9894 0.940095 6.00708 0.839589 6.98899 1.03458C7.9709 1.22957 8.87296 1.7113 9.58113 2.41887L9.59988 2.44699L15.2249 8.79387C15.7766 9.34184 16.4783 9.71417 17.2413 9.86392C18.0044 10.0137 18.7947 9.93412 19.5126 9.63531C20.2305 9.3365 20.8439 8.83181 21.2754 8.18487C21.7068 7.53794 21.9371 6.77773 21.9371 6.00012C21.9371 5.2225 21.7068 4.4623 21.2754 3.81536C20.8439 3.16843 20.2305 2.66374 19.5126 2.36493C18.7947 2.06612 18.0044 1.98657 17.2413 2.13632C16.4783 2.28606 15.7766 2.6584 15.2249 3.20637L14.428 4.10637C14.3811 4.16729 14.3222 4.21795 14.2549 4.2552C14.1876 4.29246 14.1134 4.31552 14.0369 4.32297C13.9603 4.33042 13.8831 4.3221 13.8099 4.29851C13.7367 4.27493 13.6691 4.23659 13.6113 4.18586C13.5535 4.13513 13.5067 4.07308 13.4739 4.00356C13.441 3.93404 13.4227 3.85852 13.4202 3.78166C13.4177 3.7048 13.4309 3.62823 13.4591 3.5567C13.4873 3.48516 13.5299 3.42017 13.5843 3.36574L14.3999 2.44699L14.4186 2.41887C15.1267 1.71025 16.029 1.2276 17.0114 1.03201C17.9938 0.836424 19.0122 0.936683 19.9376 1.3201C20.8631 1.70352 21.6539 2.35287 22.2102 3.18595C22.7664 4.01903 23.063 4.99841 23.0624 6.00012Z' fill='%23335DBD'/%3E%3C/svg%3E%0A");
}

.block.choose {
    padding-top: 35px;
    background-color: #F3F7FB;
}

.logo.subscription {
    background-color: #fff;
    padding-bottom: 34px;
    padding-left: 30px;
    padding-right: 30px;
}

.choose .block-title {
    color: #000;
    background-color: #fff;
    padding: 32px 32px 11px 32px;
    margin-bottom: 0px;
}

.vs-card {
    width: 220px !important;
    height: 390px;
    border-radius: 2px;
    font-size: 16px;
    padding: 18px 16px 18px;
    margin: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

@media (max-width: 779px) {
    .cards.is-row {
        flex-direction: column !important;
    }

    .comparison-header {
        width: 900px;
    }

    .vs-card {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
        width: 250px !important;
    }

    .tabs-ex-head {
        margin-top: 15px !important;
    }

    .logo.subscription {
        font-size: 12px !important;
    }

    .block-wrap {
        min-width: 100% !important;
    }

    .tabs-ex-head-link {
        width: 94px !important;
        font-size: 12px !important;
    }

    .tabs-ex-head-link._active {
        background-position-x: 5px !important;
    }

    .block-title {
        font-size: 20px !important;
    }

    .subscription-type {
        font-size: 12px !important;
    }
}

.vs-card-body {
    padding: 0px;
}

.vs-product-title {
    font-size: 20px;
    font-weight: 700;
    margin: 3px 0 4px;
}

.vs-product-logo {
    width: 30px;
    height: 21px;
    background-repeat: no-repeat;
}

.vs-card-price-info {
    font-size: 12px;
    color: #787878;
}

.vs-card-extrainfo {
    height: 20px;
    font-size: 10px;
    line-height: 16px;
    color: #121212;
}

.vs-card-extrainfo li:before {
    top: 6px;
    width: 3px;
    height: 3px;
    background-color: #121212;
}

.vs-card-extrainfo li {
    margin: 0px 0px 2px;
}

.vs-card-extrainfo .try {
    font-size: 12px;
    text-align: center;
    margin-top: 4px;
}

.logo.subscription {
    justify-content: space-between;
    font-size: 16px;
    margin-bottom: 17px;
}

.popular-label {
    font-size: 12px;
    line-height: 18px;
    color: #FFFFFF;
    text-transform: uppercase;
    background: #E98C39;
    border-radius: 3px;
    padding: 2px 8px 0;
}

.subscription-type {
    padding: 0 11px;
    background: #E9EFFF;
    color: #335DBD;
    border-radius: 31px;
    font-size: 14px;
    line-height: 28px;
}

.subscription .month-label._switch_on,
.subscription .year-label._switch_off {
    color: #808080;
}

.vs-product-price {
    margin-bottom: 9px;
    font-size: 24px;
    font-weight: 700;

    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: baseline;
}

.vs-product-price p {
    margin: 2px 4px 0 0;
}

.vs-notes-title {
    font-size: 14px;
    color: #898989;
}

.vs-card-body li:before {
    content: "+";
    background-color: transparent;
    top: 0px;
    font-size: 11px;
    font-weight: 700;
}

.vs-card li {
    padding-left: 8px;
    line-height: 16px;
}

.vs-card-button {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    border: 2px solid #335DBD;
    padding: 4px 4px;
    margin: 2px 0;
    cursor: pointer;
    background: #fff;
    color: #335DBD;
    font-size: 12px;
    line-height: 1;
    min-height: 32px;
    font-weight: 700;
    line-height: 14px;
    font-family: 'Arial';
    font-style: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.vs-card-button:hover {
    color: #fff;
    background: #335DBD;
}

.card-free .vs-card-body li:before {
    content: "-" !important;
    color: #576FE9;
    font-size: 16px;
}

.card-free .vs-product-title {
    color: #576FE9;
}

.card-home .vs-product-title,
.card-home .vs-card-body li:before {
    color: #E98C39;
}

.card-business .vs-product-title {
    color: #576FE9;
}

.card-business .vs-card-body li:before {
    color: #335DBD;
}

.card-broadcast .vs-product-title,
.card-broadcast .vs-card-body li:before {
    color: #3EBE34;
}

.year._switch_off,
.month._switch_on {
    display: none;
}

.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 32px;
    margin: 0px 20px;
}

.switch input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #4A82DE;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50px;
}

.slider:before {
    position: absolute;
    content: "";
    height: 24px;
    width: 24px;
    left: 4px;
    bottom: 4px;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50%;
}

.slider:checked {
    background-color: #366FCC;
}

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

.comparison-title {
    margin: 10px 0;
    color: #335DBD;
    font-weight: 700;
    text-align: center;
    font-size: 16px;
    line-height: 28px;
}

.comparison-header {
    height: 156px;
    /*    width: 900px;*/
    margin: 0 20px;
    background-color: #fff;
}

.comparison-header td {
    vertical-align: top;
    width: 20%;
    padding: 20px 20px 0;
}

.comparison-header td:first-of-type {
    padding: 0;
}

.comparison-product {
    font-size: 16px;
}

.comparison-table {
    font-size: 12px;
    margin: 0 20px 56px;
    color: #000000;
}

.comparison-table td {
    vertical-align: middle;
    text-align: center;
    height: 68px;
    border-bottom: 1px solid rgba(106, 147, 211, 0.21);
    width: 20%;
    background-repeat: no-repeat;
    background-position: center;
}

.comparison-table tr:first-of-type {
    border-top: 1px solid rgba(106, 147, 211, 0.21);
}

.comparison-card-price {
    margin-top: 10px;
    font-size: 12px;
    height: 48px;
    line-height: 15px;
}

.comparison-card-price .price-discount {
    font-size: 12px !important;
}

.comparison-card-price p {
    margin: 0 !important;
}

.line-name {
    font-size: 16px;
    padding-left: 12px;
    text-align: left !important;
    color: #303030;
}

._fl_fixed {
    position: fixed;
}

._fl_absolute {
    position: absolute;
}

.comparison-header._fl_fixed {
    box-shadow: 0 3px 3px -3px rgb(0 0 0 / 17%);
    width: 940px;
    margin: 0;
}

.tabs-ex-head {
    display: flex;
    flex-direction: row;
}

.tabs-ex-head-link:first-child {
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
}

.tabs-ex-head-link:last-child {
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
}

.tabs-ex-head-link {
    border: 1px solid #E8E8E8;
    color: #898989;
    width: 120px;
    font-size: 14px;
    line-height: 32px;
    text-align: center;
    text-transform: capitalize;
    text-decoration: none;
}

.tabs-ex-head-link._active {
    background: #E9EFFF;
    color: #335DBD;
    background-size: 13px auto;
    background-repeat: no-repeat;
    background-position-x: 10px;
    background-position-y: center;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='13' viewBox='0 0 18 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.53033 6.7197C1.23744 6.4268 0.762558 6.4268 0.469668 6.7197C0.176777 7.0126 0.176777 7.4874 0.469668 7.7803L4.96967 12.2803C5.26256 12.5732 5.73744 12.5732 6.03033 12.2803L17.0303 1.28033C17.3232 0.987438 17.3232 0.512558 17.0303 0.219668C16.7374 -0.0732225 16.2626 -0.0732225 15.9697 0.219668L5.5 10.6893L1.53033 6.7197Z' fill='%23335DBD'/%3E%3C/svg%3E%0A");
}

.tabs-ex-head-link:hover {
    color: #335DBD;
}