html{
	user-select: none; /* supported by Chrome and Opera */
   -webkit-user-select: none; /* Safari */
   -khtml-user-select: none; /* Konqueror HTML */
   -moz-user-select: none; /* Firefox */
   -ms-user-select: none; /* Internet Explorer/Edge */

}
*,
.slideDescription,
:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.clear,
hr {
    width: 100%;
    clear: both
}

li,
p {
    color: #404040
}

.faqs_question,
.pagination {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-touch-callout: none
}

.adb_slider.hid,
.faqs_content,
.file-upload,
.mainSliderCase.hid,
.rwd-table {
    overflow: hidden
}

.socUl li a,
ul.socNets li a {
    text-indent: -9999px
}

.galleryCase_item:hover .icon,
.scale {
    animation-duration: 1s;
    animation-timing-function: ease-out;
    animation-delay: 0;
    animation-direction: alternate;
    animation-fill-mode: none;
    animation-play-state: running
}

.button,
.faqs_question,
.pagination,
.type_number {
    -webkit-touch-callout: none
}

.table_res,
table,
table.table {
    border-collapse: collapse
}

@font-face {
    font-family: helveticabold;
    src: url(/font/helveticabold/helvetica-bold-webfont.eot);
    src: url(/font/helveticabold/helvetica-bold-webfont.eot?#iefix) format("embedded-opentype"), url(/font/helveticabold/helvetica-bold-webfont.woff) format("woff"), url(/font/helveticabold/helvetica-bold-webfont.ttf) format("truetype"), url(/font/helveticabold/helvetica-bold-webfont.svg#helveticabold) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Book-Antiqua-Bold-Italic;
    src: url(/font/Book-Antiqua-Bold-Italic/Book-Antiqua-Bold-Italic.eot);
    src: url(/font/Book-Antiqua-Bold-Italic/Book-Antiqua-Bold-Italic.eot?#iefix) format("embedded-opentype"), url(/font/Book-Antiqua-Bold-Italic/Book-Antiqua-Bold-Italic.woff) format("woff"), url(/font/Book-Antiqua-Bold-Italic/Book-Antiqua-Bold-Italic.ttf) format("truetype"), url(/font/Book-Antiqua-Bold-Italic/Book-Antiqua-Bold-Italic.svg#Book-Antiqua-Bold-Italic) format("svg");
    font-weight: 400;
    font-style: normal
}

*,
:after,
:before {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    outline: 0
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: ''
}

body {
    font-family: Helvetica, Arial, sans-serif!important;
    font-size: 14px;
    line-height: 1;
    font-weight: 400;
    color: #000
}

hr {
    color: #5c5c5c;
    background-color: #f9f9f9;
    border: none;
    border-top: 1px solid #e7e7e7;
    height: 1px;
    margin: 10px 0
}

.imagecase {
    background-position: center center;
    background-repeat: no-repeat
}

label {
    cursor: pointer
}

p {
    margin-top: 10px;
    margin-bottom: 10px;
    font: 14px/1.3 Helvetica, Arial, sans-serif
}

.content ol,
.content ul {
    margin-left: 15px
}

li {
    font: 14px Helvetica, Arial;
    list-style: none
}

small {
    font-size: 10px;
    font-weight: 400
}

a {
    color: #dd0808
}

a:hover {
    color: #222;
    text-decoration: underline
}

.content a,
.modal_region ul li a {
    text-decoration: none!important
}

h1,
p.h1 {
    font: 28px/1 Helvetica, book-antiqua-bold-italic;
    margin: 18px 0 10px;
    display: block;
    color: #521d0f;
    font-weight: 800
}

.h2,
.h3,
h2,
h3 {
    margin-top: 10px;
    margin-bottom: 10px;
    display: block
}

.form_load p,
.h2,
.h3,
h2,
h3 {
    font-weight: 700
}

.h2,
h2 {
    font-family: Helvetica, Arial, sans-serif!important;
    font-size: 20px;
    line-height: 20px;
    color: #521d0f
}

.h3,
h3 {
    font-family: 'Helvetica,Open Sans', Arial, sans-serif;
    font-size: 16px;
    line-height: 16px;
    color: #000
}

.modal_region {
    max-width: 500px!important;
    background: #5f3623!important
}
.modal_covid{
    max-width: 590px!important;
    background: #5f3623!important
}
.modal_covid img {
    display: block;
    text-align: center;
    margin: 0 auto
}
.modal_covid a,
.modal_covid p{color: #fff;}
.modal_covid h3{color: #fff;}
.modal_region img {
    display: block;
    text-align: center;
    margin: 0 auto
}

.modal_region ul {
    margin: 40px auto 10px;
    max-width: 78%
}

.modal_region ul li {
    display: inline-block;
    vertical-align: middle;
    width: 49%;
    text-align: center
}

.modal_region ul li img {
    max-width: 40px
}

.modal_region .h1 {
    color: #fff!important
}

.modal_region .h1 .small_h1 {
    font-size: 22px!important;
    line-height: 3.5rem
}

.modal_region ul li span {
    display: block;
    margin: 10px auto;
    text-align: center;
    color: #fff;
    font-size: 14px
}

.modal_region ul li a:hover span {
    color: #f6911c
}

.pbThumbs ul {
    display: flex!important
}

.form_load {
    display: none;
    margin: 50px auto;
    padding: 1rem;
    position: relative;
    top: 20px;
    clear: both;
    border: .1rem solid #f48f1d;
    background: #f1f1f1
}

.mainSliderCase .next,
.mainSliderCase .prev {
    top: 95%;
    transform: translate(0, -95%);
    z-index: 3;
    max-width: 1.5rem;
    position: absolute
}

.form_load p {
    text-align: center;
    margin: 0 auto .5rem!important;
    text-transform: uppercase;
    color: #da4726;
    font-size: 18px
}

.form_load .send,
.form_load label {
    font: 700 14px/33px Helvetica, Arial, sans-serif;
    width: 100%;
    margin: 10px 0 0;
    border: none;
    color: #fff;
    text-align: center;
    cursor: pointer
}

.form_load .send {
    background: #da4726;
    -webkit-transition: all .3s;
    transition: all .3s
}

.form_load label {
    background: #f48f1d;
    text-transform: uppercase;
    display: block
}

.file {
    display: none
}

.testimonials_page #cssmenu ul li:first-child a {
    background-color: #f48f1d;
    color: #fff
}

.mainSliderCase .prev {
    left: 2rem;
    cursor: pointer
}

.mainSliderCase .next {
    left: 5rem;
    cursor: pointer
}

.mainSliderCase .next:hover,
.mainSliderCase .prev:hover {
    opacity: .7
}

.slick-dots {
    position: absolute;
    left: 2rem;
    bottom: 2rem
}

.slick-dots li button {
    font-size: 0;
    background: 0 0;
    border: none
}

.slick-dots li {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #da4726
}

.slick-dots li.slick-active {
    background: #fff;
    transform: scale(1.1)
}

.mainSliderCase.hid {
    height: 600px
}

.adb_slider.hid {
    height: 290px
}

.rwd-table {
    margin: 1em 0;
    min-width: 300px
}

.content ol,
.content p,
.content ul,
.upload_form {
    margin: 10px 0
}
.rwd-table tr {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.rwd-table th {
    display: none
}

.rwd-table td {
    display: block
}

.rwd-table td:first-child {
    padding-top: .5em
}

.rwd-table td:last-child {
    padding-bottom: .5em
}

.rwd-table td:before {
    content: attr(data-th) ": ";
    font-weight: 700;
    width: 6.5em;
    display: inline-block
}

.banner:before,
.faqs_question:before,
.headerCase:after,
.languageSelection_btn:before {
    content: ''
}

.has-event .pika-button,
.is-selected .pika-button {
    background: #5a9d2e!important;
    box-shadow: inset 0 1px 3px #5a9d2e!important
}

.pika-button:hover,
.pika-row.pick-whole-week:hover .pika-button {
    background: #512b8a!important
}

.savedAddress p {
    text-transform: capitalize
}

.banner span,
.button,
.cart a,
.customerLogin a,
.customizeDiv p.name,
.dialog_register_btn,
.fake_tabs li,
.languageSelection_box a,
.languageSelection_btn,
.startingAt span.customize,
.tabs li,
.upload_form .send,
a.addCart {
    text-transform: uppercase
}

.upload_form {
    display: block
}

.upload_form .send {
    background: #da4726;
    color: #fff;
    font: 700 14px/27px Helvetica, Arial, sans-serif;
    text-align: center;
    width: 100%;
    border: none;
    cursor: pointer;
    margin: 5px 0 0;
    transition: all .3s
}

.file-upload,
.upload_form .send:hover {
    background: #61250e
}

.file-upload {
    position: relative;
    width: 100%;
    height: 30px;
    padding: 8px 4px;
    color: #fff;
    text-align: center
}

.faqs_item.active .faqs_question,
.faqs_question:hover {
    color: #f6931c
}

.file-upload:hover {
    background: #da4726
}

.file-upload input[type=file] {
    display: none
}

.file-upload label {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.file-upload span {
    line-height: 30px
}

.filename {
    background: #fff;
    border: 0;
    display: none
}

.faqs_item {
    border-top: 1px solid #e8e8e8
}

.faqs_item:first-child {
    border-top: none
}

.faqs_item:first-child .faqs_content {
    display: block
}

.faqs_item.active .faqs_question:before {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}

.faqs_question {
    position: relative;
    padding: 1em 0 1em 1.5em;
    font-size: 1.1rem;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s;
    -khtml-user-select: none;
    user-select: none
}

.faqs_question .icon_arrow,
.faqs_question:before {
    position: absolute;
    left: 0;
    -webkit-transition: all .3s
}

.faqs_question:before {
    top: 1.2rem;
    display: block;
    width: 1em;
    height: 1em;
    font-size: .64em;
    color: #f6931c;
    border: 0 solid;
    border-width: .3125em .3125em 0 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: all .3s
}

.faqs_question .icon_arrow {
    top: .2rem;
    font-size: 2.6rem;
    line-height: 0;
    color: #19ae2a;
    transition: all .3s
}

.faqs_content {
    display: none;
    padding: 0 0 2rem 3.6rem;
    font-size: 1.6rem;
    color: #000
}

.faqs_content p:first-child img {
    margin-top: 2rem
}

.faqs_content ul li:before {
    top: .36em;
    height: 1.2rem;
    color: #19ae2a
}

.faqs_item.active .faqs_content {
    display: block
}

.blog_sidebar .search {
    position: relative;
    margin: 0 0 10px;
    overflow: hidden
}

.blog_sidebar .search input {
    border: 1px solid #d8d8d8;
    border-radius: 0;
    color: #3a3a3a;
    padding: 10px 5px;
    width: 100%;
    height: 30px
}

.blog_sidebar .search button {
    background: 0 0;
    border: none;
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translate(0, -50%)
}

.blog_sidebar .search button svg {
    color: #fe9619;
    display: block;
    width: 1rem;
    height: 1rem
}

.rwd-table,
.rwd-table td:before,
.rwd-table th {
    color: #000
}

.blog_sidebar .aside_tags li {
    display: inline-block!important
}

.blog_sidebar .aside_tags li a {
    font-size: .8rem!important
}

.blog_sidebar {
    padding: 10px
}

.blog_article {
    margin-bottom: 20px;
    border-bottom: 2px solid #da4726;
    padding-bottom: 20px
}

.single .blog_article {
    border: none
}

.aside_block {
    margin-bottom: 20px!important
}

.rwd-table td,
.rwd-table th {
    text-align: left;
    margin: .5em 1em
}

.rwd-table tr {
    border-color: #000
}
.modal_custom_form textarea.input {height: 8rem;}
.faq_blocks {display: block !important;}
.faq_blocks li {display: block; width: 30%; margin: 2%; float: left;text-align: center;}
.content .faq_blocks li:before{display: none;}
.faq_blocks li a{display: block;padding: 2rem 0;  background: #f48f1d;  text-transform: uppercase;  font-weight: bold;  font-size: 1.2rem;  color: #fff;    -webkit-transition: all .3s;
    transition: all .3s
}
.faq_blocks li a:hover{background: #ccc;}
@media (min-width:480px) {
    .rwd-table td:before {
        display: none
    }
    .rwd-table td:first-child,
    .rwd-table th:first-child {
        padding-left: 0
    }
    .rwd-table td:last-child,
    .rwd-table th:last-child {
        padding-right: 0
    }
    .rwd-table td,
    .rwd-table th {
        display: table-cell;
        padding: 1em!important
    }
}

.button {
    background: #da4726;
    margin: 0
}

.btn {
    max-width: 15rem;
    float: right
}

select {
    display: block;
    width: 100%;
    height: 36px;
    margin-bottom: 12px;
    padding: 0 10px;
    font-size: 14px;
    border-radius: 0;
    box-shadow: none;
    border: 1px solid #ccc;
    background-color: #fff;
    -webkit-transition: all .3s;
    transition: all .3s
}

.input::-webkit-input-placeholder {
    color: #000;
    transition: all .3s
}

.input:-moz-placeholder {
    color: #000;
    transition: all .3s
}

.input::-moz-placeholder {
    color: #000;
    transition: all .3s
}

.input:-ms-input-placeholder {
    color: #000;
    transition: all .3s
}

.input::placeholder {
    color: #000;
    transition: all .3s
}

.pagination {
    text-align: center;
    padding: 10px 0;
    user-select: none
}

.button,
.noselect {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none
}

.pagination li {
    margin: 0 5px!important;
    display: inline-block!important;
    padding: 0!important;
    list-style: none
}

.pagination li span {
    color: #000;
    font-size: 1.4rem
}

.pagination li:after,
.pagination li:before {
    display: none!important
}

.pagination li a {
    display: block;
    min-width: 30px;
    height: 30px;
    padding: 0 5px;
    font-size: 12px;
    line-height: 30px;
    font-weight: 700;
    background: 0 0;
    border: 1px solid #521d0f;
    color: #521d0f;
    text-align: center
}

.pagination li a:hover {
    background-color: #521d0f;
    color: #fff!important
}

.pagination li.active a {
    background-color: #521d0f;
    color: #fff;
    pointer-events: none
}

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

.pseudo_td {
    display: table-cell;
    vertical-align: middle;
    padding-right: 15px
}

#xi-fader,
#xi-lightbox {
    display: none;
    top: 0;
    left: 0
}

.pseudo_td:last-child {
    padding-right: 0
}

.pseudo_td.img_td {
    width: 25%
}

#xi-fader,
.headerBg,
.right table,
table.table {
    width: 100%
}

.table_scroll {
    overflow: auto
}

.pseudo_td img,
table.table img {
    height: auto!important
}

table.table {
    margin-bottom: 10px;
    min-width: 650px
}

.right table td,
.right table th {
    padding: 10px
}

.right table.table {
    min-width: 450px
}

table.table .ir-special {
    font-size: 18px;
    text-decoration: none;
    color: #903;
    font-weight: 700
}

table.table caption {
    background: #f48f1d;
    padding: 10px;
    color: #61250e;
    font-weight: 700
}

.table thead {
    border: 1px solid #441420;
    border-bottom: 0!important
}

.table td,
.table th {
    padding: 10px;
    border-right: 1px solid #f48f1d
}

.table tbody,
.table th:first-child {
    border-left: 1px solid #f48f1d
}

.table th {
    font-weight: 500;
    background-color: #61250e;
    color: #fff;
    vertical-align: top
}

.table tbody tr {
    border-bottom: 1px solid #f48f1d;
    border-top: 1px solid #f48f1d
}

#xi-fader {
    z-index: 998;
    position: fixed;
    height: 100%;
    background-image: url(/js/images/fader.png)
}

#xi-lightbox {
    z-index: 999;
    position: absolute;
    width: 100%;
    overflow: hidden
}

#xi-lightbox-window {
    margin-top: 40px;
    margin-bottom: 40px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .5)
}

.popup {
    padding: 15px;
    background-color: #fff
}

.headerBg {
    position: fixed;
    top: 0;
    z-index: 1001;
    background-image: url(/img/header_bg.png)
}

.headerCase {
    position: relative;
    margin: 0 auto
}

.headerCase:after {
    display: table;
    clear: both
}

.socAndSearch {
    position: absolute;
    left: 0;
    top: 98px;
    background: url(../img/socAndSearch-bg.png);
    border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -khtml-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    padding: 3px 3px 3px 14px;
    width: 242px
}

.socUl {
    list-style: none;
    margin: 3px 0 0
}

.socUl li {
    float: left;
    margin: 0 7px 0 0
}

.socUl li a {
    display: block;
    height: 19px
}

.socUl li a.google {
    width: 19px;
    background: url(../img/s-ico-g.png)
}

.socUl li a.facebook {
    width: 12px;
    background: url(../img/s-ico-f.png)
}

.socUl li a.youtube {
    width: 19px;
    background: url(../img/s-ico-yt.png)
}

.socAndSearch form {
    display: block;
    width: 135px;
    height: 24px;
    overflow: hidden;
    position: relative;
    float: right
}

.socAndSearch form input[type=text] {
    width: 93px;
    height: 24px;
    padding: 0 30px 0 12px;
    border-radius: 5px;
    background-color: #fff;
    border: none;
    color: #8b8b8b;
    font: italic 12px/24px helveticabold
}

.socAndSearch form input[type=submit] {
    width: 11px;
    height: 11px;
    border: none;
    position: absolute;
    background: url(/img/search_btn.png) no-repeat #fff;
    right: 8px;
    top: 7px;
    cursor: pointer;
    opacity: .8
}

.cartAndCustomerLogin {
    position: absolute;
    right: 0;
    top: 100%;
    background-color: #000;
    padding: 0 10px;
    list-style: none;
    font-size: 0
}

.cartAndCustomerLogin li {
    display: inline-block;
    margin-left: 10px;
    padding: 5px 10px
}

.cartAndCustomerLogin li:first-child {
    margin-left: 0
}

.cartAndCustomerLogin .cart.active a {
    color: #f7921e
}

.cart a,
.customerLogin a {
    -webkit-transition: all .3s;
    transition: all .3s;
    display: block;
    color: #fff;
    font: 13px/28px helveticabold;
    text-decoration: none;
    padding: 0 0 0 25px
}

.cart a {
    background: url(../img/cartAndCustomerLogin-ico-cart.png) left 4px no-repeat;
    margin: 0
}

.customerLogin a {
    background: url(../img/cartAndCustomerLogin-ico-login.png) left 4px no-repeat
}

.languageSelection_box a,
.languageSelection_btn,
.slide {
    background-repeat: no-repeat
}

.cart a:hover,
.customerLogin a:hover {
    color: #fa9020;
    -webkit-transition-duration: .5s, .5s;
    transition-duration: .5s
}

.logoCase {
    position: relative;
    float: left;
    width: 197px;
    z-index: 1
}

.logoCase img {
    max-width: 100%
}

.languageSelection {
    position: relative;
    float: right;
    width: 95px;
    margin: 0;
    z-index: 1
}

.languageSelection_btn {
    display: block;
    height: 41px;
    line-height: 48px;
    background-position: 3px 13px;
    -webkit-background-size: auto 21px;
    background-size: auto 21px;
    -webkit-transition: all .3s
}

.languageSelection_btn.isActive,
.languageSelection_btn:hover {
    background-color: #31130b;
    color: #fff!important;
    text-decoration: none
}

.languageSelection_btn:before {
    position: absolute;
    top: 22px;
    right: 8px;
    display: block;
    border: 5px solid transparent;
    border-color: #fff transparent transparent
}

.languageSelection_box {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #521d0f;
    -webkit-background-size: auto 21px;
    background-size: auto 21px
}

.languageSelection_box a,
.languageSelection_btn {
    font-size: 12px;
    padding-left: 2.8rem;
    text-decoration: none;
    color: #fff!important
}

.languageSelection_box a {
    display: block;
    height: 26px;
    line-height: 26px;
    background-position: 3px 50%;
    background-color: #521d0f
}

.languageSelection_box a:hover {
    background-color: #31130b
}

.topMenu {
    float: right;
    margin: 15px 0 0
}

.topMenu ul {
    list-style: none
}

.topMenu ul li {
    float: left
}

.topMenu ul li a {
    padding: 0 17px;
    border: 0 solid #a84e31;
    border-width: 0 1px 0 0;
    color: #fa9020;
    text-decoration: none;
    font: 12px/9px helveticabold
}

.topMenu ul li:last-child a {
    border-right: none;
    padding-right: 10px
}

.topMenu ul li a:hover {
    color: #fff;
    -webkit-transition-duration: .5s, .5s;
    transition-duration: .5s
}

.productSearchCase {
    width: 211px;
    height: 28px;
    background-color: #fff;
    float: right;
    border-radius: 5px;
    margin: 13px 0 0
}

.productSearchCase form {
    display: block;
    width: 211px;
    height: 28px;
    overflow: hidden;
    position: relative
}

.productSearchCase form input[type=text] {
    width: 169px;
    height: 20px;
    line-height: 22px;
    padding: 4px 30px 3px 12px;
    border-radius: 5px;
    background-color: #fff;
    border: none;
    color: #a9a9a9;
    font-style: italic;
    font-family: helveticabold
}

.productSearchCase form input[type=submit] {
    width: 11px;
    height: 11px;
    border: none;
    position: absolute;
    background-image: url(/img/search_btn.png);
    background-repeat: no-repeat;
    right: 9px;
    top: 8px;
    background-color: #fff;
    cursor: pointer
}

.mmCase {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 0
}

.mmDiv {
    display: inline-block;
    border: 0 solid #8d685b;
    border-width: 0 0 0 1px
}

.mmDiv:first-child {
    border-left: none
}

.mmDiv>a {
    font-family: helveticabold;
    font-size: 15px;
    color: #fff;
    text-decoration: none;
    display: block;
    line-height: 1;
    height: 29px;
    padding: 0 15px
}

.mmDiv:hover>a,
.mmDiv>a.active {
    color: #f7921e
}

.slide {
    width: 100%;
    height: 598px;
    background-position: top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.slideDescriptionCase {
    height: 100%
}

.slideDescription {
    width: calc(100% - 30px);
    max-width: 434px;
    padding: 28px 31px 17px;
    position: absolute;
    bottom: 123px;
    right: 15px;
    background: url(../img/slideDescriptionCase-bg.png);
    box-sizing: border-box
}

.content,
.tabs li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.slideDescription a.slideDescriptionMore,
.slideDescription p {
    color: #fff;
    font: 15px/18px Helvetica, Arial, sans-serif;
    text-shadow: 1px 1px 2px #5f3623
}

.slideDescription p.slideDescriptionTitle {
    font: 39px/1 Book-Antiqua-Bold-Italic;
    margin: 0 0 16px
}

.slideDescription a.slideDescriptionMore {
    display: block;
    background: #da4726;
    font-weight: 700;
    line-height: 43px;
    padding: 0 27px;
    float: right;
    text-decoration: none;
    margin: 10px 0 0;
    -webkit-transition: all .3s;
    transition: all .3s
}

.slideDescription a.slideDescriptionMore:hover {
    background-color: #521d0f;
    transition: .3s;
    opacity: .8
}


.mainSliderCase .banner_logos {
    position: absolute;
    bottom: 10px;
    right: 23px;
    display: flex;
}

.adb_slider .wrapper{
    height: 100%;
}

.adb_slider .banner_logos {
    position: absolute;
    bottom: 10px;
    right: 23px;
    display: flex;
}

.banner_logos img{
    max-width: 232px;
    height: auto;
    object-fit: contain;
}

.banners {
    padding-top: 10px
}

.banner {
    position: relative;
    display: block;
    width: 19%;
    float: left;
    margin: 0 0 1% 1%;
    height: 12rem;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s;
    transition: all .3s;
    text-decoration: none
}

.banner span {
    text-decoration: none;
    position: absolute;
    bottom: 1rem;
    padding: 10px 14px;
    font-size: 17px;
    background: rgba(255, 255, 255, 0.8);
    color: #82341c;
    font-weight: 700
}

.banner:hover {
    opacity: .8;
    transition: .3s;
    transform: scale(.9)
}

.banner:before {
    display: block;
    padding-top: 69.4%
}

.banner img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.banner:after {
    content: attr(data-title);
    position: absolute;
    bottom: 11px;
    right: 11px;
    color: #f48f1d;
    font: 12px/12px helveticabold;
    text-decoration: none
}

.content:after,
.js_sidebar_btn:before,
.tabs li:before,
.tabs:after {
    content: ''
}

.aboutSaunaCase {
    margin: 0 auto 13px;
    background: #fff;
    padding-bottom: 1rem!important
}

.aboutSaunaCase .left {
    float: left;
    width: 67%;
    margin: 0 0 0 2.6%
}

.aboutSaunaCase .left h1 {
    color: #521d0f;
    font: 33px/1 Book-Antiqua-Bold-Italic
}

.aboutSaunaCase .left h2 {
    color: #da4726;
    font: 14px/1 helveticabold
}

.aboutSaunaCase .left p {
    font: 14px/1.286 Helvetica, Arial, sans-serif;
    color: #404040
}

.aboutSaunaCase .right {
    float: right;
    width: 25%
}

.needCustomQuote {
    background: #f48f1d;
    padding: 12px 10px 11px 1.2em;
    margin: 0 0 9px;
    font-size: 20px
}

.needCustomQuote p.title {
    margin-bottom: 10px;
    color: #61250e;
    font: 1.2em/18px Book-Antiqua-Bold-Italic
}

.needCustomQuote p.get {
    color: #fff;
    font: 1.25em/1 helveticabold
}

.needCustomQuote p.get a {
    color: #61250e
}

.needCustomQuote p.get a:hover {
    text-decoration: none
}

.needCustomQuote p {
    margin: 5px 0;
    color: #fff;
    font: .95em/1 Helvetica, Arial, sans-serif
}

.callUsToday {
    background: #61250e;
    padding: 10px 10px 10px 1.2em;
    margin: 0 0 10px;
    font-size: 20px
}

.callUsToday a {
    color: #fff;
    -webkit-transition: all .3s;
    transition: all .3s;
    text-decoration: none
}

.callUsToday a:hover {
    color: #f48f1d
}

.callUsToday p.callUsTodayTitle {
    margin: 0;
    color: #f48f1d;
    font: 1.2em/1.1 Book-Antiqua-Bold-Italic
}

.callUsToday p.callUsTodayPhone {
    margin: 2px 0;
    color: #fff;
    font: 1.8em/1.1 helveticabold
}

.callUsToday p.callUsTodayLocal {
    margin: 0;
    color: #fff;
    font: 1.15em/1.1 Helvetica, Arial, sans-serif
}

.acceptAndSecured .accept,
.acceptAndSecured .secured {
    display: inline-block;
    margin: 0 .5%;
    vertical-align: middle
}

.acceptAndSecured {
    border-top: 1px solid #f8f5f4;
    overflow: hidden;
    font-size: 0;
    text-align: center
}

.acceptAndSecured .accept p,
.acceptAndSecured .secured p {
    color: #61250e;
    font: 14px/18px Arial;
    text-align: left
}

.acceptAndSecured .accept {
    width: 51%
}

.acceptAndSecured .secured {
    width: 43%
}

.whyChooseSaunaFinCase {
    width: 100%;
    margin: 0 0 11px
}

.whyChooseAdb {
    display: table;
    width: 100%;
    height: 192px;
    background-repeat: no-repeat;
    background-position: top center;
    -webkit-background-size: cover;
    background-size: cover;
    text-align: center
}

.whyChooseAdb p.title {
    display: table-cell;
    padding: 0 0 42px;
    font: 48px/1.1 Book-Antiqua-Bold-Italic;
    color: #fff;
    vertical-align: middle
}

.section {
    margin: -50px 0 0
}

.box {
    display: none
}

.box.visible {
    display: block
}

.tabs {
    list-style: none;
    width: 100%
}

.tab_desktop table img {
    max-height: 11rem
}

ul.tabs {
    margin-left: 0
}

.tabs:after {
    display: table;
    clear: both
}

.tabs li {
    position: relative;
    margin-bottom: .3rem;
    max-height: 100%;
    display: inline-block!important;
    vertical-align: top!important;
    width: 24.7%;
    padding: 11px 5px!important;
    transition: .3s;
    border-right: 1px solid transparent;
    color: #f48f1d;
    font-size: 0;
    text-align: center;
    background: #fff;
    cursor: pointer;
    box-sizing: border-box;
    background-clip: padding-box!important
}

.tabs li span,
.tabs li:before {
    display: inline-block;
    vertical-align: middle
}

.tabs li:before {
    width: 1%;
    height: 100%
}

.tabs li span {
    font: 12px/1 HELVETICABOLD;
    padding: 8px 0
}

.tabs li:hover {
    color: #fff;
    background: #f48f1d;
    transition: .3s;
    opacity: .8
}

.currentArrow {
    position: absolute;
    top: 100%;
    left: 50%;
    margin: 0 0 0 -21px;
    width: 42px;
    height: 17px;
    background: url(../img/li-current.png) no-repeat;
    display: none
}

li.current {
    color: #fff;
    background: #f48f1d
}

.adb_slider_item,
.pageSliderCase .slide {
    background-repeat: no-repeat;
    background-position: center
}

.box {
    margin: 5px 0 0;
    padding: 30px 0 40px
}

.box p.title {
    color: #521d0f;
    text-align: left;
    font: 25px/1 book-antiqua-bold-italic
}

.box p {
    margin-top: 0!important
}

.box img {
    height: auto!important
}

.adb_slider {
    padding-top: 100px
}
.with_toptext .adb_slider {
    padding-top: 156px
}

.adb_slider_item {
    height: 192px;
    -webkit-background-size: cover;
    background-size: cover
}

.block_404 {
    margin-top: 200px
}

.block_404 p {
    font-size: 20px;
    display: block;
    margin: 20px auto 0!important
}

.block_404 h1 {
    font-size: 80px;
    color: #521d0f;
    font-weight: 300;
    display: block;
    margin: 10px auto!important
}

.block_404 .button {
    display: block;
    margin: 30px auto!important;
    max-width: 230px
}

.blog_sidebar #cssmenu>ul>li>a,
.blog_sidebar #cssmenu>ul>li>a strong {
    font-weight: 400!important
}

.block_approved {
    margin-top: 200px
}

.block_approved p {
    font-size: 18px;
    display: block;
    margin: 15px auto 0!important;
	line-height: 21px;
}

.block_approved h1 {
    font-size: 40px;
    color: #521d0f;
    font-weight: 300;
    display: block;
    margin: 10px auto!important
}

.block_approved .button {
    display: block;
    margin: 30px auto!important;
    max-width: 230px
}

.pageSliderCase {
    width: 100%;
    height: 192px;
    overflow: hidden;
    padding: 104px 0 0
}

.pageSliderCase .slide {
    height: 192px;
    -webkit-background-size: cover;
    background-size: cover
}

.pageSliderCase .slideDescriptionCase {
    height: 192px
}

.pageSliderCase .slideDescriptionCase p.title {
    color: #fff;
    font: 41px/53px book-antiqua-bold-italic;
    float: right;
    background: url(../img/pageSliderCaseSlideDescriptionCasePTitle-bg.png);
    padding: 0 6px;
    margin: 89px 0 0
}

.content {
    position: relative;
    width: 100%;
    max-width: 1350px;
    padding: 5px 15px 0;
    margin: 0 auto;
    background: #fff;
    box-sizing: border-box
}

.cta {background-repeat: no-repeat; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 61%;padding: 55px 0;position: relative;z-index: 2;}
.cta::after {content: ""; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .65); z-index: -1;}
.content .cta {clear: both; width: 100vw;margin-left: calc(-50vw + 50% - 9px);}
.content .cta + p {display: none;}
.cta .cta_wrap {display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; }
.cta h3, .cta .h3  {font-size: 35px; line-height: 1.2; color: #FFF; margin: 10px 40px;text-align: center;}
.cta .button {color: #da4726 !important; background-color: #FFF;margin: 0 15px; height: 46px; line-height: 50px; padding: 0 30px; font-size: 16px; font-weight: 700; -webkit-transition: .3s linear; -moz-transition: .3s linear; -ms-transition: .3s linear; -o-transition: .3s linear; transition: .3s linear; }
.cta .button:hover {color: #ffffff !important; background-color: #000000; }

.catPreview,
.catPreview p.name {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.content:after {
    display: table;
    clear: both
}

.content .left {
    position: relative;
    float: left;
    width: 22%;
    min-width: 230px;
    background-color: #fff;
    -webkit-transition: all .3s;
    transition: all .3s;
    z-index: 101
}

.js_sidebar_btn {
    position: absolute;
    top: 0;
    left: 100%;
    display: none;
    width: 1em;
    height: 1em;
    font-size: 30px;
    background-color: #da4726;
    color: #fff;
    border: 1px solid #da4726;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s
}

.js_sidebar_btn:before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-left: .2em solid;
    border-top: .2em solid transparent;
    border-bottom: .2em solid transparent
}

.isOpened .js_sidebar_btn:before {
    border-left: 0;
    border-right: .2em solid
}

.content .right {
    float: right;
    width: 76%;
    max-width: calc(100% - 260px)
}

.content ol,
.content ul:not(.pagination) {
    display: table
}

.content ol {
    counter-reset: ollist
}

.content ol li {
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
    counter-increment: ollist;
    text-indent: 0;
    padding-left: 45px;
    display: table
}

.content ol li:before {
    content: counter(ollist);
    display: block;
    position: absolute;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    text-align: center;
    background: #521d0f;
    color: #f48f1d;
    font-weight: 700;
    font-size: 15px;
    line-height: 26px;
    left: 0;
    top: 8px
}

.catPreview p.name:before,
.catalogMenu:after,
.content ul li:before {
    content: ''
}

.content ul:not(.tabs) li {
    position: relative;
    text-indent: 0;
    padding-left: 20px;
    display: block;
    margin: 10px 0
}

.content ul li:before {
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #f48f1d;
    left: 0;
    top: 4px
}

.content a {
    color: #da4726
}

.content a.button {
    color: #fff
}

.content .left ol li:before,
.content .left ul li:before {
    display: none
}

.content img[style*=float][style*=" left"] {
    margin-right: 15px
}

.content img[style*=float][style*=" right"] {
    margin-left: 15px
}

.content img[style*=float][style*=" left"],
.content img[style*=float][style*=" right"] {
    max-width: 50%
}

.catsPreview.no_color {
    background: 0 0
}

.catsPreview.no_color>* {
    font-size: 14px
}

.content .right p.red {
    background: #dc4928;
    color: #fff;
    padding: 10px 15px
}

.content .full {
    padding: 20px 0;
    width: 100%;
    max-width: 930px;
    margin: 0 auto
}

.catsPreview {
    width: 100%;
    clear: both;
    margin-bottom: 17px;
    font-size: 0
}

.catPreview {
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    position: relative;
    display: inline-block;
    width: 31%;
    padding: 0 5px 5px;
    margin: 1% 1.4%;
    background: #fff;
    text-align: center;
    vertical-align: top;
    box-sizing: border-box
}

.catPreview:hover {
    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .47);
    -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .47);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .47);
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.catPreview:nth-child(3n+1) {
    margin-left: 0
}

.catPreview_img {
    display: block;
    padding-top: 81%;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #fff;
    background-size: contain
}

.catPreview3 {
    margin-right: 0
}

.catPreview p.name {
    color: #633327;
    padding: 0;
    margin: 10px 0;
    font-size: 0;
    word-wrap: break-word;
    box-sizing: border-box
}

.catPreview p.name:before {
    display: inline-block;
    width: 1%;
    height: 100%;
    vertical-align: middle
}

.catPreview p.name span {
    display: inline-block;
    width: 98%;
    font: 700 14px/1 Helvetica, Arial, sans-serif;
    vertical-align: middle
}

.catPreview .catThumbnail {
    width: 206px;
    height: 167px;
    margin: 5px 0 0
}

.catPreview p.viewProducts {
    color: #fff;
    font: 11px/26px Helvetica, Arial, sans-serif;
    padding: 0 5px;
    background: #f99120;
    display: block;
    text-decoration: none;
    float: left;
    position: absolute;
    bottom: 3rem;
    left: 50%;
    margin: 0 0 0 -41px;
    opacity: 0;
    transition: all .3s
}

.catPreview a {
    text-decoration: none
}

.catPreview a:hover>p.viewProducts,
.isTouch .catPreview .viewProducts {
    opacity: 1
}

.content .right h2 {
    color: #521d0f;
    font: 25px/1 Helvetica, book-antiqua-bold-italic
}

.content .right .contentLeft {
    float: left;
    width: 48%
}

.content .right .contentRight {
    float: right;
    width: 48%
}

.content .right .contentLeft ul,
.content .right .contentRight ul {
    list-style: none;
    margin: 20px 0 0
}

.content .right .contentLeft ul li,
.content .right .contentRight ul li {
    padding: 0 0 0 30px;
    background: url(../img/li.png) 10px 6px no-repeat;
    line-height: 1.4
}

.content p.h1 {
    color: #521d0f
}

.content .right .contentLeft p,
.content .right .contentRight p {
    margin: 0
}

.content .right .contentLeft p strong,
.content .right .contentRight p strong {
    text-transform: uppercase;
    font-size: 16px
}

.catalogMenu {
    width: 100%;
    float: right;
    margin-bottom: 4px
}

.catalogMenu:after {
    display: table;
    clear: both
}

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block
}

