body {
    font-family: 'Open Sans', sans-serif;
    color: #353535;
    font-size: 13px;
    background-color: #f6f5f3;
}

.container {
    background: #fff;
}

.main-menu {
    text-align: center;
    margin-top: 0px;
    -webkit-padding-start: 0px;
}

#header .navbar-default {
    background-color: #fff;
    border-color: #fff;
}

#header .navbar-default .navbar-nav > .active > a {
    background-color: #fff;
}

#header .navbar {
    min-height: 20px;
    margin-bottom: 0px;
}

ul.yiiPager {
    width: 30%;
    text-align: center;
    margin: 0 auto;
}

#header a.but, .user-row-md a {
    background: #fff;
    border: solid 1px #eee;
    padding: 7px 0px;
    width: 100%;
    height: 35px;
    display: inline-block;
    text-decoration: none;
    color: #333;
    transition: all 200ms ease-out;
}

#header a.but:hover {
    background: #1976D2;
    border: solid 1px #1976D2;
    color: #fff;
}

#header .gray-line button:hover {
    background: #1976D2;
    color: #fff;
    transition: all 200ms ease-out;
}

.btn-primary:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
    transition: all 200ms;
}

#header button:hover {
    background: #1976D2;
    border: solid 1px #1976D2;
    color: #fff;
}

.user-row-md {
    margin-bottom: 15px;
}

.user-row-md a {
    display: inline-block;
}

.user-row {
    display: inline-block;
    padding-bottom: 12px;
}

.logo-head img {
    width: 100% !important;
    margin-top: 15px;
}

.ornament {
    display: inline-block;
    width: 70%;
    height: 35px;
    background: url('/../images/header_bg.png');
    text-align: right;
    padding: 8px;
    background-size: cover;
}

.ornament-bg a {
    color: #333;
    text-decoration: none;
}

#menu-left .glyphicon {
    font-size: 12px;
}

/*.menu-item{*/

/*display: inline-block;*/
/*width: 90px;*/
/*margin: 10px 0px 10px 16px;*/
/*}*/

.menu-item a {
    text-decoration: none;
}

.color-one, .color-two, .color-three, .color-four, .color-five {
    background: #0088CD;
}

.color-two i, .color-five i, .color-three i {
    top: 40% !important;
}

.color-six {
    background: #7EB900;
}

.color-one:hover, .color-two:hover, .color-three:hover, .color-four:hover, .color-five:hover, .color-six:hover {
    background: #046C98;
    transition: all 200ms ease-out;
}

.menu-item:last-child {
    margin-right: 0px;
}

.menu-link {
    display: block;
    text-decoration: none;
}

.menu-title {
    height: 80px;
    display: block;
    text-align: center;
    color: #fff;
    position: relative;
}

.menu-title .glyphicon, .menu-title i {
    font-size: 28px;
    position: absolute;
    top: 50%;
    right: 0px;
    margin-top: -13px;
    width: 100%;
}

.item-title {
    padding: 5px 0px 0px 0px;
    display: block;
    margin-bottom: 20px;
    text-align: center;
}

#header .nav > li > a, #header .nav .open > a {
    border: solid 1px #fff;
    color: #0071C5;
    font-size: 14px;
}

#header .nav .open > a, #header .nav .open > a:focus, #header .nav > li > a:visited {
    background-color: #fff;
    cursor: pointer;
    border: solid 1px #fff;
}

#header .nav .open > a, #header .nav .open > a:focus, #header .nav .open > a:hover {
    background-color: #fff;
    color: #42A5F5;
    cursor: pointer;
    border-top: solid 1px #eee;
    border-left: solid 1px #eee;
    border-right: solid 1px #eee;
    border-bottom: none;
    z-index: 11;
}

#header .nav > li > a:focus, #header .nav > li > a:hover {
    background-color: #fff;
    color: #42A5F5;
    cursor: pointer;
    border: solid 1px #fff;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    color: #0071C5;
    text-decoration: none;
    background-color: #fff;
}

#header .navbar-nav > li > .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    z-index: 10;
}

.dropdown-menu {
    border: solid 1px #eee;
    z-index: 1;
    border-radius: 0px;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .175);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .175);
}

.dropdown-menu > li > a {
    display: block;
    padding: 10px 20px;
    clear: both;
    font-weight: 400;
    color: #929090;
}

@media (min-width: 768px) {
	.eye {display:none;  !important}
    .navbar-nav > li > a {
        padding-top: 7px;
        padding-bottom: 7px;
    }
}

.gray-line {
    background: #f6f5f3;
    padding: 9px 10px;
}

.phone {
    background: #0088CD;
    color: #fff;
    text-align: center;
    font-size: 17px;
    width: 35px;
    padding: 7px 0px;
    height: 35px;
    margin-right: 8px;
}

.bottom-number {
    z-index: 1000;
    text-align: center;
    width: 100%;
}

.number-phone {
    padding-right: 0px;
}

.number-phone, .working-time, .phone {
    display: inline-block;
}

.number-phone, .working-time {
    margin-top: -2px;
}

.number-phone a {
    font-weight: bold;
    color: #999999;
    text-decoration: none;
}

.working-time {
    color: #999999;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 16px;
}

.name {
    margin-top: 10px;
}

.name h1 {
    font-size: 17px;
    font-weight: bold;
    color: #005A9D;
}

.sm-menu .navbar-nav {
    font-size: 30px;
}

.sm-menu .navbar-toggle {
    padding: 29px 22px;
    border: none;
    border-radius: 0px;
}

.sm-menu .navbar-toggle .icon-bar {
    width: 50px;
    height: 5px;
    border-radius: 1px;
}

.sm-menu .phone {
    background: #1565C0;
    color: #fff;
    text-align: center;
    font-size: 38px;
    width: 60px;
    padding: 7px 0px;
    height: 60px;
    margin-right: 0px;
    float: left;
}

.wrapper {
    padding: 0px 15px;
    background: #fff;
    margin: 0 auto;
    box-sizing: border-box;
}

.gray-line input {
    display: inline-block;
    border: solid 1px #d4d4d4;
    height: 35px;
	/* width: 100%; */
	flex: 5;
    padding-left: 10px;
    -moz-border-radius: 0px;
}
.input-btn {
    width: 35px;
    color: #fff;
    height: 35px;
    padding-top: 8px;
    background: #015A9E;
    margin-left: -5px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
}

#name-search {
    border-radius: 0px;
    -moz-border-radius: 0px;
}

.input-btn:hover {
    color: #fff;
}

#header .gray-line button {
	width: 35px;
}

#header .gray-line button, .btn-primary {
    height: 35px;
    display: inline-block;
    color: #fff;
    border: none;
    background: #7EB900;
    border-radius: 0px;
}
#header .gray-line form#search_form{
	display: flex;
}


.main-widjet {
    margin-bottom: 20px;
}

#footer, #footer a {
    color: #fff;
}

#footer .container, #footer {
    background: #0088CD;
}

.copyright {
    background: none !important;
    padding-top: 9px;
    padding-bottom: 9px;
}

.copyright-text {
    margin-top: 15px;
}

/*#footer {*/
/*left: 0;*/
/*position: relative;*/
/*bottom: 0;*/
/*width: 100%;*/
/*z-index: 1;*/
/*}*/

/*#footer:after,*/
/*#footer:before {*/
/*content: "";*/
/*display: block;*/
/*height: 100%;*/
/*position: absolute;*/
/*bottom: 0;*/
/*width: 50%;*/
/*}*/

/*#footer:after {*/
/*background-color: #005497;*/
/*right: 0;*/
/*}*/

/*#footer:before {*/
/*background-color: #0062A8;*/
/*left: 0;*/
/*}*/

