html {
    margin: 0;
    padding: 0;
    transition: all 0.3s ease;
}

body {
    background: #fff;
    margin: 0;
    padding: 0;
    font-family: 'Roboto Condensed', sans-serif;
    color: #888686;
    font-size: 14px;
    line-height: 21px;
    border-top: 6px solid #f74f42;
}

.row {
    display: block;
    float: left;
    width: 100%;
}

.ib {
    display: inline-block;
}

.sec {
    display: block;
    float: left;
    width: 100%;
    text-align: center;
}

.container {
    display: inline-block;
    width: 1190px;
    text-align: left;
}

* {
    outline: none;
    box-sizing: border-box;
}

a {
    text-decoration: none;
    color: #f74f42;
    transition: all 0.15s ease-out;
}

a:hover {
    text-decoration: none;
    color: #000;
}

.animation {
    opacity: 0;
}

.animated {
    opacity: 1;
}

.fleft {
    float: left !important;
}

.fright {
    float: right !important;
}

/* SITE PRELOADER */
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 1000;
    height: 100%;
    display: none;
}

#status {
    width: 106px;
    height: 106px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -53px;
    margin-top: -53px;
}

.clear-loading {
    text-align: center;
    margin: 0 auto;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

/* SITE PRELOADER ANIMATION */
.loading-effect-2 {
    width: 100px;
    height: 100px;
}

.loading-effect-2 > span, .loading-effect-2 > span:before, .loading-effect-2 > span:after {
    content: "";
    display: block;
    border-radius: 50%;
    border: 2px solid #8fb2c0;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.loading-effect-2 > span {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-left-color: transparent;
    -webkit-animation: effect-2 2s infinite linear;
    -moz-animation: effect-2 2s infinite linear;
    -ms-animation: effect-2 2s infinite linear;
    -o-animation: effect-2 2s infinite linear;
    animation: effect-2 2s infinite linear;
}

.loading-effect-2 > span:before {
    width: 75%;
    height: 75%;
    border-right-color: transparent;
}

.loading-effect-2 > span:after {
    width: 50%;
    height: 50%;
    border-bottom-color: transparent;
}

@-webkit-keyframes effect-2 {
    from {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes effect-2 {
    from {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.topbar {
    background: #fff;
    padding-top: 30px;
    padding-bottom: 30px;
}

.topbar .container {
    text-align: center;
    position: relative;
    border-bottom: 1px solid #efefef;
}

.logo {
    display: inline-block;
    margin-right: -220px;
}

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

.topbar_left {
    display: inline-block;
    float: left;
    width: 160px;
    text-align: left;
    margin-top: 31px;
}

.topbar_left .tb_input_text {
    padding-left: 20px;
    background-position: left center;
    background-repeat: no-repeat;
}

.topbar_left .tb_input_text.user {
    background-image: url(img/tb_user.gif);
}

.topbar_left .tb_input_text.pass {
    background-image: url(img/tb_pass.gif);
}

.tb_input_text {
    width: 100%;
    height: 40px;
    color: #000;
    border: none;
    border-bottom: 1px solid #d9d9d9;
    transition: all 0.2s ease;
}

.tb_input_text:focus {
    border-bottom: 1px solid #000;
}

.tbl_submit {
    display: inline-block;
    height: 27px;
    line-height: 25px;
    background: #f2f0f0;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 17px;
    text-transform: uppercase;
    border-radius: 7px;
    color: inherit;
    border: 1px solid #d9d9d9;
    transition: all 0.2s ease;
}

.tbl_submit:hover {
    background: #f74f42;
    border: 1px solid #d64034;
    color: #fff;
}

.topbar_right {
    display: inline-block;
    float: right;
    text-align: left;
    margin-top: 40px;
    max-width: 220px;
}

.topbar_right .row {
    margin-bottom: 10px;
}

.topbar_right form {
    float: right;
}

.minside {
    display: inline-block;
    margin-right: 0px;
}

.minside::after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 1em;
    margin-bottom: -2px;
    margin-left: 7px;
    background: #d9d9d9;
}

.mini_cart {
    display: inline-block;
    padding: 2px 10px;
    margin-left: -3px;
    color: #353535;
    transition: all 0.2s ease-out;
    cursor: pointer;
    border-radius: 4px;
}

.mini_cart:hover, .mini_cart.active {
    background: #f74f42;
    color: #fff;
}

.input_text.minicart_select {
    height: 20px;
    width: 45px;
    max-width: 150px;
    margin-bottom: 10px;
}

.to_cart {
    display: inline-block;
    margin-left: -3px;
    border-bottom: 1px solid #f6f6f6;
}

.to_cart:hover {
    border-bottom: 1px solid #ddd;
}

.to_cart::before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 1em;
    margin-bottom: -2px;
    margin-right: 7px;
    background: #d9d9d9;
}

.topbar_right .tb_input_text {
    width: 170px;
    float: left;
}

.tb_search_button {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-top: 7px;
    float: right;
    border-radius: 32px;
    border: 1px solid #e6e6e6;
    background: #fff url(img/search.png) no-repeat 50% 7px;
    font-size: 0;
    color: transparent;
    transition: background-color 0.2s ease-out;
}

.tb_search_button:hover {
    background: #f74f42 url(img/search.png) no-repeat left 50% bottom 7px;
    border: 1px solid #d64034;
}

/* MINI CART */
#mini_cart {
    position: absolute;
    top: 80px;
    right: 0;
    display: none;
    width: 310px;
    border: 1px solid #d5d5d5;
    background: #fff;
    z-index: 200;
    padding-bottom: 18px;
    box-shadow: 0px 0px 15px rgba(0,0,0, .3);
}

.mc_row {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    background: #f3f3f3;
    padding: 10px 20px 0px 20px;
    border-bottom: 1px solid #d2d2d2;
    transition: all 0.15s ease-out;
}

.mc_row:last-child {
    border-bottom: none;
}

.mc_row:hover {
    background: #ececec;
}

.mc_row_removeall {
    display: block;
    float: left;
    width: 100%;
    padding: 13px 20px;
    background: #f3f3f3;
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
}

.mc_row_removeall a {
    color: red;
    text-decoration: underline;
}

.mc_row_removeall a:hover {
    text-decoration: none;
}

.mc_photo {
    display: block;
    float: left;
    width: 52px;
    height: 52px;
    border: 1px solid #d5d5d5;
    background: #fff;
    overflow: hidden;
}

.mc_photo:hover {
    opacity: .9;
}

.mc_photo img {
    width: 100%;
}

.mc_info {
    display: block;
    float: right;
    width: 100%;
    color: #5e5e5e;
    font-size: 14px;
    line-height: 17px;
    text-align: left;
}

a.mc_title {
    display: inline-block;
    color: #5e5e5e;
    font-size: 14px;
    padding: 0px 5px;
    line-height: 17px;
    text-decoration: none;
    border-radius: 3px;
    margin-left: -5px;
    margin-bottom: 5px;
}

a.mc_title:hover {
    color: #000;
    text-decoration: underline;
    ; }

a.mc_cat {
    display: inline-block;
    color: #5e5e5e;
    font-size: 14px;
    padding: 0px 5px;
    line-height: 17px;
    text-decoration: none;
    border-radius: 3px;
    margin-left: -5px;
}

a.mc_cat:hover {
    background: #e4c571;
    text-shadow: 0px 1px 0px rgba(0,0,0, .2);
    color: #fff;
}

#mini_cart .select {
    width: 100%;
    height: 22px;
    background: #fff url(img/select_arrow.png) no-repeat right 7px center;
    border: 1px solid #d5d5d5;
    margin-top: 8px;
    padding-left: 4px;
    max-width: 150px;
}

#mini_cart .select:hover {
    border: 1px solid #b0b0b0;
}

a.mc_remove_item {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    width: 18px;
    height: 18px;
    background: #d5d5d5 url(img/mc_remove.png) no-repeat center center;
    cursor: pointer;
}

a.mc_remove_item:hover {
    background: #d03939 url(img/mc_remove.png) no-repeat center center;
}

.mc_totals {
    display: block;
    float: left;
    width: 100%;
    padding: 15px 20px 0px 20px;
    text-align: left;
}

.mct_total {
    font-size: 18px;
    color: #5e5e5e;
    font-weight: bold;
}

.mc_disc_text {
    display: inline-block;
    font-size: 12px;
    white-space: nowrap;
}

.mc_footer {
    display: block;
    float: left;
    width: 100%;
    border-top: 1px dashed #5e5e5e;
    margin-top: 10px;
    padding-top: 10px;
}

.mc_close {
    display: inline-block;
    float: left;
    cursor: pointer;
}

.mc_close div {
    display: inline-block;
    float: left;
    width: 25px;
    height: 25px;
    background: #aca8a7 url(img/mc_close_footer.png) no-repeat center center;
    margin-right: 9px;
    transition: all 0.3s ease;
}

.mc_close span {
    display: inline-block;
    float: left;
    color: #5e5e5e;
    text-decoration: none;
    font-size: 14px;
    line-height: 25px;
    transition: all 0.3s ease;
}

.mc_close:hover span {
    color: #d03939;
}

.mc_close:hover div {
    background: #d03939 url(img/mc_close_footer.png) no-repeat center center;
}

.mc_tocart {
    display: inline-block;
    float: right;
    height: 25px;
    padding-left: 10px;
    padding-right: 10px;
    background: #2292cc;
    color: #fff;
    font-size: 16px;
    line-height: 25px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
}

.mc_tocart:hover {
    background: #F74F42;
    color: #fff;
}

.topbar_center {
    display: inline-block;
    margin-right: -07px;
}

.logo_row {
    display: inline-block;
    width: 220px;
    margin-bottom: 30px;
}

.logo_row img {
    max-width: 100%;
}

.topmenu_row {
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 30px;
}