#cssmenu {
    width: 100%;
    font-family: Helvetica, Arial, sans-serif;
    color: #fff;
    margin-top: 1.5rem
}

#cssmenu ul ul {
    display: none
}

#cssmenu .active>a {
    background-color: #f48f1d
}

.align-right {
    float: right
}

#cssmenu>ul>li>a {
    cursor: pointer;
    z-index: 2;
    transition: .3s;
    font: 16px/32px Helvetica, Arial, sans-serif;
    text-decoration: none;
    color: #000;
    background: #f1f1f1;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15);
    margin-bottom: 1px;
    line-height: 1.3;
    padding: 10px
}

#cssmenu>ul>li>a.currentA {
    background: #f48f1d
}

#cssmenu>ul>li.open>a,
#cssmenu>ul>li>a:hover {
    color: #de4830;
    transition: .3s
}

#cssmenu>ul>li.active>a {
    color: #fff;
    transition: .3s
}

#cssmenu>ul>li.active>a:hover {
    color: #000
}

#cssmenu>ul>li.open>a {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .15)
}

#cssmenu ul ul li:first-child>a,
.input {
    box-shadow: none
}

.holder {
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    right: 0
}

#cssmenu ul ul li.has-sub>a::after,
.holder::before {
    display: block;
    content: "";
    right: 20px
}

