@charset "UTF-8";

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,800);

@font-face {

    font-family: 'Montserrat';

    src: url("../fonts/Montserrat/Montserrat-ExtraBold.ttf");

    font-weight: 700;

    font-style: normal;
}

@font-face {

    font-family: 'Montserrat';

    src: url("../fonts/Montserrat/Montserrat-Bold.ttf");

    font-weight: 600;

    font-style: normal;
}

@font-face {

    font-family: 'Montserrat';

    src: url("../fonts/Montserrat/Montserrat-SemiBold.ttf");

    font-weight: 500;

    font-style: normal;
}

@font-face {

    font-family: 'Montserrat';

    src: url("../fonts/Montserrat/Montserrat-Medium.ttf");

    font-weight: 400;

    font-style: normal;
}

@font-face {

    font-family: 'Montserrat';

    src: url("../fonts/Montserrat/Montserrat-Regular.ttf");

    font-weight: 300;

    font-style: normal;
}

@font-face {

    font-family: 'Montserrat';

    src: url("../fonts/Montserrat/Montserrat-Light.ttf");

    font-weight: 200;

    font-style: normal;
}

@font-face {

    font-family: 'Montserrat';

    src: url("../fonts/Montserrat/Montserrat-ExtraLight.ttf");

    font-weight: 100;

    font-style: normal;
}

@font-face {

    font-family: 'Open Sans';

    src: url("../fonts/Open_Sans/OpenSans-ExtraBold.ttf");

    font-weight: 700;

    font-style: normal;
}

@font-face {

    font-family: 'Open Sans';

    src: url("../fonts/Open_Sans/OpenSans-Bold.ttf");

    font-weight: 600;

    font-style: normal;
}

@font-face {

    font-family: 'Open Sans';

    src: url("../fonts/Open_Sans/OpenSans-SemiBold.ttf");

    font-weight: 500;

    font-style: normal;
}

@font-face {

    font-family: 'Open Sans';

    src: url("../fonts/Open_Sans/OpenSans-Regular.ttf");

    font-weight: 400;

    font-style: normal;
}

@font-face {

    font-family: 'Open Sans';

    src: url("../fonts/Open_Sans/OpenSans-Light.ttf");

    font-weight: 300;

    font-style: normal;
}

@font-face {

    font-family: 'Material Icons';

    font-style: normal;

    font-weight: 400;

    src: url("../fonts/icons/MaterialIcons-Regular.eot");

    /* For IE6-8 */
    src: local("Material Icons"), local("MaterialIcons-Regular"), url("../fonts/icons/MaterialIcons-Regular.woff2") format("woff2"), url("../fonts/icons/MaterialIcons-Regular.woff") format("woff"), url("../fonts/icons/MaterialIcons-Regular.ttf") format("truetype");
}

*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.logo-product{
    width:100%;
    height:350px;
}
.material-icons {

    /*font-family: 'Material Icons';*/

    font-weight: normal;

    font-style: normal;

    font-size: 24px;

    /* Preferred icon size */

    display: inline-block;

    line-height: 1;

    text-transform: none;

    letter-spacing: normal;

    word-wrap: normal;

    white-space: nowrap;

    direction: ltr;

    /* Support for all WebKit browsers. */

    -webkit-font-smoothing: antialiased;

    /* Support for Safari and Chrome. */

    text-rendering: optimizeLegibility;

    /* Support for Firefox. */

    -moz-osx-font-smoothing: grayscale;

    /* Support for IE. */

    font-feature-settings: 'liga';
}


.material-icons.md-18 {

    font-size: 18px;
}


.material-icons.md-24 {

    font-size: 24px;
}


.material-icons.md-36 {

    font-size: 36px;
}


.material-icons.md-48 {

    font-size: 48px;
}


/* ╤Б╨▒╤А╨╛╤Б ╤Б╤В╨╕╨╗╨╡╨╣ ╨▒╤А╨░╤Г╨╖╨╡╤А╨░ */

* {

    box-sizing: border-box;
}


html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video {

    margin: 0;

    padding: 0;

    border: 0;

    font-size: 100%;

    vertical-align: baseline;
}


article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {

    display: block;
}


body {

    line-height: 1.2;
}


table {

    border-collapse: collapse;

    border-spacing: 0;
}


ol {

    padding-left: 1.4em;

    list-style: decimal;
}


ul {

    padding-left: 1.4em;

    list-style: square;
}


blockquote, q {

    quotes: none;
}


blockquote:before, blockquote:after,
q:before, q:after {

    content: '';

    content: none;
}


/* ╨║╨╛╨╜╨╡╤Ж ╨║╨╛╨┤╨░ ╤Б╨▒╤А╨╛╤Б╨░ ╤Б╤В╨╕╨╗╨╡╨╣ ╨▒╤А╨░╤Г╨╖╨╡╤А╨░ */

body {

    margin: 0 auto;
}

body .top_nav {

    width: 100%;

    display: flex;

    flex-flow: column nowrap;

    justify-content: center;

    position: relative;

    z-index: 999;
}

body .top_nav .main-line {

    height: 96px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding-right: .9375rem;

    padding-left: .9375rem;

    background-color: rgba(255, 255, 255, 0.95);

    transform: translateY(0px);

    transition-duration: 0.3s;
}