.topmenu {
    display: block;
    float: left;
    background: #f2f0f0;
    border-radius: 6px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.topmenu li {
    position: relative;
    display: inline-block;
    float: left;
    margin-left: -1px;
    background: url(img/topmenu_wrap.gif) no-repeat right center;
}

.topmenu li:last-child {
    background: none;
}

.topmenu li a {
    position: relative;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding-left: 19px;
    padding-right: 19px;
    text-transform: uppercase;
    font-size: 14px;
    color: #000;
}

.topmenu li:first-child a {
    border-radius: 6px 0px 0px 6px;
}

.topmenu li:last-child a {
    border-radius: 0px 6px 6px 0px;
}

.topmenu li.current a, .topmenu li:hover a {
    background: #f74f42;
    color: #fff;
}

.topmenu li.current a::before {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 50%;
    margin-left: -4px;
    background: #f74f42;
    display: inline-block;
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
}

/* SLIDER HOME */
.slider_sec {
    margin-bottom: 80px;
}

.slider_home {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
}

.slider_home li img {
    width: 100%;
}

.slider_sec .bx-prev, .slider_sec .bx-next {
    position: absolute;
    top: 50%;
    margin-top: -34px;
    display: inline-block;
    width: 50px;
    height: 67px;
    font-size: 0;
    opacity: 0;
    color: transparent;
    transition: all 0.2s ease;
}

.slider_sec .bx-prev {
    background: url(img/arrow_left.png) no-repeat center center;
    left: 0px;
}

.slider_sec .bx-next {
    background: url(img/arrow_right.png) no-repeat center center;
    right: 0px;
}

.slider_sec:hover .bx-prev {
    opacity: 1;
    left: 10px;
}

.slider_sec:hover .bx-next {
    opacity: 1;
    right: 10px;
}

.bx-controls {
    text-align: center;
    margin-top: 30px;
    ; }

.bx-pager-item {
    display: inline-block;
    width: 9px;
    height: 9px;
    overflow: hidden;
    margin-left: 5px;
    margin-right: 5px;
    border-radius: 10em;
}

.bx-pager-item a {
    display: inline-block;
    font-size: 0;
    color: transparent;
    width: 9px;
    height: 9px;
    background: rgba(0,0,0, .2);
    float: left;
}

.bx-pager-item:hover a {
    background: rgba(0,0,0, .4);
}

.bx-pager-item a.active {
    background: rgba(0,0,0, .5);
}

/* INTRO BLOCKS */
.index_welcome {
    margin-top: 0;
    margin-bottom: 40px;
    font-size: 46px;
    font-weight: 300;
    letter-spacing: -2px;
    color: #353535;
    text-align: center;
}

.index_intro {
    display: block;
    float: left;
    width: 100%;
    background: #f2f0f1;
    padding: 40px 20px;
    border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
}

.intro_blocks {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    margin-right: -5px;
    margin-bottom: 90px;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    padding-top: 70px;
    text-align: center;
}

.intro_blocks big {
    color: #353535;
    font-size: 130%;
}

.intro_block {
    display: inline-block;
    vertical-align: top;
    width: 33%;
    border-right: 1px dotted #e6e6e6;
    padding-left: 60px;
    padding-right: 60px;
    margin-bottom: 50px;
    line-height: 21px;
    text-align: center;
}

.intro_block:nth-child(3n+3) {
    border-right: none;
}

.ib_title {
    font-size: 46px;
    line-height: 46px;
    color: #000;
    margin-top: 0;
    margin-bottom: 40px;
    font-weight: 700;
    letter-spacing: -1px;
}

.ib_more {
    position: absolute;
    left: 50%;
    bottom: -10px;
    margin-left: -10px;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #d3d3d3;
    color: #fff;
    text-align: center;
    line-height: 20px;
    border-radius: 20px;
}

.ib_more::after {
    content: '+';
    font-size: 20px;
    font-family: 'Arial';
}

.ib_more.minus::after {
    content: '-';
    line-height: 18px;
}

.ib_more:hover {
    background: #f74f42;
    color: #fff;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin-left: -15px;
    bottom: -15px;
}

.ib_more.minus:hover::after {
    content: '-';
    line-height: 26px;
}

.ib_more_box {
    display: block;
    float: left;
    width: 100%;
    display: none;
    overflow: hidden;
}

.map_box {
    display: block;
    float: left;
    width: 100%;
    height: 380px;
    margin-top: -379px;
    background: #a0c3ff;
    overflow-x: hidden;
}

#map {
    width: 62%;
    height: 100%;
    float: right;
}

.map_about {
    position: relative;
    z-index: 50;
    display: block;
    float: left;
    width: 55%;
    min-height: 378px;
    margin-left: 1px;
    padding-left: 65px;
    padding-right: 200px;
    padding-top: 60px;
    color: #373737;
    background: url(img/map_box_about_bg.png) no-repeat bottom right;
}

.ma_title {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 25px;
    font-weight: 700;
    font-size: 47px;
}

.button {
    display: inline-block;
    background: #fff;
    color: #474747;
    font-weight: 300;
    text-transform: uppercase;
    padding-top: 8px;
    padding-left: 30px;
    padding-right: 30px;
    min-height: 36px;
}

.button:hover {
    background: #f74f42;
    color: #fff;
    text-shadow: -1px -1px 1px rgba(0,0,0, .3);
}

.map_about .button {
    margin-top: 10px;
    background: #f74f42;
    color: #fff;
    text-shadow: -1px -1px 1px rgba(0,0,0, .3);
}

.map_about .button:hover {
    background: #D24035;
}

/* FOOTER */
.sec_footer {
    margin-top: 80px;
    color: #474747;
}

.sec_footer .container {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    margin: 0 auto;
    background: #f2f0f0;
}

.sec_footer a {
    border-bottom: 1px solid transparent;
}

.sec_footer a:hover {
    border-bottom: 1px solid rgba(0,0,0, .2);
}

.table_row {
    display: table-row;
}

.table_table {
    display: table;
    width: 100%;
}

.footer_left {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    width: 200px;
    background: #e7e7e7 url(img/logo_footer.png) no-repeat center center;
    background-size: 145px auto;
    border-right: 1px solid #fff;
}

.footer_right {
    display: flex;
    padding-top: 70px;
    padding-bottom: 65px;
}

/*

.footer_left {

        position: absolute;

        top: 0;

        left: 0;

        display: table-cell;

        width: 200px;

        height: 100%;

        background: #e7e7e7 url(img/logo_footer.png) no-repeat center center;

        border-right: 1px solid #fff;

}



.footer_right {

        display: table;

        width: 100%;

        padding-left: 200px;

        padding-top: 70px;

        padding-bottom: 65px;

}

*/
.fcol {
    display: flex;
    flex-direction: column;
    border-right: 1px solid #b2b2b2;
    padding-left: 60px;
    padding-right: 60px;
}

.fcol:last-child {
    border-right: none;
}

.big_link {
    font-size: 22px;
}

.sec_debug {
    padding-top: 10px;
    padding-bottom: 10px;
    color: #474747;
    border-bottom: 6px solid #f74f42;
}

.copyright {
    display: block;
    float: left;
    margin-right: 40px;
}

.sec_debug a {
    margin-right: 10px;
    color: #474747;
}

.sec_debug a:hover {
    color: #f74f42;
}

.content_sec {
    padding-top: 0px;
    padding-bottom: 40px;
}

/* BREAD CRUMBS */
.bread {
    display: block;
    float: left;
    width: 100%;
    margin: 0;
    margin-bottom: 40px;
    padding: 0;
    list-style: none;
}

.bread li {
    display: inline-block;
    float: left;
    color: #353434;
}

.bread li::after {
    content: '>';
    margin-left: 10px;
    margin-right: 10px;
}

.bread li:last-child::after {
    display: none;
}

.bread li a {
    color: #969696;
}

.bread li a:hover {
    color: #000;
}

/* PROD PAGE */
.prod_image {
    display: block;
    float: left;
    width: 360px;
}

.prod_img_big {
    display: inline-block;
    width: 100%;
    overflow: hidden;
    border: 1px solid #d3d3d3;
    border-radius: 6px;
    margin-bottom: 5px;
}

.prod_img_big a {
    position: relative;
    display: inline-block;
    width: 100%;
}

.prod_img_big img {
    max-width: 100%;
    max-height: 100%;
}

.prod_img_big a span, .pib_thumbs a span {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(12,77,162, .6) url(img/i_zoom.png) no-repeat center center;
    background-size: 0;
    text-align: center;
    border-radius: 6px;
    opacity: 0;
    transition: all 0.3s ease;
}

.prod_img_big a span .fa, .pib_thumbs a .fa {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -18px;
    ; font-size: 50px;
    color: rgba(255,255,255, .9);
    text-shadow: 1px 1px 0px rgba(0,0,0, .8);
}

.pib_thumbs {
    display: block;
    float: left;
    width: 100%;
}

.pib_thumbs a {
    position: relative;
    display: inline-block;
    width: 63px;
    height: 63px;
    overflow: hidden;
    border: 1px solid #d3d3d3;
    margin-right: 8px;
    margin-bottom: 5px;
    border-radius: 6px;
}

.pib_thumbs a:nth-child(5n+5) {
    margin-right: 0;
}

.pib_thumbs a img {
    max-width: 100%;
    max-height: 100%;
}

.prod_img_big:hover a span {
    opacity: 1;
    background-size: 59px;
}

.pib_thumbs a:hover span {
    opacity: 1;
    background-size: 40px;
}

.prod_infos {
    display: block;
    float: right;
    width: 780px;
}

.prod_tabs_box {
    display: block;
    float: left;
    width: 100%;
}

.prod_title {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: 400;
    line-height: 26px;
    color: #353434;
}

.pr_artikul {
    display: block;
    float: left;
    width: 100%;
    color: #969696;
    margin-bottom: 5px;
}

.pr_artikul .cell {
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid #ccc;
}