.holder::before {
    position: absolute;
    width: 8px;
    height: 8px;
    z-index: 10;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.holder::after {
    top: 11px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff
}

#cssmenu>ul>li.active>a>span::after,
#cssmenu>ul>li.open>a>span::after,
#cssmenu>ul>li>a:hover>span::after {
    border-color: #eee
}

#cssmenu>ul>li.open,
#cssmenu>ul>li:hover {
    position: relative
}

.holder::before {
    top: 11px;
    border-top: 2px solid;
    border-left: 2px solid;
    border-top-color: inherit;
    border-left-color: inherit
}

#cssmenu ul ul li a {
    color: #000;
    cursor: pointer;
    border-bottom: 1px dotted #ccc;
    padding: 5px 0 5px 15px;
    z-index: 1;
    text-decoration: none;
    font: 15px/30px Helvetica, Arial, sans-serif;
    line-height: 1.2
}

#cssmenu ul ul li.active>a,
#cssmenu ul ul li.open>a,
#cssmenu ul ul li:hover>a,
.sub_item_active {
    background: #f48f1d;
    color: #fff;
    transition: .3s
}

.sub_item_active {
    color: #fff!important
}

#cssmenu ul ul ul li:first-child>a {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1)
}

#cssmenu ul ul ul li a {
    padding-left: 30px
}

#cssmenu ul li.main_active a {
    cursor: pointer;
    padding: 0 0 0 15px;
    z-index: 1;
    text-decoration: none;
    font: 15px/30px Helvetica, Arial, sans-serif;
    color: #fff;
    background: #f99120
}

#cssmenu ul li.main_active ul li {
    border-bottom: 1px solid transparent
}

#cssmenu ul li.main_active ul li a {
    padding: 5px 0 5px 15px;
    cursor: pointer;
    z-index: 2;
    transition: .3s;
    font: 16px/32px Helvetica, Arial, sans-serif;
    text-decoration: none;
    color: #000;
    background: #fff;
    margin-bottom: 1px;
    line-height: 1.2
}

#cssmenu ul li.main_active ul li a:hover {
    color: #f99120;
    border-left: 8px solid #f99120
}

#cssmenu>ul>li>ul>li.last>a,
#cssmenu>ul>li>ul>li:last-child>a {
    border-bottom: 0
}

#cssmenu>ul>li>ul>li.last.open>a,
#cssmenu>ul>li>ul>li.open:last-child>a {
    border-bottom: 1px solid #32373e
}

#cssmenu>ul>li>ul>li.open:last-child>ul>li:last-child>a {
    border-bottom: 0
}

#cssmenu>ul>li>ul>li:last-child {
    margin-bottom: 1px;
    border: none
}

#cssmenu ul ul li.has-sub>a::after {
    position: absolute;
    width: 5px;
    height: 5px;
    z-index: 10;
    top: 11.5px;
    border-top: 2px solid #eee;
    border-left: 2px solid #eee;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

#cssmenu ul ul li.active>a::after,
#cssmenu ul ul li.open>a::after,
#cssmenu ul ul li>a:hover::after {
    border-color: #fff
}

.needCustomQuoteSmall {
    background: #f48f1d;
    padding: 1px 1em;
    margin-bottom: 7px;
    font-size: 20px;
    clear: both
}

.needCustomQuoteSmall p.title {
    color: #61250e;
    font: .8em/1 book-antiqua-bold-italic
}

.needCustomQuoteSmall p.get {
    color: #fff;
    font: .75em/1.2 helveticabold
}

.needCustomQuoteSmall p.get a {
    font: 1em/1.2 helveticabold;
    color: #61250e;
    text-decoration: underline
}

.needCustomQuoteSmall p {
    color: #fff;
    font: .75em/1 Helvetica, Arial, sans-serif
}

.prefab_sauna_ad {
    background: #af4720
}

.prefab_sauna_ad p.get a,
.prefab_sauna_ad p.title {
    color: #f48f1d
}

body.homepage_body .needCustomQuoteSmall p.title {
    font-size: 1em
}

.callUsTodaySmall {
    background: #61250e;
    padding: 1px 0 1px 1em;
    margin-bottom: 7px;
    font-size: 20px
}

.callUsTodaySmall .callUsTodayTitle {
    color: #f48f1d;
    font: .95em/1 book-antiqua-bold-italic
}

.callUsTodaySmall .callUsTodayPhone {
    color: #fff;
    font: 1.5em/1 helveticabold
}

.callUsTodaySmall .callUsTodayLocal {
    color: #fff;
    font: .9em/1 Helvetica, Arial, sans-serif
}

.acceptAndSecuredSmall {
    border-top: 1px solid #f8f7f6;
    padding: 10px 0 5px
}

.acceptAndSecuredSmall:after {
    font-size: 0;
    text-align: center
}

.acceptAndSecuredSmall .accept {
    display: inline-block;
    width: 60%;
    margin: 0 .5%;
    vertical-align: top
}

.acceptAndSecuredSmall .accept img {
    width: 190px
}

.acceptAndSecuredSmall .secured img {
    width: 90px
}

.acceptAndSecuredSmall .secured p {
    text-align: right!important
}

.acceptAndSecuredSmall .secured {
    text-align: right;
    display: inline-block;
    width: 35%;
    margin: 0 .5%
}

.acceptAndSecuredSmall .accept p,
.acceptAndSecuredSmall .secured p {
    color: #61250e;
    margin: 0 0 3px;
    font: 14px/1 Helvetica, Arial, sans-serif;
    text-align: left
}

.callUsTodaySmall a {
    color: #fff;
    -webkit-transition: all .3s;
    transition: all .3s;
    text-decoration: none
}

.callUsTodaySmall a:hover {
    color: #f48f1d
}


