html,
body {
  height: 100%;
}
#kss-app {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.container {
  flex: 1 0 auto;
}
footer {
  flex: 0 0 auto;
}
header{background-color: #f9fafc;margin-bottom: 40px;}
header .headbar .wrapper .menu-item:hover{color:#f90;position: relative}
header .headbar .wrapper .menu-item:hover:after{
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 4px;
    content: "";
    background-color: #ffa800;
    border-radius: 2px;
}
.flash {
    background: #f5831f;
    color: #fff;
    padding: 10px 20px;
}
.VueCarousel-navigation-button{
    font-size: 36px;
    color: #978cbf!important;
}
.VueCarousel-navigation-button:hover{
    font-size: 36px;
    color: #f90!important;
}
.row.m0 {
    margin: 0;
}
.reviews .container-flex {
    display: flex;
    flex-direction: column;
    width: 100%
}


.reviews .container-flex .row-review {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
}

.reviews .container-flex .row-review .review-container {
    width: 50%;
    padding: 0 15px;
}

.reviews .container-flex .row-review .review-container .review {
    border-radius: 5px;
    background-color: #fcfcfc;
    margin-bottom: 25px;
    padding: 0 10px;
    box-shadow: 0 5px 6px 0 rgba(50, 50, 93, .1);
    min-height: 150px;
    height: 150px;
    display: flex
}
.reviews .container-flex .row-review .review-container.noactive .review{
    border-radius: 5px;
    background-color: #ffeee6;
    margin-bottom: 25px;
    padding: 0 10px;
    box-shadow: 0 5px 6px 0 rgba(50, 50, 93, .1);
    min-height: 150px;
    height: 150px;
    display: flex
}

.reviews .container-flex .row-review .review-container .review .rating-col,
.reviews .container-flex .row-review .review-container .review .text-col {
    padding: 20px 10px
}

.reviews .container-flex .row-review .review-container .review .text-col {
    width: 75%;
    display: flex;
    flex-direction: column
}

.reviews .container-flex .row-review .review-container .review .text-col .review-text {
    font-size: 13px;
    height: 100%;
    overflow: hidden;
    position: relative
}

.reviews .container-flex .row-review .review-container .review .text-col .shadow:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 40%;
    background: linear-gradient(180deg, hsla(0, 0%, 99%, 0) 0, hsla(0, 0%, 99%, .5) 10%, #fcfcfc)
}

.reviews .container-flex .row-review .review-container .review .text-col .review-date {
    font-size: 12px;
    color: #9b9b9b;
    margin-bottom: 10px;
}

.reviews .container-flex .row-review .review-container .review .rating-col {
    width: 25%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    position: relative;
    text-align: left;
}

.reviews .container-flex .row-review .review-container .review .rating-col .shadow:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 40%;
    background: linear-gradient(180deg, hsla(0, 0%, 99%, 0) 0, hsla(0, 0%, 99%, .5) 10%, #fcfcfc 30%)
}

.reviews .container-flex .row-review .review-container .review .rating-col .photos {
    padding-bottom: 20px
}

.reviews .container-flex .row-review .review-container .review .rating-col .photos .photo {
    height: 50px;
    width: 50px;
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    border-radius: 7px;
    display: inline-block;
    margin-left: 5px
}

.reviews .container-flex .row-review .review-container .review .rating-col .photos .photo:first-child {
    margin-left: 0
}
.icon1, .icon2, .icon3 {
    background: url(../images/article-register-block-icons.png) no-repeat 0 5px transparent;
    width: 133px;
    height: 116px;
    margin: 0 auto 10px;
}

.icon2 {
    background-position: 0 -111px;
}

.icon3 {
    background-position: 0 -232px;
}
.kss-window {
    position: fixed;
    left: 50%;
    top: 49%;
    transform: translate(-50%, -50%);
    width: 300px;
    z-index: 1000;
    background-color: white;
    padding: 10px;
    border: 1px solid #d4d4d4;
}
.kss-window .kss-close-window-button{
    text-align: right;
    cursor: pointer;
}
.kss-window form{
    text-align:center;
}
.kss-window .element{
    text-align: left;
}

.kss-window .kss-window-title{
    font-size: 15px;
    font-weight: bold;
    line-height: 18px;
    padding: 5px 0;
}

.kss-window input[type="text"] {
    margin-bottom: 0;
    width: 100%;
    padding: 5px;
}
.kss-window .kss-window-content{margin-bottom: 20px;}
#error-window{
text-align: center;
  width: 350px;   
}
.kss-window button, .kss-window .kss-zakrit{
 color: white;
    padding: 4px 10px;
    cursor: pointer;
    font-size: 12px;
    border: solid 1px #da7c0c;
	background: #f78d1d; /*цвет фона кнопки для браузеров без поддержки CSS3*/
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20)); /* для Webkit браузеров */
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20); /* для Firefox */
        background-image: -o-linear-gradient(top,  #faa51a,  #f47a20); /* для Opera 11 */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20'); /* фильтр для IE */   
}
.kss-window button:hover, .kss-window .kss-zakrit:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
        background-image: -o-linear-gradient(top,  #f88e11,  #f06015);/* для Opera 11 */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.kss-window button:active, .kss-window .kss-zakrit:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
        background-image: -o-linear-gradient(top,  #f47a20,  #faa51a);/* для Opera 11 */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}
@media (max-width:480px) {
    .reviews .container-flex .row-review .review-container .review .rating-col .photos .photo {
        width: 35px;
        height: 35px
    }
}
.terms.q-checkbox {
    padding: 0;
}
.reviews .container-flex .row-review .review-container .review .rating-col .rating {
    position: absolute;
    bottom: 20px;
    left: 10px;
}

.reviews .container-flex .row-review .review-container .review.collapsed {
    height: auto!important
}

.reviews .container-flex .row-review .review-container .review.collapsed .shadow:after {
    background: none!important
}

@media (max-width:768px) {
    .reviews .container-flex {
        width: unset;
    }
    .reviews .container-flex:first-child {
        float: unset;
    }
    .reviews .container-flex .row-review {
        padding: 0
    }
    .reviews .container-flex .row-review .review-container {
        width: 100%;
        padding: 0 15px;
    }
}
@media (max-width: 991px){
    header .headbar .wrapper {
        position: fixed;
        background: #fff;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 5;
        box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
        justify-content: space-between;
        height: 70px;
        padding: 0 20px;
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
    }
    header .headbar .wrapper .logo-wrapper{
        flex-grow: 1;
        text-align: center;
    }
    header .headbar .wrapper .lazy {
        display: inline;
        max-height: 50px;
    }
}
.q-checkbox {
    display: flex;

    outline: none;
    position: relative;
    padding-right: 10px;
    margin-bottom: 5px;
}

.q-checkbox-label {
    cursor: pointer;
    color: #000;
    font-weight: 400;
    margin: 0 2px
}
.q-checkbox input[type="radio"], .q-checkbox input[type="checkbox"]{
    margin: 0;
}
.kss-captcha{display: flex;}
.q-checkbox-inner {
    display: inline-block;
    width: 14px;
    height: 14px;
    position: relative;
    top: 2px;
    left: 0;
    border: 1px solid #d7dde4;
    border-radius: 2px;
    background-color: #fff;
    transition: border-color .2s ease-in-out, background-color .2s ease-in-out
}

.q-checkbox-inner:after {
    content: "";
    display: table;
    width: 4px;
    height: 8px;
    position: absolute;
    top: 1px;
    left: 4px;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    transform: rotate(45deg) scale(0);
    transition: all .2s ease-in-out
}

.q-checkbox-inner:focus {
    outline: 0;
    box-shadow: 0 0 5px #2db7f5
}

.q-checkbox-input {
    cursor: pointer;
    opacity: 1
}

.q-checkbox.q-checkbox-checked .q-checkbox-inner {
    border-color: #39f;
    background-color: #39f
}

.q-checkbox.q-checkbox-checked .q-checkbox-inner:after {
    content: "";
    display: table;
    width: 4px;
    height: 8px;
    position: absolute;
    top: 1px;
    left: 4px;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    transform: rotate(45deg) scale(1);
    transition: all .2s ease-in-out
}

.q-checkbox.q-checkbox-disabled .q-checkbox-inner {
    border-color: #eee;
    cursor: not-allowed
}

.q-checkbox.q-checkbox-disabled .q-checkbox-label {
    color: #c3cbd6
}

.q-checkbox.q-checkbox-checked.q-checkbox-disabled .q-checkbox-inner {
    border-color: #70b8ff;
    background-color: #70b8ff
}
.categories {
    padding-left: 0
}

.categories>li {
    cursor: pointer;
    color: #0d2b41;
    font-size: 15px;
    margin-bottom: 15px
}

.categories>li h3 {
    padding: 0;
    margin: 0
}

.categories .category {
    overflow: hidden;
    padding-bottom: 8px
}

.categories .category .childrens {
    transition: all .3s ease
}

.categories .category .childrens .category {
    font-size: 13px;
    line-height: 18px
}

.categories .category ul {
    padding-left: 0
}
.case.gray .box{background-color: #fff;padding: 15px;
                margin: 20px 0;}
.case.gray .text-orange{float: left;}
.text-center .icon.text-orange+div{display: inline;}
.text-center .icon.text-orange+div p{display: inline-block;}
div.button.button-warning{
    width: 130px;
    margin: 0 auto;
    cursor: pointer;
}
.admin_action{
    display: flex;
    flex-direction: row-reverse;
}
.admin_action input[type="checkbox"]{margin-right: 5px;}
.childrens{margin-top: 20px;}
.activate{
    border-radius: 5px; 
}