.pr_desc {
    display: block;
    float: left;
    width: 100%;
    padding-right: 40px;
    margin-top: 20px;
}

.pr_desc p:first-child, .prod_tabs_content p:first-child {
    margin-top: 0;
}

.pr_desc p, .prod_tabs_content p {
    margin-bottom: 25px;
}

.pr_desc .read_more {
    color: #0c4da2;
}

.pr_desc .read_more:hover {
    color: #f74f42;
}

.pr_desc.full {
    display: none;
}

.pr_desc big, .prod_tabs_content big {
    text-transform: uppercase;
    font-weight: 400;
    color: #646464;
}

.prod_price {
    display: block;
    float: left;
    width: 100%;
    font-size: 24px;
    letter-spacing: -1px;
    color: #2292cc;
    margin-bottom: 20px;
}

.prod_price span {
    font-size: 70%;
    letter-spacing: 0px;
    color: #353535;
}

.form_to_cart {
    display: block;
    float: left;
    width: 100%;
    margin-top: 20px;
}

.select {
    width: 100%;
    height: 33px;
    background: #f9f9f9 url(img/select_arrow.png) no-repeat right 13px center;
    border: 1px solid #d3d3d3;
    border-radius: 6px;
    padding-left: 12px;
    padding-right: 22px;
    margin-bottom: 17px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    cursor: pointer;
    transition: all 0.2s ease-out;
}

.select:hover, .select:focus {
    background-color: #f6f6f6;
    border: 1px solid #b2b2b2;
    box-shadow: 0px 0px 3px rgba(0,0,0, .2);
}

.form_to_cart .select {
    background-color: #fff;
    margin-top: 40px;
}

.input_text.ammnt {
    margin-bottom: 10px;
}

.form_to_cart .w70, .form_to_cart .w30 {
    display: block;
    float: left;
}

.form_to_cart .w30 {
    max-width: 85px;
}

.w70 {
    width: 70%;
}

.w30 {
    width: 30%;
}

.w70.mr {
    width: 67%;
    margin-right: 3%;
}

.w30.mr {
    width: 27%;
    margin-right: 3%;
}

.to_cart_button {
    width: 180px;
    height: 53px;
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 0 20px;
    background: #2292cc;
    border-radius: 6px;
    border: none;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    line-height: 51px;
    font-weight: 400;
    font-size: 16px;
    transition: all 0.2s ease-out;
}

.to_cart_button.btn_grey {
    background: #646464;
}

.to_cart_button:hover {
    background: #269fdd;
    transform: scale(1.1);
}

.to_cart_button.btn_grey:hover {
    background: #878787;
}

.prod_tabs_box {
    display: block;
    float: left;
    width: 100%;
    margin-top: 40px;
}

.prod_tabs_nav {
    display: block;
    float: left;
    width: 100%;
    border-bottom: 1px solid #d3d3d3;
    margin: 0;
    padding: 0;
    list-style: none;
}

.prod_tabs_nav li {
    display: inline-block;
    float: left;
    margin-right: -1px;
    margin-bottom: -1px;
}

.prod_tabs_nav li a {
    display: inline-block;
    min-width: 230px;
    height: 49px;
    line-height: 49px;
    padding-left: 35px;
    padding-right: 35px;
    border: 1px solid #d3d3d3;
    color: #4a4a4a;
    font-size: 16px;
    text-align: center;
}

.prod_tabs_nav li:first-child a {
    border-radius: 4px 0px 0px 0px;
}

.prod_tabs_nav li:last-child a {
    border-radius: 0px 4px 0px 0px;
}

.prod_tabs_nav li.current a, .prod_tabs_nav li.current:hover a {
    background: #e7e7e7;
}

.prod_tabs_nav li:hover a {
    background: #f3f3f3;
}

.prod_tabs_content {
    display: block;
    float: left;
    width: 100%;
    padding-top: 40px;
    padding-bottom: 20px;
}

.prodlist_left {
    display: block;
    float: left;
    width: 230px;
}

.pl_link {
    display: inline-block;
    width: 100%;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 16px;
    color: #5f5f5f;
}

.pl_link::before {
    display: inline-block;
    width: 14px;
    padding-left: 5px;
    content: '+';
}

.pl_link.active {
    background: #f2f0f0;
}

.pl_link:hover {
    background: #f6f6f6;
}

.pl_link.active::before {
    content: '-';
}

.plankjop_pl_link::before {
    display: none;
}

.pl_drop_box {
    display: inline-block;
    width: 100%;
    padding-top: 24px;
    padding-bottom: 12px;
}

.pl_link.active + .pl_drop_box {
    display: block;
}

.checkbox {
    display: none;
}

.checkbox + label {
    display: block;
    float: left;
    width: 100%;
    background: url(img/checkbox.png) no-repeat 0px 3px;
    padding-left: 22px;
    margin-bottom: 3px;
    margin-left: 19px;
    cursor: pointer;
    transition: all 0.2s ease-out;
}

.checkbox + label:hover {
    color: #000;
    padding-left: 25px;
    background: url(img/checkbox_h.png) no-repeat 0px 3px;
}

.checkbox:checked + label {
    color: #000;
    padding-left: 25px;
    background: url(img/checkbox_r.png) no-repeat 0px 3px;
}

.pl_drop_box {
    display: none;
}

.prodlist_right {
    display: block;
    float: right;
    width: 890px;
}

.plr_sort {
    display: block;
    float: left;
    margin-right: 20px;
}

.plr_sort label {
    display: inline-block;
    float: left;
    margin-right: 15px;
    margin-top: 5px;
    font-weight: 300;
    font-size: 20px;
    color: #5f5f5f;
}

.plr_sort .select {
    width: 180px;
    font-size: 16px;
    background-color: #fff;
}

.plr_sort .input_text {
    width: 46%;
    max-width: 180px;
    margin-right: 10px;
    float: left;
    margin-bottom: 10px;
}

.plr_sort .tb_search_button {
    margin-top: 0;
}

.plr_swich {
    display: block;
    float: right;
}

.plr_swich a {
    display: inline-block;
    width: 29px;
    height: 27px;
    margin-left: 7px;
    border: 1px solid #d3d3d3;
    border-radius: 2px;
}

#swich_1 {
    background: #fff url(img/prodlist_var_2.gif) no-repeat center center;
}

#swich_1.active {
    background: #f74f42 url(img/prodlist_var_2_w.gif) no-repeat center center !important;
    border: 1px solid #ce3c30;
}

#swich_2 {
    background: #fff url(img/prodlist_var_1.gif) no-repeat center center;
}

#swich_2.active {
    background: #f74f42 url(img/prodlist_var_1_w.gif) no-repeat center center !important;
    border: 1px solid #ce3c30;
}

#swich_1:hover, #swich_2:hover {
    background-color: #f6f6f6;
}

.page_title {
    margin-top: 0;
    margin-bottom: 30px;
    font-size: 28px;
    line-height: 32px;
    color: #5f5f5f;
    font-weight: 300;
}

.prodlist_right.plankjop .page_title {
    display: inline-block;
    width: auto;
}

.prodlist_right.plankjop .holder {
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 10px;
    vertical-align: middle;
}

.prodlist_right.plankjop .holder:last-child {
    margin-right: 0;
}

.plankjop_name_fld {
    display: inline-block;
    float: left;
    width: 300px;
    margin-right: 10px;
    padding: 0 12px;
    height: 45px;
    border: 1px solid #d3d3d3;
    border-radius: 6px;
    background-color: #fff;
}

.plankjop_name_fld.disabled {
    background-color: #f9f9f9;
}

.prodlist_right.plankjop .btn_func {
    display: inline-block;
    float: left;
    min-width: 59px;
    height: 45px;
    line-height: 45px;
    border-radius: 6px;
    border: none;
    background-color: #646464;
    font-size: 16px;
    text-align: center;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
}

.prodlist_right.plankjop .btn_func:hover {
    background-color: #878787;
}

.prodlist_right.plankjop .btn_func.hidden {
    display: none;
}

.prodlist_right.plankjop .right_box {
    position: relative;
    display: inline-block;
    float: right;
}

.mtop_negative {
    margin-top: -20px;
}

.prodlist_right.plankjop .right_box .pi_title {
    display: inline-block;
    float: none;
    width: auto;
    min-height: 0;
    margin-top: 0;
    margin-right: 10px;
    vertical-align: middle;
}

.prodlist_right.plankjop .btn {
    display: inline-block;
    width: auto;
    min-width: 59px;
    height: 33px;
    line-height: 33px;
    margin-right: 6px;
    margin-bottom: 15px;
    text-align: center;
    color: #fff;
    font-weight: 400;
    border-radius: 6px;
    background: #646464;
    border: none;
}

.prodlist_right.plankjop .btn:hover {
    background-color: #878787;
}

.prodlist_right.plankjop .plr_sort {
    margin-right: 0;
}

/* PROD ITEM */
.prod_item {
    position: relative;
    display: inline-block;
    width: 270px;
    vertical-align: top;
    padding: 28px;
    margin-bottom: 40px;
    margin-right: 35px;
    background: #fff;
    border: 1px solid #d3d3d3;
    border-radius: 6px;
}

.prod_item:nth-child(3n+3) {
    margin-right: 0;
}

.pi_image_box {
    display: table-cell;
    width: 1%;
    height: 185px;
    text-align: center;
    vertical-align: middle;
}

.pi_image_box img {
    max-width: 100%;
    max-height: 100%;
    margin-bottom: -5px;
}

.pi_image_box a:hover {
    opacity: .8;
}

.pi_title {
    display: block;
    float: left;
    width: 100%;
    min-height: 43px;
    margin-top: 7px;
    margin-bottom: 10px;
    font-size: 18px;
    color: #353434;
}

.pi_title:hover {
    color: #f74f42;
}

.pi_title span {
    color: #838383;
}