.video_button_large {display: flex; align-items: center; width: 100%; background-color: #E73324; text-decoration: none;padding: 15px 45px 10px 17px;-webkit-transition: .3s linear; -moz-transition: .3s linear; -ms-transition: .3s linear; -o-transition: .3s linear; transition: .3s linear;} 
.video_button_large img {width: 64px; height: 64px; object-fit: contain; margin-right: 20px;margin-top: -5px;}
.video_button_large span {color: #FFF; font-size: 1.2rem;line-height: 1.2;font-weight: 700;width: calc(100% - 84px);}
.left .video_button_large span{font-size:1rem !important;}
.video_button_large span i {font-weight: 400;}
.video_button_large:hover {text-decoration: none;background-color: #c73024;}
.modal_video.dialog{padding:5px;border:none;max-width:80vw}
.modal_video.dialog .video_frame{width:100%;height:40px}

.galleryTitle {
    width: 100%
}

.galleryTitle a,
.galleryTitle h1,
.galleryTitle span {
    float: left;
    text-decoration: none;
    color: #521d0f;
    font: 28px/28px book-antiqua-bold-italic;
    margin: 19px 0 0;
    display: block
}

.galleryTitle span {
    margin: 19px 4px 0
}

.galleryTitle h1 {
    color: #f48f1d
}

.galleryTitle a:hover {
    color: #521d0f;
    text-decoration: underline
}

.galleryCase ul {
    list-style: none;
    font-size: 0;
    margin: 0
}

.galleryCase_items {
    font-size: 0
}

.galleryCase_item {
    position: relative;
    height: 220px;
    display: inline-block;
    width: 22.3%;
    margin: 0 0 3% 3%;
    overflow: hidden;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: auto 100%;
    background-size: auto 100%
}

.galleryCase_item:before,
.galleryCase_items_name {
    background: rgba(99, 51, 39, .7);
    position: absolute;
    width: 100%
}

.galleryCase_item:before {
    content: '';
    top: 100%;
    left: 0;
    height: 100%;
    bottom: 100%;
    display: block;
    z-index: 1;
    opacity: 1;
    -webkit-transition: all .3s;
    transition: all .3s
}

.galleryCase_item:nth-child(4n+1) {
    margin-left: 0
}

.galleryCase_item:hover:before {
    top: 0
}

.galleryCase_item .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0);
    -ms-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    font-size: 30px;
    color: #fff;
    opacity: 0;
    z-index: 1;
    -webkit-transition: all .3s;
    transition: all .3s
}

.galleryCase_item:hover .icon {
    animation-name: scale;
    animation-iteration-count: infinite;
    opacity: .8
}

.galleryCase_items_name {
    font-size: 12px;
    text-align: center;
    line-height: 1.2;
    color: #fff;
    bottom: 0;
    left: 0;
    padding: .5rem;
    transition: .3s
}

.galleryCase_item:hover .galleryCase_items_name {
    transform: translate(0, -60%);
    background: 0 0;
    bottom: 60%;
    z-index: 2
}

@keyframes scale {
    0% {
        transform: scale(.9) translate(-50%, -50%)
    }
    100% {
        transform: scale(1.1) translate(-50%, -50%)
    }
}

.scale {
    animation-name: scale;
    animation-iteration-count: infinite
}

.testimonial_item {
    padding: 1rem 0 0;
    border-bottom: 1px solid #ccc
}

.testimonial_item .quote {
    padding: 0 3rem;
    margin: 1.5rem 0 0;
    position: relative
}

.testimonial_item .date {
    margin: 1rem 0;
    letter-spacing: .1rem
}

.testimonial_item .date:before {
    content: '';
    display: inline-block!important;
    vertical-align: middle;
    background: url(/img/calendar-with-spring-binder-and-date-blocks.png);
    width: 1rem;
    height: 1rem;
    transform: none!important;
    margin-right: .5rem
}

.testimonial_item .quote:after,
.testimonial_item .quote:before {
    display: block;
    width: 2rem;
    height: 2rem;
    background: url(/img/quote.png);
    position: absolute;
    content: ''
}

.testimonial_item .quote:before {
    top: 0;
    left: 0;
    transform: rotate(180deg)
}

.testimonial_item .quote:after {
    bottom: 0;
    right: 0
}

.testimonial_user {
    font-style: italic;
    color: #61250e;
    font-weight: 900;
    margin: 2rem 0 1rem!important;
    display: inline-block;
    vertical-align: middle
}

.testimonial_user:before {
    content: '';
    display: inline-block!important;
    vertical-align: middle;
    width: 1rem!important;
    height: 1px!important;
    background: #61250e!important;
    margin: 0 .5rem 0 0
}

.contacts {
    width: 100%;
    border-bottom: 1px solid #e3e3e3;
    padding: 0 0 19px;
    margin: 0 0 19px
}

#contactForm p,
.right .contactInfo p {
    margin: 0
}

.contactInfo {
    float: left;
    width: 34%
}

#map {
    float: right;
    width: 62%;
    height: 147px
}
.contact_page #map {
    height: 375px
}
.contact_page #map .button{
    width: 100%;
}

#map iframe {
    width: 100%;
    height: 100%
}

#contactForm p span {
    color: #d10707
}

form#contactForm div:not(.row,.validate_checkbox,.col_6) {
    width: 48%
}
form#contactForm .validate_checkbox {margin-top: 20px}
form#contactForm .validate_checkbox input{width: 20px;}

form#contactForm div.contactFormLeft {
    float: left
}

form#contactForm div.contactFormRight {
    float: right
}

#contactForm input,
#contactForm select,
#contactForm textarea {
    width: 100%;
    padding: 10px;
    background: #ececec;
    border: 1px solid #d9d9d9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#contactForm textarea {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.customize_wrap>div,
.productPrevThumbnail {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

#contactForm select {
    width: 100%
}

#contactForm input.send {
    float: right;
    background: #da4726;
    color: #fff;
    font: 700 14px/27px Helvetica, Arial, sans-serif;
    text-align: center;
    width: 109px;
    border: none;
    cursor: pointer;
    margin: 0 0 20px;
    transition: all .3s
}

#contactForm input.send:hover {
    background-color: #f48f1d
}

.catalogCase {
    margin: 0 auto;
    width: 100%
}

.filtersBy table,
.itemsPageSortBy table {
    width: 100%
}

.filtersBy {
    background: #f7eee9;
    padding: 0 10px
}

.productPrevThumbnail,
.productPrevThumbnail img {
    background-repeat: no-repeat;
    background-position: center
}

.filtersBy table tr th {
    text-align: left;
    color: #633327;
    font: 700 14px/14px Helvetica, Arial, sans-serif
}

.productsPrevCase {
    width: 100%;
    margin: 30px 0 0;
    font-size: 0
}

.productsPrevCase .productPrev {
    position: relative;
    display: inline-block;
    width: 30%;
    padding-bottom: 30px;
    margin: 0 3% 30px 0;
    vertical-align: top;
    font-size: 14px
}

.productPrevThumbnail {
    display: block;
    width: 100%;
    -webkit-background-size: contain;
    background-size: contain;
    box-sizing: border-box;
    max-height: 180px
}

.blocksCase_pic img,
.customizeThumbnail img,
.fake_tabs li {
    max-height: 100%
}

.productPrevThumbnail:before {
    content: '';
    display: block;
    padding-top: 74.5%
}

.productPrevName {
    display: block;
    margin: 4px 0 6px;
    color: #633327;
    font: 700 14px/18px Helvetica, Arial, sans-serif;
    text-decoration: none!important;
    text-align: center
}

.productPrevDesc {
    min-height: 32px;
    color: #000;
    font: 12px/16px Helvetica, Arial, sans-serif
}

.productPrevPrice {
    color: #da4726;
    font: 700 14px/18px Helvetica, Arial, sans-serif
}

.productPrevButtons {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.productPrevButtons:after {
    content: '';
    display: table;
    clear: both
}

.productPrevButtons a,
.readmore {
    text-decoration: none;
    display: block;
    color: #fff;
    font: 700 13px/25px Helvetica, Arial, sans-serif;
    width: 48%;
    text-align: center;
    border: none;
    margin: 2px 0 0
}

.productPrevButtons .orderNow {
    float: left;
    background: #f48f1d;
    transition: all .3s
}

.productPrevButtons .orderNow:hover {
    background-color: #61250e
}

.readmore {
    float: right;
    background: #f48f1d
}

.readmore:hover {
    text-decoration: none;
    background: #c3c3c3
}

.productPrevButtons .moreInfo {
    float: right;
    background: #a2a2a2;
    transition: all .3s
}

.productPrevButtons .moreInfo:hover {
    background-color: #da4726
}

.itemsPageSortBy {
    width: 100%;
    padding: 4px 0;
    margin: 0 0 6px
}

.itemsPageSortByTop {
    border-top: 1px solid #e7e7e7
}

.filtersBy table tr td,
.itemsPageSortBy table tr td {
    color: #999;
    font: 14px/18px Helvetica, Arial, sans-serif
}

.filtersBy table tr td span,
.itemsPageSortBy table tr td span {
    font-weight: 700
}

.itemsPageSortBy table tr td a {
    color: #633327;
    margin: 0 2px;
    text-decoration: none;
    font-weight: 700
}

.itemsPageSortBy table tr td a.active,
.itemsPageSortBy table tr td a:hover {
    color: #f99120
}

#priceRangeFilterCaseToggle {
    cursor: pointer
}

.productsSortForm {
    position: relative;
    width: 100%;
    text-align: right
}

.productsSortForm select {
    width: 100%;
    max-width: 157px;
    height: 24px;
    background-color: #e7e7e7;
    color: #999;
    border-radius: 4px;
    border: 0
}

.itriangle {
    position: relative;
    top: .5em;
    display: inline-block;
    margin: 0 2px;
    font-size: 5px;
    border: 1em solid transparent;
    border-top-color: #999;
    vertical-align: middle
}

.filtersBy .jq-selectbox__trigger-arrow,
.itemsPageSortBy .jq-selectbox__trigger-arrow {
    position: absolute;
    right: 5px;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    overflow: hidden
}

.itemsPageSortBy .jq-selectbox__select {
    background: #e7e7e7;
    width: 100%;
    max-width: 147px;
    height: 24px;
    padding: 0 0 0 10px;
    text-indent: 0;
    color: #999;
    border-radius: 4px;
    font: 14px/24px Arial
}

.itemsPageSortBy .jq-selectbox__trigger-arrow {
    top: 11px;
    width: 0;
    height: 0;
    border-top: 5px solid #000
}

.itemsPageSortBy .jq-selectbox__dropdown {
    top: 22px;
    width: 147px;
    padding: 0 0 0 10px
}

.itemsPageSortBy .jq-selectbox li {
    width: 147px;
    padding: 0 0 0 10px;
    background-color: #e7e7e7;
    margin: 0;
    color: #999;
    line-height: 21px
}

.itemsPageSortBy .jq-selectbox li.selected,
.itemsPageSortBy .jq-selectbox li:hover {
    background-color: #A3ABB1;
    color: #FFF
}

.filtersBy .jq-selectbox__select {
    background: #f7eee9;
    width: 147px;
    height: 24px;
    padding: 0 20px 0 10px;
    text-indent: 0;
    color: #999;
    border-radius: 4px;
    font: 14px/24px Helvetica, Arial, sans-serif;
    text-align: right
}

.filtersBy .jq-selectbox__trigger-arrow {
    top: 11px;
    width: 0;
    height: 0;
    border-top: 5px solid #adadad
}

.filtersBy .jq-selectbox__dropdown {
    top: 22px;
    width: 147px;
    padding: 0 20px 0 10px
}

.filtersBy .jq-selectbox ul {
    margin: 0 -20px 0 0;
    padding: 0;
    float: right
}

.filtersBy .jq-selectbox li {
    width: 127px;
    padding: 0 20px 0 10px;
    background-color: #f7eee9;
    margin: 0;
    color: #999;
    line-height: 21px;
    text-align: right
}

.filtersBy .jq-selectbox li span {
    color: red
}

.filtersBy .jq-selectbox li.selected,
.filtersBy .jq-selectbox li:hover {
    background-color: #A3ABB1;
    color: #FFF
}

.breadCrumbs p,
.breadCrumbs p a {
    color: #999;
    font: 14px/18px Helvetica, Arial, sans-serif;
    text-decoration: none
}

.breadCrumbs p span {
    color: #d9482b;
    text-decoration: underline
}

.button,
.currentPrice a.addCart,
.customizeRight a,
.download,
.download:hover,
.footerDiv div a,
.footerDiv div p,
.footerDiv p,
.gallerythumb a,
.read_more:hover,
.startingAt span.customize,
a.addCart {
    text-decoration: none
}

.productThumbnail {
    position: relative;
    margin-top: 15px;
    text-align: center;
    float: left;
    border: 1px solid #e7e7e7;
    width: 40%;
    cursor: pointer
}

.productThumbnail .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0);
    -ms-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    font-size: 30px;
    color: #000;
    opacity: 0;
    z-index: 1;
    -webkit-transition: all .3s;
    transition: all .3s
}

.productThumbnail_img:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: #000;
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s
}

.productThumbnail_img:hover:before {
    opacity: .3
}

.productThumbnail:hover .icon {
    opacity: .5;
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1)
}

.productDescription {
    float: right;
    width: 56%;
    padding: 15px 0
}

.productDescription h1 {
    margin: 0;
    font-size: 21px;
    line-height: 21px
}

.content .right .productDescription p {
    margin: 8px 0
}

.mailBookmark {
    width: 100%;
    margin: 0 0 11px
}

.mailBookmark:after {
    content: '';
    display: table;
    clear: both
}

.mailBookmark a {
    color: #d9482b;
    display: block;
    font: 14px/17px Helvetica, Arial, sans-serif;
    padding: 3px 0 0 27px;
    float: left
}

.mailBookmark a.mail {
    background: url(../img/mail.png) top left no-repeat
}

.mailBookmark a.bookmark {
    background: url(../img/bookmark.png) top left no-repeat;
    float: right;
    padding-left: 23px
}

.startingAt {
    color: #a5a5a5;
    font: 700 14px/18px Arial;
    margin: 12px 0 0
}

.currentPrice span.priceCurrent,
.startingAt span.price {
    color: #f48f1d;
    font: 700 20px/18px Helvetica, Arial, sans-serif
}

.startingAt span.customize,
a.addCart {
    color: #fff;
    font: 700 14px/34px Helvetica, Arial, sans-serif;
    background: #da4726;
    padding: 10px 14px;
    cursor: pointer;
    position: relative;
    top: -3px;
    margin: 0 0 0 3px;
    transition: background-color .3s
}

.startingAt span.customize:hover,
a.addCart:hover {
    background-color: #f48f1d
}

.startingAt span.customize.customizing {
    padding: 10px 34px 10px 14px;
    background: url(../img/customize-arrow.png) 105px 16px no-repeat #da4726
}

.currentPrice {
    text-align: center;
    color: #000;
    font: 700 14px/18px Helvetica, Arial, sans-serif
}

