@font-face {
    font-family: Roboto-Light;
    src: url('/static/fonts/roboto/Roboto-Light.ttf');
}@font-face {
    font-family: Roboto-Regular;
    src: url('/static/fonts/roboto/Roboto-Regular.ttf');
}@font-face {
    font-family: T-StarPro;
    src: url('/static/fonts/T-StarPro.otf');
}

/* especially for ie */
@font-face {
    font-family: 'TStarProBold';
    src: url('/static/fonts/TStarProBold.eot');
    src: url('/static/fonts/TStarProBold.eot') format('embedded-opentype'),
    url('/static/fonts/TStarProBold.woff2') format('woff2'),
    url('/static/fonts/TStarProBold.woff') format('woff'),
    url('/static/fonts/TStarProBold.ttf') format('truetype'),
    url('/static/fonts/TStarProBold.svg#TStarProBold') format('svg');
}
/**/
@font-face {
    font-family: T-StarPro-Bold;
    src: url('/static/fonts/T-StarPro-Bold.otf');
}@font-face {
    font-family: T-StarPro-Light;
    src: url('/static/fonts/T-StarPro-Light.otf');
}@font-face {
    font-family: T-StarPro-Medium;
    src: url('/static/fonts/T-StarPro-Medium.otf');
}@font-face {
    font-family: 'Roboto Light';
    url('/static/fonts/roboto/Roboto-Light.ttf') format('truetype'),
}

.font-roboto-light {
    font-family: 'Roboto Light', Sans-Serif;
}

/* main */

body {
    justify-content: space-between;
    font-family: Roboto-Light, sans-serif;
    font-size: 14px;
}

.remove-bg{
    mix-blend-mode: multiply;
    filter: contrast(1);
}

.geksagon .pagination, .geksagon .pagination span {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    color: #0056b3;
}

.navbar .logo img {
    max-width: 100%;
}

.navbar-toggler {
    height: auto;
}

.mw-250{
    max-width: 250px;
}
label {
    margin: 0;
}
.mt10{
    margin-top: 10px;
}
.mt20{
    margin-top: 20px;
}
.mb20{
    margin-bottom: 20px;
}
.md0{
    margin-bottom: 0;
}
.sidebar-head {
    margin-top: 20px;
    margin-bottom: 5px;
    font-size: 20px;
}

.fs2rem{
    font-size: 2rem;
}

.fs-18 {
    font-size: 18px;
}

.fs-20 {
    font-size: 20px;
}

.fs-22 {
    font-size: 22px;
}

.fs-25 {
    font-size: 25px;
}
.fs-30 {
    font-size: 30px;
}
.fs-50 {
    font-size: 50px;
}

.line-height-normal {
    line-height: normal;
}

.line-height-0 {
    line-height: 0;
}

.page .card, .dev-tabs-wrap .card,
.dev-tabs-wrap .card-header:first-child {
    border-radius: 0;
}

.word {
    word-break: break-word;
}

.collapse.show {
    display: flex !important;
    padding-bottom: 10px;
}

.all-text-left * {
    text-align: left !important;
}

/* navigation */

.navbar-light .navbar-nav .nav-link {
    padding-top: 0;
    padding-bottom: 0;
    font-family: 'TStarProBold', sans-serif;
    color: #000;
    font-size: 14px;
    text-transform: uppercase;
}

.navbar #navbarSupportedContent li.dropdown:hover>ul.dropdown-menu {
    display: block;
    margin-top: 0;
}

.search {
    display: inline-block;
    width: 100% !important;
    padding: 2px 2px 1px 30px;
    font-family: Roboto-Regular, sans-serif;
    background: url("../images/search-icon.png") 3% 50% no-repeat;
    border: 1px solid #D4D4D4;
    border-radius: .25rem 0 0 .25rem;
    font-size: 12px;
}
.search-form input[type=submit]{
    padding: 0 3px;
}
.city-wrap, .login-wrap, .basket-wrap, .compare-wrap {
    /*position: relative;*/
    /*#fff-space: nowrap;*/
}

.city, .login, .basket, .compare-btn, .compare-a {
    position: relative;
    padding: 0;
    font-family: T-StarPro, sans-serif;
    /*width: 42px;*/
    margin-right: 22px;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 1.8;
    border: none;
    background: none;
    cursor: pointer;
}

.basket {
    margin-right: 0;
}

.compare-btn {
    margin-right: 0;
}

.login, .basket, .compare-btn {
    text-align: left;
}

.btn_hide_same, .characters-list>li>.btn-outline-secondary{
    overflow: hidden;
}
.characters-list>li>.btn-outline-secondary {
    white-space: normal;
}

.btn_hide_same{
    margin-bottom: 15px;
}
.login {
    /*padding-left: 14px;*/
}

#signup{
    min-height: 600px;
}

#city .modal-body, #login .modal-body, #signup .modal-body, #reset_password .modal-body{
    padding: 15px 15px 4px;
}

.city-wrap .fa-sort-down:before, .city-wrap .fa-sort-desc:before {
    content: "\f0dd";
    top: 50%;
    right: -10px;
    margin: -10px 0 0;
    position: absolute;
}

.correct, .other-region, .enter {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 110px;
    height: 30px;
    margin: 12px auto;
    font-family: T-StarPro-Bold, sans-serif;
    font-size: 14px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    background: #3a7fc9;
    border: none;
    border-radius: 0;
    cursor: pointer;
}

.other-region {
    text-transform: capitalize;
    font-size: 12px;
    color: #1D1D1B;
    background: none;
}

.ask {
    font-family: Roboto-Regular, sans-serif;
    font-size: 14px;
    text-align: center;
}

a:hover {
    transition: 0.15s;
}

.modal.user-form .modal-body a:hover div {
    color: #3a7fc9;
}

.modal .btn-outline-primary.cart.btn-block {
    color: #fff;
    background-color: #007bff;
}

.modal .btn-outline-primary.cart.btn-block:hover {
    background-color: transparent;
    color: #007bff;
}

.modal-content {
    border: none;
    border-radius: 0;
    -webkit-box-shadow: 0 -1px 20px 0 rgba(0,0,0,0.25);
    -moz-box-shadow: 0 -1px 20px 0 rgba(0,0,0,0.25);
    box-shadow: 0 -1px 20px 0 rgba(0,0,0,0.25);
}

#city .fa, #login .fa, #signup .fa {
    position: absolute;
    top: -26px;
    margin: 0 auto;
    left: 0;
    right: 0;
    width: 20px;
    height: 20px;
    z-index: 1;
}
#city .fa-caret-up:before,
#login .fa-caret-up:before,
#reset_password .fa-caret-up:before,
#signup .fa-caret-up:before {
    content: "\f0d8";
    color: #fff;
    font-size: 38px;
}