.pi_title span small {
    font-size: 100%;
    font-weight: 600;
    color: #353434;
}

.pi_desc {
    display: none;
}

.pi_price {
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 5px;
    font-size: 14px;
}

.pi_price_now {
    display: inline-block;
}

.pi_price_now span {
    display: inline-block;
    width: 64px;
    font-size: 18px;
    font-weight: 400;
    color: #646464;
    text-shadow: 0px 0px 0px #646464;
    margin-left: 15px;
}

.pi_price_now div {
    display: inline-block;
}

.pi_price_old {
    display: inline-block;
    color: #f74f42;
}

.pi_price_old span {
    text-decoration: line-through;
}

.pi_params {
    display: block;
    float: left;
    width: 100%;
}

.pi_params label {
    display: inline-block;
    float: left;
    min-width: 40px;
}

.pi_params .w50 {
    float: left;
    width: 48%;
    margin-right: 2%;
}

.pi_params .w50:last-child {
    margin-right: 0;
    float: right;
}

.pi_params .select {
    width: 100%;
    height: 33px;
    line-height: 17px;
    padding-left: 5px;
    margin-left: 0px;
    margin-bottom: 10px;
    font-size: 12px;
    background: #fff;
    cursor: text;
}

.pip_label_last {
    color: transparent !important;
    cursor: default;
}

.w50 {
    display: block;
    float: left;
    width: 50%;
}

.w50.pl {
    padding-left: 20px;
}

.pi_buttons {
    display: block;
    float: left;
    width: 100%;
    height: 33px;
    margin-bottom: -10px;
}

.pi_buttons a {
    display: inline-block;
    width: 50%;
    height: 33px;
    line-height: 33px;
    text-align: center;
    color: #fff;
    font-weight: 400;
    border-radius: 6px;
    background: #646464;
    border: none;
    background: #2292cc;
}

.pi_buttons a:hover {
    background: #28a3e2;
}

#pi_to_cart {
    float: right;
}

#pi_to_cart:active, #pi_to_cart:focus {
    background-color: #f74f42;
}

.pi_buttons #pi_to_plankjop {
    width: 48%;
    float: left;
    background: #646464;
}

.pi_buttons #pi_to_plankjop.w100 {
    width: 100%;
}

.pi_buttons #pi_to_plankjop:hover {
    background: #878787;
}

#pi_to_cart .fa, #pi_to_plankjop .fa {
    display: none;
}

/* PROD ITEM SWICH 2 */
.prod_item.swich_2 {
    width: 100%;
    margin-right: 0;
    display: table;
    padding: 5px 7px 0px;
    margin-bottom: 10px;
}

.prod_item.swich_2 .pi_image_box {
    position: absolute;
    bottom: 84%;
    left: 17px;
    display: none;
    width: 190px;
    height: 160px;
    background: rgba(0,0,0, .7);
    border-radius: 6px;
    box-shadow: 0px 0px 7px rgba(0,0,0, .2);
    padding: 5px;
}

.prod_item.swich_2 .pi_price {
    display: inline-block;
    width: auto;
    margin-top: 9px;
    margin-left: 10px;
    margin-right: -6px;
    padding-left: 10px;
    padding-right: 10px;
    border-left: 1px solid #ccc;
}

.prod_item.swich_2 .pi_price:last-child {
    border-right: none;
}

.prod_item.swich_2 .pi_price.w100 {
    width: 100%;
    padding-left: 0;
    margin-left: 0;
    margin-top: 0;
    border-left: none;
    clear: both;
}

.prod_item.swich_2 .pi_price_now div {
    display: inline-block;
}

.prod_item.swich_2 .pi_info_box {
    display: flex;
    align-items: flex-start;
    vertical-align: top;
    width: auto;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.prod_item.swich_2 .pi_actions {
    display: table-cell;
    width: 230px;
    vertical-align: top;
    padding-top: 2px;
}

.prod_item.swich_2 .pi_actions_ib {
    display: inline-block;
    float: right;
}

.prod_item.swich_2 .pi_price_now span {
    margin-left: 5px;
}

.pi_title_box {
    display: inline-block;
    width: 100%;
}

.pi_ib {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    min-width: 280px;
}

.prod_item.swich_2 .pi_title {
    display: inline-block;
    width: auto;
    max-width: 400px;
    min-height: 0;
    font-size: 16px;
    margin-top: 8px;
    margin-bottom: 9px;
}

.prod_item.swich_2 .pi_params {
    width: auto;
    display: inline-block;
}

.prod_item.swich_2 .pi_buttons {
    width: auto;
    display: inline-block;
    float: right;
}

.prod_item.swich_2 .pi_params .w50, .prod_item.swich_2 #pi_to_plankjop {
    width: 59px;
    margin-left: 6px;
    margin-right: 0;
}

.prod_item.swich_2 .pi_title + .clr {
    display: none;
    float: left;
    width: 100%;
}

.prod_item.swich_2 .pi_title span {
    color: #969696;
    font-size: 14px;
}

.prod_item.swich_2 .pi_desc {
    display: block;
    font-weight: 100;
}

.prod_item.swich_2 .pi_params label {
    width: 100%;
    float: left;
    display: block;
    color: #515151;
    margin-bottom: 2px;
}

.prod_item.swich_2 .pi_params .select {
    font-size: inherit;
    height: 33px;
    width: 100%;
    margin-left: 0;
    margin-bottom: 0;
    padding-right: 5px;
    background-position: right 13px center;
}

.prod_item .pi_params .select.with_arrow {
    background: #fff url(img/select_arrow.png) no-repeat right 13px center;
    cursor: pointer;
}

.prod_item.swich_2 .pip_label_last {
    display: none !important;
}

/* PROD ITEM SWICH 2 PROD LIST MAIN */
.prod_item.pl_main .pi_buttons a {
    width: 48%;
    float: left;
}

.prod_item.pl_main #pi_to_plankjop {
    width: 48%;
    float: right;
}

.prod_item.pl_main.swich_2 {
    width: 100%;
    margin-right: 0;
    display: table;
    padding: 10px 28px;
}

.prod_item.pl_main.swich_2 .pi_image_box {
    position: static;
    display: table-cell;
    width: 190px;
    height: 160px;
    background: none;
    border-radius: 0;
    box-shadow: none;
}

.prod_item.pl_main.swich_2 .pi_info_box {
    display: table-cell;
    vertical-align: top;
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 14px;
}

.prod_item.pl_main.swich_2 .pi_actions {
    display: table-cell;
    width: 215px;
    vertical-align: top;
    padding-top: 20px;
}

.prod_item.pl_main.swich_2 .pi_price_now span {
    margin-left: 5px;
}

.prod_item.pl_main.swich_2 .pi_title {
    font-size: 22px;
}

.prod_item.pl_main.swich_2 .pi_title span {
    color: #969696;
    font-size: 14px;
}

.prod_item.pl_main.swich_2 .pi_desc {
    display: block;
    font-weight: 100;
}

.prod_item.pl_main.swich_2 .pi_params {
    margin-bottom: 10px;
}

.prod_item.pl_main.swich_2 .pi_params label {
    width: 100%;
    float: left;
    display: block;
    color: #515151;
    margin-bottom: 2px;
}

.prod_item.pl_main.swich_2 .pi_params .select {
    font-size: inherit;
    height: 33px;
    width: 100%;
    background-position: right 13px center;
}

.prod_item.pl_main.swich_2 .pi_params .w50:last-child {
    width: 46%;
    float: right;
}

.prod_item.pl_main.swich_2 .pip_label_last {
    display: none !important;
}

.prod_item.pl_main.swich_2 .pi_price {
    display: block;
    width: 100%;
    border: none;
    padding: 0;
    margin: 0;
}

.prod_item.pl_main.swich_2 .w50 {
    width: 50%;
    margin-left: 0;
}

.prod_item.pl_main.swich_2 .pi_buttons {
    width: 100%;
}

.prod_item.pl_main.swich_2 .pi_buttons a {
    width: 50%;
}

.prod_item.pl_main.swich_2 #pi_to_plankjop {
    width: 46%;
    float: right;
}

.swich_2.twoButtons {
    padding-bottom: 11px;
}

.swich_2.twoButtons .pi_buttons a {
    width: 110px;
    padding-left: 4px;
    padding-right: 4px;
}

.swich_2.twoButtons #pi_to_plankjop {
    width: 110px;
    padding-left: 4px;
    padding-right: 4px;
    margin-right: 5px;
}

.swich_2.twoButtons #pi_to_plankjop {
    width: 110px;
    padding-left: 4px;
    padding-right: 4px;
}

.swich_2.twoButtons .pi_params .w50, .swich_2.twoButtons #pi_to_plankjop {
    width: 110px;
    margin-left: 0;
    margin-left: 5px;
    margin-bottom: 5px;
}

.swich_2.twoButtons .w50.select_box {
    width: 140px;
}

.swich_2.twoButtons .pi_title {
    margin-bottom: 0;
}

.swich_2.twoButtons .pi_title + .clr {
    display: block;
}

.swich_2.twoButtons .pi_price {
    margin-left: 0;
    border-left: none;
    padding-left: 0;
    border-right: 1px solid #ccc;
    padding-right: 10px;
    margin-right: 10px;
}

.swich_2.twoButtons .pi_actions {
    width: 300px;
}

.swich_1.twoButtons .w50.select_box {
    width: 100%;
}

/* CART */
.fs_cart {
    display: block;
    float: left;
    width: 100%;
    border: 1px solid #d3d3d3;
    border-radius: 6px;
    padding: 40px;
}

.fs_cart h4 {
    margin-top: 0px;
    margin-bottom: 40px;
    font-size: 16px;
    font-weight: 300;
    color: #353434;
}

.cart_table_row {
    display: table;
    width: 100%;
    border: 1px solid #d3d3d3;
    margin-bottom: -1px;
}

