/* DEFAULT */
a:hover,
a:focus {
    text-decoration: none;
}

:hover {}

a:focus {
    outline: none;
}

li {
    list-style-type: none;
}

@font-face {
    font-family: PLAY-BOLD;
    src: url('/fonts/PLAY-BOLD.TTF');
    font-display: swap;
}

@font-face {
    font-family: PLAY-REGULAR;
    src: url('/fonts/PLAY-REGULAR.TTF');
    font-display: swap;
}

body {
    font-family: PLAY-REGULAR;
    font-size: 18px;
    overflow-x: hidden;
}

/* HEADER PANEL BEGIN  */
.nav {
    margin-top: 5px;
}

.navbar {
    margin-bottom: 0;
}

.navbar-default {
    background-color: #000;
    border: none;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li>a:hover {
    color: #efaf22;
    background-color: #000 !important;
}

.active1 {
    color: #efaf22;
}

.nav>li>a:hover,
.nav>li>a:focus {
    text-decoration: none;
    background-color: #000;
}

.nav-pills>li>a {
    color: #fff;
    font-weight: 800;
    font-size: 16px;
}

.navbar-default {
    border-radius: 0px;
}

.navbar-default .navbar-nav>li>a {
    color: #fff;
}

.navbar-default .navbar-brand,
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    color: #efaf22;
    font-weight: 800;
    font-size: 18px;
}

.navbar-default .navbar-toggle {
    border-color: #000;
    border: none;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background-color: #efaf22;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: #000;
}

@media (min-width: 768px) {

    .navbar>.container .navbar-brand,
    .navbar>.container-fluid .navbar-brand {
        margin-left: -15px;
    }
}

@media (min-width: 200px) and (max-width: 767px) {
    .navbar>.container .right-logo {
        margin-left: -15px;
    }

    .product-info {
        padding: 10px !important;
    }

    .product-img {
        padding: 0 !important;
    }
}

a.right-logo {
    color: #fff !important;
}

a.navbar-brand {
    padding-right: 0;
}

#header {
    background: #fff;
}

.header-top {
    margin: 0;
    padding: 0;
}

.header-top li {
    display: inline-block;
    width: 19.7%;
    margin-top: 30px;
    margin-bottom: 10px;
    text-align-last: center;
}

.header-top li a {
    color: #fff;
    font-weight: 600;
}

.header-top li a:hover,
li.logo:hover li.logo a,
li a.active {
    color: #efaf22;
}

li.logo a {
    text-transform: uppercase;
}

/* HEADER PANEL END */
.logo-picture {
    background: rgb(4 4 4 / 50%);
    overflow: hidden;
    z-index: 2;
    display: flex;
    height: 200px;
    align-items: center;
}

/* SOCIAL LINKS BEGIN */
.links {
    margin-top: 10px;
    text-align: center;
    padding-bottom: 10px;
}

.links img {
    width: 32px;
    height: auto;
    margin-right: 5px;
}

.links img:last-child {}

.social {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 20px;
}

.tw {
    display: inline-block;
    padding: 3px 5px;
    background: #157fc1;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    margin-bottom: 10px;
    color: #fff;
}

.tw:hover {
    background: #00BFFF;
    color: #fff;
}

.follow {
    display: inline-block;
    padding: 3px 5px;
    border: 1px solid #696969;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    color: #000;
    margin-bottom: 10px;

}

.follow:hover {
    text-decoration: underline;
}

.like {
    display: inline-block;
    padding: 3px 5px;
    background: #0b79bf;
    color: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    margin-bottom: 10px;
}

.like:hover {
    color: #fff;
    background: #4169E1;
}

/* SOCIAL LINKS END */
h1.descr-lib {
    color: white;
    display: flex;
    margin-top: 20px;
    text-align: center;
    align-items: center;
    justify-content: center;
}

h4.descr-lib {
    display: block;
    margin-top: 40px;
    text-align: center;
    font-weight: 600;
}

.color-error {
    color: #9b5074;
    font-weight: 800;
    font-size: 80px;
}

h1.wrong {
    color: #9b5074;
    text-align: center;
    font-size: 40px;
}

.banner {
    display: inline-block;
    text-align: center;
    /* background: #696969;*/
    margin-top: 20px;
    padding: 30px 0;
    width: 100%;
    font-size: 40px;
}

.watch-more {
    text-align: center;
    text-transform: uppercase;
    margin-top: 20px;
    color: #008080;
}