/* pbx */

#pbx-main-container {
    background-color: #3a7fc9
}

#pbx-form-container {
    box-shadow: 0 0 5px 5px rgba(56, 101, 216, 0.1);
}

#pbx-phone-icon:hover, #pbx-email-icon:hover {
    background-color: #275ae0;
}


#pbx-form-container button {
    background-color: #3a7fc9;
}

#pbx-form-container button:hover {
    color: #3a7fc9;
    border: solid 1px #3a7fc9;
}

#pbx-form-container button:active {
    background-color: #3a7fc9;
    box-shadow: 0 0 0 .2rem rgba(56, 101, 216, 0.1);

}


 /*Это стили анимации тани */

@-webkit-keyframes zcwmini {
    0% {
        box-shadow: 0 0 4px 3px rgba(207, 8, 8, 0), 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(207, 8, 8, 0);
    }
    10% {
        box-shadow: 0 0 4px 3px #a9cdff, 0 0 12px 10px rgba(0, 0, 0, 0), 0 0 0 0 #a9cdff;
    }
    100% {
        box-shadow: 0 0 4px 3px rgba(207, 8, 8, 0), 0 0 0 40px rgba(0, 0, 0, 0), 0 0 0 20px rgba(207, 8, 8, 0);
    }
}

@-moz-keyframes zcwmini {
    0% {
        box-shadow: 0 0 4px 3px rgba(207, 8, 8, 0), 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(207, 8, 8, 0);
    }
    10% {
        box-shadow: 0 0 4px 3px #a9cdff, 0 0 12px 10px rgba(0, 0, 0, 0), 0 0 0 0 #a9cdff;
    }
    100% {
        box-shadow: 0 0 4px 3px rgba(207, 8, 8, 0), 0 0 0 40px rgba(0, 0, 0, 0), 0 0 0 20px rgba(207, 8, 8, 0);
    }
}

@keyframes zcwmini {
    0% {
        box-shadow: 0 0 4px 3px rgba(207, 8, 8, 0), 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(207, 8, 8, 0);
    }
    10% {
        box-shadow: 0 0 4px 3px #a9cdff, 0 0 12px 10px rgba(0, 0, 0, 0), 0 0 0 0 #a9cdff;
    }
    100% {
        box-shadow: 0 0 4px 3px rgba(207, 8, 8, 0), 0 0 0 40px rgba(0, 0, 0, 0), 0 0 0 20px rgba(207, 8, 8, 0);
    }
}

@-webkit-keyframes zcwmini2 {
    0% {
        box-shadow: 0 0 6px 5px rgba(207, 8, 8, 0), 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(207, 8, 8, 0);
    }
    10% {
        box-shadow: 0 0 6px 5px #a9cdff, 0 0 12px 10px rgba(0, 0, 0, 0), 0 0 0 0 #a9cdff;
    }
    100% {
        box-shadow: 0 0 6px 5px rgba(207, 8, 8, 0), 0 0 0 40px rgba(0, 0, 0, 0), 0 0 0 30px rgba(207, 8, 8, 0);
    }
}

@-moz-keyframes zcwmini2 {
    0% {
        box-shadow: 0 0 6px 5px rgba(207, 8, 8, 0), 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(207, 8, 8, 0);
    }
    10% {
        box-shadow: 0 0 6px 5px #a9cdff, 0 0 12px 10px rgba(0, 0, 0, 0), 0 0 0 0 #a9cdff;
    }
    100% {
        box-shadow: 0 0 6px 5px rgba(207, 8, 8, 0), 0 0 0 40px rgba(0, 0, 0, 0), 0 0 0 30px rgba(207, 8, 8, 0);
    }
}

@keyframes zcwmini2 {
    0% {
        box-shadow: 0 0 6px 5px rgba(207, 8, 8, 0), 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(207, 8, 8, 0);
    }
    10% {
        box-shadow: 0 0 6px 5px #a9cdff, 0 0 12px 10px rgba(0, 0, 0, 0), 0 0 0 0 #a9cdff;
    }
    100% {
        box-shadow: 0 0 6px 5px rgba(207, 8, 8, 0), 0 0 0 40px rgba(0, 0, 0, 0), 0 0 0 30px rgba(207, 8, 8, 0);
    }
}

.scrollable-container {
    max-height: 50vh;
    overflow-y: auto;
}

#login h4, #signup h4, #reset_password h4{
    font-family: T-StarPro-Light, sans-serif;
    font-size: 14px;
}

#login .modal-body, #signup .modal-body, #reset_password .modal-body {
    padding: 25px 20px;
}

#login input, #signup input, #reset_password input{
    display: block;
    height: 30px;
    width: 100%;
    margin: 0 auto 10px;
    padding-left: 10px;
}
#login .enter, #signup .enter{
    display: block;
    margin: 10px auto 15px;
    width: 100%;
    height: 30px;
}

#login a, #signup a, #login a {
    /*font-family: Roboto-Light, sans-serif;*/
    font-size: 12px;
}
#login .modal-footer,
#signup .modal-footer,
#reset_password .modal-footer{
    justify-content: flex-start;
    border: none;
    padding: 5px 25px;
}

#login .modal-footer {
    justify-content: space-between;
    padding: 15px 20px;
    border: 1px solid #e9ecef;
}

li.header-phone > a {
    color: #3a7fc9;
}

li.header-phone {
    color: #3a7fc9;
    font-family: T-StarPro-Bold, sans-serif;
    font-size: 14px;
}

.header-time {
    font-size: 12px;
}

.navbar-expand-lg .navbar-collapse {
    flex-wrap: wrap;
}

.scroller {
    position: relative;
}

.product-price-block {
/*    text-align: right; */
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    opacity: 1;
}

form input.disabled,
form div.disabled,
form button.disabled,
form a.disabled {
    opacity: 0.5;
    cursor: initial;
    pointer-events: none;
}

label.product {
    display: block;
    /*color: var(--gray);*/
}


.image_main_slide{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}


.min-height150{
    min-height: 150px;
}



/**/
.search-block.search-block-project .block-list-nap img {
    width: 100%;
}

/* main slider */
.home-slider-wrapper{
    width:100%;
}

.slider-block {
    position: relative;
}

.slider-inf {
    position: absolute;
    left: 100px;
    top: 0;
    height: 100%;
    width:350px;
    padding: 36px 28px 0;
    background-color: rgba(91,90,90, .7);
    z-index: 2;
}

.slider-inf h2 {
    margin-bottom: 24px;
    font-family: T-StarPro-Bold, sans-serif;
    color: #fff;
    font-size: 25px;
    text-transform: uppercase;
}

.slider-inf .text {
    font-family: Roboto-Regular, sans-serif;
    color: #fff;
    font-size: 14px;
}