.cart_table_td {
    display: table-cell;
    padding: 30px;
    background: #f8f8f8;
    vertical-align: middle;
    border-right: 1px solid #d3d3d3;
}

.ct_title a {
    font-size: 16px;
    color: #353434;
}

.ct_title a:hover {
    color: #F74F42;
}

.ct_title span {
    font-size: 14px;
    color: #969696;
}

.ct_img {
    padding: 0;
    width: 100px;
    background: #fff;
}

.ct_img a:hover {
    opacity: .7;
}

.ct_img img {
    max-width: 100%;
    max-height: 100px;
}

.ct_quant {
    width: 190px;
    text-align: center;
    padding-right: 20px;
    color: #353434;
}

.ct_quant .select {
    width: 50px;
    height: 20px;
    font-size: 12px;
    padding-left: 5px;
    margin-left: 5px;
    margin-bottom: 0;
    background-color: #fff;
    background-position: right 7px center;
}

.ct_quant .input_text {
    width: 50px;
    height: 20px;
    font-size: 12px;
    padding-left: 5px;
    margin-left: 5px;
    margin-bottom: 0;
    background-color: #fff;
}

.ct_price {
    background: #fff;
    padding-right: 10px;
    border-right: none;
    color: #353434;
    width: 90px;
}

.ct_remove {
    width: 50px;
    background: #fff;
    padding-left: 10px;
    border-right: none;
}

.ct_remove a {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(img/ct_remove.png) no-repeat top;
    transition: none;
    margin-bottom: -2px;
}

.ct_remove a:hover {
    background: url(img/ct_remove.png) no-repeat bottom;
}

.cart_totals {
    display: block;
    float: left;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-right: 27px;
    text-align: right;
}

.cto_big {
    font-size: 20px;
    color: #353434;
    margin-bottom: 4px;
    font-weight: 300;
}

.cto_big b {
    margin-right: 22px;
}

.cto_small {
    color: #919191;
    font-weight: 300;
}

.red {
    color: #f85d51;
}

.cart_gray_box {
    display: block;
    float: left;
    width: 100%;
    background: #f8f8f8;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    padding: 30px;
    margin-bottom: 35px;
}

.cgb_inner {
    display: inline-block;
    float: right;
    width: 100%;
    max-width: 500px;
}

.cgb_inner label {
    display: block;
    font-size: 18px;
    color: #353434;
    margin-bottom: 10px;
}

.cgb_inner .input_text {
    width: 100%;
    margin-bottom: 15px;
}

.input_text {
    width: 100%;
    height: 33px;
    color: #000;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    transition: border 0.15s ease-out, box-shadow 0.15s ease-out;
}

.input_text:focus, .input_text:hover {
    border: 1px solid #ababab;
    box-shadow: 0px 0px 3px rgba(0,0,0, .2);
}

.input_text.date {
    background: #fff url(img/date.gif) no-repeat right -1px top -1px;
}

.input_text.textarea {
    padding-top: 5px;
    padding-bottom: 5px;
    height: 95px;
    min-height: 95px;
    max-height: 200px;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
}

.button_blue {
    display: inline-block;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 11px;
    padding-bottom: 10px;
    color: #fff;
    background: #2292cc;
    border: none;
    border-radius: 5px;
    transition: all 0.2s ease-out;
}

.button_blue:hover {
    background: #33a8e4;
    color: #fff;
}

.button_blue.next {
    background: #2292cc url(img/cart_next.png) no-repeat right 15px center;
    padding-right: 45px;
    padding-left: 17px;
    float: right;
}

.button_blue.next:hover {
    color: #fff;
    background: #33a8e4 url(img/cart_next.png) no-repeat right 10px center;
    box-shadow: 0px 0px 5px rgba(255,255,255, .4) inset;
}

hr {
    border: none;
    height: 1px;
    background: #dbdbdb;
}

.cart_pads {
    display: block;
    float: left;
    width: 100%;
    padding: 40px;
}

.cart_pads .button_blue {
    margin-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
}

/* CART TABLE */
.table_div {
    display: table;
    width: 100%;
    border: 1px solid #dbdbdb;
    border-right: none;
    border-bottom: none;
}

.table_div_th, .table_div_td {
    padding: 14px 29px;
    border-bottom: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
}

.table_div_th {
    background: #f8f8f8;
    color: #353434;
    font-weight: 300;
}

.table_div_td {
    padding-top: 20px;
    padding-bottom: 20px;
    color: #969696;
}

.table_div_col.wide {
    width: 50%;
}

.table_div_col:last-child .table_div_td {
    border-right: none !important;
}

.table_div_col:last-child .table_div_th {
    width: 100%;
}

.cart_leftcol {
    display: block;
    float: left;
    width: 320px;
}

.returer_remove {
    display: inline-block;
    padding-left: 20px;
    background: url(img/returer_remove.png) no-repeat left center;
    color: #454545;
}

.returer_remove:hover {
    color: #f74f42;
}

/* CART RIGHT COL */
.cart_info_row {
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.cart_info_row h5 {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 20px;
    color: #9f9f9f;
    font-weight: 400;
}

.cart_info_row .input_text {
    margin-bottom: 5px;
}

.cart_info_row .input_text, .cart_info_row .input_text + span {
    display: none;
}

.cir_change, .cart_info_row span {
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    height: 23px;
    line-height: 23px;
    margin-bottom: 7px;
    border-radius: 4px;
    background: #fff url(img/cart_change.gif) repeat-x bottom;
    color: #969696;
    font-size: 12px;
    text-transform: uppercase;
    border: 1px solid #c3c3c3;
}

.cir_change:hover {
    background: #e1e1e1;
}

.cart_info_row span {
    margin-bottom: 0;
    background: #2292cc;
    color: #fff;
    border: none;
    cursor: pointer;
    transition: all 0.2s ease-out;
}

.cart_info_row span:hover {
    background: #33a8e4;
}

.cart_rightcol {
    display: block;
    float: right;
    width: 760px;
}

.cart_title {
    display: inline-block;
    font-size: 20px;
    line-height: 24px;
    font-weight: 300;
    color: #4a4a4a;
}

.cart_rightcol .cart_title {
    margin-right: 40px;
}

.cart_add_product {
    display: inline-block;
}

.cart_add_product {
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px;
    height: 30px;
    line-height: 28px;
    margin-bottom: 7px;
    border-radius: 6px;
    background: #fff url(img/cart_change.gif) repeat-x bottom;
    background-size: auto 100%;
    color: #353434;
    font-size: 14px;
    border: 1px solid #c3c3c3;
}

.cart_add_product:hover {
    background: #e1e1e1;
}

.cart_fright {
    display: inline-block;
    float: right;
    margin-top: 40px;
}

.button_blue {
    margin-left: 5px;
}

.button_blue.delete {
    padding: 10px 15px 9px 15px;
    background: #fff url(img/cart_change.gif) repeat-x bottom;
    background-size: auto 100%;
    border: 1px solid #c3c3c3;
    color: #454545;
}

.button_blue.delete:hover {
    background: #8f2119;
    color: #fff;
}

.button_blue.delete img {
    margin-right: 15px;
}

.cart_search {
    position: relative;
    display: inline-block;
    float: left;
    width: 525px;
    margin-top: -5px;
    margin-left: 50px;
}

.cart_search .input_text {
    height: 42px;
    padding-left: 20px;
}

.ib {
    display: inline-block;
}

.cs_button {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    right: 6px;
    width: 32px;
    height: 32px;
    background: #fff url(img/search.png) no-repeat center 7px;
    font-size: 0;
    color: transparent;
    border: none;
    border-radius: 4px;
    transition: background-color 0.2s ease-out;
}

.cs_button:hover {
    background: #f74f42 url(img/search.png) no-repeat center bottom 9px;
}

.cart_razdel {
    margin-top: 40px;
    margin-bottom: 30px;
    padding: 13px 28px;
    background: #5f5f5f;
    color: #fff;
    font-weight: 100;
    text-transform: uppercase;
}

.cart_razdel:first-child {
    margin-top: 10px;
}

.radio {
    display: none;
}

.radio + label {
    display: inline-block;
    padding-left: 25px;
    background: url(img/radio.png) no-repeat 0px 3px;
    min-height: 13px;
    font-size: 16px;
    font-weight: 100;
    margin-bottom: 7px;
    color: #575757;
    transition: all 0.15s ease-out;
    cursor: pointer;
}

.radio + label:hover {
    color: #353434;
}

.radio:checked + label {
    color: #353434;
    padding-left: 20px;
    background: url(img/radio_r.png) no-repeat 0px 3px;
}

.cart_radio_sub {
    display: none;
}

.crs_inner {
    display: inline-block;
    background: #eaeaea;
    padding: 10px 40px 3px 25px;
    margin-bottom: 7px;
}

#cart_final_form .radio:checked + label + br + .cart_radio_sub {
    display: block;
}

#cart_final_form .textarea {
    border-radius: 0;
    margin-bottom: 40px;
}

.cart_upload_box {
    display: table;
    width: 100%;
    border: 1px solid #c3c3c3;
}

.cu_img_box {
    display: table-cell;
    width: 96px;
    height: 96px;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
    border-right: 1px solid #c3c3c3;
}

#cuImage {
    max-height: 100%;
    max-width: 100%;
}

.cu_right {
    display: table-cell;
    padding-left: 30px;
    vertical-align: middle;
}

#cu_add_photo {
    position: relative;
    display: inline-block;
    height: 28px;
    line-height: 28px;
    padding-left: 40px;
    margin-top: 30px;
    color: #353434;
    font-size: 16px;
}

#cu_add_photo:hover {
    color: #2292cc;
}

#cu_add_photo span {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 28px;
    height: 28px;
    background: url(img/cu_add_outter.png) no-repeat center center;
    animation: cuAddImg 3s linear;
    animation-iteration-count: infinite;
}