body .top_nav .main-line a {

    text-decoration: none;

    color: #000;
}

body .top_nav .main-line .logo {

    display: flex;

    flex-flow: row nowrap;

    align-items: center;

    height: 70px;

    transition-duration: 0.8s;

    order: 1;
}

body .top_nav .main-line .logo a {

    padding: 0;

    margin: 25px 30px 20px 36px;
}

body .top_nav .main-line .logo img {

    width: auto;

    transition-duration: 0.3s;
}

body .top_nav .main-line nav {

    font-family: "Open Sans", sans-serif;

    font-weight: 300;

    font-size: 1rem;

    order: 2;
}

body .top_nav .main-line nav .menu-nav {

    list-style: none;

    display: flex;

    flex-flow: row;
}

body .top_nav .main-line nav .menu-nav li {

    padding: 5px 15px;

    border: 2px solid transparent;

    position: relative;

    color: #000;
}

body .top_nav .main-line nav .menu-nav li:hover {

    color: #bd3934;
}

body .top_nav .main-line nav .menu-nav li:hover a {

    color: #bd3934;
}

body .top_nav .main-line nav .menu-nav li:hover .menu-subnav {

    position: absolute;

    display: flex;

    flex-flow: column nowrap;

    justify-content: center;

    align-items: flex-start;

    list-style: none;

    padding: 0;
}

body .top_nav .main-line nav .menu-nav li:hover .menu-subnav li {

    text-decoration: none;

    width: 200px;
}

body .top_nav .main-line nav .menu-nav li:hover .menu-subnav li a {

    border-bottom: none;

    color: #000;
}

body .top_nav .main-line nav .menu-nav li .menu-subnav {

    display: none;

    list-style: none;

    position: absolute;

    z-index: 20;

    background-color: #ffffff;

    padding: 10px 0;
}

body .top_nav .main-line nav .menu-nav li .menu-subnav li {

    width: 200px;
}

body .top_nav .main-line nav .menu-nav li .menu-subnav li a {

    text-decoration: none;

    color: #000;
}

body .top_nav .main-line nav .menu-nav li .menu-subnav li a:hover {

    border-bottom: none;
}

body .top_nav .main-line nav .menu-nav .active a {

    text-decoration: none;

    color: #bd3934;

    border-bottom: 2px solid #bd3934;
}

body .top_nav .main-line nav .menu-nav .active a:hover {

    border-bottom: 2px solid #bd3934;
}

body .top_nav .main-line nav .menu-nav .active:last-of-type {

    background-color: transparent;
}

body .top_nav .main-line nav .menu-nav .active:last-of-type a {

    text-decoration: none;

    color: #bd3934;

    border-bottom: none;
}

body .top_nav .main-line nav .menu-nav .active:last-of-type a:hover {

    border-bottom: none;
}

body .fixed {

    position: fixed;

    justify-content: flex-start;
}

body .fixed .main-line {

    background-color: white;

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);

    height: 44px;
}

body .fixed .main-line .logo {

    width: 168px;

    height: auto;
}

body .fixed .main-line .logo img {

    width: 168px;

    height: auto;
}

body .wrapper .slider img {

    width: 100%;
}


@keyframes logoRotate {

    from {

        transform: rotate(0deg);
    }

    50% {

        transform: rotate(-150deg);
    }

    to {

        transform: rotate(0deg);
    }
}

/*Hamburger menu start*/

.icon {

    display: none;

    position: absolute;

    right: 5px;

    width: 60px;

    height: 40px;

    cursor: pointer;

    order: 4;
}

.icon .hamburger {

    width: 30px;

    height: 2px;

    background: #000;

    position: absolute;

    left: 20px;

    right: 30px;

    transform: translate(-20%, -50%);

    transition: .5s;
}

.icon .hamburger:before, .icon .hamburger:after {

    content: '';

    position: absolute;

    width: 30px;

    height: 2px;

    background: #000;

    transition: .5s;
}

.icon .hamburger:before {

    top: -8px;
}

.icon .hamburger:after {

    top: 8px;
}


.icon .hamburger.open {

    background: rgba(0, 0, 0, 0);

    box-shadow: 0 2px 5px rgba(0, 0, 0, 0);
}

.icon .hamburger.open:before {

    transform: rotate(45deg);

    top: 0;
}

.icon .hamburger.open:after {

    transform: rotate(135deg);

    top: 0;
}


nav .menu-nav.cop {

    left: 0;

    top: 0;

    z-index: 5;

    height: 500px;
}


nav .menu-nav li ul.cop {

    background-color: #eeeeee;
}


.wrapper {

    display: flex;

    flex-flow: row nowrap;

    justify-content: center;

    align-items: flex-start;

    position: relative;
}

.wrapper .wrap-h2 {

    display: flex;

    flex-flow: column nowrap;

    align-items: flex-start;

    position: absolute;

    top: 10%;

    left: 10%;

    width: 100%;

    margin-top: 100px;

    margin-bottom: 100px;
}

.wrapper .wrap-h2 h2 {

    text-transform: uppercase;

    flex: 1;

    align-self: flex-start;

    font-family: "Open Sans", sans-serif;

    color: white;

    font-size: 4rem;

    font-weight: 700;

    line-height: 1.1;

    text-align: left;

    padding: 1rem 0;
    z-index: 2;
}