/* products*/

.home-projects {
    background-color: #f1f4f6;
}
.home-projects a:hover{
    color: rgba(0,0,0,0.7);
    text-decoration: none;

}

.device-wrap {
    min-height: 230px;
}

.devname {
    font-family: T-StarPro-Bold, sans-serif;
    font-size: 20px;
    text-transform: uppercase;
}

.description-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 230px;
    padding: 0 12px !important;
}

.devdescription {
    font-family: Roboto-Regular, sans-serif;
    font-size: 14px;
    line-height: 1.2 !important;
}

.devlogo, .devname, .devdescription {
    /*margin-bottom: 30px;*/
}

.devlogo {
    max-width: 149px;
    width: 100%;
}

/* news & atricles */

.vertical-line {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #fff;
    width: 22px;
    height: 100%;
}

.news-articles-wrap {
    position: relative;
    margin-top: 20px;
    background-color: #F1F4F6;
}

.news, .articles {
    padding: 36px 0 40px 56px !important;
}

.articles .row {
    margin-right: 0;
}

.news {
    padding: 36px 0 40px 60px !important;
}

.news h2, .articles h2 {
    margin-bottom: 20px;
    font-family: T-StarPro-Medium, sans-serif;
    font-size: 20px;
    text-transform: uppercase;
}

.news h2 span, .articles h2 span {
    font-family: Roboto-Light, sans-serif;
    font-size: 14px;
    text-transform: none;
}

.news-list .list-item,
.article-list .list-item {
    overflow: hidden;
    margin-bottom: 10px;
    font-family: Roboto-Regular, sans-serif;
    font-size: 14px;
}

.news-list .list-item:last-child,
.news-description,
.article-list .list-item:last-child {
    margin-bottom: 0;
}

.list-item .news-date {
    font-family: Roboto-Regular, sans-serif;
    font-size: 10px;
}

.news-description {
    float: left;
    width: 80%;
}

.side-news-articles .news-description {
    width: 100%;
}

.side-news-articles .news-list,
.side-news-articles .article-list {
    padding-right: 0;
}

/* all-news-articles */

.all-news-articles .device-list-wrap {
    padding-right: 0;
    padding-left: 0;
}

.side-news-articles .news,
.side-news-articles .articles {
    padding: 15px !important;
}

/* footer */

footer a, footer p, footer span {
    font-family: Roboto-Light, sans-serif !important;
}

footer .container-fluid.footer-wrap {
    padding: 0 60px;
    background-color: #3C3C3B;
}

footer .row {
    min-height: 120px;
}

footer h4.header {
    font-family: Roboto-Light, sans-serif;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.2;
    color: #212529;
}

footer .text {
    margin-bottom: 0;
    font-family: Roboto-Regular, sans-serif;
    font-size: 12px;
    color: #B0B0B0;
}

footer .license, footer .footer-contacts {
    padding: 38px 0;
}

footer .footer-contacts {
    text-align: right;
    color: #fff;
}

footer .footer-contacts a:nth-child(2){
    margin: 0 10px;
}

footer .footer-contacts i,
footer .footer-contacts a:hover,
footer .footer-contacts a:hover i {
    color: #fff;
    text-decoration: none;
}

footer .footer-phone, footer .footer-address {
    font-family: T-StarPro-Bold, sans-serif;
    font-size: 14px;
    color: #fff;
}

.product-page .booking {
    max-width: 50%;
}

/* sidebar + device list */

.main-col {
    padding: 24px 60px 0;
}

.alert-warning.main-col {
    padding-bottom: 24px;
    border-radius: 0;
}

.disc, .balance-full, .balance-half, .balance-third, .plus, .menu-up {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url('../images/icons2.png') 65% 76% no-repeat;
    background-size: 35px;
}

/* sidebar-block */

.sidebar-wrap {
    margin-bottom: 40px;
    padding-left: 0;
}

.sidebar-block, .sidebar-block-btn {
    position: relative;
    padding: 12px 16px;
    border: 1px solid #dcdcdc;
    border-bottom: none;
}

.sidebar-block-btn {
    padding: 0;
    background: none;
}

.sidebar-block-btn a {
    padding: 16px;
}

.sidebar-block-btn i {
    float: right;
    margin-top: -4px;
}

.sidebar-block:last-child, .sidebar-block-btn {
    border-bottom: 1px solid #dcdcdc;
}

.sidebar-block .clps:hover {
    text-decoration: none;
}

.clps {
    height: 20px;
}

.fa {
    display: inline-block;
}

.projects-list #sidebar-projectNextArrow{
    bottom: -10px;
}

.filter-list {
    margin-top: 10px;
}

.plus {
    margin-left: 20px;
    width: 16px;
    height: 16px;
    background-position: 50% 20%;
    background-size: 31px;
}

.filter-data-ranges input {
    padding-left: .25rem;
    padding-right: .25rem;
}

.menu-up {
    position: absolute;
    right: 16px;
    width: 32px;
    height: 20px;
    background-position: 62% 88%;
    background-size: 58px;
}

.addbutton {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 0 auto;
    padding: 8px 10px 8px 16px;
    font-size: 12px;
    color: #000;
    background: none;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
}

/**/

.custom-radios div {
    display: inline-block;
}

.custom-radios input[type="radio"] {
    display: none;
}

.custom-radios input[type="radio"] + label {
    color: #333;
    font-family: Arial, sans-serif;
    font-size: 14px;
}

.custom-radios input[type="radio"] + label span {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: -5px 4px 0 0;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    text-align: center;
}

.custom-radios input[type="radio"] + label span i {
    opacity: 0;
    transition: all 0.3s ease;
    margin: -13px 0 0 1px;
    display: inline-block;
    height: 18px;
    width: 16px;
    background: url('../images/icons2.png') 50% 4% no-repeat;
    background-size: 34px;
}
.custom-radios input[type="radio"] + label span {
    background-color: #fff;
}

.custom-radios input[type="radio"]:checked + label span i {
    opacity: 1;
    margin: -13px 0 0 1px;
}

.custom-radios input[type="radio"]:checked + label span {
    background: #d8f0f8;
}

.a-position-relative{
    position: relative;
    z-index: 1000;
}

.title-position-relative{
    position: absolute;
    bottom: 0;
    width: 100%;
    top: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    opacity: 0;
    transition: .3s;
}
.title-bg-position-relative {
    background-color: #3a7fc9;
    width: 100%;
    height: 100%;
}
.title-text-position-relative {
    width: 100%;
    min-height: 42px;
    top: auto;
    padding: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: rgba(58,127,201, .8);
}
a .title-text-position-relative span, a:hover .title-text-position-relative span{
    color: #fff;
    font-size: 12px;
}
.a-position-relative a:hover .title-position-relative{
    opacity: 1;
    transition: .1s;
}
.a-position-relative a:hover .title-position-relative .title-bg-position-relative{
    opacity: .8;
}