.logo-footer {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    padding: 15px 0px;
}

.logo-footer img {
    max-width: 97px;
    float: left;
    margin-top: 14px;
}

.footer-blue {
    background: #0088CD;
    min-height: 200px;
    z-index: 100;
    padding: 15px 15px;
}

.footer-blue ul {
    -webkit-padding-start: 0;
    -moz-padding-start: 0px;
}

.footer-blue ul li {
    list-style: none;
    margin-bottom: 10px;

}

#content h1.block-header {
    font-size: 20px;
    font-weight: bold;
    color: #333;
    margin-top: 0px;
    margin-bottom: 20px;
}

#content .date {
    color: #1976D2;
    font-style: italic;
    font-size: 14px;
    margin-bottom: 20px;
}

h2, h3, h4, h5, h6 {
    font-weight: bold;
    color: #333;
    font-size: 19px;
}

h3 {
    font-size: 18px;
}

h4 {
    font-size: 17px;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 15px;
}

.text-desc {
    font-size: 14px;
}

.block-header {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
}

.descriptions, .type-page {
    font-size: 14px;
}

#slider {
    display: block;
}

#slider .carousel-inner {
    width: 100%;
    height: 380px;
    overflow: hidden;
}

#full_width {
    margin-top: 20px;
}

.pager li > a, .pager li > span {
    display: inline-block;
    padding: 8px 20px;
    background-color: #fff;
    /*border: 1px solid #ddd;*/
    border: solid 1px #2196F3;
    border-radius: 0px;
}

.carousel-inner > .item > a > img, .carousel-inner > .item > img {
    width: 100%;
    height: 380px;
}

.guide {
    cursor: pointer;
}

#slider .quote {
    position: absolute;
    left: 0%;
    right: 26%;
    bottom: 20px;
    padding: 10px 24px;
    line-height: 21px;
    color: #FFF;
    background: rgba(0, 0, 0, 0.66);
}

#slider .quote-text {
    margin-top: -21px;
}

#slider .quote h2 {
    font-size: 17px;
    line-height: 19px;
    text-transform: uppercase;
    margin: 0;
    padding: 10px 0px 15px 0px;
    color: #fff;
    font-weight: 700;
}

#slider .quote p {
    line-height: 18px;
    margin-bottom: 0px;
    padding-right: 50px;
}

.right i.fa-angle-right, .left i.fa-angle-left {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    font-size: 30px;
    border: solid 1px #fff;
}

.right i.fa-angle-right {
    right: 35px;
    padding: 1px 8px 1px 11px;
}

.left i.fa-angle-left {
    left: 35px;
    padding: 1px 11px 1px 8px;
}

.line-heading {
    height: 35px;
    color: #fff;
    background: url('../images/news_bg.png');
    padding: 7px 15px;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 700;
}

.line-heading a {
    float: right;
    color: #fff;
    text-decoration: underline;
    font-size: 14px;
    font-weight: normal;
}

.event-block .line-heading {
    background: url('../images/mess_bg.png');
}

.short-news, .tile-block {
    height: 260px;
    position: relative;
    z-index: 1;
    /*position: relative;*/
    margin-bottom: 30px;
}
.order-services .delete-service{
    display: none;
}

.puzzle img {
    height: 195px;
}

.puzzle h3 {
    margin-top: 0px;
}

.puzzle a {
    text-decoration: none;
}

#content .puzzle .date {
    font-size: 13px;
    margin-bottom: 8px;
}

#content .puzzle .read-more {
    background: #f5f5f5;
    padding: 5px 10px;
    color: #1976D2;
    margin-top: 5px;
    display: inline-block;
}

#content .puzzle .read-more:hover {
    background: #347BB1;
    color: #fff;
    transition: all ease-in-out 200ms;
}

.tab1 .tile-block {
    height: 300px;
    position: relative;
    margin-bottom: 30px;
}

.tab1 .tile-block:hover .tile {
    height: 300px;
}

.lead-news, .tile {
    position: absolute;
    bottom: 0px;
    /*background: rgba(0, 113, 197, 0.62);*/
    background: rgba(255, 255, 255, 0.72);
    width: 100%;
    padding: 8px 15px 15px 15px;
    max-height: 120px;
    overflow: hidden;
    /*transition: 200ms linear;*/
}

.lead-text {
    visibility: hidden;
    opacity: 0;
    transition: visibility 100ms linear 0ms, opacity 100ms linear;
    margin-top:25px;
    padding: 0px 20px 0px 0px;
    /*transition: all ease-in-out 1s;*/
    /*position: absolute;*/
    width: 100%;
    font-size: 14px;
}

.lead-news h5, .tile h5 {
    color: #347BB1;
}

.short-news:hover .lead-news, .tile-block:hover .tile {
    max-height: 300px;
}

.lead-news:hover .lead-text, .tile-block:hover .lead-text {
    visibility: visible;
    opacity: 1;
    transition-delay: 100ms;
}

.lead-news a, .tile a {
    color: #347BB1;
    text-decoration: none;
}

.lead-news h5, .tile h5 {
    font-weight: bold;
    font-size: 16px;
    margin-top: 0px;
    margin-bottom: 10px;
    line-height: 21px;
}

.short-news img, .tile-block img {
    width: 100%;
    height: inherit;
}

.btn-news {
    position: absolute;
    top: 58px;
    left: 85px;
}

.btn-news a {
    color: #fff;
    text-decoration: none;
}

.btn-news-box {
    padding-top: 5px;
    width: 45px;
    height: 45px;
    color: #fff;
    font-size: 24px;
    background: rgba(0, 113, 197, 0.62);
    text-align: center;
    display: inline-block;
}

.events-block {
    background: #FFFFFF;
    /* padding: 20px 20px; */
    height: 260px;
    margin-bottom: 30px;
    width: 100%;
    overflow: hidden;
}

.events-block a {
    text-decoration: none;
    color: #005A9D;
    display: block;
}

.events-block a:hover {
    color: #0088CD;
    transition: all 500ms;
}

.main-widjet a {
    text-decoration: none;
    color: #fff;
    display: block;
}

.event {
    margin-bottom: 8px;
}

.event hr {
    margin-bottom: 3px;
    margin-top: 0px;
}

.date-event {
    width: 55px;
    height: 55px;
    color: #fff;
    background: #0088CD;
    text-align: center;
    padding: 7px;
}

.event:hover .date-event {
    background: #7EB900;
    transition: all 500ms;
}

.events-list .date-event {
    margin-right: 15px;
}

.event-desc {
    font-size: 13px;
    padding-left: 15px;
    height: 56px;
    overflow: hidden;
}

.item-day {
    font-size: 18px;
    font-weight: bold;
}

.width100 {
    width: 100%;
}

.main-widjet {
    height: 260px;
    background: #0088CD;
    width: 100%;
    padding: 20px;
}

.widjet-icon {
    font-size: 30px;
    float: left;
    width: 22%;
}

.widjet-icon i {
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    -webkit-transition: all 500ms ease-out;
}