/* FOOTER BEGIN */
#footer {
    margin-top: 20px;
    background: #000;
}

.footer {
    text-align: center;
    padding-top: 15px;
    color: #fff;
}

.footer a {
    color: #fff;
    font-weight: 800;
    font-size: 16px;
}

.footer a.active {
    color: #efaf22;
}

.footer a:hover {
    color: #efaf22;
}

.footer-end {
    font-size: 12px;
    display: block;
    text-align: center;
    background: #696969;
    padding: 20px 0;
    color: #fff;
}

.foot {
    margin-bottom: 15px;
}

/*FOOTER END*/
.search {
    margin: 0 10px;
}

.search form input:focus {
    outline: none;
}

#h-search {
    position: relative;
    max-width: 524px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    margin-top: 20px;
}

#h-search input[type="text"] {
    height: 35px;
    width: 100%;
    border: 2px solid #008080;
    ;
    border-radius: 25px;
    padding-left: 15px;
    font-size: 14px;
    color: #008080;
    font-family: PLAY-REGULAR;
    src: url('/fonts/PLAY-REGULAR.TTF');
}

#h-search input[type="submit"] {
    position: absolute;
    top: -1px;
    right: 0;
    width: 40px;
    height: 100%;
    background: url('/i/search.svg') no-repeat center;
    background-size: 20px;
    fill: #008080;
    border: none;
    font-family: PLAY-REGULAR;
    src: url('/fonts/PLAY-REGULAR.TTF');
}

.main-end {
    margin-right: 5px;
    margin-left: 5px;
    margin-top: 20px;
    text-align: center;
    display: inline-block;
}

.banners {
    border: 1px solid #000;
    /*  background: #696969;*/
    height: 200px;
    width: 230px;
    margin-bottom: 10px;
}

.banners:last-child {
    margin-right: 0;
    margin-left: 0;
}

.banners:first-child {
    margin-left: 0;
}

.zero {
    margin-top: 20px;
    margin-bottom: 20px;
    display: inline-block;
}

#product-wrap {
    margin-top: 40px;
    margin-bottom: 20px;
}

#view-hide {
    display: none;
}


.product {
    min-height: 300px;
    margin-bottom: 20px;
    text-align: center;
}

.product a {
    display: block;
}

.static.product-info {
    box-shadow: 0 0.15rem 0.5rem rgb(1 38 94 / 15%);
    padding: 15px;
    min-width: 120px;
    max-width: 400px;
    min-height: 230px;
    text-align: center;
    margin: auto;
}

.product-info {
    background: #fff;
    border: 1px solid #ededed;
    box-shadow: 2px 4px 8px 0 rgb(43 43 88 / 6%);
    border-radius: 1px;
    padding: 10px 16px 26px;
    min-height: 332px;
}

.product-info:hover {
    box-shadow: 8px 8px 16px 0 rgb(43 43 88 / 8%);
    transform: translateY(-4px);
}

.qqq>.product-info {
    margin: 5px;
}

.qqq>.product-info:hover {
    border-radius: 0px;
    box-shadow: none;
}

/*.product-info:hover {
    border-radius: 5px;
    box-shadow: 1px 1px 2px 2px #999999;
    color: #008080 !important;
}
*/
/*.static{
    border-radius: 5px;
    box-shadow: 1px 1px 2px 2px #999999;
}
*/
.product:last-child {
    margin-right: 0;
}

.product-img {
    padding: 20px 0 20px 0;
    margin: 20px 0px 0px 0px;
    text-align: center;
}

.product-img img {
    border-radius: 21px;
    height: 100px;
}

.img-app img {
    height: 150px;
}

.product-footer {
    margin-top: 10px;
    text-align: center;
}

.product-footer h4 {
    color: #000;
    font-weight: 600;
}

.product:hover .product-footer h4 {
    color: #008080;
}

span.product_descr {
    color: #000;
}

.e-mail {
    margin-top: 20px;
    text-align: center;
    display: block;
    text-decoration: underline;
    font-weight: 600;
    font-size: 28px;
}

.contact-descr {
    text-align: justify;
    margin: 10px 10px;
}

.contact-descr span {
    color: #008080;
    text-decoration: underline;
}

.descr-li li {
    list-style-type: disc;
    color: #008080;
}

.descr-li span {
    color: #000;
}

.subscription {
    border-radius: 15px;
    text-align: center;
    margin-top: 30px;
    background: url('/i/phone.png') no-repeat;
    background-position: center;
    background-size: cover;
    padding: 30px 30px;
}