.tooltip.tooltip-custom-filter {
    /*width: 500px !important;*/
}
.tooltip.tooltip-custom-filter .tooltip-inner {
    padding: 10px;
    text-align: left;
    background-color: #ebebeb;
    border: none;
    max-width: 300px;
    width: 100%;
}
.tooltip.tooltip-custom-filter .tooltip-inner *:last-child {
    margin-bottom: 0;
}

/**/

.custom-radios {
    height: 20px;
    margin-bottom: 6px;
}

.label-wrap {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}

.sidebar-block input[type=checkbox] {
    display:none;
}

.sidebar-block input[type=checkbox] + label {
    display:inline-block;
    margin-right: 20px;
    height: 18px;
    width: 18px;
    background: #fff;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
}
.sidebar-block input[type=checkbox]:checked + label {
    position: relative;
    background: #d8f0f8;
    background-size: 34px;
}
.sidebar-block input[type=checkbox]:checked + label:after {
    position: absolute;
    content: '';
    display: inline-block;
    height: 18px;
    width: 16px;
    background: url('../images/icons2.png') 50% 4% no-repeat;
    background-size: 34px;
    top: -4px;
    left: 1px;
}

.label-text {
    font-size: 12px;
    margin-left: 12px;
}

/* device-list-wrap */

.catalog-header-block {
    margin-bottom: 20px;
    padding: 20px 10px 1px;
    background: #3a7fc9;
}

.short-description-wrap {
    margin: 20px 0;
    border-bottom: 1px solid #3a7fc9;
}

.short-description-wrap:last-child {
    margin-bottom: 40px;
    border-bottom: none;
}

.big-price, .cart_total.price.price-primary-color .uzs-icon, .product_total .uzs-icon {
    font-weight: 800;
    font-size: 24px;
}

.price+.fas.fa-ruble-sign{
    color: #575756;
    font-size: 22px;
}

.product-form .cart_total i.fa-ruble-sign {
    position: relative;
    left: -3px;
}

span.price.big-price i {
    font-size: 22px;
}

.price-primary-color {
    color: #009fe3 !important;
}

.product-page .device-list-wrap .price span.user-price, .place_price_block .price span.user-price{
    font-size: 40px;
    line-height: 47px;
    color: #009FE3;
    font-family: Roboto-Regular, sans-serif;
}

.arrowPrev-p{
    left: -20px;
}

.arrowNext-p{
    right: -20px;
}

.category-card .title {
    font-size: 20px;
    font-weight: 600;
}

.category-card > a:hover {
    color: #000;
}

.top-menu,
.top-menu > .top-level > .childs {
    background-color: #f5f6f7;
}

.top-menu {
    border-radius: 10px;
}

.top-menu > .top-level > .childs {
    z-index: 5;
    display: none;
    width: 16vw;
    box-shadow: 0px 0px 30px -15px rgba(0,0,0,0.75);
}

.top-menu > .top-level > .childs > a:hover {
    color: #3a7fc9;
}

.top-menu > .top-level:last-child > .childs {
    right: -50%;
}

.top-menu + .breadcrumb {
    margin-bottom: 0;
}

.category-type {
    font-size: 18px;
    font-weight: 600;
    color: #627282;
    border-bottom: 3px solid #004ed800;
    text-transform: uppercase;
}

.category-type:hover,
.category-type.active {
    background-color: #009fe309;
    color: #3a7fc9;
    border-bottom: 3px solid #3a7fc9;
    transition: 0.15s;
}

.glider {
    scrollbar-width: none;
}

.pop-prod a:hover {
    text-decoration: none;
}

.pop-prod .arrowPrev-p {
    left: 5px;
}

.pop-prod > .position-relative,
.categories-list,
.filters-list {
    width: 84vw;
}

.pop-header {
    margin-bottom: 10px;
    text-align: left;
    font-size: 16px;
}

.pop-prod-btn {
    background-color: #cacaca;
    border-radius: 5px;
    color: #000;
    font-size: 18px;
}

.pop-prod-btn:hover {
    background-color: #0d95e8;
}

.pop-prod-link-wrapper {
    position: relative;
    border: 1px solid #cacaca;
    border-radius: 15px;
    width: 200px;
    height: 280px;
}

.pop-prod-link-wrapper > .link-list a>div ,
.pop-prod-link-wrapper > .link-list .btn-group > span {
    border-radius: 12px;
}

.pop-prod-link-wrapper > .link-list .btn-outline-secondary:not(:hover) {
    background-color: #fff;
    font-size: 14px;
}

.pop-prod-link-wrapper > .link-list .btn-outline-secondary:hover {
    font-size: 14px;
}

.pop-prod-link-wrapper > img {
    border-radius: 15px;
    z-index: -1;
    width: 200px;
    height: 200px;
}

/*.pop-prod .glider-slide {*/
/*    max-width: 250px;*/
/*}*/

.pop-prod .glider-slide:last-child .pop-prod-link-wrapper {
    background-color: #00000055;
}

.pop-prod .glider-slide:last-child .pop-prod-link-wrapper > a:hover {
    color: #000;
}

.pop-prod-link-wrapper > .link-list {
    position: absolute;
    width: 60%;
    bottom: 50px;
    display: none;
    left: 20%;
}

.pop-prod-link-wrapper > .link-list a
{
    display: block;
}

.pop-prod-link-wrapper:hover {
    border-color: #3a7fc9;
    transition: 0.15s;
}

.pop-prod-link-wrapper:hover > .link-list {
    display: block;
}

.pop-prod-link-wrapper > .prod-desc {
    bottom: 15px;
}

.pop-prod-link-wrapper > .prod-desc > .pop-prod-price,
.pop-prod-link-wrapper > .pop-prod-title,
.quiz-win.result .final.active .product .quiz-price
{
    font-size: 14px;
    font-weight: 600;
}

.pop-prod-link-wrapper > .prod-desc > .pop-prod-price,
.quiz-win.result .final.active .product .quiz-price
{
    color: #3a7fc9;
}

.pop-prod-title {
    width: 80%;
    overflow:hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
    margin-left: auto;
    margin-right: auto;
}

.pop-prod .see-all > i.fa-chevron-right {
    font-size: 140px;
    color: white;
    border: 10px solid #fff;
    padding: 10px;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    position: absolute;
    opacity: 30%;
}

.pop-prod .see-all > :first-child {
    font-size: 30px;
    font-weight: 900;
    color: #fff;
    z-index: 1;
}