.main-widjet:hover .widjet-icon i {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.widjet-header {
    float: left;
    width: 78%;
}

.mini-body {
    color: #333;
    /*padding: 15px;*/
}

.mini-head {
    background: #027DBB;
    font-size: 14px;
    color: #fff;
    padding: 15px;
}

.mini-body {
    border: solid 1px #0088CD;
}

.mini-body img {
    width: 100%!important;
}


.mini-body p {
    display:block;
    margin: 15px
}

.site-news ul {
    border: solid 1px #eee;
    margin-bottom: 30px;
}

.site-news .nav > li > a:focus, .site-news .nav > li > a:hover, .submenu li a:hover {
    background-color: #0071C5;
    border: solid 1px #0071C5;
    color: #fff;
    transition: all 200ms;
}

.site-news .nav-pills > li > a {
    border-radius: 0px;
    border: solid 1px #fff;
    position: relative;
}

.site-news .nav-pills > li .submenu {
    display: none;
}

.site-news .nav-pills > li:hover .submenu {
    display: block;
    z-index: 1000;
    background: #fff;
}

.submenu {
    position: absolute;
    left: 260px;
    width: 260px;
    -webkit-padding-start: 0px;
    top: -1px;
}

.submenu li {
    list-style: none;
}

.submenu li a {
    border: solid 1px #fff;
    position: relative;
    text-decoration: none;
    display: block;
    padding: 10px 15px;
}

#content {
    padding-top: 20px;
}

.breadcrumb {
    background: url('/../images/bk_bg.png');
    background-size: cover;
    border-radius: 0;
}

.site-news .nav > li > a:hover, .site-news .nav > li > a:focus {
    background-color: #0071C5;
    border: solid 1px #0071C5;
    color: #fff;
}

.site-news .nav-pills > li.active > a, .site-news .nav-pills > li.active > a:hover, .site-news .nav-pills > li.active > a:focus {
    background-color: #0071C5;
    border: solid 1px #0071C5;
    color: #fff;
}

.gov-line {
    margin-top: 20px;
    background: url('/../images/ornament_pattern.png');
    height: 40px;
    margin-bottom: 20px;
    margin-left: -15px;
    margin-right: -15px;
}

.my-slider .buttons {
    background: #fff !important;
    color: #B2B2B2 !important;
}

.my-slider .viewport {
    width: 1050px !important;
}

.my-slider {
    margin: 0px 0px 20px 0px !important;
}

.overview {
    -webkit-padding-start: 0px;
}

.my-slider .overview li {
    margin: 0 10px 0 0;
    height: 62px !important;
    border: none;
    width: 160px !important;
}

.my-slider .buttons {
    margin: 14px 10px 0 0 !important;
}

.my-slider .viewport {
    float: left;
    width: 368px;
    height: 62px !important;
    overflow: hidden;
    position: relative;
}

.tab-content {
    margin-bottom: 30px;
}

.contact-tab {
    padding-top: 20px;
}

.contact-tab .nav > li > a, .cabinet-tab .nav > li > a {
    border: solid 1px #eee;
    color: #0071C5;
    background: #fff;
}

.contact-tab .nav-tabs > li.active > a, .cabinet-tab .nav-tabs > li.active > a {
    color: #555;
    cursor: default;
    background-color: #f1f1f1;
    border: 1px solid #ddd;
    border-bottom-color: #f1f1f1;
}

.contact-tab .tab-content, .cabinet-tab .tab-content {
    margin-top: 20px;
}

.contact-tab .required {
    padding-left: 10px;
}

.contact-container {
    background: #f1f1f1;
    padding-top: 30px;
    padding-bottom: 30px;
}

.contact-tab .nav-tabs {
    -webkit-padding-start: 0%;
    -moz-padding-start: 0%;
    font-size: 18px;
    font-weight: bold;
}

.cabinet-tab .nav-tabs {
    font-size: 15px;
    font-weight: bold;
}

.contact-tab .nav-tabs > li > a, .cabinet-tab .nav-tabs > li > a {
    border-radius: 0px;
}

.cabinet-tab .nav-tabs > li > a {
    border-radius: 0px;
    color: #fff;
    background: #0071C5;
    margin-top: 1px;
    border-bottom: 1px solid #ccc;
}
.cabinet-tab .nav-tabs > li > a.active {
    border-radius: 0px;
    color: #0071C5;
    background: #fff;
    border-bottom: 1px solid #fff;

}


.contact-text-block {
    padding: 15px;
    background: #fff;
    min-height: 185px;
    margin-bottom: 30px;
}

.contact-container .container {
    background: #f1f1f1;
    width: 100%;
}

.site-news .min-widjet {
    margin-top: 30px;
}

.min-widjet {
    margin-bottom: 30px;
}

.site-news .min-widjet:first-child {
    margin-top: 0px;
}

#content .events {
    background: #f6f5f3;
    padding: 15px;
    margin-bottom: 30px;
    transition: all 200ms;
}

.gray-block select {
    display: inline-block;
    border: solid 1px #d4d4d4;
    color: #A9A9A9;
    border-radius: 0px;
    height: 35px;
}

#content .events:hover {
    background: #f6f6f6;
}

#content .events .date-and-time {
    background: rgba(255, 255, 255, 0.71);
    padding: 10px;
    color: #347BB1;
    font-weight: bold;
    text-align: center;
    margin-right: 10px;
    border: solid 1px rgba(52, 123, 177, 0.38);
}

#content .events h3 {
    margin: 0px;
}

#content .events a {
    color: #333;
    text-decoration: none;
}

.events-preview {
    padding-top: 15px;
}

#content .events .read-more {
    padding: 5px 10px;
    background: #7EB900;
    color: #fff;
    text-decoration: none;
    transition: all 200ms;
}

#content .events .read-more:hover {
    background: #3071a3;
}

.event-view .date, .event-view .time {
    float: left;
    color: #999;
    padding-right: 10px;
}

.table-name {
    background: #eee;
    padding: 15px;
}

.read-number {
    font-weight: bold;
}

td, th {
    padding: 10px;
}

.stat-red {
    color: #FF0000;
}

.stat-blue {
    color: #1976D2;
}

.stat-green {
    color: #7EB900;
}

.cabinet-tab .form-control {
    border-radius: 0px;
}

#tab3 thead, #tab4 thead {
    background: #E4E4E4;
    color: #676767;
    margin-bottom: 30px;
}

#tab3 tbody tr, #tab4 tbody tr {
    background: #eee;
}

#tab6 .panel-group .panel {
    border-radius: 0px;
}

#tab6 .panel-heading {
    background: #fff;
}

.cabinet-tab .btn-primary {
    margin-left: 15px;
}

#opac-filter-form .btn-primary{
    margin-left: 0px;
}

.tab-a a {
    display: inline-block;
    color: #1976D2;
    border: solid #999 1px;
    background: #fff;
    font-size: 16px;
    padding: 5px 15px;
    text-decoration: none;
    width: 100%;
}

.tab-a a.active {
    background: #fff;
}

.tab1 {
    background: #fff;
    padding: 20px 0px 0px 0px;
}

.tab1 h2 {
    color: #6e6e6e;
    text-decoration: none;
    margin-top: 0px;
    font-size: 25px;
}

.filters {
    background: #eee;
    padding: 15px;
    margin-bottom: 30px;
}

.filters input {
    display: inline-block;
    border: solid 1px #999999;
    height: 35px;
    padding-left: 10px;
    width: 80%;
}

.filters .input-btn {
    width: 35px;
    color: #fff;
    height: 35px;
    padding-top: 8px;
    background: #015A9E;
    margin-left: -5px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
}

.filters .active-btn {
    height: 35px;
    display: inline-block;
    color: #fff;
    border: none;
    background: #7EB900;
    width: 100%;
    border-radius: 0px;
    margin: 15px 0px;
}

.symbols {
    padding-top: 15px;
}

.symbols span {
    color: #015A9E;
    text-decoration: underline;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 10px;
    display: inline-block;
    padding-right: 10px;
    cursor: pointer;
}

.none-filters {
    background: #eee;
    border: solid 1px #7EB900;
    padding: 0px 13px;
    height: 35px;
    display: inline;
    text-decoration: none;
    color: #7EB900;
    transition: all 200ms ease-out;
}

.none-filters:hover {
    background: #7EB900;
    color: #fff;
}

