@keyframes lds-double-ring {
                                          0% {
                                            -webkit-transform: rotate(0);
                                            transform: rotate(0);
                                          }
                                          100% {
                                            -webkit-transform: rotate(360deg);
                                            transform: rotate(360deg);
                                          }
                                        }
                                        @-webkit-keyframes lds-double-ring {
                                          0% {
                                            -webkit-transform: rotate(0);
                                            transform: rotate(0);
                                          }
                                          100% {
                                            -webkit-transform: rotate(360deg);
                                            transform: rotate(360deg);
                                          }
                                        }
                                        @keyframes lds-double-ring_reverse {
                                          0% {
                                            -webkit-transform: rotate(0);
                                            transform: rotate(0);
                                          }
                                          100% {
                                            -webkit-transform: rotate(-360deg);
                                            transform: rotate(-360deg);
                                          }
                                        }
                                        @-webkit-keyframes lds-double-ring_reverse {
                                          0% {
                                            -webkit-transform: rotate(0);
                                            transform: rotate(0);
                                          }
                                          100% {
                                            -webkit-transform: rotate(-360deg);
                                            transform: rotate(-360deg);
                                          }
                                        }

                                        .vg-col {
                                            display: inline-block;
                                        }
                                        .vg-input {
                                            border-radius: 3px;
                                            padding: 9px 7px;
                                            border: 1px solid #dedede;
                                            max-width: 100%;
                                        }

                                        .vg-input option {

                                            padding: 3px;
                                        }

                                        .load-more:hover {
                                            background-color: #fafafa;
                                            transition: background-color 200ms linear;
                                        }
                                        .load-more {
                                            display: block;
                                            text-align: center;
                                            cursor: pointer;
                                            padding: 20px;
                                            color: inherit !important;
                                            position: relative;
                                            top: -90px;
                                            border: 1px solid #eee;
                                            border-width: 1px 0 1px 0;
                                        }

                                        .nav {
                                            padding-top: 80px;
                                        }

                                        .category-top-text {
                                            margin-top: 30px;
                                            grid-row-start: 3;
                                            grid-row-end: 4;
                                        }
                                        .lds-double-ring {
                                          position: relative;
                                        }
                                        .lds-double-ring div {
                                          position: absolute;
                                          width: 240px;
                                          height: 240px;
                                          top: -20px;
                                          left: -20px;
                                          border-radius: 50%;
                                          border: 8px solid #000;
                                          border-color: #8cd0e5 transparent #8cd0e5 transparent;
                                          -webkit-animation: lds-double-ring 3.8s linear infinite;
                                          animation: lds-double-ring 3.8s linear infinite;
                                        }
                                        .lds-double-ring div:nth-child(2) {
                                          width: 220px;
                                          height: 220px;
                                          top: -10px;
                                          left: -10px;
                                          border-color: transparent #376888 transparent #376888;
                                          -webkit-animation: lds-double-ring_reverse 3.8s linear infinite;
                                          animation: lds-double-ring_reverse 3.8s linear infinite;
                                        }
                                        .lds-double-ring {
                                          width: 200px !important;
                                          height: 200px !important;
                                          -webkit-transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
                                          transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
                                        }


                                        .params-sidebar {
                                            text-align: left;
                                            border-left: 1px solid #eee;
                                        }
                                        .params-sidebar-param-values {
                                            max-height: 160px;
                                            overflow: auto;
                                        }
                                        .params-sidebar-param {
                                            border-top: 1px solid #eee;
                                            padding-bottom: 10px;
                                        }
                                        .params-sidebar-param-value input {
                                            position: relative;
                                            top: 2px;
                                            visibility: hidden;
                                        }
                                        .params-sidebar-param-value sup {
                                            color: #aaa;
                                        }
                                        .params-sidebar-param-value.empty sup {
                                            color: #ccc;
                                        }
                                        .params-sidebar-param-value.active input {
                                            visibility: visible;
                                        }
                                        .params-sidebar-param-value.empty{
                                            color: #ccc;
                                        }
                                        .params-sidebar-param.active .params-sidebar-param-name{
                                            font-weight: bold;
                                        }
                                        .params-sidebar-param-name {
                                            font-weight: bold;
                                            padding: 10px;
                                            font-size: 0.95em;
                                        }
                                        .params-sidebar-param-value {
                                            padding: 5px 5px 5px 10px;
                                            font-size: 0.9em;
                                            cursor: pointer;
                                            white-space: nowrap;
                                            float: left;
                                        }
                                        .params-sidebar-param-value-checkbox {
                                            position: relative;
                                            top: 1px;
                                            display: inline-block;
                                            width: 11px;
                                            height: 11px;
                                            border: 1px solid #ccc;
                                            border-radius: 3px;
                                            border-color: #3a8bd9;
                                            visibility: hidden;
                                        }
                                        .params-sidebar-param-value-checkbox.active {

                                            background: #3a8bd9;
                                            visibility: visible;
                                        }
                                        .params-sidebar-param-value:hover {
                                            # background: #f3f3f3;
                                        }
                                        .params-sidebar-param-value:hover input {
                                            visibility: visible;
                                        }
                                        .params-sidebar-param-value:hover .params-sidebar-param-value-checkbox {
                                            visibility: visible;
                                        }
                                        .params-sidebar-param-value.active {
                                            # background: #e8e8e8;
                                        }
                                        .context {
                                            display: grid;
                                        }

                                        .sort-value {
                                            display: inline-block;
                                            background: #eee;
                                            margin: 3px;
                                            padding: 4px 7px;
                                            cursor: pointer;
                                            border-radius: 3px;
                                            -webkit-transition: background-color 500ms linear;
                                            -ms-transition: background-color 500ms linear;
                                            transition: background-color 500ms linear;                                            
                                        }
                                        .sort-value:hover {
                                            background: #ddd;
                                        }
                                        .parameter-title {
                                            color: #2778C9;
                                        }
                                        .sort-value.active {
                                            background: #2f87e6;
                                            color: #fff;
                                        }

.item-good {
    border-top: 1px solid #eee; padding: 13px;
}

.params-sidebar {
    border-top: 1px solid #eee; border-right: 1px solid #eee;
}

.params-sidebar h3 {
    padding: 10px; font-weight: bold;
    margin: 0;
}

div[ng-controller=Catalog] {

    display: grid;
    grid-template-columns: 1fr 300px;
    grid-gap: 13px;
}

@media (max-width: 900px) {
    div[ng-controller=Catalog] {

        grid-template-columns: 1fr;
    }
}

.catalog-sidebar-btn {
    font-size: 1.0em; margin-bottom: 15px; float: right; margin-right: 10px;
}