.pop-prod > .position-relative > :first-child,
.pop-prod > .position-relative > :first-child > .slick-list,
.pop-prod > .position-relative > :first-child > .slick-list > .slick-track,
.filters-list,
.filters-list > .slick-list,
.filters-list > .slick-list > .slick-track,
.categories-list,
.categories-list > .slick-list,
.categories-list > .slick-list > .slick-track {
    display: flex;
    width: 100%;
}

.pop-prod > .position-relative > :first-child > .slick-list > .slick-track,
.filters-list > .slick-list > .slick-track,
.categories-list > .slick-list > .slick-track {
    margin: 0;
}

.categories-list ~ a,
.filters-list ~ a {
    position: absolute;
}

.categories-list ~ a:first-of-type,
.filters-list ~ a:first-of-type {
    left: 25px;
}

.categories-list ~ a:nth-of-type(2),
.filters-list ~ a:nth-of-type(2) {
     right: 30px;
}

.arrows-p.disabled {
    display: none;
}

.pop-prod .arrows-p ,
.categories-list ~ a ,
.filters-list ~ a {
    top: 40%
}

.pop-prod .arrowPrev-p {
    left: 5px;
}

.pop-prod .arrowNext-p {
    right: -44px;
}

.slick-title {
    text-align: left;
    font-size: 36px;
    font-weight: 600;
}

.slick-title > a:hover {
    color: #000;
}

.slick-title + span {
    text-decoration: underline;
    /*visibility: hidden;*/
}

.pop-prod:hover > div:first-child > span:last-child {
    visibility: visible;
}

.slick-title + span > a:hover {
    color: #000;
}

@media all and (max-width: 991px) {
    .slick-title.line-height-0 {
        line-height: 1;
    }
}

.filters-list.glider {
    margin: 0;
}

.filter-card > div {
    border-radius: 15px;
}

.filter-card .filter-title,
.filter-card .filter-title a
{
    font-size: 18px;
    font-weight: 600;
    color: #fff;
}

.filter-card .filter-link {
    display: inline-block;
    font-size: 14px;
    background-color: #0000000f;
    color: #fff;
    border-radius: 20px;
    padding: 4px 12px;
    border: 1px solid #fff;
    z-index: 2;
}

.filter-card a:hover > .filter-link {
    color: #000;
    background-color: #ffff;
    box-shadow: 0px 13px 25px -10px rgba(0,0,0,0.75);
    transition: 0.15s;
}

.filter-card > div > div {
    z-index: 1;
}

.filter-card > div > img {
    position: absolute;
    top: 10%;
    width: auto;
    height: 80%;
    right: 15px;
    opacity: 0.2;
    z-index: 0;
}

#modal-cart .modal-title {
    font-weight: 600;
}

#modal-cart .payment .form-check:last-child,
#modal-cart .delivery .form-check:last-child
{
    margin-bottom: 0;
}

#quiz-modal {
    display: none;
    background-color: #fffe;
    position: fixed;
    z-index: 100;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

#quiz-starter > .loader,
.quiz-callback .loader,
#find_company_form .loader,
form.company-register .loader,
.bill .loader,
#quiz-starter > .fail,
.quiz-callback .success,
.quiz-callback .failure
{
    display: none;
}

#quiz-starter > .loader,
.quiz-callback .loader,
.quiz-win .final .loader,
.bill .loader,
form.company-register .loader,
#find_company_form .loader
{
    position: relative;
    width: auto;
    height: 100%;
    top: -30px;
}

#quiz-starter > .loader.active,
.quiz-win .final :not(.quiz-callback) .loader
{
    display: inline;
}

.quiz-callback .loader.active,
.bill .loader.active,
form.company-register .loader.active,
#find_company_form .loader.active
{
    display: block;
}

.quiz-callback .fa-check {
    color: #014dd6;
}

.quiz-callback .fa-exclamation-triangle {
    color: #bd081d;
}

#quiz-starter > .loader div,
#find_company_form .loader div,
form.company-register .loader div,
.bill .loader div,
.quiz-callback .loader div,
.quiz-win .final .loader div
{
    display: inline-block;
    position: absolute;
    left: 8px;
    width: 16px;
    background: #014dd6;
    animation: ldr 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}

.quiz-win .final .loader {
    width: 80px;
    margin: auto;
}

#quiz-starter > .loader div:nth-child(1),
#find_company_form .loader div:nth-child(1),
form.company-register .loader div:nth-child(1),
.bill .loader div:nth-child(1),
.quiz-win .final .loader div:nth-child(1)
{
    left: 8px;
    animation-delay: -0.24s;
}

#quiz-starter > .loader div:nth-child(2),
#find_company_form .loader div:nth-child(2),
form.company-register .loader div:nth-child(2),
.bill .loader div:nth-child(2),
.quiz-win .final .loader div:nth-child(2)
{
    left: 32px;
    animation-delay: -0.12s;
}

#quiz-starter > .loader div:nth-child(3),
#find_company_form .loader div:nth-child(3),
form.company-register .loader div:nth-child(3),
.bill .loader div:nth-child(3),
.quiz-win .final .loader div:nth-child(3)
{
    left: 56px;
    animation-delay: 0;
}

@keyframes ldr {
    0% {
        top: 8px;
        height: 64px;
    }
    50%, 100% {
        top: 24px;
        height: 32px;
    }
}

.quiz-win {
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0 0 30px -8px rgba(0,0,0,0.75);
    /*max-width: 750px;*/
    /*min-width: 250px;*/
    min-height: 250px;
}

.quiz-win > .close {
    fill: #014dd6;
    right: 1.5rem;
    top: 1.5rem;
    z-index: 999;
}

.quiz-win .quiz-header>:first-child,
.quiz-win .category-choice
{
    font-size: 20px;
    font-weight: 700;
}

.quiz-header>:last-child {
    font-size: 14px;
    font-weight: 300;
}

.quiz-win .group a:hover {
    color: #000;
}

.quiz-win .answer,
.quiz-win .quiz-category

{
    border: 2px solid #cacaca;
    border-radius: 10px;
}

.quiz-win .answer.active,
.quiz-win .answer:hover,
.quiz-win .quiz-category:hover
{
    border-color: #014dd6;
}

.quiz_question .title {
    font-size: 14px;
}

.quiz_question.active {
    /*transition: visibility 333ms, color 333ms;*/
    /*visibility: visible;*/
    /*color: #000;*/
}

.quiz_question:not(.active) {
    /*transition: visibility 333ms, color 333ms;*/
    /*color: #fff;*/
    /*visibility: hidden;*/
    display: none;
}

.quiz-win .final:not(.active) {
    display: none;
}

.quiz-win .final.active {
    display: flex;
}

.quiz-win.result {
    max-width: initial;
    /*min-width: 400px;*/
}