.wrapper .wrap-h2 h2.wh {


    font-weight: 200;

    font-size: 2rem;

    padding: 7px 0px;
}

.wrapper .button-wrap {

    display: flex;

    flex-flow: row nowrap;

    justify-content: flex-start;

    width: 100%;

    bottom: 40%;

    left: 10%;

    z-index: 4;

    /* position: absolute;*/
}

.wrapper .button-wrap a {

    text-decoration: none;
}

.wrapper .button-wrap a .choose {

    display: flex;

    justify-content: center;

    width: 150px;

    font-family: "Montserrat", sans-serif;

    font-weight: 500;

    padding: 10px 0;

    color: #ffffff;

    background-color: transparent;

    border: 2px solid #bd3934;
    background-color:#bd3934;

    flex: 1;

    align-self: flex-start;

    transition-duration: 0.4s;
    outline: none;
}

.wrapper .button-wrap a .choose:hover {

    background-color: transparent;

    color: #ffffff;
    border-color: white;
    cursor: pointer;
}


.rslides {

    position: relative;

    list-style: none;

    overflow: hidden;

    width: 100%;

    /*height: 85vh;*/

    padding: 0;

    margin: 0;
}


.rslides li {

    -webkit-backface-visibility: hidden;

    position: absolute;

    display: none;

    width: 100%;

    left: 0;

    top: 0;
}


.rslides li:first-child {

    position: relative;

    display: block;

    float: left;
}


.rslides img {

    display: block;

    height: auto;

    float: left;

    width: 100%;

    border: 0;
}


.prev {

    z-index: 3;

    position: absolute;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

    top: 50%;

    left: 0;

    opacity: 0.4;

    text-indent: -9999px;

    overflow: hidden;

    text-decoration: none;

    height: 61px;

    width: 38px;

    background: transparent url(themes.gif) no-repeat left top;

    margin-top: -45px;
}


.next {

    z-index: 3;

    position: absolute;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

    top: 50%;

    right: 0;

    opacity: 0.4;

    text-indent: -9999px;

    overflow: hidden;

    text-decoration: none;

    height: 61px;

    width: 38px;

    background: transparent url(themes.gif) no-repeat left top;

    margin-top: -45px;

    transform: rotate(180deg);
}


.blocks {

    display: flex;

    flex-flow: column nowrap;

    padding: 20px 0 0 0;

    font-family: "Open Sans", sans-serif;
}

.blocks .blocks-row {

    display: flex;

    flex-flow: row nowrap;

    justify-content: space-between;
  box-sizing: border-box;
}
.blocks .blocks-row a {
  padding-left: 10px;
  padding-right: 10px;
}

.blocks .blocks-row .blocks1 {

    position: relative;
}

.blocks .blocks-row .blocks1 img {

    width: 100%;

    color: #FFF;

    /*border-left: 10px solid #FFF;*/

    margin-bottom: 20px;

    margin-right: 5px;

    display: flex;

    align-items: center;
}

.blocks .blocks-row .blocks1 .info {
    z-index: 2;
    position: absolute;

    top: 10%;

    left: 10%;

    padding: 10px;

    max-width: 500px;
}

.blocks .blocks-row .blocks1 .info h3 {

    font-size: 3rem;

    font-weight: 700;

    color: #ffffff;

    overflow: hidden;

    margin-bottom: 20px;

    text-transform: uppercase;
}

.blocks .blocks-row .blocks1 .info span {

    font-size: 1rem;

    color: #ffffff;
}

.blocks .blocks-row .one-bl {

    /*background-image: url(../img/blocks/search-bg.jpg);*/
}

.blocks .blocks-row .two-bl {

    /*background-image: url(../img/blocks/xNARZEDZIA-MARKETINGOWE.jpg.pagespeed.ic.9WVuIR2qvF.webp);*/
}

.blocks .blocks-row .three-bl {

    /*background-image: url(../img/blocks/xARANZATOR-PANELI-PODLOGOWYCH.jpg.pagespeed.ic.-s6W9A3lXu.webp);*/
}

.blocks .blocks-row .three-bl .info h3 {

    /*color: #58595b;*/
  color: white;
}

.blocks .blocks-row .three-bl .info span {

    /*color: #58595b;*/
  color: white;
}

.blocks .four-bl {

    /*background-image: url(../img/blocks/creative-group-bg.jpg);*/
}

.blocks .blocks2 img {

    padding: 0 0 20px 10px;

    max-width: 100%;
}


footer {

    font-family: "Open Sans", sans-serif;

    color: #000;
}

footer .all-wrap {

    display: flex;

    flex-flow: row wrap;

    background-color: #f3f3f3;

    margin: 0;

    padding: 20px;
}

footer .all-wrap .footer-info {

    max-width: 600px;

    padding: 20px;
}

footer .all-wrap .footer-info h5 {

    font-size: 16px;

    font-weight: 500;

    margin-bottom: 35px;

    text-transform: uppercase;
}

footer .all-wrap .footer-info h5::after {

    content: "";

    width: 25px;

    height: 3px;

    background: #b72937;

    display: block;

    margin: 10px 0 20px;
}

footer .all-wrap .footer-info span {

    max-width: 250px;

    margin-bottom: 30px;

    font-size: 14px;

    font-weight: 300;
}

footer .all-wrap nav {

    padding: 20px;

    max-width: 400px;
}

