@font-face {
    font-family: 'next400';
    src: url('../fonts/next400.otf');
    font-display: swap;
    font-weight: normal;
}
@font-face {
    font-family: 'next500';
    src: url('../fonts/next500.otf');
    font-display: swap;
    font-weight: normal;
}
@font-face {
    font-family: 'next600';
    src: url('../fonts/next600.otf');
    font-display: swap;
    font-weight: normal;
}
@font-face {
    font-family: 'next700';
    src: url('../fonts/next700.otf');
    font-display: swap;
    font-weight: normal;
}
@font-face {
    font-family: 'next800';
    src: url('../fonts/next800.otf');
    font-display: swap;
    font-weight: normal;
}
@font-face {
    font-family: 'nts400';
    src: url('../fonts/nts400.ttf');
    font-display: swap;
    font-weight: normal;
}
@font-face {
    font-family: 'nts600';
    src: url('../fonts/nts600.ttf');
    font-display: swap;
    font-weight: normal;
}
@font-face {
    font-family: 'nts800';
    src: url('../fonts/nts800.ttf');
    font-display: swap;
    font-weight: normal;
}
:root {
    --index: calc(1vw + 1vh);
    --transition: transform .75s cubic-bezier(.075, .5, 0, 1);
}
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
.wow, .fadeIn, .fadeInDown, .fadeInRight, .fadeInLeft {
    visibility: hidden;
}
/*Parallax*/
/* will-change */
.scrollsmoother, header {
    will-change: transform;
}
/**/
body {
    font-family: 'nts400', sans-serif;
    display: block;
    position: relative;
    background: #F8F9FA;
    color: #0A1C2C;
}
.wrapper {
	overflow-x: hidden;
}
.container .row {
    position: relative;
}
.mobile-only {
    display: none;
}
.desctop-only {
    display: block;
}
.body-scroll {
    overflow: hidden;
}
.float-right {
    float: right;
}
.align-center {
    text-align: center;
}
.align-right {
    text-align: right;
}
::selection {
    background: #E4E403;
    -webkit-background-clip: text;
    -webkit-text-fill-color: #FFFFFF;
}
::-moz-selection {
    background: #E4E403;
    -webkit-background-clip: text;
    -webkit-text-fill-color: #FFFFFF;
}
/* Scrollbar Styling */
::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-track {
    border-radius: 0px;
}
::-webkit-scrollbar-thumb {
    background-color: #E4E403;
}
hr {
    position: relative;
    display: block;
    border-right: 0;
    border-left: 0;
    border-top: 0;
    border-bottom: 1px solid #f9f9f9;
    margin-top: 20px;
    margin-bottom: 20px;
}
ul li {
    list-style-position: inside;
}
a, .btn, input, button, textarea, select, select option {
    outline: none;
    font-family: 'nts400', sans-serif;
    display: inline-block;
    transition: .2s ease-in-out;
    text-decoration: none;
}
.btn:hover, input:hover, button:hover {
    transition: .2s ease-in-out;
    text-decoration: none;
}
a {
    color: #0A1C2C;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
button {
    border: none;
}
button:hover {
    cursor: pointer;
}
.btn {
    position: relative;
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
    padding: 20px 50px;
    border-radius: 10px;
    overflow: hidden;
    z-index: 100;
    text-align: center;
}
.btn-blue {
    border: 1px solid #0A1C2C;
    background: #0A1C2C;
    color: #FFFFFF;
}
.btn-blue:hover {
    border: 1px solid #275f8d;
    background: #275f8d;
    color: #FFFFFF;
}
.btn-white {
    border: 1px solid #FFFFFF;
    color: #0A1C2C;
    background: #FFFFFF;
    font-family: 'nts600', sans-serif;
    font-weight: 500;
}
header .btn-white {
    border: 1px solid #DCE2E8;
}
.btn-white:hover {
    border: 1px solid #DCE2E8;
    color: #0A1C2C;
    background: #DCE2E8;
}
.btn img {
    float: right;
    margin-left: 15px;
}
.btn-big {
    padding: 28px 80px;
    font-size: 18px;
    line-height: 18px;
}
.btn .arrow {
    margin-top: 4px;
    right: 0px;
    position: relative;
    transition: .2s ease-in-out;
}
.btn .arrow-cart {
    margin-top: 2px;
    right: 0px;
    position: relative;
    transition: .2s ease-in-out;
}
.btn-big .arrow {
    margin-top: 6px;
}
.btn:hover .arrow {
    right: -5px;
}
.btn-texture:after {
    content: '';
    display: block;
    position: absolute;
    width: 30px;
    height: 200px;
    background: #fff;
    top: -50px;
    transform: rotate(30deg);
    opacity: 0.5;
    left: -70px;
    animation: animate-btn-fon 3s ease-in-out infinite;
}
@keyframes animate-btn-fon {
    0% {
        left: -70px;
    }
    30% {
        left: 400px;
    }
    100% {
        left: 400px;
    }
}
h1 {
    font-size: 80px;
    line-height: 80px;
    font-family: 'next800', sans-serif;
    font-weight: 800;
}
h1 span {
    color: #E4E403;
    transition: .2s ease-in-out;
    animation: h1-span 2s ease-in-out infinite;
    position: relative;
    display: inline-block;
}
@keyframes h1-span {
    0% {
        bottom: 0px;
    }
    10% {
        bottom: 15px;
    }
    20% {
        bottom: 0px;
    }
    30% {
        bottom: 10px;
    }
    40% {
        bottom: 0px;
    }
    50% {
        bottom: 5px;
    }
    60% {
        bottom: 0px;
    }
}
h2 {
    font-size: 26px;
    line-height: 26px;
    color: #0A1C2C;
    font-family: 'next800', sans-serif;
    font-weight: 800;
}
h3 {
    color: #0A1C2C;
    font-size: 24px;
    line-height: 24px;
    font-family: 'next600', sans-serif;
    font-weight: 600;
}
h3 span {
    color: #E4E403;
}
h4 {
    color: #0A1C2C;
    font-size: 20px;
    line-height: 20px;
    font-family: 'next800', sans-serif;
    font-weight: 800;
}
h5 {
    font-size: 12px;
    line-height: 12px;
    color: #646978;
    font-family: 'nts400', sans-serif;
    font-weight: 400;
}
p {
    font-size: 16px;
    line-height: 18px;
    color: #646978;
}
p span {
    font-size: 16px;
    line-height: 18px;
    font-family: 'nts600', sans-serif;
    font-weight: 600;
    color: #0A1C2C;
}
input, select, textarea {
    position: relative;
    padding: 15px 25px;
    border: 1px solid #0A1C2C;
    color: #0A1C2C;
    font-size: 16px;
    line-height: 16px;
    border-radius: 10px;
    font-family: 'nts400', sans-serif;
    font-weight: 400;
    background: transparent;
}
input::placeholder {
    color: #dddddd;
}
.mfp-bg, .mfp-figure:after {
    background: #dddddd;
}
.popup-modal-style-map {
    position: relative;
    width: 800px;
    margin: auto;
    background: transparent;
    padding: 0px;
    text-align: center;
    /*box-shadow: 0px 0px 80px #dddddd;*/
    border-radius: 15px;
}
.popup-modal-style {
    position: relative;
    width: 420px;
    margin: auto;
    background: #FFFFFF;
    padding: 80px 60px;
    text-align: center;
    /*box-shadow: 0px 0px 80px #dddddd;*/
    border-radius: 15px;
}
.texture-cube-01 {
    position: absolute;
    z-index: -1;
    content: '';
    width: 200px;
    height: 200px;
    background: #E4E403;
    display: inline-block;
    right: -100px;
    top: 100px;
    animation: texture-cube-01 3s ease-in-out infinite;
}
@keyframes texture-cube-01 {
    0% {
        transform: rotate(45deg)
    }
    50% {
        transform: rotate(40deg)
    }
    100% {
        transform: rotate(45deg)
    }
}
.texture-cube-02 {
    position: absolute;
    z-index: -1;
    content: '';
    width: 140px;
    height: 140px;
    background: #0A1C2C;
    display: inline-block;
    left: -50px;
    bottom: 50px;
    animation: texture-cube-02 3s ease-in-out infinite;
}
@keyframes texture-cube-02 {
    0% {
        transform: rotate(45deg)
    }
    50% {
        transform: rotate(50deg)
    }
    100% {
        transform: rotate(45deg)
    }
}
.popup-modal-style form input {
    margin-bottom: 15px;
    display: inline-block;
}
.popup-modal-style h2 {
    margin-bottom: 10px;
}
.popup-modal-style p {
    margin-bottom: 30px;
}
/**/
header.head-top {
    transform: translate3d(0, calc(var(--scrollTop) / 5), 0);
    transition: var(--transition);
}
.texture-banner {
    transform: translate3d(0, calc(var(--scrollTop) / 8), 0);
    transition: var(--transition);
}
/**/
header {
    margin-bottom: 180px;
}
/*head-top*/
.head-top {
    position: relative;
    padding-top: 15px;
    padding-bottom: 15px;
    background: #FFFFFF;
}
.block-city {
    position: relative;
    font-size: 14px;
    line-height: 14px;
    display: none;
}
.block-city label {
    position: relative;
    display: inline-block;
}
.block-city select {
    position: relative;
    display: inline-block;
    border: none;
    color: #FF922D;
    font-size: 14px;
    line-height: 14px;
    font-family: 'nts400', sans-serif;
    padding: 0;
}
.block-city select option {
    font-size: 14px;
    line-height: 14px;
    font-family: 'nts400', sans-serif;
}
.block-nav {
    position: relative;
    display: inline-block;
}
.block-nav a {
    position: relative;
    color: #646978;
    font-size: 12px;
    line-height: 14px;
    margin-right: 10px;
    margin-left: 10px;
}
.block-btn {
    text-align: right;
    display: block;
}
.block-btn .btn {
    font-size: 12px;
    line-height: 14px;
    padding: 6px 20px;
    border-radius: 5px;
    margin-left: 10px;
}
.block-logo {
    position: relative;
    display: inline-block;
}
.block-logo a {
    display: inline-block;
    margin-right: 15px;
    float: left;
    max-width: 110px;
}
.block-logo a img {
    width: 100%;
}
.block-logo span {
    display: inline-block;
    width: 150px;
    font-size: 14px;
    line-height: 18px;
    margin-top: 10px;
}
.head-middle {
    margin-top: 30px;
    margin-bottom: 30px;
}
nav {
    position: relative;
    margin-top: 10px;
}
nav a {
    line-height: 34px;
    font-size: 14px;
    color: #0A1C2C;
    margin-right: 20px;
}
nav a.nav-cat {
    font-family: 'nts600', sans-serif;
    background: #FF922D;
    color: #FFFFFF;
    padding: 10px;
    border-radius: 5px;
    line-height: 14px;
}
nav a.nav-cat:hover {
    background: #DCE2E8;
    text-decoration: none;
}
nav a.nav-cat img {
    float: left;
    margin-right: 5px;
    filter: invert(0);
    transition: .2s ease-in-out;
}
nav a.nav-cat:hover {
    color: #0A1C2C;
}
nav a.nav-cat:hover img {
    float: left;
    margin-right: 5px;
    filter: invert(1);
}
.menu-select {
    color: #FF922D;
}
.block-phone {
    text-align: right;
}
.block-phone a {
    font-size: 18px;
    line-height: 18px;
    font-family: 'nts800', sans-serif;
    color: #0A1C2C;
    margin-top: 18px;
}
.block-cart {
    position: relative;
    margin-top: 15px;
    text-align: right;
}
.block-cart a {
    position: relative;
}
.block-cart a span {
    position: absolute;
    background: #FF922D;
    padding: 3px 5px;
    font-size: 10px;
    line-height: 10px;
    border-radius: 20px;
    color: #FFFFFF;
    right: -10px;
    top: -5px;
}
.banner {
    padding-top: 80px;
    padding-bottom: 0px;
    background: url('../images/banner-background.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 50px;
}
.banner h1 {
    margin-bottom: 45px;
}
.banner h3 {
    font-size: 20px;
    line-height: 30px;
    font-family: 'nts400', sans-serif;
    font-weight: 400;
    color: #646978;
    margin-bottom: 70px;
}
.banner h3 span {
    font-weight: 800;
    font-family: 'nts800', sans-serif;
    color: #0A1C2C;
}
.banner h3 img {
    float: left;
    margin-right: 15px;
}
.banner .btn-big {
    z-index: 10;
}
.btn-moc {
    position: absolute;
    right: 0px;
    z-index: 20;
    top: -40px;
}
.block-attr {
    margin-bottom: 20px;
    position: relative;
    display: block;
    margin-top: 65px;
}
.block-attr h2 {
    line-height: 36px;
    margin-bottom: 15px;
}
.block-attr h2 img {
    float: left;
    margin-right: 10px;
}
.block-attr p {
    font-size: 14px;
    line-height: 16px;
}
.block-attr-arrow {
    position: absolute;
    width: 2px;
    right: -5px;
    height: 90px;
    background: #DDDFE7;
}
.texture-banner {
    position: absolute;
    right: -350px;
    top: -50px;
}
.texture-promo {
    position: absolute;
    right: 200px;
    top: -30px;
    background: url('../images/image-02.png');
    width: 226px;
    height: 115px;
    padding: 25px 30px;
    display: none;
}
.texture-promo p {
    font-weight: 800;
    font-family: 'nts800', sans-serif;
    color: #0A1C2C;
}
.texture-promo-animate {
    position: relative;
    animation: texture-promo-animate 2s ease-in-out infinite;
}
@keyframes texture-promo-animate {
    0% {
        transform: rotate(0deg)
    }
    10% {
        transform: rotate(25deg)
    }
    20% {
        transform: rotate(0deg)
    }
    30% {
        transform: rotate(25deg)
    }
    40% {
        transform: rotate(0deg)
    }
}
.catalog {
    position: relative;
    z-index: 100;
}
.catalog-item {
    position: relative;
    padding: 12px;
    border-radius: 5px;
    background: #FFFFFF;
    display: block;
    min-height: 130px;
    bottom: -60px;
    box-shadow: 0px 0px 30px #dddddd;
    margin-bottom: 30px;
}
.catalog-item:hover {
    text-decoration: none;
    background: #EBEDEE;
    box-shadow: 0px 0px 0px #dddddd;
}
.catalog-img {
    float: left;
    position: relative;
    display: inline-block;
    width: 106px;
    height: 106px;
    background-position: center;
    background-color: #EBEDEE;
    margin-right: 26px;
    border-radius: 3px;
}
.catalog-item h4 {
    margin-top: 0px;
    margin-bottom: 5px;
    min-height: 40px;
    font-size: 18px!important;
}
.catalog-item h2 {
    color: #656A79;
    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
    font-family: 'nts600', sans-serif;
    margin-bottom: 10px;
}
.catalog-item span {
    font-weight: 400;
    font-family: 'nts400', sans-serif;
    font-size: 14px;
    line-height: 14px;
    position: relative;
    display: inline-block;
}
.catalog-item span img {
    right: 0px;
    transition: .2s ease-in-out;
    position: relative;
}
.catalog-item:hover span img {
    right: -5px;
}
.block-head {
    margin-bottom: 60px;
    position: relative;
}
.block-head h2 {
    font-size: 70px;
    line-height: 70px;
    font-family: 'next800', sans-serif;
    font-weight: 800;
}
.block-head h2 span {
    color: #E4E403;
    transition: .2s ease-in-out;
    animation: h1-span 2s ease-in-out infinite;
    position: relative;
    display: inline-block;
}
.block-head h4 {
    font-family: 'nts400', sans-serif;
    font-weight: 400;
    color: #646978;
    margin-top: 14px;
    padding-left: 55px;
    position: relative;
}
.block-head h4 span {
    font-family: 'nts800', sans-serif;
    font-weight: 800;
    color: #0A1C2C;
}
.block-head h4:before {
    content: '';
    position: absolute;
    display: inline-block;
    width: 40px;
    height: 2px;
    background: #FF922D;
    left: 0px;
    top: 10px;
}
/**/
.products {
    position: relative;
    margin-bottom: 160px;
}
.product-item {
    position: relative;
    background: #FFFFFF;
    border-radius: 30px;
    padding: 20px;
    margin-bottom: 50px;
}
.product-img {
    position: relative;
    display: block;
    height: 400px;
    background-color: #EBEDEE;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 15px;
    margin-bottom: 20px;
}
.product-img img {
    display: none;
}
.product-texture {
    position: relative;
    display: block;
    height: 100px;
    background-color: #EBEDEE;
    background-position: center left;
    background-repeat: no-repeat;
    background-size: auto;
    border-radius: 15px;
}
.product-dic .count {
    position: relative;
    height: 4px;
    width: 50px;
    background: #dddddd;
    border-radius: 3px;
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
    top: -1px;
}
.count.count-green {
    background: #2cac2c;
}
.count.count-red {
    background: #ec4848;
}
.count.count-blue {
    background: #00c4ff;
}
.count.count-yellow {
    background: #f7ff00;
}
.product-dic {
    margin-left: 40px;
    margin-top: 0px;
}
.product-dic h2 {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 34px;
    line-height: 36px;
}
.product-dic h2 > div {
    display: inline-block;
}
.product-dic p {
    margin-bottom: 30px;
}
.product-dic h4 {
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 10px;
    font-family: 'nts800', sans-serif;
    font-weight: 800;
}
.product-att {
    margin-bottom: 30px;
    position: relative;
}
.product-att-item {
    position: relative;
}
.product-att-item h3 {
    font-size: 18px;
    line-height: 22px;
    font-family: 'next800', sans-serif;
    font-weight: 800;
    text-transform: uppercase;
}
.product-att-item h3 img {
    float: left;
    margin-right: 10px;
}
.product-color {
    position: relative;
    display: block;
    margin-bottom: 30px;
}
.product-color-item {
    position: relative;
    display: inline-block;
    max-width: 90px;
    margin-right: 5px;
    border: 1px solid #dddddd;
    padding: 5px;
    border-radius: 3px;
    margin-bottom: 5px;
}
.product-color-item h5 {
    margin-bottom: 10px;
}
.content .product-color-item h5 {
    margin-top: 0;
}
.product-color-item span {
    position: relative;
    display: block;
    height: 20px;
    width: 80px;
    background-size: cover;
}
.product-color-item:hover, .product-color-item.active {
    cursor: pointer;
    border: 1px solid #0A1C2C;
}
.product-size {
    margin-bottom: 0px;
    position: relative;
}
.product-size-item {
    padding: 10px 15px;
    border-radius: 5px;
    border: 2px solid #E4EAEC;
    color: #646978;
    font-size: 16px;
    line-height: 16px;
    width: 160px;
    display: inline-block;
    margin-right: 10px;
    text-align: center;
    font-family: 'nts800', sans-serif;
    font-weight: 800;
    transition: .2s ease-in-out;
}
/*.product-size-item:hover, .product-size-item.active {*/
/*    cursor: pointer;*/
/*    background: #E4EAEC;*/
/*}*/
/**/
.block-select {
    position: relative;
    padding-top: 100px;
    padding-bottom: 20px;
    background: #FFFFFF;
    overflow: hidden;
    margin-bottom: 160px;
}
.texture-line {
    position: absolute;
    z-index: 0;
    background: #f9f9f9;
    width: 1px;
    height: 1200px;
    top: -100px;
    left: 0px;
}
.texture-line-2 {
    right: 17%;
    left: auto;
}
.texture-line-3 {
    right: 33%;
    left: auto;
}
.texture-line-4 {
    right: 50%;
    left: auto;
}
.texture-line-5 {
    right: 67%;
    left: auto;
}
.texture-line-6 {
    right: 84%;
    left: auto;
}
.texture-line-7 {
    right: 0;
    left: auto;
}
.block-select .block-head h2 {
    text-align: center;
    font-size: 50px;
    line-height: 56px;
}
.select-item {
    position: absolute;
    display: inline-block;
    max-width: 240px;
    margin-bottom: 30px;
}
.select-item-1 {
    top: 0px;
    left: 40px;
}
.select-item-2 {
    top: 280px;
    left: 0px;
}
.select-item-3 {
    top: -20px;
    right: 20px;
}
.select-item-4 {
    top: 300px;
    right: -30px;
}
.select-item > span {
    display: block;
    position: relative;
    font-family: 'next800', sans-serif;
    font-weight: 800;
    font-size: 50px;
    line-height: 50px;
    color: #ededed;
}
.select-item h3 {
    font-size: 30px;
    line-height: 30px;
    font-family: 'next800', sans-serif;
    font-weight: 800;
    margin-bottom: 10px;
    margin-top: 10px;
}
.select-image {
    text-align: center;
    position: relative;
}
.select-item p {
    font-size: 14px;
}
.galleries {
    margin-bottom: 160px;
    position: relative;
}
.gallery-item {
    margin-bottom: 60px;
    position: relative;
}
.gallery-item-img {
    position: relative;
    border-radius: 10px;
    margin-bottom: 5px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
    height: 360px;
    display: block;
}
.gallery-item-img img {
    display: none;
}
.gallery-item-img-mini {
    height: 110px;
    width: 49.58%;
    display: inline-block;
}
.gallery-item-dis {
    margin-left: 40px;
}
.gallery-item-dis h2 {
    margin-top: 35px;
    margin-bottom: 30px;
    font-size: 38px;
    line-height: 46px;
    font-family: 'nts800', sans-serif;
    font-weight: 800;
}
.gallery-item-dis .product-att {
    margin-top: 40px;
    margin-bottom: 60px;
}
/*OWL*/
.owl-carousel .owl-item img {
    width: auto;
}
.owl-theme .owl-dots {
    margin-top: 30px;
    text-align: left;
}
.owl-theme .owl-dots .owl-dot span {
    background: #E4EBF0;
    border: 3px solid #F8F9FA;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #FF922D;
    border: 3px solid #FF922D;
}
.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 0;
}
#owl-gallery .owl-dots {
    text-align: center;
}
#owl-gallery .owl-nav {
    position: absolute;
    width: 100%;
}
.owl-theme .owl-nav [class*=owl-] {
    background: #FFFFFF !important;
    width: 60px;
    height: 60px;
    border-radius: 60px;
    font-size: 20px !important;
    line-height: 20px !important;
}
.owl-theme .owl-nav [class*=owl-]:hover {
    background: #FF922D !important;
    color: #FFF;
    text-decoration: none;
}
#owl-gallery .owl-nav .owl-prev {
    left: -100px;
    top: -260px;
    position: absolute;
}
#owl-gallery .owl-nav .owl-next {
    right: -100px;
    top: -260px;
    position: absolute;
}
/**/
.location {
    margin-bottom: 150px;
}
.location-item {
    position: relative;
    padding: 15px 15px;
    background: #FFFFFF;
    border-radius: 20px;
    margin-bottom: 15px;
}
.location-img {
    height: 240px;
    position: relative;
    display: block;
    margin-bottom: 30px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 15px;
}
.location-cont {
    margin-right: 20px;
    margin-left: 20px;
}
.location-cont h3 {
    font-family: 'nts800', sans-serif;
    font-weight: 600;
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 15px;
}
.location-cont p, .content .location-cont p {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 5px;
}
.location-cont p img {
    float: left;
    margin-right: 5px;
}
.location-cont .href {
    font-size: 14px;
    line-height: 14px;
    color: #42A1E5;
    margin-left: 27px;
}
.location-cont h5 {
    margin-bottom: 10px;
}
.location-cont .phone {
    font-size: 15px;
    line-height: 16px;
    font-family: 'nts800', sans-serif;
    font-weight: 600;
    margin-bottom: 15px;
}

