/*!
* Bootstrap Responsive v2.3.2
*
* Copyright 2013 CS-Cart, Inc
*
* Designed and built with all the love in the world by Linar Miftakhov.
*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&subset=latin,cyrillic);

* {
    margin: 0;
}

@font-face {
    font-family: 'icomoon';
    src:    url('fonts/icomoon.eot?kaoolc');
    src:    url('fonts/icomoon.eot?kaoolc#iefix') format('embedded-opentype'),
        url('fonts/icomoon.ttf?kaoolc') format('truetype'),
        url('fonts/icomoon.woff?kaoolc') format('woff'),
        url('fonts/icomoon.svg?kaoolc#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-ar-down:before {
    content: "\e904";
}
.icon-menu:before {
    content: "\e900";
}
.icon-ar-prev:before {
    content: "\e901";
}
.icon-fb:before {
    content: "\e902";
}
.icon-ar-next:before {
    content: "\e903";
}
.icon-download:before {
    content: "\e906";
}



html, body {
    font-family: 'Open Sans', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #333;
    font-size: 18px;
    line-height: 1.6em;
}
html {
    height: 100%;
}

body {
    padding: 0;
    margin: 0;
}

.container-fluid {
    width:100%;
    max-width:1240px;
}

.logo {
    max-width: 248px;
}

/*!
* Bootstrap Responsive v2.3.2
*
* Copyright 2013 CS-Cart, Inc
*
* Designed and built with all the love in the world by Linar Miftakhov.
*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&subset=latin,cyrillic);

* {
    margin: 0;
}

html, body {
    font-family: 'Open Sans', sans-serif;
    color: #333;
    font-size: 18px;
    line-height: 1.6em;
}
html {
    height: 100%;
}

body {
    padding: 0;
    margin: 0;
}

.container-fluid {
    width:100%;
    max-width:1400px;
}

.header-grid .row {
    padding-top: 20px;
    padding-bottom: 10px;
}
.header-grid {
    padding-top: 10px;
}

.header-grid .row:nth-child(2) {
    padding-top: 0px;
}

.contacts_us {
    font-style: normal;
    font-weight: 300;
    padding: 26px 0px;
    color: #666;
}

.dropdown-multicolumns > .first-level a {
    font-weight: 400;
    color: #666;
}

.phone {
    padding-right: 30px;
    border-right: 1px solid #333;
}

.ask_us {
    padding-left: 24px;
    color: #333;
}

.dropdown {
    padding: 0px;
    margin: 0px;
}

.dropdown .first-level {
    list-style: none;
    font-size: 16px;
    float: left;
    padding: 0px 18px;
    padding-bottom: 16px;
    text-transform: uppercase;
    position: relative;
}

.dropdown .first-level a {
    float: left;
    color: #333;
    font-weight:400;
}
.dropdown .first-level a:hover {
    text-decoration: none;
}

.first-level .dropdown {
    font-size: 14px;
    position: absolute;
    left: 0px;
    top: 20px;
    opacity: 0;
}

.first-level .first-level {
    padding: 0px 20px;
}

.first-level .first-level:last-child {
    padding-bottom: 20px;
}

.first-level .first-level a {
    font-size: 14px;
    text-transform: none;
}

.first-level .dropdown {
    position: absolute;
    top: 42px;
    left: 0px;
    border-top: 1px solid #01cafc;
    float: left;
    width: 100%;
    min-width: 200px;
    padding-top: 10px;
    opacity: 0;
    display: none;
    background-color: #fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.25);
    z-index: 10;
}
.first-level:hover .dropdown {
    opacity: 1;
    display: block;
}

.buy-button a {
    border-radius: 4px;
    background-color: #7db90d;
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.3);
    padding: 8px 35px;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    float: right;
    margin-top: -16px;
}

.buy-button span.icon-download {
    padding-right: 7px;
}

.content-wrapper {
    padding: 60px 20px;
}

.sidebar-search {
    float: left;
    width: 100%;
    position: relative;

}

.sidebar-search input[type="text"] {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 8px;
    padding-left: 50px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    outline: none;
    border: 1px solid #ddd;
    font-weight: 100;
    background: url('images/search.png') no-repeat;
    background-position: 10px 8px;
}

.sidebar-search input[type="submit"] {
    opacity: 0;
    position: absolute;
}

.sidebar {
    float: left;
    width: 100%;
    margin: 0px;
    background: none;
    padding:0px;
}

.sidebar-tabs {
    float: left;
    padding: 0px;
    margin: 0px 0px 0px 5px;
    margin-top: 40px;
}

.sidebar-tabs li {
    list-style: none;
    float: left;
}

.sidebar-tabs li a{
    padding: 6px 8px;
    float: left;
    font-size: 14px;
    color: #333;
    font-weight: 100;
}

.sidebar-tabs li a.active {
    box-shadow: 0px -1px 2px -1px rgba(0,0,0,0.3);
}

.sidebar-list {
    float: left;
    width:100%;
    border: 1px solid #ddd;
    border-top: 2px solid #00ccfd;
    font-weight: 100;
    padding: 40px 20px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #fff;
    position: relative;
}

.sidebar-list  h3 {
    float: left;
    font-weight:100;
    padding-bottom: 20px;
    margin-bottom: 20px;
    position: relative;
    font-size: 24px;
}

.sidebar-list h3:after {
    content: '';
    position: absolute;
    width: 100px;
    border-bottom: 1px solid #00ccfd;
    left: 0px;
    bottom: 0px;
}

.sidebar-list ul{
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}

.sidebar-list ul li {
    float:left;
    padding: 0px;
    list-style: none;
    width:100%;
}

.sidebar-list ul li a{
    color: #333333;
    text-decoration: none;
    float: left;
    padding-bottom: 10px;

    font-size: 18px;
}
.sidebar-list ul li ul {
    float: left;
    width: 100%;
}

.sidebar-list ul li ul li {
    position: relative;
    padding-left: 20px;
}
.sidebar-list ul li ul li:before {
    content: '';
    position: absolute;
    width: 4px;
    height:4px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #0f0f0f;
    left:0px;
    top:11px;
}

.sidebar-list  h3 a {
    color: #333333;
}

.sidebar-list .btn {
    border-radius: 4px;
    background-color: #E8E8E8;
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.3);
    padding: 8px 35px;
    color: #333;
    font-weight: 100;
    text-transform: uppercase;
    float: left;
    margin-top: 20px;
}


.text-block {
    font-size: 16px;
    line-height: 1.5em;
    color: #333333;
    position: relative;
    padding-left: 60px;
}

.text-block h1, .text-block h2, .text-block h3, .text-block h4, .text-block h5 {
    font-weight: 100;
    margin: 0px;
    padding: 0.5em 0em;
    line-height: 1.5em;
}

.text-block h1, h1, .h1 {
    font-size: 2.75em;
    line-height: 1.41818182em;
    margin-top: 0.47272727em;
    margin-bottom: 0.34545454em;
}

.text-block h2, h2, .h2 {
    font-size: 1.95em;
    line-height: 1.33333333em;
    margin-top: 0.26666667em;
    margin-bottom: 0em;
}

.text-block h3, h3, .h3 {
    font-size: 1.7em;
    line-height: 1.2em;
    margin-bottom: 0em;
}

.text-block h4, h4, .h4 {
    font-size: 1.2em;
    line-height: 1.3em;
    margin-bottom: 0em;
}

.text-block h5, h5, .h5 {
    font-size: 1em;
    line-height: 1.3em;
    margin-bottom: 0em;
}

.text-block h5 {
    font-size: 24px;
}

.text-block ul {
    padding-left: 1.2em;
}

.text-block a{
    color: #00A3CA;
}

.text-block img {
    padding: 0.5em 0em;
}

p, ul, ol, pre, table, blockquote {
    margin-top: 0em;
    margin-bottom: 1.3em;
}
ul ul, ol ol, ul ol, ol ul {
    margin-top: 0em;
    margin-bottom: 0em;
}

html, .root {
    font-size: 20px;
    line-height: 26px;
}

body, .article {
    font-size: 1em;
    line-height: 1.3em;
}

.last {
    margin-bottom: 0;
}

.next, .prev {
    padding: 5px 18px;
    color: #c7c7c7 !important;
    font-size: 14px;
    border: 1px solid #ddd;
    background-color: #fff;
    text-decoration: none;
}
.next:hover, .prev:hover {
    text-decoration: none;
}
.next span, .prev span {
    padding: 8px 4px;
    color: #00ccfd;
    font-size: 12px;
}

.prev {
    margin-right: 20px;
}

.text-block img {
    max-width: 100%;
}

.footer-full {
    padding-top: 0px;
    background: var(--background-footer, #0f2c4d);
}

.footer-full .footer {
    align-items: stretch;
}

#tygh_footer.footer {
    padding-left: 15px;
    padding-right: 15px;
}

.footer {
    border:none;
}

.footer h5 {
    font-size: 24px;
    font-weight:400;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 20px;
    text-transform: uppercase;
    color: #fff;
}

.footer h5:after {
    content: '';
    position: absolute;
    width: 100px;
    left:0px;
    bottom:0px;
    border-bottom: 1px solid #fff;
}

.footer ul {
    padding:0px;
    float:left;
    width: 100%;
    padding-bottom: 40px;
}

.footer ul li {
    padding: 0px;
    float:left;
    width:100%;
    list-style: none;
}

.footer ul li a{
    color: #fff;
    text-decoration: none;
    font-weight: 400;
    font-size: 16px;
    float:left;
    padding-bottom: 0.5em;
}

.footer ul li.icon {
    position: relative;
    padding-left: 25px;
}

.footer ul li.icon a{
    font-family: 'Open Sans', sans-serif;
}
.footer ul li.icon:before {
    font-family: 'icomoon';
    color: #fff;
    position: absolute;
    left: 0px;
}

.footer-video {
    float: left;
    width: 100%;
    color: #fff;
    text-decoration: none;
}

.footer-video-preview {
    position: relative;
    float: left;
    overflow: hidden;
    border-radius: 4px;
    box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.35);
    border: 2px solid #fff;
    margin-bottom: 10px;
}

.footer-video-play {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.5);
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
}

.footer-video:hover .footer-video-play {
    background-color: rgba(255,255,255,0);
}

.footer-video-play img {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
}

.copyright {
    background: var(--background-footer, #0f2c4d);
    font-size: 14px;
    font-weight: 400;
    color: #fff;
}
table tr {
    padding: 10px 5px;
}
table .row-even {
    background-color:#f5f5f5;
}

.footer-copyright {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin: 0 15px;
    padding: 20px 0;
    border-top: 1px solid #fff;
}

.footer-copyright p {
    margin: 0;
}

.footer-social-buttons {
    display: flex;
    gap: 16px;
    text-align: center;
}

.footer-social-buttons a {
    width: 30px;
    height: 30px;
    overflow: hidden;
}

.footer-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-size: 24px;
}

.footer-icon--telegram {
    background: url("data:image/svg+xml,%0A%3Csvg width='26' height='23' viewBox='0 0 26 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.0813 3.18982C13.0932 4.96765 1.59404 10.0165 1.59404 10.0165C-1.13121 11.1544 0.463967 12.221 0.463967 12.221C0.463967 12.221 2.79038 13.0744 4.78449 13.7144C6.7786 14.3544 7.84205 13.6433 7.84205 13.6433C7.84205 13.6433 12.495 10.3722 17.2142 6.88755C20.5377 4.46979 19.7401 6.46097 18.9424 7.31437C17.2142 9.16323 14.3561 12.0788 11.9632 14.4256C10.8997 15.4212 11.4314 16.2746 11.8968 16.7011C13.2499 17.9261 16.4371 20.1541 17.8841 21.1655C18.2851 21.4458 18.5524 21.6327 18.6101 21.679C18.9424 21.9636 20.8036 23.2434 21.9336 22.959C23.0635 22.6747 23.1964 21.039 23.1964 21.039C23.1964 21.039 24.0606 15.2078 24.8582 9.87432C25.006 8.82722 25.1536 7.80192 25.2914 6.84598C25.6495 4.36126 25.9401 2.34433 25.9882 1.62534C26.1876 -0.792536 23.7947 0.203053 23.7947 0.203053C23.7947 0.203053 18.6101 2.47874 17.0813 3.18982Z' fill='%23F6FAFD'/%3E%3C/svg%3E%0A") no-repeat;
}

.footer-icon--vk {
    background: url("data:image/svg+xml,%0A%3Csvg width='30' height='20' viewBox='0 0 30 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.3233 19.7396C6.19406 19.7396 0.416487 12.6891 0.175781 0.957031H5.24966C5.41632 9.5681 9.15693 13.2155 12.1198 13.9676V0.957031H16.8974V8.38361C19.8232 8.06395 22.8971 4.67975 23.9342 0.957031H28.7118C28.321 2.88774 27.5421 4.71578 26.4237 6.32684C25.3053 7.9379 23.8715 9.29735 22.212 10.3202C24.0644 11.2547 25.7006 12.5774 27.0124 14.2011C28.3244 15.8248 29.2822 17.7125 29.8228 19.7396H24.5638C24.0785 17.979 23.0921 16.4028 21.7283 15.2088C20.3646 14.0148 18.6841 13.256 16.8974 13.0276V19.7396H16.3233Z' fill='%23F6FAFD'/%3E%3C/svg%3E%0A") no-repeat;
}

.footer-icon--rutube {
    background: url("data:image/svg+xml,%0A%3Csvg width='27' height='19' viewBox='0 0 27 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.6608 8.63248H6.96159V4.19001H18.6608C19.3442 4.19001 19.8194 4.3043 20.0578 4.50391C20.2963 4.70352 20.444 5.07372 20.444 5.61453V7.20967C20.444 7.77948 20.2963 8.14969 20.0578 8.3493C19.8194 8.5489 19.3442 8.63419 18.6608 8.63419V8.63248ZM19.4634 0.00171245H2V19H6.96159V12.8191H16.1053L20.444 19H26L21.2164 12.7901C22.98 12.5393 23.7719 12.0207 24.425 11.1659C25.0781 10.3112 25.4056 8.94469 25.4056 7.12096V5.69641C25.4056 4.61481 25.2864 3.76007 25.0781 3.10497C24.8699 2.44985 24.514 1.88004 24.0086 1.36824C23.4747 0.883714 22.8803 0.542517 22.1667 0.313901C21.4531 0.114294 20.5615 0 19.4634 0V0.00171245Z' fill='%23F6FAFD'/%3E%3C/svg%3E") no-repeat;
}

@media screen and (max-width:1024px) {
    .content-wrapper {
        padding: 20px;
    }
    .sm-text-center {
        text-align: center;
    }
    .sm-text-left {
        text-align: left;
    }
    .sm-text-right {
        text-align: right;
    }

    .dropdown .first-level {
        padding: 4px 10px;
    }
    .text-block {
        padding-left: 30px;
    }
}
@media screen and (max-width:767px) {
    
    .content-wrapper {
        padding: 0px 20px;
    }
    .next, .prev {
        width: auto;
        margin: 0px;
        text-align: center;
        float: left;
        border:none;
        padding: 0px;
    }

    .text-navigation {
        padding: 0px;
    }
    .next {
        float:right;
    }
    .next .icon-ar-next {
        padding-right: 0px;
    }
    .prev {
        padding-right: 2px;
    }
    .prev .icon-ar-prev {
        padding-left: 0px;
    }

    .xs-text-center {
        text-align: center;
    }
    .xs-text-left {
        text-align: left;
    }
    .xs-text-right {
        text-align: right;
    }
    .text-block {
        padding: 20px;
        padding-bottom: 40px;
    }

    .sidebar-list {
        border: none;
        border-top: 2px solid #00ccfd;
    }

    .dropdown-multicolumns {
        float: left;
        width: 100%;
    }

    .first-level {
        width:100%;
        font-size: 16px;
        text-transform: none;
    }
    .first-level a {
        font-size: 16px !important;
        text-transform: none;   
        width:100%;
    }
    .first-level .dropdown {
        opacity: 1 ;
        position: inherit;
        float: left;
        top: 0px;
        border: none;
        box-shadow: none;
        padding: 0px;
        background-color: #fff;
    }
    .secondary-multicolumns .first-level:last-child {
        padding-bottom: 10px;
    }

    .documentation-menu {
        background-color: #fff;
        margin-top: 20px;
        height: 40px;
        overflow: hidden;
        -webkit-transition: .25s ease-in-out;
           -moz-transition: .25s ease-in-out;
            -ms-transition: .25s ease-in-out;
             -o-transition: .25s ease-in-out;
                transition: .25s ease-in-out;
        border-bottom: 1px solid #e0e0e0;
    }

    .mobile-menu {
        float: left;
        width: 100%;
        cursor: pointer;
        color: #999;
        height: 40px;
    }
    .menu-text {
        padding: 5px;
        float: left;
    }
    .mobile-menu .icon-menu {
        float: right;
        padding: 10px;
    }

    .opened-menu {
        height: auto;
    }
    .full-menu {
        background-color: #fff;
        padding-bottom: 40px;
    }

    .documentation-menu.opened-menu {
        box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1);
    }

    .documentation-menu .buy-button {
        margin-top: 20px;
    }
    .documentation-menu .buy-button a{
        float:none;
    }
    .documentation-menu .contacts .phone {
        border-left: 1px solid #e0e0e0;
        color: #999;
    }
    .documentation-menu .contacts .ask_us {
        color: #999;
    } 
    
    .contacts_m {
        padding-top: 5px;
        border-top: 1px solid #CECECE;
        color: #999;
    }
    .phone_m, .ask_us_m {
        font-size: 14px;
        font-weight: 400;
    }

    .text-block h1 {
        font-size: 36px;
    }

    .text-block h2 {
        font-size: 24px
    }
    .text-block h3,h4,h5 {
        font-size: 18px
    }
    .text-block {
        line-height: 1.8em;
    }

    .text-block ol, ul {
        padding: 0px;
    }

    .text-block li {
        padding-left: 10px;
        overflow: scroll;
    }

    .footer-menu h5 {
        border-bottom: 1px solid #fff;
            width: 100%;
    }

    .footer-menu h5:after {
        border: none;
    }

    .footer-menu h5:before {
        content: "\e903";
         
                -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Safari */
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
                position: absolute;
                font-family: 'icomoon';
                color: #fff;
                font-size: 18px;
                right:10px;
                top:5px;
    }

    .footer-menu h5.visible-footer:before {
        -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Safari */
    transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    } 

    

    .footer-menu .sidebox {
            width:100%;
        }

    .footer-menu    .sidebox-body {
            display: none;
        }
     .footer-menu   .sidebox-body.visible {
            display: block;
        }

    .footer-copyright {
        flex-direction: column;
    }
}