footer .all-wrap nav h5 {

    font-size: 16px;

    font-weight: 500;

    margin-bottom: 35px;

    text-transform: uppercase;
}

footer .all-wrap nav h5::after {

    content: "";

    width: 25px;

    height: 3px;

    background: #b72937;

    display: block;

    margin: 10px 0 20px;
}

footer .all-wrap nav ul.menu-nav-footer {

    list-style: none;

    max-width: 400px;

    margin-bottom: 0;

    font-size: 14px;

    font-weight: 300;

    padding-left: 0;
}

footer .all-wrap nav ul.menu-nav-footer li {

    padding-bottom: 4px;

    width: 200px;
}

footer .all-wrap nav ul.menu-nav-footer li a {

    text-decoration: none;

    color: #000;
}

footer .all-wrap nav ul.menu-nav-footer li a:hover {

    text-decoration: underline;
}

footer .all-wrap nav ul.menu-nav-footer li.wherebuy {

    font-weight: 500;
}

footer .all-wrap .collections {

    padding: 20px;

    max-width: 350px;
}

footer .all-wrap .collections h5 {

    font-size: 16px;

    font-weight: 500;

    margin-bottom: 35px;

    text-transform: uppercase;
}

footer .all-wrap .collections h5::after {

    content: "";

    width: 25px;

    height: 3px;

    background: #b72937;

    display: block;

    margin: 10px 0 20px;
}

footer .all-wrap .collections ul.collect {

    display: flex;

    flex-flow: row wrap;

    list-style: none;

    padding-left: 0;

    font-size: 14px;

    font-weight: 300;
}

footer .all-wrap .collections ul.collect li {

    padding: 0 20px;

    background-color: #e8e8e8;

    margin: 5px;

    align-self: center;
}

footer .all-wrap .collections ul.collect li a {

    text-decoration: none;

    color: #000;
}

footer .all-wrap .collections ul.collect li:hover {

    background-color: #d1d1d1;
}

footer .white-line {

    background-color: #ffffff;

    padding: 20px;

    color: #afafaf;

    font-size: .8rem;
}

footer .white-line a {

    color: #000;

    text-decoration: none;

    padding: 30px;
}

footer .white-line a:hover {

    text-decoration: underline;
}


.products {

    margin-top: 20px;

    width: 100%;
}

.products .text-img {

    max-width: 1140px;

    padding-bottom: 10px;

    margin: 0 auto;
}

.products .text-img h2 {

    font-family: "Open Sans", sans-serif;

    color: #a7a8ac;

    padding: 20px;

    font-size: 3.0rem;

    font-weight: 600;
}

.products .text-img .text-img-desc {

    display: flex;

    flex-flow: row wrap;

    padding: 20px;

    font-family: "Open Sans", sans-serif;
}

.products .text-img .text-img-desc span {

    max-width: 450px;

    font-size: 0.9rem;

    font-weight: 300;

    line-height: 1.3em;

    margin-right: 20px;
}

.products .text-img .text-img-desc img {

    border: 6px solid #e5e5e5;

    max-width: 100%;

    height: auto;
}

.products ul {

    list-style: none;

    display: flex;

    flex-flow: row wrap;

    width: 100%;

    margin: 0 auto;

    padding: 0;
}

.products ul li {

    width: 18%;
    margin: 10px;
    position: relative;
}

.products ul li a {

    font-family: "Open Sans", sans-serif;

    color: #ffffff;
}

.products ul li a img {

    display: flex;

    width: 100%;

    height: auto;

    border: 1px solid #fff;
}

.products ul li a span.name {

/*     position: absolute; */

    bottom: 20px;

    left: 0;

    z-index: 2;

    color: #484848;

    font-size: 1.2rem;

    font-weight: 300;

    max-width: 100%;

    /* padding: 10px; */


}

.products ul li a div.description {

    display: flex;

    flex-flow: column nowrap;

    line-height: 1.4;

    border: 1px solid #fff;

    font-weight: 300;

    opacity: 0;

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    padding: 20px;

    background-color: rgba(0, 0, 0, 0.5);

    transition: opacity .5s ease-out;
}

.products ul li a div.description .collection-value {

    display: flex;
}

.products ul li a:hover div.description {

    opacity: 1;
}


.content-wrap {

    margin: 0 auto;

    max-width: 1140px;

    padding: 20px;

    font-family: "Open Sans", sans-serif;

    color: #444444;
}

.content-wrap .content-zag {

    font-size: 2.45rem;

    font-weight: 300;

    padding: 0 0 10px 0;
}

.content-wrap .content {

    font-size: 1rem;

    line-height: 1.6rem;

    margin-top: 10px;
}

.content-wrap .content span p {

    padding: 6px 0;
}

.content-wrap .content a {

    color: #4a74d6;
}

.content-wrap .content ul {

    padding-top: 10px;
}

.content-wrap .content ul li {

    list-style-type: none;

    border-left: 2px solid #395bac;

    margin: 10px 30px;

    padding-left: 10px;
}

.content-wrap .content .table-serv {

    padding-top: 10px;

    margin: 20px 0;
}

.content-wrap .content .table-serv tbody tr {

    background-color: #f3f6fd;
}

.content-wrap .content .table-serv tbody tr:nth-child(odd) {

    background-color: #e4ebfd;
}