#cu_add_photo div {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 28px;
    height: 28px;
    background: url(img/cu_add_inner.png) no-repeat center center;
}

#cu_add_photo:hover div {
    animation: cuAddImgPlus 1s ease;
    animation-iteration-count: infinite;
}

@keyframes cuAddImg {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes cuAddImgPlus {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(.5);
    }

    100% {
        transform: scale(1);
    }
}

.button_blue.cart_submit {
    width: 100%;
    max-width: 300px;
    padding-top: 16px;
    padding-bottom: 16px;
    text-align: center;
}

#mmenu_button {
    display: none;
}

.actuelt_item {
    width: 100%;
    float: left;
    margin-bottom: 40px;
    border: 1px solid #d3d3d3;
    border-radius: 6px;
    padding: 10px;
}

.ai_img_box {
    display: block;
    float: left;
    width: 22%;
    max-width: 230px;
    margin-right: 3%;
    text-align: center;
}

.ai_img_box img {
    max-width: 100%;
    max-height: 100%;
}

.ai_img_box a:hover {
    opacity: .7;
}

.ai_info_box {
    float: right;
    width: 75%;
}

.ai_info_box h3 {
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 26px;
    line-height: 30px;
    color: #353434;
    font-weight: 300;
}

.ai_date {
    display: block;
    color: 646464;
    margin-bottom: 5px;
}

.ai_desc {
    line-height: 20px;
    margin-bottom: 15px;
    font-weight: 300;
}

.ai_desc img {
    width: auto !important;
    height: auto !important;
    max-width: 100%;
}

.ai_more {
    display: inline-block;
    background: #646464;
    color: #fff;
    height: 33px;
    line-height: 33px;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: 400;
    border-radius: 6px;
    border: none;
}

.ai_more:hover {
    background: #2292CC;
    color: #fff;
}

.sec_index_partners {
    margin-bottom: 80px;
}

.sec_index_partners h4 {
    margin-top: 0;
    margin-bottom: 40px;
    font-size: 30px;
    font-weight: 300;
    text-align: center;
    color: #3a3a3a;
}

.carousel_actualt_box {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    padding-top: 25px;
    padding-bottom: 25px;
}

.ca_link_more {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: -20px;
    margin-bottom: -39px;
}

.ca_link_more a {
    display: inline-block;
    height: 28px;
    line-height: 26px;
    padding-left: 30px;
    padding-right: 30px;
    text-transform: uppercase;
    font-weight: 100;
    border: 1px solid #d3d3d3;
    color: inherit;
    background: #fff;
}

.ca_link_more a:hover {
    background: #F74F42;
    color: #fff;
    border-color: #F74F42;
}

.carousel_actualt {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    padding-left: 10px;
    list-style: none;
}

.carousel_actualt li {
    display: table-cell;
    float: none !important;
    width: 125px;
    height: 100px;
    padding-left: 20px;
    padding-right: 20px;
    vertical-align: middle;
    text-align: center;
    background: #fff url(img/carousel_wrap.png) no-repeat right center;
}

.carousel_actualt li a {
    opacity: .7;
}

.carousel_actualt li a:hover {
    opacity: 1;
}

.carousel_actualt li img {
    max-width: 100%;
    max-height: 100%;
}

#ca-prev, #ca-next {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    display: inline-block;
    width: 10px;
    height: 16px;
    font-size: 0;
    color: transparent;
    cursor: pointer;
    background: url(img/ca_left.png) no-repeat;
    transition: all 0.15s ease;
}

#ca-prev a, #ca-next a {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.carousel_actualt_box #ca-prev {
    left: 0;
}

.carousel_actualt_box:hover #ca-prev {
    left: 7px;
}

.carousel_actualt_box #ca-next {
    right: 0;
    background: url(img/ca_right.png) no-repeat;
}

.carousel_actualt_box:hover #ca-next {
    right: 7px;
}

.topbar_left.logout {
    width: 150px;
    margin-right: -30px;
}

.logout_row {
    display: block;
    font-weight: 400;
}

.logout_row span {
    color: #ed1c24;
}

.logout_row a {
    color: #a2a2a2;
    font-weight: 300;
    margin-left: 5px;
}

.logout_row a:hover {
    color: #353535;
}

.form_table {
    width: 100%;
}

.form_table .label {
    width: 120px;
}

.form_table .input_single_line {
    width: 300px;
}

.form_table tr td {
    padding: 7px 10px;
    height: 40px;
}

.form_table tr:nth-child(even) td {
    background: #f7f7f7;
}

.form_table tr:nth-child(even) td:first-child {
    border-radius: 6px 0px 0px 6px;
}

.form_table tr:nth-child(even) td:last-child {
    border-radius: 0px 6px 6px 0px;
}

.form_table .select {
    margin-top: 0px;
    margin-bottom: 0;
    background-color: #fff;
}

.form_table .checkbox + label {
    margin-left: 0;
}

.form_table .tb_input_text {
    background: transparent;
}

#order_history {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
}

#order_history big {
    font-size: 28px;
}

#order_history h3 {
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 0;
}

#scrollbar {
    height: 145px;
    background: #F3F3F3;
}

#mCSB_1_scrollbar_vertical {
    right: auto;
    left: 0px;
}

#filter_left_button {
    display: none;
}

#delete_confirm, #lagt {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(247,79,66, .6);
    z-index: 10;
}

#lagt {
    background: rgba(34,204,34, .6);
}

#delete_confirm .dc_overlay, #lagt .dc_overlay {
    position: fixed;
    z-index: 15;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#delete_confirm .content, #lagt .content {
    position: absolute;
    z-index: 20;
    top: 50%;
    left: 50%;
    margin-left: -160px;
    margin-top: -65px;
    padding-bottom: 10px;
    display: block;
    width: 320px;
    min-height: 130px;
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0px 0px 0px 7px rgba(0,0,0, .2);
}

#lagt .content, #delete_confirm .content {
    width: 200px;
    min-height: 90px;
    margin-left: -100px;
    margin-top: -45px;
}

#delete_confirm header, #lagt header {
    position: relative;
    padding: 7px 10px;
    background: #f2f0f0;
    margin: 0;
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase;
}

#delete_confirm header span, #lagt header span {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 22px;
    height: 22px;
    margin-top: -11px;
    text-align: center;
    line-height: 20px;
    border-radius: 10em;
    font-weight: 600;
    border: 1px solid;
    font-size: 11px;
    font-family: 'Arial';
    cursor: pointer;
    transition: all 0.2s ease-out;
}

#delete_confirm header span:hover, #lagt header span:hover {
    background: #888686;
    color: #f2f0f0;
}

#delete_confirm section, #lagt section {
    padding: 7px 10px;
    text-align: center;
}

#delete_confirm .button, #lagt .button {
    width: 100px;
    color: inherit;
    line-height: inherit;
    background: #f2f0f0;
    border-radius: 4px 0px 0px 4px;
    padding-left: 0;
    padding-right: 0;
    margin-right: -5px;
}

#delete_confirm .button.confirm_cancel:hover {
    background: #d9d9d9;
    color: #000;
    text-shadow: none;
}

#delete_confirm footer, #lagt footer {
    text-align: center;
}

#delete_confirm .button.confirm_ok, #lagt .button.confirm_ok {
    background: #f74f42;
    color: #fff;
    border-radius: 0px 4px 4px 0px;
}

#delete_confirm .button.confirm_ok:hover, #lagt .button.confirm_ok:hover {
    background: #d24237;
}

#lagt .confirm_cancel {
    margin-top: 10px;
    background: #5acc22;
    border-radius: 4px;
    color: #fff;
}

#lagt .confirm_cancel:hover {
    background: #47a01c;
}

.dtable {
    display: table;
    width: 100%;
}

.actuelt_left {
    display: table-cell;
    width: 395px;
    vertical-align: top;
    padding-right: 40px;
}

.actuelt_item p {
    margin-top: 0;
    margin-bottom: 0;
}

.actuelt_left .actuelt_item {
    border: none;
    border-bottom: 1px solid #d3d3d3;
    border-radius: 0;
    padding: 0;
    padding-bottom: 60px;
    margin-bottom: 60px;
}

.actuelt_left .actuelt_item:last-child {
    border-bottom: none;
}

.actuelt_left .ai_img_box {
    width: 100%;
}

.actuelt_left .ai_info_box {
    width: 100%;
}

.actuelt_right {
    display: table-cell;
    vertical-align: top;
}

.actuelt_right .actuelt_item {
    position: relative;
    text-align: center;
}

.actuelt_right .actuelt_item img {
    width: auto !important;
    height: auto !important;
    max-width: 100%;
}

.actuelt_right .ai_img_box {
    position: relative;
    width: 100%;
    max-width: 100%;
}

.actuelt_right .page_title + .actuelt_item .arub_img {
    height: auto;
}

.actuelt_right .actuelt_item .ai_more {
    position: absolute;
    bottom: -17px;
    left: 50%;
    margin-left: -47px;
    background: #2192cc;
    height: 36px;
    line-height: 37px;
    padding: 0 22px;
    text-transform: uppercase;
}

.actuelt_right .actuelt_item .ai_more:hover {
    background: #646464;
}

.ar_under_box {
    width: 100%;
    float: left;
    padding: 24px 20px 0px;
    margin-bottom: 40px;
    border: 1px solid #d3d3d3;
    border-radius: 6px;
}

.ar_under_box.centered {
    text-align: center;
}

.arub_item {
    display: inline-block;
    vertical-align: top;
    width: 32%;
    padding: 0 20px;
    margin-bottom: 24px;
    border-right: 1px solid #d3d3d3;
    text-align: center;
}

.arub_item:last-child {
    border-right: none;
}

.arub_item span {
    display: inline-block;
    width: 100%;
    text-align: left;
}

.arub_img {
    width: 100%;
    float: left;
    height: auto;
    text-align: center;
}