[class^="toctree-l"] a.current.reference.internal {
    font-weight: 700;
}

.toctree-wrapper {
    padding: 18px 0em 0em 0em;
}

blockquote {
    padding: 0 0 0 15px;
    margin: 0 0 20px;
    border-left: 4px solid #eeeeee;
}

.admonition {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 15px 15px 7px 15px;

    border: 1px solid #dddddd;
    border-radius: 4px;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
}

.note, .admonition.note {
    color: #468847;
    background-color: #dff0d88c;
    border-color: #d6e9c6;
}

.important, .admonition.important {
    color: #795c2a;
    border-radius: 4px;
    background: #f1f2de80;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
}

.hint, .admonition.hint {
    color: #c09853;
    background-color: #fcf8e38e;
    border: 1px solid #fbeed5;
}

.warning, .admonition.warning {
    color: #b94a48;
    background-color: #f2dede7e;
    border-color: #eed3d7;
}

.first.admonition-title {
    display: none;
}

.highlighttable {
    background-color: #fcfcfc;
    border: 1px solid #eeeeee;
    border-radius: 3px
}

.docutils.literal, code {
    font-family: 'Fira Mono', monospace;

    padding: 3px 6px;
    color: #d14;
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8;

    border-radius: 3px;

    word-break: break-all;
    word-wrap: break-word;
    white-space: pre;
    white-space: pre-wrap;

    font-size: 90%;
}

.highlight pre {
    font-family: 'Fira Mono', monospace;

    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 16px;
    line-height: 20px;
    word-break: break-all;
    word-wrap: break-word;
    white-space: pre;
    white-space: pre-wrap;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.15);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.scroll-to-top-button {
    position: fixed;
    width: 40px;
    height: 40px;
    margin-right: 24px;
    margin-bottom: 48px;
    bottom: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #28aced;
    border-radius: 20px;
    border: 0;
    color: #fff;
    z-index: 1;
}


@media screen and (min-width: 769px) {
    .sidebar-block {
        position: sticky;
        top: 20px;
    }

    .sidebar-list {
        --sidebar-top-height: 162px;
        position: sticky;
        top: 0;
        overflow-y: auto;
        height: calc(100vh - var(--sidebar-top-height));
    }
}