.content-wrap .content .table-serv tbody tr td {

    padding: 20px;

    margin: 10px 30px;
}


.content-wrap-type {

    margin: 0;

    padding: 20px;

    font-family: "Open Sans", sans-serif;

    color: #444444;

    display: flex;

    flex-flow: row wrap;

    justify-content: center;
}

.content-wrap-type .content-zag-type {

    font-size: 1.4rem;

    font-weight: 400;

    padding: 5px;

    border: 2px solid #395bac;

    margin: 0 5px;
}

.content-wrap-type .content-zag-type a {

    text-decoration: none;

    color: #395bac;
}

.content-wrap-type .content-zag-type a:active {

    color: #cb005c;
}

.content-wrap-type .content-zag-type a:hover {

    color: #cb005c;
}

.content-wrap-type .content-zag-type:hover {

    color: #cb005c;

    border: 2px solid #cb005c;
}

.content-wrap-type .content {

    font-size: 1rem;

    line-height: 1.4rem;
}


.gallery {

    /*display: flex;*/
    display: grid;
    justify-content: center;
}

.gallery ul {

    display: flex;

    flex-flow: row wrap;

    justify-content: center;

    list-style: none;
}


.wrapper-cart {

    display: flex;

    flex-flow: column nowrap;

    align-items: center;
}

.wrapper-cart #msProduct {

    display: flex;

    flex-flow: row wrap;

    justify-content: flex-start;

    padding: 20px 0;

    margin-top: 20px;

    width: 100%;

    font-family: "Open Sans", sans-serif;
}

.wrapper-cart #msProduct .part1 {

    flex: 1;

    margin: 10px;

    padding: 10px;
}

.wrapper-cart #msProduct .part1 #msGallery img {

    padding: 10px;

    width: 100%;

    max-width: 500px;
}

.wrapper-cart #msProduct .part2 {

    flex: 1;

    margin: 10px;

    padding: 10px;
}

.wrapper-cart #msProduct .part2 h1 {

    font-family: "Open Sans", sans-serif;

    font-weight: 500;

    font-size: 1.3rem;

    padding: 0 0 20px 0;
}

.wrapper-cart #msProduct .part2 .form-group {

    display: flex;

    flex-flow: row nowrap;

    justify-content: space-between;

    padding: 10px 0;

    border-bottom: 1px dashed #444444;
}

.wrapper-cart #msProduct .part2 .form-group label {

    padding: 0 20px 0 0;

    /*font-size: 0.7rem;*/
}

.wrapper-cart #msProduct .part2 .form-groups {

    padding-top: 20px;

    display: flex;

    justify-content: flex-start;
}

.wrapper-cart #msProduct .part2 .form-groups .choose {

    width: 200px;

    margin: 15px 0;

    font-family: "Montserrat", sans-serif;

    font-weight: 500;

    padding: 20px 0;

    color: #ffffff;

    background-color: #cb005c;

    border: 2px solid #cb005c;

    border-radius: 30px 0;

    flex: 1;

    align-self: center;

    transition-duration: 0.4s;
}

.wrapper-cart #msProduct .part2 .form-groups .choose:hover {

    background-color: transparent;

    color: #cb005c;

    cursor: pointer;
}


.content-wrap-cart {

    max-width: 1140px;

    margin: 0 auto;

    padding: 20px;

    font-family: "Open Sans", sans-serif;

    color: #444444;
}


.alternative-photo {

    display: flex;

    flex-flow: row wrap;

    justify-content: flex-start;

    align-items: flex-start;

    margin-top: 10px;
}

.alternative-photo .wrapi {

    max-width: 300px;

    margin-right: 25px;
}

.alternative-photo .wrapi h2 {

    font-size: 1.6rem;

    font-weight: 300;

    margin-bottom: 5px;

    color: #444444;
}

.alternative-photo img {

    max-width: 100%;

    border: 6px solid #e5e5e5;

    margin: 20px 0;
}


.product-options {

    display: flex;

    flex-flow: row wrap;

    padding: 10px 0;
    

}

.product-options div {

    display: flex;
    justify-content: space-between;
    padding: 0 20px 0 5px;
    
    padding-bottom: 15px;
}


.pagination {

    display: flex;

    flex-flow: row nowrap;

    justify-content: center;

    font-family: "Open Sans", sans-serif;

    list-style: none;
}

.pagination .page-item {

    padding: 5px;
}

.pagination .page-item a {

    color: #444444;

    text-decoration: none;
}

.pagination .active a {

    color: #cb005c;
}


#breadcrumbs {

    list-style: none;

    display: flex;

    flex-flow: row;

    font-family: "Open Sans", sans-serif;

    padding: 10px 0;

    /*margin-left: 20px;*/
}
#breadcrumbs {
    position: relative;
    z-index: 20;
}

#breadcrumbs li {

    padding: 0 5px;

    color: #444444;
}

#breadcrumbs li a {

    text-decoration: none;

    color: #444444;
}

#breadcrumbs li a span {

    border-bottom: 1px solid #444444;
}

#breadcrumbs li:first-child {

    padding: 0 10px 0 0;
}


.breadcrumbs {

    background-color: #ffffff;

    color: #000;

    padding: 12px 50px;

    background-color: rgba(255, 255, 255, 0.6);

    transition-duration: 0.5s;
}