.arub_img:hover {
    opacity: 0.8;
}

.arub_img img {
    max-width: 100%;
    max-height: 100%;
    margin-left: 1%;
    margin-right: 1%;
}

.ai_more {
    margin-top: 20px;
}

.arubt_item {
    display: inline-block;
    vertical-align: top;
    width: 47%;
    margin-right: 2%;
    margin-bottom: 20px;
}

.arubt_item a:hover {
    opacity: 0.8;
}

.arubt_item img {
    max-width: 100%;
    max-height: 100%;
}

.ar_under_box big {
    display: block;
    text-align: center;
    font-size: 18px;
    color: #343434;
    margin-bottom: 24px;
}

.noleftcol .arubt_item {
    width: 31%;
    min-width: 340px;
}

.noleftcol .arub_item {
    width: 23.6%;
    margin-left: 1%;
    min-width: 240px;
}








/* RESPONSIVE */
@media(max-width: 1024px) {
    .container {
        width: 100%;
        max-width: 100%;
        padding-left: 2%;
        padding-right: 2%;
    }
    
    .footer_left {
        width: 160px;
        background-size: 130px;
    }

    .fcol {
        padding-left: 25px;
        padding-right: 25px;
    }

    .topbar_left {
        width: 120px;
    }

    .topbar_center {
        margin-right: 0px;
    }

    .topbar_right {
        position: absolute;
        right: 2%;
        top: 0;
        margin-top: 5px;
    }

    .map_box {
        height: 290px;
        margin-top: 0;
    }

    .map_about {
        width: 100%;
        min-height: 1px;
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
        margin-bottom: 20px;
    }

    #map {
        width: 100%;
    }

    .prod_image {
        display: block;
        float: left;
        max-width: 360px;
        width: 30%;
    }

    .prod_infos {
        width: 65%;
    }

    .prodlist_left {
        width: 25%;
    }

    .prodlist_right {
        width: 70%;
    }

    .prod_item:nth-child(3n+3) {
        margin-right: 35px;
    }

    .cart_leftcol {
        width: 30%;
    }

    .cart_rightcol {
        width: 65%;
    }

    #pi_to_cart:hover {
        background-color: #f74f42;
    }

    .cart_table_td {
        padding: 5px 10px;
    }

    .ct_price {
        width: 75px;
    }

    .ct_remove {
        width: 20px;
        padding-left: 0;
    }

    .ct_quant {
        width: 65px;
        padding-right: 5px;
        padding-left: 5px;
    }

    .prodlist_right.plankjop .right_box {
        float: left;
        width: 100%;
        margin-top: 0;
    }

    .pi_ib {
        min-width: initial;
        width: 100%;
    }

    .prod_item.swich_2 .pi_price {
        margin-left: 0;
        margin-right: 10px;
    }
}















@media (max-width: 800px) {
    .topbar {
        padding-bottom: 39px;
    }

    .topmenu {
        display: none;
    }

    .topbar .container {
        padding-bottom: 0px;
    }

    .topbar_left {
        margin-top: -20px;
        width: auto;
        max-width: 180px;
        padding-right: 30px;
    }

    .topbar_left.logout {
        margin-top: 10px;
    }

    .topbar_right {
        position: static;
        right: auto;
        top: auto;
        margin-top: -20px;
    }
    
    .topbar_center {
        margin-top: -20px;
    }

    .logo_row {
        width: 150px;
        margin-bottom: 0;
    }

    .topbar_right .tb_input_text {
        width: 115px;
        margin-right: 10px;
    }

    .tb_search_button {
        float: left;
    }
    
    #mmenu_button {
        position: absolute;
        top: 104px;
        right: 2%;
        z-index: 30;
        display: inline-block;
        width: 40px;
        height: 40px;
        background: #f74f42;
        color: #fff;
        text-align: center;
        line-height: 40px;
        font-size: 18px;
    }

    #mmenu_button:hover {
        background: #265fab;
    }

    #mmenu_button.fixed {
        position: fixed;
        right: 2%;
        top: 15px;
    }

    .intro_blocks {
        margin-bottom: 40px;
    }

    .intro_block {
        padding-left: 2%;
        padding-right: 2%;
        text-align: center;
    }

    #mini_cart {
        right: 2%;
        top: 38px;
    }

    .map_box {
        margin-top: 0;
    }

    #map {
        width: 100%;
    }

    .map_about {
        margin-top: 0;
        margin-bottom: 10px;
        width: 100%;
        min-height: 1px;
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
        background: none;
        z-index: 10;
    }

    .map_about .button {
        border: 2px solid #ddd;
        padding-top: 6px;
    }

    .cgb_inner {
        max-width: 100%;
    }

    .prod_item {
        width: 47%;
        padding: 10px;
        margin-right: 2%;
    }

    .prod_item:nth-child(3n+3) {
        margin-right: 2%;
    }

    .pi_buttons {
        height: auto;
    }

    .pi_buttons a {
        margin-bottom: 10px;
    }

    .swich_2.twoButtons .pi_buttons a, .swich_2.twoButtons #pi_to_plankjop {
        width: 100%;
        margin-left: 0;
    }

    .pi_buttons a:last-child {
        margin-bottom: 0;
    }

    /*

    .prod_item.swich_2 .pi_info_box {

            width: 60%;

            display: block;

            float: left;

    }



    .prod_item.swich_2 .pi_image_box {

            display: none !important;

    }



    .prod_item.swich_2 .pi_actions {

            width: 100%;

            display: block;

            float: right;

    }



    .prod_item.swich_2 .pi_price {

            border-left: none;

            padding-left: 0;

            margin-top: 5px;

            margin-left: 0;

            margin-right: 10px;

            padding-right: 0px;

            border-right: 1px solid #ccc;

    }



    .prod_item.swich_2 .pi_actions {

            width: 40%;

    }



    .prod_item.swich_2 .pi_actions_ib {

            width: auto;

            display: inline

    }



    .prod_item.swich_2 .pi_params {

            display: block;

            width: 100%;

            text-align: right;

    }



    .prod_item.swich_2 .pi_buttons {

            display: block;

            width: 100%;

            text-align: right;

            margin-top: 9px;

            margin-bottom: 6px;

    }



    .prod_item.swich_2 .pi_params .w50,

    .prod_item.swich_2 #pi_to_plankjop {

            float: none;

            display: inline-block;

    }

    */
    .prod_item.swich_2 {
        border: none;
        border-bottom: 1px solid #d3d3d3;
        border-radius: 0;
        margin-bottom: 0;
        padding-top: 2px;
    }

    .prod_item.swich_2 .pi_actions {
        width: auto;
    }

    .prod_item.swich_2 .pi_actions_ib {
        display: flex;
    }

    .prod_item.swich_2 .pi_params {
        display: flex;
    }

    .prod_item.swich_2 .pi_price_now div {
        display: none;
    }

    .prod_item.swich_2 .pi_price_now span {
        margin-left: 0;
    }

    .prod_item.swich_2 .pi_title {
        font-size: 14px;
        color: #000;
        text-shadow: 0px 0px 0px #000;
        margin-top: 0;
        margin-bottom: 0;
    }

    .prod_item.swich_2 .pi_title span {
        display: block;
        margin-top: -3px;
        text-shadow: none;
    }

    .prod_item.swich_2 .pi_price {
        float: right;
        width: auto;
        font-size: 12px;
    }

    .prod_item.swich_2 .pi_price_now span {
        width: auto;
        font-size: 16px;
    }

    .prod_item.swich_2 .pi_info_box {
        padding-right: 0;
        padding-left: 0;
    }

    .prod_item.pl_main.swich_2 .pi_info_box {
        width: 55%;
    }

    .prod_item.pl_main.swich_2 .pi_actions {
        width: 45%;
        padding-top: 2px;
    }

    .prod_item.pl_main.swich_2 .pi_params {
        margin-bottom: 0;
        text-align: left;
    }

    .swich_2 #pi_to_plankjop, .swich_2 #pi_to_cart {
        width: 30px !important;
        margin-left: 0;
        font-size: 0;
        color: transparent;
    }

    .swich_2 #pi_to_plankjop .fa, .swich_2 #pi_to_cart .fa {
        display: inline-block;
        font-size: 17px;
        line-height: 27px;
        color: #fff;
    }

    .swich_2.twoButtons {
        padding-bottom: 2px;
    }

    .swich_2.twoButtons .pi_params .w50 {
        width: 43px;
        margin-left: 5px;
    }

    .swich_2.twoButtons .pi_params .w50.select_box {
        width: 120px;
    }

    .prod_item.swich_2 .pi_params .select {
        font-size: 12px;
        padding-right: 0;
        padding-left: 2px;
    }

    .prod_item.twoButtons .pi_price {
        margin-right: 10px;
        padding-right: 10px;
        margin-top: 0;
        margin-bottom: 1px;
        height: 20px;
    }

    .prod_item.twoButtons .pi_buttons {
        margin-left: 5px;
    }

    .swich_2.twoButtons .pi_title + .clr {
        display: none;
    }

    .block_on_mobile {
        display: block;
    }

    .cart_leftcol {
        width: 100%;
    }

    .cart_title {
        width: 100%;
        margin-right: 0;
    }

    .cart_rightcol .cart_title {
        margin-right: 0;
    }

    .cart_info_row {
        display: inline-block;
        width: 31%;
        margin-right: 2%;
    }

    .cart_rightcol {
        width: 100%;
    }

    .cart_search {
        margin-left: 0;
        margin-bottom: 20px;
    }

    .ai_img_box {
        width: 100%;
        max-width: 100%;
        text-align: center;
    }

    .ai_info_box {
        width: 100%;
        float: left;
    }

    .copyright {
        margin-right: 20px;
        font-size: 12px;
    }

    #prodlist {
        position: fixed;
        z-index: 30;
        left: -220px;
        top: 0;
        width: 220px;
        height: 100%;
        box-shadow: 0px 0px 10px rgba(0,0,0, .3);
        overflow-y: scroll;
        background: #fff;
        transition: all 0.7s ease;
    }

    #prodlist.active {
        left: 0;
    }

    .prodlist_left {
        width: 100%;
    }

    #filter_left_button {
        position: fixed;
        z-index: 30;
        top: 50%;
        left: 0;
        display: inline-block;
        width: 40px;
        height: 62px;
        margin-top: -25px;
        text-transform: uppercase;
        background: #f74f42;
        color: #fff;
        text-decoration: none;
    }

    #filter_left_button span {
        display: inline-block;
        transform: rotate(-90deg);
        margin-top: 20px;
        margin-left: -3px;
        font-size: 15px;
        padding-left: 2px;
        padding-right: 2px;
    }

    #filter_left_button.active {
        left: 220px;
        background-color: #265fab;
        transition: all 0.7s ease;
    }

    .bread {
        padding-left: 45px;
    }

    .bread.plankjop {
        padding-left: 0;
    }

    .prodlist_right {
        width: 100%;
        padding-left: 35px;
    }

    .prodlist_right.plankjop {
        padding-left: 35px;
    }

    .checkbox + label {
        margin-left: 0;
        padding-left: 34px;
        background-position: 9px 3px;
    }

    .checkbox:checked + label {
        margin-left: 0;
        padding-left: 29px;
        background-position: 9px 3px;
    }
    
    .footer_left {
        display: none;
    }
    
    
}