.views {
    display: inline;
    color: #015A9E;
}

.point {
    color: #999;
    cursor: pointer;
    display: inline;
    padding: 0px 10px;
}

.result {
    display: inline;
}

.result span:last-child {
    padding-left: 15px;
}

.active-point {
    color: #015A9E;
}

.last-filters {
    line-height: 35px;
}

.exhib-page h1 {
    color: #4e4e4e;
}

.exhib-page img {
    max-width: 100%;
    padding-bottom: 15px;
}

.exhib-preview {
    font-weight: bold;
    padding-bottom: 15px;
}

/************************SERVICES*****************/

.services .panel-title {
    font-size: 14px;
}

.services .panel-title a {
    display: inline-block;
}

.services .panel-title .btn-primary {
    padding: 0px 10px;
    height: 25px;
    color: #fff;
    margin-top: -5px;
    line-height: 24px;
}

.services #accordion .panel-heading i {
    padding-right: 15px;
}

.services .text-chat {
    margin-bottom: 30px;
}

.create-order {
    background: #eee;
    padding: 15px;
    margin-top: 15px;
}

span.service-name {
    text-decoration: underline;
    font-size: 15px;
}

.descr-service {
    color: #7a7a7a;
    padding-top: 10px;
}

.service {
    border: solid 1px #999;
    padding: 5px 10px;
    margin-bottom: 10px;
    background: #fff;
}

.create-order .btn-default {
    border: solid 1px #d8d8d8;
    display: inline-block;
    padding: 8px 7px;
}

.gray-block {
    background: #eee;
    padding: 15px;
    margin-bottom: 15px;
}

.gray-block p:last-child {
    margin-bottom: 0px;
}

.tab1 .gray-block {
    padding: 20px 30px 0px 30px;
    margin-bottom: 30px;
}

.tab1 .gray-block h3 {
    text-align: center;
    color: #696969;
    margin-top: 0px;
    margin-bottom: 20px;
}

.ok-order {
    display: inline-block;
    border: solid 1px #7EB900;
    color: #7EB900;
    text-decoration: none;
    padding: 10px;
    width: 100%;
    text-align: center;
}

.price-service {
    font-weight: bold;
}

.chat {
    width: 100%;
    height: 400px;
    background: #eeeeee;
    padding: 15px 20px;
    margin-bottom: 15px;
}

.your-message, .answer {
    color: #fff;
    padding: 10px;
    border-radius: 4px;
    max-width: 600px;
    position: relative;
}

.your-message {
    background: #7EB900;
    float: left;
}

.message:first-child .your-message{
    /*font-weight: bold;*/
}

.answer {
    background: #42A5F5;
    float: right;
}

.text-chat {
    background: #eee;
    margin-top: 15px;
    padding: 15px;
}

.text-chat textarea {
    margin-bottom: 15px;
}

.contacts-form {
    padding: 0px 15px;
}

/************************SERVICES*****************/

.services .panel-title {
    font-size: 14px;
}

.services .panel-title a {
    display: inline-block;
}

.services .panel-title .btn-primary {
    padding: 0px 10px;
    height: 25px;
    color: #fff;
    margin-top: -5px;
    line-height: 24px;
}

.services #accordion .panel-heading i {
    padding-right: 15px;
}

.create-order {
    background: #eee;
    padding: 15px;
    margin-top: 15px;
}

span.service-name {
    text-decoration: underline;
    font-size: 15px;
}

.descr-service {
    color: #7a7a7a;
    padding-top: 10px;
}

.service {
    border: solid 1px #999;
    padding: 5px 10px;
    margin-bottom: 10px;
    background: #fff;
}

.create-order .btn-default {
    border: solid 1px #d8d8d8;
    display: inline-block;
    padding: 8px 7px;
    border-radius: 0px;
}

.create-order textarea {
    border-radius: 0px;
    margin-bottom: 15px;
}

.message {
    margin-bottom: 5px;
}

.gray-block {
    background: #f6f5f3;
    padding: 15px;
    margin-bottom: 15px;
}

.gray-block p:last-child {
    margin-bottom: 0px;
}

.ok-order {
    display: inline-block;
    border: solid 1px #7EB900;
    color: #7EB900;
    text-decoration: none;
    padding: 10px;
    width: 100%;
    text-align: center;
}

.price-service {
    font-weight: bold;
}

.chat {
    width: 100%;
    height: 400px;
    background: #eeeeee;
    padding: 15px 20px;
    margin-bottom: 15px;
}

.text-chat input {
    border-radius: 0px;
}

.your-message, .answer {
    color: #fff;
    padding: 10px;

    border-radius: 4px;
    position: relative;
}

.your-message {
    background: #7EB900;
    float: left;
}

.answer {
    background: #42A5F5;
    float: right;
}

.text-chat {
    background: #eee;
    margin-top: 15px;
    padding: 15px;
}

.text-chat textarea {
    margin-bottom: 15px;
}

.btn-xs-phone {
    padding: 5px 10px;
    background: #7EB900;
    color: #fff;
}

.number-phone .btn-xs-phone a {
    color: #fff;
}

#header .nav .open > a, #header .nav .open > a:focus, #header .nav .open > a:hover {
    background-color: #005A9D;
    color: #fff;
    cursor: pointer;
    border-top: solid 1px #eee;
    border-left: solid 1px #eee;
    border-right: solid 1px #eee;
    border-bottom: solid 1px #eee;
    z-index: 11;
}

.contact-tab .nav-tabs > li {
    width: 100%;
}

.main-menu .col-lg-2 {
    padding: 0px 20px !important;
}

.navbar-brand {
    float: left;
    height: 70px;
    padding: 25px 15px;
    font-size: 18px;
    line-height: 20px;
}

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

.xs-menu {
    padding: 0px 0px;
    float: left;
    height: 70px;
    font-size: 18px;
    line-height: 20px;
}

.xs-menu img {
    width: 110px;
    height: 70px;
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 12px 10px;
    margin-top: 15px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

#header .btn-group {
    width: 13%;
    margin-top: -2px;
}

#header a.but {
    margin-right: 5px;
}

.cslider-line a {
    display: inline-block;
    margin-right: 14px;
    width: 160px;
}

.cslider-line a:nth-child(4) {
    margin-right: 0px;
}

.cslider-line img {
    width: 100%;
    height: 62px;
}

.photogallery .group img {
    width: 200px;
}

.photogallery {
    line-height: 224px;
    height: 230px;
    text-align: center;
    margin-bottom: 10px;
    background: rgb(246, 245, 243);
    border: solid 1px rgba(210, 210, 210, 0.32);
}

.image-news {
    height: 200px;
    overflow: hidden;
    /*margin-bottom: 20px;*/
}

.image-news img {
    width: 100%;
    /*height: 200px;*/
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    -webkit-transition: all 1s ease-out;
}