.breadcrumbs li::after {
    pointer-events: none;
}

.breadcrumbs span {

    font-family: "Open Sans", sans-serif;

    font-weight: 300;

    font-size: 1rem;
}


.fixed .breadcrumbs {

    display: none;
}


* {

    margin: 0px;

    padding: 0px;
}


html, body {

    background-color: #fff;

    font-family: 'Open Sans', sans-serif;

    font-weight: 400;
}


h1, h2, h3, h4, h5, h6 {

    font-weight: 800;
}


p {

    color: black;

    font-size: 14px;
}


/*

.container {

	display: table;

	margin: 0 auto;

	width: 100%;



}*/

.column {

    display: block;

    padding: 0;

    width: 100%;
}


h2 {

    color: #f3f3f3;

    text-align: center;

    margin: 20px 0;
}


.accordion {

    display: block;

    font-size: inherit;

    margin: 0px;

    position: relative;
}


.accordion input {

    display: none;

    position: absolute;

    visibility: hidden;

    left: 50%;

    top: 50%;

    z-index: 1;
}


.accordion__header {

    background-color: #f3f3f3;

    border: 1px solid #c2c2c2;

    border-bottom-width: 0px;

    color: #313131;

    cursor: pointer;

    transition: background 0.2s;

    padding: 20px;

    position: relative;

    z-index: 2;
}

.accordion__header:hover {

    background-color: #dbdbdb;

    color: #000;
}

.accordion__header:hover:before, .accordion__header:hover:after {

    background-color: #000;
}

.accordion__header:before, .accordion__header:after {

    background-color: #313131;

    content: '';

    display: block;

    position: absolute;

    z-index: 3;
}

.accordion__header:before {

    height: 2px;

    margin-top: -1px;

    top: 50%;

    right: 20px;

    width: 8px;
}

.accordion__header:after {

    height: 8px;

    margin-top: -4px;

    top: 50%;

    right: 23px;

    width: 2px;
}

.accordion input:checked ~ .accordion__header {

    background: #c2c2c2;

    border-color: #c2c2c2;

    color: #000;
}

.accordion input:checked ~ .accordion__header:hover {

    background-color: #c8c8c8;

    border-color: #c2c2c2;

    color: #000;
}

.accordion input:checked ~ .accordion__header:before {

    background-color: #000;
}

.accordion input:checked ~ .accordion__header:after {

    display: none;
}

.accordion:first-child .accordion__header {

    border-top-left-radius: 0;

    border-top-right-radius: 0;
}

.accordion:last-child .accordion__header {

    border-bottom-width: 1px;

    border-bottom-left-radius: 4px;

    border-bottom-right-radius: 4px;
}

.accordion:last-child input:checked ~ .accordion__header {

    border-bottom-left-radius: 0px;

    border-bottom-right-radius: 0px;
}


.accordion__content {

    background-color: white;

    border-width: 0px 1px;

    display: none;

    padding: 0;
}

.accordion input:checked ~ .accordion__content {

    display: block;
}

.accordion:last-child .accordion__content {

    border-bottom-width: 1px;

    border-radius: 0px 0px 4px 4px;
}

.accordion__content h6 {

    color: #f3f3f3;

    font-size: 18px;

    margin-bottom: 5px;
}


table {

    border: 1px solid #bebebe;

    border-collapse: collapse;

    font-size: 1rem;

    width: 100%;

    color: #636363;
}

table thead {

    background-color: #bebebe;
}

table td, table th {

    padding: 5px;

    text-align: center;
}

table td li, table th li {

    list-style-type: none;
}

table td {

    position: relative;
}

table td:first-child {

    color: #636363;
}

table td a {

    text-decoration: none;

    color: #636363;
}

table td a:hover {

    color: #f3f3f3;

    text-decoration: underline;
}

table tr:nth-child(even) {

    background-color: #ededed;
}

table tbody > tr:hover {

    background-color: #dcdcdc;
}


@media screen and (max-width: 845px) {

    table tr {

        border-bottom: 3px dotted #595959;
    }


    thead {

        display: none;
    }


    table tr td {

        display: block;

        padding-left: 30%;
    }

    table tr td:before {

        content: attr(data-label);

        position: absolute;

        left: 2%;
    }
}

@media screen and (max-width: 600px) {

    table tr {

        border-bottom: 3px dotted #595959;
    }


    table tr td {

        display: block;

        padding-left: 0;

        background-color: #ededed;
    }

    table tr td:before {

        position: static;

        display: block;

        color: #747474;

        font-style: italic;

        font-size: 0.8rem;
    }

    table tr td:nth-child(odd) {

        background-color: #fff;
    }

    table tr td:first-child {

        color: #636363;
    }
}

.wrapper-buy {

    width: 100%;

    margin: 20px auto;

    max-width: 1140px;
}

.wrapper-buy .vkladki {

    cursor: pointer;

    padding: 10px 40px;

    background-color: #bebebe;

    border-radius: 5px 5px 0 0;

    display: block;

    float: left;

    margin-right: 5px;
}

.wrapper-buy input {

    display: none;
}

.wrapper-buy input:checked + .vkladki {

    background-color: #7a000e;

    color: #fff;

    display: none;
}

.wrapper-buy input[id="tab-1"]:checked ~ .content-buy .tab-1,
.wrapper-buy input[id="tab-2"]:checked ~ .content-buy .tab-2 {

    display: block;
}