.mb-0 {
	margin-bottom: 0 !important;
}
.location-cont h4 {
    font-size: 14px;
    line-height: 22px;
    font-family: 'nts800', sans-serif;
    font-weight: 600;
}
.location-cont h4 span {
    font-size: 14px;
    line-height: 22px;
    font-family: 'nts400', sans-serif;
    font-weight: 400;
    float: right;
}
.block-mes {
    position: relative;
}
.block-mes a {
    background: #FFFFFF;
    border-radius: 50px;
    padding: 10px 15px;
    border: 1px solid #f9f9f9;
    margin-right: 5px;
}
.block-mes a:hover {
    background: #f9f9f9;
    border: 1px solid #f9f9f9;
}
/**/
.moc {
    position: relative;
    padding-top: 100px;
    padding-bottom: 140px;
    display: block;
    background: #FFFFFF;
    overflow: hidden;
    margin-bottom: 160px;
}
.moc .block-head h2 {
    font-size: 50px;
    line-height: 66px;
}
.moc .btn .arrow {
    margin-top: -2px;
}
.texture-moc {
    position: absolute;
    left: -400px;
    z-index: 10;
    top: -150px;
}
.texture-moc-logo {
    position: absolute;
    left: 0px;
    z-index: 6;
    top: 0px;
}
/**/
.questions {
    margin-bottom: 160px;
    position: relative;
}
.question-item {
    position: relative;
    background: #FFFFFF;
    border-radius: 20px;
    padding: 30px;
}
.question-item h5 {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 10px;
}
.question-item a {
    position: relative;
    line-height: 24px;
    font-size: 24px;
    font-family: 'next800', sans-serif;
    font-weight: 800;
}
.question-item a img {
    float: left;
    margin-right: 5px;
}
.question-cont {
    margin-top: 30px;
}
.question-cont a {
    margin-right: 5px;
}
.question-cont a.social img {
    transition: .2s ease-in-out;
}
.question-cont a.social:hover img {
    transform: scale(0.95);
}
/**/
.articles {
    margin-bottom: 40px;
}
.article-item {
    position: relative;
    display: block;
    border-radius: 20px;
    color: #FFFFFF;
    padding: 100px 20px 30px 20px;
    margin-bottom: 30px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 330px;
}
.article-item:after {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #0a1c2c70;
    border-radius: 20px;
    transition: .2s ease-in-out;
}
.article-item:hover:after {
    background: #000000cc;
}
.article-big {
    height: 690px;
    padding-top: 440px;
}
.article-item .arrow {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 10;
    transition: .2s ease-in-out;
}
.article-item h2 {
    color: #FFFFFF;
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 10px;
    z-index: 10;
    position: relative;
}
.article-item p {
    color: #FFFFFF;
    font-size: 14px;
    line-height: 16px;
    font-weight: 100;
    z-index: 10;
    position: relative;
}
.content .article-item p {
    color: #FFFFFF;
}
.article-item.article-big h2 {
    color: #FFFFFF;
    font-size: 38px;
    line-height: 44px;
    margin-bottom: 20px;
}
.article-item.article-big p {
    color: #FFFFFF;
    font-size: 18px;
    line-height: 22px;
    font-weight: 100;
}
.article-item:hover {
    cursor: pointer;
    text-decoration: none;
}
.article-item:hover .arrow {
    transform: rotate(45deg);
}
/**/
.inst {
    position: relative;
    background: #FFFFFF;
    padding: 80px 30px;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 100px;
}
.inst .btn .arrow {
    margin-top: 0px;
}
.texture-moc3 {
    position: absolute;
    left: -40px;
    z-index: 6;
}
.texture-logo-b2 {
    position: absolute;
    left: -40px;
    top: -15px;
    z-index: 6;
}
/**/
footer {
    padding-top: 70px;
    padding-bottom: 40px;
    background: #0A1C2C;
    color: #FFFFFF;
}
footer p, footer h3, footer a, footer h5, footer h4 {
    color: #FFFFFF;
}
footer h3 {
    font-family: 'next800', sans-serif;
    font-weight: 800;
    font-size: 30px;
    margin-bottom: 20px;
    line-height: 34px;
}
footer .location-cont {
    margin-right: 0;
    margin-left: 0;
}
footer .location-cont .href {
    margin-bottom: 20px;
}
footer .location-cont h3 {
    font-size: 20px;
    line-height: 24px;
}
footer .location-cont p {
    margin-top: 0;
    margin-bottom: 0;
}
footer p {
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 14px;
    line-height: 18px;
}
footer nav a.nav-cat {
    color: #FFFFFF;
    display: inline-block;
    width: auto;
}
footer nav a {
    font-size: 18px;
    line-height: 40px;
    width: 100%;
    margin-right: 50px;
}
.dev a {
    color: #5FB7F5;
}
.dev p {
    margin-top: 15px;
    margin-bottom: 0;
    font-size: 18px;
    color: #697682;
}
footer .contact {
    position: relative;
    line-height: 24px;
    font-size: 22px;
    font-family: 'next800', sans-serif;
    font-weight: 800;
    margin-bottom: 20px;
}
footer .contact img {
    float: left;
    margin-right: 5px;
}
footer .btn {
    margin-top: 40px;
    margin-bottom: 60px;
}
.product-card {
    margin-bottom: 160px;
    position: relative;
}
.product-card .product-dic {
    margin-top: 0;
}
.product-card .product-img {
    height: 460px;
}
.product-btn {
    margin-top: 15px;
    position: relative;
    display: inline-block;
}
.product-btn input {
    float: left;
    display: inline-block;
    padding: 18px 15px;
    margin-right: 15px;
}
.product-btn a.btn {
    float: left;
    display: inline-block;
    margin-left: 15px;
    padding: 20px;
    margin-bottom: 15px;
}
.product-btn a.btn:hover {
    cursor: pointer;
}
/**/
.content header {
    position: relative;
    margin-bottom: 30px;
}
.breadcrumbs {
    position: relative;
    margin-bottom: 30px;
    font-size: 12px;
    line-height: 12px;
}
.content {
    position: relative;
    margin-bottom: 100px;
}
.content h1 {
    margin-bottom: 25px;
    font-size: 32px;
    line-height: 36px;
    color: #0A1C2C;
}
.content h2 {
    margin-bottom: 20px;
}
.content h3 {
    margin-bottom: 15px;
}
.content h4 {
    margin-bottom: 10px;
    position: relative;
    font-weight: 800;
    font-size: 20px;
    line-height: 24px;
}
.content h5 {
    margin-bottom: 5px;
    margin-top: 10px;
}
.content h5 span {
    color: #0A1C2C;
    font-size: 16px;
    line-height: 12px;
    font-weight: 600;
}
.content p {
    margin-bottom: 20px;
    color: #0A1C2C;
}
.content p span, .content ul li span {
    color: #0A1C2C;
    font-weight: 300 !important;
}
.content p a {
    text-decoration: underline;
}
.content ul, .content ol {
    margin-bottom: 10px;
}
.content-thumb {
    position: relative;
    margin-bottom: 30px;
    height: 280px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
}
img.alignleft {
    float: left;
    margin-right: 30px;
    margin-bottom: 10px;
}
img.aligncenter {
    float: none;
    display: block;
    margin: 20px auto 20px;
}
.pagination a, .pagination span {
    border: 1px solid #0A1C2C;
    color: #0A1C2C;
    font-size: 16px;
    font-weight: 300;
    padding: 7px 12px;
    margin-right: 5px;
    margin-bottom: 10px;
    display: inline-block;
    border-radius: 3px;
}
.pagination span, .pagination a:hover, .pagination a.active {
    border: 1px solid #0A1C2C;
    color: #fff;
    background: #0A1C2C;
}
.breadcrumb {
    font-size: 12px;
    line-height: 12px;
    margin-top: 10px;
    margin-bottom: 30px;
}
.breadcrumb > span > a {
    color: #0A1C2C;
}
.breadcrumb > span > span {
    font-size: 12px;
    color: #FF922D;
}
.breadcrumb span a:hover {
    color: #FF922D;
}
.btn-toup {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 1000;
    padding: 8px 10px;
    background: #E4E403;
    border-radius: 5px;
}
.btn-toup a img {
    width: 36px;
    height: 36px;
}
.content .questions {
    margin-bottom: 80px;
}
.articles-index {
    position: relative;
}
.articles-index > div:nth-child(1) {
    display: none;
}
.content .catalog-item {
    bottom: 0px;
    margin-bottom: 30px;
}
.content .catalog-item h2 {
    margin-bottom: 0px;
}
.content-page-catalog {
    margin-bottom: 40px;
}
/*FAQ*/
.faq {
    position: relative;
    margin-bottom: 100px;
}
#accordion .accordion {
    border: 1px solid #E4E403;
    background: #E4E403;
    color: #0A1C2C;
    cursor: pointer;
    padding: 15px 15px;
    width: 100%;
    text-align: left;
    outline: none;
    transition: 0.4s;
    border-radius: 10px;
    font-size: 18px;
    margin-top: 10px;
    line-height: 18px;
}
#accordion .accordion.active, .accordion .accordion:hover {
    background-color: #fff;
    color: #0A1C2C;
    border: 1px solid #fff;
}
#accordion .panel {
    display: none;
    overflow: hidden;
    transition: .3s ease-out;
    padding: 15px 0px;
    width: 100%;
    font-size: 16px;
    color: #0A1C2C;
    line-height: 20px;
}
#accordion .panel h4 {
    margin-top: 40px;
    margin-bottom: 20px;
    font-size: 18px;
    text-transform: capitalize;
}
#accordion .accordion:hover:after {
    color: #0A1C2C;
}
#accordion .accordion:after {
    content: '\2039';
    font-size: 30px;
    color: #FFFFFF;
    float: right;
    margin-left: 5px;
    transform: rotate(-90deg);
    right: 15px;
    top: 0px;
    display: block;
    position: relative;
    transition: .3s ease-out;
    transform-origin: 50% 50%;
}
#accordion .active:after {
    content: "\2039";
    transform: rotate(90deg);
    transition: .3s ease-out;
    color: #0A1C2C;
}
/**/
/*CART INFO*/
.product-in-cart {
    position: fixed;
    display: inline-block;
    background: #76cf6a;
    color: #FFFFFF;
    width: 400px;
    padding: 30px;
    right: 100%;
    top: 5%;
    z-index: 1000;
}
.product-in-cart h3 {
    color: #FFFFFF;
    font-size: 20px;
    line-height: 20px;
}
.product-in-cart p {
    margin-top: 10px;
    color: #FFFFFF;
    font-size: 14px;
    line-height: 18px;
}
.product-in-cart p a {
    color: #FFFFFF;
    text-decoration: underline;
}
.product-in-cart.active {
    right: 0%;
}
.cart-form input, .cart-form select, .cart-form textarea {
    margin-bottom: 30px;
    display: block;
    width: 100%;
}
.content h2 div {
    display: inline-block;
}
.cart-item-img {
    position: relative;
    height: 80px;
    display: block;
    border-radius: 15px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.cart-texture-color {
    position: relative;
    height: 56px;
    display: block;
    border-radius: 15px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.cart-texture {
    margin-bottom: 15px;
}
.cart-item {
    margin-bottom: 30px;
    position: relative;
}
.cart-texture h5 {
    margin-top: 5px;
}
.cart-item-price {
    font-size: 20px;
    line-height: 20px;
    color: #0A1C2C;
    font-family: 'next800', sans-serif;
    font-weight: 800;
}
textarea {
    height: 140px;
}
.cart-form {
    margin-top: 40px;
}
.texture-banner {
    position: absolute;
    right: -200px;
    top: -30px;
}
/*constructor*/
#constructor-img-1, #constructor-img-2, #constructor-img-3 {
    display: none;
}
.constructor {
    position: relative;
    margin-top: 30px;
    background: #FFFFFF;
    border-radius: 30px;
    padding: 15px;
}
.constructor-item {
    position: relative;
}
.constructor-btn {
    position: relative;
    margin-bottom: 30px;
}
.constructor-block {
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
}
.constructor-img {
    position: relative;
    border-radius: 20px;
    display: block;
    width: 100%;
    height: 440px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 10;
}
/**/
.constructor-block {
    background: #766463;
    overflow: hidden;
    border-radius: 20px;
}
.constructor-block {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    margin-bottom: 15px;
    height: 400px;
    background: #766463;
    border-radius: 20px;
}
.constructor-block-texture {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    display: block;
}
.constructor-img-texture {
    position: absolute;
    width: 900px;
    height: 800px;
    top: 0px;
    left: 0px;
}
.constructor-block-texture > div, .constructor-img-texture > div {
    position: relative;
    display: inline-block;
    /*margin-right: 1px;*/
    /*margin-bottom: 1px;*/
    float: left;
    background-position: center;
    background-size: cover;
    border-radius: 0px;
    border: 1px solid #382b2a;
}
/*Стандартные размеры*/
.texture-calc-small {
    width: 60px;
    height: 80px;
    border-radius: 0px;
}
.texture-calc-medium {
    width: 90px;
    height: 80px;
    border-radius: 0px;
}
.texture-calc-big {
    width: 150px;
    height: 80px;
    border-radius: 0px;
}
/**/
/**/
/**/
/*Размеры под плитку*/
/*Грандо*/
.style-grando .texture-calc-small {
    width: 40px;
    height: 50px;
    border-radius: 0px;
}
.style-grando .texture-calc-medium {
    width: 60px;
    height: 50px;
    border-radius: 0px;
}
.style-grando .texture-calc-big {
    width: 120px;
    height: 50px;
    border-radius: 0px;
}
/*Ландхаус*/
.style-land .texture-calc-small {
    width: 30px;
    height: 50px;
    border-radius: 1px;
}
.style-land .texture-calc-medium {
    width: 50px;
    height: 50px;
    border-radius: 1px;
}
.style-land .texture-calc-big {
    width: 80px;
    height: 50px;
    border-radius: 1px;
}
/*Старый город*/
.style-gorod .texture-calc-small {
    width: 30px;
    height: 40px;
    border-radius: 3px;
}
.style-gorod .texture-calc-medium {
    width: 40px;
    height: 40px;
    border-radius: 3px;
}
.style-gorod .texture-calc-big {
    width: 60px;
    height: 40px;
    border-radius: 3px;
}
/*Паркет*/
.style-parket .texture-calc-small {
    width: 80px;
    height: 20px;
    border-radius: 0px;
}
.style-parket .texture-calc-medium {
    width: 100px;
    height: 20px;
    border-radius: 0px;
}
.style-parket .texture-calc-big {
    width: 120px;
    height: 20px;
    border-radius: 0px;
}
/*Квадрат*/
.style-kvadrat .texture-calc-small {
    width: 100px;
    height: 100px;
    border-radius: 0px;
}
.style-kvadrat .texture-calc-medium {
    width: 100px;
    height: 100px;
    border-radius: 0px;
}
.style-kvadrat .texture-calc-big {
    width: 100px;
    height: 100px;
    border-radius: 0px;
}
/*Кирпич*/
.style-kirpich .texture-calc-small {
    width: 75px;
    height: 35px;
    border-radius: 0px;
}
.style-kirpich .texture-calc-medium {
    width: 75px;
    height: 35px;
    border-radius: 0px;
}
.style-kirpich .texture-calc-big {
    width: 75px;
    height: 35px;
    border-radius: 0px;
}
/**/
/**/
/**/
.constructor-img-texture {
    transform-origin: 50% 100%;
    transform: rotateX(66deg) rotateY(0deg) rotateZ(0deg) skew(0deg, -6deg) scale(0.8);
    top: -530px;
}
.constructor-img-texture-1 {
    transform: rotateX(60deg) rotateY(0deg) rotateZ(-9deg) skew(15deg, -6deg) scale(0.7);
}
.constructor-img-texture-2 {
    transform: rotateX(0deg) rotateY(0deg) rotateZ(8deg) skew(-70deg, 2deg) scale(0.7);
}
.constructor-img-texture-3 {
    transform: rotateX(65deg) rotateY(-2deg) rotateZ(0deg) skew(0deg, 0deg) scale(0.8);
}
.texture-type-1 > div {
    border-radius: 0px;
}
.texture-green {
    position: absolute;
    right: -90px;
    top: -100px;
    width: 300px;
    height: 300px;
    z-index: 10;
}
.texture-green2 {
    position: absolute;
    right: -140px;
    top: 100px;
    width: 300px;
    height: 300px;
    z-index: 10;
    transform: rotate(15deg);
}
.texture-green3 {
    position: absolute;
    right: -100px;
    bottom: -200px;
    width: 300px;
    height: 300px;
    z-index: 10;
}
.texture-present {
    position: relative;
    margin-bottom: 20px;
    border-radius: 20px;
    width: 300px;
    height: 160px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: none;
}
.mail_send-sacsses{
    text-align: center;
    font-size: 30px;
    line-height: 30px;
    font-weight: 800;
}
.buy_send-sacsses{
    font-size: 70px;
    line-height: 70px;
    font-family: 'next800', sans-serif;
    font-weight: 800;
    color: #26a014;
}

/**/
.block-cookie {
    position: fixed;
    display: inline-block;
    right: 120px;
    bottom: 0%;
    background: #FFFFFF;
    padding: 15px;
    border-radius: 5px 5px 0px 0px;
    z-index: 1000;
    box-shadow: 0px 0px 20px #dbdbdb;
    transition: 1s ease-in-out;
}
.block-cookie img {
    float: left;
    margin-right: 15px;
    width: 48px;
    height: 48px;
    display: inline-block;
}
.block-cookie p {
    max-width: 350px;
    float: left;
    margin-top: 6px;
    font-size: 14px;
    line-height: 18px;
    margin-right: 15px;
}
.block-cookie p a {
    color: #1b1e21;
    display: inline-block;
    text-decoration: underline;
}
.block-cookie .btn {
    float: left;
    margin-top: 4px;
    padding: 10px;
}
.block-cookie.block-cookie-none {
    bottom: -100%;
}
.block-cookie .btn:hover{
    cursor: pointer;
}
/**/

.phone-city {
	padding-bottom: 20px
}