.subscription input {
    margin-top: 20px;
}

.subscription form input[type="text"]::-webkit-input-placeholder {
    color: #fff;
}

.subscription form input[type="text"]::-moz-placeholder {
    color: #fff;
}

.subscription form textarea,
.subscription form input:focus {
    outline: none;
}

.form-control {
    display: inline-block;
    border-radius: 20px;
}

.subscription form textarea {
    resize: none;
    min-width: 250px;
    text-align: left;
    padding: 10px 20px;
    background-color: #fff;
    border-radius: 20px 20px 20px 20px;
    color: #78828c;
}

.subscription form input[type="text"] {
    width: 60%;
    padding-left: 10px;
    min-width: 200px;
    height: 45px;
    background-color: #2a91ab;
    border: none;
    border-radius: 10px 0 0 10px;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    color: #fff;
}

.subscription form button[type="submit"] {
    position: relative;
    top: 1px;
    min-width: 100px;
    height: 45px;
    background-color: #fff;
    border-radius: 0 10px 10px 0;
    font-size: 13px;
    font-weight: 600;
    color: #19a9b0;
}

@media (max-width: 380px) {

    .subscription form button[type="submit"],
    .subscription form input[type="text"] {
        border-radius: 10px;
    }
}

.jail {
    text-align: center;
}

.sub-discr {
    color: #fff;
    font-size: 16px;
}

.variants {
    margin-top: 20px;
    background-color: #f7f7f7;
    padding: 25px;
}

.var-block {
    padding: 15px 10px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #19a9b0;
    border-radius: 10px;
    margin: 20px 30px;
    min-height: 283px;
}

.var-block:hover {
    box-shadow: 1px 1px 11px #19a9b0;
    cursor: pointer;
}

.title-block {
    font-weight: 600;
    font-size: 16px;
}

.red {
    margin-top: 10px;
    color: #eb409b;
}

.yellow {
    color: #ffbf34;
}

.blue {
    color: #19a9b0;
}

.name {
    margin-top: 10px;
}

.var-block p span {
    margin-right: 5px;
}

.yalu {
    text-decoration: underline;
}

p {
    margin: 0;
}

.components {
    min-height: 200px;
    padding: 10px 10px;
}

.icons-soft i {
    margin-right: 5px;
}

.icons-soft i:last-child {
    margin-right: 0;
}

.choose {
    text-align: center;
    padding: 20px 0;
    margin: 0 15px;
    background-color: whitesmoke;
    -webkit-background-size: cover;
    /* Для хрома */
    -moz-background-size: cover;
    /* Для лисы*/
    -o-background-size: cover;
    /* Для оперы*/
    -ms-background-size: cover;
    /* Для ИЭ*/
    background-size: cover;
    /* Для закрипления*/
}

.choose-model>div {
    display: inline-block;
}

.choose-your a {
    display: block;
}

.choose-your span a {
    display: inline-block;
    padding: 10px 30px;
    /*    margin-top: 20px;*/
    margin-bottom: 15px;
    background: #fff;
    border: 1px solid #19a9b0;
    border-radius: 20px;
    color: #19a9b0;
}

/*.choose-your span a:hover {
    color: #fff;
    background: #19a9b0;
}
*/

.select {
    display: inline-block;
    color: #19a9b0;
    margin-top: 20px;
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #19a9b0;
}

.btn {
    margin-top: 7px;
    border-radius: 20px;
    margin-bottom: 10px;
}

.btn:focus {
    background: #fff;
}

.selection {
    margin: 0 10px;
}

.selection:first-child {
    margin-left: 0;
}

@media (max-width: 522px) {
    .selection {
        display: block !important;
        margin-bottom: 10px;
    }
}

.btn-default:active:hover,
.btn-default.active:hover,
.open>.dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open>.dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open>.dropdown-toggle.btn-default.focus {
    color: #000;
    background-color: #fff;
    border-color: #19a9b0;
}

#showHide {
    margin-top: 20px;
    margin-bottom: 20px;
}

.product-info-download {
    padding: 30px 0;
}

.product-info-download .choose-your {
    margin-top: 30px;
    text-align: center;
}

.product-info-download .choose-your span a {
    text-transform: uppercase;
    font-weight: 700;
}

#showHide .product-info {
    border-radius: 5px;
    box-shadow: 1px 2px 3px 3px #999999;
    color: #008080 !important;
}