.currentPrice a.addCart {
    margin: 0 auto
}

.currentPrice p {
    color: #000!important;
    margin: 10px!important
}

.customizeDivCase {
    background: #f8f5f4;
    padding: 13px 30px;
    margin: 11px 0 0;
    display: none
}

.subDivCase {
    padding-left: 3rem!important;
    background: url(/img/arrow_product.gif) no-repeat
}

.content p.customizeDivCaseTitle {
    color: #521d0f;
    font: 21px/18px Helvetica, book-antiqua-bold-italic;
    margin: 0 0 15px
}

.customizeDiv {
    border-bottom: 1px solid #b8b8b8;
    padding: 0 0 8px
}

.customizeDiv li {
    list-style: outside
}

.fake_tabs,
.footerDiv div ul.navigationUl,
ul.socNets {
    list-style: none
}

.customizeDiv p.name {
    font-weight: 700
}

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

.customize_wrap>div {
    display: table-cell;
    float: none;
    vertical-align: top;
    box-sizing: border-box
}

.customizeLeft {
    float: left;
    padding: 0 10px 0 0;
    width: 70%
}

.customizeDiv label,
.customizeDiv td {
    color: #404040;
    font: 14px/22px Helvetica, Arial, sans-serif
}

.customizeDiv label span {
    position: relative;
    top: 2px
}

.customizeMiddle {
    float: left
}

.customizeThumbnail {
    width: 96px;
    height: 80px;
    text-align: right;
    cursor: pointer;
    padding: .5rem
}

.customizeThumbnail a {
    display: table-cell;
    vertical-align: middle;
    width: 110px;
    height: 80px
}

.customizeRight {
    float: right;
    text-align: center
}

.content .customizeRight p {
    line-height: 22px;
    margin: 0 0 20px
}

.customizeRight a {
    color: #fff;
    line-height: 28px;
    background: #c9c9c9;
    display: block;
    width: 103px;
    margin: 0 auto;
    transition: all .3s
}

.customizeSection,
.top_btns {
    margin: 12px 0 0
}

.customizeRight a:hover {
    background-color: #f48f1d
}

.customizeSection .tabs li {
    background: #f2f2f2
}

.customizeSection .tabs li.current,
.customizeSection .tabs li:hover {
    background: #f48f1d
}

.top_btns .fake_tabs li {
    background: #f2f2f2
}

.top_btns .fake_tabs li:hover {
    background: #f48f1d
}

.fake_tabs {
    width: 100%
}

ul.fake_tabs {
    margin-left: 0;
    display: flex !important;
    flex-wrap: wrap;
}

ul.fake_tabs li:before {
    display: none
}

.fake_tabs:after {
    content: '';
    display: table;
    clear: both
}

.fake_tabs li {
    margin: .2rem .05rem!important;
    position: relative;
    display: inline-block!important;
    vertical-align: top!important;
    width: 24.4%;
    padding: 11px 5px!important;
    transition: .3s;
    border-right: 1px solid transparent;
    color: #f48f1d;
    font-size: 0;
    text-align: center;
    background: #fff;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-clip: padding-box!important
}

.fake_tabs li span,
.fake_tabs li:before {
    display: inline-block;
    vertical-align: middle
}

.fake_tabs li:before {
    content: '';
    width: 1%;
    height: 100%
}

.fake_tabs li span {
    font: 12px/1 HELVETICABOLD;
    padding: 8px 0
}

.fake_tabs li:hover {
    color: #fff;
    background: #f48f1d;
    transition: .3s;
    opacity: .8
}

.customizeSection .box {
    background: #f2f2f2;
    margin: 0;
    padding: 20px 25px;
    overflow: hidden
}

.customizeSection .box p {
    margin: 10px 0
}

.footerCase {
    width: 100%;
    background: #521d0f;
    padding: 25px 0 18px;
    border-bottom: 1px solid #6f4337
}

.footerDiv.wrapper {
    display: table;
    max-width: 1350px
}

.footerCase:not(.footerCaseBottom) .wrapper:after {
    display: none
}

.footerDiv div {
    display: table-cell;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 25%;
}

.footerDiv div a,
.footerDiv div p,
.footerDiv div td,
.footerDiv p {
    color: #fff;
    font: 14px/18px Helvetica, Arial, sans-serif;
	margin:5px 0;
}

.footerDiv div p.title {
    font: 25px/1 book-antiqua-bold-italic;
    margin: 0 0 20px
}

.footerDiv div.navigation,
.footerDiv div.saunas {
    padding-right: 4%
}

.footerDiv div.contactUs {
    width: 236px;
    padding-right: 4%
}

.footerDiv div.stayLoop .footer_blog {
    display: none
}

.footerDiv div.stayLoop {
    width: 206px
}

.footerDiv div.contactUs p.phone {
    line-height: 10px
}

.footerDiv div ul.navigationUl li {
    border-bottom: 1px solid #643427;
    margin: 5px 0;
    padding: 0 0 5px 22px;
    background: url(../img/footer-li-bg.png) 7px 6px no-repeat;
    transition: all .3s
}

.footerDiv div ul.navigationUl li:hover {
    background-position-x: 10px;
    transition: .3s;
    color: #000
}

.footerDiv div ul.navigationUl li:hover a {
    transition: .3s;
    color: #da4726
}

ul.socNets {
    margin: 15px 0 0;
    overflow: hidden
}

ul.socNets li {
    float: left;
    margin: 0 9px 0 0
}

ul.socNets li a {
    display: block;
    height: 25px
}
ul.socNets li a svg{
    display: block;
    width: 1.5rem;
    height: 1.5rem;
}

ul.socNets li a.google {
    width: 27px;
    background: url(../img/s0c-ico-g.png) no-repeat
}

ul.socNets li a.facebook {
    width: 13px;
    background: url(../img/s0c-ico-f.png) no-repeat
}

ul.socNets li a.youTube {
    width: 26px;
    background: url(../img/s0c-ico-yt.png) no-repeat;
    display: block
}

form.footerForm {
    display: block
}

form.footerForm:after {
    content: '';
    display: table;
    clear: both
}

form.footerForm input[type=text] {
    width: 100%;
    height: 35px;
    padding: 0 12px;
    background-color: #fff;
    border: none;
    color: #404040;
    font: 400 14px/1 Helvetica, Arial, sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

::-webkit-input-placeholder {
    color: #d8d8d8;
    transition: all .3s
}

:-moz-placeholder {
    color: #d8d8d8;
    transition: all .3s;
    line-height: 5px
}

::-moz-placeholder {
    color: #d8d8d8;
    transition: all .3s;
    line-height: 5px
}

:-ms-input-placeholder {
    color: #d8d8d8;
    transition: all .3s
}

::placeholder {
    color: #d8d8d8;
    transition: all .3s
}

:focus::-webkit-input-placeholder {
    opacity: 0
}

:focus:-moz-placeholder {
    opacity: 0
}

:focus::-moz-placeholder {
    opacity: 0
}

:focus:-ms-input-placeholder {
    opacity: 0
}

:focus::placeholder {
    opacity: 0
}

form.footerForm input.send {
    float: right;
    background: #da4726;
    color: #fff;
    font: 700 14px/33px Helvetica, Arial, sans-serif;
    text-align: center;
    width: 100%;
    border: none;
    cursor: pointer;
    margin: 5px 0 0;
    -webkit-transition: all .3s;
    transition: all .3s
}

.dialog .icon_close svg,
p.copyright {
    float: left
}

form.footerForm input.send:hover {
    background-color: #f48f1d
}

.footerCaseBottom {
    padding: 16px 0 14px
}

a.bbb {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-40%, -50%);
    display: block;
    text-align: center;
    width: 6.5rem;
}

.ui-rangeSlider-arrow-inner,
.ui-rangeSlider-label-inner {
    display: none
}

p.xi-digital {
    float: right;
    text-align: right
}

.button,
.gallerythumb_item,
.priceRangeCase,
.priceRangeCase button,
.tc {
    text-align: center
}

p.xi-digital a {
    color: #fff;
    font-weight: 700;
    text-decoration: none
}

.filterCase {
    position: relative;
    height: 24px;
    line-height: 24px
}

.ui-rangeSlider {
    height: 22px
}

.ui-rangeSlider .ui-rangeSlider-innerBar {
    height: 16px;
    margin: 3px 6px;
    background: #DDD
}

.ui-rangeSlider .ui-rangeSlider-handle {
    width: 6px;
    height: 22px;
    background: #aaa;
    background: rgba(100, 100, 100, .3);
    cursor: col-resize
}

.ui-rangeSlider .ui-rangeSlider-bar {
    margin: 1px 0;
    background: #CCC;
    background: rgba(100, 100, 150, .2);
    height: 20px;
    cursor: move;
    cursor: grab;
    cursor: -moz-grab
}

.ui-rangeSlider .ui-rangeSlider-bar.ui-draggable-dragging {
    cursor: -moz-grabbing;
    cursor: grabbing
}

.ui-rangeSlider-arrow {
    height: 16px;
    margin: 2px 0;
    width: 16px;
    background-repeat: no-repeat
}

.ui-rangeSlider-arrow.ui-rangeSlider-leftArrow {
    background-position: center left
}

.ui-rangeSlider-arrow.ui-rangeSlider-rightArrow {
    background-position: center right
}

.ui-rangeSlider-container {
    height: 22px
}

.ui-rangeSlider-withArrows .ui-rangeSlider-container {
    margin: 0 11px
}

.ui-rangeSlider-noArrow .ui-rangeSlider-container {
    margin: 0
}

.ui-rangeSlider-label {
    margin: 0 2px 2px;
    background-position: bottom center;
    background-repeat: no-repeat;
    white-space: nowrap;
    bottom: 20px;
    padding: 3px 6px 7px;
    cursor: col-resize
}

input.ui-editRangeSlider-inputValue {
    width: 3em;
    vertical-align: middle;
    text-align: center
}

.priceRangeCase button {
    background: #da4726;
    color: #fff;
    font: 700 14px/33px Helvetica, Arial, sans-serif;
    width: 109px;
    border: none;
    cursor: pointer;
    margin: 5px 0 0;
    -webkit-transition: all .3s;
    transition: all .3s
}

.priceRangeCase button:hover {
    background-color: #f48f1d
}

.priceRangeCase {
    position: absolute;
    left: 50%;
    top: 30px;
    display: block;
    background-color: #f7eee9;
    padding: 35px 10px 15px;
    width: 100%;
    max-width: 400px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: default;
    opacity: 0;
    pointer-events: none
}

.dialog_wrapper,
.wrapper {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.priceRangeCase.isVisible {
    opacity: 1;
    pointer-events: auto
}

.priceRangeCase form {
    margin-top: 10px
}

.gallerythumb {
    font-size: 0
}

.gallerythumb_item {
    overflow: hidden;
    position: relative;
    display: inline-block;
    width: 24.2%;
    margin: 0 0 1% 1%;
    vertical-align: top
}

.gallerythumb_item:nth-child(4n+1) {
    margin-left: 0
}

.gallerythumb_img {
    display: block;
    padding-top: 100%;
    transition: .3s;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover
}

.gallerythumb_noimg {
    display: block;
    transition: .3s;
    background: rgba(99, 51, 39, .8)
}

.gallerythumb_noimg img {
    margin: 1rem auto 3rem
}

.gallerythumb_name {
    font-size: 16px;
    line-height: 1.2;
    color: #fff;
    background: rgba(99, 51, 39, .7);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: .5rem;
    transition: .3s
}

.items_link .item,
.items_link .item a,
.items_link .item p,
.items_link .item span {
    font: 14px/18px Helvetica, Arial, sans-serif
}

.loginFormCase,
.new_table .white {
    background-color: #fff
}

.gallerythumb_item:hover .gallerythumb_img {
    transform: scale(1.1);
    transition: .3s
}

.gallerythumb_item:hover .gallerythumb_name {
    bottom: 40%;
    transition: .3s
}

.items_link {
    display: flex;
    flex-wrap: wrap
}

.items_link .item {
    width: 31%;
    margin: 1rem 1%;
    display: inline-block;
    vertical-align: top;
    padding: .5rem;
    border: .1rem solid #521d0f
}

.fixed_footer,
.wrapper {
    width: 100%
}

button {
    cursor: pointer
}

.loginFormCase {
    padding: 15px
}

.dashboardFormCase label,
.loginFormCase label {
    display: block
}

.msg {
    border-radius: 10px;
    padding: 0 15px;
    border: 1px solid #c00;
    margin-bottom: 15px
}

#blocksCase td {
    padding-right: 10px
}

#blocksCase #blocksUl li:before {
    display: none
}

#blocksCase h2,
#blocksCase h3 {
    color: #600
}

.new_table td {
    padding: 1px 10px;
    border: 1px solid #ccc
}

.new_table p {
    margin: 5px 0!important
}

#blocksUl .slick-list {
    padding-bottom: 30px
}

#blocksUl {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

#blocksUl .next,
#blocksUl .prev {
    position: absolute;
    top: 12px;
    z-index: 5;
    max-width: 9px;
    cursor: pointer;
    display: block
}

#blocksUl .prev {
    left: 0
}

#blocksUl .next {
    right: 0
}