.hidden-get-param{
    display: none;
}
/*******************RESPONSIVE********************/
@media (min-width: 768px) {
	.eye {display:none;  !important}
    .photogallery {
        line-height: 263px;
        height: 270px;
        text-align: center;
        margin-bottom: 10px;
        background: rgb(246, 245, 243);
        border: solid 1px rgba(210, 210, 210, 0.32);
    }
    .photogallery .group img {
        width: 255px;
    }

    .read {
        margin-bottom: 20px;
        height: 420px;
        cursor: pointer;
        font-size: 14px;
    }

    .main-menu {
        text-align: center;
        margin-top: 15px;
        -webkit-padding-start: 0px;
    }

    .main-menu .col-lg-2 {
        padding: 0px 10px !important;
    }

    .gray-line, .input-line {
        text-align: center;
    }

    /*.menu-item{*/
    /*width: 280px;*/
    /*margin: 10px 0px 10px 36px;*/
    /*}*/
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-color: #e7e7e7;
    }

    .menu-title {
        height: 150px;
    }

    .item-title {
        font-size: 20px;
        margin-bottom: 30px;
    }

    .menu-title .glyphicon, .menu-title i {
        font-size: 50px;
        top: 39%;
    }

    .name {
        margin-top: 10px;
    }

    .name h1 {
        font-size: 35px;
        font-weight: bold;
        color: #0088CD;
    }

    .navbar-brand {
        float: left;
        height: 50px;
        padding: 15px 15px;
        font-size: 18px;
        line-height: 20px;
    }

    .input-line {
        margin-top: 10px;
    }

    .wrapper {
        width: 100%;
    }

    .container {
        width: 100%;
    }

    .ornament {
        width: 76%;
        height: 60px;
        float: none;
    }

    #header a.but, .user-row-md a {
        /*padding: 13px 20px;*/
        width: 23%;
        height: 60px;
        text-align: center;
        float: left;
        font-size: 22px;
    }

    .navbar-toggle {
        display: block;
    }

    .min-widjet {
        margin-bottom: 30px;
    }

    .working-time {
        color: #999999;
        margin-top: -2px;
        margin-bottom: 0px;
        font-size: 14px;
    }

    .main-widjet {
        margin-bottom: 30px;
    }

    #header .nav .open > a, #header .nav .open > a:focus, #header .nav .open > a:hover {
        background-color: #005A9D;
        color: #fff;
        cursor: pointer;
        border-top: solid 1px #eee;
        border-left: solid 1px #eee;
        border-right: solid 1px #eee;
        border-bottom: solid 1px #eee;
        z-index: 11;
    }

    .contact-tab .nav-tabs {
        -webkit-padding-start: 0%;
        -moz-padding-start: 0%;
        font-size: 18px;
        font-weight: bold;
    }

    .contact-tab .nav-tabs > li {
        width: 100%;
    }

    .tab-a a {
        display: inline-block;
        color: #1976D2;
        border: solid #999 1px;
        background: #fff;
        font-size: 16px;
        padding: 5px 15px;
        width: inherit;
        text-decoration: none;
    }

    .filters .active-btn {
        height: 35px;
        display: inline-block;
        color: #fff;
        border: none;
        background: #7EB900;
        width: 100%;
        border-radius: 0px;
        margin: 0px 0px;
    }

    .lead-news, .tile {
        position: absolute;
        bottom: 0px;
        /*background: rgba(0, 113, 197, 0.62);*/
        background: rgba(255, 255, 255, 0.72);
        width: 100%;
        padding: 8px 15px 15px 15px;
        max-height: 60px;
        transition: max-height 200ms linear;
    }

    .main-menu .menu-item:last-child {
        padding: 0px 10px !important;
    }

}

@media (min-width: 992px) {
	.eye {display:none;  !important}
    .photogallery {
        line-height: 200px;
        height: 205px;
        text-align: center;
        margin-bottom: 10px;
        background: rgb(246, 245, 243);
        border: solid 1px rgba(210, 210, 210, 0.32);
    }
    .photogallery .group img {
        width: 185px;
    }
    .cslider-line {
        text-align: center;
        margin-bottom: 10px;
        padding: 0px 115px 0px 115px;
    }

    .my-slider .viewport {
        width: 850px !important;
    }

    .read {
        margin-bottom: 20px;
        height: 480px;
        cursor: pointer;
        font-size: 14px;
    }

    #header a.but, .user-row-md a, .head-button {
        background: #fff;
        border: solid 1px #eee;
        /*padding: 7px 13px;*/
        width: 13%;
        text-align: center;
        height: 35px;
        display: inline-block;
        text-decoration: none;
        color: #333;
        font-size: 14px;
        transition: all 200ms ease-out;
    }

    .main-menu .col-lg-2 {
        padding: 0px 5px !important;
    }

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

    .head-button {
        /*padding: 0px 6px;*/
        width: 14%;
    }

    .navbar-brand {
        float: left;
        height: 50px;
        padding: 15px 15px;
        font-size: 18px;
        line-height: 20px;
    }

    .main-menu {
        text-align: right;
        padding: 0px 15px;
        margin-top: 0px;
        -webkit-padding-start: 0px;
    }

    .input-line {
        text-align: right;
    }

    .gray-line {
        text-align: left;
    }

    /*.menu-item{*/
    /*width: 70px;*/
    /*margin: 0px 10px 0px 0px;*/
    /*}*/
    .menu-title {
        height: 70px;
    }

    .menu-title .glyphicon, .menu-title i {
        font-size: 26px;
        top: 50%;
    }

    .item-title {
        font-size: 14px;
        margin-bottom: 15px;
    }

    .name {
        margin-top: 0px;
    }

    .name h1 {
        font-size: 15px;
        font-weight: bold;
        color: #0088CD;
    }

    .input-line {
        margin-top: 0px;
    }

    .wrapper {
        width: 1000px !important;
    }

    .container {
        width: 970px;
    }

    .ornament {
        width: 44%;
        height: 35px;
        float: left;
        margin-right: 4px;
    }

    .navbar-toggle {
        display: none;
    }

    .min-widjet {
        margin-bottom: 30px;
    }

    .working-time {
        color: #999999;
        margin-top: -2px;
        margin-bottom: 20px;
        font-size: 14px;
    }

    .main-widjet {
        margin-bottom: 30px;
    }

    #header .nav .open > a, #header .nav .open > a:focus, #header .nav .open > a:hover {
        background-color: #fff;
        color: #42A5F5;
        cursor: pointer;
        border-top: solid 1px #eee;
        border-left: solid 1px #eee;
        border-right: solid 1px #eee;
        border-bottom: none;
        z-index: 11;
    }

    .contact-tab .nav-tabs {
        -webkit-padding-start: 27%;
        -moz-padding-start: 27%;
        font-size: 18px;
        font-weight: bold;
    }

    .contact-tab .nav-tabs > li {
        width: inherit;
    }

    .tab-a a {
        display: inline-block;
        color: #1976D2;
        border: solid #999 1px;
        background: #fff;
        font-size: 16px;
        padding: 5px 15px;
        text-decoration: none;
        width: inherit;
    }

    .filters .active-btn {
        height: 35px;
        display: inline-block;
        color: #fff;
        border: none;
        background: #7EB900;
        width: 100%;
        border-radius: 0px;
        margin: 15px 0px;
    }

    .lead-news, .tile {
        position: absolute;
        bottom: 0px;
        /*background: rgba(0, 113, 197, 0.62);*/
        background: rgba(255, 255, 255, 0.72);
        width: 100%;
        padding: 8px 15px 15px 15px;
        max-height: 60px;
        transition: max-height  200ms linear;
    }

    #header .btn-group {
        width: 14%;
        margin-top: 0px;
    }

    .head-button {
        width: 100%;
    }

    .main-menu .menu-item:last-child {
        padding: 0px 6px !important;
    }
    /*.image-news {*/
        /*height: 155px;*/
        /*overflow: hidden;*/
        /*!*margin-bottom: 20px;*!*/
    /*}*/

    /*.image-news img {*/
        /*width: 100%;*/
        /*height: 155px;*/
        /*-moz-transition: all 1s ease-out;*/
        /*-o-transition: all 1s ease-out;*/
        /*-webkit-transition: all 1s ease-out;*/
    /*}*/
}