.quiz-win.result .final.active .product {
    border: 1px solid #cacaca;
    border-radius: 16px;
}

.quiz-win.result .final.active a .product:hover {
    border-color: #009DE1;
    transition: 0.15s;
}

.quiz-win.result .final.active a:hover {
    color: #000;
}

.quiz_question .back {
    cursor: pointer;
}

#download_bill .company_result {
    border-top: 1px solid #e9ecef;
}

.product-booking-btn-block {
    min-height: 0px;
}

.product-booking-btn-block div[class^=col] {
    /* padding: 0; */
    /*margin-bottom: .5rem;*/
}

.sku-price span.user-price {
    font-size: 16px;
}

.oneclick-elem {
    white-space: initial;
}

.fancybox-image-wrap {
    background: #FFF;
}

/* postheader-slider */

.postheader {
    padding: 10px;
    background-color: #F1F4F6;
}
.postheader-div {
    border: 6px solid #009DE1;
}

.postheader-block{
    padding: 10px;
}

.postheader-block .block-wrap {
    background-color: #fff;
}
.postheader-block>a>p {
    margin-bottom: 0;
}
.postheader .slick-track{
    margin-left: 0;
    margin-right: 0;
}
.postheader-slider .slick-track {
    display: flex;
    align-items: start;
}

.postheader-slider .slick-next {
    right: 0;
}
.postheader-slider .slick-prev {
    left: 0;
    z-index: 100;
}

/* characters */
.characters .block-wrap {
    margin-bottom: 20px;
}

.block-wrap .name {
    font-size: 20px;
    font-weight: bold;
}

.character-head {
    width: 210px;
}
.same_height>.character-head {
    height: 100%;
}

.characters-list li {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;

    font-size: 12px;
    text-align: center;
    background-color: #F1F4F6;
    padding: 10px;
}

.characters-headers li {
    justify-content: flex-start;
    padding-left: 12px;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
}

.wrap-content {
    background-color: #fff;
}
.wrap-content .text {
    margin-bottom: 0;
    font-size: 10px;
}

.compare-slider .slick-prev {
    left: -11px;
    top: 14%;
}
.compare-slider .slick-next {
    right: -10px;
    top: 14%;
}

.compare .slick-track {
    /*float: left;*/
}

.border-color {
    border: 8px solid #009DE1;
}
.list-color {
    background-color: #BBF5FF;
}


/* sidebar-gallery */
.sidebar-gallery {
    margin-bottom: 65px;
    border: 1px solid #dcdcdc;
}


/* sidebar slider */
.sidebar-carousel,
.sidebar-carousel-project {
    margin: 30px auto;
}

.sidebar-carousel .slick-prev,
.sidebar-carousel-project .slick-prev {
    top: -44px;
    left: 42%;
    transform: rotate(90deg);
}
.sidebar-carousel-project .slick-prev {
    top: -30px;
}
.sidebar-carousel .slick-next,
.sidebar-carousel-project .slick-next {
    right: 48%;
    top: 97%;
    transform: rotate(90deg);
}
.sidebar-carousel-project .slick-next {
    top: 98%;
}

/* youtube */
.youtube-links {
    margin: 16px auto 50px;
}
.youtube-links li > img {
    margin-bottom: 20px !important;
}

/* dev-tabs */
.dev-tabs-wrap {
    margin-bottom: 40px;
}

.nav-tabs.dev-tabs {
    margin-bottom: 10px;
    border-bottom: none;
}

.dev-tabs .item {
    margin-bottom: 10px;
    background-color: #F1F4F6;
}
.dev-tabs .item:last-child {
    margin-bottom: 0;
}
.dev-tabs .item a {
    display: block;
    padding: 10px;
    font-size: 16px;
    font-weight: bold;
}
.dev-tabs .item a:hover,
.dev-tabs .card-header a {
    text-decoration: none;
    color: #000;
}
.dev-tabs .item.active {
    background-color: #009DE1;
}

.page .dev-tabs .card-header {
    background-color: #F1F4F6;
}

.dev-tabs .card-header {
    padding: 0;
}
.dev-tabs .item.active a {
    color: #fff;
}

.page .dev-tabs .card-header a {
    color: #000;
}

.dev-tabs .card-header a {
    padding: .75rem 1.25rem;
}
.tab-content-wrap {
    padding-top: 8px;
    border: 10px solid #009DE1;
}

.metro-row .m-shadow {
    box-shadow: 1px 1px 7px 0 #eee;
    /*padding: 5px 15px;*/
    border: #eee 1px solid;
    height: 100%;
}

.metro-row .m-shadow:hover{
    box-shadow: 1px 1px 7px 0 #ccc;
}

.metro-row .m-shadow:hover .indescription {
    color: #353535;
}

.metro-row > div{
    margin-bottom: 30px;

}

/* projects */
.proj-img {
    height:232px;
}
.proj-content {
    padding: 14px 20px 18px;
}
.proj-head {
    color: #fff;
    background-color: rgba(0,0,0, .5);
    padding: 15px;
    margin-bottom: 0;
    bottom: 0;
    position: absolute;
    font-size: 20px;
}
.proj-content .text {
    font-size: 14px;
}

.sqere{
    height: 100%;
    width: 100%;
}


/* equipment-wrap */
.equipment-wrap {
    margin-bottom: 40px;
}
.equipment-wrap .fa {
    margin-right: 10px;
}

.equipment ul {
    margin-left: 20px;
}

.equipment ul li {
    list-style-type: disc;
}

/* support-wrap */

.support-wrap [class^=col] {
    padding: 0;
}

.support-wrap dd {
    margin-bottom: 8px;
}

.support-wrap dt {
    margin-top: 14px;
    margin-bottom: 10px;
    color: #888;
}

.support-block-wrap .device-list-wrap {
    box-shadow: 1px 1px 7px 0 #eee;
    border: #eee 1px solid;
}

.row_property_icons{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
    height: 60px;
}
.row_property_icons .catalog_property_icon{
    flex-basis: 30px;
    transition: 1s;
}
.row_property_icons .catalog_property_icon:hover{
    flex-basis: 60px;
    transition: .1s;
}

.hide_same .issame{
    display: none !important;
}

/* compare */

.compare .characters-list li,
.compare-list li {
    min-height: 48px;
    height: auto;
}
.compare-list li {
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
    background-color: #F1F4F6;
    padding: 10px;
}

.compare .compare-list li:last-child {
    background-color: transparent;
}

.compare-list .compare-head {
    background-color: transparent;
    padding: 10px 15px;
}

.compare-list .compare-head a {
    margin-right: 6px;
}

.compare-list.slick-slide.slick-cloned + .compare-list.slick-slide:not(.slick-cloned) li:not(.compare-head),
.compare-list.slick-slide:not(.slick-cloned) + .compare-list.slick-slide.slick-cloned li:not(.compare-head) {
    border-left: #b5d4ee 2px solid;
}