.download {
    background-color: #da4726;
    color: #fff;
    padding: 15px 30px;
    position: relative;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.download:after {
    content: '';
    color: #fff;
    display: block;
    background: url(../img/donwload_icon.png) no-repeat #BA381B;
    position: absolute;
    right: -44px;
    font-weight: 700;
    top: 0;
    padding: 22.5px 22px
}

.download:hover {
    color: #fff;
    background-color: #C73E1F
}

body,
html {
    height: auto!important
}

body {
    overflow-x: hidden
}

.dark_overlay.nav-opened:after {
    content: "";
    display: block;
    width: 100%;
    height: 100vh;
    background: #000;
    opacity: .8;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100
}

.close_ico:after,
.close_ico:before,
.dialog:after,
.headerCase_btn:after,
.headerCase_btn:before,
.wrapper:after {
    content: ''
}

.wrapper {
    position: relative;
    max-width: 1350px;
    padding: 0 15px;
    margin: 0 auto;
    box-sizing: border-box
}

.wrapper:after {
    display: table;
    clear: both
}

.icon,
[class*=" icon_"],
[class^=icon_] {
    display: inline-block;
    width: 1em;
    height: 1em;
    fill: currentColor
}

.table {
    display: table
}

.trow {
    display: table-row
}

.tcell {
    display: table-cell;
    vertical-align: middle
}

.labels {
    display: block;
    margin: 4px auto
}

.input {
    display: block;
    width: 100%;
    height: 36px;
    margin-bottom: 12px;
    padding: 0 10px;
    font-size: 14px;
    border-radius: 0;
    border: 1px solid #ccc;
    background-color: #fff;
    -webkit-transition: all .3s;
    transition: all .3s
}

.dialog,
.toast {
    box-shadow: 1px 5px 15px rgba(0, 0, 0, .25)
}

.button,
.headerCase_btn {
    -webkit-transition: all .3s;
    cursor: pointer
}

.testimonial_single p {
    font-size: 14px;
    font-weight: 900;
    color: #404040;
    margin-bottom: 20px
}

h2.btn_2 {
    color: #fff!important;
    display: inline-block;
    padding: 11px 20px;
    font: 700 14px/1 Arial;
    background-color: #da4726;
    user-select: none
}

.button {
    display: inline-block;
    padding: 11px 20px;
    color: #fff;
    font: 700 14px/1 Arial;
    background-color: #da4726;
    border: 0;
    white-space: nowrap;
    transition: all .3s;
    user-select: none
}

.button:hover {
    background-color: #f48f1d
}

.btn_black {
    display: inline-block;
    padding: 11px 30px;
    color: #fff!important;
    font: 700 15px/1 Arial;
    background-color: #212121;
    border: 0;
    white-space: nowrap;
    transition: all .3s;
    user-select: none;
    margin-right: 5px;
    text-align: center
}

.btn_black span,
.btn_black img {
    display: inline-block;
    vertical-align: middle
}

.btn_black span {
    margin-left: 5px
}

.btn_black:hover {
    background-color: #da4726
}

.buttons {
    display: block;
    max-width: calc(100% - 310px);
    margin: 15px 0 20px
}

.buttons .button {
    display: block
}

.bottom_category {
    padding: 20px;
    background: #f2f2f2
}

.buttons .btn_black {
    width: calc(50% - 5px)
}

.buttons .btn_black:last-child {
    margin: 0
}

.buttons_2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.buttons_2 a {
    display: block;
    width: 30%;
    margin: 0;
    padding: 0;
    height: 74px;
    line-height: 74px
}
.buttons_2.total_prices_count_1 a {
    width: 50%;
}
#CANADIANPRICES td,
#USPRICES td {
    padding: 15px 0
}

.bottom_category h2 img.quote {
    margin-right: 10px;
    transform: rotate(180deg);
    position: relative;
    top: 5px
}

.bottom_category h2 {
    text-align: center;
    font-size: 23px!important;
    font-weight: 900!important
}

.category_new a.button {
    display: none
}

.h1 {
    font: 28px/1 book-antiqua-bold-italic;
    margin-bottom: 10px;
    display: block;
    color: #521d0f
}

.tr {
    text-align: right
}

.tl {
    text-align: left
}

img {
    max-width: 100%
}

.dialog_wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    display: none;
    z-index: 1500;
    padding: 40px 0;
    box-sizing: border-box
}

.dialog_wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.dialog_wrapper .main_table {
    width: 100%;
    height: 100%;
    padding-right: 20px
}

.dialog_wrapper .main_tcell {
    padding: 0 20px
}

.dialog {
    max-width: 340px;
    margin: 0 auto;
    padding: 24px;
    background-color: #fff;
    display: none;
    z-index: 503;
    position: relative
}

.dialog.error {
    max-width: 350px;
    padding: 0
}

.dialog.error .h2 {
    padding: 24px;
    border-bottom: 2px solid #441420;
    color: #441420
}

.dialog.error p {
    display: block;
    padding: 0 24px 24px
}

.dialog .icon_close {
    position: absolute;
    top: -35px;
    right: -7px;
    color: #fff;
    cursor: pointer;
    font-size: 35px;
    transition: color .3s ease
}

.dialog .icon_close:focus,
.dialog .icon_close:hover {
    color: #f44336
}

.dialog_bg {
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(33, 33, 33, .55);
    display: none;
    width: 100%;
    height: 100%
}

.dialog_opened .dialog_bg {
    animation-name: fadeIn;
    animation-duration: .3s;
    animation-fill-mode: both
}

@keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.dialog_opened .dialog {
    animation-name: showDialog;
    animation-duration: .3s;
    animation-fill-mode: both
}

.dialog_opened .dialog_wrapper {
    display: block
}

.dialog_scrollable_mobile .dialog_wrapper {
    width: 100%!important
}

.dialog_scrollable_mobile .main_table {
    padding-right: 0!important
}

.dialog_scrollable .dialog_wrapper {
    overflow-y: scroll;
    width: calc(100% + 40px)
}