.content-buy {

    position: relative;

    clear: both;

    width: 100%;
}


article {

    top: 0;

    left: 0;

    width: 100%;

    background-color: #fff;

    border-top: 5px solid #7a000e;

    display: none;
}


@media screen and (max-width: 1100px) {

    .products .text-img h2 {

        padding: 10px 20px;

        font-size: 2.5rem;
    }

    .products .text-img .text-img-desc {

        padding: 10px 20px;

        justify-content: center;
    }

    .products .text-img .text-img-desc span {

        margin-right: 0;

        padding: 10px 0;

        max-width: unset;
    }

    .products .text-img .text-img-desc img {

        border: 6px solid #e5e5e5;

        max-width: 100%;

        height: unset;

        margin: 10px 0;
    }
}

@media screen and (max-width: 1000px) {

    .icon {

        display: flex;

        align-items: center;

        position: relative;
    }


    nav .menu-nav {

        display: inline-flex;

        flex-flow: column nowrap;

        justify-content: flex-start;

        padding: 20px;

        left: -420px;

        position: fixed;

        top: 0;

        bottom: 0;

        width: 250px;

        transition: .3s;

        background-color: #ffffff;

        box-shadow: 0 0px 10px rgba(0, 0, 0, 0.4);
    }

    nav .menu-nav li {

        padding: 10px;

        order: 2;
    }

    nav .menu-nav li ul {

        position: relative;

        padding-top: 0;
    }


    body .top_nav .main-line nav .menu-nav {

        list-style: none;

        display: flex;

        flex-flow: column nowrap;
    }


    .wrapper .icons-services {

        display: none;
    }


    .nash-avtopark .avtopark-wrapper #mse2_mfilter {

        flex-flow: column nowrap;
    }

    .nash-avtopark .avtopark-wrapper #mse2_mfilter .col-md-3 {

        flex: 1;

        width: 100%;
    }

    .nash-avtopark .avtopark-wrapper #mse2_mfilter .col-md-3 form {

        align-items: center;
    }

    .nash-avtopark .avtopark-wrapper #mse2_mfilter .col-md-3 form div {

        width: 100%;
    }

    .nash-avtopark .avtopark-wrapper #mse2_mfilter .col-md-9 {

        margin-left: 0;

        padding-left: 0;
    }


    .blocks .blocks-row {

        flex-flow: row wrap;
    }

    .blocks .blocks-row .blocks1 {

        width: 100%;

        max-width: 1000px;
    }

    .blocks .blocks-row .blocks1 .info {

        padding: 10px;

        max-width: 500px;
    }

    .blocks .blocks-row .blocks1 .info h3 {

        font-size: 2rem;
    }

    .blocks .blocks-row .blocks1 .info span {

        font-size: 0.9rem;
    }


    .products ul li {

        width: 25%;
    }
}

@media screen and (max-width: 900px) {

    .wrapper .wrap-h2 h2 {

        font-size: 3rem;
    }


    footer {

        background-size: auto 100%;
    }


    .products ul li {

        width: 33.3%;
    }
}

@media screen and (max-width: 768px) {

    .wrapper .wrap-h2 h2 {

        font-size: 2.4rem;
    }


    #breadcrumbs {

        font-size: 0.7rem;
    }
}

@media screen and (max-width: 768px) {

    .wrapper .wrap-h2 h2 {

        font-size: 2rem;
    }

    .wrapper .button-wrap {

        justify-content: center;

        left: unset;
    }


    .products ul li {

        width: 50%;
    }


    .products .text-img h2 {

        padding: 10px 20px;

        font-size: 2.5rem;
    }

    .products .text-img .text-img-desc {

        padding: 10px 20px;
    }

    .products .text-img .text-img-desc span {

        margin-right: 0;

        padding: 10px 0;

        max-width: unset;
    }

    .products .text-img .text-img-desc img {

        border: 6px solid #e5e5e5;

        max-width: 100%;

        height: unset;

        margin: 10px 0;
    }
}