.hidden {
    display: none;
}

.product_all_property .slick-track {
    margin-left: initial;
    margin-right: initial;
}

/* cart */
.order-progress {
  padding: 20px 0;
}

.icon {
	padding: 0.5em;
    color: #fff;
    background-color: #dadada;
    /*clip-path: circle();*/
    font-size: 32px;
}

.icon-big {
    /*width: 30vmin;*/
    /*max-height: 100px;*/
    /*min-height: 50px;*/
}


.icon-ok {
    color: #009fe3;
    background-color: #fff;
    padding: 0;
}

.dash {
	background: #dadada;
	height: 2px;
    width: 100%;
}

.toggle {
  background-color: #009fe3;
}

.icon-2nd {
    background-color: #fff;
    color: #009FE3;
    border: 2px solid #009FE3;
}

.icon-active {
    background-color: #0082CB;
    opacity: 0.5;
    transition: 0.15s;
}

.icon-active-accent {
  background-color: #0082CB;
    opacity: 1;
    transition: 0.15s;
}


.drop-text-size {
    font-family: Roboto-Light, sans-serif;
	font-size: 14px;
}

.product-form {
    border: 1px solid #dadada;
    height: 100%;
  /*margin-bottom: 30px;*/
}

.pop-prod-min-width {
    min-width: 100px;
}

.product-form .btn.disabled {
    color: #5d5d5d;
    border: 1px solid #dadada;
}

.inner-header a {
	color: #fff;
}

small.text-muted {
    font-size: medium;
}

.recycle {
    padding: 5px;
    border-radius: 50%;
    border: 1px solid;
    margin-right: 10px;
    font-size: 12px;
}


row.position-relative {
 clear: both;
 padding-bottom: 55px;
}


.inner-header {
    /*background-color: #3c3c3b;*/
    background-color: #dadada;
    padding: 15px;
    min-height: 50px;
}


.inner-header-text {
  color: #000;
  font-size: 25px;
}


.notcart-header {
  color: black;
  background-color: #dadada;
  /*padding: 15px 15px;*/
}


.cart-button {
    /*position: absolute;*/
    color: #fff;
    background-color: #0082CB;
    border: 1px solid #0082CB;
    height: 50px;
    font-weight: bold;
    font-size: 25px;
    cursor: pointer;
    bottom: -5rem;
    transition: 0.15s;
}

.cart-button:hover {
    background-color: #0076b5;
}

.cart-button:not([disabled]):not(.disabled):active {
    border: 1px solid #0076b5;
    box-shadow: 0 0 0 0.2rem rgba(0, 118, 181, 0.5);
}

.cart-button:focus {
    outline: none;
}


.cart-devider {
  border-top: 2px solid #dadada;
  margin: 15px;
}


.dashed-bottom-border {
    border-bottom: 1px dashed;
}


/* side user icon */

.side-user-icon-block-auth {
    background: #3a7fc9;
}

.athenticated {
    overflow: hidden;
    display:block;
    text-overflow: ellipsis;
    #fff-space: nowrap;
    max-width: 98px;
}

/* project */

.project-link {
    margin-bottom: 26px;
    position: relative;
    min-height: 250px;
    border: none !important;
}

.project-link:hover {
    text-decoration: none;
}

.project_item .proj-head {
    flex: 0 0 auto;
    font-size: 20px;
    margin-bottom: 0;
}

/* profile */

.profile-block input,
.reset-pass input,
.signup input {
    width: 100%;
    height: 38px;
    display: block;
    padding: 2px 10px;
}

.bank {
    margin-top: 20px;
}

.bank input {
    display: block;
    padding: 2px 10px;
    width: 100%;
    height: 38px;
}

.requisites {
    margin-top: 20px;
}

.leader {
    margin: 0 0 30px
}

.profile-header a {
    display: flex;
    justify-content: center;
    /*align-self: center;*/
    color: #3a7fc9;
    /*border: 1px solid #fff;*/
    flex-direction: column;
    opacity: 0.75;
}

.profile-header a > svg > path {
    /*fill: #3a7fc9;*/
}

/*.profile-header a i {*/
/*    align-self: center;*/
/*}*/

/*.profile-header a:hover {*/
/*    color: #fff;*/
/*    text-decoration: none;*/
/*    background-color: #73abdd;*/
/*    border: 1px solid #73abdd;*/
/*}*/

/*.profile-header a:hover > svg > path {*/
/*    fill: #fff;*/
/*}*/

/*.profile-header a.active {*/
/*    color: #fff;*/
/*    background-color: #3a7fc9;*/
/*    border: 1px solid #3a7fc9;*/
/*}*/

/*.profile-header a.active > svg > path {*/
/*    fill: #fff;*/
/*}*/

/*.profile-header a.active + p{*/
/*      color: #3a7fc9;*/
/*}*/
.profile-header a + p{
    margin-top:5px;
    color: #6B9FD6;
}

.tabs-hover {
}

/* ACTIVE TAB*/
.tabs-hover.active {
    background-color: #3a7fc9;
    opacity: 1;
}

.tabs-hover a.active {
    color: #fff;
    opacity: 1;
}

.tabs-hover.active:hover {
    background-color: #3a7fc9;
    opacity: 1;
}
/* END ACTIVE TAB*/

.tabs-hover:hover a {
    color: #ffff;
    opacity: 1;
}

.tabs-hover:hover {
    background-color: #3a7fc9;
    opacity: 0.5;
    transition: 0.15s;
}

/*.profile-header .fa-university {*/
/*    font-size: 4.3em;*/
/*}*/

/*.profile-header div{*/
/*    display: inline-table;*/
/*}*/

.scroller div > a + div {
    display: inline;
}

/* side menu */

#sidebar-about {
    margin-bottom: 26px;
}

/* main contact */

.contacts .catalog-header-block {
    line-height: initial;
    color: #fff;
}

.main-contact h4 {
    border-bottom: 1px solid #cdcdcd;
}

img.captcha{
    margin-bottom: 1em;
}


/* Bootstrap Extensions */
.margin-15{
    margin: 15px;
}

.modal#choose-region i.fa.fa-caret-up {
    display: none;
}

.btn-submit{
    background: #009DE1;
    border-radius: 0;
    color: #ffffff;
}

.pointer{
    cursor: pointer;
}

/* geksagon css*/


a:hover {
    text-decoration: none;
}

/* services */

.container.service-list {
    max-width: 1206px;
    margin: 10px auto 30px;
    position: relative;
}
#canvas_home_menu{
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}