@keyframes showDialog {
    0% {
        opacity: 0;
        transform: translateY(40px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.toast {
    position: fixed;
    z-index: 1503;
    width: 100%;
    max-width: 280px;
    left: 20px;
    right: 20px;
    bottom: 20px;
    background-color: #fff;
    color: #fff;
    display: none;
    padding: 10px 20px;
    backface-visibility: hidden
}

.toast p {
    display: block;
    margin-bottom: 0;
    margin-top: 3px;
    color: #fff
}

.toast.error {
    background-color: rgba(239, 83, 80, .9)
}

.toast.success {
    background-color: rgba(139, 195, 74, .9)
}

.toast_close {
    position: absolute;
    color: #fff;
    top: 3px;
    right: 10px;
    font-size: 25px;
    cursor: pointer
}

.toast_icon {
    color: #fff;
    float: left;
    margin-right: 20px;
    font-size: 30px
}

.validate_error {
    border: 1px solid #e57373!important
}

.dialog .button {
    width: 100%;
    border-radius: 0
}

.headerCase_btn {
    display: none;
    position: relative;
    float: right;
    padding: 10px 0;
    margin: 18px 0 0;
    transition: all .3s;
    z-index: 101
}

.headerCase_btn span {
    position: relative;
    display: block;
    width: 40px;
    height: 6px;
    background-color: #fa9020
}

.headerCase_btn:after,
.headerCase_btn:before {
    position: absolute;
    top: 20px;
    left: 0;
    width: 40px;
    height: 6px;
    background-color: #fa9020;
    -webkit-transition: all .3s;
    transition: all .3s
}

.headerCase_btn:before {
    top: 0
}

.headerCase_btn.isOpen span {
    background: 0 0
}

.headerCase_btn.isOpen:after,
.headerCase_btn.isOpen:before {
    top: 10px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.headerCase_btn.isOpen:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.dialog_register_btn {
    font-size: 16px
}

.modal_register .input {
    margin-bottom: 8px
}

#blocksCase .box li,
.viewDetails_info ul li {
    list-style: disc;
    line-height: 1.2;
    margin-bottom: 4px
}

.modal_viewDetails {
    max-width: 800px
}

.viewDetails_pic {
    float: left;
    width: 40%;
    max-width: 100%;
    text-align: center
}

.viewDetails_info {
    float: right;
    width: calc(60% - 30px);
    padding-top: 18px
}

.dialog:after {
    display: table;
    clear: both
}

.blocksCase_pictures {
    font-size: 0
}

.blocksCase_pic {
    display: inline-block;
    width: 24%;
    margin: 0 .5%;
    font-size: 14px;
    text-align: center;
    vertical-align: top
}

.noselect {
    webkit-touch-callout: none;
    user-select: none
}

.type_number input::-webkit-inner-spin-button,
.type_number input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.type_number input[type=number] {
    -moz-appearance: textfield
}

.type_number {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    width: 5em;
    margin: 0 auto;
    font-size: 14px;
    line-height: 1;
    height: 3em
}

.type_number .minus,
.type_number .number,
.type_number .plus {
    position: relative;
    display: block;
    width: 100%;
    vertical-align: middle;
    font-size: 1em;
    text-align: center
}

.type_number .number {
    height: 100%;
    padding-right: 1.5em;
    color: #5c5c5c;
    border: 1px solid #aaa
}

.type_number .minus,
.type_number .plus {
    position: absolute;
    top: 0;
    right: 0;
    width: 1.5em;
    height: 50%;
    cursor: pointer;
    z-index: 1;
    border: 1px solid #aaa;
    background-color: #fff
}

.type_number .plus {
    height: calc(50% + 1px)
}

.type_number .minus {
    top: auto;
    bottom: 0;
    border-top: 0
}

.type_number .minus:before,
.type_number .plus:before {
    content: '';
    position: absolute;
    top: .15em;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -5px;
    display: block;
    border: 5px solid transparent;
    transition: all .3s
}

.type_number .plus:before {
    border-bottom-color: #f48f1d;
    margin-top: -8px
}

.type_number .minus:before {
    border-top-color: #f48f1d;
    margin-top: -1px
}

.type_number .plus:hover:before {
    border-bottom-color: #da4726
}

.type_number .minus:hover:before {
    border-top-color: #da4726
}

.close_ico {
    position: relative;
    display: inline-block;
    width: 1.6em;
    height: 1.6em;
    font-size: 14px;
    color: #f48f1d;
    -webkit-transition: all .3s;
    transition: all .3s;
    vertical-align: middle;
    cursor: pointer
}

.close_ico:hover {
    color: #da4726
}

.close_ico:after,
.close_ico:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    -webkit-transform: rotate(45deg) translate(-50%, -50%);
    -ms-transform: rotate(45deg) translate(-50%, -50%);
    transform: rotate(45deg) translate(-50%, -50%);
    transform-origin: 0 0;
    border: 2px solid;
    border-radius: 4px
}

.row,
.table_res {
    position: relative
}

.close_ico:before {
    width: 100%;
    width: 1.6em
}

.close_ico:after {
    height: 100%;
    height: 1.6em
}

.emptyCart {
    text-align: center
}

.emptyCart h1 {
    color: #ff8300
}

.table_res {
    width: 100%;
    border-spacing: 0
}

.table_res td,
.table_res th {
    padding: 10px;
    text-align: center
}

.table_res th {
    padding: 15px 10px;
    background-color: #e9e9e9
}

.table_res tbody tr {
    font-size: 0
}

.table_res tbody td {
    font-size: 14px;
    background-color: #f4f4f4;
    border: 2px solid #fff;
    position: relative
}

.table_res_total td {
    padding: 10px;
    background-color: #e9e9e9
}

.column_close,
.table_res th:last-child {
    background: #fff!important
}

.table_res p:first-child {
    margin-top: 0
}

.table_res p:last-child {
    margin-bottom: 0
}

.column_img {
    width: 120px
}

.column_sm {
    width: 110px
}

.column_close {
    width: 30px
}

.table_cart tbody td:nth-child(2) {
    text-align: left
}

.table_cart .table_res_total td:first-child {
    background-color: #fff
}

.table_cart img {
    max-height: 100px
}

.table_cart_btn {
    padding: 15px 5px;
    max-width: 14.5rem;
    margin-right: 43px;
    float: right;
    background-color: #f48f1d;
    color: #fff;
    font: 14px/1 Helvetica, Arial, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    border: none;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s
}

.filtering,
.table_cart .product_price {
    text-align: right
}

.table_cart_btn:hover {
    background-color: #da4726
}

.empty_cart_title {
    font: 28px/1 book-antiqua-bold-italic;
    margin-bottom: 10px;
    display: block;
    color: #dd0808
}

.dashboard_form {
    width: 100%;
    max-width: 320px
}

.dashboard_form .button {
    width: 100%;
    border-radius: 0
}

.modal_session {
    background: rgba(156, 60, 33, .81)
}

.modal_session p {
    color: #fff
}

.modal_session .h1 {
    border-top: 1px solid #a5563e;
    padding-top: .6rem;
    color: #fa911d
}

.filtering {
    margin: 0 0 -2.6rem;
    float: right
}

.filtering label {
    font-size: .9rem;
    margin-right: .5rem
}

.filtering select {
    display: inline-block;
    width: auto;
    margin-bottom: 20px
}
.content iframe{width: 100%!important}
[class*=col_] {
    margin-right: 4%;
    float: left
}

.col_12,
[class*=col_]:last-child {
    margin-right: 0
}

.col_1 {
    width: 4.66666666667%
}

.col_2 {
    width: 13.3333333333%
}

.col_3 {
    width: 22%
}

.col_4 {
    width: 30.6666666667%
}

.col_5 {
    width: 39.3333333333%
}

.col_6 {
    width: 48%
}

.col_7 {
    width: 56.6666666667%
}

.col_8 {
    width: 65.3333333333%
}

.col_9 {
    width: 74%
}

.col_10 {
    width: 82.6666666667%
}

.col_11 {
    width: 91.3333333333%
}

.col_12 {
    width: 100%
}

.doc_table {
    width:1280px;
    margin: 0 0 0 13px;    
}

.doc_table tr, .doc_table td {
    border: none;
}

.doc_table td {
    padding:0 12%;
}

table[style*=width][style*="380px"]{margin-bottom: 15px;}

.kit_table {
    width: 100%;
    table-layout: fixed;
    background-color: #FFF;
}

.kit_table tr td {
    vertical-align: top;
}

.kit_table img {width: 100% !important; height: 125px !important;}
.kit_table.table_long_images img {width: initial !important; height: 215px !important;}
.tab_desktop .kit_table img {margin-top: 10px;}

@media only screen and (max-width:1350px) {
    .content .cta {width: calc(100% + 3.01rem);margin-left: -1.5rem;}
    img[style*=width][style*="327px"]{margin-bottom: 15px;}
    .doc_table {width: 100% !important; margin: 0 !important;}
    table[style*=width][style*="950px"]{width: 100% !important}
    table[style*=width][style*="500px"]{width: 100% !important}
    table[style*=width][style*="750px"]{width: 100% !important}
    .video_button_large {padding: 15px 24px 10px 17px}
}

@media only screen and (max-width:1200px) {
    .mmDiv>a {
        padding: 0 10px
    }
    .galleryCase_item {
        width: 31.3%;
        height: 260px
    }
    .galleryCase_item:nth-child(4n+1) {
        margin-left: 3%
    }
    .galleryCase_item:nth-child(3n+1) {
        margin-left: 0
    }
    .gallerythumb_item {
        width: 32.6%
    }
    .gallerythumb_item:nth-child(4n+1) {
        margin-left: 1%
    }
    .gallerythumb_item:nth-child(3n+1) {
        margin-left: 0
    }
    .fake_tabs .long_tab_name,
    .tabs .long_tab_name {
        font-size: 12px
    }
    .fake_tabs li,
    .tabs li {
        width: 32%!important
    }

    .buttons {max-width: 100%}
    .video_button_large span {font-size: 17px;}
    .video_button_large img {width: 55px;height: 55px;}
    .video_button_large {padding: 15px 10px 8px 17px}
    .video_button_large span {width: calc(100% - 75px)}
}

@media only screen and (max-width:1100px) {
    .cta h3, .cta .h3 {font-size: 33px; margin: 10px 20px;}
    table[style*=width][style*="51%"]{width: 100% !important}
    .video_button_large img {margin-right: 15px;}
    .video_button_large span {width: calc(100% - 70px)}
    .video_button_large span br{display: none;}
}

@media only screen and (max-width:1030px) {
    .topMenu,
    .topMenu ul li {
        float: none
    }
    .mmDiv,
    .topMenu ul li a {
        display: block;
        border-width: 0 0 1px
    }
    .block_404,
    .block_approved {
        margin-top: 60px
    }
    .headerCase .languageSelection {
        text-align: left!important
    }
    .headerCase {
        text-align: center;
        position: fixed;
        top: 0;
        right: -360px;
        height: 100vh;
        width: 100%;
        max-width: 360px;
        -webkit-transition: all .3s;
        transition: all .3s;
        background-color: #602919;
        z-index: 101;
        padding: 60px 20px 20px;
        margin: 0!important;
        overflow-y: auto;
        box-sizing: border-box
    }
    .headerCase.nav-opened {
        right: 0;
        margin: 0!important
    }
    .headerCase_btn {
        display: block
    }
    .logoCase {
        width: 114px
    }
    .topMenu {
        margin: 0
    }
    .topMenu ul li a {
        padding: 10px 10px 8px;
        font-size: 15px;
        line-height: 1
    }
    .mmCase {
        position: relative
    }
    .languageSelection {
        float: none;
        position: absolute;
        top: 9px;
        left: 20px
    }
    .cartAndCustomerLogin {
        position: relative;
        top: 0;
        margin-top: 16px
    }
    .mmDiv>a {
        height: auto;
        padding: 10px 10px 9px;
        text-transform: uppercase
    }
    .adb_slider {
        padding-top: 59px
    }
}

@media only screen and (max-width:992px) {
    .filtering,
    .galleryCase_items_name {
        text-align: left
    }
    .catPreview {
        width: 47%
    }
    .tab_desktop table img {
        max-height: 4rem
    }
    .slide {
        height: 500px
    }
    .aboutSaunaCase .left {
        width: calc(100% - 295px);
        margin-left: 15px
    }
    .productPrev,
    .productPrev:nth-child(3n+1) {
        margin-left: 4%
    }
    .aboutSaunaCase .right {
        width: 240px
    }
    .needCustomQuote {
        font-size: 15px
    }
    .callUsToday {
        font-size: 16px
    }
    .footerDiv div p.title {
        font-size: 24px
    }
    .footerDiv div.contactUs {
        width: 200px
    }
    .footerDiv div.stayLoop {
        width: 192px
    }
    .callUsTodaySmall,
    .needCustomQuoteSmall {
        font-size: 18px
    }
    .productPrev {
        width: 48%
    }
    .productPrev:nth-child(odd) {
        margin-left: 0
    }
    .mailBookmark a.mail {
        float: none;
        width: 100%
    }
    .mailBookmark a.bookmark {
        float: none;
        width: 100%;
        margin-top: 10px
    }
    .blocksCase_pic {
        width: 32.333%
    }
    .galleryCase_item {
        height: 170px;
        width: 47%
    }
    .galleryCase_item:nth-child(3n+1),
    .galleryCase_item:nth-child(4n+1),
    .galleryCase_item:nth-child(even) {
        margin-left: 3%
    }
    .productsPrevCase .productPrev {
        width: 45%;
        vertical-align: top
    }
    .filtering {
        float: none
    }
    .gallerythumb_item {
        width: 49%
    }
    .gallerythumb_item:nth-child(3n+1),
    .gallerythumb_item:nth-child(4n+1),
    .gallerythumb_item:nth-child(even) {
        margin-left: 1%
    }
    .items_link .item {
        width: 48%
    }
    #cssmenu {
        margin-top: 0
    }
    .right table td,
    .right table th {
        padding: 5px
    }
    .buttons_2 a {
        width: 100%;
        margin: 5px auto;
        height: 54px;
        line-height: 54px
    }
    .pseudo_table {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: left;
    }

    .pseudo_td {
        padding-right: 0;
        width: 100% !important;
    }

    .pseudo_td.img_td {
        margin: 0 0 .5rem;
    }


    .cta {padding: 25px 0 35px;}
    .cta .cta_wrap {-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
    .cta h3, .cta .h3 {margin: 5px auto 15px;text-align: center;max-width: 460px;font-size: 30px;}
    table[style*=width][style*="600px"]{width: 100% !important}
    .doc_table td {padding: 0 25px;}
    #contactForm input.send {float: none;margin: 10px 0 20px;}
    input[style*=max-width][style*="30rem"]{max-width: 100% !important}
    table[style*=width][style*="605px"]{width: 100% !important}
    .image_table td{display: block;width: 100%;padding-bottom: 10px !important;}
    .kit_table tr{display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-moz-box-orient: vertical;-moz-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
    .tab_desktop .kit_table img, .kit_table img {height: auto !important;max-height: unset !important;}
}

@media only screen and (max-width:767px) {
.faq_blocks li {width: 47%;}    
    .bottom_category {
        padding: 0
    }
    .btn_black {
        display: block;
        margin: 1rem auto;
        width: 100%
    }
    h2.button {
        font-size: 14px
    }
    .buttons {
        margin-bottom: 20px;
        max-width: 100%;
        display: block
    }
    .buttons .btn_black {
        width: 100%
    }
    #CANADIANPRICES td,
    #USPRICES td {
        padding: 5px 2px;
        font-size: 12px!important
    }
    .right table.table {
        width: 100%;
        max-width: 100%;
        min-width: 100%
    }
    table.table caption {
        font-size: 12px
    }
    .table td,
    .table th {
        font-size: 12px;
        padding: 5px!important
    }
    .customizeThumbnail {
        display: block;
        margin: 10px auto
    }
    .currentArrow {
        display: none!important
    }
    .banner {
        width: 49.5%;
        margin-left: 1%
    }
    .banner:nth-child(odd) {
        margin-left: 0
    }
    .aboutSaunaCase .left {
        float: none;
        width: 100%;
        margin: 0 auto 10px
    }
    .aboutSaunaCase .right {
        float: none;
        width: 100%;
        max-width: 290px;
        margin-bottom: 20px;
        margin: 0 auto;
    }
    .needCustomQuote {
        font-size: 17px
    }
    .callUsToday {
        font-size: 19px
    }
    .tabs li {
        font-size: 13px
    }
    .footerDiv div.navigation,
    .footerDiv div.saunas {
        display: none
    }
    .js_sidebar_btn,
    .table_res {
        display: block
    }
    .footerDiv div.stayLoop .footer_blog {
        display: block;
        text-decoration: underline
    }
    form.footerForm input.send {
        margin-bottom: 20px!important
    }
    .footerDiv div.contactUs {
        width: 52%
    }
    .footerDiv div.stayLoop {
        width: 48%
    }
    p.copyright,
    p.xi-digital {
        width: 100%;
        float: none;
        text-align: center
    }
    a.bbb {
        position: relative;
        left: 0;
        top: 0;
        transform: none;
        margin: 10px auto
    }
    .footerCaseBottom {
        padding: 10px 0
    }
    .content .left {
        position: absolute;
        top: 5px;
        left: 15px;
        width: 230px;
        -webkit-transform: translate3d(calc(-100% - 15px), 0, 0);
        -ms-transform: translate3d(calc(-100% - 15px), 0, 0);
        transform: translate3d(calc(-100% - 15px), 0, 0)
    }
    .content .left.isOpened {
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        box-shadow: 2px 2px 8px rgba(0, 0, 0, .4)
    }
    .content .right {
        float: none;
        width: 100%;
        max-width: 100%;
        padding-top: 32px
    }
    .viewDetails_info .h1 {
        font-size: 24px
    }
    .table_res thead {
        display: none
    }
    .table_res tbody {
        display: block
    }
    .table_res tbody tr {
        position: relative;
        display: block;
        padding: 36px 0 10px;
        margin-bottom: 10px;
        border-bottom: 1px solid #ccc
    }
    .table_res tbody td {
        display: block;
        width: 100%;
        padding: 10px
    }
    .table_res tbody p {
        margin: 5px 0
    }
    .table_res tbody .column_sm {
        display: inline-block;
        width: 33.33%;
        min-height: 56px;
        padding: 5px 0;
        vertical-align: top
    }
    .table_res tbody .column_sm span {
        display: block;
        line-height: 40px
    }
    .table_res tbody .column_close {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        padding: 5px
    }
    .column_close .close_ico {
        width: 100%
    }
    .table_res_total {
        display: table;
        width: 100%
    }
    .table_res_total td:empty {
        display: none
    }
    .table_cart tbody td:nth-child(2) {
        text-align: center
    }
    .dashboard_form {
        margin: 0 auto
    }
    h1,
    p.h1 {
        text-align: center
    }
    ul.tabs {
        flex-wrap: wrap
    }
    .galleryCase_item {
        height: 200px
    }
    #blocksUl div {
        display: block;
        width: 100%
    }
    .filtering {
        text-align: center
    }
    .gallerythumb_item:hover .gallerythumb_img {
        transform: none
    }
    .gallerythumb_item:hover .gallerythumb_name {
        bottom: 0
    }
    .fake_tabs li,
    .tabs li {
        width: 49%!important
    }
    .table_cart_btn {
        margin: 1rem auto;
        max-width: 90%
    }
    .adb_slider_item {
        height: 120px
    }
    .blog_sidebar #cssmenu>ul>li>a {
        padding: 5px;
        font-size: 14px!important;
        margin: 3px
    }
    .adb_slider .banner_logos {
        bottom: 3px;
    }

    .video_button_large span br{display: block;}
    .modal_video.dialog{max-width:90vw}
    [style*=margin][style*="-15px 0px 28px"]{margin:0 0 5px!important}
}
@media only screen and (min-width:550px) {   
    .hide_mob{
        display: table-cell;
    }
    .hide_desc{
        display: none;
    }
	p.video{width: 550px; float: right;}
	p.video iframe{height: 360px;}
}
@media only screen and (max-width:550px) {
     .content .faq_blocks {margin-left: 0;}
     .content .faq_blocks li {width: 100%; margin: 0.2rem 0 !important;float: none; padding: 0 !important;}
     .faq_blocks li a{padding: 0.8rem 0; font-size: 0.9rem;}
    .hide_mob{
        display: none;
    }
    .hide_desc{
        display: block;
    }
    .btn,
    .modal_region ul {
        max-width: 100%
    }
    .modal_region .h1 {
        font-size: 20px
    }
    .tab_desktop {
        display: none!important
    }
    .tab_mobile {
        display: block!important
    }
    #blocksUl .hide_on_mobile,
    .fake_tabs .hide_on_mobile,
    .hide_on_mobile {
        display: none!important
    }
    .fake_tabs li {
        display: block;
        width: 100%!important
    }
    #blocksCase iframe {
        width: 100%;
        height: auto
    }
    [class*=col_] {
        width: 100%;
        margin-right: 0
    }
    .right .mob_col_tb img {
        height: auto!important
    }
    .right .mob_col_tb td {
        padding-left: 0;
        padding-right: 10px
    }
    .right .mob_col_tb td:last-child {
        padding-right: 0
    }
    .outdoor_table,
    .outdoor_table tbody,
    .outdoor_table td {
        display: block;
        width: 100%
    }
    .content img[style*=float][style*=" left"],
    .content img[style*=float][style*=" right"] {
        width: auto!important;
        display: block;
        height: auto!important;
        float: none!important;
        margin-left: auto!important;
        margin-right: auto!important;
        margin-bottom: 10px!important;
    }
    #map,
    .contactInfo {
        width: 100%
    }
    .slideDescription {
        right: 15px;
        left: 15px;
        max-width: 100%;
        padding: 20px 20px 17px;
        bottom: 80px;
    }
    .slideDescription p.slideDescriptionTitle {
        font-size: 30px
    }
    .tabs {
        display: block;
        height: auto
    }
    .tabs li {
        height: 100%
    }
    .section {
        margin: 0
    }
    li.current .currentArrow {
        display: none
    }
    .customize_wrap,
    .customize_wrap>div,
    .itemsPageSortBy table,
    .itemsPageSortBy tbody,
    .itemsPageSortBy tr {
        display: block
    }
    .box {
        padding: 20px 0
    }
    .content .right .h1,
    .content .right h1 {
        font-size: 22px
    }
    #map {
        margin-top: 20px
    }
    .content .right h2 {
        font-size: 18px
    }
    .content .right .contentLeft,
    .content .right .contentRight {
        float: none;
        width: 100%;
        margin: 10px 0
    }
    .itemsPageSortBy td {
        display: block;
        width: 100%!important
    }
    .productDescription,
    .productThumbnail {
        float: none;
        width: 100%
    }
    .productThumbnail {
        max-width: 220px;
        margin: 0 auto
    }
    .customize_wrap>div {
        width: 100%!important;
        padding: 5px 0
    }
    .blocksCase_pic {
        width: 48%;
        margin: 0 1%
    }
    .slide {
        height: 390px
    }
    .galleryCase_item {
        width: 48.3%
    }
    .galleryCase_item:nth-child(3n+1) {
        margin-left: 3%
    }
    .galleryCase_item:nth-child(odd) {
        margin-left: 0
    }
    .tabs li {
        width: 100%!important;
        display: block!important
    }
    #blocksCase td {
        display: block;
        width: 100%!important;
        height: auto !important;
        padding: 10px 10px 0;
    }
    #blocksCase table {
        min-width: 100%!important
    }
    .items_link .item {
        width: 100%;
        margin: 1rem auto
    }
    .banner_logos img {max-width: 150px;}
    .banner_logos img:first-child {max-width: 100px;}
    .banner_logos {bottom: 3px;}

}

@media only screen and (max-width:450px) {
    .banner {
        float: none;
        width: 100%;
        max-width: 320px;
        margin: 0 auto 6px!important
    }
    .footerDiv.wrapper {
        display: block
    }
    .footerDiv div.contactUs {
        display: block;
        width: 100%;
        padding-right: 0
    }
    .footerDiv div.stayLoop {
        display: block;
        width: 100%;
        margin-top: 20px
    }
    form.footerForm input.send {
        width: 100%
    }
    #contactForm input.send,
    form#contactForm div {
        width: 100%
    }
    .gallerythumb_item:nth-child(odd) {
        margin-left: 0
    }
    .catPreview {
        width: 100%;
        margin: 1rem auto
    }
    .catPreview:nth-child(3n+1) {
        margin-left: 2%
    }
    .catPreview:nth-child(odd) {
        margin-left: 0
    }
    .productPrev {
        display: block;
        width: 100%;
        max-width: 280px;
        margin: 0 auto 20px!important
    }
    .customizeDivCase {
        padding: 13px 15px
    }
    .viewDetails_pic {
        float: none;
        width: 100%;
        margin: 0 auto 10px
    }
    .viewDetails_info {
        float: none;
        width: 100%;
        padding-left: 10px
    }
    .galleryCase_item {
        width: 100%;
        margin: 0 auto 3%!important;
        height: 250px
    }
    .galleryCase_item:nth-child(3n+1),
    .galleryCase_item:nth-child(odd) {
        margin-left: auto
    }
    .productsPrevCase .productPrev {
        display: block;
        margin: 1rem auto;
        width: 100%
    }
    .customizeSection .box p {
        width: 100%!important
    }
    .customizeSection .box p img {
        margin: 1rem auto!important
    }
    .gallerythumb_item:nth-child(3n+1),
    .gallerythumb_item:nth-child(4n+1),
    .gallerythumb_item:nth-child(even) {
        margin-left: 0
    }
    .gallerythumb_item {
        width: 100%;
        margin: 1rem auto;
        display: block
    }
    #blocksCase .button {
        font-size: 12px;
        display: block;
        float: none;
        width: 100%;
        text-align: center;
        margin: 1rem 0!important
    }
    #blocksCase h2 {
        line-height: 1.6rem
    }
    #blocksCase h2 img {
        margin-top: 25px!important
    }
    #blocksCase h3 {
        line-height: 1.3rem
    }

    .cta h3, .cta .h3 {max-width: 360px;font-size: 24px}
    .cta .button {height: 40px;line-height: 43px;font-size: 14px;}