@media (max-width: 600px) {
    .topbar_center {
        float: right;
        margin-top: -23px;
        margin-right: 0;
    }

    .topbar_right {
        position: absolute;
        right: 2%;
        top: 32px;
        margin-top: 0;
        float: right;
    }

    .topbar .container {
        padding-bottom: 30px;
        min-height: 120px;
    }

    .topbar_right .row {
        margin-bottom: 0;
        float: right;
        width: auto;
    }

    .logo_row {
        width: 110px;
        margin-bottom: 0;
    }

    .topmenu_row {
        margin-bottom: 0;
    }

    #mmenu_button {
        top: 138px;
    }
    
    .footer_right {
        flex-wrap: wrap;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    
    .fcol {
        width: 100%;
        margin-bottom: 10px;
        border-right: none;
        text-align: center;
    }
    

    
}


@media (max-width: 568px) {
    .sec_debug .container {
        text-align: center;
    }

    .button_blue.cart_submit {
        max-width: 98%;
    }

    .cart_search {
        width: 59%;
    }

    .fs_cart {
        border: none;
        padding: 0;
    }

    .cart_table_td {
        padding: 20px 10px;
    }

    .cgb_inner .w50.pl {
        padding-left: 0;
        padding-right: 20px;
    }

    .prod_tabs_nav li a {
        min-width: 0;
    }

    .intro_block {
        width: 100%;
    }

    .ib_title {
        margin-bottom: 20px;
    }

    .map_box {
        height: 220px;
    }

    .ct_quant {
        padding-left: 5px;
        padding-right: 5px;
    }

    .ct_quant .input_text {
        margin-left: 0;
    }

    .ct_quant span {
        display: none;
    }

    .ct_price {
        width: 75px;
    }

    .prod_item.swich_2 .pi_info_box, .prod_item.swich_2 .pi_actions {
        width: 100%;
        display: block;
        text-align: left;
    }

    .prod_item.swich_2 .pi_actions {
        padding-left: 10px;
        float: left;
    }

    .prod_item.swich_2 .pi_actions_ib {
        float: left;
        width: 100%;
        display: block;
        margin-left: -8px;
    }

    .prod_item.swich_2 .pi_params, .prod_item.swich_2 .pi_buttons {
        text-align: left;
        display: inline-block;
        float: left !important;
    }

    .prod_item.swich_2 .pi_params .w50 {
        width: 48%;
    }

    .pi_buttons a, .pi_buttons #pi_to_plankjop {
        width: 100%;
    }

    .prod_item.swich_2 .pi_params .w50, .prod_item.swich_2 #pi_to_plankjop {
        margin-left: 0;
        margin-right: 5px;
    }

    .prod_item.swich_2 .pi_buttons {
        margin-top: 0;
        margin-left: 3px;
    }

    .prod_item.swich_2 .pi_title + .clr {
        display: none;
    }

    .prod_item.swich_2 .pi_price {
        padding-left: 0;
        margin-left: 0;
        margin-right: 10px;
        margin-top: 0;
        margin-bottom: 3px;
        width: 100%;
        height: 19px;
        padding-right: 10px;
        border-left: none;
        border-right: none;
    }

    .prod_item.pl_main.swich_2 .pi_params {
        margin-bottom: 7px;
    }

    .prod_item.pl_main.swich_2 .pi_params .w50, .prod_item.pl_main.swich_2 #pi_to_plankjop {
        margin-right: 0;
    }

    .prod_item.pl_main.swich_2 .pi_buttons {
        margin-left: 0;
    }

    .actuelt_left, .actuelt_right {
        display: block;
        float: left;
        padding: 0;
        width: 100%;
    }

    .plankjop_name_fld {
        width: 235px
    }

    .prod_item.swich_2 .pi_title {
        max-width: 100%;
    }

    .prod_item.swich_2 {
        padding-bottom: 10px;
        margin-bottom: 10px;
        display: block;
        float: left;
    }

    .pi_ib {
        width: 100%;
        flex-wrap: wrap;
    }

    .prod_item.swich_2 + br + h2 {
        float: left;
        width: 100%;
        padding-left: 7px;
    }
}















@media (max-width: 480px) {
    .prod_item {
        width: 100%;
        margin-right: 0;
        float: left;
    }

    .pi_image_box {
        display: block;
        width: 100%;
        text-align: center;
    }

    .sec_footer {
        margin-top: 30px;
    }
    
    .copyright {
        display: block;
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }

    .plr_sort label {
        margin-bottom: 10px;
    }

    .plr_sort .select {
        width: 100%;
    }

    .plr_swich {
        float: left;
        margin-bottom: 10px;
    }

    .plr_swich a {
        margin-left: 0;
        margin-right: 7px;
    }

    .cart_pads {
        padding: 0;
    }

    .table_div_th, .table_div_td {
        padding: 14px 14px;
    }

    .cart_info_row {
        width: auto;
        margin-right: 20px;
    }

    .pib_thumbs a {
        width: 46%;
        margin-right: 2%;
    }

    .prod_tabs_nav {
        border-bottom: none;
    }

    .prod_tabs_nav li:first-child a {
        border-radius: 4px 0px 0px 4px;
    }

    .prod_tabs_nav li:last-child a {
        border-radius: 0px 4px 4px 0px;
    }

    .prod_item.swich_2 {
        padding-left: 0;
        padding-right: 0;
    }

    .prod_item.swich_2 .pi_actions {
        width: 100%;
        padding-left: 7px;
        vertical-align: bottom;
    }

    .prod_item.swich_2 .pi_params .w50:last-child {
        float: right;
        margin-right: 0;
    }

    .prod_item.swich_2 .pi_title span {
        font-size: 12px;
    }

    .prod_item.swich_2 .pi_params .select {
        padding-left: 2px;
        padding-right: 2px;
        font-size: 12px;
    }

    .prod_item.pl_main.swich_2 .pi_info_box {
        width: 100%;
        display: block;
    }

    .prod_item.pl_main.swich_2 .pi_actions {
        width: 100%;
        display: block;
    }

    .prod_item.pl_main.swich_2 .pi_buttons a {
        width: 100%;
    }

    .prod_item.pl_main.swich_2 #pi_to_plankjop {
        width: 100%;
    }

    .prod_item.pl_main.swich_2 .pi_buttons {
        height: auto;
    }

    .prod_item.swich_2 + br + h2 {
        padding-left: 0;
    }
}















@media(max-width: 400px) {
    .ct_img {
        display: none;
    }

    .cgb_inner .w50 {
        width: 100%;
    }

    .prod_image {
        width: 100%;
    }

    .pib_thumbs a {
        width: 63px;
    }

    .prod_infos {
        width: 100%;
    }

    .prod_tabs_nav li a {
        padding-left: 10px;
        padding-right: 10px;
    }

    .pi_image_box {
        height: auto;
    }

    .pi_title span {
        display: none;
    }

    .pi_price_now span {
        margin-left: 5px;
    }

    .plr_swich {
        display: none;
    }

    .prodlist_right .page_title {
        display: none;
    }

    .checkbox + label {
        margin-left: 0;
    }

    .topbar_left {
        width: 80px;
        padding-right: 0;
    }
    
    .topbar_left .tb_input_text.user {
        width: 209%;
    }

    .prod_item.swich_2 .pi_title {
        font-size: 15px;
    }

    .prod_item.pl_main.swich_2 {
        padding: 10px;
    }

    .prod_item.swich_2 .pi_info_box, .prod_item.swich_2 .pi_actions {
        display: block;
        width: 100%;
        float: left;
        padding-left: 7px;
    }

    .prod_item.swich_2 .pi_params .w50 {
        width: 60px;
        float: none;
        display: inline-block;
    }

    .prod_item.swich_2 .pi_actions {
        text-align: right;
        margin-bottom: 7px;
    }

    .prod_item.swich_2 .pi_actions_ib {
        display: flex;
        float: right;
    }

    #pi_to_plankjop .fa {
        display: none;
    }

    #pi_to_plankjop {
        font-size: 14px;
        color: #fff;
        /*width: 59px !important;*/
    }

    .prod_item.swich_2 .pi_params .select, .prod_item.swich_2 .pi_buttons a, .prod_item.swich_2 .pi_buttons #pi_to_plankjop {
        height: 26px;
        line-height: 26px;
        text-align: center;
    }

    .plr_sort label {
        width: 100%;
        margin-bottom: 10px;
    }
}