@media (min-width: 1200px) {
.eye {display:none;  !important}
    .photogallery {
        line-height: 187px;
        height: 193px;
        text-align: center;
        margin-bottom: 10px;
        background: rgb(246, 245, 243);
        border: solid 1px rgba(210, 210, 210, 0.32);
    }
    .photogallery .group img {
        width: 170px;
    }
    .main-menu .menu-item:last-child {
        padding: 0px 3px !important;
    }

    .cslider-line {
        text-align: center;
        margin-bottom: 10px;
        padding: 0px 234px 0px 238px;
    }

    .my-slider .viewport {
        width: 1050px !important;
    }

    .read {
        margin-bottom: 20px;
        height: 420px;
        cursor: pointer;
        font-size: 14px;
    }

    #header a.but, .user-row-md a, .head-button {
        background: #fff;
        border: solid 1px #eee;
        /*padding: 7px 13px;*/
        width: 10%;
        text-align: center;
        height: 35px;
        display: inline-block;
        font-size: 14px;
        text-decoration: none;
        color: #333;
        transition: all 200ms ease-out;
    }

    .main-menu .col-lg-2 {
        padding: 0px 5px !important;
    }

    .navbar-brand {
        float: left;
        height: 50px;
        padding: 15px 15px;
        font-size: 18px;
        line-height: 20px;
    }

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

    .head-button {
        width: 100%;
    }

    .main-menu {
        text-align: right;
        padding: 0px 15px;
        margin-top: 0px;
        -webkit-padding-start: 0px;
    }

    .gray-line {
        text-align: left;
    }

    .input-line {
        text-align: right;
    }

    /*.menu-item{*/
    /*width: 80px;*/
    /*margin: 0px 10px 0px 0px;*/
    /*}*/
    .menu-title {
        height: 68px;
    }

    .menu-title .glyphicon, .menu-title i {
        font-size: 28px;
        top: 50%;
    }

    .item-title {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .name {
        margin-top: 12px;
    }

    .name h1 {
        font-size: 21px;
        font-weight: bold;
        margin-top: 14px;
        color: #0088CD;
    }

    .input-line {
        margin-top: 0px;
    }

    .wrapper {
        width: 1200px !important;
    }

    .container {
        width: 1170px;
    }

    .ornament {
        width: 55%;
        height: 35px;
        float: left;
        margin-right: 4px;
    }

    .navbar-toggle {
        display: none;
    }

    .min-widjet {
        margin-bottom: 30px;
    }

    .working-time {
        color: #999999;
        margin-top: -2px;
        margin-bottom: 0px;
        font-size: 14px;
    }

    .number-phone {
        font-size: 14px;
    }

    .main-widjet {
        margin-bottom: 30px;
    }

    #header .nav .open > a, #header .nav .open > a:focus, #header .nav .open > a:hover {
        background-color: #fff;
        color: #42A5F5;
        cursor: pointer;
        border-top: solid 1px #eee;
        border-left: solid 1px #eee;
        border-right: solid 1px #eee;
        border-bottom: none;
        z-index: 11;
    }

    .contact-tab .nav-tabs {
        -webkit-padding-start: 27%;
        -moz-padding-start: 27%;
        font-size: 18px;
        font-weight: bold;
    }

    .contact-tab .nav-tabs > li {
        width: inherit;
    }

    .tab-a a {
        display: inline-block;
        color: #1976D2;
        font-size: 16px;
        padding: 5px 15px;
        text-decoration: none;
        border: solid #999 1px;
        background: #fff;
        width: inherit;
    }

    .filters .active-btn {
        height: 35px;
        display: inline-block;
        color: #fff;
        border: none;
        background: #7EB900;
        width: 100%;
        border-radius: 0px;
        margin: 0px 0px;
    }

    .lead-news, .tile {
        position: absolute;
        bottom: 0px;
        /*background: rgba(0, 113, 197, 0.62);*/
        background: rgba(255, 255, 255, 0.82);
        width: 100%;
        padding: 8px 15px 15px 15px;
        max-height: 60px;
        transition: max-height  200ms linear;
    }

    #header .btn-group {
        width: 13%;
        margin-top: 0px;
    }
    /*.image-news {*/
        /*height: 200px;*/
        /*overflow: hidden;*/
        /*!*margin-bottom: 20px;*!*/
    /*}*/

    /*.image-news img {*/
        /*width: 100%;*/
        /*height: 200px;*/
        /*-moz-transition: all 1s ease-out;*/
        /*-o-transition: all 1s ease-out;*/
        /*-webkit-transition: all 1s ease-out;*/
    /*}*/
}



.gallery .col-lg-3{
    padding-left: 5px;
    padding-right: 5px;
}

ul.yiiPager {
    clear: both;
}

.wl .col-lg-4:nth-child(4), .wl .col-lg-4:nth-child(8){
    clear: both;
}

#scrollup {
    position: fixed;
    padding: 15px 10px 10px;
    right: 15px;
    bottom: 48%;
    display: none;
    cursor: pointer;
    z-index: 10000;
}

.scroll-circle {
    border: solid 2px #0088CD;
    width: 40px;
    color: #0088CD;
    text-align: center;
    height: 40px;
    background: #f6f5f3;
}

.scroll-circle i {
    font-size: 32px;
}

/**************************************************************************/

.news-item {
    /*margin-bottom: 5px;*/
    padding: 0px 15px 20px 15px;
}

.news-item:hover h3 {
    color: #0088CD;
    transition: all 500ms;
}

.read h3 {
    margin-top: 25px;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 22px;
}

.news-item:hover .image-news img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.news-date {
    color: #0088CD;
    padding-top: 10px;
    font-style: italic;
}

/*.read{*/
/*margin-bottom: 20px;*/
/*height: 420px;*/
/*cursor: pointer;*/
/*font-size: 14px;*/
/*}*/

.preview-news {
    text-overflow: ellipsis;
}

.opac{
        background: #0088CD;
        color: #fff;
        /*min-height: 400px;*/
        padding-top:20px;
        padding-bottom:20px;
}
.opac-text{
    padding:10px;
}
#opac-filter-form .form-element{
    display:none;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s linear;
}

#opac-filter-form .active-form{
    display:block;
    visibility: visible;
    opacity: 1;
    transition: visibility 0s, opacity 0.5s linear;


}

.opac-list {
        border-left:1px solid #0088CD;
        margin-top:10px;
        margin-bottom:10px;
}
.opac-list .todo{
    display:none;
    padding-top:20px;
}

.opac-list:hover .todo{
    display:block;

}
.opac-list:hover {
    background-color:#efefef;
}
.table>tbody>tr>td{
    vertical-align: middle!important;
}
.btn{
    border:none;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
}
.half{
    width: 45%;
}
.cr-ord{
    height: 38px;
    margin: 5px 10px 0 0;
}

.eye {
	position:absolute;
	display:block;
	right: 50%;
	top:155px;
	color: #fff; 
	background-color: #0088CD; 
	font-size: 1em; 
	text-decoration: none; 
	padding: 0.5em 1em; 
	margin-right:-570px;
}

.eye:hover{
	text-decoration: none;
	color: #fff; 
}