/*    .slide {height: 430px}*/
    .slide {height: 536px}
    .doc_table td {padding:0 15px;}
    .doc_table td p {font-size: 12px;}
    .items_link .item table{width: 100% !important}
    table[style*=width][style*="605px"] h3{font-size: 14px;}
}

@media only screen and (max-width:380px) {
    #CANADIANPRICES td,
    #USPRICES td {
        padding: 5px 2px;
        font-size: 8px!important
    }
    .slideDescription p.slideDescriptionTitle {
        font-size: 26px
    }
    .slideDescription a.slideDescriptionMore {
        float: none;
        text-align: center
    }
    .box p.title {
        font-size: 20px
    }

    .banner_logos img:first-child {max-width: 80px;}
    .banner_logos img {max-width: 120px}
    .slide {height: 587px}
}

@media only screen and (max-width:350px) {
    table[style*=width][style*="605px"] h3{font-size: 12px;}
    .slide {height: 620px}
}


.row_f{margin:0 -1.5rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.row_f .col_1,.row_f .col_2,.row_f .col_3,.row_f .col_4,.row_f .col_5,.row_f .col_6,.row_f .col_7,.row_f .col_8,.row_f .col_9,.row_f .col_10,.row_f .col_11,.row_f .col_12{margin:0 1.5rem}
.row_f .col_1{width:-webkit-calc(100% / 12 - 3.01rem);width:-moz-calc(100% / 12 - 3.01rem);width:calc(100% / 12 - 3.01rem)}
.row_f .col_2{width:-webkit-calc(100% / 6 - 3.01rem);width:-moz-calc(100% / 6 - 3.01rem);width:calc(100% / 6 - 3.01rem)}
.row_f .col_3{width:-webkit-calc(100% / 4 - 3.01rem);width:-moz-calc(100% / 4 - 3.01rem);width:calc(100% / 4 - 3.01rem)}
.row_f .col_4{width:-webkit-calc(100% / 3 - 3.01rem);width:-moz-calc(100% / 3 - 3.01rem);width:calc(100% / 3 - 3.01rem)}
.row_f .col_5{width:-webkit-calc(100% / 2.4 - 3.01rem);width:-moz-calc(100% / 2.4 - 3.01rem);width:calc(100% / 2.4 - 3.01rem)}
.row_f .col_6{width:-webkit-calc(100% / 2 - 3.01rem);width:-moz-calc(100% / 2 - 3.01rem);width:calc(100% / 2 - 3.01rem)}
.row_f .col_7{width:-webkit-calc(100% / 1.714285714285714 - 3.01rem);width:-moz-calc(100% / 1.714285714285714 - 3.01rem);width:calc(100% / 1.714285714285714 - 3.01rem)}
.row_f .col_8{width:-webkit-calc(100% / 1.5 - 3.01rem);width:-moz-calc(100% / 1.5 - 3.01rem);width:calc(100% / 1.5 - 3.01rem)}
.row_f .col_9{width:-webkit-calc(100% / 1.3333333333 - 3.01rem);width:-moz-calc(100% / 1.3333333333 - 3.01rem);width:calc(100% / 1.3333333333 - 3.01rem)}
.row_f .col_10{width:-webkit-calc(100% / 1.2 - 3.01rem);width:-moz-calc(100% / 1.2 - 3.01rem);width:calc(100% / 1.2 - 3.01rem)}
.row_f .col_11{width:-webkit-calc(100% / 1.0909090909091 - 3.01rem);width:-moz-calc(100% / 1.0909090909091 - 3.01rem);width:calc(100% / 1.0909090909091 - 3.01rem)}
.row_f .col_12{width:-webkit-calc(100% / 1 - 3.01rem);width:-moz-calc(100% / 1 - 3.01rem);width:calc(100% / 1 - 3.01rem)}

@media only screen and (max-width: 1200px) {
    .row_f .col_lg_1{width:-webkit-calc(100% / 12 - 3.01rem);width:-moz-calc(100% / 12 - 3.01rem);width:calc(100% / 12 - 3.01rem)}
    .row_f .col_lg_2{width:-webkit-calc(100% / 6 - 3.01rem);width:-moz-calc(100% / 6 - 3.01rem);width:calc(100% / 6 - 3.01rem)}
    .row_f .col_lg_3{width:-webkit-calc(100% / 4 - 3.01rem);width:-moz-calc(100% / 4 - 3.01rem);width:calc(100% / 4 - 3.01rem)}
    .row_f .col_lg_4{width:-webkit-calc(100% / 3 - 3.01rem);width:-moz-calc(100% / 3 - 3.01rem);width:calc(100% / 3 - 3.01rem)}
    .row_f .col_lg_5{width:-webkit-calc(100% / 2.4 - 3.01rem);width:-moz-calc(100% / 2.4 - 3.01rem);width:calc(100% / 2.4 - 3.01rem)}
    .row_f .col_lg_6{width:-webkit-calc(100% / 2 - 3.01rem);width:-moz-calc(100% / 2 - 3.01rem);width:calc(100% / 2 - 3.01rem)}
    .row_f .col_lg_7{width:-webkit-calc(100% / 1.714285714285714 - 3.01rem);width:-moz-calc(100% / 1.714285714285714 - 3.01rem);width:calc(100% / 1.714285714285714 - 3.01rem)}
    .row_f .col_lg_8{width:-webkit-calc(100% / 1.5 - 3.01rem);width:-moz-calc(100% / 1.5 - 3.01rem);width:calc(100% / 1.5 - 3.01rem)}
    .row_f .col_lg_9{width:-webkit-calc(100% / 1.3333333333 - 3.01rem);width:-moz-calc(100% / 1.3333333333 - 3.01rem);width:calc(100% / 1.3333333333 - 3.01rem)}
    .row_f .col_lg_10{width:-webkit-calc(100% / 1.2 - 3.01rem);width:-moz-calc(100% / 1.2 - 3.01rem);width:calc(100% / 1.2 - 3.01rem)}
    .row_f .col_lg_11{width:-webkit-calc(100% / 1.0909090909091 - 3.01rem);width:-moz-calc(100% / 1.0909090909091 - 3.01rem);width:calc(100% / 1.0909090909091 - 3.01rem)}
    .row_f .col_lg_12{width:-webkit-calc(100% / 1 - 3.01rem);width:-moz-calc(100% / 1 - 3.01rem);width:calc(100% / 1 - 3.01rem)}
}

@media only screen and (max-width: 992px) {
    .row_f .col_md_1{width:-webkit-calc(100% / 12 - 3.01rem);width:-moz-calc(100% / 12 - 3.01rem);width:calc(100% / 12 - 3.01rem)}
    .row_f .col_md_2{width:-webkit-calc(100% / 6 - 3.01rem);width:-moz-calc(100% / 6 - 3.01rem);width:calc(100% / 6 - 3.01rem)}
    .row_f .col_md_3{width:-webkit-calc(100% / 4 - 3.01rem);width:-moz-calc(100% / 4 - 3.01rem);width:calc(100% / 4 - 3.01rem)}
    .row_f .col_md_4{width:-webkit-calc(100% / 3 - 3.01rem);width:-moz-calc(100% / 3 - 3.01rem);width:calc(100% / 3 - 3.01rem)}
    .row_f .col_md_5{width:-webkit-calc(100% / 2.4 - 3.01rem);width:-moz-calc(100% / 2.4 - 3.01rem);width:calc(100% / 2.4 - 3.01rem)}
    .row_f .col_md_6{width:-webkit-calc(100% / 2 - 3.01rem);width:-moz-calc(100% / 2 - 3.01rem);width:calc(100% / 2 - 3.01rem)}
    .row_f .col_md_7{width:-webkit-calc(100% / 1.714285714285714 - 3.01rem);width:-moz-calc(100% / 1.714285714285714 - 3.01rem);width:calc(100% / 1.714285714285714 - 3.01rem)}
    .row_f .col_md_8{width:-webkit-calc(100% / 1.5 - 3.01rem);width:-moz-calc(100% / 1.5 - 3.01rem);width:calc(100% / 1.5 - 3.01rem)}
    .row_f .col_md_9{width:-webkit-calc(100% / 1.3333333333 - 3.01rem);width:-moz-calc(100% / 1.3333333333 - 3.01rem);width:calc(100% / 1.3333333333 - 3.01rem)}
    .row_f .col_md_10{width:-webkit-calc(100% / 1.2 - 3.01rem);width:-moz-calc(100% / 1.2 - 3.01rem);width:calc(100% / 1.2 - 3.01rem)}
    .row_f .col_md_11{width:-webkit-calc(100% / 1.0909090909091 - 3.01rem);width:-moz-calc(100% / 1.0909090909091 - 3.01rem);width:calc(100% / 1.0909090909091 - 3.01rem)}
    .row_f .col_md_12{width:-webkit-calc(100% / 1 - 3.01rem);width:-moz-calc(100% / 1 - 3.01rem);width:calc(100% / 1 - 3.01rem)}
}

@media only screen and (max-width: 767px) {
    .row_f .col_sm_1{width:-webkit-calc(100% / 12 - 3.01rem);width:-moz-calc(100% / 12 - 3.01rem);width:calc(100% / 12 - 3.01rem)}
    .row_f .col_sm_2{width:-webkit-calc(100% / 6 - 3.01rem);width:-moz-calc(100% / 6 - 3.01rem);width:calc(100% / 6 - 3.01rem)}
    .row_f .col_sm_3{width:-webkit-calc(100% / 4 - 3.01rem);width:-moz-calc(100% / 4 - 3.01rem);width:calc(100% / 4 - 3.01rem)}
    .row_f .col_sm_4{width:-webkit-calc(100% / 3 - 3.01rem);width:-moz-calc(100% / 3 - 3.01rem);width:calc(100% / 3 - 3.01rem)}
    .row_f .col_sm_5{width:-webkit-calc(100% / 2.4 - 3.01rem);width:-moz-calc(100% / 2.4 - 3.01rem);width:calc(100% / 2.4 - 3.01rem)}
    .row_f .col_sm_6{width:-webkit-calc(100% / 2 - 3.01rem);width:-moz-calc(100% / 2 - 3.01rem);width:calc(100% / 2 - 3.01rem)}
    .row_f .col_sm_7{width:-webkit-calc(100% / 1.714285714285714 - 3.01rem);width:-moz-calc(100% / 1.714285714285714 - 3.01rem);width:calc(100% / 1.714285714285714 - 3.01rem)}
    .row_f .col_sm_8{width:-webkit-calc(100% / 1.5 - 3.01rem);width:-moz-calc(100% / 1.5 - 3.01rem);width:calc(100% / 1.5 - 3.01rem)}
    .row_f .col_sm_9{width:-webkit-calc(100% / 1.3333333333 - 3.01rem);width:-moz-calc(100% / 1.3333333333 - 3.01rem);width:calc(100% / 1.3333333333 - 3.01rem)}
    .row_f .col_sm_10{width:-webkit-calc(100% / 1.2 - 3.01rem);width:-moz-calc(100% / 1.2 - 3.01rem);width:calc(100% / 1.2 - 3.01rem)}
    .row_f .col_sm_11{width:-webkit-calc(100% / 1.0909090909091 - 3.01rem);width:-moz-calc(100% / 1.0909090909091 - 3.01rem);width:calc(100% / 1.0909090909091 - 3.01rem)}
    .row_f .col_sm_12{width:-webkit-calc(100% / 1 - 3.01rem);width:-moz-calc(100% / 1 - 3.01rem);width:calc(100% / 1 - 3.01rem)}
}

@media only screen and (max-width: 640px) {
    .row_f .col_xs_1{width:-webkit-calc(100% / 12 - 3.01rem);width:-moz-calc(100% / 12 - 3.01rem);width:calc(100% / 12 - 3.01rem)}
    .row_f .col_xs_2{width:-webkit-calc(100% / 6 - 3.01rem);width:-moz-calc(100% / 6 - 3.01rem);width:calc(100% / 6 - 3.01rem)}
    .row_f .col_xs_3{width:-webkit-calc(100% / 4 - 3.01rem);width:-moz-calc(100% / 4 - 3.01rem);width:calc(100% / 4 - 3.01rem)}
    .row_f .col_xs_4{width:-webkit-calc(100% / 3 - 3.01rem);width:-moz-calc(100% / 3 - 3.01rem);width:calc(100% / 3 - 3.01rem)}
    .row_f .col_xs_5{width:-webkit-calc(100% / 2.4 - 3.01rem);width:-moz-calc(100% / 2.4 - 3.01rem);width:calc(100% / 2.4 - 3.01rem)}
    .row_f .col_xs_6{width:-webkit-calc(100% / 2 - 3.01rem);width:-moz-calc(100% / 2 - 3.01rem);width:calc(100% / 2 - 3.01rem)}
    .row_f .col_xs_7{width:-webkit-calc(100% / 1.714285714285714 - 3.01rem);width:-moz-calc(100% / 1.714285714285714 - 3.01rem);width:calc(100% / 1.714285714285714 - 3.01rem)}
    .row_f .col_xs_8{width:-webkit-calc(100% / 1.5 - 3.01rem);width:-moz-calc(100% / 1.5 - 3.01rem);width:calc(100% / 1.5 - 3.01rem)}
    .row_f .col_xs_9{width:-webkit-calc(100% / 1.3333333333 - 3.01rem);width:-moz-calc(100% / 1.3333333333 - 3.01rem);width:calc(100% / 1.3333333333 - 3.01rem)}
    .row_f .col_xs_10{width:-webkit-calc(100% / 1.2 - 3.01rem);width:-moz-calc(100% / 1.2 - 3.01rem);width:calc(100% / 1.2 - 3.01rem)}
    .row_f .col_xs_11{width:-webkit-calc(100% / 1.0909090909091 - 3.01rem);width:-moz-calc(100% / 1.0909090909091 - 3.01rem);width:calc(100% / 1.0909090909091 - 3.01rem)}
    .row_f .col_xs_12{width:-webkit-calc(100% / 1 - 3.01rem);width:-moz-calc(100% / 1 - 3.01rem);width:calc(100% / 1 - 3.01rem)}
    .row_f .col_xs_12 iframe{height: 12rem;}
}