.service-list .col-lg-auto {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

.services {
    display: flex;
    flex-direction: column;
    font-family: T-StarPro, sans-serif;
    align-items: center;
    justify-content: flex-start;
    margin: 30px auto 0;
    min-width: 210px;
    min-height: 200px;
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
}

.submenu{
    min-width: 185px;
    text-transform: none;
    font-size: 17px;
}

.services:hover {
    color: #009fe399;
    text-decoration: none;
}

.services .service-icon {
    display: block;
    margin: 0 auto 20px;
    width: 156px;
    height: 156px;
    background-size: auto;
    background-position: 50%;
    background-repeat: no-repeat;
    background-color: #E1F9FF;
    border-radius: 50%;
}
.submenu .submenu-icon {
    display: block;
    margin: 0 auto 20px;
    width: 135px;
    height: 135px;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #E1F9FF;
    border-radius: 50%;
    box-shadow: 0 0 0 0 #009fe399;
}
.submenu:hover .submenu-icon {
    box-shadow: 0 0 0 5px #009fe399;
    transition: .5s;
}

.services:hover .service-header {
    color: #353535;
}

.services .service-icon:hover {
    background-color: #009fe399;
    transition: 0.15s;
}

/*#service-pbx-form #id_file,*/
.pbx-form-input-fields #id_file,
#service-pbx-form label[for="id_captcha_1"] {
    display: none;
}

.btn-geksagon, .btn-geksagon:hover, .btn-geksagon-gray, .btn-geksagon-gray:hover{
    display: block;
    background-color: #3a7fc9;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    padding: 0.5em;
    text-decoration: blink;
}

.city-wrap:hover span, .city-wrap:hover .fa,
.basket-wrap:hover a, .compare-a:hover *,
.main-search:hover, .main-search:hover .fa
.compare-a:hover {
    color: #888;
    text-decoration: none;
}

.city-inactive {
    position: relative;
    padding: 0;
    font-family: T-StarPro, sans-serif;
    /*width: 42px;*/
    margin-right: 22px;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 1.8;
    border: none;
    background: none;
    cursor: default;
}

.slider-inf .text > * {
    font-family: Roboto-Regular, sans-serif;
    color: #fff;
    font-size: 14px;
}

.slick-dots {
    bottom: 25px;
}

.slick-disabled {
    display: none !important;
}

.slick-dots li button:before {
    color: #3a7fc9;
    font-size: 15px;
}

.slick-dots li.slick-active button:before {
    color: #3a7fc9;
}

.navbar {
    padding-left: 60px;
    padding-right: 60px;
}

.navbar #navbarSupportedContent * {
    letter-spacing: 0.05em;
}

.navbar #navbarSupportedContent ul > li.nav-item:hover > a.nav-link,
.navbar #navbarSupportedContent ul > li > ul > li:hover > a.nav-link
{
    color: #888;
}

.navbar #navbarSupportedContent .nav-item:hover svg>path {
    fill: #888;
}

.navbar #navbarSupportedContent .nav-item.colored *,
.navbar #navbarSupportedContent .nav-item.colored svg {
    color: #3a7fc9;
    fill: #3a7fc9;
}

.navbar #navbarSupportedContent .nav-item.colored *:hover {
    color: #3a7fc9;
    fill: #3a7fc9;
}

.navbar #navbarSupportedContent i.fa {
    font-size: 1.4rem;
}

.navbar .navbar-toggler > .fa-bars,
.navbar .navbar-toggler.collapsed > .fa-times
{
    display: none;
}

.navbar .navbar-toggler.collapsed > .fa-bars,
.navbar .navbar-toggler > .fa-times
{
    display: block;
}

.navbar .header-phone .header-phone-code {
    font-size: 14px;
}

.navbar .header-phone .header-phone-num {
    font-size: 13px;
}

@media all and (min-width: 576px){
    .navbar .header-phone .header-phone-num {
        font-size: 18px;
    }
}

.container-fluid {
    padding-left: 0;
    padding-right: 0;
}
.sliderArrow {
    position: absolute;
    z-index: 100;
    left:15px;
}
.sliderArrow+.sliderArrow {
    left: inherit;
    right: 15px;
}
.sliderArrow[id^='postheader']{
    margin-top: 35px;
}
.slick-prev:before, .slick-next:before{
    color: #dcdcdb;
    z-index: 5;
}
.slick-arrow{
    z-index: 5;
}
.slick-next {
    right: 10px;
}
.slick-prev {
    left: 10px;
}

.nav-tabs .nav-link-youtube, .nav-tabs .nav-link-youtube.active, .nav-tabs .nav-item.show .nav-link-youtube, .nav-link-youtube:focus, .nav-link-youtube:hover {
    background-color: #FF0000;
    color: #FFF;
    border: none;
    border-top-left-radius: initial;
    border-top-right-radius: initial;
}
.nav-tabs .nav-link-vimeo, .nav-tabs .nav-link-vimeo.active, .nav-tabs .nav-item.show .nav-link-vimeo, .nav-link-vimeo:focus, .nav-link-vimeo:hover {
    background-color: #00ADEF;;
    color: #FFF;
    border: none;
    border-top-left-radius: initial;
    border-top-right-radius: initial;
}

.image_main_slide{
    max-width: 100%;
}
.blank_image_in_main_slider img{
    max-width: 100%;
}

.video:before {
    content: "\f144";
    font-family: "Font Awesome\ 5 Free";
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #eee;
    font-size: 30px;
    width: 100%;
    height: 100%;
    top: 50%;
    line-height: 0;
    position: absolute;
    text-align: center;
    opacity: 0.7;
}
.video:hover {
    text-decoration: blink;
}

.slick-slide .text-center img {
    display: inline;
}

.product-page .product-tags span {
    background-color: #E0E0E0;
    border-radius: 1em;
    display: inline-block;
    padding: 2px 8px;
    margin: 5px 0;
    color: #fff;
}


.has-error {
    border-left: 7px solid #c82333;
}

.has-error span {
    color: #c82333;
}

/**/

.footer-reestr img {
    -webkit-filter: grayscale(1) brightness(2);
    filter: grayscale(1) brightness(2);
    width: 200px;
    height: auto;
}

.one-click-buy-price .skus-sum:after, .quantity .skus-sum:after {
    content: "\00a0\00a0";
}

.one-click-buy-price i, .quantity i {
    margin: auto 0;
    color: #009fe3;
    font-size: 18px;
}

.product_total i, .cart_total i {
    font-size: 20px;
}

.big-price, .cart_total.price.price-primary-color .kzt-icon, .product_total .kzt-icon {
    font-size: 24px;
}

.big-price, .cart_total.price.price-primary-color .kgs-icon, .product_total .kgs-icon {
    font-size: 24px;
}

.price-primary-color+i {
    color: #009fe3 !important;
}