/* ---------------------- GLOBAL STYLES --------------------- */


@font-face {
	font-family: 'Montserrat-Bold';
	src: url('../fonts/Montserrat-Bold.eot');
	src: local('A?E?A?'), url('../fonts/Montserrat-Bold.woff') format('woff'), url('../fonts/Montserrat-Bold.ttf') format('truetype'), url('../fonts/Montserrat-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat-Regular';
	src: url('../fonts/Montserrat-Regular.eot');
	src: local('A?E?A?'), url('../fonts/Montserrat-Regular.woff') format('woff'), url('../fonts/Montserrat-Regular.ttf') format('truetype'), url('../fonts/Montserrat-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

body { font-family: 'Montserrat-Regular', sans-serif; background: #fff; color: #000; }


h2, h3, h4, h5 { font-family: 'Montserrat-Bold', sans-serif; line-height: 1; }
h2 small, h3 small, h4 small, h5 small { text-transform: uppercase; }

h1, h1 small {
    position: relative;
    font-size: 21px;
    margin-top: 0px;
    margin-bottom: 30px;
    text-transform: uppercase;
}
h2 {
    position: relative;
    font-size: 24px;
    margin-top: 0px;
    margin-bottom: 30px;
}
h3 { font-size: 21px; }
h4 { font-size: 19px; }
h5 { font-size: 16px; }

p { font-size: 16px; margin-bottom: 40px; }
p span { color: #a5a5a5; }
p strong { font-family: 'Montserrat-Bold', sans-serif; }
p.big { font-size: 19px; }


a {
    position: relative;
    cursor: pointer !important;
    text-decoration: none !important;
    color: #000;
    -webkit-transition: color 0.3s, text-decoration 0.3s;
    -moz-transition: color 0.3s, text-decoration 0.3s;
    -o-transition: color 0.3s, text-decoration 0.3s;
    -ms-transition: color 0.3s, text-decoration 0.3s;
    transition: color 0.3s, text-decoration 0.3s;
}
a:hover {
    text-decoration: underline;
    color: #000;
    cursor: pointer !important;
    -webkit-transition: color 0.3s, text-decoration 0.3s;
    -moz-transition: color 0.3s, text-decoration 0.3s;
    -o-transition: color 0.3s, text-decoration 0.3s;
    -ms-transition: color 0.3s, text-decoration 0.3s;
    transition: color 0.3s, text-decoration 0.3s;
}
a.more {
    padding-right: 32px;
    width: 24px;
}
a.more:before {
    content: " ";
    position: absolute;
    width: 24px;
    height: 24px;
    top: auto;
    left: auto;
    right: -95px;
    background: url(../images/icon/ico-more.svg) 50% 50% no-repeat;
    -webkit-transition: right 0.3s;
    -moz-transition: right 0.3s;
    -o-transition: right 0.3s;
    -ms-transition: right 0.3s;
    transition: right 0.3s;
}
a.more:hover:before {
    right: -105px;
    -webkit-transition: right 0.3s;
    -moz-transition: right 0.3s;
    -o-transition: right 0.3s;
    -ms-transition: right 0.3s;
    transition: right 0.3s;
}
a.more-before {
    padding-left: 32px;
    width: 24px;
}
a.more-before:before {
    content: " ";
    position: absolute;
    width: 24px;
    height: 24px;
    top: auto;
    left: 0px;
    background: url(../images/icon/ico-more-before.svg) 50% 50% no-repeat;
}
a.more-before {
    padding-left: 32px;
    width: 24px;
}
a.more-before.lookbook:before {
    background: url(../images/icon/ico-lookbook.svg) 50% 50% no-repeat;
}

hr {
    margin-top: 30px;
    margin-bottom: 30px;
    border: 0;
    border-top: 1px solid #cfcfcf;
}

.mt-40 { margin-top: 40px; }

.c-red { color: #f48a4e !important; }
.c-yellow { color: #deab00 !important; }
.c-green { color: #37897b !important; }
.c-blue { color: #67ace7 !important; }
.bg-red { background-color: #f48a4e !important; }
.bg-yellow { background-color: #edc522 !important; }
.bg-green { background-color: #37897b !important; }
.bg-blue { background-color: #67ace7 !important; }
.bg-white { background-color: #fff !important; }



/* ---------------------- BTN --------------------- */


.btn {
    position: relative;
    cursor: pointer;
    height: 56px;
    line-height: 1;
    font-size: 16px !important;
    padding: 18px 26px;
    text-align: center;
    color: #fff !important;
    background-color: #2a2b2d !important;
    border-radius: 0px !important;
    -webkit-transition: background-color 0.3s, color 0.3s;
    -moz-transition: background-color 0.3s, color 0.3s;
    -o-transition: background-color 0.3s, color 0.3s;
    -ms-transition: background-color 0.3s, color 0.3s;
    transition: background-color 0.3s, color 0.3s;
}
.btn:hover {
    background-color: #deab00 !important;
    -webkit-transition: background-color 0.3s, color 0.3s;
    -moz-transition: background-color 0.3s, color 0.3s;
    -o-transition: background-color 0.3s, color 0.3s;
    -ms-transition: background-color 0.3s, color 0.3s;
    transition: background-color 0.3s, color 0.3s;
}
.red-series .btn {
    background-color: #f48a4e !important;
}
.yellow-series .btn {
    background-color: #deab00 !important;
}
.green-series .btn {
    background-color: #37897b !important;
}
.blue-series .btn {
    background-color: #67ace7 !important;
}
.red-series .btn:hover,
.yellow-series .btn:hover,
.green-series .btn:hover,
.blue-series .btn:hover {
    background-color: #2a2b2d !important;
}







/* ---------------------- Header --------------------- */




header {
    z-index: 99;
    height: 90px;
    margin-bottom: 0px !important;
    border-radius: 0px !important;
    background-color: transparent !important;
    border: 0px solid transparent !important;
    padding: 0px !important;
    -webkit-transition: top 0.3s, background-color 0.3s;
    -moz-transition: top 0.3s, background-color 0.3s;
    -o-transition: top 0.3s, background-color 0.3s;
    -ms-transition: top 0.3s, background-color 0.3s;
    transition: top 0.3s, background-color 0.3s;
}
header.header-mini {
    background-color: rgba(255,255,255,0.7) !important;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -ms-transition: background-color 0.3s;
    transition: background-color 0.3s;
}
header .container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
}
header .logo {
    position: relative;
    float: left;
    width: 80px;
    height: 100%;
    padding: 10px;
}
header .logo img {
    width: 100%;
    height: auto;
}
header .nav {
    float: left;
    height: 100%;
}
header .nav-link { 
    padding: 1.5rem 1rem;
    font-size: 19px;
}
header .nav .nav-item {
    position: relative;
}
header .nav .nav-item:before {
    content: " ";
    position: absolute;
    background-color: #000c;
    width: 0%;
    height: 1px;
    top: auto;
    bottom: 18px;
    left: 50%;
    -webkit-transition: width 0.3s, height 0.3s, left 0.3s, bottom 0.3s;
    -moz-transition: width 0.3s, height 0.3s, left 0.3s, bottom 0.3s;
    -o-transition: width 0.3s, height 0.3s, left 0.3s, bottom 0.3s;
    -ms-transition: width 0.3s, height 0.3s, left 0.3s, bottom 0.3s;
    transition: width 0.3s, height 0.3s, left 0.3s, bottom 0.3s;
}
header .nav .nav-item:hover:before, header .nav .nav-item.active:hover:before {
    width: 80%;
    left: 10%;
    -webkit-transition: width 0.3s, height 0.3s, left 0.3s, bottom 0.3s;
    -moz-transition: width 0.3s, height 0.3s, left 0.3s, bottom 0.3s;
    -o-transition: width 0.3s, height 0.3s, left 0.3s, bottom 0.3s;
    -ms-transition: width 0.3s, height 0.3s, left 0.3s, bottom 0.3s;
    transition: width 0.3s, height 0.3s, left 0.3s, bottom 0.3s;
}






header .header-right {
    padding-top: 24px;
}
header .phone {
    position: relative;
    text-align: right;
    font-size: 19px;
    float: right;
    margin-left: 30px;
}






/* ---------------------- MENU --------------------- */


.navbar-toggle {
    position: relative;
    float: right;
    font-size: 19px;
    margin-left: 30px;
    padding-left: 34px;
    cursor: pointer !important;
    color: #000;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    -ms-transition: color 0.3s;
    transition: color 0.3s;
}
.navbar-toggle.active-tgl,
.navbar-toggle.active-tgl:hover {
    color: #fff !important;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    -ms-transition: color 0.3s;
    transition: color 0.3s;
}
.navbar-toggle .icon-nav {
    position: absolute;
    top: 4px;
    left: 0px;
}
.navbar-toggle .icon-nav span {
    width: 19px;
    height: 1px;
    margin-bottom: 5px;
    display: block;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    background-color: #000;
    -webkit-transition: background-color 0.3s, top 0.3s, left 0.3s, width 0.3s, -moz-transform 0.3s, -ms-transform 0.3s, -webkit-transform 0.3s, -o-transform 0.3s, transform 0.3s;
    -moz-transition: background-color 0.3s, top 0.3s, left 0.3s, width 0.3s, -moz-transform 0.3s, -ms-transform 0.3s, -webkit-transform 0.3s, -o-transform 0.3s, transform 0.3s;
    -o-transition: background-color 0.3s, top 0.3s, left 0.3s, width 0.3s, -moz-transform 0.3s, -ms-transform 0.3s, -webkit-transform 0.3s, -o-transform 0.3s, transform 0.3s;
    -ms-transition: background-color 0.3s, top 0.3s, left 0.3s, width 0.3s, -moz-transform 0.3s, -ms-transform 0.3s, -webkit-transform 0.3s, -o-transform 0.3s, transform 0.3s;
    transition: background-color 0.3s, top 0.3s, left 0.3s, width 0.3s, -moz-transform 0.3s, -ms-transform 0.3s, -webkit-transform 0.3s, -o-transform 0.3s, transform 0.3s;
}
.navbar-toggle .icon-nav span:nth-child(1) {
    position: absolute;
    top: 0px;
    left: 0;
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
.navbar-toggle .icon-nav span:nth-child(2) {
    position: absolute;
    top: 9px;
    left: 8px;
    width: 11px;
}
.navbar-toggle .icon-nav span:nth-child(3) {
    position: absolute;
    top: 18px;
    left: 0;
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
.navbar-toggle:hover .icon-nav span:nth-child(2) {
    left: 0px;
    width: 19px;
}
.navbar-toggle.active-tgl .icon-nav span {
    background-color: #fff;
    -webkit-transition: background-color 0.3s, top 0.3s, left 0.3s, width 0.3s, -moz-transform 0.3s, -ms-transform 0.3s, -webkit-transform 0.3s, -o-transform 0.3s, transform 0.3s;
    -moz-transition: background-color 0.3s, top 0.3s, left 0.3s, width 0.3s, -moz-transform 0.3s, -ms-transform 0.3s, -webkit-transform 0.3s, -o-transform 0.3s, transform 0.3s;
    -o-transition: background-color 0.3s, top 0.3s, left 0.3s, width 0.3s, -moz-transform 0.3s, -ms-transform 0.3s, -webkit-transform 0.3s, -o-transform 0.3s, transform 0.3s;
    -ms-transition: background-color 0.3s, top 0.3s, left 0.3s, width 0.3s, -moz-transform 0.3s, -ms-transform 0.3s, -webkit-transform 0.3s, -o-transform 0.3s, transform 0.3s;
    transition: background-color 0.3s, top 0.3s, left 0.3s, width 0.3s, -moz-transform 0.3s, -ms-transform 0.3s, -webkit-transform 0.3s, -o-transform 0.3s, transform 0.3s;
    
}
.navbar-toggle.active-tgl .icon-nav span:nth-child(1) {
    top: 9px;
    left: -1;
    width: 24px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.navbar-toggle.active-tgl .icon-nav span:nth-child(2) {
    width: 0px;
    left: 0;
}
.navbar-toggle.active-tgl .icon-nav span:nth-child(3) {
    top: 9px;
    left: -1;
    width: 24px;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}



.nav-modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: inline-block;
    width: 100%;
    height: 0%;
    overflow: hidden;
    outline: 0;
    background-color: rgba(0,0,0,0.86);
    opacity: 0;
}
.nav-modal.active {
    overflow-x: hidden;
    overflow-y: auto;
    opacity: 1;
    height: 100%;
}

.nav-modal .content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: start;
    background-color: #000;
    min-height: 0;
    height: 0px;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: height 0.3s, min-height 0.3s, opacity 0.3s;
    -moz-transition: height 0.3s, min-height 0.3s, opacity 0.3s;
    -o-transition: height 0.3s, min-height 0.3s, opacity 0.3s;
    -ms-transition: height 0.3s, min-height 0.3s, opacity 0.3s;
    transition: height 0.3s, min-height 0.3s, opacity 0.3s;
}
.nav-modal.active .content {
    min-height: calc(100% - 7rem);
    height: 60%;
    opacity: 1;
    -webkit-transition: height 0.3s, min-height 0.3s, opacity 0.3s;
    -moz-transition: height 0.3s, min-height 0.3s, opacity 0.3s;
    -o-transition: height 0.3s, min-height 0.3s, opacity 0.3s;
    -ms-transition: height 0.3s, min-height 0.3s, opacity 0.3s;
    transition: height 0.3s, min-height 0.3s, opacity 0.3s;
    
}
.nav-modal .content .container {
    height: auto;
    display: block;
}
.nav-modal .navbar-toggle {
    margin-top: 23px;
}
.nav-modal .all-nav {
    width: 100%;
    padding: 90px 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.nav-modal .all-nav .col-nav {
    flex-grow: 1;
}
.nav-modal .all-nav .col-nav.two-col-nav {
    flex-grow: 2;
}
.nav-modal .all-nav .two-col-nav .col-own {
    display: inline-block;
    float: left;
    padding: 0px;
    margin-right: 10%;
    max-width: 40%;
}
.nav-modal .all-nav a {
    font-size: 15px;
    color: #fff;
    display: block;
    margin-bottom: 10px;
}
.nav-modal .all-nav .link-title {
    font-family: 'Montserrat-Bold', sans-serif;
    margin-bottom: 26px;
}







/* ---------------------- SEARCH --------------------- */


header .search-btn {
    position: relative;
    float: right;
    width: 24px;
    height: 27px;
    background: url(../images/icon/ico-search.svg) 50% 50% no-repeat;
    cursor: pointer !important;
     display: none; 
}


.search-modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: inline-block;
    width: 100%;
    height: 0%;
    overflow: hidden;
    outline: 0;
    background-color: rgba(0,0,0,0.86);
    opacity: 0;
}
.search-modal.active {
    overflow-x: hidden;
    overflow-y: auto;
    opacity: 1;
    height: 100%;
}

.search-modal .content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: start;
    /* min-height: 0; */
    height: 0px;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: height 0.3s, min-height 0.3s, opacity 0.3s;
    -moz-transition: height 0.3s, min-height 0.3s, opacity 0.3s;
    -o-transition: height 0.3s, min-height 0.3s, opacity 0.3s;
    -ms-transition: height 0.3s, min-height 0.3s, opacity 0.3s;
    transition: height 0.3s, min-height 0.3s, opacity 0.3s;
}
.search-modal.active .content {
    /* min-height: calc(100% - 7rem); */
    height: 90px;
    opacity: 1;
    -webkit-transition: height 0.3s, min-height 0.3s, opacity 0.3s;
    -moz-transition: height 0.3s, min-height 0.3s, opacity 0.3s;
    -o-transition: height 0.3s, min-height 0.3s, opacity 0.3s;
    -ms-transition: height 0.3s, min-height 0.3s, opacity 0.3s;
    transition: height 0.3s, min-height 0.3s, opacity 0.3s;
    
}


.sisea-search-form input.text-search {
    float: left;
    display: inline-block;
    width: 842px;
    padding: 12px 20px;
    margin-top: 13px;
    margin-left: 15px;
    color: #fff;
    background-color: #000;
    border: 0px solid transparent;
}
.sisea-search-form input.btn-go {
    position: relative;
    float: left;
    width: 24px;
    height: 27px;
    padding: 0;
    margin: 24px -43px;
    border: none !important;
    color: transparent;
    background: url(../images/icon/ico-search-white.svg) 50% 50% no-repeat;
    cursor: pointer !important;
    opacity: 0.86;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.sisea-search-form input.close-search {
    position: relative;
    float: left;
    width: 24px;
    height: 27px;
    padding: 0;
    margin: 24px 20px;
    color: transparent;
    border: none !important;
    background: url(../images/icon/ico-close-white.svg) 50% 50% no-repeat;
    cursor: pointer !important;
    opacity: 0.86;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.sisea-search-form input.btn-go:hover,
.sisea-search-form input.close-search:hover {
    opacity: 1;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    transition: opacity 0.3s;
}









/* ---------------------- ?????????????? ?s???z???s?? --------------------- */





.bl-breadcrumbs {
    position: relative;
}
.bl-breadcrumbs, .bl-breadcrumbs a {
    display: inline-block;
    font-size: 15px;
}
.bl-breadcrumbs .next-crumb {
    width: 12px;
    height: 12px;
    display: inline-block;
    margin: 0px 15px;
    background: url(../images/icon/ico-bul-left.svg) 50% 50% no-repeat;
}







/* ---------------------- ?s?z?????????? --------------------- */




section {
    position: relative;
    padding-top: 90px;
    padding-bottom: 90px;
    /* overflow: hidden; */
}


.content {
    
}

.content-block {
    position: relative;
    padding-top: 80px;
    padding-bottom: 80px;
}

.nav-tabs {
    border-bottom: 0px solid transparent;
    margin-bottom: 40px;
}
.nav-tabs .nav-item {
    margin-right: 12px;
}
.nav-tabs .nav-item .nav-link,
.nav-tabs .nav-item .nav-link:hover,
.nav-tabs .nav-item .nav-link.active {
    position: relative;
    color: #000;
    background-color: transparent;
    border: 0px solid transparent;
    font-family: 'Montserrat-Regular', sans-serif;
    border-bottom: 1px solid #000;
    -webkit-transition: border-bottom 0.3s, font-family 0.3s;
    -moz-transition: border-bottom 0.3s, font-family 0.3s;
    -o-transition: border-bottom 0.3s, font-family 0.3s;
    -ms-transition: border-bottom 0.3s, font-family 0.3s;
    transition: border-bottom 0.3s, font-family 0.3s;
}
.nav-tabs .nav-item .nav-link:hover,
.nav-tabs .nav-item .nav-link.active {
    font-family: 'Montserrat-Bold', sans-serif;
    border-bottom: 4px solid #000;
    -webkit-transition: border-bottom 0.3s, font-family 0.3s;
    -moz-transition: border-bottom 0.3s, font-family 0.3s;
    -o-transition: border-bottom 0.3s, font-family 0.3s;
    -ms-transition: border-bottom 0.3s, font-family 0.3s;
    transition: border-bottom 0.3s, font-family 0.3s;
}










/* ---------------------- ?Y???????????????? --------------------- */







div.pagination {
    width: 100%;
    border-top: 1px solid #ccc;
    margin-top: 50px;
    display: inline-block;
}
ul.pagination {
    margin: 0px 0;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}
.pagination>li {
    
}
.pagination>li>span, .pagination>li>a {
    display: inline-block;
    margin-left: 0;
    padding: 12px 14px;
    border: 0px solid transparent;
    border-top: 3px solid transparent;
    border-radius: 0px !important;
    color: #061b2e;
}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, 
.pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
    color: #ccc;
    border: 0px solid transparent;
    /* border-top: 3px solid transparent; */
    background-color: #fff;
}
.pagination>li>a:hover, .pagination>li>a:focus, .pagination>.active>a, .pagination>.active>a:focus, 
.pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #000;
    cursor: default;
    background-color: #fff;
    border-top: 3px solid #000;
}

.red-series .pagination>li>a:hover, .red-series .pagination>li>a:focus, .red-series .pagination>.active>a, .red-series .pagination>.active>a:focus, 
.red-series .pagination>.active>a:hover, .red-series .pagination>.active>span, .red-series .pagination>.active>span:focus, .red-series .pagination>.active>span:hover {
    color: #f48a4e;
    border-top: 3px solid #f48a4e;
}
.yellow-series .pagination>li>a:hover, .yellow-series .pagination>li>a:focus, .yellow-series .pagination>.active>a, .yellow-series .pagination>.active>a:focus, 
.yellow-series .pagination>.active>a:hover, .yellow-series .pagination>.active>span, .yellow-series .pagination>.active>span:focus, .yellow-series .pagination>.active>span:hover {
    color: #deab00;
    border-top: 3px solid #deab00;
}
.green-series .pagination>li>a:hover, .green-series .pagination>li>a:focus, .green-series .pagination>.active>a, .green-series .pagination>.active>a:focus, 
.green-series .pagination>.active>a:hover, .green-series .pagination>.active>span, .green-series .pagination>.active>span:focus, .green-series .pagination>.active>span:hover {
    color: #37897b;
    border-top: 3px solid #37897b;
}
.blue-series .pagination>li>a:hover, .blue-series .pagination>li>a:focus, .blue-series .pagination>.active>a, .blue-series .pagination>.active>a:focus, 
.blue-series .pagination>.active>a:hover, .blue-series .pagination>.active>span, .blue-series .pagination>.active>span:focus, .blue-series .pagination>.active>span:hover {
    color: #67ace7;
    border-top: 3px solid #67ace7;
}






/* ---------------------- ?????????? --------------------- */




footer {
    z-index: 99;
    position: relative;
    height: auto;
    background-color: #2a2b2d;
    padding-top: 60px;
}
footer span,
footer a {
    font-size: 15px;
    color: #fff;
    display: block;
    margin-bottom: 10px;
}
footer a:hover {
    color: #fff;
}
footer .link-title {
    font-family: 'Montserrat-Bold', sans-serif;
    margin-bottom: 26px;
}
footer .nav-footer {
    display: flex;
    /* flex-wrap: unset; */
    flex-direction: row;
    justify-content: space-between;
}
footer .nav-footer .two-col-nav {
    min-width: 40%;
}
footer .nav-footer .two-col-nav .col-own {
    display: inline-block;
    float: left;
    padding: 0px;
    margin-right: 10%;
    max-width: 40%;
}
footer .soc .soc-link {
    position: relative;
    padding-left: 32px;
}
footer .soc .soc-link:before {
    content: " ";
    position: absolute;
    width: 20px;
    height: 20px;
    top: 1px;
    left: 0;
}
footer .soc .link-inst:before {
    background: url('../images/icon/ico-soc-inst.svg') 50% 50% no-repeat;
}
footer .soc .link-fb:before {
    background: url('../images/icon/ico-soc-fb.svg') 50% 50% no-repeat;
}
footer .soc .link-yt:before {
    background: url('../images/icon/ico-soc-yt.svg') 50% 50% no-repeat;
}

footer .contacts span {
    line-height: 2;
}

footer .contact-rows .contact-row {color: white;}

footer .great {
    text-align: left;
    float: right;
}
footer .great img {
    float: left;
    margin-right: 10px;
    margin-top: -5px;
}
footer .copyright {
    display: flex;
    /* flex-wrap: unset; */
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
    padding: 42px 15px;
    border-top: 1px solid #444444;
}
footer .copyright span {
    color: #bfbfc0;
}
footer .copyright img {
    width: 42px;
    margin-right: 20px;
}
footer .copyright .dop-link {
    position: relative;
    opacity: 0.7;
    padding-left: 36px;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
footer .copyright .dop-link:hover {
    opacity: 1;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
footer .copyright .dop-link:before {
    content: " ";
    position: absolute;
    top: -2px;
    left: 0px;
    width: 24px;
    height: 24px;
}
footer .copyright .go-privacy:before {
    background: url('../images/icon/ico-footer-privacy.svg') 50% 50% no-repeat;
}
footer .copyright .go-ur:before {
    background: url('../images/icon/ico-footer-info.svg') 50% 50% no-repeat;
}
footer .copyright .go-up:before {
    background: url('../images/icon/ico-footer-up.svg') 50% 50% no-repeat;
}














/* ---------------------- ????????????N? --------------------- */


.series-home {
    position: relative;
    background-color: #efedf0;
    padding: 0px;
}


.series-home .container { 
    z-index: 99;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -660px;
}
.series-home .container.start-slide,
.series-home .container.next-slide,
.series-home .container.end-slide { 
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 0;
    margin: 0 auto;
}
.series-home .container.stop-slide { 
    position: absolute;
    top: 200vh;
    left: 50%;
    margin-left: -660px;
}

.series-home .bar {
    position: absolute;
    top: 90px;
    padding: 0;
    margin: 0px;
    list-style: none;
}
.series-home .bar li {
    position: absolute;
    padding: 18px 9px;
}
.series-home .bar .linkbar-1 {
    background-color: #fff;
    width: 176px;
    height: 264px;
    top: 0;
    left: 0;
}
.series-home .bar .linkbar-2 {
    top: 0;
    left: 185px;
}
.series-home .bar .linkbar-3 {
    top: 186px;
    left: 185px;
}
.series-home .bar .linkbar-2,
.series-home .bar .linkbar-3 {
    width: 264px;
    height: 176px;
    background-color: rgba(255,255,255,0.7);
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    -o-transition: background 0.3s;
    -ms-transition: background 0.3s;
    transition: background 0.3s;
}
.series-home .bar .linkbar-2:hover,
.series-home .bar .linkbar-3:hover {
    background-color: rgba(255,255,255,1);
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    -o-transition: background 0.3s;
    -ms-transition: background 0.3s;
    transition: background 0.3s;
}
.series-home .bar li a {
    width: 100%;
    height: 100%;
    display: inline-block;
    font-family: 'Montserrat-Regular', sans-serif;
    font-size: 21px;
    text-transform: uppercase;
    text-decoration: none;
}
.series-home .bar .linkbar-3 a {
    font-size: 16px;
}

.series-home .container .bar .series-1 {
    top: 268px;
    left: 0px;
}
.series-home .container .bar .series-2 {
    top: 186px;
    left: 451px;
}
.series-home .container .bar .series-3 {
    top: 0px;
    left: 451px;
}
.series-home .container .bar .series-1,
.series-home .container .bar .series-2, 
.series-home .container .bar .series-3 {
    width: 0px;
    height: 176px;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.series-home .container.start-slide .bar .series-1,
.series-home .container.next-slide .bar .series-2,
.series-home .container.end-slide .bar .series-3 {
    width: 176px;
    opacity: 1;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.series-home .bar .series-link a {
    font-size: 16px;
    text-transform: none;
}
.series-home .bar .series-link a:before {
    content: " ";
    position: absolute;
    width: 24px;
    height: 24px;
    top: auto;
    left: auto;
    bottom: -9px;
    right: 0px;
    background: url(../images/icon/ico-more.svg) 50% 50% no-repeat;
    -webkit-transition: right 0.3s;
    -moz-transition: right 0.3s;
    -o-transition: right 0.3s;
    -ms-transition: right 0.3s;
    transition: right 0.3s;
}
.series-home .bar .series-link a:hover:before {
    right: 12px;
    -webkit-transition: right 0.3s;
    -moz-transition: right 0.3s;
    -o-transition: right 0.3s;
    -ms-transition: right 0.3s;
    transition: right 0.3s;
}
.series-home .series-row-nav {
    position: absolute;
    right: 0;
    top: 80vh;
    padding: 0px;
    margin: 0px;
    list-style: none;
    display: inline-block;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.series-home .series-row-nav li {
    position: relative;
    width: 30px;
    height: 30px;
    background-color: rgba(255,255,255,0.7);
    margin-bottom: 1px;
    padding: 3px;
    font-size: 14px;
    text-align: center;
    cursor: pointer !important;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -ms-transition: background-color 0.3s;
    transition: background-color 0.3s;
}
.series-home .series-row-nav li.active,
.series-home .series-row-nav li:hover {
    background-color: rgba(255,255,255,1);
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -ms-transition: background-color 0.3s;
    transition: background-color 0.3s;
}
.series-home .series-row-nav li:before {
    content: " ";
    position: absolute;
    background-color: #000;
    width: 0%;
    height: 1px;
    top: auto;
    bottom: 5px;
    left: 50%;
    -webkit-transition: width 0.3s, left 0.3s;
    -moz-transition: width 0.3s, left 0.3s;
    -o-transition: width 0.3s, left 0.3s;
    -ms-transition: width 0.3s, left 0.3s;
    transition: width 0.3s, left 0.3s;
}
.series-home .series-row-nav li:hover:before,
.series-home .series-row-nav li.active:before {
    width: 16px;
    left: 7px;
    -webkit-transition: width 0.3s, left 0.3s;
    -moz-transition: width 0.3s, left 0.3s;
    -o-transition: width 0.3s, left 0.3s;
    -ms-transition: width 0.3s, left 0.3s;
    transition: width 0.3s, left 0.3s;
}

.series-home .series-row-img {
    
}
.series-home .series-row-img div {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.series-home .series-row-img div img {
    position: relative;
    height: auto;
    width: 100%;
}




.home-new-preview {
    background-color: #eeeeee;
    overflow: hidden;
}


.slider {
    position: relative;
}
.slider__wrapper {
    display: flex;
    transition: transform 0.6s ease;
}
.slider__item {
    height: 430px;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    margin-right: 6%;
    overflow: hidden;
    position: relative;
    -webkit-transition: flex 0.3s, max-width 0.3s;
    -moz-transition: flex 0.3s, max-width 0.3s;
    -o-transition: flex 0.3s, max-width 0.3s;
    -ms-transition: flex 0.3s, max-width 0.3s;
    transition: flex 0.3s, max-width 0.3s;
}
.slider__item.active {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
    -webkit-transition: flex 0.3s, max-width 0.3s;
    -moz-transition: flex 0.3s, max-width 0.3s;
    -o-transition: flex 0.3s, max-width 0.3s;
    -ms-transition: flex 0.3s, max-width 0.3s;
    transition: flex 0.3s, max-width 0.3s;
}
.slider__item .img-slide {
    float: left;
    display: inline-block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    -o-transition: width 0.3s;
    -ms-transition: width 0.3s;
    transition: width 0.3s;
}
.slider__item.active .img-slide {
    width: 50%;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    -o-transition: width 0.3s;
    -ms-transition: width 0.3s;
    transition: width 0.3s;
}
.slider__item .img-slide img {
    width: auto;
    height: 100%;
}
.slider__item .text-slide {
    position: absolute;
    overflow: hidden;
    float: left;
    display: inline-block;
    background-color: #fff;
    width: 0%;
    height: 100% !important;
    padding: 65px 0px 45px;
    opacity: 0;
    -webkit-transition: width 0.3s, padding 0.3s, opacity 0.3s;
    -moz-transition: width 0.3s, padding 0.3s, opacity 0.3s;
    -o-transition: width 0.3s, padding 0.3s, opacity 0.3s;
    -ms-transition: width 0.3s, padding 0.3s, opacity 0.3s;
    transition: width 0.3s, padding 0.3s, opacity 0.3s;
}
.slider__item.active .text-slide {
    width: 50%;
    padding: 65px 65px 45px;
    opacity: 1;
    -webkit-transition: width 0.3s, padding 0.3s, opacity 0.3s;
    -moz-transition: width 0.3s, padding 0.3s, opacity 0.3s;
    -o-transition: width 0.3s, padding 0.3s, opacity 0.3s;
    -ms-transition: width 0.3s, padding 0.3s, opacity 0.3s;
    transition: width 0.3s, padding 0.3s, opacity 0.3s;
}
.slider__item .text-slide span {
    width: 260px;
    display: inline-block;
}
.slider__item .text-slide a {
    
}




.slider__control {
    position: absolute;
    top: 50%;
    display: none;
    align-items: center;
    justify-content: center;
    width: 74px;
    height: 74px;
    text-align: center;
    opacity: 1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.slider__control_show {
    display: flex;
}
.slider__control:hover,
.slider__control:focus {
    
}
.slider__control_left {
    margin-left: -37px;
    left: 0;
    background: url('../images/icon/ico-prev-min.svg') 50% 50% no-repeat #fff;
    background-size: 44%;
}
.slider__control_right {
    /* margin-right: -37px; */
    right: 24.333333%;
    background: url('../images/icon/ico-next-min.svg') 50% 50% no-repeat #fff;
    background-size: 44%;
}
.slider__control:before {
    content: '';
    position: absolute;
    display: inline-block;
    top: 20%;
    left: 20%;
    width: 60%;
    height: 60%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 0px solid transparent;
    -webkit-transition: width 0.3s, height 0.3s, border 0.3s, top 0.3s, left 0.3s;
    -moz-transition: width 0.3s, height 0.3s, border 0.3s, top 0.3s, left 0.3s;
    -o-transition: width 0.3s, height 0.3s, border 0.3s, top 0.3s, left 0.3s;
    -ms-transition: width 0.3s, height 0.3s, border 0.3s, top 0.3s, left 0.3s;
    transition: width 0.3s, height 0.3s, border 0.3s, top 0.3s, left 0.3s;
}
.slider__control:hover:before {
    top: 10%;
    left: 10%;
    width: 80%;
    height: 80%;
    border: 1px solid #000;
    -webkit-transition: width 0.3s, height 0.3s, border 0.3s, top 0.3s, left 0.3s;
    -moz-transition: width 0.3s, height 0.3s, border 0.3s, top 0.3s, left 0.3s;
    -o-transition: width 0.3s, height 0.3s, border 0.3s, top 0.3s, left 0.3s;
    -ms-transition: width 0.3s, height 0.3s, border 0.3s, top 0.3s, left 0.3s;
    transition: width 0.3s, height 0.3s, border 0.3s, top 0.3s, left 0.3s;
}



.partner {
    text-align: center;
    display: inline-block;
    margin: 20px auto 0;
    padding: 0px 30px;
    float: left;
}

.partner img {
    width: 80%;
    height: auto;
}
.partner span {
    font-size: 12px;
    line-height: 1.2;
    display: inline-block;
    margin-top: -20px;
}


.block-gallery {
    text-align: center;
    margin-bottom: 80px;
}
.block-gallery img {
    width: 100%;
}
.link-gallery {
    position: relative;
    display: inline-block;
    width: 192px;
    height: 192px;
    margin-top: -110px;
    padding: 130px 40px 40px;
    background-color: #dedede;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Montserrat-Bold', sans-serif;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -ms-transition: background-color 0.3s;
    transition: background-color 0.3s;
}
.link-gallery:before {
    content: " ";
    position: absolute;
    width: 80px;
    height: 80px;
    top: 40px;
    left: 50%;
    margin-left: -40px;
    background: url(../images/icon/ico-foto.svg) 50% 50% no-repeat;
}

.block-video {
    margin: 0px auto;
}
.block-video img {
    width: 100%;
}
.block-video .link-play {
    position: absolute;
    display: inline-block;
    top: 50%;
    left: 50%;
    margin-top: -47px;
    margin-left: -47px;
    width: 94px;
    height: 94px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: url(../images/icon/ico-play.svg) 50% 50% no-repeat #2a2b2d;
    background-size: 72%;
    -webkit-transition: 0.3s cubic-bezier(0.49, 0.1, 0.72, 2);
    -moz-transition: 0.3s cubic-bezier(0.49, 0.1, 0.72, 2);
    -o-transition: 0.3s cubic-bezier(0.49, 0.1, 0.72, 2);
    -ms-transition: 0.3s cubic-bezier(0.49, 0.1, 0.72, 2);
    transition: 0.3s cubic-bezier(0.49, 0.1, 0.72, 2);
}
.block-video .link-play:hover {
    margin-top: -60px;
    margin-left: -60px;
    width: 120px;
    height: 120px;
    background-size: 62%;
    -webkit-transition: 0.3s cubic-bezier(0.49, 0.1, 0.72, 2);
    -moz-transition: 0.3s cubic-bezier(0.49, 0.1, 0.72, 2);
    -o-transition: 0.3s cubic-bezier(0.49, 0.1, 0.72, 2);
    -ms-transition: 0.3s cubic-bezier(0.49, 0.1, 0.72, 2);
    transition: 0.3s cubic-bezier(0.49, 0.1, 0.72, 2);
}

.block-index-content {margin-bottom:40px;}





/* ---------------------- ?s?????????z?? --------------------- */







.filter {
    margin-top: 90px;
}
.filter .btn-filter {
    font-size: 15px;
    position: relative;
    padding-right: 30px;
}
.filter .btn-filter:before {
    content: " ";
    position: absolute;
    width: 12px;
    height: 12px;
    top: 3px;
    left: auto;
    right: 0px;
    background: url(../images/icon/ico-bul-left.svg) 50% 50% no-repeat;
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.filter .btn-filter.collapsed:before {
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.filter .filter-row {
    padding: 30px 0 0;
    margin: 0;
    list-style: none;
}
.filter .filter-row .parameter {
    width: 33%;
    display: inline-block;
}
.filter .filter-row .parameter a {
    font-family: 'Montserrat-Bold', sans-serif;
    position: relative;
    padding: 12px 0 12px 50px;
    display: inline-block;
    text-decoration: none;
    width: 92%;
    background-color: #fff;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -ms-transition: background-color 0.3s;
    transition: background-color 0.3s;
}
.filter .filter-row .parameter a:hover {
    background-color: #deab00;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -ms-transition: background-color 0.3s;
    transition: background-color 0.3s;
}
.filter .filter-row .parameter a:before {
    content: " ";
    position: absolute;
    width: 32px;
    height: 32px;
    top: 50%;
    margin-top: -16px;
    left: 10px;
}
.filter .filter-row .parameter .link-1:before { background: url(../images/icon/ico-feature-1.svg) 50% 50% no-repeat; }
.filter .filter-row .parameter .link-2:before { background: url(../images/icon/ico-feature-2.svg) 50% 50% no-repeat; }
.filter .filter-row .parameter .link-3:before { background: url(../images/icon/ico-feature-3.svg) 50% 50% no-repeat; }
.filter .filter-row .parameter .link-4:before { background: url(../images/icon/ico-feature-4.svg) 50% 50% no-repeat; }
.filter .filter-row .parameter .link-5:before { background: url(../images/icon/ico-feature-5.svg) 50% 50% no-repeat; }
.filter .filter-row .parameter .link-6:before { background: url(../images/icon/ico-feature-6.svg) 50% 50% no-repeat; }
.filter .filter-row .parameter .link-7:before { background: url(../images/icon/ico-feature-7.svg) 50% 50% no-repeat; }
.filter .filter-row .parameter .link-8:before { background: url(../images/icon/ico-feature-8.svg) 50% 50% no-repeat; }
.filter .filter-row .parameter .link-9:before { background: url(../images/icon/ico-feature-9.svg) 50% 50% no-repeat; }

.red-series .filter .filter-row .parameter a:hover { background-color: #f48a4e; }
.yellow-series .filter .filter-row .parameter a:hover { background-color: #deab00; }
.green-series .filter .filter-row .parameter a:hover { background-color: #37897b; }
.blue-series .filter .filter-row .parameter a:hover { background-color: #67ace7; }




.series-row {
    padding-top: 0;
    padding-bottom: 70px;
}
.series-row .series {
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 100%;
    height: 190px;
    margin-bottom: 20px;
    border-bottom: 1px solid #cfcfcf;
}
.series-row .series .series-title {
    z-index: 12;
    margin: 15px;
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.series-row .series .series-title .series-logo {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    width: 60px;
    height: 60px;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    -o-transition: width 0.3s;
    -ms-transition: width 0.3s;
    transition: width 0.3s;
}
.series-row .series:hover .series-title .series-logo {
    width: 0px;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    -o-transition: width 0.3s;
    -ms-transition: width 0.3s;
    transition: width 0.3s;
}
.series-row .series .series-title .series-logo img {
    width: 100%;
    height: auto;
}
.series-row .series .series-title h2 {
    position: relative;
    margin: 0 15px;
    font-family: 'Montserrat-Regular', sans-serif;
    color: #000;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    -ms-transition: color 0.3s;
    transition: color 0.3s;
}.series-row .series .series-title p {
    position: relative;
    left: 20px; top: 20px;
    font-family: 'Montserrat-Regular', sans-serif;
    color: #000;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    -ms-transition: color 0.3s;
    transition: color 0.3s;
    display: none;
}
.series-row .series:hover .series-title p {
    display: block;
    color: #fff;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    -ms-transition: color 0.3s;
    transition: color 0.3s; left: 40px;}
.series-row .series:hover .series-title h2 {
    color: #fff;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    -ms-transition: color 0.3s;
    transition: color 0.3s;
}
.series-row .series .series-title h2:before {
    content: " ";
    position: absolute;
    width: 24px;
    height: 24px;
    top: auto;
    left: auto;
    right: 10px;
    opacity: 0;
    background: url(../images/icon/ico-more-white.svg) 50% 50% no-repeat;
    -webkit-transition: right 0.3s, opacity 0.3s;
    -moz-transition: right 0.3s, opacity 0.3s;
    -o-transition: right 0.3s, opacity 0.3s;
    -ms-transition: right 0.3s, opacity 0.3s;
    transition: right 0.3s, opacity 0.3s;
}
.series-row .series:hover .series-title h2:before {
    right: -40px;
    opacity: 1;
    -webkit-transition: right 0.3s, opacity 0.3s;
    -moz-transition: right 0.3s, opacity 0.3s;
    -o-transition: right 0.3s, opacity 0.3s;
    -ms-transition: right 0.3s, opacity 0.3s;
    transition: right 0.3s, opacity 0.3s;
}
.series-row .series:hover .series-title:hover h2:before {
    right: -50px;
    -webkit-transition: right 0.3s, opacity 0.3s;
    -moz-transition: right 0.3s, opacity 0.3s;
    -o-transition: right 0.3s, opacity 0.3s;
    -ms-transition: right 0.3s, opacity 0.3s;
    transition: right 0.3s, opacity 0.3s;
}
.series-row .series .series-type-link {
    z-index: 11;
    position: absolute;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 30px;
    padding-top: 80px;
    background-color: rgba(0,0,0,0.36);
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.series-row .series:hover .series-type-link {
    opacity: 1;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.series-row .series .series-type-link a {
    min-width: 24%;
    margin-right: 1%;
    padding: 10px 24px 10px 45px;
    border-bottom: 1px solid #fff;
    color: #fff;
    opacity: 0.6;
    -webkit-transition: opacity 0.3s, border-bottom 0.3s;
    -moz-transition: opacity 0.3s, border-bottom 0.3s;
    -o-transition: opacity 0.3s, border-bottom 0.3s;
    -ms-transition: opacity 0.3s, border-bottom 0.3s;
    transition: opacity 0.3s, border-bottom 0.3s;
}
.series-row .series .series-type-link a:hover {
    border-bottom: 3px solid #fff;
    opacity: 1;
    -webkit-transition: opacity 0.3s, border-bottom 0.3s;
    -moz-transition: opacity 0.3s, border-bottom 0.3s;
    -o-transition: opacity 0.3s, border-bottom 0.3s;
    -ms-transition: opacity 0.3s, border-bottom 0.3s;
    transition: opacity 0.3s, border-bottom 0.3s;
}
.series-row .series .series-type-link a:before {
    content: " ";
    position: absolute;
    width: 35px;
    height: 35px;
    top: 5px;
    left: 3px;
}
.series-row .series .series-type-link .link-2:before {
    background: url(../images/icon/ico-series-kids.svg) 50% 50% no-repeat;
}
.series-row .series .series-type-link .link-3:before {
    background: url(../images/icon/parkour_icon.svg) 50% 50% no-repeat;
}
.series-row .series .series-type-link .link-4:before {
    background: url(../images/icon/ico-series-sport.svg) 50% 50% no-repeat;
}
.series-row .series .series-type-link .link-ready:before {
    background: url(../images/icon/ico-series-ready.svg) 50% 50% no-repeat;
}
.series-row .series .series-type-link .link-zoo:before {
    background: url(../images/icon/ico-series-zoo.svg) 50% 50% no-repeat;
}
.series-row .series .series-type-link .link-game:before {
    background: url(../images/icon/ico-series-game.svg) 50% 50% no-repeat;
}

.series-row .series .series-type-link .link-swing:before {
    background: url(../images/icon/swing_icon.svg) 50% 50% no-repeat;
}

.series-row .series .series-type-link .link-rack:before {
    background: url(../images/icon/rack_icon.svg) 50% 50% no-repeat;
}

.series-row .series .series-type-link .link-hinged_equipment:before {
    background: url(../images/icon/hinged_equipment_icon.svg) 50% 50% no-repeat;
}


.series-row .series .series-img {
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    /* width: 100%; */
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: center;
}
.series-row .series .series-img img {
    height: auto;
    /* width: 100%; */
    height: 195px;
}











/* ---------------------- ?????????? --------------------- */




.series-top {
    /*height: 90vh;*/
    max-height: 640px;
    margin-bottom: 60px;
}
.series-top .container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    height: 100%;
}
.series-top .page-title  {
    width: 30%;
}
.series-top .page-title p {
    margin-bottom: 0px;
}

.series-header {
    padding: 0 15px;
}
.series-header h1,
.series-header p {
    padding: 0 15px;
}
.series-header .series-type-link {
    z-index: 11;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    padding: 0 15px;
}
.series-header .series-type-link a {
    width: 24%;
    margin-right: 1%;
    padding: 10px 14px 10px 50px;
    border-bottom: 1px solid #cfcfcf;
    -webkit-transition: border-bottom 0.3s;
    -moz-transition: border-bottom 0.3s;
    -o-transition: border-bottom 0.3s;
    -ms-transition: border-bottom 0.3s;
    transition: border-bottom 0.3s;
}
.series-header .series-type-link a.active,
.series-header .series-type-link a:hover {
    border-bottom: 3px solid #000;
    -webkit-transition: border-bottom 0.3s;
    -moz-transition: border-bottom 0.3s;
    -o-transition: border-bottom 0.3s;
    -ms-transition: border-bottom 0.3s;
    transition: border-bottom 0.3s;
}
.series-header .series-type-link a:before {
    content: " ";
    position: absolute;
    width: 40px;
    height: 40px;
    top: 3px;
    left: 3px;
    background-size: 75% !important;
}
.series-header .series-type-link .link-2:before {
    background: url(../images/icon/ico-series-kids.svg) 50% 50% no-repeat #000;
}
.series-header .series-type-link .link-3:before {
    background: url(../images/icon/parkour_icon.svg) 50% 50% no-repeat #000;
}
.series-header .series-type-link .link-4:before {
    background: url(../images/icon/ico-series-sport.svg) 50% 50% no-repeat #000;
}
.series-header .series-type-link .link-ready:before {
    background: url(../images/icon/ico-series-ready.svg) 50% 50% no-repeat #000;
}
.series-header .series-type-link .link-game:before {
    background: url(../images/icon/ico-series-game.svg) 50% 50% no-repeat #000;
}
.series-header .series-type-link .link-zoo:before {
    background: url(../images/icon/ico-series-zoo.svg) 50% 50% no-repeat #000;
}
.series-header .series-type-link .link-swing:before {
    background: url(../images/icon/swing_icon.svg) 50% 50% no-repeat #000;
}
.series-header .series-type-link .link-rack:before {
    background: url(../images/icon/rack_icon.svg) 50% 50% no-repeat #000;
}
.series-header .series-type-link .link-hinged_equipment:before {
    background: url(../images/icon/hinged_equipment_icon.svg) 50% 50% no-repeat #000;
}

.filter-inspiration.series-header .series-type-link {
    padding: 0;
}
.filter-inspiration.series-header .btn-filter,
.filter-inspiration.series-header .filter-row {
    margin-bottom: 20px;
}

.filter-inspiration.series-header .row {
    margin: 20px -15px;
}


.products-row {
    display: inline-block;
    padding-top: 0;
    padding-bottom: 70px;
}
.products-row .product-preview {
    position: relative;
    display: inline-block;
    padding: 0 5px;
    margin: 0 auto 20px;
    float: left;
}
.products-row .product-preview.pr-l {
    width: 100%;
}
.products-row .product-preview.pr-m {
    width: 50%;
}
.products-row .product-preview.pr-s {
    width: 25%;
}
.products-row .product-preview .preview-content {
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 100%;
    height: 300px;
    border-bottom: 1px solid #cfcfcf;
}
.products-row .product-preview .product-title {
    z-index: 12;
    margin: 15px;
    /* width: 20%; */
    width: auto;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.products-row .product-preview .product-title h2 {
    position: relative;
    margin: 0 15px;
    font-family: 'Montserrat-Regular', sans-serif;
    font-size: 19px;
    color: #000;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    -ms-transition: color 0.3s;
    transition: color 0.3s;
}
.products-row .product-preview:hover .product-title h2 {
    color: #fff;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    -ms-transition: color 0.3s;
    transition: color 0.3s;
}
.elements-row .product-preview:hover .product-title h2 {
    color: #000;
}
.products-row .product-preview .product-title h2:before {
    content: " ";
    position: absolute;
    width: 24px;
    height: 24px;
    top: -3px;
    left: auto;
    right: 10px;
    opacity: 0;
    background: url(../images/icon/ico-more-white.svg) 50% 50% no-repeat;
    -webkit-transition: right 0.3s, opacity 0.3s;
    -moz-transition: right 0.3s, opacity 0.3s;
    -o-transition: right 0.3s, opacity 0.3s;
    -ms-transition: right 0.3s, opacity 0.3s;
    transition: right 0.3s, opacity 0.3s;
}
.products-row .product-preview:hover .product-title h2:before {
    right: -40px;
    opacity: 1;
    -webkit-transition: right 0.3s, opacity 0.3s;
    -moz-transition: right 0.3s, opacity 0.3s;
    -o-transition: right 0.3s, opacity 0.3s;
    -ms-transition: right 0.3s, opacity 0.3s;
    transition: right 0.3s, opacity 0.3s;
}
.products-row .product-preview:hover .product-title:hover h2:before {
    right: -50px;
    -webkit-transition: right 0.3s, opacity 0.3s;
    -moz-transition: right 0.3s, opacity 0.3s;
    -o-transition: right 0.3s, opacity 0.3s;
    -ms-transition: right 0.3s, opacity 0.3s;
    transition: right 0.3s, opacity 0.3s;
}

.products-row .product-preview .product-info {
    z-index: 11;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 30px;
    padding-top: 60px;
    background-color: rgba(0,0,0,0.36);
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.products-row .product-preview:hover .product-info {
    opacity: 1;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.product-info .parameter {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
}
.pr-m .product-info .parameter,
.pr-s .product-info .parameter {
    width: 100%;
    display: inline-block;
}
.product-info .parameter span {
    position: relative;
    width: 24%;
    padding: 9px 0px 9px 40px;
    border-bottom: 1px solid #fff;
    color: #fff;
    opacity: 1;
}
.pr-m .product-info .parameter span {
    float: left;
    width: 48%;
    margin-right: 2%;
    display: inline-block;
}
.pr-s .product-info .parameter span {
    width: 100%;
    height: 44px;
    line-height: 1.6;
    overflow: hidden;
    display: block;
}
.product-info .parameter span:before {
    content: " ";
    position: absolute;
    width: 24px;
    height: 24px;
    top: 8px;
    left: 3px;
}
.product-info .parameter .param-dim:before {
    background: url(../images/icon/ico-feature-7-white.svg) 50% 50% no-repeat;
}
.product-info .parameter .param-age:before {
    background: url(../images/icon/ico-feature-3-white.svg) 50% 50% no-repeat;
}
.product-info .parameter .param-term:before {
    background: url(../images/icon/ico-feature-1-white.svg) 50% 50% no-repeat;
}
.product-info .parameter .param-warranty:before {
    background: url(../images/icon/ico-feature-2-white.svg) 50% 50% no-repeat;
}

.product-info .dop-info {
    width: 100%;
    height: 50px;
    margin: 10px 0;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
}
.pr-m .product-info .dop-info {
    width: auto;
    height: 50px;
    margin: 0;
    display: inline-block;
    position: absolute;
    top: 14px;
    left: auto;
    right: 40px;
    text-align: right;
}
.product-info .dop-info .price {
    color: #fff;
}
.product-info .dop-info .downloads {
    width: 50%;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-end;
}
.product-info .dop-info .downloads a {
    position: relative;
    color: #fff;
    margin: 0 10px;
    padding-left: 40px;
}
.product-info .dop-info .downloads a:before {
    content: " ";
    position: absolute;
    width: 24px;
    height: 24px;
    top: 0px;
    left: 0px;
}
.product-info .dop-info .downloads .link-3d:before {
    background: url(../images/icon/ico-scheme-1.svg) 50% 50% no-repeat;
}
.product-info .dop-info .downloads .link-dwg:before {
    background: url(../images/icon/ico-scheme-2.svg) 50% 50% no-repeat;
}
.product-info .dop-info .downloads .link-dim:before {
    background: url(../images/icon/ico-scheme-3.svg) 50% 50% no-repeat;
}





.products-row .product-preview .product-img {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: center;
    align-items: center;
    justify-content: flex-end;
    text-align: center;
}
.products-row .product-preview .product-img img {
    height: 100%;
    width: auto;
}










/* ---------------------- ?s???????z???s?? --------------------- */






.product-header {
    padding: 0;
    height: 100vh;
}

.product-header .bl-breadcrumbs {
    position: absolute;
    top: -60px;
    left: 0;
}

.product-header .bar {
    position: absolute;
    z-index: 99;
    top: 160px;
    left: 50%;
    margin-left: -640px;
}
.product-header .bar .title-product,
.product-header .bar .order,
.product-header .bar .go-scheme,
.product-header .bar .go-inspiration {
    position: absolute;
    padding: 18px 9px;
}
.product-header .bar .title-product {
    background-color: #fff;
    width: 176px;
    height: 224px;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px 9px 10px;
}
.product-header .bar .title-product span {
    font-size: 15px;
}
.product-header .bar .go-scheme,
.product-header .bar .go-inspiration {
    font-size: 21px;
    text-transform: uppercase;
    text-decoration: none;
    width: 264px;
    height: 176px;
    background-color: rgba(255,255,255,0.7);
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    -o-transition: background 0.3s;
    -ms-transition: background 0.3s;
    transition: background 0.3s;
}
.product-header .bar .go-scheme:hover,
.product-header .bar .go-inspiration:hover {
    background-color: rgba(255,255,255,1);
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    -o-transition: background 0.3s;
    -ms-transition: background 0.3s;
    transition: background 0.3s;
}
.product-header .bar .go-scheme {
    top: 0;
    left: 185px;
}
.product-header .bar .go-inspiration {
    top: 186px;
    left: 185px;
    font-size: 16px;
}
.product-header .bar .order {
    top: 228px;
    left: 0px;
    width: 176px;
    height: 176px;
    background-color: #deab00;
    padding: 12px 9px 8px;
    text-decoration: none;
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border:0px;
}
.red-series .order {
    background-color: #f48a4e !important;
}
.yellow-series .order {
    background-color: #deab00 !important;
}
.green-series .order {
    background-color: #37897b !important;
}
.blue-series .order {
    background-color: #67ace7 !important;
}
.product-header .bar .order span {
    font-size: 15px;
}
.product-header .bar .order:before {
    content: " ";
    position: absolute;
    width: 24px;
    height: 24px;
    top: auto;
    left: auto;
    bottom: 9px;
    right: 9px;
    background: url(../images/icon/ico-more.svg) 50% 50% no-repeat;
    -webkit-transition: right 0.3s;
    -moz-transition: right 0.3s;
    -o-transition: right 0.3s;
    -ms-transition: right 0.3s;
    transition: right 0.3s;
}
.product-header .bar .order:hover:before {
    right: 20px;
    -webkit-transition: right 0.3s;
    -moz-transition: right 0.3s;
    -o-transition: right 0.3s;
    -ms-transition: right 0.3s;
    transition: right 0.3s;
}




.product-header .slider-full {
    height: 100%;
    overflow: hidden;
}
.product-header .slider-full .non-foto {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -210px 0 0 -210px;
}
.product-header .slider-full .carousel-control-prev {
    top: 60%;
    left: calc(100% - 65% - 60px);
    margin-top: -31px;
    width: 23px;
    height: 62px;
    background: url(../images/icon/ico-prev.svg) 50% 50% no-repeat;
}
.product-header .slider-full .carousel-control-next {
    top: 60%;
    right: 60px;
    margin-top: -31px;
    width: 23px;
    height: 62px;
    background: url(../images/icon/ico-next.svg) 50% 50% no-repeat;
}

.product-header .carousel-control {
    position: absolute;
    top: auto;
    bottom: 70px;
    left: 50%;
    margin-left: -640px;
}
.product-header .carousel-indicators {
    position: relative;
    display: inline-block;
    padding: 0px;
    margin: 0px;
    width: 350px;
}
.product-header .carousel-indicators li {
    float: left;
    box-sizing: content-box;
    -ms-flex: none;
    flex: none;
    width: 110px;
    height: 110px;
    margin: 1px;
    text-indent: 0px;
    cursor: pointer;
    background-color: #fff;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: center;
    border: 1px solid transparent;
    opacity: 1;
    transition: opacity .6s ease;
    -webkit-transition: border 0.3s;
    -moz-transition: border 0.3s;
    -o-transition: border 0.3s;
    -ms-transition: border 0.3s;
    transition: border 0.3s;
}
.product-header .carousel-indicators li:hover,
.product-header .carousel-indicators li.active {
    border: 1px solid #000;
    -webkit-transition: border 0.3s;
    -moz-transition: border 0.3s;
    -o-transition: border 0.3s;
    -ms-transition: border 0.3s;
    transition: border 0.3s;
}
.product-header .carousel-indicators li img {
    width: 100%;
    height: auto;
    /* -webkit-filter: brightness(1.07);
    filter: brightness(1.07);
    -webkit-transition: -webkit-filter 0.3s;
    -moz-transition: filter 0.3s;
    -o-transition: filter 0.3s;
    -ms-transition: filter 0.3s;
    transition: filter 0.3s; */
}

.product-header .carousel-item {
    width: 100%;
    height: 100vh;
}
.carousel-fade .carousel-item-next.carousel-item-left, 
.carousel-fade .carousel-item-prev.carousel-item-right,
.carousel-fade .carousel-item.active,
.product-header .carousel-item.carousel-item-next {
    overflow: hidden;
    display: flex;
    /* flex-direction: column;
    align-items: center;
    text-align: right;
    justify-content: end; */
    width: 100%;
    height: 100vh;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    height: 100vh;
    background-color: #f1f1f3 !important;
}
.product-header .carousel-item img {
    /* width: auto;
    height: 100% !important; */
    height: 90% !important;
    width: auto !important;
    margin-right: 10%;
    display: inline-block;
    position: relative;
    object-fit: cover;
}




.product-desc {
    overflow: hidden;
}
.product-desc .description, .product-desc .complectation, .product-desc .gosts {
    background-color: #2a2b2d;
    padding: 40px;
    color: #fff;
}
.product-desc .complectation p a {color: white; text-decoration: underline !important}
.product-desc .complectation p a:hover {cursor:pointer; text-decoration: none !important;}
.product-desc .description p {
    font-size: 19px;
}
.product-desc .specifications {
    background-color: #2a2b2d;
    padding: 40px;
    list-style: none;
}
.product-desc .specifications li {
    position: relative;
    display: inline-block;
    font-family: 'Montserrat-Bold', sans-serif;
    color: #fff;
    padding: 12px 0px 12px 50px;
    width: 35%;
    height: 48px;
}
.product-desc .specifications li span {
    font-family: 'Montserrat-Regular', sans-serif;
    margin-left: 15px;
}
.product-desc .specifications li:before {
    content: " ";
    position: absolute;
    width: 32px;
    height: 32px;
    top: 50%;
    margin-top: -16px;
    left: 0px;
}
.product-desc .specifications .spec-1:before {
    background: url(../images/icon/ico-feature-2-white.svg) 50% 50% no-repeat;
}
.product-desc .specifications .spec-2:before {
    background: url(../images/icon/ico-feature-4-white.svg) 50% 50% no-repeat;
}
.product-desc .specifications .spec-3:before {
    background: url(../images/icon/ico-feature-7-white.svg) 50% 50% no-repeat;
}
.product-desc .specifications .spec-4:before {
    background: url(../images/icon/ico-feature-3-white.svg) 50% 50% no-repeat;
}
.product-desc .specifications .spec-5:before {
    background: url(../images/icon/ico-feature-6-white.svg) 50% 50% no-repeat;
}
.product-desc .specifications .spec-6:before {
    background: url(../images/icon/ico-feature-8-white.svg) 50% 50% no-repeat;
}
.product-desc .specifications .spec-7:before {
    background: url(../images/icon/ico-feature-7-white.svg) 50% 50% no-repeat;
}
.product-desc .specifications .spec-8:before {
    background: url(../images/icon/ico-feature-8-white.svg) 50% 50% no-repeat;
}
.product-desc .specifications .spec-9:before {
    background: url(../images/icon/ico-feature-9-white.svg) 50% 50% no-repeat;
}
span.spec-1:before {
    background: url(../images/icon/ico-feature-1-white.svg) 50% 50% no-repeat;
}
span.spec-2:before {
    background: url(../images/icon/ico-feature-2-white.svg) 50% 50% no-repeat;
}
span.spec-3:before {
    background: url(../images/icon/ico-feature-3-white.svg) 50% 50% no-repeat;
}
span.spec-4:before {
    background: url(../images/icon/ico-feature-4-white.svg) 50% 50% no-repeat;
}
span.spec-5:before {
    background: url(../images/icon/ico-feature-5-white.svg) 50% 50% no-repeat;
}
span.spec-6:before {
    background: url(../images/icon/ico-feature-6-white.svg) 50% 50% no-repeat;
}
span.spec-7:before {
    background: url(../images/icon/ico-feature-7-white.svg) 50% 50% no-repeat;
}
span.spec-8:before {
    background: url(../images/icon/ico-feature-8-white.svg) 50% 50% no-repeat;
}
span.spec-9:before {
    background: url(../images/icon/ico-feature-9-white.svg) 50% 50% no-repeat;
}

.product-desc .materials {
    width: 66%;
}
.product-desc .colors p {
    margin-bottom: 15px;
}
.product-desc .colors .color-srction {
    width: 100%;
    display: inline-block;
    padding: 0px;
    margin-bottom: 30px;
    list-style: none;
}
.product-desc .colors .color-srction li {
    float: left;
    width: 260px;
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: left;
    justify-content: start;
}
.product-desc .colors .color-srction li .color {
    width: 70px;
    height: 70px;
    margin-right: 20px;
    min-width: 70px;
    min-height: 70px;
}

.product-desc .row-schemes {
    float: left;
    width: 66%;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
}
.product-desc .row-schemes .scheme-link {
    /* float: left;
    height: 270px; */
    margin-right: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    justify-content: flex-start;
}
.product-desc .row-schemes .scheme-link img {
    /* width: auto;
    height: 230px; */
    width: 100%;
    height: auto;
}

.product-desc .downloads {
    width: 33%;
    float: left;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    justify-content: flex-start;
}
.product-desc .downloads a {
    position: relative;
    height: 54px;
    margin-bottom: 12px;
    padding: 12px 34px 12px 70px;
    font-size: 19px;
}
.product-desc .downloads a:after {
    content: " ";
    position: absolute;
    width: 24px;
    height: 24px;
    top: 50%;
    margin-top: -17px;
    left: auto;
    right: 0px;
    background: url(../images/icon/ico-download.svg) 50% 50% no-repeat;
}
.product-desc .downloads a:before {
    content: " ";
    position: absolute;
    width: 54px;
    height: 54px;
    top: 0px;
    left: 0px;
    background-size: 60% !important;
}
.product-desc .downloads .link-3d:before {
    background: url(../images/icon/ico-scheme-1.svg) 50% 50% no-repeat #000;
}
.product-desc .downloads .link-dwg:before {
    background: url(../images/icon/ico-scheme-2.svg) 50% 50% no-repeat #000;
}
.product-desc .downloads .link-dim:before {
    background: url(../images/icon/ico-scheme-3.svg) 50% 50% no-repeat #000;
}



.product-elements {
    padding-top: 60px;
    display: inline-block;
}
.product-elements .el-scheme {
    position: relative;
    width: 50%;
    float: left;
}
.product-elements .el-scheme a {
    overflow: hidden;
    position: absolute;
    width: 60px;
    height: 60px;
    margin-top: -31px;
    margin-left: -31px;
    border: 1px solid #000;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: border 0.3s, width 0.3s,height 0.3s,margin-top 0.3s,margin-left 0.3s;
    -moz-transition: border 0.3s, width 0.3s,height 0.3s,margin-top 0.3s,margin-left 0.3s;
    -o-transition: border 0.3s, width 0.3s,height 0.3s,margin-top 0.3s,margin-left 0.3s;
    -ms-transition: border 0.3s, width 0.3s,height 0.3s,margin-top 0.3s,margin-left 0.3s;
    transition: border 0.3s, width 0.3s,height 0.3s,margin-top 0.3s,margin-left 0.3s;
}
.product-elements .el-scheme a:hover,
.product-elements .el-scheme a.active {
    width: 80px;
    height: 80px;
    margin-top: -42px;
    margin-left: -42px;
    border: 4px solid #deab00;
    -webkit-transition: border 0.3s, width 0.3s,height 0.3s,margin-top 0.3s,margin-left 0.3s;
    -moz-transition: border 0.3s, width 0.3s,height 0.3s,margin-top 0.3s,margin-left 0.3s;
    -o-transition: border 0.3s, width 0.3s,height 0.3s,margin-top 0.3s,margin-left 0.3s;
    -ms-transition: border 0.3s, width 0.3s,height 0.3s,margin-top 0.3s,margin-left 0.3s;
    transition: border 0.3s, width 0.3s,height 0.3s,margin-top 0.3s,margin-left 0.3s;
}
.red-series .product-elements .el-scheme a:hover,
.red-series .product-elements .el-scheme a.active {
    border: 4px solid #f48a4e;
}
.green-series .product-elements .el-scheme a:hover,
.green-series .product-elements .el-scheme a.active{
    border: 4px solid #37897b;
}
.blue-series .product-elements .el-scheme a:hover,
.blue-series .product-elements .el-scheme a.active {
    border: 4px solid #67ace7;
}
.product-elements .el-scheme a img {
    width: 100%;
    height: auto;
}
.product-elements .el-scheme .scheme-img {
    width: 100%;
    height: auto;
}
.product-elements .el-row{
    width: 50%;
    float: left;
    padding-top: 40px;
    padding-left: 30px;
}
.product-elements .el-row h4 {
    margin-bottom: 40px;
}
.product-elements .el-row .el-list {
    padding: 0px;
    list-style: none;
}
.product-elements .el-row .el-list li {
    position: relative;
    width: 100%;
    height: 47px;
}
.product-elements .el-row .el-list li:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 1px;
    top: auto;
    bottom: 0px;
    left: 0px;
    background-color: #cfcfcf;
    -webkit-transition: background-color 0.3s, height 0.3s;
    -moz-transition: background-color 0.3s, height 0.3s;
    -o-transition: background-color 0.3s, height 0.3s;
    -ms-transition: background-color 0.3s, height 0.3s;
    transition: background-color 0.3s, height 0.3s;
}
.product-elements .el-row .el-list li:hover:before,
.product-elements .el-row .el-list li.active:before {
    height: 4px;
    background-color: #000;
    -webkit-transition: background-color 0.3s, height 0.3s;
    -moz-transition: background-color 0.3s, height 0.3s;
    -o-transition: background-color 0.3s, height 0.3s;
    -ms-transition: background-color 0.3s, height 0.3s;
    transition: background-color 0.3s, height 0.3s;
}
.product-elements .el-row .el-list li a {
    width: 100%;
    height: 100%;
    display: inline-block;
    padding: 12px 20px;
}
.product-elements .el-row .el-list li:hover a,
.product-elements .el-row .el-list li.active a {
    font-family: 'Montserrat-Bold', sans-serif;
}













/* ---------------------- ?s?z?????????? --------------------- */





.cart-btn {
    position: relative;
    float: right;
    width: 24px;
    height: 24px;
    margin-left: 30px;
    background: url(../images/icon/ico-cart.svg) 50% 50% no-repeat transparent;
}
.count-cart {
    position: absolute;
    top: -4px;
    right: -8px;
    width: 16px;
    height: 16px;
    text-align: center;
    font-size: 9px !important;
    color: #000;
    background-color: #fff;
    border: 0.7px solid #000;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}





.non-foto {
    width: 110px;
    height: 110px;
}



.btn-danger,
.btn-danger:hover {
    width: 24px;
    height: 24px;
    border: none;
    background: url(../images/icon/ico-delete.svg) 50% 50% no-repeat transparent;
}



#msCart {
    margin-bottom: 60px;
}

.cart-row {
    display: flex;
    display: -ms-flexbox;
    flex-direction: column;
    -ms-flex-direction: column;
    justify-content: space-between;
    -ms-flex-pack: justify;
    align-items: center;
    -ms-flex-align: center;
    width: 100%;
}
.cart-row .header,
.cart-row .footer,
.product-cart {
    display: flex;
    display: -ms-flexbox;
    flex-direction: row;
    -ms-flex-direction: row;
    justify-content: flex-start;
    -ms-flex-pack: start;
    align-items: center;
    -ms-flex-align: center;
    width: 100%;
    background-color: #f1edf0;
    padding: 15px;
}
.cart-row .header span {
    width: 10%;
    display: inline-block;
}
.cart-row .header .title {
    width: 50%;
}
.cart-row .header .count {
    width: 30%;
}
.cart-row .header .weight {
    margin-left: 5%;
}
.cart-row .header .price {
    width: 30%;
}

.product-cart {
    background-color: #f8f6f7;
}
.product-cart:nth-child(2n) {
    background-color: #fff;
}
.product-cart .title {
    width: 50%;
    display: flex;
    display: -ms-flexbox;
    flex-direction: row;
    -ms-flex-direction: row;
    align-items: center;
    -ms-flex-align: center;
}
.product-cart .title .image {
    width: 90px;
    min-width: 90px;
    height: 90px;
    margin-right: 15px;
    overflow: hidden;
}
.product-cart .title .image img {
    width: 100%;
    height: auto;
}
.product-cart .title h4 {
    
}
.product-cart .count {
    width: 40%;
    display: flex;
    display: -ms-flexbox;
    flex-direction: row;
    -ms-flex-direction: row;
}
.product-cart .count input {
    width: 70%;
}
.product-cart .count .input-group-append {
    width: 30%;
}
.product-cart .weight {
    width: 10%;
    display: inline-block;
    margin-left: 5%;
}
.product-cart .price {
    width: 30%;
    display: inline-block;
}
.product-cart .remove {
    width: 10%;
    display: inline-block;
}

.cart-row .footer {
    border-top: 1px solid #fff;
}
.footer .total {
    width: 30%;
    display: inline-block;
}
.footer .total_count {
    width: 30%;
    display: inline-block;
}
.footer .total_weight {
    width: 10%;
    display: inline-block;
    margin-left: 5%;
}
.footer .total_cost {
    width: 30%;
    display: inline-block;
}
.footer .totel-deleye {
    width: 10%;
    display: inline-block;
    text-align: right;
}

.cart-row .input-group {
    margin-bottom: 0px;
}
.cart-row .input-group input,
.cart-row .input-group .input-group-text {
    padding: 8px 15px;
    border: 1px solid #cfcfcf;
    border-radius: 0 !important;
}
.cart-row .input-group .input-group-text {
    background-color: #f1edf0;
}



#msOrder {
    margin-top: 0px !important;
}
.ms2_form .btn-clear {
    position: relative;
    border: none;
    text-align: left;
    padding: 0px;
    padding-left: 30px;
    margin-top: 30px;
    border: none !important;
    background-color: transparent;
}
.ms2_form .btn-clear:before {
    content: " ";
    position: absolute;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    top: 50%;
    left: 0px;
    color: transparent;
    border: none !important;
    background: url(../images/icon/ico-close.svg) 50% 50% no-repeat;
    cursor: pointer !important;
    -webkit-transition: width 0.3s, height 0.3s, margin-top 0.3s, left 0.3s;
    -moz-transition: width 0.3s, height 0.3s, margin-top 0.3s, left 0.3s;
    -o-transition: width 0.3s, height 0.3s, margin-top 0.3s, left 0.3s;
    -ms-transition: width 0.3s, height 0.3s, margin-top 0.3s, left 0.3s;
    transition: width 0.3s, height 0.3s, margin-top 0.3s, left 0.3s;
}
.ms2_form .btn-clear:hover:before {
    width: 24px;
    height: 24px;
    margin-top: -12px;
    left: -2px;
    -webkit-transition: width 0.3s, height 0.3s, margin-top 0.3s, left 0.3s;
    -moz-transition: width 0.3s, height 0.3s, margin-top 0.3s, left 0.3s;
    -o-transition: width 0.3s, height 0.3s, margin-top 0.3s, left 0.3s;
    -ms-transition: width 0.3s, height 0.3s, margin-top 0.3s, left 0.3s;
    transition: width 0.3s, height 0.3s, margin-top 0.3s, left 0.3s;
}
.ms2_form .total-order {
    width: 100%;
    margin-bottom: 10px;
    display: flex;
    display: -ms-flexbox;
    flex-direction: row;
    -ms-flex-direction: row;
    justify-content: space-between;
    -ms-flex-pack: justify;
    align-items: center;
    -ms-flex-align: center;
}
.ms2_form .btn {
    width: 100%;
}









/* ---------------------- ?s?z???Y???????? --------------------- */








.about-page {
    background: url(../images/bg-about.jpg) 50% 0% no-repeat #fff;
    background-size: contain;
}


.about-section {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 472px;
    margin-bottom: 80px;
}
.about-section .link-section {
    position: relative;
    display: inline-block;
    margin: 0 auto;
    width: 624px;
    height: 100%;
}
.about-section .link-section a {
    position: absolute;
    width: 279px;
    height: 175px;
    top: 0;
    left: 0;
    right: 0;
    padding: 15px;
    font-size: 24px;
    text-transform: uppercase;
    line-height: 1.2;
}
.about-section .link-section a.link-1 {
    z-index: 2;
    width: 195px;
    height: 237px;
    top: 236px;
    left: 52px;
}
.about-section .link-section a.link-2 {
    z-index: 1;
    top: 60px;
    left: 0px;
}
.about-section .link-section a.link-3 {
    z-index: 3;
    top: 0px;
    left: 280px;
}
.about-section .link-section a.link-4 {
    z-index: 5;
    top: 208px;
    left: 351px;
}
.about-section .link-section a.link-5 {
    z-index: 4;
    width: 195px;
    height: 237px;
    top: 140px;
    left: 183px;
}

.advantages-row {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    border-top: 1px solid #cfcfcf;
    margin-top: 40px;
    margin-bottom: 80px;
}
.advantages-row .advantage {
    width: 100%;
    height: auto;
    border-bottom: 1px solid #cfcfcf;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
}
.advantages-row .advantage .title {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}
.advantages-row .advantage .ico-adv {
    background-color: #000;
    width: 40px;
    height: 40px;
    padding: 6px;
    margin: 0 15px;
    display: inline-block;
}
.advantages-row .advantage h4 {
    margin: 10px 15px;
    display: inline-block;
    width: 80%;
}
.advantages-row .advantage p {
    margin: 10px 15px;
}

.slider-page {
    margin-bottom: 80px;
}
.series-about {
    padding-bottom: 0px;
}
.series-about .series-block {
    position: relative;
    display: inline-block;
    padding: 0 5px;
    margin: 0 auto 5px;
    float: left;
    width: 50%;
}
.series-about .series-block .series {
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 100%;
    height: 190px;
    border-bottom: 1px solid #cfcfcf;
    margin: 0;
}
.series-about .series-block .series .series-img {
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
}
.series-about .series-block .series .series-img img {
    height: 100%;
    width: auto;
}
.series-about .series-block .series .series-title {
    width: 50%;
}
.series-about .series-block .series .series-type-link {
    display: inline-block;
    overflow: hidden;
    width: 100%;
}
.series-about .series-block .series .series-type-link a {
    position: relative;
    width: 48%;
    float: left;
    margin-right: 1%;
    border: none !important;
}
.series-about .series-block .series .series-type-link a:after {
    content: " ";
    position: absolute;
    width: 100%;
    height: 1px;
    top: auto;
    left: 0px;
    bottom: 0px;
    background-color: #fff;
    -webkit-transition: height 0.3s, bottom 0.3s;
    -moz-transition: height 0.3s, bottom 0.3s;
    -o-transition: height 0.3s, bottom 0.3s;
    -ms-transition: height 0.3s, bottom 0.3s;
    transition: height 0.3s, bottom 0.3s;
}
.series-about .series-block .series .series-type-link a:hover:after {
    height: 3px;
    bottom: -3px;
    -webkit-transition: height 0.3s, bottom 0.3s;
    -moz-transition: height 0.3s, bottom 0.3s;
    -o-transition: height 0.3s, bottom 0.3s;
    -ms-transition: height 0.3s, bottom 0.3s;
    transition: height 0.3s, bottom 0.3s;
}


.slider-page .carousel-control-prev {
    top: 50%;
    left: -60px;
    margin-top: -31px;
    width: 23px;
    height: 62px;
    background: url(../images/icon/ico-prev.svg) 50% 50% no-repeat;
}
.slider-page .carousel-control-next {
    top: 50%;
    right: -60px;
    margin-top: -31px;
    width: 23px;
    height: 62px;
    background: url(../images/icon/ico-next.svg) 50% 50% no-repeat;
}


.about-page .more-before {
    display: block;
    margin-bottom: 20px;
}
.about-page h4 {
    margin-bottom: 20px;
}













/* ---------------------- ?????s?????z?????? --------------------- */






.page-top {
    height: 80vh;
    max-height: 640px;
    background-color: #f1edf0;
}
.page-top.about-top {
    background-color: #f1edf0;
}
.page-top .container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    height: 100%;
}
.page-top .page-title p {
    margin-bottom: 0px;
    font-family: 'Montserrat-Bold', sans-serif;
}
.page-content {
    padding-bottom: 50px;
	padding-top: 20px;
}
.page-content h4, .page-content h3 {
    margin-bottom: 20px;
}


/* ---------------------- ?????????????????? ?? ?????????? --------------------- */






.materials-row {
    margin-top: 70px;
}
.material {
    display: flex;
    display: -ms-flexbox;
    flex-direction: row;
    -ms-flex-direction: row;
    justify-content: space-between;
    -ms-flex-pack: justify;
    align-items: flex-start;
    -ms-flex-align: flex-start;
    padding-top: 30px;
    width: 100%;
}
.material-img img {
    width: 100%;
    height: auto;
}
.material-content {
    display: flex;
    display: -ms-flexbox;
    flex-direction: column;
    -ms-flex-direction: column;
    justify-content: center;
    -ms-flex-pack: center;
    align-items: flex-start;
    -ms-flex-align: flex-start;
}
.material-content h4 {
    margin-bottom: 20px;
}
.material-content p {
    margin-bottom: 20px;
}
.colors-title {
    width: 100%;
    margin-bottom: 20px;
    display: flex;
    display: -ms-flexbox;
    flex-direction: row;
    -ms-flex-direction: row;
    justify-content: space-between;
    -ms-flex-pack: justify;
    align-items: center;
    -ms-flex-align: center;
}
.colors-title span {
    width: 200px;
    color: #d3d3d3;
}
.colors-title hr {
    margin-top: 8px;
    margin-bottom: 0px;
    border: 0 !important;
    background-color: #d3d3d3 !important;
    width: inherit;
    height: 1px;
}
.colors-row {
    list-style: none;
    padding: 0;
    display: flex;
    display: -ms-flexbox;
    flex-direction: row;
    -ms-flex-direction: row;
    justify-content: space-between;
    -ms-flex-pack: justify;
    align-items: flex-start;
    -ms-flex-align: flex-start;
    flex-flow: wrap;
}
.colors-row li {
    width: 60px;
    height: 60px;
    margin-right: 9px;
    margin-bottom: 20px;
}
.colors-row .more-colors {
    padding: 15px;
    border: 1px solid #000;
    width: auto;
}













/* ---------------------- ???????z --------------------- */





.buro-top {
    background: url(../images/bg-buro.jpg) 100% 0% no-repeat #f2f2f4;
    background-size: contain;
}




.buro-row {
    
}
.step {
    width: 100%;
    margin-bottom: 40px;
    display: flex;
    display: -ms-flexbox;
    flex-direction: row;
    -ms-flex-direction: row;
    justify-content: space-between;
    -ms-flex-pack: justify;
    align-items: flex-start;
    -ms-flex-align: flex-start;
}
.step:nth-child(5) {
    flex-direction: column;
    -ms-flex-direction: column;
    justify-content: flex-start;
    -ms-flex-pack: flex-start;
    align-items: center;
    -ms-flex-align: center;
}
.step .img-step {
    order: 0;
}
.step .img-step img {
    max-width: 100%;
}
.step .step-content {
    display: flex;
    display: -ms-flexbox;
    flex-direction: column;
    -ms-flex-direction: column;
    justify-content: center;
    -ms-flex-pack: center;
    align-items: flex-start;
    -ms-flex-align: flex-start;
    order: 0;
    height: 100%;
}
.step:nth-child(2n) .step-content {
    align-items: flex-end;
    -ms-flex-align: flex-end;
    order: -1;
}
.step:nth-child(5) .step-content {
    align-items: center;
    -ms-flex-align: center;
}
.step .step-content h4 {
    
}
.step .step-content p {
    text-align: left;
}
.step:nth-child(2n) .step-content p {
    text-align: right;
}
.step:nth-child(5) .step-content p {
    text-align: center;
}


/* ---------------------- ???z?????????s?? --------------------- */



.delivery-page {
    background: url(../images/bg-allworld.jpg) 50% 0% no-repeat #fff;
}

.country-row {
    margin-top: 70px;
}
.country {
    display: flex;
    display: -ms-flexbox;
    flex-direction: row;
    -ms-flex-direction: row;
    justify-content: space-between;
    -ms-flex-pack: justify;
    align-items: flex-start;
    -ms-flex-align: flex-start;
}

.country .country-img {
    width: 80px;
    height: 80px;
    margin-right: 30px;
    border: 1px solid #d3d3d3;
}
.country .country-content {
    display: flex;
    display: -ms-flexbox;
    flex-direction: column;
    -ms-flex-direction: column;
    justify-content: space-between;
    -ms-flex-pack: justify;
    align-items: center;
    -ms-flex-align: center;
}

.country-title {
    display: flex;
    display: -ms-flexbox;
    flex-direction: row;
    -ms-flex-direction: row;
    justify-content: center;
    -ms-flex-pack: center;
    align-items: center;
    -ms-flex-align: center;
    padding: 10px 0;
    border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
}
.country-title h4 {
    margin-right: 30px;
    margin-bottom: 0px;
}
.country-title p {
    margin-bottom: 0px;
}
.city-row {
    padding: 30px 0;
    width: 100%;
}
.city-row .top-city {
    display: flex;
    display: -ms-flexbox;
    flex-direction: row;
    -ms-flex-direction: row;
    justify-content: flex-start;
    -ms-flex-pack: flex-start;
    align-items: flex-start;
    -ms-flex-align: flex-start;
    list-style: none;
    padding: 0px;
    margin-bottom: 30px;
    width: 100%;
}
.city-row .col-city {
    display: flex;
    display: -ms-flexbox;
    flex-direction: column;
    -ms-flex-direction: column;
    justify-content: space-between;
    -ms-flex-pack: justify;
    align-items: flex-start;
    -ms-flex-align: flex-start;
    list-style: none;
    padding: 0px;
    width: 20%;
    float: left;
}
.city-row .more-city {
    position: relative;
    padding-right: 30px;
    padding-bottom: 30px;
    width: 100%;
    float: left;
}
.city-row .more-city:before {
    content: " ";
    position: absolute;
    width: 12px;
    height: 12px;
    top: 3px;
    left: 110px;
    background: url(../images/icon/ico-bul-left.svg) 50% 50% no-repeat;
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.city-row .more-city.collapsed:before {
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.city-row .more-before {
    margin-right: 30px;
}

.country-title p,
.city-row .top-city li,
.city-row .col-city li,
.city-row a {
    font-size:16px;
}


/* ---------------------- ???????????z???s?? --------------------- */



.setting-page {
    background: url(../images/bg-setting.jpg) 50% 0% no-repeat #fff;
    background-size: contain;
}

.setting-row {
    margin-top: 70px;
}
.setting {
    display: flex;
    display: -ms-flexbox;
    flex-direction: row;
    -ms-flex-direction: row;
    justify-content: space-between;
    -ms-flex-pack: justify;
    align-items: flex-start;
    -ms-flex-align: flex-start;
    border-bottom: 1px solid #d3d3d3;
    padding-top: 30px;
}
.setting:nth-child(1) {
    border-top: 1px solid #d3d3d3;
}

.setting .ico-setting {
    width: 32px;
    height: 32px;
    margin-right: 30px;
    padding: 3px;
    background-color: #000;
}
.setting .ico-setting img {
    width: 24px;
    height: 24px;
}
.setting-content {
    display: flex;
    display: -ms-flexbox;
    flex-direction: column;
    -ms-flex-direction: column;
    justify-content: space-between;
    -ms-flex-pack: justify;
    align-items: flex-start;
    -ms-flex-align: flex-start;
}
.setting-content h4 {
    margin-bottom: 30px;
}
.setting-content p {
    margin-bottom: 30px;
}
.setting-content .download {
    margin-bottom: 30px;
}







/* ---------------------- ???z???z?????????? --------------------- */




.page-news {
    
}
.news-row {
    margin-top: 40px;
}
.news-row .news {
    margin-bottom: 40px;
}
.news-row .news .img-insp {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: center;
    background-color: #000;
    width: 100%;
    height: 240px;
    margin-bottom: 15px;
}
.news-row .news .img-insp:before {
    content: " ";
    position: absolute;
    width: 48px;
    height: 48px;
    top: 50%;
    left: 50%;
    margin-top: 12px;
    margin-left: -24px;
    background: url(../images/icon/ico-view.svg) 50% 50% no-repeat;
    opacity: 0;
    -webkit-transition: margin-top 0.3s, opacity 0.3s;
    -moz-transition: margin-top 0.3s, opacity 0.3s;
    -o-transition: margin-top 0.3s, opacity 0.3s;
    -ms-transition: margin-top 0.3s, opacity 0.3s;
    transition: margin-top 0.3s, opacity 0.3s;
}
.news-row .news:hover .img-insp:before {
    opacity: 1;
    margin-top: -24px;
    -webkit-transition: margin-top 0.3s, opacity 0.3s;
    -moz-transition: margin-top 0.3s, opacity 0.3s;
    -o-transition: margin-top 0.3s, opacity 0.3s;
    -ms-transition: margin-top 0.3s, opacity 0.3s;
    transition: margin-top 0.3s, opacity 0.3s;
}
.news-row .news .img-insp img {
    width: 100%;
    margin-bottom: 15px;
    opacity: 1;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.news-row .news:hover .img-insp img {
    opacity: 0.2;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.news-row .news h4 {
    font-family: 'Montserrat-Regular', sans-serif;
    margin-bottom: 10px;
    line-height: 1.2;
}
.news-row .news p {
    font-size: 14px;
    margin-bottom: 10px;
}
.news-row .news .date {
    font-family: 'Montserrat-Bold', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
}




.news-popap-content {
    width: 100%;
}
.news-popap-content img {
    width: 100%;
    height: auto;
}







/* ---------------------- ?????z?????z?????????? --------------------- */




.page-inspiration {
    padding-top: 0;
}
.inspiration-row {
    display: inline-block;
}
.inspiration-row .inspiration {
    float: left;
    display: inline-block;
    width: 25%;
    height: 310px;
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 20px;
}
.inspiration-row .inspiration:nth-child(15n-14) {
    width: 50%;
    height: 640px;
}
.inspiration-row .inspiration:nth-child(15n-9) {
    width: 50%;
    height: 640px;
    float: right;
}
.inspiration-row .inspiration:nth-child(15n-13),
.inspiration-row .inspiration:nth-child(15n-10),
.inspiration-row .inspiration:nth-child(15n-5) {
    width: 50%;
    height: 310px;
}
.inspiration-row .inspiration .img-insp {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: center;
    background-color: #000;
    width: 100%;
    height: 240px;
    margin-bottom: 15px;
}
.inspiration-row .inspiration .img-insp:before {
    content: " ";
    position: absolute;
    width: 48px;
    height: 48px;
    top: 50%;
    left: 50%;
    margin-top: 12px;
    margin-left: -24px;
    background: url(../images/icon/ico-view.svg) 50% 50% no-repeat;
    opacity: 0;
    -webkit-transition: margin-top 0.3s, opacity 0.3s;
    -moz-transition: margin-top 0.3s, opacity 0.3s;
    -o-transition: margin-top 0.3s, opacity 0.3s;
    -ms-transition: margin-top 0.3s, opacity 0.3s;
    transition: margin-top 0.3s, opacity 0.3s;
}
.inspiration-row .inspiration:hover .img-insp:before {
    opacity: 1;
    margin-top: -24px;
    -webkit-transition: margin-top 0.3s, opacity 0.3s;
    -moz-transition: margin-top 0.3s, opacity 0.3s;
    -o-transition: margin-top 0.3s, opacity 0.3s;
    -ms-transition: margin-top 0.3s, opacity 0.3s;
    transition: margin-top 0.3s, opacity 0.3s;
}
.inspiration-row .inspiration:nth-child(15n-14) .img-insp,
.inspiration-row .inspiration:nth-child(15n-9) .img-insp {
    height: 570px;
}
.inspiration-row .inspiration .img-insp img {
    width: 100%;
    height: auto;
    opacity: 1;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.inspiration-row .inspiration:hover .img-insp img {
    opacity: 0.2;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.inspiration-row .inspiration:nth-child(15n-14) .img-insp img,
.inspiration-row .inspiration:nth-child(15n-9) .img-insp img {
    height: 100%;
    width: auto;
}
.inspiration-row .inspiration h4 {
    font-family: 'Montserrat-Regular', sans-serif;
    margin-bottom: 10px;
    line-height: 1.2;
}
.inspiration-row .inspiration .city {
    font-family: 'Montserrat-Bold', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
}


.filter-inspiration {
	margin-top: 50px;
}
.filter-inspiration .row {
    margin-bottom: 20px;
}
.filter-inspiration .filter-row {
    padding: 0 15px;
}
.filter-inspiration .filter-row li {
    position: relative;
    float: left;
    display: inline-block;
    width: 33%;
    padding-right: 1%;
}
.filter-inspiration .filter-row li a {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: left;
    text-decoration: none;
    padding: 10px;
    font-family: 'Montserrat-Regular', sans-serif;
    -webkit-transition: font-family 0.3s;
    -moz-transition: font-family 0.3s;
    -o-transition: font-family 0.3s;
    -ms-transition: font-family 0.3s;
    transition: font-family 0.3s;
}
.filter-inspiration .filter-row li a:hover,
.filter-inspiration .filter-row li a.active {
    font-family: 'Montserrat-Bold', sans-serif;
    -webkit-transition: font-family 0.3s;
    -moz-transition: font-family 0.3s;
    -o-transition: font-family 0.3s;
    -ms-transition: font-family 0.3s;
    transition: font-family 0.3s;
}
.filter-inspiration .filter-row li a:before {
    content: " ";
    position: absolute;
    top: auto;
    bottom: 0;
    height: 1px;
    width: 100%;
    left: 0;
    background-color: #cfcfcf;
    -webkit-transition: height 0.3s, bottom 0.3s, background-color 0.3s;
    -moz-transition: height 0.3s, bottom 0.3s, background-color 0.3s;
    -o-transition: height 0.3s, bottom 0.3s, background-color 0.3s;
    -ms-transition: height 0.3s, bottom 0.3s, background-color 0.3s;
    transition: height 0.3s, bottom 0.3s, background-color 0.3s;
}
.filter-inspiration .filter-row li a:hover:before,
.filter-inspiration .filter-row li a.active:before {
    bottom: -2px;
    height: 3px;
    background-color: #000;
    -webkit-transition: height 0.3s, bottom 0.3s, background-color 0.3s;
    -moz-transition: height 0.3s, bottom 0.3s, background-color 0.3s;
    -o-transition: height 0.3s, bottom 0.3s, background-color 0.3s;
    -ms-transition: height 0.3s, bottom 0.3s, background-color 0.3s;
    transition: height 0.3s, bottom 0.3s, background-color 0.3s;
}
.filter-inspiration .filter-row li a span {
    position: relative;
    color: #999999;
    font-size: 15px;
    padding-left: 30px;
}
.filter-inspiration .filter-row li a span:before {
    content: "/";
    position: absolute;
    top: 0%;
    left: 14px;
    font-size: 15px;
    color: #999999;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    -ms-transition: color 0.3s;
    transition: color 0.3s;
}
.filter-inspiration .filter-row li a:hover span:before {
    color: #000;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    -ms-transition: color 0.3s;
    transition: color 0.3s;
}


#inspSlider {
    width: 100%;
}
#inspSlider .carousel-item {
    width: 100%;
    height: auto;
}
#inspSlider .carousel-control-next {
    top: 50%;
    right: 20px;
    margin-top: -31px;
    width: 23px;
    height: 62px;
    background: url(../images/icon/ico-next-white.svg) 50% 50% no-repeat;
}
#inspSlider .carousel-control-prev {
    top: 50%;
    left: 20px;
    margin-top: -31px;
    width: 23px;
    height: 62px;
    background: url(../images/icon/ico-prev-white.svg) 50% 50% no-repeat;
}
.city-row .top-city li {
    margin-right: 10px;
}




/* ---------------------- ?s?z???????s???? --------------------- */










/* ---------------------- ???z?????? --------------------- */




.open-form {
    background-color: #efedf0;
}
.open-form h4 {
    margin-bottom: 30px;
    line-height: 1.4;
}


.form-line {
    
}
.input-group {
    -ms-flex-align: self-start;
    align-items: self-start;
    justify-content: space-between;
    margin-bottom: 30px;
}
.input-group.info {
    -ms-flex-align: center;
    align-items: center;
    justify-content: Flex-end;
}
.input-group.info span {
    font-size: 12px;
    text-align: right;
    margin: 0 30px;
}
.input-group.info span a {
    text-decoration: underline;
}
.input-group input {
    font-size: 16px;
    padding: 15px 24px;
    color: #000;
    background-color: #fff;
    border: 1px solid #cfcfcf;
    border-radius: 0 !important;
    display: inline-block;
    width: 300px;
    height: auto;
}
textarea#simpleForm2_92_vashe_soobshhenie_elem {
    width: 960px;
}
.input-group input.full-input {
    width: 100%;
}
.input-group input[placeholder], .input-group [placeholder], .input-group *[placeholder] {
    color: #000 !important;
}
.input-group input::-webkit-input-placeholder { 
  color: #000;
}
.input-group input:-ms-input-placeholder { 
  color: #000;
}
.input-group input::-moz-placeholder {
  color: #000;
  opacity: 1;
}
.input-group input:-moz-placeholder { 
  color: #000;
  opacity: 1;
}
.input-group input:nth-child(3) {
    margin-right: 0%;
}
.input-group textarea {
    font-size: 16px;
    text-align: left;
    line-height: 1;
    color: #000;
    width: 100%;
    background-color: #fff;
    box-shadow: none;
    border: 1px solid #cfcfcf;
    border-radius: 0 !important;
    padding: 15px 24px;
}
.inp-error {
	border: 1px solid #ff0000 !important;
}

.input-group .checkbox {
    position: relative;
    display: inline-block;
    cursor: pointer !important;
    width: 100%;
    padding-left: 32px;
    padding-right: 10px;
    margin-bottom: 10px;
}
.input-group .checkbox:before {
    content: " ";
    position: absolute;
    top: 10px;
    left: 0px;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border: 0px solid #fff;
    box-shadow: 0px 0px 0px 1px #000;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: box-shadow 0.3s, border 0.3s, background-color 0.3s, height 0.3s, width 0.3s, top 0.3s, left 0.3s;
    -moz-transition: box-shadow 0.3s, border 0.3s, background-color 0.3s, height 0.3s, width 0.3s, top 0.3s, left 0.3s;
    -o-transition: box-shadow 0.3s, border 0.3s, background-color 0.3s, height 0.3s, width 0.3s, top 0.3s, left 0.3s;
    -ms-transition: box-shadow 0.3s, border 0.3s, background-color 0.3s, height 0.3s, width 0.3s, top 0.3s, left 0.3s;
    transition: box-shadow 0.3s, border 0.3s, background-color 0.3s, height 0.3s, width 0.3s, top 0.3s, left 0.3s;
}
.input-group .checkbox:hover:before,
.input-group .checkbox.checkin:hover:before {
    top: 10px;
    left: 0px;
    width: 20px;
    height: 20px;
    background-color: #000;
    border: 4px solid #fff;
    box-shadow: 0px 0px 0px 5px #000;
    -webkit-transition: box-shadow 0.3s, border 0.3s, background-color 0.3s, height 0.3s, width 0.3s, top 0.3s, left 0.3s;
    -moz-transition: box-shadow 0.3s, border 0.3s, background-color 0.3s, height 0.3s, width 0.3s, top 0.3s, left 0.3s;
    -o-transition: box-shadow 0.3s, border 0.3s, background-color 0.3s, height 0.3s, width 0.3s, top 0.3s, left 0.3s;
    -ms-transition: box-shadow 0.3s, border 0.3s, background-color 0.3s, height 0.3s, width 0.3s, top 0.3s, left 0.3s;
    transition: box-shadow 0.3s, border 0.3s, background-color 0.3s, height 0.3s, width 0.3s, top 0.3s, left 0.3s;
}
.input-group .checkbox.checkin:before {
    top: 10px;
    left: 0px;
    width: 20px;
    height: 20px;
    background-color: #000;
    border: 4px solid #fff;
    box-shadow: 0px 0px 0px 1px #000;
    -webkit-transition: box-shadow 0.3s, border 0.3s, background-color 0.3s, height 0.3s, width 0.3s, top 0.3s, left 0.3s;
    -moz-transition: box-shadow 0.3s, border 0.3s, background-color 0.3s, height 0.3s, width 0.3s, top 0.3s, left 0.3s;
    -o-transition: box-shadow 0.3s, border 0.3s, background-color 0.3s, height 0.3s, width 0.3s, top 0.3s, left 0.3s;
    -ms-transition: box-shadow 0.3s, border 0.3s, background-color 0.3s, height 0.3s, width 0.3s, top 0.3s, left 0.3s;
    transition: box-shadow 0.3s, border 0.3s, background-color 0.3s, height 0.3s, width 0.3s, top 0.3s, left 0.3s;
}
.input-group input[type="checkbox"],
.input-group input[type="radio"] {
    position: absolute;
    clip: rect(0,0,0,0);
    width: 0px !important;
    opacity: 0;
}


.input-group input.btn {
    width: auto;
    height: 56px;
    border: none;
}







/* ---------------------- ???z?????????????? ?z?s???? --------------------- */





.modal { background-color: rgba(0,0,0,0.86); }
.modal-content { border-radius: 0px; }
.black-modal .modal-content { background-color: #000; }
.black-modal .modal-header {
    border-bottom: 1px solid #444444;
}
.black-modal .modal-footer {
    border-top: 1px solid #dee2e6;
}
.black-modal .modal-content h4 {
    font-family: 'Montserrat-Regular', sans-serif;
    color: #fff;
}
.modal-content h4 {
    font-family: 'Montserrat-Regular', sans-serif;
}




.close {
    cursor: pointer;
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(../images/icon/ico-close-white.svg) 50% 50% no-repeat;
    -webkit-transition: 0.3s cubic-bezier(0.49, 0.1, 0.72, 2);
    -moz-transition: 0.3s cubic-bezier(0.49, 0.1, 0.72, 2);
    -o-transition: 0.3s cubic-bezier(0.49, 0.1, 0.72, 2);
    -ms-transition: 0.3s cubic-bezier(0.49, 0.1, 0.72, 2);
    transition: 0.3s cubic-bezier(0.49, 0.1, 0.72, 2);
}
.modal .close {
    float: right;
    margin: 0px;
}





.popup-elements .modal-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 0px;
}
.popup-elements .img-elements {
    display: inline-block;
    width: 50%;
    height: auto;
    overflow: hidden;
}
.popup-elements .img-elements img {
    width: 100%;
    height: auto;
}
.popup-elements .desc-elements {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: space-between;
    width: 50%;
    padding: 40px;
}
.popup-elements .desc-elements h3 {
    margin-bottom: 30px;
}
.popup-elements .desc-elements a.more {
    width: 130px;
}
.popup-elements .close {
    position: absolute;
    top: -45px;
    left: auto;
    right: 0px;
}


#popupSlider .carousel-item-next, #popupSlider .carousel-item-prev, #popupSlider .carousel-item.active {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
}
#popupSlider .carousel-control-next {
    top: 50%;
    right: 20px;
    margin-top: -31px;
    width: 23px;
    height: 62px;
    background: url(../images/icon/ico-next.svg) 50% 50% no-repeat;
}
#popupSlider .carousel-control-prev {
    top: 50%;
    left: 20px;
    margin-top: -31px;
    width: 23px;
    height: 62px;
    background: url(../images/icon/ico-prev.svg) 50% 50% no-repeat;
}
#popupSlider .desc-elements {
    padding-right: 80px;
}





    .product-header .carousel-inner {background-color: #f1f1f3;padding-left:0%}
    .product-header .carousel-item {width:100%}
    .product-header .carousel-item.active {width:100%;}



/* ---------------------- Responsiv --------------------- */



@media (min-width: 1440px) {
    
    .container { max-width: 1320px; }
    
    .series-top { background-position-x: 75% !important; }
    .product-header .carousel-item img { height: 90% !important; width: auto !important; margin-right: 10%; }
    
}


@media (min-width: 1200px) and (max-width: 1439.98px) {
    
    .container { max-width: 1170px; }
    .series-home .container, .series-home .container.stop-slide { margin-left: -585px; }
    .series-home .series-row-img div img { height: 100%; width: auto; }
    .sisea-search-form input.text-search { width: 692px; }
    
    .product-info .parameter span { font-size: 14px; }
    .product-info .dop-info .downloads { width: 70%; }
    .product-info .dop-info .downloads a { font-size: 14px; }
    .pr-s .product-info .parameter span { line-height: 2; }
    
    .product-header .bar { margin-left: -570px; }
    .product-header .carousel-control { margin-left: -585px; }
    .product-header .carousel-indicators { width: 300px; }
    .product-header .carousel-indicators li { width: 90px; height: 90px; }
    .product-header .carousel-item img { height: 80% !important; width: auto !important; margin-right: 0%; }
    
    .product-desc .specifications li { width: 40%; }
    .product-desc .row-schemes .scheme-link { height: 250px; }
    .product-desc .row-schemes .scheme-link img { height: 210px; }
    
    .inspiration-row .inspiration, .inspiration-row .inspiration:nth-child(15n-13), 
    .inspiration-row .inspiration:nth-child(15n-10), .inspiration-row .inspiration:nth-child(15n-5) { height: 290px; }
    .inspiration-row .inspiration:nth-child(15n-14), .inspiration-row .inspiration:nth-child(15n-9) { height: 600px; }
    .inspiration-row .inspiration .img-insp { height: 220px; }
    .inspiration-row .inspiration:nth-child(15n-14) .img-insp, .inspiration-row .inspiration:nth-child(15n-9) .img-insp { height: 530px; }
    
}


@media (min-width: 992px) and (max-width: 1199.98px) {
    
    header { height: 70px; }
    header .logo { padding: 10px 0px; width: 50px; }
    header .nav-link, header .phone, .navbar-toggle { font-size: 16px; }
    .navbar-toggle .icon-nav { top: 2px; }
    header .search-btn { height: 24px; }
    .sisea-search-form input.text-search { width: 559px; }
    .sisea-search-form input.btn-go { margin: 22px -43px; }
    .sisea-search-form input.close-search { margin: 22px 20px; }
    
    .container { max-width: 970px; }
    
    .series-home .container, .series-home .container.stop-slide { margin-left: -485px; }
    .series-home .series-row-img div img { height: 100%; width: auto; }
    .series-home .bar li a { font-size: 19px; }
    .series-home .bar .linkbar-1 { width: 146px; height: 214px; }
    .series-home .bar .linkbar-2, .series-home .bar .linkbar-3 { width: 224px; height: 146px; }
    .series-home .bar .linkbar-2 { left: 155px; }
    .series-home .bar .linkbar-3 { top: 156px; left: 155px; }
    .series-home .container .bar .series-1, .series-home .container .bar .series-2, .series-home .container .bar .series-3 { height: 146px; }
    .series-home .container.start-slide .bar .series-1, .series-home .container.next-slide .bar .series-2, .series-home .container.end-slide .bar .series-3 { width: 146px; }
    .series-home .container .bar .series-1 { top: 218px; }
    .series-home .container .bar .series-2 { top: 156px; left: 381px; }
    .series-home .container .bar .series-3 { left: 381px; }
    
    .slider__item { height: 330px; }
    .slider__item.active .text-slide { padding: 40px; }
    .slider__item.active .text-slide p { font-size: 14px; margin-bottom: 20px; }
    .slider__item.active .text-slide a { font-size: 14px; }
    .slider__item .text-slide span { width: 240px; }
    .slider__control_right { right: 23.333333%; }
    
    footer span, footer a { font-size: 13px; }
    
    .filter .filter-row .parameter a { font-size: 14px; width: 100%; }
    .series-row .series .series-type-link a { font-size: 14px; }
    
    .input-group.info span { width: 60%; }
    
    .product-info .parameter span { font-size: 14px; }
    .product-info .dop-info .downloads { width: 70%; }
    .product-info .dop-info .downloads a { font-size: 14px; }
    
    .product-header .bar { margin-left: -470px; }
    .product-header .bar .title-product { width: 146px; height: 194px; }
    .product-header .bar .title-product h1 { font-size: 19px; line-height: 1.2; }
    .product-header .bar .go-scheme { width: 224px; height: 146px; left: 155px; }
    .product-header .bar .go-inspiration { width: 224px; height: 146px; top: 156px; left: 155px; }
    .product-header .bar .order { width: 146px; height: 146px; top: 198px; }
    .product-header .carousel-control { margin-left: 0px; bottom: 10px; }
    .product-header .carousel-indicators { width: 570px; }
    .product-header .carousel-indicators li { width: 70px; height: 70px; }
    .product-header .carousel-item img { height: 80% !important; width: auto !important; margin-right: 0%; }
    
    .product-desc .specifications li { width: 49%; }
    .product-desc .row-schemes .scheme-link { height: 210px; }
    .product-desc .row-schemes .scheme-link img { height: 170px; }
    .product-desc .downloads a { padding: 15px 34px 12px 70px; font-size: 16px; } 
    .product-desc .colors .color-srction li { width: auto; margin: 0 15px 10px 0; }
    .product-desc .colors .color-srction li .color { width: 60px; height: 60px; }
    .product-desc .description p { font-size: 16px; }
    
    .inspiration-row .inspiration, .inspiration-row .inspiration:nth-child(15n-13), 
    .inspiration-row .inspiration:nth-child(15n-10), .inspiration-row .inspiration:nth-child(15n-5) { height: 250px; }
    .inspiration-row .inspiration:nth-child(15n-14), .inspiration-row .inspiration:nth-child(15n-9) { height: 520px; }
    .inspiration-row .inspiration .img-insp { height: 180px; }
    .inspiration-row .inspiration:nth-child(15n-14) .img-insp, .inspiration-row .inspiration:nth-child(15n-9) .img-insp { height: 450px; }
    .inspiration-row .inspiration .img-insp { flex-direction: column; }
    .inspiration-row .inspiration:nth-child(15n-10) .img-insp, .inspiration-row .inspiration:nth-child(15n-5) .img-insp { flex-direction: row; }
    
    
}


@media (min-width: 768px) and (max-width: 991.98px) {
    
    header { height: 60px; }
    header .nav { display: none; }
    header .logo { padding: 10px 0px; width: 50px; }
    header .phone, .navbar-toggle { font-size: 16px; }
    .navbar-toggle .icon-nav { top: 2px; }
    header .search-btn { display: none; height: 24px; }
    .nav-modal.active .content { height: auto; }
    .nav-modal .all-nav { flex-direction: column; padding: 0; }
    .nav-modal .all-nav .link-title { margin: 18px 0 10px; }
    .sisea-search-form input.text-search { width: 392px; }
    .sisea-search-form input.btn-go { margin: 22px -43px; }
    .sisea-search-form input.close-search { margin: 22px 20px; }
    
    .container { max-width: 750px; }
    
    .series-home .container, .series-home .container.stop-slide { margin-left: -375px; }
    .series-home .series-row-img div img { height: 100%; width: auto; }
    .series-home .bar li a { font-size: 19px; }
    .series-home .bar .linkbar-1 { width: 146px; height: 214px; }
    .series-home .bar .linkbar-2, .series-home .bar .linkbar-3 { width: 224px; height: 146px; }
    .series-home .bar .linkbar-2 { left: 155px; }
    .series-home .bar .linkbar-3 { top: 156px; left: 155px; }
    .series-home .container .bar .series-1, .series-home .container .bar .series-2, .series-home .container .bar .series-3 { height: 146px; }
    .series-home .container.start-slide .bar .series-1, .series-home .container.next-slide .bar .series-2, .series-home .container.end-slide .bar .series-3 { width: 146px; }
    .series-home .container .bar .series-1 { top: 218px; }
    .series-home .container .bar .series-2 { top: 156px; left: 381px; }
    .series-home .container .bar .series-3 { left: 381px; }
    
    .slider__item { height: 330px; }
    .slider__item.active { flex: 0 0 80%; max-width: 80%; }
    
    .slider__item .text-slide { padding: 30px 0; }
    .slider__item.active .text-slide { padding: 30px; }
    .slider__item.active .text-slide p { font-size: 14px; margin-bottom: 20px; }
    .slider__item.active .text-slide a { font-size: 14px; }
    .slider__item .text-slide span { width: 230px; }
    .slider__control_right { right: 9%; }
    
    .block-video { margin: 40px auto 0px; }
    
    footer span, footer a { font-size: 14px; }
    footer .nav-footer { border-bottom: 1px solid #444444; margin-bottom: 40px; }
    
    .filter .filter-row .parameter { font-size: 14px; width: 49%; }
    .series-row .series .series-type-link a { font-size: 12px; padding: 9px 4px 9px 40px; }
    
    .input-group.info span { width: 60%; margin: 0 10px; }
    
    .products-row .product-preview.pr-s { width: 50%; }
    .pr-s .product-info .parameter span, .pr-m .product-info .parameter span { font-size: 14px; }
    .product-info .dop-info { height: 32px; }
    .product-info .dop-info .downloads { width: 80%; }
    .product-info .dop-info .downloads a { font-size: 12px; }
    .product-info .dop-info .downloads a:before { top: -3px; }
    
    .series-header h1, .series-header p, .series-header .series-type-link { padding: 0; }
    .series-header .series-type-link a { padding: 10px 0px 10px 40px; font-size: 14px; }
    
    
    .product-header .bar { margin-left: -360px; }
    .product-header .bar .title-product { width: 146px; height: 164px; }
    .product-header .bar .title-product span { font-size: 12px; }
    .product-header .bar .title-product h1, .product-header .bar .go-scheme { font-size: 19px; line-height: 1.2; }
    .product-header .bar .go-scheme { width: 150px; height: 116px; left: 155px; }
    .product-header .bar .go-inspiration { width: 150px; height: 116px; top: 126px; left: 155px; }
    .product-header .bar .order { width: 146px; height: 146px; top: 168px; }
    .product-header .carousel-control { margin-left: -375px; bottom: 40px; }
    .product-header .carousel-indicators { width: 100%; }
    .product-header .carousel-indicators li { width: 70px; height: 70px; }
    .product-header .carousel-item img { height: 80% !important; width: auto !important; margin-right: 0%; }
    
    .product-desc .specifications li { width: 49%; }
    .product-desc .row-schemes { width: 100%; }
    .product-desc .row-schemes .scheme-link { height: 230px; }
    .product-desc .row-schemes .scheme-link img { height: 200px; }
    .product-desc .downloads { width: 100%; flex-direction: row; }
    .product-desc .downloads a { padding: 15px 34px 12px 70px; font-size: 16px; } 
    .product-desc .colors .color-srction li { width: auto; margin: 0 15px 10px 0; }
    .product-desc .colors .color-srction li .color { width: 60px; height: 60px; }
    .product-desc .description p { font-size: 16px; }
    .product-desc .materials { width: 100%; }
    
    .product-elements .el-row .el-list li { height: auto; }
    .product-elements .el-row .el-list li a { height: auto; }
    
    .popup-elements .modal-content { -ms-flex-direction: column; flex-direction: column; }
    .popup-elements .img-elements, .popup-elements .desc-elements { width: 100%; }
    
    .series-about .series-block { width: 100%; }
    
    .inspiration-row .inspiration { width: 50%; }
    .inspiration-row .inspiration, .inspiration-row .inspiration:nth-child(15n-13), 
    .inspiration-row .inspiration:nth-child(15n-10), .inspiration-row .inspiration:nth-child(15n-5) { height: 250px; }
    .inspiration-row .inspiration:nth-child(15n-14), .inspiration-row .inspiration:nth-child(15n-9) { height: 520px; float: right; }
    .inspiration-row .inspiration .img-insp { height: 180px; }
    .inspiration-row .inspiration:nth-child(15n-14) .img-insp, .inspiration-row .inspiration:nth-child(15n-9) .img-insp { height: 450px; }
    .inspiration-row .inspiration .img-insp { flex-direction: column; }
    .inspiration-row .inspiration:nth-child(15n-10) .img-insp, .inspiration-row .inspiration:nth-child(15n-5) .img-insp { flex-direction: row; }
        
    .product-header {height: auto;}
    .product-header .carousel-inner {padding-left: 45%;padding-right:5%;margin-top:100px;} 
    .product-header .slider-full .carousel-control-prev {display: none; top: calc((100% + 100px)/2); left: calc(100% - 60%)}
    .product-header .slider-full .carousel-control-next {display: none; top: calc((100% + 100px)/2); right: 20px;}
    
}

@media (min-width: 576px) and (max-width: 767.98px) {
    
    header { height: 60px; }
    header .nav { display: none; }
    header .logo { padding: 10px 0px; width: 50px; }
    header .phone, .navbar-toggle { font-size: 16px; }
    .navbar-toggle .icon-nav { top: 2px; }
    header .search-btn { display: none; height: 24px; }
    .nav-modal.active .content { height: auto; }
    .nav-modal .all-nav { flex-direction: column; padding: 0; }
    .nav-modal .all-nav .link-title { margin: 18px 0 10px; }
    .sisea-search-form { width: 100%; }
    .sisea-search-form fieldset { width: 100%; display: inline-block; }
    .sisea-search-form input.text-search { float: left; display: inline-block; width: 90%; }
    .sisea-search-form input.close-search { margin: 24px 0px 0 2%; }
    
    .bl-breadcrumbs a { font-size: 12px; }
    .bl-breadcrumbs .next-crumb { margin: 0px 8px; }
    
    .container { max-width: calc(100% - 30px); }
    
    .series-home .container.start-slide, .series-home .container.next-slide, .series-home .container.end-slide { width: 100%; padding: 0px; }
    .series-home .container, .series-home .container.stop-slide { left: 0%; margin-left: 0px; }
    .series-home .series-row-img div img { height: 100%; width: auto; }
    .series-home .bar { width: 100%; }
    .series-home .bar .linkbar-1, .series-home .bar .linkbar-2, .series-home .bar .linkbar-3 { display: none; }
    .series-home .container .bar .series-1, .series-home .container .bar .series-2, .series-home .container .bar .series-3 {
    top: 60vh; left: 15px; width: 0%; height: 60px; }
    .series-home .container.start-slide .bar .series-1, .series-home .container.next-slide .bar .series-2, .series-home .container.end-slide .bar .series-3 {
    width: 70%; }
    .series-home .series-row-nav { right: 15px; top: 44vh; }
    
    .slider__item, .slider__item.active { height: auto; flex: 0 0 80%; max-width: 80%; margin: 0 10%; }
    .slider__item .img-slide, .slider__item.active .img-slide { float: none; width: 100%; height: 210px; display: flex;
    flex-direction: row; justify-content: flex-start; align-items: center; text-align: center; }
    .slider__item .img-slide img { width: 100%; height: auto; }
    .slider__item .text-slide, .slider__item.active .text-slide { position: relative; float: none; display: block; width: 100%; height: auto !important; padding: 45px; opacity: 1; }
    .slider__item .text-slide span {width:100%;}
    .slider__control_left { top: 50%; margin-left: 0px; left: -20px; }
    .slider__control_right { top: 50%; margin-right: 0px; right: -20px; }
    a.more {margin-bottom:24px;}
    .home-new-preview .nav { text-align: center; justify-content: center; }
    
    .partner { height: 130px; }
    .partner span { margin-top: -10px; }
    
    footer span, footer a { font-size: 14px; }
    footer .nav-footer { border-bottom: 1px solid #444444; margin-bottom: 40px; }
    
    .filter .filter-row .parameter { font-size: 14px; width: 49%; }
    .filter .filter-row .parameter a { width: 100%; }
    .series-row .series .series-type-link { display: inline-block; }
    .series-row .series .series-type-link a { font-size: 14px; padding: 9px 4px 9px 40px; width: 48%; display: inline-block; }
    .series-row .series .series-img { flex-direction: column; align-items: flex-end; text-align: right; }
    .series-row .series .series-img img { height: 100%; width: auto; }
    
    .input-group.info span { width: 60%; margin: 0 10px; }
    
    .products-row .product-preview.pr-s { width: 50%; }
    .pr-s .product-info .parameter span, .pr-m .product-info .parameter span { font-size: 14px; }
    .product-info .dop-info { height: 32px; }
    .product-info .dop-info .downloads { width: 80%; }
    .product-info .dop-info .downloads a { font-size: 12px; }
    .product-info .dop-info .downloads a:before { top: -3px; }
    .pr-m .product-info .parameter span { width: 100%; height: 44px; margin-right: 0; }
    .product-info .dop-info { display: none; }
    .pr-l .product-info .parameter { display: inline-block; }
    .pr-l .product-info .parameter span { font-size: 14px; width: 49%; display: inline-block; margin-right: 1%; float: left; padding: 9px 0px 9px 40px; }
    
    .series-header .series-type-link { display: inline-block; height: auto; }
    .series-header .series-type-link a { padding: 10px 0px 10px 40px; font-size: 14px; width: 49%; display: inline-block; float: left; }
    .series-header .series-type-link a:hover { border-bottom: 1px solid #000; }
    
    .series-top { background-image: none !important; height: auto;}
    .series-top .page-title  { width: 100%; padding-bottom:40px;}
    .series-top .page-title  h1 { margin-top: 30px; }
    .series-top .container { justify-content: flex-start; }
    
    
    .product-header .bar { top: 110px; left: 0%; margin-left: 15px; }
    .product-header .bl-breadcrumbs { top: -40px; }
    .product-header .bar .title-product { width: 146px; height: 80px; }
    .product-header .bar .title-product span { display: none; }
    .product-header .bar .title-product h1 { font-size: 19px; line-height: 1.2; }
    .product-header .bar .go-scheme, .product-header .bar .go-inspiration { display: none; }
    .product-header .bar .order { width: 146px; height: 80px; top: 84px; }
    .product-header .carousel-control {left: 0%; margin-left: 0px; bottom: 10px; }
    .product-header .carousel-indicators { width: 100%; }
    .product-header .carousel-indicators li { width: 50px; height: 50px; }
    .product-header .carousel-item img { height: 55% !important; width: auto !important; margin-right: 5%; }
    
    .product-desc .description, .product-desc .specifications { padding: 20px; }
    .product-desc .description p { font-size: 16px; }
    .product-desc .materials { width: 100%; }
    
    .product-desc .specifications li { width: 99%; }
    .product-desc .row-schemes { width: 100%; margin-bottom: 20px; }
    .product-desc .row-schemes .scheme-link { height: 170px; }
    .product-desc .row-schemes .scheme-link img { height: 140px; }
    .product-desc .downloads { width: 100%; flex-direction: row; }
    .product-desc .downloads a { padding: 6px 12px 6px 70px; font-size: 14px; margin-right: 20px; } 
    .product-desc .colors .color-srction li { width: auto; margin: 0 15px 10px 0; }
    .product-desc .colors .color-srction li .color { width: 60px; height: 60px; }
    
    .product-elements .el-scheme { width: 100%; }
    .product-elements .el-row { width: 100%; padding-top: 20px; padding-left: 0px; }
    .product-elements .el-row h4 { margin-bottom: 20px; }
    
    .nav-tabs .nav-item { margin-right: 6px; }
    .nav-tabs .nav-item .nav-link, .nav-tabs .nav-item .nav-link:hover, .nav-tabs .nav-item .nav-link.active { padding: 5px; }
    
    .popup-elements .modal-content { -ms-flex-direction: column; flex-direction: column; }
    .popup-elements .img-elements, .popup-elements .desc-elements { width: 100%; }
    
    .series-about .series-block { width: 100%; }
    .about-page .more-before { margin: 20px 0; }
    .advantages-row .advantage { flex-direction: column; }
    
    .about-page { overflow: hidden; display: inline-block; background-size: 160%; background-position-y: 30px; }
    .about-section .link-section {width: 100%; -moz-transform: scale(0.8,0.8); -ms-transform: scale(0.8,0.8); -webkit-transform: scale(0.8,0.8); -o-transform: scale(0.8,0.8); transform: scale(0.8,0.8); }
    .about-section .link-section a.link-4 { left: 340px; width: 250px; }
    
    .inspiration-row .inspiration { width: 50%; }
    .inspiration-row .inspiration, .inspiration-row .inspiration:nth-child(15n-13), 
    .inspiration-row .inspiration:nth-child(15n-10), .inspiration-row .inspiration:nth-child(15n-5) { height: 250px; }
    .inspiration-row .inspiration:nth-child(15n-14), .inspiration-row .inspiration:nth-child(15n-9) { height: 520px; float: right; }
    .inspiration-row .inspiration .img-insp { height: 180px; }
    .inspiration-row .inspiration:nth-child(15n-14) .img-insp, .inspiration-row .inspiration:nth-child(15n-9) .img-insp { height: 450px; }
    .inspiration-row .inspiration .img-insp { flex-direction: column; }
    .inspiration-row .inspiration:nth-child(15n-10) .img-insp, .inspiration-row .inspiration:nth-child(15n-5) .img-insp { flex-direction: row; }
    
    .product-cart .count { width: 15%; }
    .product-cart .weight { width: 15%; margin-left: 10%; }
    
    .product-header {height: auto;}
    .product-header .carousel-inner {padding-left: 40%;padding-right:10%;margin-top:100px;} 
    .product-header .slider-full .carousel-control-prev {top: calc((100% + 100px)/2); left: calc(100% - 90% - 45px)}
    .product-header .slider-full .carousel-control-next {top: calc((100% + 100px)/2); right: 20px;}
    
    .nav-modal .all-nav {display: flex; flex-direction: row; flex-flow: wrap;}
    .nav-modal .all-nav .col-nav {flex-basis: 33%;}
    .nav-modal .all-nav .col-nav.two-col-nav {flex-basis: 66%; display: flex; flex-flow: wrap;}
    .nav-modal .all-nav .col-nav.two-col-nav a.link-title {flex-basis: 100%;}
    .nav-modal .all-nav .col-nav.two-col-nav .col-own {flex-basis: 50%;}
    
    .soc {display: flex; flex-flow: wrap; margin-bottom: 40px;}
    .soc .link-title {flex-basis: 100%;}
    .soc .soc-link {flex-basis: 33%;}
    
    footer .contact-rows {display: flex; flex-flow: wrap;}
    footer .contact-rows .contact-row {}
    
}


@media (max-width: 575.98px) {
    
    header { height: 60px; }
    header .nav { display: none; }
    header .logo { padding: 10px 0px; width: 50px; }
    header .phone, .navbar-toggle { font-size: 16px; }
    .navbar-toggle .icon-nav { top: 2px; }
    header .search-btn {  display: none;  height: 24px; }
    .nav-modal.active .content { height: auto; }
    .nav-modal .all-nav { flex-direction: column; padding: 0; }
    .nav-modal .all-nav .link-title { margin: 18px 0 10px; }
    .search-modal .logo { display: none; }
    .sisea-search-form { width: 100%; }
    .sisea-search-form fieldset { width: 100%; display: inline-block; }
    .sisea-search-form input.text-search { float: left; display: inline-block; width: 88%; margin-left: 0; }
    .sisea-search-form input.close-search { margin: 24px 0px 0 2%; }
    
    .bl-breadcrumbs a { font-size: 12px; }
    .bl-breadcrumbs .next-crumb { margin: 0px 8px; }
    
    .container { max-width: 100%; }
    
    .series-home .container.start-slide, .series-home .container.next-slide, .series-home .container.end-slide { width: 100%; padding: 0px; }
    .series-home .container, .series-home .container.stop-slide { left: 0%; margin-left: 0px; }
    .series-home .series-row-img div img { height: 100%; width: auto; }
    .series-home .bar { width: 100%; }
    .series-home .bar .linkbar-1, .series-home .bar .linkbar-2, .series-home .bar .linkbar-3 { display: none; }
    .series-home .container .bar .series-1, .series-home .container .bar .series-2, .series-home .container .bar .series-3 {
    top: 60vh; left: 15px; width: 0%; height: 60px; }
    .series-home .container.start-slide .bar .series-1, .series-home .container.next-slide .bar .series-2, .series-home .container.end-slide .bar .series-3 {
    /*width: 70%;*/ }
    .series-home .series-row-nav { right: 15px; top: 44vh; }
    .series-home .bar .series-link a::before {bottom: 0px;}
    .slider__item, .slider__item.active { height: auto; flex: 0 0 80%; max-width: 80%; margin: 0 10%; }
    .slider__item .img-slide, .slider__item.active .img-slide { float: none; width: 100%; height: 210px; display: flex;
    flex-direction: row; justify-content: flex-start; align-items: center; text-align: center; }
    .slider__item .img-slide img { width: 100%; height: auto; }
    .slider__item .text-slide, .slider__item.active .text-slide { position: relative; float: none; display: block; width: 100%; height: auto !important; padding: 45px; opacity: 1; }
    .slider__control_left { top: 48%; margin-left: -32px; left: 5%; width: 40px;height:40px;}
    .slider__control_right { top: 48%; margin-right: -32px; right: 5%;  width: 40px;height:40px;}
    .slider__item .text-slide span {width:100%;}
    
    .home-new-preview .nav { text-align: center; justify-content: center; }
    
    .partner { height: 130px; }
    .partner span { margin-top: -10px; }
    
    footer span, footer a { font-size: 14px; }
    footer .nav-footer { display: none; }
    
    footer .copyright { flex-direction: column; align-items: flex-start; }
    footer .copyright .dop-link { margin: 10px 0; }
    
    .filter .filter-row .parameter { font-size: 14px; width: 99%; }
    .filter .filter-row .parameter a { width: 100%; }
    .series-row .series .series-type-link { display: inline-block; }
    .series-row .series .series-type-link a { font-size: 12px; padding: 9px 4px 9px 40px; width: 48%; display: inline-block; }
    .series-row .series .series-img { flex-direction: column; align-items: flex-end; text-align: right; }
    .series-row .series .series-img img { height: 100%; width: auto; }
    
    .input-group { margin-bottom: 0px; flex-direction: column; }
    .input-group.info span { width: 100%; margin: 0 0 10px; text-align: left;}
    .input-group input, .input-group>.form-control { width: 100%; margin-bottom: 20px; }
    .input-group.info { -ms-flex-align: flex-star; align-items: flex-start; }
    
    .products-row .product-preview .product-title h2 {margin-top:30px;}
    .products-row .product-preview .preview-content { height: 400px; }
    .products-row .product-preview.pr-m, .products-row .product-preview.pr-s { width: 100%; }
    .pr-s .product-info .parameter span, .pr-m .product-info .parameter span { font-size: 14px; }
    .product-info .dop-info { height: 32px; }
    .product-info .dop-info .downloads { width: 80%; }
    .product-info .dop-info .downloads a { font-size: 12px; }
    .product-info .dop-info .downloads a:before { top: -3px; }
    .pr-m .product-info .parameter span { width: 100%; height: 44px; margin-right: 0; }
    .product-info .dop-info { display: none; }
    .pr-m .product-info .dop-info { display: none; }
    .pr-l .product-info .parameter { display: inline-block; }
    .pr-l .product-info .parameter span { font-size: 14px; width: 100%; display: inline-block; margin-right: 0%; float: left; padding: 9px 0px 9px 40px; }
    .products-row .product-preview .product-img { flex-direction: column; align-items: flex-end; }
    .products-row .product-preview .product-img img { height: 90%; width: auto; }
    
    .series-header .series-type-link { display: inline-block; height: auto; }
    .series-header .series-type-link a { padding: 10px 0px 10px 40px; font-size: 14px; width: 100%; display: inline-block; float: left; }
    .series-header .series-type-link a:hover { border-bottom: 1px solid #000; }
    
    .series-top {padding-bottom:40px;}
    .series-top .page-title  { width: 100%; }
    .series-top .page-title  h1 { margin-top: 30px;}
    .series-top .container { justify-content: flex-start; }
    
    .product-header .bar { top: 110px; left: 0%; margin-left: 15px; }
    .product-header .bl-breadcrumbs { top: -40px; }
    .product-header .bar .title-product { width: 146px; height: 80px; }
    .product-header .bar .title-product span { display: none; }
    .product-header .bar .title-product h1 { font-size: 19px; line-height: 1.2; }
    .product-header .bar .go-scheme, .product-header .bar .go-inspiration { display: none; }
    .product-header .bar .order { width: 146px; height: 80px; top: 84px; }
    .product-header .carousel-control {left: 0%; margin-left: 0px; bottom: 10px; }
    .product-header .carousel-indicators { width: 100%; }
    .product-header .carousel-indicators li { width: 50px; height: 50px; }
    .carousel-fade .carousel-item-next.carousel-item-left, 
    .carousel-fade .carousel-item-prev.carousel-item-right,
    .carousel-fade .carousel-item.active,
    .product-header .carousel-item.carousel-item-next { flex-direction: column; }
    .product-header .carousel-item {width:100%}
    .product-header .carousel-item.active {width:100%;}
    .product-header .carousel-item img { height: auto !important; width: 100% !important; margin-right: 0%; margin-top:300px;}
    .product-header .carousel-item.active {flex-direction:row;}
    .product-header .carousel-inner {padding-left:0px;padding-bottom:40px;}
    .product-header .slider-full .carousel-control-prev {left:10px;}
    .product-header .slider-full .carousel-control-next {right:10px;}
    .product-header .slider-full .carousel-control-prev, .product-header .slider-full .carousel-control-next {top: calc(50% + 150px - 31px);}
    .product-header .carousel-item {float:unset;}
    .product-header .carousel-item.active {flex-direction: unset;}
    .product-desc .description, .product-desc .specifications { padding: 20px; }
    .product-desc .description p { font-size: 16px; }
    .product-desc .materials { width: 100%; }
    
    .product-desc .specifications li { width: 99%; }
    .product-desc .row-schemes { width: 100%; margin-bottom: 20px; }
    .product-desc .row-schemes .scheme-link { height: 170px; }
    .product-desc .row-schemes .scheme-link img { height: 140px; }
    .product-desc .downloads { width: 100%; }
    .product-desc .downloads a { padding: 12px 30px 12px 70px; font-size: 16px; } 
    .product-desc .colors .color-srction li { width: auto; margin: 0 15px 10px 0; }
    .product-desc .colors .color-srction li .color { width: 60px; height: 60px; }
    
    .product-elements .el-scheme { width: 100%; }
    .product-elements .el-row { width: 100%; padding-top: 20px; padding-left: 0px; }
    .product-elements .el-row h4 { margin-bottom: 20px; }
    .product-elements .el-row .el-list li { height: auto; }
    
    .popup-elements .modal-content { -ms-flex-direction: column; flex-direction: column; }
    .popup-elements .img-elements, .popup-elements .desc-elements { width: 100%; }
    
    .about-page { overflow: hidden; display: inline-block; background-size: 160%; background-position-y: 70px; }
    .about-section { flex-direction: row; align-items: flex-start; justify-content: flex-start; padding: 0px; height: 332px; }
    .series-about .series-block { width: 100%; }
    .about-page .more-before { margin: 20px 0; }
    .advantages-row .advantage { flex-direction: column; }
    .about-section .link-section { margin-left: -10%; width: 240px; height: 240px; -moz-transform: scale(0.6,0.6); 
    -ms-transform: scale(0.6,0.6); -webkit-transform: scale(0.6,0.6); -o-transform: scale(0.6,0.6); transform: scale(0.6,0.6); }
   
    #homenew p {display: none; }
    .page-top .page-title h1 { margin-bottom: 10px; }
    .page-top { padding-bottom: 50px; }
    .page-content { padding-top: 50px; padding-bottom: 10px; }
    
    .inspiration-row .inspiration { width: 100% !important; }
    .inspiration-row .inspiration:nth-child(15n-14), .inspiration-row .inspiration:nth-child(15n-9) { height: 310px; float: left; }
    .inspiration-row .inspiration:nth-child(15n-14) .img-insp, .inspiration-row .inspiration:nth-child(15n-9) .img-insp { height: 240px; }
    .inspiration-row .inspiration:nth-child(15n-14) .img-insp img, .inspiration-row .inspiration:nth-child(15n-9) .img-insp img { height: auto; width: 100%; }
    
    .filter-inspiration .filter-row li { width: 49%; }
    
    .cart-row .header { padding: 2px 15px;}
    .cart-row .header span { width: 0%; font-size: 0px; }
    .product-cart { display: inline-block; position: relative; }
    .product-cart .title { width: 100%; }
    .product-cart .count { width: 100%; float: left; margin-top: 20px; }
    .product-cart .count .input-group { flex-direction: row; }
    .product-cart .weight, .product-cart .price { width: 50%; float: left; margin-left: 0%; }
    .product-cart .remove { width: 24px; position: absolute; top: 15px; left: auto; right: 15px; }
    .footer .total, .footer .total_count, .footer .total_weight { width: 20%; margin-left: 0%; }
    .footer .total_cost { width: 40%; }
    .footer .totel-deleye { display: none; }
    
    .nav-modal .all-nav {display: flex; flex-direction: row; flex-flow: wrap;}
    .nav-modal .all-nav .col-nav {flex-basis: 50%;}
    .nav-modal .all-nav .col-nav.two-col-nav {flex-basis: 100%; display: flex;flex-flow: wrap;}
    .nav-modal .all-nav .col-nav.two-col-nav a.link-title {flex-basis: 100%;}
    .nav-modal .all-nav .col-nav.two-col-nav .col-own {flex-basis:50%;}
}


@media (max-width: 380px) {
    
    header .phone { display: none; }
    
}

@media only screen and (max-width: 991.98px) and (min-width: 768px) {
   .product-header .carousel-inner {padding-left:0px; padding-right: 0px; margin-top:150px;} 
}

@media only screen and (max-width: 767.98px) and (min-width: 576px) {
   .product-header .carousel-inner {padding-left:0px; padding-right: 0px; margin-top:100px;} 
   .product-header .carousel-item img {}
}

.col-nav ul {padding-left:0px;}

.series-row .series.num-products-0 .series-title h2:before {background: none;}
.series-row .series.num-products-0:hover .series-title h2:before {content: '???????????? ?? N?????N???????N?????'; font-size:16px; top:5px; left:130px; width:300px; background: none;}

.series-row.elements {
    
}
.series-row.elements .series .series-img {
    justify-content: flex-end;
}
.series-row.elements .series .series-img img {
    width: auto;
    height: 200px;
}
#series-start, #series-next, #series-end {
    background-size: auto !important;
    background-position-x: 0px !important;
    background-repeat: no-repeat;
}
@media (max-width: 1400px) {
    #series-start, #series-next, #series-end {
      background-size: auto !important;
      background-position-x: 40% !important;
    background-repeat: no-repeat;
  }  
  /*.series-home .series-row-img div {height: 75vh;}*/
}
@media (max-width: 1200px) {
    #series-start, #series-next, #series-end {
      background-size: contain !important;
      background-position-x: 40% !important;
    background-repeat: no-repeat;
  }

  /*.series-home .series-row-img div {height: 60vh;}  */
}


@media (max-width: 500px) {
    .series-home .series-row-img div img {display: none;}
    .mob-image {background-image: url('../images/123.jpg'); background-repeat: no-repeat; background-size: contain;}
    
}
#street {display:none;}
.breadcrumb {
    background: none;
	padding: 0;
}
.series1,.series2,.series3,.series4{
	background: url(/images/series/series1.jpg) 100% 100% no-repeat #f0eef1; 
}
.series7{
	background: url(/images/series/series7.png) 100% 100% no-repeat #f0eef1; 
}
.series8{
	background: url(/images/series/series8.png) 100% 100% no-repeat #f0eef1; 
}
.series9{
	background: url(/images/series/series9.png) 100% 100% no-repeat #f0eef1; 
}
.series10{
	background: url(/images/series/series10.png) 100% 100% no-repeat #f0eef1; 
}
.series11{
	background: url(/images/series/series11.png) 100% 100% no-repeat #f0eef1; 
}
.series12{
	background: url(/images/series/series12.png) 100% 100% no-repeat #f0eef1; 
}
.series13{
	background: url(/images/series/series13.png) 100% 100% no-repeat #f0eef1; 
}
.series14{
	background: url(/images/series/series14.png) 100% 100% no-repeat #f0eef1; 
}
.series15{
	background: url(/images/series/series15.png) 100% 100% no-repeat #f0eef1; 
}
.series16{
    background: url(/images/series/series16.jpg) 100% 100% no-repeat;
}
.series17{
    background: url(/images/series/series17.jpg) 100% 100% no-repeat;
}
.series18 {
    background: url(/images/series/series18.jpg) 100% 100% no-repeat;
}
.series19{
    background: url(/images/series/series19.jpg) 100% 100% no-repeat;
}
.series20{
	background: #f0eef1; 
}

.series-top {
	background-size: contain;
	background-position-y:40px;
}

.series-top hr {
    margin: 0;
}
pre {
    font-family: 'Montserrat-Regular', sans-serif;
    font-size: 15px;
}
.materialyi {
    height: auto;
    background: none;
    padding-bottom: 0;
}
.materialyi h1{
    display:none;
}
.dostavka .page-title {
    display: none;
}
.policy {
    padding-bottom: 0;
}

.policy .bl-breadcrumbs {
    display: none;
}
#mxcpr {
    display: none;
}
.o-nas,.kontaktyi  {
    padding-bottom: 0;
}
.series20 {
    height: 0;
}