#showHide .product {
    display: block;
    margin-bottom: 40px;
}

#showHide img {
    width: 150px;
    height: auto;
}

#showHide .product-footer h5 a {
    font-size: 20px;
}

@media (min-width: 200px) and (max-width: 991px) {
    #showHide .product-info {
        max-width: 250px;
        display: inline-block;
        text-align: center;
        padding-left: 25px;
        padding-right: 25px;
    }

    #showHide .product {
        text-align: center;
    }
}

.tables {
    margin-top: 20px;
    background: url('/i/phone.png') no-repeat;
    background-position: center;
    background-size: cover;

}

.table>tbody>tr>td {
    border-top: none;
}

.img-device {
    display: block;
    text-align: center;
}

.row1 {
    margin-bottom: 10px;
    font-size: 11px;
}

.row1 div {
    text-align: center;
    min-width: 40px;
    padding: 5px 10px;
    background: #ffba29;
    color: #9b5074;
    border-radius: 20px;
    white-space: nowrap;
}

.row2 {
    color: #fff;
    text-align: left;
}

table {
    margin-top: 20px;
}

.table.barmagnet tr {
    margin-bottom: 10px;
    display: inline-block;
}

.table.barmagnet>tbody>tr>td,
.table.barmagnet>tbody>tr>th,
.table.barmagnet>tfoot>tr>td,
.table.barmagnet>tfoot>tr>th,
.table.barmagnet>thead>tr>td,
.table.barmagnet>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    border-top: none;
}

.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    text-align: left;
}

.choose-main {
    cursor: pointer;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 60px;
    margin-bottom: 40px;
    text-align: center;
}

.choose-one {
    margin-bottom: 10px;
    padding: 20px 0;
    border: 1px solid #19a9b0;
    color: #19a9b0;
    border-radius: 37px;
}

.choose-one:hover {
    background: #19a9b0;
    color: #fff;
}

.choose-main .active {
    color: #fff;
    background: #19a9b0;
    border: 1px solid #19a9b0;
    border-radius: 37px !important;
}

.choose-one:first-child {
    position: relative;
    left: 35px;
}

.choose-one:nth-child(even) {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.choose-one:nth-child(even):hover {
    border-left: 1px solid #19a9b0;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
}

.choose-one:last-child {
    position: relative;
    right: 35px;
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.choose-one:last-child:hover {
    border-left: 1px solid #19a9b0;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
}

@media screen and (max-width: 1000px) {
    .choose-one:first-child {
        position: relative;
        left: 0px;
    }

    .choose-one:nth-child(even) {
        border-left: 1px solid #19a9b0;
        border-top-left-radius: 25px;
        border-bottom-left-radius: 25px;
    }

    .choose-one:last-child {
        position: relative;
        right: 0px;
        border-left: 1px solid #19a9b0;
        border-top-left-radius: 25px;
        border-bottom-left-radius: 25px;
    }
}

.apple-info {
    margin-top: 10px;
    text-align: center;
    border: 1px solid #19a9b0;
    padding: 5px;
    border-radius: 20px;
    color: #19a9b0;
    font-size: 13px;
}

.apple-info:hover {
    background: #19a9b0;
    color: #fff;
}

.choose-type {
    width: 99%;
    display: inline-block;
    margin: 10px;
    text-align: center;
}

.choose-type .active {
    background: #19a9b0;
    color: #fff;
}

.choose-type img {
    width: 120px;
    /* height: 170px;*/
}

.hover-device {
    padding: 15px 10px;
}

.hover-device:hover {
    box-shadow: 1px 1px 11px #19a9b0;
    border-radius: 5px;
    cursor: pointer;
}

.choose-model {
    margin-top: 40px;
    margin-bottom: 50px;
    text-align: center;
}

.choose-model img {
    align-self: flex-end;
    display: block;
    max-height: 130px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    filter: drop-shadow(0 0 1px #000);
}

.device-link {
    margin: 20px 0;
    min-height: 270px;
}

.apple {
    min-height: 230px;
}

.custom-on {
    text-align: center;
    background: url('i/jail.png') no-repeat;
    padding-bottom: 20px;
    -webkit-background-size: cover;
    /* Для хрома */
    -moz-background-size: cover;
    /* Для лисы*/
    -o-background-size: cover;
    /* Для оперы*/
    -ms-background-size: cover;
    /* Для ИЭ*/
    background-size: cover;
    /* Для закрипления*/
}

.custom-on .clickable-row:hover {
    cursor: pointer;
    background: #bae5e7;
}

h2.custom-on-title,
h4.subtitle {
    text-align: center;
}

.subtitle {
    font-style: italic;
}

tr.table-name {
    background: #19a9b0;
    color: #fff;
}

tr.table-name-second {
    background: #762b90;
    color: #fff;
}

.table-name-second:hover {
    background: #762b90 !important;
}

table .active {
    background: #bae5e7;
}

tr.color-none {
    background: #ccc;
    color: #000;
}

tr.color-none:hover {
    background: #ccc !important;
}

@media only screen and (max-width: 800px) {
    ul.all-devices li {
        width: 100% !important;

    }

    .choose-model>div {
        display: block;
    }

    .product {
        min-height: 320px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .choose-model img {
        max-width: 100%;
    }

    /* Force table to not be like tables anymore */
    #no-more-tables table,
    #no-more-tables thead,
    #no-more-tables tbody,
    #no-more-tables th,
    #no-more-tables td,
    #no-more-tables tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    #no-more-tables thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    #no-more-tables tr {
        border: 1px solid #ccc;
    }

    #no-more-tables td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;

        text-align: left;
        white-space: nowrap;
        /* Запрещаем перенос строк */
        overflow: hidden;
        /* Обрезаем все, что не помещается в область */
        text-overflow: ellipsis;
        /* Добавляем многоточие */
    }

    #no-more-tables td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 0px;
        left: 0px;
        width: 45%;
        padding-right: 10px;
        white-space: normal;
        text-align: left;
        font-weight: bold;
        background: #19a9b0;
        color: #fff;
        padding-bottom: 10px;
        padding-left: 6px;
        padding-top: 6px;
    }

    #no-more-tables td.purple:before {
        background: #762b90;
    }

    #no-more-tables td.color-none:before {
        background: #ccc;
        color: #000;
    }

    .table-bordered>thead>tr>th {
        border-bottom-width: 2px;
        text-align: center;
    }

    /*
    Label the data
    */
    #no-more-tables td:before {
        content: attr(data-title);
    }
}