/* new style search */
#content h1.block-header-search {
	font-size: 20px;
	text-transform: uppercase;
    color: #0088CD;
    margin-top: 0px;
    margin-bottom: 20px;
	border-left: 4px solid #800000;
    padding-left: 25px;
	display: flex;
    align-items: center;
    justify-content: space-between;
}
#search_form_page{
	margin-bottom: 0px;
}
#search_form_page .search-page-top-panel{
	display: flex;
	padding-bottom: 10px;
}
#search_form_page input[type="search"]{
	display: inline-block;
    border: solid 1px #d4d4d4;
    height: 35px;
    width: 100%;
    padding-left: 10px;
    -moz-border-radius: 0px;
	margin-right: 10px;
	border-radius: 3px;
}
#search_form_page button.material-filter-search{
	background: #fff;
    border: solid 1px #0088cd;
    width: 10%;
    text-align: center;
    height: 35px;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    text-decoration: none;
    color: #0088cd;
    transition: all 200ms ease-out;
}
#search_form_page button.material-filter-search:hover{
	background: #1976D2;
    border: solid 1px #1976D2;
    color: #fff;
	transition: all 200ms ease-out;
}
.more_search_action, .more_search_action:focus{
	text-decoration: none;
	cursor: pointer;
	border-bottom: 1px dotted;
	transition: all 200ms ease-out;
}
.more_search_action:hover{
	text-decoration: none;
	border-bottom: 1px solid;
	transition: all 200ms ease-out;
}
.tab-search-page{
	margin: 15px 0;
	display: flex;
}
.tab-search-page p{
	margin: 0;
	font-size: .8em;
}
.tab-search-page h6{
	font-weight: 500;
	margin: 0 0 5px 0;
	color: #354154;
}
.tab-search-page a{
	color: #999999;
	border-radius: 3px;
	padding: 15px;
    width: 32%;
	background: #f6f5f3;
	border: 1px solid #f6f5f3;
	transition: all 200ms ease-out;
}
.tab-search-page a.active{
	background: #0088CD;
	border: 1px solid #0088CD;
    color: #fff;
}
.tab-search-page a.active h6{
	color: #fff;
}
.tab-search-page a:first-child{
	margin-right: 15px;
}
.tab-search-page a:hover{
	text-decoration: none;
	border: 1px solid #0088CD;
	color: #0088CD;
	transition: all 200ms ease-out;
	background:none;
}
.tab-search-page a:hover h6{
	color: #0088CD;
	transition: all 200ms ease-out;
}
.block-search-result{
	font-weight: 500;
    font-size: 1.15em;
}
.block-search-filter{
	padding: 15px;
    background: #f6f5f3;
}
.block-search-filter .block-header-filter{
	font-weight: 500;
	font-size: .95em;
}
.block-filter-type-material, .block-filter-type-catalog{
	margin-top: 5px;
}
.block-filter-type-material:not(:last-child), .block-filter-type-catalog:not(:last-child){
	margin-bottom: 15px;
}
.block-filter-type-material label{
	cursor: pointer;
	width: 100%;
	font-weight: 500;
    font-size: .8em;
	display: flex;
    align-items: center;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;    
}
.block-filter-type-material label input{
	margin-top: 0;
	margin-right: 5px;
}
.sort-by-catalog-params label{
	cursor: pointer;
    width: 100%;
    font-weight: 500;
    font-size: .8em;
    display: flex;
    align-items: center;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	color: #0088cd;
}

.block-filter-type-catalog label{
	cursor: pointer;
    width: 100%;
    font-weight: 500;
    font-size: .8em;
    display: flex;
    align-items: center;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.block-filter-type-catalog label input{
	margin-top: 0;
	margin-right: 5px;
}
.block-filter-type-catalog label input[type='radio']{
	display: none;
}
.block-filter-type-material label .filter-count-result{
	color: #999;
    margin-left: 5px;
}
.search-result-item .thumbnail{
	width: 100px;
    height: 100px;
}
.search-result-item .thumbnail img{
	width: 100px;
    height: 90px;
    object-fit: cover;
}
.search-result-item .media-body .media-heading{
	font-weight: 500;
    color: #0088CD;
}
.search-result-item .media-top{
	padding-right: 25px;
}
#content ol{
	padding: 0;
}

.pager_catalog ul{
	padding: 0;
	width: 100%;
}
body #header .btn-more-search-panel-header{
	flex: 2;
    margin-left: 10px;
	background: none;
    border: 2px solid #7EB900;
    color: #6b8e1f;
	display: flex;
    align-items: center;
    justify-content: center;
	cursor: pointer;
	transition: 0.2s ease-in-out;
	text-decoration: none;
}
body #header .btn-more-search-panel-header:hover{
	background: #7EB900;
	color: #fff;
	transition: 0.2s ease-in-out;
}

/* date-filter */
.filter .date-range-container{
	/* display: flex; */
	margin-top: 15px;
}
.filter input {
  box-shadow: 0;
  outline: 0;
}
.filter .price-slider {
  margin: auto;
  text-align: center;
  position: relative;
  height: 5em;
}

.filter .irs--round .irs-from,.filter .irs--round .irs-to,.filter .irs--round .irs-single,.filter .irs--round .irs-bar{
	background-color: #0088cd;
}

.filter .irs--round .irs-handle, .filter .irs--round .irs-handle{
	border: 4px solid #0088cd;
	top: 30px;
    width: 17px;
    height: 17px;
	cursor: pointer;
	box-shadow: none;
}