@media screen and (max-width: 550px) {

    body .top_nav {

        display: flex;

        flex-flow: column nowrap;

        height: 70px;
    }

    body .top_nav .main-line {

        display: flex;

        align-items: center;

        justify-content: space-between;

        background-color: #ffffff;

        transition-duration: 0.3s;
    }

    body .top_nav .main-line .logo {

        height: 34px;

        width: 100px;
    }

    body .top_nav .main-line .logo a {

        margin: 12px 30px 7px 8px;
    }

    body .top_nav .main-line .logo a img {

        width: 168px;

        height: auto;
    }

    body .px {

        height: 120px;
    }

    body .fixed .main-line {

        height: 50px;
    }

    body .fixed .main-line .logo {

        width: 40px;

        height: 34px;

        position: relative;
    }

    body .fixed .main-line .logo span {

        display: none;
    }

    body .fixed .main-line .logo object {

        position: absolute;

        right: 6px;

        margin: 0;

        color: #ffffff;

        width: 24px;

        height: 24px;

        animation-name: logoRotate;

        animation-duration: 1s;
    }

    body .phone {

        font-size: 0.7rem;
    }


    .wrapper .wrap-h2 {

        left: unset;

        margin-top: 10px;

        margin-bottom: 10px;
    }

    .wrapper .wrap-h2 h2 {

        font-size: 1.8rem;

        align-self: center;
    }

    .wrapper .wrap-h2 h2.wh {

        font-size: 1rem;
    }

    .wrapper .button-wrap {

        justify-content: center;

        left: unset;

        bottom: 5%;

        padding: 0;
    }


    footer {

        background-size: auto 100%;
    }

    footer .all-wrap {

        display: flex;

        flex-flow: column nowrap;

        justify-content: space-around;
    }

    footer .all-wrap .description-wrapper {

        width: 100%;
    }

    footer .all-wrap .form-wrapper .contact_form p {

        max-width: 100%;
    }


    .wrapper-cart #msProduct .part2 .form-groups {

        justify-content: center;
    }

    .wrapper-cart #msProduct .part2 h1 {

        text-align: center;
    }


    .products ul li {

        width: 100%;
    }


    .rslides {

        height: auto;

        margin-top: 70px;
    }


    .prev, .next {

        margin-top: 0;

        opacity: 0.3;
    }


    .blocks .blocks-row .blocks1 {

        padding: 5px 0;

        border-left: none;

        margin-right: 0;
    }

    .blocks .blocks-row .blocks1 img {

        margin-bottom: 0;

        margin-right: 0;

        border-left: 0;
    }

    .blocks .blocks-row .blocks1 .info {

        display: flex;

        flex-flow: row wrap;

        justify-content: center;

        left: 0;
    }

    .blocks .blocks-row .blocks1 .info h3 {

        text-align: center;

        font-size: 1.7rem;
    }

    .blocks .blocks-row .blocks1 .info span {

        text-align: center;
    }


    .content-wrap .content-zag {

        font-size: 2rem;
    }


    footer .all-wrap .collections {

        padding: 20px 0;
    }

    footer .all-wrap .collections ul.collect {

        justify-content: center;
    }

    footer .all-wrap .collections ul.collect li {

        padding: 10px 20px;
    }

    footer .all-wrap .footer-info {

        padding: 20px 0;
    }

    footer .all-wrap nav {

        padding: 20px 0;
    }


    footer .white-line {

        text-align: center;
    }


    .products .text-img h2 {

        padding: 10px 20px;

        font-size: 2.5rem;
    }

    .products .text-img .text-img-desc {

        padding: 10px 20px;
    }

    .products .text-img .text-img-desc span {

        margin-right: 0;

        padding: 10px 0;
    }

    .products .text-img .text-img-desc img {

        border: 6px solid #e5e5e5;

        max-width: 100%;

        height: 150px;

        margin: 10px 0;
    }


    .breadcrumbs {

        padding: 12px 20px;
    }


    .content-wrap-cart {

        padding: 0;
    }


    .alternative-photo img {

        padding: 0;

        max-width: 100%;

        margin: 10px 0;
    }


    .wrapper .button-wrap a .choose {

        padding: 0;

        width: 100px;
    }
}

@media screen and (max-width: 490px) {

    .wrapper .wrap-h2 {

        left: unset;
    }

    .wrapper .wrap-h2 h2 {

        font-size: 1.4rem;
    }

    .wrapper .choose {

        left: 30%;
    }


    .content-wrap-type .content-zag-type {

        font-size: 0.8rem;

        padding: 3px;
    }


    .content-wrap .content {

        font-size: 0.8rem;

        line-height: 1.3rem;
    }

    .content-wrap .content ul {

        padding-top: 10px;

        padding-left: 0;
    }

    .content-wrap .content ul li {

        margin: 10px 0;
    }
}

footer .all-wrap nav ul.menu-nav-footer li:nth-child(2) {
    display: none;
}
@media screen and (max-width: 450px) {
    
    .products ul li a:hover div.description {
    opacity: 1;
    display: none;
}
    
  footer .all-wrap nav ul.menu-nav-footer li:nth-child(2) {
    display: none;
  }
    .wrapper .wrap-h2 h2 {

        margin-bottom: 0px;
        margin-top: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        font-size: 1.2rem;
        padding-bottom: 1px;
    }
    i.material-icons{
        font-size:18px!important;
    }

    .products ul li a img {
        height: 200px !important;
    }

    .products ul li a span.btn-open {
        position: absolute;
        z-index: 2;
        color: black;
        font-size: 1.2rem;
        font-weight: 300;
        max-width: 80%;
        margin: 20px;
        left: 0;
        background-color: white;
        border: black;
        border-radius: 3px;
        padding: 4px;
        opacity: 0.7;
        bottom: 0;
    }

    .products ul li a span.name {
        position: absolute;
        bottom: 40px;
        left: 0;
        z-index: 2;
        color: #ffffff;
        font-size: 1.2rem;
        font-weight: 300;
        max-width: 80%;
        padding: 20px;
    }
    img.logo-product{
        width: 100%;
    }
}

@media (min-width: 451px) {
    .products ul li a span.btn-open {
        display: none;
    }
}

div.dark-mask {
    width: 100%;
    height: 100%;
    background-color: gray;
    opacity: 0.5;
    position: absolute;
    z-index: 1;
}
.disabled{
    pointer-events: none;
    cursor: default;
}

.breadcrumbs ul li:nth-child(3){
    pointer-events:none;
}



/*# sourceMappingURL=main.css.map */