* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

*:after,
*:before{
    display: inline-block;
    vertical-align: middle;
}

::-webkit-input-placeholder {
    color: #6a6a6a;
    opacity: 1;
}

:-moz-placeholder {
    color: #6a6a6a;
    opacity: 1;
}

::-moz-placeholder {
    color: #6a6a6a;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #6a6a6a;
    opacity: 1;
}

::-ms-input-placeholder {
    color: #6a6a6a;
    opacity: 1;
}

::placeholder {
    color: #6a6a6a;
    opacity: 1;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

body{
    line-height: 1.2;
    font-size: 16px;
    color: #848484;
    position: relative;
    font-family: "SegoeUI", sans-serif;
    background: #f7f8fa;
    padding: 0;
    margin: 0;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}


h1,h2,h3,h4,h5,h6{
    margin: 0;
    padding: 0;
    font-weight: 400;
    font-size: inherit;
}

svg{
    width: 100%;
    max-width: 100%;
    height: auto;
}

p{
    margin: 0;
}

ul{
    list-style: none;
    padding: 0;
    margin: 0;
}

img{
    vertical-align: middle;
    max-width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

a{
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    color: inherit;
    text-decoration: none;
    outline: none;
    cursor: pointer;
}

a:hover{
    text-decoration: none;
    color: #fb5b5b;
}

button,
input,
textarea{
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}
textarea {
    resize: vertical;
}

input,
textarea,
button{
    outline: none;
    border: 0;
}

input,
select,
textarea{
    -webkit-appearance: none;
     -moz-appearance: none;
}

table{
    border-spacing: 0px;
    border-collapse: collapse;
    width: 100%;
}

@media (min-width: 1200px){
    .cn-container {
        max-width: 1170px;
    }
}

.np-context-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    text-align: left;
    list-style: none;
    background-color: #ffffff;
    -webkit-background-clip: padding-box;
       -moz-background-clip: padding-box;
         -o-background-clip: padding-box;
            background-clip: padding-box;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    -webkit-box-shadow: 0 15px 30px rgb(0 0 0 / 18%);
       -moz-box-shadow: 0 15px 30px rgb(0 0 0 / 18%);
            box-shadow: 0 15px 30px rgb(0 0 0 / 18%);
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
}
.np-context-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.846;
    color: #666666;
    white-space: nowrap;
}
.np-context-menu>li>a:hover,
.np-context-menu>li>a:focus {
    color: #fb5b5b;
    text-decoration: none;
}
.np-context-menu .divider {
    height: 1px;
    margin: 10.5px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

/* Other */

.hide{
    display: none
}

/* Modal */

.blocker{
    z-index: 10;
    background-color: rgba(255, 255, 255, 0.9)
}

/* Section */

.section{
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-size: cover;
       -moz-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
    position: relative
}

/* Mobile */

.mobile{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: calc(var(--vh, 1vh) * 100)
}
.mobile-over{
    display: none
}
.mobile-head{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    background-color: #ffffff;
    padding-top: 1.60em;
    padding-bottom: 1.60em
}
.mobile-body{
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 1.94em;
    padding-bottom: 15px;
    overflow: auto;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
       -moz-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1
}
.mobile-logo{
    width: 4.73em
}
.mobile-body .menu{
    margin-left: 1.10em
}

/* Текста */

.typo__block-title{
    color: #1b234a;
    font-size: 1.90em
}
.typo__menu-title{
    font-size: 1.3em;
    color: #1b234a;
    margin-bottom: 1.5em
}
.typo__filter-label{
    color: #1b234a;
    font-size: 1.64em;
    margin-bottom: 0.70em
}

/* Color */

.color__red{
    color: #fb5b5b
}
.color__dark{
    color: #1b234a
}

/* Btn */

.btn{
    cursor: pointer;
    display: inline-block;
    padding-left: 0.80em;
    padding-right: 0.80em;
    padding-top: 0.50em;
    padding-bottom: 0.50em;
    border: 0px none #ddd;
    background-color: transparent;
    text-align: center;
    -webkit-transition: all 200ms;
    -o-transition: all 200ms;
    -moz-transition: all 200ms;
    transition: all 200ms
}
.btn-default{
    background-color: #fb5b5b;
    -webkit-border-radius: 15px;
       -moz-border-radius: 15px;
            border-radius: 15px;
    font-size: 1.40em;
    height: 2.85em;
    width: 100%;
    color: #ffffff;
    border: 2px solid transparent
}
.btn-default:hover{
    background-color: #e03d3d
}

/* Form */

.form-checkbox{
    position: relative;
    vertical-align: middle;
    padding-left: 1.70em
}
.form-wait{
    pointer-events: none;
    opacity: 0.62
}
.form-error{
    background-color: rgba(251, 91, 91, 0.08);
    color: #fb5b5b;
    -webkit-border-radius: 15px;
       -moz-border-radius: 15px;
            border-radius: 15px;
    padding-left: 1.40em;
    padding-right: 1.40em;
    padding-top: 1.00em;
    padding-bottom: 1.00em
}

/* Input */

.input-defailt{
    -webkit-transition: all 200ms;
    -o-transition: all 200ms;
    -moz-transition: all 200ms;
    transition: all 200ms;
    height: 2.85em;
    padding-left: 1.20em;
    padding-right: 1.20em;
    font-size: 1.40em;
    -webkit-border-radius: 15px;
       -moz-border-radius: 15px;
            border-radius: 15px;
    width: 100%;
    border: 2px solid transparent
}
.input-defailt:hover, .input-defailt:focus{
    border-color: #fb5b5b
}

/* Margin */

.margin-bottom-0{
    margin-bottom:0em
}
.margin-bottom-5{
    margin-bottom:0.31em
}
.margin-bottom-10{
    margin-bottom:0.63em
}
.margin-bottom-15{
    margin-bottom:0.94em
}
.margin-bottom-20{
    margin-bottom:1.25em
}
.margin-bottom-25{
    margin-bottom:1.56em
}
.margin-bottom-30{
    margin-bottom:1.88em
}
.margin-bottom-35{
    margin-bottom:2.19em
}
.margin-bottom-40{
    margin-bottom:2.50em
}
.margin-bottom-45{
    margin-bottom:2.81em
}
.margin-bottom-50{
    margin-bottom:3.13em
}
.margin-top-0{
    margin-top:0em
}
.margin-top-5{
    margin-top:0.31em
}

/* Элементы */

.elem__load-more{
    height: 3.20em;
    background-image: url(../img/page-loader.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-size: 2.20em 2.20em;
       -moz-background-size: 2.20em;
         -o-background-size: 2.20em;
            background-size: 2.20em;
    width: 100%
}
.elem__catalog-filter-button{
    position: relative;
    display: block
}
.elem__device{
    background-color: rgba(221, 221, 221, 0.24);
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    padding-left: 1.70em;
    padding-right: 1.70em;
    padding-top: 4.90em;
    padding-bottom: 1.40em;
    background-image: url(../img/icons/tv.svg);
    background-repeat: no-repeat;
    background-position: 50% 1.20em;
    position: relative;
    -webkit-transition: all 200ms;
    -o-transition: all 200ms;
    -moz-transition: all 200ms;
    transition: all 200ms;
    cursor: pointer;
    text-align: center;
    -webkit-background-size: 4.20em 4.20em;
       -moz-background-size: 4.20em;
         -o-background-size: 4.20em;
            background-size: 4.20em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
       -moz-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end
}
.elem__catalog-filter-button.active{
    color: #fb5b5b
}
.elem__catalog-filter-button.active:after{
    content: '';
    display: block;
    position: absolute;
    background-color: #fb5b5b;
    width: 0.88em;
    height: 0.86em;
    -webkit-border-radius: 200px;
       -moz-border-radius: 200px;
            border-radius: 200px;
    top: -0.50em;
    right: -0.40em;
    border: 3px solid #f7f8fa
}
.elem__device:hover{
    background-color: #fb5b5b;
    color: #ffffff
}

/* Img */

.img-fit-contain{
    -o-object-fit: contain;
       object-fit: contain
}
.img-fit-cover{
    -o-object-fit: cover;
       object-fit: cover
}
.img-fit-full{
    -o-object-fit: unset;
       object-fit: unset
}
.img-layer{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

/* Окна */

.modal{
    -webkit-box-shadow:  0 1.40em 5.10em 0 rgba(27, 35, 74, 0.37);
       -moz-box-shadow:  0 1.40em 5.10em 0 rgba(27, 35, 74, 0.37);
            box-shadow:  0 1.40em 5.10em 0 rgba(27, 35, 74, 0.37);
    padding-top: 2.18em;
    padding-bottom: 2.18em;
    padding-left: 2.18em;
    padding-right: 2.18em
}
.modal__success{
    text-align: center
}

/* Grid */

.grid{
    display: grid;
    grid-row-gap: 2.60em;
    grid-column-gap: 1.30em
}
.grid--cards{
    grid-template-columns: repeat( auto-fill, minmax(220px, 1fr) )
}
.grid--content{
    grid-row-gap: 4.50em
}
.grid--catalog-filter{
    grid-template-columns: 30px 150px 1fr;
    grid-column-gap: 2.20em;
    grid-row-gap: 1.10em;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start
}
.grid--profiles{
    grid-template-columns: repeat( auto-fill, minmax(390px, 1fr) )
}
.grid--devices{
    grid-row-gap: 1.00em;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 1.00em
}
.grid--catalog-filter > div:first-child{
    padding-top: 0.5em
}

/* Flex */

.flex{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap
}
.flex--align-center{
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center
}
.flex__catalog-filter .tag-group{
    padding-left: 2.90em
}
.flex--from-left > *{
    margin-right: 2.10em
}

/* Shadow */

.shadow{
    -webkit-box-shadow:  0 1.90em 1.90em 0 rgba(53, 79, 122, 0.11);
       -moz-box-shadow:  0 1.90em 1.90em 0 rgba(53, 79, 122, 0.11);
            box-shadow:  0 1.90em 1.90em 0 rgba(53, 79, 122, 0.11)
}

/* Swiper-button */

.swiper-button{
    background-color: #ffffff;
    width: 2.55em;
    height: 2.55em;
    -webkit-border-radius: 100px;
       -moz-border-radius: 100px;
            border-radius: 100px;
    -webkit-box-shadow:  0 1.08em 1em 0 rgba(27, 35, 74, 0.21);
       -moz-box-shadow:  0 1.08em 1em 0 rgba(27, 35, 74, 0.21);
            box-shadow:  0 1.08em 1em 0 rgba(27, 35, 74, 0.21);
    -webkit-background-size: 0.70em 0.70em;
       -moz-background-size: 0.70em;
         -o-background-size: 0.70em;
            background-size: 0.70em;
    margin-top: 0px
}
.swiper-button--static .swiper-button{
    position: static;
    margin-top: 0px
}

/* Секции */

.head{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center
}
.head__title{
    margin-right: auto;
    font-weight: 600;
    font-size: 2.30em
}

/* Wrap */

.wrap{
    overflow: hidden
}
.wrap__side{
    min-height: calc(var(--vh, 1vh) * 100);
    position: fixed;
    left: 0;
    top: 0;
    width: 15em;
    background-color: transparent;
    background: -webkit-gradient(linear, left top, right top, from(rgba(247,248,250,1)),color-stop(85%, rgba(247,248,250,1)),to(rgba(247,248,250,0)));
    background: -webkit-linear-gradient(left, rgba(247,248,250,1) 0%,rgba(247,248,250,1) 85%,rgba(247,248,250,0) 100%);
    background: -moz-linear-gradient(left, rgba(247,248,250,1) 0%,rgba(247,248,250,1) 85%,rgba(247,248,250,0) 100%);
    background: -o-linear-gradient(left, rgba(247,248,250,1) 0%,rgba(247,248,250,1) 85%,rgba(247,248,250,0) 100%);
    background: linear-gradient(to right, rgba(247,248,250,1) 0%,rgba(247,248,250,1) 85%,rgba(247,248,250,0) 100%);
    z-index: 10
}
.wrap__right{
    padding-top: 2.60em;
    padding-bottom: 6.40em;
    padding-left: 17.60em;
    padding-right: 2.60em
}
.wrap__content{
    max-width: unset;
    margin-left: auto;
    margin-right: auto;
    padding-top: 4.50em;
    padding-bottom: 0px
}

/* Welcome */

.welcome{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: calc(var(--vh, 1vh) * 100);
    background-color: #ffffff
}
.welcome__left{
    width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-image: url(../img/background/welcome-blur.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    padding-left: 1.40em;
    padding-right: 1.40em
}
.welcome__right{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: auto;
    margin-right: auto;
}
.welcome__title{
    color: #1b234a;
    font-size: 3.60em;
    font-weight: 600;
    margin-bottom: 0.70em
}
.welcome__laeda{
    max-width: 32.80em
}
.welcome__text{
    font-size: 1.40em;
    line-height: 1.6
}
.welcome__logo{
    width: 5.70em;
    margin-bottom: 2.70em
}

/* Блоки */

.menu__ico{
    width: 1.26em;
    height: 1.34em;
    margin-right: 0.80em
}
.menu__link{
    font-size: 1.24em;
    font-weight: 400;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative
}
.menu > li + li{
    margin-top: 2.20em
}
.menu__link:hover, .menu__link.active{
    color: #fb5b5b
}
.menu__link.active:after{
    content: '';
    display: block;
    position: absolute;
    background-image: url(../img/menu-active.svg);
    -webkit-background-size: contain;
       -moz-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
    width: 1.40em;
    height: 5.06em;
    left: -1.72em;
    top: -1.90em;
    background-repeat: no-repeat;
    background-position: 0 50%
}
.menu__ico svg{
    height: 100%
}

/* Side */

.side{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-left: 2.08em;
    padding-right: 1.40em;
    padding-top: 2.60em;
    padding-bottom: 2.60em
}
.side__menu{
    margin-top: auto;
    margin-bottom: auto
}
.side__logo{
    text-align: left
}
.side__footer{
    font-size: 0.82em;
    text-align: left
}
.side__logo img{
    width: 4.60em
}

/* Block */

.block{
    padding-left: 2.60em;
    padding-right: 2.60em;
    padding-top: 2.60em;
    padding-bottom: 2.60em;
    background-color: #ffffff;
    -webkit-border-radius: 15px;
       -moz-border-radius: 15px;
            border-radius: 15px;
    -webkit-box-shadow:  0 1.90em 1.90em 0 rgba(53, 79, 122, 0.06);
       -moz-box-shadow:  0 1.90em 1.90em 0 rgba(53, 79, 122, 0.06);
            box-shadow:  0 1.90em 1.90em 0 rgba(53, 79, 122, 0.06)
}

/* Signin */

.signin{
    width: 26.75em
}
.signin__showpass{
    text-align: right;
    margin-top: 0.50em;
    position: absolute;
    top: 0.60em;
    right: 1.00em;
    width: 1.75em;
    color: #d1d1d1
}
.signin__password-field{
    position: relative
}
.signin__showpass:hover{
    color: #fb5b5b
}

/* Menu-toggle */

.menu-toggle{
    background-image: url(../img/icons/menu.svg);
    width: 2.10em;
    height: 1.80em;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-size: 0.90em 0.90em;
       -moz-background-size: 0.90em;
         -o-background-size: 0.90em;
            background-size: 0.90em;
    background-color: #ffffff;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    -webkit-box-shadow:  0 1.08em 1em 0 rgba(27, 35, 74, 0.19);
       -moz-box-shadow:  0 1.08em 1em 0 rgba(27, 35, 74, 0.19);
            box-shadow:  0 1.08em 1em 0 rgba(27, 35, 74, 0.19);
    font-size: 1.54em;
    display: none;
    margin-right: 1.60em
}

/* User */

.user__photo{
    background-color: #fb5b5b;
    width: 3.50em;
    height: 3.50em;
    -webkit-border-radius: 100%;
       -moz-border-radius: 100%;
            border-radius: 100%;
    -webkit-box-shadow:  0 1.40em 1.90em 0 rgba(251, 91, 91, 0.41);
       -moz-box-shadow:  0 1.40em 1.90em 0 rgba(251, 91, 91, 0.41);
            box-shadow:  0 1.40em 1.90em 0 rgba(251, 91, 91, 0.41);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
    margin-right: 1.10em;
    opacity: 0
}
.user__ico{
    color: #ffffff;
    width: 1.30em
}
.user__key{
    color: #ffffff;
    font-size: 1.70em;
    margin-top: -0.10em
}
.user__profile{
    font-size: 1.30em;
    color: #1b234a;
    margin-top: 0.18em
}
.user__body{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer
}
.user__toggle{
    -webkit-border-radius: 100px;
       -moz-border-radius: 100px;
            border-radius: 100px;
    width: 1.60em;
    height: 1.60em;
    background-color: #ffffff;
    margin-left: 0.90em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-shadow:  0 1.30em 1.90em 0 rgba(53, 79, 122, 0.16);
       -moz-box-shadow:  0 1.30em 1.90em 0 rgba(53, 79, 122, 0.16);
            box-shadow:  0 1.30em 1.90em 0 rgba(53, 79, 122, 0.16)
}
.user__toggle:after{
    width: 6px;
    height: 6px;
    border-width: 2px;
    -webkit-transform: rotateZ(45deg);
       -moz-transform: rotateZ(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotateZ(45deg);
            transform: rotateZ(45deg);
    border-color: rgba(27, 35, 74, 0.51);
    border-right-style: solid;
    border-bottom-style: solid;
    display: block;
    content: '';
    margin-top: -0.34em
}

/* Notice */

.notice{
    margin-right: 3.80em
}
.notice__ico{
    width: 1.83em;
    cursor: pointer;
    position: relative
}
.notice__ico.active:after{
    position: absolute;
    top: -0.20em;
    right: 0.00em;
    content: '';
    background-color: #fb5b5b;
    width: 0.8em;
    height: 0.8em;
    display: block;
    -webkit-border-radius: 100%;
       -moz-border-radius: 100%;
            border-radius: 100%;
    border: 3px solid #f7f8fa
}
.notice__ico.active{
    color: #1b234a
}

/* Card */

.card__img{
    width: 100%;
    height: 100%
}
.card__pic{
    overflow: hidden;
    -webkit-border-radius: 15px;
       -moz-border-radius: 15px;
            border-radius: 15px;
    -webkit-transition: all 200ms;
    -o-transition: all 200ms;
    -moz-transition: all 200ms;
    transition: all 200ms;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}
.card__title{
    margin-top: 1.00em;
    font-size: 1.16em
}
.card__edit{
    position: absolute;
    top: 0.50em;
    right: 0.60em;
    font-size: 0.74em
}
.card__alsus{
    position: relative;
    padding-bottom: 147%
}
.card__fav{
    position: absolute;
    left: 50%;
    top: 0.50em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center
}
.card__fav-bg{
    background-color: rgba(0, 0, 0, 0.65);
    -webkit-border-radius: 15px;
       -moz-border-radius: 15px;
            border-radius: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px)
}
.card__date{
    margin-top: 0.30em
}
.card__voite{
    position: absolute;
    left: 0.50em;
    bottom: 0.50em;
    background-color: #fb5b5b;
    color: #ffffff;
    width: 2.46em;
    height: 2.47em;
    text-align: center;
    font-weight: 700;
    padding-top: 0.50em;
    -webkit-border-bottom-left-radius: 50px;
       -moz-border-radius-bottomleft: 50px;
            border-bottom-left-radius: 50px;
    -webkit-border-top-left-radius: 10px;
       -moz-border-radius-topleft: 10px;
            border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 50px;
       -moz-border-radius-topright: 50px;
            border-top-right-radius: 50px;
    -webkit-border-bottom-right-radius: 50px;
       -moz-border-radius-bottomright: 50px;
            border-bottom-right-radius: 50px
}
.card__tv{
    position: absolute;
    left: -0.60em;
    top: 0.76em;
    background-color: #fb5b5b;
    color: #ffffff;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    padding-left: 0.40em;
    padding-right: 0.40em;
    padding-top: 0.18em;
    padding-bottom: 0.18em;
    font-size: 0.86em
}
.card .card__pic:hover{
    -webkit-transform: scaleX(1.04) scaleY(1.04);
       -moz-transform: scaleX(1.04) scaleY(1.04);
        -ms-transform: scaleX(1.04) scaleY(1.04);
         -o-transform: scaleX(1.04) scaleY(1.04);
            transform: scaleX(1.04) scaleY(1.04);
    -webkit-box-shadow:  0 1.90em 1.90em 0 rgba(53, 79, 122, 0.2);
       -moz-box-shadow:  0 1.90em 1.90em 0 rgba(53, 79, 122, 0.2);
            box-shadow:  0 1.90em 1.90em 0 rgba(53, 79, 122, 0.2)
}
.card__fav-bg > div{
    width: 1.70em;
    height: 1.70em;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-filter: invert(100%);
            filter: invert(100%);
    -webkit-background-size: 1.00em 1.00em;
       -moz-background-size: 1.00em;
         -o-background-size: 1.00em;
            background-size: 1.00em
}
.card__fav-bg > div.fav-like{
    background-image: url(../img/icons/like.svg)
}
.card__fav-bg > div.fav-wath{
    background-image: url(../img/icons/time.svg)
}
.card__fav-bg > div.fav-book{
    background-image: url(../img/icons/bookmark.svg)
}
.card__fav-bg > div.fav-history{
    display: none
}

/* Search */

.search{
    background-color: #ffffff;
    -webkit-box-shadow:  0 1.90em 1.90em 0 rgba(53, 79, 122, 0.07);
       -moz-box-shadow:  0 1.90em 1.90em 0 rgba(53, 79, 122, 0.07);
            box-shadow:  0 1.90em 1.90em 0 rgba(53, 79, 122, 0.07);
    -webkit-border-radius: 15px;
       -moz-border-radius: 15px;
            border-radius: 15px;
    padding-left: 2.40em;
    padding-right: 2.40em;
    padding-top: 0.50em;
    padding-bottom: 0.50em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center
}
.search__input{
    width: 100%;
    height: 3.35em;
    font-size: 1.24em
}
.search__button{
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    width: 2.30em;
    background-color: transparent;
    color: #fb5b5b;
    cursor: pointer
}

/* Tag */

.tag{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center
}
.tag__ico{
    background-color: #fb5b5b;
    width: 1.60em;
    height: 1.60em;
    -webkit-border-radius: 100%;
       -moz-border-radius: 100%;
            border-radius: 100%;
    margin-right: 0.90em;
    background-image: url(../img/icons/tag.svg);
    background-position: 50% 50%;
    -webkit-background-size: 0.88em 0.88em;
       -moz-background-size: 0.88em;
         -o-background-size: 0.88em;
            background-size: 0.88em;
    background-repeat: no-repeat
}
.tag--bigger{
    font-size: 1.34em
}
.tag--medium{
    font-size: 1.16em
}

/* Tag-group */

.tag-group{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin-left: -0.50em;
    margin-right: -0.50em;
    margin-top: -0.50em;
    margin-bottom: -0.50em
}
.tag-group .tag{
    padding-left: 0.50em;
    padding-right: 0.50em;
    padding-top: 0.50em;
    padding-bottom: 0.50em
}

/* Select */

.select{
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center
}
.select__name{
    margin-right: 0.90em;
    font-size: 1.16em
}

/* Profile-item */

.profile-item{
    position: relative
}
.profile-item__name{
    color: #1b234a;
    font-size: 1.90em;
    word-break: break-all
}
.profile-item__count{
    color: #1b234a;
    font-size: 3.20em
}
.profile-item__label{
    text-transform: uppercase;
    font-size: 0.78em
}
.profile-item__head{
    margin-bottom: 1.70em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center
}
.profile-item__ico{
    background-color: #fb5b5b;
    color: #ffffff;
    width: 1.80em;
    -webkit-border-radius: 100%;
       -moz-border-radius: 100%;
            border-radius: 100%;
    height: 1.80em;
    padding-left: 0.36em;
    padding-right: 0.36em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center
}
.profile-item__footer{
    margin-top: 3.40em
}
.profile-item__edit{
    width: 1.66em;
    cursor: pointer;
    color: rgba(132, 132, 132, 0.49)
}
.profile-item.active:after{
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    background-image: url(../img/icons/profile_active.svg);
    width: 4.40em;
    height: 3.40em;
    background-position: 100% 100%;
    -webkit-background-size: contain;
       -moz-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
    background-repeat: no-repeat;
    -webkit-border-bottom-right-radius: 15px;
       -moz-border-radius-bottomright: 15px;
            border-bottom-right-radius: 15px
}

/* Profile-add */

.profile-add{
    border: 3px dashed #dddddd;
    cursor: pointer;
    -webkit-border-radius: 15px;
       -moz-border-radius: 15px;
            border-radius: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    -webkit-transition: all 200ms;
    -o-transition: all 200ms;
    -moz-transition: all 200ms;
    transition: all 200ms;
    min-height: 19.3em
}
.profile-add__name{
    font-size: 1.2em
}
.profile-add__ico{
    font-size: 4.80em;
    margin-top: -0.50em
}
.profile-add:hover{
    -webkit-box-shadow:  0 1.90em 1.90em 0 rgba(53, 79, 122, 0.06);
       -moz-box-shadow:  0 1.90em 1.90em 0 rgba(53, 79, 122, 0.06);
            box-shadow:  0 1.90em 1.90em 0 rgba(53, 79, 122, 0.06);
    -webkit-transform: scaleX(1.03) scaleY(1.03);
       -moz-transform: scaleX(1.03) scaleY(1.03);
        -ms-transform: scaleX(1.03) scaleY(1.03);
         -o-transform: scaleX(1.03) scaleY(1.03);
            transform: scaleX(1.03) scaleY(1.03);
    background-color: #ffffff
}

/* Icons */

.icons{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
    -webkit-transition: all 200ms;
    -o-transition: all 200ms;
    -moz-transition: all 200ms;
    transition: all 200ms
}
.icons--circle{
    background-color: #ffffff;
    -webkit-border-radius: 100%;
       -moz-border-radius: 100%;
            border-radius: 100%;
    width: 2.50em;
    height: 2.50em;
    padding-top: 0.60em;
    padding-bottom: 0.60em;
    padding-left: 0.60em;
    padding-right: 0.60em;
    -webkit-box-shadow:  0 1.90em 1.90em 0 rgba(53, 79, 122, 0.17);
       -moz-box-shadow:  0 1.90em 1.90em 0 rgba(53, 79, 122, 0.17);
            box-shadow:  0 1.90em 1.90em 0 rgba(53, 79, 122, 0.17)
}
.icons svg{
    max-height: 100%
}
.icons--hover:hover{
    background-color: #fb5b5b;
    color: #ffffff
}

/* Page-loader */

.page-loader{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(247, 248, 250, 0.86);
    z-index: 100;
    background-image: url(../img/page-loader.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-size: 3.10em 3.10em;
       -moz-background-size: 3.10em;
         -o-background-size: 3.10em;
            background-size: 3.10em;
    display: none
}

/* Content-empty */

.content-empty__img{
    width: 100%;
    max-width: 630px
}
.content-empty__title{
    font-size: 1.90em;
    color: #1b234a;
    margin-top: 1.20em
}

/* Card-empty */

.card-empty__pic{
    -webkit-border-radius: 15px;
       -moz-border-radius: 15px;
            border-radius: 15px;
    border: 2px dashed #dddddd
}
.card-empty__img{
    opacity: 0
}

/* Slides-line */

.slides-line{
    max-width: 100%;
    position: relative
}
.slides-line__title{
    color: #1b234a;
    font-size: 2em;
    margin-bottom: 0.70em
}
.slides-line .swiper-button{
    position: absolute;
    top: 0;
    right: 0;
    left: auto
}
.slides-line .swiper-button.swiper-button-prev{
    right: 3.40em
}

/* Card-full */

.card-full{
    position: relative;
    padding-left: 2.70em;
    padding-right: 2.70em;
    padding-top: 2.60em;
    padding-bottom: 2.60em;
    background-color: #ffffff;
    -webkit-border-radius: 15px;
       -moz-border-radius: 15px;
            border-radius: 15px;
    -webkit-box-shadow:  0 2.08em 3.10em 0 rgba(27, 35, 74, 0.16);
       -moz-box-shadow:  0 2.08em 3.10em 0 rgba(27, 35, 74, 0.16);
            box-shadow:  0 2.08em 3.10em 0 rgba(27, 35, 74, 0.16)
}
.card-full__body{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start
}
.card-full__left{
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    width: 19.30em;
    position: relative
}
.card-full__right{
    padding-left: 3.30em;
    max-width: 61.00em;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
       -moz-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1
}
.card-full__background{
    display: block;
    position: absolute;
    left: 10px;
    bottom: 0;
    right: 10px;
    top: 10px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-size: cover;
       -moz-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    opacity: 0.1;
    -webkit-mask-image: -webkit-linear-gradient(top, white 8%, rgba(255, 255, 255, 0) 100%)
}
.card-full__img{
    -webkit-border-radius: 15px;
       -moz-border-radius: 15px;
            border-radius: 15px;
    padding-bottom: 147%;
    position: relative
}
.card-full__title{
    font-size: 2.60em;
    color: #1b234a;
    margin-bottom: 0.18em
}
.card-full__action{
    font-size: 1.10em;
    margin-bottom: 1.30em;
    color: #1b234a;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin-left: -0.40em;
    margin-right: -0.40em
}
.card-full__original_title{
    font-size: 2em;
    font-weight: 300;
    margin-bottom: 0.60em
}
.card-full__descr{
    font-size: 1.14em;
    line-height: 1.4
}
.card-full__year{
    color: #fb5b5b;
    font-size: 1.50em;
    margin-bottom: 0.80em
}
.card-full__footer{
    display: inline-grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 1.10em;
    margin-top: 2.50em
}
.card-full__favorite{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    background-color: transparent;
    -webkit-border-radius: 100px;
       -moz-border-radius: 100px;
            border-radius: 100px;
    width: 3.00em;
    height: 3.00em;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center
}
.card-full__open-lampa{
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    padding-left: 1.90em;
    padding-right: 1.90em;
    padding-top: 1.90em;
    padding-bottom: 1.90em;
    font-size: 0.86em
}
.card-full__img img{
    -webkit-border-radius: 15px;
       -moz-border-radius: 15px;
            border-radius: 15px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.card-full__action > *{
    background-color: #fb5b5b;
    color: #ffffff;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    padding-left: 0.64em;
    padding-right: 0.64em;
    padding-bottom: 0.16em;
    margin-top: 0.40em;
    margin-left: 0.40em;
    margin-right: 0.40em
}
.card-full__favorite:hover{
    background-color: #ffffff;
    -webkit-box-shadow:  0 1.08em 1em 0 rgba(27, 35, 74, 0.18);
       -moz-box-shadow:  0 1.08em 1em 0 rgba(27, 35, 74, 0.18);
            box-shadow:  0 1.08em 1em 0 rgba(27, 35, 74, 0.18)
}
.card-full__favorite.active{
    background-color: #fb5b5b;
    color: #ffffff
}
.card-full__favorite svg{
    width: 1.30em;
    height: 1.30em;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0
}

/* Card-full-empty */

.card-full-empty{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center
}
.card-full-empty__pic{
    padding-bottom: 147%;
    background-color: #dddddd;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px
}
.card-full-empty__field{
    background-color: #dddddd;
    padding-bottom: 1.80em;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px
}
.card-full-empty__year{
    max-width: 5.60em;
    margin-bottom: 1.70em;
    font-size: 0.84em
}
.card-full-empty__title{
    font-size: 1.44em;
    max-width: 15.00em;
    margin-bottom: 0.80em
}
.card-full-empty__original{
    max-width: 16.00em;
    margin-bottom: 2.20em;
    font-size: 1.10em
}
.card-full-empty__keys{
    max-width: 34.50em;
    margin-bottom: 2.20em
}
.card-full-empty__descr{
    font-size: 4.70em
}
.card-full-empty__uibus{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column
}

/* Pick */

.pick{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin-left: -0.34em;
    margin-right: -0.34em;
    margin-top: -0.34em;
    margin-bottom: -0.34em
}
.pick__item{
    padding-left: 0.70em;
    padding-right: 0.70em;
    padding-top: 0.40em;
    padding-bottom: 0.40em;
    background-color: rgba(221, 221, 221, 0.45);
    -webkit-border-radius: 200px;
       -moz-border-radius: 200px;
            border-radius: 200px;
    color: #1b234a;
    margin-left: 0.34em;
    margin-right: 0.34em;
    margin-top: 0.34em;
    margin-bottom: 0.34em;
    cursor: pointer;
    -webkit-transition: all 200ms;
    -o-transition: all 200ms;
    -moz-transition: all 200ms;
    transition: all 200ms
}
.pick__item:hover{
    background-color: #ffffff;
    color: #fb5b5b
}
.pick__item.active{
    background-color: #fb5b5b;
    color: #ffffff
}

/* Msg */

.msg{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer
}
.msg__img{
    padding-bottom: 147%;
    position: relative;
    -webkit-box-shadow:  0 1.50em 2.20em 0 rgba(27, 35, 74, 0.23);
       -moz-box-shadow:  0 1.50em 2.20em 0 rgba(27, 35, 74, 0.23);
            box-shadow:  0 1.50em 2.20em 0 rgba(27, 35, 74, 0.23);
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px
}
.msg__title{
    font-size: 1.62em;
    margin-bottom: 0.44em;
    color: #1b234a;
    -webkit-transition: all 200ms;
    -o-transition: all 200ms;
    -moz-transition: all 200ms;
    transition: all 200ms;
    display: block
}
.msg__text{
    font-size: 1.08em
}
.msg__left{
    width: 6.50em;
    margin-right: 1.80em;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0
}
.msg__details{
    margin-top: 0.92em;
    line-height: 1.8;
    font-size: 0.90em
}
.msg__img img{
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.msg:hover .msg__title{
    color: #fb5b5b
}

/* Video */

.video{
    cursor: pointer
}
.video__img{
    padding-bottom: 64%;
    position: relative;
    -webkit-transition: all 200ms;
    -o-transition: all 200ms;
    -moz-transition: all 200ms;
    transition: all 200ms;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px
}
.video__title{
    margin-top: 1.10em;
    font-size: 1.2em
}
.video__img img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    background-color: #3e3e3e
}
.video__img:before{
    content: '';
    display: block;
    position: absolute;
    background-color: #fb5b5b;
    width: 4.00em;
    height: 4.00em;
    z-index: 1;
    -webkit-border-radius: 100%;
       -moz-border-radius: 100%;
            border-radius: 100%;
    left: 50%;
    top: 50%;
    margin-left: -2em;
    margin-top: -2em;
    -webkit-transition: all 200ms;
    -o-transition: all 200ms;
    -moz-transition: all 200ms;
    transition: all 200ms
}
.video__img:after{
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 15px;
    border-color: transparent transparent transparent #ffffff;
    left: 50%;
    top: 50%;
    z-index: 2;
    margin-top: -10px;
    margin-left: -5px
}
.video:hover .video__img{
    -webkit-transform: scaleX(1.04) scaleY(1.04);
       -moz-transform: scaleX(1.04) scaleY(1.04);
        -ms-transform: scaleX(1.04) scaleY(1.04);
         -o-transform: scaleX(1.04) scaleY(1.04);
            transform: scaleX(1.04) scaleY(1.04);
    -webkit-box-shadow:  0 1.20em 2.10em 0 rgba(27, 35, 74, 0.17);
       -moz-box-shadow:  0 1.20em 2.10em 0 rgba(27, 35, 74, 0.17);
            box-shadow:  0 1.20em 2.10em 0 rgba(27, 35, 74, 0.17)
}
.video:hover .video__img:before{
    font-size: 1.2em
}
.video:hover .video__title{
    color: #fb5b5b
}
/*
 * CASCADE
 */

.not-found.active{
    display: block
}
.nice-select{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    float: none;
    color: #1b234a;
    -webkit-border-radius: 100px;
       -moz-border-radius: 100px;
            border-radius: 100px;
    border: 0;
    background-color: #ffffff;
    -webkit-box-shadow:  0 1.90em 1.90em 0 rgba(53, 79, 122, 0.17);
       -moz-box-shadow:  0 1.90em 1.90em 0 rgba(53, 79, 122, 0.17);
            box-shadow:  0 1.90em 1.90em 0 rgba(53, 79, 122, 0.17);
    padding-right: 2.78em
}
.nice-select:after{
    right: 1.18em
}
.nice-select .current{
    line-height: 1.2;
    height: auto;
    display: block;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    font-size: 1.16em
}
.nice-select .list{
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    font-size: 1.16em;
    -webkit-box-shadow:  0 1.90em 1.90em 0 rgba(53, 79, 122, 0.24);
       -moz-box-shadow:  0 1.90em 1.90em 0 rgba(53, 79, 122, 0.24);
            box-shadow:  0 1.90em 1.90em 0 rgba(53, 79, 122, 0.24)
}
.nice-select .option{
    height: auto;
    min-height: auto;
    line-height: 1.2;
    padding-top: 0.51em;
    padding-bottom: 0.51em;
    padding-left: 0.73em;
    padding-right: 0.73em
}
.form-checkbox > input:checked ~ .check:after{
    opacity: 1
}
.form-checkbox > input, .form-checkbox > span.check{
    width: 1.00em;
    height: 1.00em
}
.form-checkbox > input{
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    pointer-events: none
}
.form-checkbox > span.check{
    border: 1px solid #dddddd;
    display: block;
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer
}
.form-checkbox > span.check:after{
    position: absolute;
    left: 0.32em;
    top: 0;
    content: '';
    width: 0.40em;
    height: 0.70em;
    border-width: 2px;
    -webkit-transform: rotateZ(45deg);
       -moz-transform: rotateZ(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotateZ(45deg);
            transform: rotateZ(45deg);
    border-color: #000000;
    border-right-style: solid;
    border-bottom-style: solid;
    -webkit-transition: all 200ms;
    -o-transition: all 200ms;
    -moz-transition: all 200ms;
    transition: all 200ms;
    opacity: 0
}
/*
 * MEDIA
 */

@media screen and (max-width: 1199px){
    
    /* Wrap */

    .wrap__side{
        display: none
    }
    .wrap__right{
        padding-left: 2.60em
    }
    
    /* Welcome */

    .welcome__title{
        font-size: 3.00em
    }
    .welcome__laeda{
        max-width: 27.10em
    }
    .welcome__text{
        font-size: 1.30em
    }
    
    /* Menu-toggle */

    .menu-toggle{
        display: block
    }
}
@media screen and (max-width: 991px){
    
    /* Grid */

    .grid--catalog-filter{
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        grid-gap: 0
    }
    .grid--catalog-filter > div:first-child{
        width: 30px;
        margin-right: 1.90em
    }
    .grid--catalog-filter > div:last-child{
        margin-top: 1.30em;
        width: 100%
    }
    
    /* Welcome */
    
    /* Card-full */

    .card-full__body{
        display: block
    }
    .card-full__left{
        width: 17.70em
    }
    .card-full__right{
        padding-left: 0em;
        padding-top: 4.80em
    }
    .card-full__background{
        bottom: auto;
        height: 31.50em
    }
    
    /* Card-full-empty */

    .card-full-empty{
        display: block
    }
}
@media screen and (max-width: 767px){
    
    /* Секции */

    .head{
        font-size: 0.82em
    }
    
    /* Wrap */

    .wrap__right{
        padding-left: 1.10em;
        padding-right: 1.10em;
        padding-top: 1.10em;
        padding-bottom: 2.60em
    }
}
@media screen and (max-width: 575px){
    
    /* Modal */

    .blocker{
        padding-left: 0em;
        padding-right: 0em
    }
    
    /* Окна */

    .modal{
        padding-left: 0.98em;
        padding-right: 0.98em;
        padding-top: 1.18em;
        padding-bottom: 1.18em
    }
    
    /* Grid */

    .grid--cards{
        grid-template-columns: 1fr 1fr
    }
    
    /* Секции */

    .head{
        font-size: 0.88em;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap
    }
    .head__title{
        width: 100%;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
           -moz-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
        padding-top: 1.00em
    }
    
    /* Wrap */

    .wrap__right{
        padding-top: 0.90em
    }
    
    /* Welcome */

    .welcome__title{
        font-size: 2.28em;
        max-width: 8.90em
    }
    .welcome__text{
        font-size: 1.2em
    }
    
    /* Menu-toggle */

    .menu-toggle{
        margin-right: auto;
        font-size: 1.92em
    }
    
    /* Notice */

    .notice{
        margin-right: 1.96em
    }
    
    /* Search */

    .search{
        font-size: 0.78em
    }
    
    /* Slides-line */

    .slides-line__title{
        font-size: 1.5em;
        margin-bottom: 1.20em;
        padding-top: 0.30em
    }
    
    /* Card-full */

    .card-full{
        padding-left: 0px;
        padding-right: 0px;
        background-color: transparent;
        -webkit-box-shadow: none;
           -moz-box-shadow: none;
                box-shadow: none;
        padding-top: 0px;
        padding-bottom: 0px
    }
    .card-full__left{
        width: 100%
    }
    .card-full__background{
        display: none
    }
}
@media screen and (max-width: 375px){
    
    /* Grid */

    .grid--cards{
        grid-template-columns: 1fr
    }
    .grid--profiles{
        grid-template-columns: repeat( auto-fill, minmax(250px, 1fr) )
    }
    
    /* Секции */

    .head{
        font-size: 0.68em
    }
    
    /* Wrap */

    .wrap__content{
        padding-top: 1.90em
    }
    
    /* Welcome */

    .welcome__title{
        font-size: 1.90em
    }
    .welcome__text{
        font-size: 1em
    }
    .welcome__logo{
        width: 4.70em;
        margin-bottom: 1.70em
    }
    
    /* Card */

    .card{
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }
    .card__title{
        color: #000000;
        font-size: 1.44em
    }
    .card__alsus{
        font-size: 0.82em
    }
    .card__date{
        margin-top: 0.80em
    }
    .card__imgbox{
        width: 44%;
        margin-right: 1.40em;
        -webkit-flex-shrink: 0;
            -ms-flex-negative: 0;
                flex-shrink: 0
    }
    
    /* Card-empty */

    .card-empty{
        width: 44%
    }
    
    /* Card-full */

    .card-full__left{
        width: 100%
    }
    .card-full__title{
        font-size: 2.10em
    }
    .card-full__action{
        font-size: 0.86em
    }
    .card-full__original_title{
        font-size: 1.70em
    }
    .card-full__descr{
        font-size: 1.08em
    }
    
    /* Msg */

    .msg__title{
        font-size: 1.32em
    }
    .msg__text{
        font-size: 0.92em
    }
    .msg__left{
        width: 4.90em;
        margin-right: 1.30em
    }
    .msg__details{
        font-size: 0.84em
    }
}