.table-bordered {
    border: none;
}

#select_devices_group,
#select_devices,
#select_versions {
    background: url(/i/arrow.png) no-repeat 94% 50%;
    border: 1px solid #19a9b0;
    height: 30px;
    min-width: 200px;
    overflow: hidden;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    overflow: hidden;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    font-size: 14px;
    padding: 5px;
    box-shadow: 1px 1px 11px #19a9b0;
    text-align: center;
}

#select_versions {
    margin-bottom: 0;
}

.gantt-block-label {
    text-decoration: underline;
}

.choose-your span a.without {
    background: #70c7cc;
    color: #ffffff;
    border: 2px solid #e4f3f4;
}
.choose-your span a {
    position:relative;
    
}
.choose-your span a.without:hover {
    background: #ffffff;
    color: #70c7cc;
    border: 2px solid #e4f3f4;
}

.product-info-download a {
    text-decoration: underline;
}

.badge-info {
    color: #fff;
    background-color: #17a2b8;
}

.badge-danger {
    color: #fff;
    background-color: #dc3545;
}

.product-info-download li {
    list-style-type: disc;
}

.tables .container {
    padding: 25px;
}

.container-youtube {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.xmas-toys {
    background: url('/i/xmas-toys.png');
    background-repeat: repeat-x;
    background-size: 160px;
    width: 100%;
    height: 80px;
    position: absolute;
    -webkit-filter: saturate(110%);
    filter: saturate(110%);
}

.choose-your {
    text-align: center;
}

.disclaimer {
    text-align: center;
    font-size: 14px;
}

.product-footer span.product_descr {
    font-size: 12px;
}

.header-bottom {
    background: url(/i/logo.png) no-repeat center;
}

iframe {
    width: 100%;
    height: 100%;
}

ul.all-devices li {
    display: inline-block;
    width: 30%;
    margin: 5px;
    box-sizing: border-box;
}

.product-info-download ul {
    overflow: auto;
}
li.premium a {
    color: #efaf21;
}
.sub-brand {
    position: absolute;
    bottom: 8px;
}

.text-danger {
    color: #dc3545 !important;
}
.choose-your .badge {
    position: absolute;
    right: 30px;
    bottom: 6px;
}

.img-device img {
    max-width: 400px;
}