.filter .price-slider svg,
.filter .price-slider input[type=range] {
  background: none;
  position: absolute;
  left: 0;
  bottom: 0;
  /* width: 50%; */
}
.filter input[type=number] {
  max-width: 25%;
  border: 1px solid #ddd;
  text-align: center;
  -moz-appearance: textfield;
}
.filter input[type=number]::-webkit-outer-spin-button,
.filter input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
}
.filter input[type=number]:invalid,
.filter input[type=number]:out-of-range {
  border: 1px solid #e60023;
}
.filter input[type=range] {
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
}
.filter input[type=range]:focus {
  outline: none;
}
.filter input[type=range]:focus::-webkit-slider-runnable-track {
  background: #1da1f2;
}
.filter input[type=range]:focus::-ms-fill-lower {
  background: #1da1f2;
}
.filter input[type=range]:focus::-ms-fill-upper {
  background: #1da1f2;
}
.filter input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  background: #1da1f2;
  border-radius: 1px;
  box-shadow: none;
  border: 0;
}
.filter input[type=range]::-webkit-slider-thumb {
  z-index: 2;
  position: relative;
  box-shadow: 0px 0px 0px #000;
  border: 1px solid #1da1f2;
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: #a1d0ff;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  margin-top: -7px;
}
.filter input[type=range]::-moz-range-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  background: #1da1f2;
  border-radius: 1px;
  box-shadow: none;
  border: 0;
}
.filter input[type=range]::-moz-range-thumb {
  z-index: 2;
  position: relative;
  box-shadow: 0px 0px 0px #000;
  border: 1px solid #1da1f2;
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: #a1d0ff;
  cursor: pointer;
}
.filter input[type=range]::-ms-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
.filter input[type=range]::-ms-fill-lower,
.filter input[type=range]::-ms-fill-upper {
  background: #1da1f2;
  border-radius: 1px;
  box-shadow: none;
  border: 0;
}
.filter input[type=range]::-ms-thumb {
  z-index: 2;
  position: relative;
  box-shadow: 0px 0px 0px #000;
  border: 1px solid #1da1f2;
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: #a1d0ff;
  cursor: pointer;
}
.filter span{
	font-weight:500;
	font-size: .9em;
	align-items: center;
}
.filter span input{
	margin: 0 5px;
}
/* adv form */
#advanced_search_container{
	margin: 10px 0;
    padding: 15px 15px 10px 15px;
}
#advanced_search_container > .advanced_toolbar > .btn-group > button{
	height: auto;
	padding: 2px 10px;
}
#advanced_search_container > .advanced_toolbar{
	display: flex;
    justify-content: space-between;
}
#advanced_search_container .add-new-row-search{
	height: auto;
	line-height: 1;
	border-radius: 3px;
	z-index: 2;
}
#advanced_search_container .add-new-row-search i{
	margin-right: 5px;
}
#advanced_search_container{
	background: #dedede;
    border: 1px solid #bbbbbb;
}
#advanced_search_container .delete-row-search i{
	margin-right: 5px;
}
#advanced_search_container .delete-row-search{
	width: 100%;
	height: 30px;
    border-radius: 3px;
}
#advanced_search_container ul{
	padding: 0;
    list-style: none;
	margin: 0;
	padding-top: 10px;
	padding-left: 10px;
}
#advanced_search_container .advanced_content .advanced_item{
	padding-left: 10px;
	position: relative;
}
#advanced_search_container > .advanced_content > .advanced_item::before{
	content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    top: -10px;
    left: 0;
    background-color: #bbbbbb;
}
#advanced_search_container .advanced_content .advanced_item .advanced_toolbar::before{
	background-color: #bbbbbb;
	content: "";
    position: absolute;
    width: 10px;
    height: 1px;
    top: 50%;
    left: -10px;
}
#advanced_search_container > .advanced_content > .advanced_item:last-child::before{
	background-color: #bbbbbb;
    content: "";
    position: absolute;
    width: 1px;
    top: -40px;
    bottom: 65%;
    left: 0px;
}
#advanced_search_container > .advanced_content > .advanced_item:last-child::before{
	height: 10px;
	top: 20px;
    bottom: 25%;
}
#advanced_search_container .advanced_content .advanced_item:last-child .advanced_toolbar::after{
	background-color: #bbbbbb;
    content: "";
    position: absolute;
    width: 1px;
    top: -11px;
    bottom: 50%;
    left: -10px;
}
#advanced_search_container .advanced_content .advanced_item .advanced_toolbar{
	padding: 5px 0 5px 0;
	position: relative;
}
#advanced_search_container .advanced_content .advanced_item .advanced_toolbar .adv_toolbar{
	padding: 15px;
	background: #fff;
    border-radius: 3px;
    border: 1px solid #bbbbbb;
}
#advanced_search_container .row{
	margin-right: 0;
	margin-left: 0;
}
#advanced_search_container .row div{
	padding-right: 0;
}
#advanced_search_container .row div:first-child{
	padding-left: 0;
}
#advanced_search_container .advanced_toolbar .btn-group-condition-search input[type="radio"]{
	display: none;
}
#content #advanced_search_container .label_search_or{
	display: none;
}
#advanced_search_container .advanced_toolbar .btn-group-condition-search label{
	margin-bottom: 0;
    position: relative;
    float: left;
    font-size: 12px;
    margin-left: 0;
    height: auto;
    padding: 2px 10px;
    line-height: 1.5;
    border-radius: 3px;
    display: inline-block;
    color: #fff;
    border: none;
    background: #7EB900;
	cursor: pointer;
	font-weight: 500;
}
#advanced_search_container .advanced_toolbar .btn-group-condition-search label:hover,#advanced_search_container .advanced_toolbar .btn-group-condition-search input[type="radio"]:checked+label{
	color: #fff;
    background-color: #286090;
    border-color: #204d74;
    transition: all 200ms;
}
#advanced_search_container .advanced_toolbar .btn-group-condition-search label.label_search_and{
	z-index: 2;
	border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
#advanced_search_container .advanced_toolbar .btn-group-condition-search label.label_search_or{
	z-index: 2;
	border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.catalogs-view-in-catalog_container{
	margin-top: 20px;
    text-align: right;
}
.catalog-img-gen .list-attach-catalog{
	width: 100%;
    line-height: 1.8;
    padding: 0 10px;
    bottom: 0px;
    z-index: 20000;
    text-align: center;
    background: #0088cd;
    color: #fff;
    border-radius: 0 0 3px 3px;
    font-size: .9em;
    position: absolute;
	left: 0;
}
.container-attach-img{
	z-index: 2;
	width: 100px;
	height: 100px;
	position: relative;
}
.container-attach-img iframe{
	width: 100px;
	height: 100px;
	border: 1px solid #ddd;
    overflow: hidden;
    border-radius: 3px;
}
.container-attach-img > iframe > img{
	width: 100%;
}
.catalog-img-gen .thumbnail{
	margin: 0;
}
.catalog-list-author{
	margin: 0 0 2px;
}
.container-tabs-cat-mat p{ 
	margin-right: 5px;
}
.container-tabs-cat-mat{
	display: flex;
}
.container-tabs-cat-mat > div{
	display: flex;
}
span.search_action_load, .container-tabs-cat-mat > div > i{
	font-size: .7em;
	-webkit-animation-name: rotation;
    -webkit-animation-duration: .8s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotation;
    -moz-animation-duration: .8s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -o-animation-name: rotation;
    -o-animation-duration: .8s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
    animation-name: rotation;
    animation-duration: .8s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@-webkit-keyframes rotation {
    0% {-webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg);}
    100% {-webkit-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        transform:rotate(360deg);}
}
@-moz-keyframes rotation {
    0% {-webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg);}
    100% {-webkit-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        transform:rotate(360deg);}
}
@-o-keyframes rotation {
    0% {-webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg);}
    100% {-webkit-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        transform:rotate(360deg);}
}
@keyframes rotation {
    0% {-webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg);}
    100% {-webkit-transform:rotate(360deg);
        -moz-transform:rotate(720deg);
        -o-transform:rotate(360deg);
        transform:rotate(360deg);}
}
#pager #pagination li span, #pager #pagination li a{
	padding: 0px 10px;
    text-decoration: none;
}
#pager #pagination li{
	margin: 0 2.5px;
}
#pager #pagination li.active span{
	background: #c1c1c1;
    color: #111;
}
#pager #pagination li .next, #pager #pagination li .prev{
	padding: 0;
    border-radius: 0;
}
#pager #pagination li .next > a, #pager #pagination li .next > span{
	float: none;
}
#pager #pagination li .next{
	float: right;
}
#pager #pagination li .prev{
	float: left;
}
#block-search-result{
	padding: 10px 0 5px 0;
}
ul.yiiPager{
	width: 100%;
	padding: 0;
}
.share-toolbar {
	text-align: right;
	margin-top: 20px;
    padding-top: 10px;
    border-top: 2px solid #eee;
}

label.sort-by-active-asc > span::after{
	content: "";
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #0088cd;
	margin-left: 5px;
}
label.sort-by-active-desc > span::after{
	content: "";
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #0088cd;
	margin-left: 5px;
}
label.sort-by-active > span{
	display: flex;
    align-items: center;
}
@media (max-width: 768px) {
	.eye {
		text-align: center;
		position: initial;
		right: 0;
		margin: 0 0 10px 0;
	}
	#search_form_page button.material-filter-search{
		width: 30%;
	}
	.col-md-3, .col-md-9{
		padding: 0;
	}
	.tab-search-page a{
		width: 50%;
	}
	.search-result-item .thumbnail{
		width: 70px;
		height: 70px;
	}
	.search-result-item .thumbnail img{
		width: 70px;
		height: 60px;
	}
	#pager #pagination li span, #pager #pagination li a{
		margin-bottom: 1px;
	}
	#pager #pagination li{
		margin: 1px;
	}
	.pager_catalog ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	#advanced_search_container .row div{
		padding-left: 0;
	}
	#advanced_search_container .row div:not(:last-child){
		margin-bottom: 5px;
	}
	.share-toolbar{
		margin-top: 10px;
		margin-bottom: 20px;
	}
	#content .list-view .pager{
		margin: 10px 0 10px 0;
	}
	ul.yiiPager{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	ul.yiiPager li{
		margin: 1px;
	}
	.pager li > a, .pager li > span{
		margin-bottom: 1px;
	}
	body #header .btn-more-search-panel-header{
		width: 100%;
		margin: 5px 0 0 0;
	}
	#header .gray-line form#search_form{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
}