iframe{max-width:100%} select{padding:8px 10px} .information-page img{max-width:100%; height:auto} .tp-banner h1{font-weight:normal} .box-wrapp{background:#fafafa; border:1px solid rgb(228, 228, 228); padding:30px;} .buttons{border:0!important; padding:0!important;} .btn{border-radius:0} .btn-default{background-color: rgb(153, 153, 153)} .btn-default:hover{background-color: #3a3a3a} [data-hint]:after{font-family: 'Lato'; font-size:13px} span.error, .text-danger{background:#dd4b38} .has-error .form-control{border:1px solid #dd4b38!important} /* header */ .header{border-bottom:1px solid #b9b9b9} .home-page .header{border:0} .journal-header-center #header{display: -webkit-box; display: -webkit-flex;display: -ms-flexbox; display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap; flex-wrap: wrap;-webkit-box-align: center; -webkit-align-items: center;-ms-flex-align: center; align-items: center; } .journal-logo{width:200px} #logo a{display: flex; -webkit-box-align: flex-end; -webkit-align-items: flex-end;-ms-flex-align: flex-end; align-items: flex-end; padding-bottom:19px } #logo a img.logo-1x,#logo a img.logo-2x {position: static; transform: none; -webkit-transform: none; max-height:100%; width:auto} /* main menu */ .journal-menu{width:auto; display: flex; justify-content:center; -webkit-justify-content:center; flex-grow:1 } .super-menu{display: block;width:auto} .super-menu .drop-down ul li a{padding:12px 20px; text-align: center;} #main-menu-item-1 ul {left: -5% !important;} @media only screen and (max-width: 980px) {#main-menu-item-1 ul{left: 0% !important;}} /* right-area */ .right-area{width:auto; margin-left:auto; align-self: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center;-ms-flex-align: center; align-items: center; justify-content:flex-end; -webkit-justify-content:flex-end; } .journal-links{margin-right:15px} .right-area .header-icon{width:56px!important; text-align: center;} .right-area .journal-links .no-link span{padding:8px 25px;background-color: #FAAA1F;font-family: "Raleway";font-style: normal;font-weight: bold;font-size: 18px;color: #3a3a3a;/* border:1px solid #3a3a3a;*/ text-transform: uppercase;cursor: pointer;padding: 12px 25px;font-size: 17px;} .right-area .journal-links .no-link span:hover {background: #3a3a3a; color: #ffffff;/* border-color:#faaa1f;*/} #header .right-area .journal-links .top-menu .top-dropdown {z-index: 99999; min-width: 94%;left:93px; } #header .right-area .journal-links .top-menu .top-dropdown:before{ content: "";position:absolute;top: -10px;height: 10px;width: 100%;padding-right:0;} #header .right-area .top-menu > li .has-dropdown::after {display:none} @media only screen and (max-width: 940px) {#header .right-area .journal-links .top-menu .top-dropdown {min-width: 90%;left: 45%;}} @media only screen and (max-width: 720px) {.journal-header-center #header .journal-links{margin:0 1px!important;}} @media only screen and (max-width: 694px) {.right-area .journal-links .no-link span{padding:7px 10px;}} @media only screen and (max-width: 664px) {.right-area .journal-links .no-link span{font-size: 18px;}} @media only screen and (max-width: 647px) {.journal-header-center #header .journal-links { margin-right: auto !important;}.right-area .journal-links .no-link span{padding:7px 8px;font-size: 16px;}} @media only screen and (max-width: 624px) {.right-area .journal-links .no-link span{padding:7px 5px;font-size: 14px;}} @media only screen and (max-width: 600px) {.right-area .journal-links .no-link span{padding:8px 12px; font-size: 18px;}#header .right-area .journal-links .top-menu .top-dropdown {min-width: 92%;left: 46%;}.journal-header-center .links .no-link {padding-top: 2px;}} @media only screen and (max-width: 360px) {.right-area .journal-links .no-link span{font-size: 16px;}} @media only screen and (max-width: 343px) {.right-area .journal-links .no-link span{font-size: 14px;}#header .right-area .journal-links .top-menu .top-dropdown {min-width: 86%;}} @media only screen and (max-width: 326px) {.right-area .journal-links .no-link span{padding:8px 9px; font-size: 14px;}#header .right-area .journal-links .top-menu .top-dropdown {min-width: 85%;}} @media only screen and (max-width: 326px) {.right-area .journal-links .no-link span{padding:8px 6px; font-size: 12px;}#header .right-area .journal-links .top-menu .top-dropdown {min-width: 70%;}} /* search */ .journal-header-mega .journal-search{padding-right:0!important;} #header #search{-webkit-transition: width 0.5s; transition: width 0.5s;} #header #search input{position:absolute; top:41px; left:-20px; height:0; min-height:0; width:170px; max-width:170px; padding:0 10px; background-color:#f2f2f2; -webkit-transition: height 0.5s; transition: height 0.5s; opacity:0; visibility: hidden} #header #search:hover input, #header #search input:focus, #header #search:focus input, #header #search:active input, #header #search input:hover, #header #search input:active, #header #search input:focus{height:40px; opacity: 1; visibility: visible} .button-search button{cursor: pointer;} .journal-header-center .autocomplete2-suggestions{width:170px!important; top:90px; left:-20px} .journal-header-center .autocomplete2-suggestions::before{left:40%} .autocomplete2-suggestion .p-name{text-align: left;} /* account */ .journal-secondary{display: flex} .journal-secondary .top-menu > li > a {text-align: center; white-space: normal; font-size:0} .journal-secondary .top-menu > li > a:after{display: none;} .journal-secondary a > i{margin-right:0!important;} #header .top-menu .top-dropdown{margin-top:6px; margin-left:18px} #header .top-menu > li:active ul,#header .top-menu > li:focus ul{display: block;} #header .top-menu .top-dropdown a, #header .top-menu .top-dropdown .no-link{padding:5px 20px} /* cart */ .journal-header-center .journal-cart{z-index:1000} .journal-cart #cart #cart-total{position:absolute; left:22px; top:2px; height:20px; width:20px; padding-right:0; background:#3a3a3a; border-radius:50%; font-size:12px; line-height:20px; font-family:"Lato";color:#fff; text-indent:1px; text-align: center; z-index:1000} /*#cart button.heading,#cart.open button.heading,#cart.active button.heading,.journal-header-center #cart .heading i{width:auto; margin:auto}*/ .journal-header-center #cart .content{margin-top:-13px;z-index:10} .mini-cart-info table tr td{vertical-align: top} .mini-cart-info table tr td.image img{max-width: 60px} .mini-cart-info table tr td.name{text-align: left} /* slider */ .home-page .journal2_slider{height:calc(100vh - 100px);} #rev-container li{cursor: pointer;} .journal-simple-slider .owl-prev, .journal-simple-slider .owl-next{background:rgba(80,80,80,.5); width:50px; height:50px; text-align:center; line-height:48px} .journal-simple-slider .owl-prev{left:0!important} .journal-simple-slider .owl-next{right:0!important} /*.tp-banner-container.journal-fullwidth-slider{height:calc(100vh - 100px)!important;}*/ .tp-caption.credit-caption{position: absolute;top:50%; left:50%; margin-left:-480px; margin-top: -80px;} .tp-caption.financing-caption{position: absolute;top: 50%; left: 50%; -ms-transform: translate(-50%, -50%)!important; transform: translate(-50%, -50%)!important; margin-top:-50px; } .tp-caption.financing-caption p{white-space: nowrap;} .tp-caption.financing-caption p.learn{margin-top:10px; padding-top:10px; border-top:1px solid #bbb; color:#C25700; font-weight:500 } .static-banners.journal-carousel .swiper{margin-bottom:-5px} .static-banners-15{max-width:1200px!important;} .tp-simpleresponsive > ul > li{transition: none!important;} .home-page .free-ship{position: absolute; bottom:20%; left:50%; width:300px; margin-left:-150px; padding:25px 0; background: rgba(58,58,58,.5); color:#fff; text-align: center; z-index: 10000} .home-page .free-ship h3{font-family: 'Raleway'; font-size:24px; font-weight:400; text-transform: uppercase;} .home-page .free-ship span{color:#ccc; font-family: 'Lato'; font-size:18px; font-weight:300} /* simple slider */ .journal-simple-slider .swiper-slide{background-repeat: no-repeat; background-size: cover; background-position: center center; width: 100%;height: calc(100vh - 136px)} .journal2_simple_slider .swiper-button-prev{left:60px} .journal2_simple_slider .swiper-button-next{right:60px} .journal2_simple_slider .swiper-button-prev:before{content: '\e91c';font-size: 40px; color:#fff} .journal2_simple_slider .swiper-button-next:before{content: '\e900';font-size: 40px; color:#fff} .journal2_simple_slider .financing-caption{ margin-top: -30px; font-weight: 300; font-family: Raleway; font-size: 21px; text-transform: uppercase; color: rgb(255, 255, 255); text-align: center; /*background-color: rgba(130, 121, 118, 0.8);*/ background: rgba(58,58,58,0.8); padding: 40px 100px 36px; transition: color 0.15s ease 0s, background-color 0.15s ease 0s, border-color 0.15s ease 0s, box-shadow 0.15s ease 0s; } @media only screen and (max-width: 1615px){ .home-page .journal2_simple_slider{padding:0!important;} .journal2_simple_slider .swiper-button-prev{left:20px} .journal2_simple_slider .swiper-button-next{right:20px} } @media only screen and (max-width: 980px){ .journal-simple-slider .swiper-slide{height:400px} } @media only screen and (max-width: 768px){ .journal-simple-slider .swiper-slide{height:275px} } /*.cms-blocks{padding-left:0!important;padding-right:0!important;}*/ /* collections */ /*.cms-blocks .blocks{margin-right:-30px}*/ .cms-blocks .blocks, .static-banners .blocks{margin-right:-20px} .cms-block{padding-right:30px} .cms-blocks .box-heading{padding-bottom:30px; padding-right:20px; border:0; font-size:36px; font-weight:300; text-align: center;} /* home produts */ /* .section-product .product-wrapper{margin-right:30px} */ .view-products{display: none!important;} .custom-sections .product-grid{height: auto!important;} .custom-sections .product-grid-item{position: relative!important;top:0!important;left:0!important;} /* free gift*/ .gift-icon{position: absolute; top:10px; left:20px; color: #fdfdfd; font-size:15px;} .gift-icon:before { content: "\e912"; margin-right:5px; font-family: "journal-icons"; font-size:28px } /* customer photos */ .static-banners .box-heading{padding-bottom:30px; padding-right:30px; border:0; font-size:36px; font-weight:300; text-align: center;} /*.static-banners > div{margin-right:-30px}*/ .static-banner{padding-right:30px; margin-bottom:30px} .static-banners-125 .static-banner > a,.static-banners-127 .static-banner > a{display: block; overflow: hidden; color:#3a3a3a;} .static-banners-125 img,.static-banners-127 img{ -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); transition: -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); } .static-banners-125 a:hover img,.static-banners-127 a:hover img { -webkit-transform: scale(1.03); transform: scale(1.03);} /* expanding sections */ .home-page .cms-block{margin-bottom:0} .journal2_cms_blocks{background-attachment: scroll!important;background-position: center center!important;} .expand{position: relative; height:100vh; margin:auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;} .block-content .expand-blocks{ position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width:100%; cursor: pointer;} .block-content .expand-blocks ul{display:block; margin:0} .block-content .expand-blocks li{margin:0; list-style-type: none; color:#FFF; font-family: "Raleway"; font-weight:200; text-transform:uppercase; cursor: pointer; } .block-content .expand-blocks > ul > li > a{color:#eee} .journal-cms-block-235 a {color: #eee;} .journal-cms-block-235 a:hover {color: #faaa1f;} .block-content .expand-blocks li.nocaps{font-family: 'Lato'; text-transform: capitalize;} .block-content .expand-blocks li.nocontent:hover{cursor: default;} .block-content .expand-blocks li.nocontent:after{border:none; transform: none} .block-content .expand-blocks li.nocontent:hover:after{transform: none} .block-content .expand-block{position: absolute; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: flex-start; -webkit-align-items: flex-start; -ms-flex-align: flex-start; align-items: flex-start; opacity: 0; visibility: hidden; transition: opacity 0.3s} .block-content .expand .expand-block > div{opacity:0; -webkit-transition: opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);transition: opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1),opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1),opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); } .block-content .expand-blocks li:hover > .expand-block,.block-content .expand-blocks li:focus > .expand-block,.block-content .expand-blocks li:active > .expand-block{opacity:1;visibility: visible;} .block-content .expand-blocks li:hover > .expand-block > div,.block-content .expand-blocks li:focus > .expand-block > div,.block-content .expand-blocks li:active > .expand-block > div{opacity:1; -webkit-transform: translateX(0); transform: translateX(0)} .block-content .expand-block p{margin-bottom:10px; color:#FFF; font-family:"Lato"; font-size:22px; font-weight:300; line-height:28px; text-transform:none; text-align: justify;} .block-content .expand-blocks li hr{ position: relative;top:-2rem; margin-right: 8%; background-color: #FFF;} .expand .two-levels ul{padding:10px; width:100%!important; background-color: transparent!important; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .expand .two-levels ul span.title{display: block; margin-bottom:20px; font-size:20px} .expand .two-levels ul span.title:after{content: '\e91d'; position: relative;top:-2px; left:2px; font-size: 14px;-webkit-transform: rotate(-90deg); transform: rotate(-90deg);} .expand .two-levels ul .expand-block{position: static; display: block; width:100%; opacity:0; visibility: hidden; height:0; padding:0; background-color: transparent!important;} .expand .two-levels ul .expand-block p{margin-bottom:0; font-size:15px; font-weight:400; line-height: 16px} .expand .two-levels ul > li:hover{height: auto} .expand .two-levels ul > li:hover span.title:after,.expand .two-levels ul > li:focus span.title:after,.expand .two-levels ul > li:active span.title:after{-webkit-transform: rotate(0deg); transform: rotate(0deg);} .expand .two-levels ul > li:hover:after{border:none; transform: none} .expand .two-levels ul > li:hover .expand-block,.expand .two-levels ul > li:focus .expand-block,.expand .two-levels ul > li:active .expand-block{opacity:1; visibility: visible; height: auto; padding-bottom:10px} .map-showroom{width:100%; height:340px; height:40vh} .section-showroom a.button{padding:12px 35px;color:#3a3a3a;font-weight:bold;margin-bottom:20px; background-color: #FAAA1F; font-size:20px; font-weight:bold;} .section-showroom a.button:hover{background:rgb(58, 58, 58);color: rgb(255, 255, 255);} .section-work{cursor: pointer;} /* magnific popup */ .mfp-close-btn-in .mfp-close {color:#FFF} .mfp-close{top:-10px; right:-45px; font-size:0!important;} .mfp-close:before{display: block; font-family: 'journal-icons'; content:'\e91f'; font-size:24px;} img.mfp-img{padding:0; margin-top:10px} .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close{right:-36px} .mfp-counter{display: none} .mfp-arrow-left:before, .mfp-arrow-left .mfp-b, .mfp-arrow-right:before, .mfp-arrow-right .mfp-b{border:0} .mfp-arrow:after{font-family:'journal-icons'; color:#FFF; font-size:24px; border:0} .mfp-arrow-left:after{content:'\e91c'} .mfp-arrow-right:after{content:'\e900'} /* store locations */ .toggle-side-block{position: absolute; top:70px; right:-137px; width:40px; height:40px; line-height:38px; background: #faaa1f; border-right:1px solid #db8b00; opacity:1; text-align: center;} .toggle-side-block:hover{opacity:0.8} .toggle-side-block i{top:-1px; font-size:28px!important; color:#FFF} .toggle-side-block i.fa-times{-webkit-text-stroke: 4px #faaa1f!important} .toggle-side-block i.fa-expand{-webkit-text-stroke: 3px #faaa1f!important} .store-locations a{display:block; margin:0px; padding:15px 25px; font-family:"Raleway"; font-weight:400; font-size:15px; line-height: 18px; color:#e7e8eb; text-transform: uppercase;} .store-locations a:first-child{border-bottom:1px solid #4e4e4e} .store-locations a:hover{background:#fa961f; color:#FFF} .store-locations a > span{display: inline; border:0; padding:0; margin:0; margin-left:5px; text-transform: none; font-family: 'Lato'} .content-direction{margin-bottom:20px} .side-block-39,.side-block-88{top:auto; bottom:60px} .side-block-39 .side-block-icon,.side-block-88 .side-block-icon{padding-top:25px; line-height:40px!important;} .side-block-39 .side-block-icon:after,.side-block-88 .side-block-icon:after{content:"Visit us"; padding:10px; line-height:14px; font-family:"Lato"; font-weight:400; font-size:12px; color:#FFF; text-transform: uppercase; text-align: center;} .side-block-39 span,.side-block-88 span{display:block; padding:20px; padding-left:25px; border-bottom:1px solid #5d5d5d; color:#FFF; font-size: 13px} /* appointment */ .route-information-storelocation .heading-title {background:#3a3a3a; color:#fff;padding-left: 20px; font-weight: 500; padding-right: 20px; display: inline-block;} @media only screen and (max-width: 706px) {.route-information-storelocation .heading-title {padding-bottom:8px;padding-top:8px; display: grid;}} @media only screen and (max-width: 440px) {.route-information-storelocation .heading-title {white-space: normal; line-height:30px}} /* kuula */ .ku-embed {width:100%; height:640px} @media only screen and (max-width: 500px) { .ku-embed {max-height:300px}} @media only screen and (max-height: 800px) { .ku-embed {max-height:550px}} @media only screen and (max-height: 700px) { .ku-embed {max-height:450px}} @media only screen and (max-height: 600px) { .ku-embed {max-height:350px}} @media only screen and (max-height: 500px) { .ku-embed {max-height:320px}} @media only screen and (max-height: 400px) { .ku-embed {max-height:300px}} /* blog */ .journal-blog-page .post-text{line-height: 20px} .journal-blog-page .side-column .box-heading{font-family: 'Raleway'; font-size:15px; text-transform: uppercase;color:#000} .journal-blog-page input[type='text'], .journal-blog-post-page input[type='text'], .journal-blog-page textarea, .journal-blog-post-page textarea{padding:12px 15px; box-shadow:none; border:1px solid #ddd} .journal-blog-page .box-search{height: 40px} .journal-blog-page .box-search a:before{content:'\e906'; font-size:14px; top:2px} .journal-blog-post-page h1, .journal-blog-post-page h2, .journal-blog-post-page h3{margin-bottom:10px} .comment:before{content: "\f0e6"; font-size:32px; float: left; margin-right:10px;} .comments .avatar{display: none;} .journal-blog-post-page .comments .user-name{margin:5px 0} .journal-blog-post-page .comments > .comment{border-style: solid; border-radius: 0} .journal-blog-post-page .post-comment h3,.journal-blog-post-page .reply-form h3{font-size: 15px; font-weight:500} .journal-blog-post-page .social-loaded .label{margin-right:5px} /* test */ .category-page-117 .product-grid-item .image > a.has-second-image{background-size:100% 100% !important;transition:opacity .5s ease-out;} .category-page-117 .product-grid-item:hover .image a.has-second-image img, .category-page-117 .product-grid-item.hover .image a.has-second-image img{transition:opacity .5s ease-out;} .category-page-117 .product-grid-item:hover .image a.has-second-image, .category-page-117 .product-grid-item.hover .image a.has-second-image{background-position:0 !important} .category-page-117 .product-grid-item:hover .image a.has-second-image img, .category-page-117 .product-grid-item.hover .image a.has-second-image img{opacity:0 !important;transition:opacity .5s ease-out;} /* footer */ #footer{padding-top:60px} #footer .info .logo-2x { display: none; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) { #footer .info .logo-2x + .logo-1x { display: none; } #footer .info .logo-2x { display: inline-block; } } #footer .heading{margin:20px 0 40px; font-family:'Raleway'; color:#000; font-size:20px; font-weight:400; text-transform: uppercase; } footer .column-menu-wrap > ul li{line-height:26px} #footer .column.text{width:50%;padding-left:40px;padding-bottom:40px;border-right:1px solid #ccc} #footer .column.menu{padding-left:8%} #footer .column.text .phone,#footer .column.text .email{display: block;margin-top:8px} #footer .column.text .phone i,#footer .column.text .email i{left:5px;margin-right:12px; font-size:18px} #footer .column.text .social-icons{margin:25px 0 25px} #footer .column.text .social-icons a{display: inline-block; width:48px} #footer .phone i:before{content:"\f095"} #footer .email i:before{content:"\e698"} #footer .facebook i:before{content:"\e683"; font-size:24px} #footer .twitter i:before{content:"\e682"; font-size:22px} #footer .pinterest i:before{content:"\e0af"; top:2px; font-size:28px} #footer .instagram i:before{content:"\f16d";top:2px;font-size:28px} #footer .youtube i:before{content:"\f167";font-size:28px} #footer .column .info table img{margin-bottom:0} #footer .column .showroom{padding-left:20px} #footer .showroom .entry{margin-top:15px} #footer .showroom a{line-height:28px} #footer .showroom .entry > a:last-child{color: #C25700} #footer .showroom a:hover{color:#C25700;} #footer .showroom .state{color:#000; font-weight: bold;} #footer .showroom hr{margin:15px 0; width:80%; background-color: #ccc} #footer .showroom .current .state{color:#C25700} #footer .newsletter-box{border-top:1px solid #ccc; border-right:0; margin-top:30px; padding-top:30px; text-align: center;} #footer .newsletter-box h3{margin-bottom:4px; font-size:20px; font-weight:400; color:#000} #footer .newsletter-box h4{margin-bottom:16px; margin-top:0; font-size:16px} #footer .newsletter-box .button{background-color: #FAAA1F;font-size: 14px;line-height: 40px;color: #3a3a3a;font-weight: bold;} #footer .newsletter-box .button:hover{background-color: #000; color:#FFF} /* @media only screen and (min-width: 1024px) { #footer .newsletter-box{max-width: 50%; position: absolute; left: 50%; bottom: 0px; margin-left: 8%;} } @media only screen and (max-width: 1616px) { #footer .newsletter-box{margin-left: calc(8% - 15px );} } @media only screen and (max-width: 1280px){ #footer .newsletter-box{margin-left: 40px;} } @media only screen and (max-width: 980px){ #footer .newsletter-box{margin-left: 55px;} } @media only screen and (max-width: 600px){ #footer .newsletter-box{margin-left: 25px;} } */ /* category */ h2.title-type{display: block; width:100%; padding-right:20px; margin:10px 0 40px; font-family: 'Raleway'; color:#000; font-size:28px; font-weight:300; text-align: center; text-transform: uppercase;} .main-products > h2:nth-of-type(2), .main-products > h2:nth-of-type(3){margin:20px 0 50px} h2.title-type a{color:#000} h2.title-type a:hover{color:#faaa1f} .category-page .heading-title{margin-bottom:0px} .category-info h3{font-size:15px; font-weight: 400} .product-grid-item .price{color:#3a3a3a!important;} .product-grid-item .royal-collection .price{margin-top:0} .product-filter{display: none} .category-page .refine-image a {position: relative;} .category-page .refine-image a .refine-category-name{position: absolute; bottom:30px; padding:12px; width:130px; left:50%; margin-left:-65px; background: rgba(255,255,255,.5)} .category-page #content .static-banners{margin-bottom: 10px} .filter-collapse .box-heading::after{content:'\e91d'; font-size:14px} .sf-price .value {top:28px; padding:3px 8px} .sf-option-14 ul li label:has(input[data-keyword='color-tbd']){display: none} .sf-option-14 ul li:last-child{display: none} .open-filter {background-color: #faaa1f!important;line-height: 38px;padding-left: 15px; padding:2px 20px; border:0!important; font-family:'Raleway'; text-transform: uppercase; font-size: 15px; cursor: pointer} /* super filter .open-filter {position: absolute; top:16px; right:0; display: block !important; color: #fff; background-color: #faaa1f!important;line-height: 38px;padding-left: 15px; padding:2px 20px; border:0!important; font-family:'Raleway'; text-transform: uppercase; font-size: 15px; cursor: pointer} .open-filter:before{display: none;} .filter-collapse .sf-reset{top:-36px!important; right:120px; display:none} .sf-reset.hidden{display: none!important;} .sf-reset a{display: block; float:left; padding:0 16px; height:32px; line-height:30px; margin-right:8px; margin-bottom:2px; color:#000; background:rgb(242, 242, 242); font-size:12px} .sf-reset a:hover{background:#faaa1f!important} .sf-reset a:hover, .sf-reset a:hover .sf-reset-icon:after{color:#fff!important} .sf-reset-icon:after{float: none; top:1px; color:#000!important;} .open-filter::after {content: '\f1de'; margin-left:8px; font-size: 16px;} .journal-sf{position: absolute;width:50%; right:0;background: #FFF; box-shadow:0 3px 15px -3px rgba(0, 0, 0, 0.25); z-index:20} .journal-sf .box{display: none; float:left; width: 50%; padding:25px 30px 0px} .journal-sf > div:last-child{width:100%; margin-top:20px; padding-bottom:30px; text-align: center;} .journal-sf:after{content: ''; display: table; clear: both; padding:0} .journal-sf ul{padding:0} .journal-sf li{list-style-type: none; padding-top:5px} .journal-sf .sf-attribute li,.journal-sf .sf-filter li{padding-bottom:2px} .journal-sf .sf-both ul label .sf-name{max-width:80%; font-size: 14px} .journal-sf .box ul li label.sf-checked,.journal-sf .box ul li label:hover{color:#faaa1f} .journal-sf .sf-both ul label img{margin-right:10px; border-radius:50%} .filter-collapse .box-heading::after{display: none;} .journal-sf ul label input[type=checkbox]{top:1px} .journal-sf .sf-attribute-30 { margin-bottom:30px} */ footer{z-index:9} /* product grid */ .category-page .product-grid,.category-page .product-list, #content .category-page .box-product {padding-top:0; margin-top:10px} .product-colors{margin-top:-10px; padding-bottom:5px} .product-colors img{padding:0!important; cursor: pointer} .product-grid-second-image .product-grid-item:hover .image a.has-second-image img, .product-list-second-image .product-list-item:hover .image a.has-second-image img{opacity: 1!important;} .product-grid-second-image .product-grid-item .image:hover a.has-second-image img, .product-list-second-image .product-list-item .image:hover a.has-second-image img{opacity:0!important} .custom-sections .product-grid-item .name{min-height:50px} .product-list-item{padding:10px 0 20px;} .product-list-item .image{width:240px} .product-list-item .product-details{border:0px} /* for grid extra */ .product-grid-item .product-wrapper{position: relative;} .product-grid-item .product-details{position: static;} .product-grid-item .name{padding:10px 20px} .product-grid-item .cart,.journal-carousel .product-grid-item .cart,.product-list-item .cart{display:none!important; /*position: absolute; width:100%; left: 0;top: 0; z-index: 1000; opacity:0; visibility: hidden;*/} .product-grid-item .cart a{padding:3px 35px} .product-grid-item .image .wishlist{padding:0; left:auto; left:10px; top:10px; display:none!important;} .product-grid-item .image .compare{padding:0; left:auto; right:10px; top:10px; display: none!important;} /*.product-grid-item:hover .cart{opacity:1; visibility: visible;}*/ .product-grid-item:hover .product-details{border:0px} /* quickview */ .tablet .quickview-button, .ipad .quickview-button{display: none} .quickview .mfp-iframe-holder .mfp-content{max-width:1120px} .quickview .mfp-iframe-holder .mfp-close{width:44px} .quickview .mfp-close:before{font-size:32px; top:-10px} .quickview h1.heading-title{position: relative;z-index:10000} .quickview .product-link{float:right; margin-right:25px; color:#aaa; font-size:18px; font-weight:normal} .quickview .product-link i:after{content: '\e900'; font-size:14px; top:-1px; margin-left:4px} .quickview .product-info{margin-bottom:0} .quickview .product-info .product-options > div, .quickview .product-info .product-options > ul{padding-top:5px; background: transparent; border-left:0; border-right:0; border-top:0} .quickview .product-info .right > div > .options{background: transparent} .quickview .product-info .right .cart {width:90%} /*.quickview .wishlist-compare{display: none;}*/ .quickview .option-groups{float:none; width:auto; padding:0} .quickview .option-groups a{display: inline-block;margin-right:20px; font-size:14px} .quickview div.option-groups+div+ul{float:none;width:auto} .quickview #product .swatch-button.swatch-royal{position: absolute;top:0;right:25px;background:#e7e8eb; padding:15px 25px; font-size:14px; color:#3a3a3a} .quickview .option-groups a.selected:after, .quickview .option-groups a:hover:after{top:-12px; right:-15px} .quickview #fabric-selected{margin-top: 10px} .oc2.quickview .tab-content{display: none; margin-top:10px; padding-top:10px; background: transparent; } .oc2.quickview .tab-content.active{display: block} .oc2.quickview #tab-dimensions{padding:5px 30px 15px 10px; font-size:14px; line-height:24px} .quickview .tab-link{display:block; padding:15px 10px; border-bottom:1px solid rgb(228, 228, 228); color:#3a3a3a; font-size:15px; font-weight:bold} .quickview .tab-link:after{content: '\e921'; color: #3a3a3a; float: right; transition: transform 0.2s } .quickview .tab-link.active:after{transform: rotate(45deg)} .quickview #product-gallery .swiper-button-prev,.quickview #product-gallery .swiper-button-next{margin-top:0} /* royal collection */ .product-thumb.royal-collection .quickview-button{display: none;} .product-grid-item .subtitle{position: relative; display: inline-block; color:#aaa; text-transform: lowercase;} .product-grid-item .price .pre{font-size:14px; font-weight:normal; color:rgb(58, 58, 58)} .layout-32 .quickview-button .button-cart-text{color:#FFF} .layout-32 .header{border:0} .layout-32 .journal2_static_banners {background-attachment: scroll!important;background-position: center center!important;} .layout-32 .static-banners-110{height:calc(100vh - 100px); padding:0!important;} .layout-32 #content h1.heading-title{position: absolute;top:-140px; left:50%; margin-left:-246px; font-size:36px; font-weight:300; border:0; color:#FFF;cursor:pointer} .layout-32 #content{padding:0} .layout-32 #content h1.heading-title:after{content: '\e91d'; display:block; top:-8px; font-size:32px; text-align: center;} .layout-32 #bottom-modules{margin-top:20px} .layout-32 .single-section .box-heading ul li a, .box-sections ul li a{padding:0 0 30px 0; padding-left:0!important; text-align: center!important;} .layout-32 .journal-simple-slider{width:50%; padding-right:10px; float:left} .layout-32 .journal-simple-slider .swiper-button-prev:hover,.layout-32 .journal-simple-slider .swiper-button-next:hover{color:#f9aa1f; cursor: pointer;} .layout-32 .journal-simple-slider .swiper-button-next{right:10px} .layout-32 .journal-cms-block-66{width:50%; padding-left:10px; float:left} .layout-32 .product-filter, .layout-32 .pagination{display: none} .layout-32 .main-products{padding-top:0} .layout-32 .write-up h1{font-size:18px} .layout-32 .quickview-button{left:0; right:0; top:0; bottom:0; transform: none; -webkit-transform: none} .layout-32 .product-grid-item .quickview-button .button{ display: flex; align-items: center; justify-content: center; -webkit-justify-content: center; height:100%; background: rgb(58, 58, 58, 0.5); color:#FFF; font-weight: bold} .layout-32 .product-grid-item .quickview-button .button:hover{ background: rgb(58, 58, 58, 0.6)} .layout-32 .product-grid-item .image .wishlist, .layout-32 .product-grid-item .image .compare{display:none} .layout-32 .journal-gallery .box-heading{max-width:1600px; margin:auto; padding-bottom:20px; border:0; font-size:36px; text-align: center;} .layout-32 .journal-carousel .box-heading{border:0} .journal-cms-block-78 .blocks{margin-right:-10px} .journal-cms-block-78 .cms-block{padding-right:10px} .layout-32 .alert img{max-width:75px} .layout-32.mobile .journal2_custom_sections, .layout-32.tablet .journal2_custom_sections{display: none!important;} /* royal gallery page*/ .information-page-78 #top-modules, .information-page-78 .product-grid, .information-page-78 .journal2_custom_sections,.information-page-78 .hide-on-desktop {display: none;} .information-page-78 .journal2_photo_gallery {padding-top: 0px !important} .information-page-59 .journal2_photo_gallery .box-heading {cursor: pointer;} /* product page */ #product div.rating,.product-info form#form-review{display:none} .product-tabs > ul > li > a.real-room-link{background:rgb(250, 170, 31)!important; color:#FFF!important} [data-hint]:after{background-color: #3a3a3a} .option ul .hint--top:after{transform-style: preserve-3d; left: -50%; transform: translate3d(0, 0, 0) translateX(-20%); } .option ul .hint--top:hover:after{transform: translateY(-8px); } .option ul > li:nth-child(5):after,.option ul > li:nth-child(6):after,.option ul > li:nth-child(7):after,.option ul > li:nth-child(12):after,.option ul > li:nth-child(13):after,.option ul > li:nth-child(14):after{left:auto; right:0} @media only screen and (max-width: 1520px){ .option ul > li:nth-child(7):after,.option ul > li:nth-child(13):after,.option ul > li:nth-child(14):after{left: -50%; right:auto} .option ul > li:nth-child(11):after{left: auto; right:0} } @media only screen and (max-width: 1320px){ .option ul > li:nth-child(6):after,.option ul > li:nth-child(11):after,.option ul > li:nth-child(12):after{left: -50%; right:auto} .option ul > li:nth-child(9):after,.option ul > li:nth-child(10):after,.option ul > li:nth-child(14):after{left: auto; right:0} } @media only screen and (max-width: 1120px){ .option ul > li:nth-child(5):after,.option ul > li:nth-child(9):after,.option ul > li:nth-child(10):after,.option ul > li:nth-child(12):after{left: -50%; right:auto} .option ul > li:nth-child(7):after,.option ul > li:nth-child(8):after,.option ul > li:nth-child(11):after,.option ul > li:nth-child(12):after{left: auto; right:0} } @media only screen and (max-width: 600px){ .option ul > li:nth-child(6):after,.option ul > li:nth-child(7):after,.option ul > li:nth-child(11):after,.option ul > li:nth-child(12):after{left: -50%; right:auto} .option ul > li:nth-child(5):after,.option ul > li:nth-child(9):after,.option ul > li:nth-child(10):after{left: auto; right:0} } .partialy{padding:8px 0!important; margin:8px auto!important; border-bottom-width:0!important; max-width:280px; font-size: 13px; font-weight:400; border-top:1px solid #e4e4e4;display: none} .partialy img{display: none!important;} .partiallyWidget span{margin-right:5px} .partiallyWidget .partiallyWidgetOpener{margin-left:0!important; text-decoration: none!important;} .partiallyWidget.thin {display: block!important;} .partiallyIcon {display: none} .partiallyWidget .partiallyIcon+span {font-size: 13px !important; margin: 0!important; letter-spacing: 0!important} @media only screen and (max-width: 1500px) and (min-width: 980px){ .mo-rate-text{ padding:1px 145px 0px 0px!important; font-size: 13px; } .partialy{max-width:90%; padding:4px 130px 1px 1px!important; font-size: 13px; } .product-price {font-size: 30px !important;padding-right: 2%; padding-top: 4%} } @media only screen and (max-width: 1343px) and (min-width: 980px){ .list-unstyled {padding-bottom: 95px !important;} .product-price { padding-top: 8%} .product-info .right > div > .price > li.mo-rate { min-height: 110px!important;} } @media only screen and (max-width: 1259px) and (min-width: 980px){ .list-unstyled {padding-bottom: 175px !important;} .product-price { padding-top: 15%} .product-info .right > div > .price > li.mo-rate { min-height: 150px!important;} } @media only screen and (max-width: 1057px) and (min-width: 980px){ .list-unstyled {padding-bottom: 230px !important;} .product-price { padding-top: 25%} .product-info .right > div > .price > li.mo-rate { min-height: 210px!important;} } .product-info .right .wishlist-compare .links a.btn-credit:before{content:"\e037"} .product-info .right .wishlist-compare .links a.btn-credit {font-weight:bold; color:#862633} .lowest-badge{position:absolute; top:40px; right:2px; z-index:100} .product-info .option.option-radio{margin-bottom:10px} .product-info .option.option-radio > ul > li{background: #e7e8eb; padding: 5px 15px} .product-info .product-price:after,.product-info .price-new:after{content:''; display: block; font-family:'Lato'; font-size:16px; color:#3a3a3a } .product-page-334 .product-info .product-price:after,.product-page-334 .product-info .price-new:after, .product-page-436 .product-info .product-price:after,.product-page-436 .product-info .price-new:after, .quickview-page-334 .product-info .product-price:after,.quickview-page-334 .product-info .price-new:after, .quickview-page-436 .product-info .product-price:after,.quickview-page-436 .product-info .price-new:after{content:'Shipping is $15 for up to 3 swatches'} .product-grid-item .mo-rate{display:block; margin-top:3px; color:#3a3a3a; font-size:13px; white-space:normal} .product-grid-item .mo-rate:hover{color:#faaa1f} .product-info .mo-rate{display: inline-block; position: relative; top:4px; float:right; height:70px; padding:16px 10px 0 10px; border-left:1px solid #e4e4e4; font-size:15px; font-weight:bold; text-align: center; z-index: 1000} .product-info .mo-rate a{display: block; font-weight:400; font-size:13px;} .product-info .mo-rate .small{font-size: 12px} .product-info .right .options.push-select .option-image li span img, .product-info .right .options.push-image .option-image li span img, .product-info .right .options.push-checkbox .option-image li span img, .product-info .right .options.push-radio .option-image li span img{border-color:#ccc} .product-info .right .options.push-select .option-image li.selected span img, .product-info .right .options.push-image .option-image li.selected span img, .product-info .right .options.push-checkbox .option-image li.selected span img, .product-info .right .options.push-radio .option-image li.selected span img{color:#3a3a3a} .oc2 .product-info .option ul{display:block; float:left} .product-info .option ul li{background-color: transparent;} .product-info .option ul li:last-child img{border-width:0!important;} .custom-order-link{display:block; float:left; position:relative; top:3px;} .custom-order-link:before, .custom-order-link:after { display: block;} .custom-order-link{display:none;} /*hide custom color*/ .product-info .right .cart div .button {min-height:50px; line-height: 50px} .product-info .right .cart div .qty{height:50px} .product-info .right .cart div .journal-stepper{font-size:22px!important; font-weight:400; line-height:46px} .product-info .right .cart{width:90%; padding-bottom:10px; padding-right:16px; float: left; border-bottom:0;} .product-info .right .wishlist-compare{width:10%; float: left; margin:0; padding:10px 0; border-bottom:0} .product-info .right .wishlist-compare .links{padding:0} .product-info .right .wishlist-compare:after{clear: both} .product-info .right .wishlist-compare .hint--top:before,.product-info .right .wishlist-compare .hint--top:after{display: block;} .product-info .right .wishlist-compare .hint--top:before{border-top-color:#3a3a3a} .product-info .right .wishlist-compare .hint--top:after{background-color:#3a3a3a; border-radius:0; left:5px} .product-info .right .wishlist-compare .links a{width:100%; padding:0; background: rgb(238, 238, 238)} .product-info .right .wishlist-compare .links a:before{width:100%; right:0; line-height: 50px} .product-info .right .wishlist-compare .links a i:before{ content: '\f08a'; font-size: 20px;} .product-options:after{content: ""; clear: both; display: table;} .expire-text {float: left; height: 52px; line-height:20px;padding: 7px 20px 20px 20px! important;} @media screen and (max-width: 1417px) {.expire-text {float:none;height: initial;line-height: 18px;padding: 8px 20px 10px 20px! important;}} @media screen and (max-width: 980px) {.expire-text {float: left;;height: initial;line-height: 17.5px;padding: 8px 20px 9px 20px! important;}} .countdown-wrapper {border-top-width: 1px; border-bottom-width: 0px !important;padding-bottom: 0px !important; padding-top: 15px !important;} /*.option-description label.control-label:before{left:0; top:0; opacity: 1; visibility: visible; }*/ .option-description label.control-label:after{display: block!important; left:60px} .option-description .fa-exclamation-circle:before{font-weight: bold} .journal-custom-tab{clear: both} .journal-custom-tab-52{padding:20px 0!important;} /*.product-page .extended-container,.product-page .extended-container #container{position: static;}*/ .usage-logo{width:auto!important; padding:15px; position:absolute; left:15px; top:15px; background:rgba(255,255,255,.2); text-align: center; z-index:99999} .usage-logo img{float:none!important; width:auto!important; height:auto!important; margin:20px auto 10px;} .usage-logo span{display: inline-block; clear:both; padding:10px 20px; font-family:'Raleway'; font-size:12px; color:#FFF; text-transform: uppercase; text-align: center; } .usage-logo.heavy span,.usage-logo.Heavy span{background: #1a821f} .usage-logo.everyday,.usage-logo.Everyday span{background: #faaa1f} .usage-logo.occasional,.usage-logo.Occasional span{background: #808594} .usage-logo .freestanding{display: block; padding:15px 0 0; background:transparent!important; color:#000; font-weight:bold } a.preorder-link{color:#000!important; font-weight:normal; text-decoration:underline} .product-info .left .image-additional{margin-top:4px;margin-bottom:10px} .product-info .left .image-additional a img{border:0px!important;} #lg-intense-zoom::before{content:'\e906'; font-size:16px} .lg-toolbar .lg-close:after{content:'\e91f'; font-family: 'journal-icons'} .product-info .right .journal-custom-tab{background: #FFF} .product-info .right .journal-custom-tab.journal-custom-tab-40{background: #e7e8eb} .giftBoxDescription a{color:#fff; font-weight: bold; font-style: italic;} .product-info .gallery-text{padding:0; height:0} .custom-product-description{margin:auto} .product-info .right .journal-custom-tab{padding:20px 0} .product-info .journal-custom-tab.journal-custom-tab-35{padding:0} .product-info .journal-custom-tab.journal-custom-tab-35 img{height: auto;} .product-info .journal-custom-tab.journal-custom-tab-52,.product-info .journal-custom-tab.journal-custom-tab-53, .product-info .journal-custom-tab.journal-custom-tab-63{background: #faaa1f; text-align: center;} .product-info .journal-custom-tab.journal-custom-tab-52 a,.product-info .journal-custom-tab.journal-custom-tab-53 a, .product-info .journal-custom-tab.journal-custom-tab-63 a{display:block; width:100%; color:#fff; font-size:14px} .bottom-logos{display: flex; align-items: center; padding-left:25px} .warranty-box{display: inline-block; padding:15px 35px; margin-right:40px; background: #3a3a3a; border-radius:10px; color:#FFF; font-family: Montserrat; font-size:13px; font-weight:300; text-transform: uppercase; text-align: center;} .warranty-box span:first-child{display:block; font-size:19px; font-weight: 600; letter-spacing:1px} .made-eu{display: inline-block;} #product .swatch-button{padding:0 48px; background:#faaa1f; color:#FFF; font-family:'Lato'; font-size:14px; font-weight: normal;} #product .swatch-button.swatch-royal{display:block; margin-top:15px; background:transparent; color:#faaa1f; font-size:16px; font-weight:500; text-align: center;} .swatches div{position: relative; float: left; width:49%; padding:2% 0 0 2%} .swatches div span{position: absolute; bottom: 40px; left:0; width:100%; padding-left:6%; text-align: center; font-size:18px; color:#FFF} .swatches.royal div{width:25%; padding:1% 0 0 1%} .product-info .right .journal-custom-tab-68{background:#e7e8eb} .journal-custom-tab-68 p{text-align: center;} .journal-custom-tab-68 a{color:#3a3a3a!important; text-transform: uppercase; font-weight: 500; font-size:14px; text-align: center;} #tabs a, #tabs li a{line-height: 46px} .product-info #tabs a, .product-info #tabs li a{padding-left:30px; padding-right:30px} .product-page .plexi{margin-top:25px} .attribute td {padding:10px 20px} .tags{display: none;} .old-price {font-size: 14px;text-decoration: line-through;color: rgb(153, 153, 153);} .product-info .orange{color: #C25700!important;} .journal-custom-tab.options-top{ margin-bottom:0;border-top:1px solid rgb(228, 228, 228); border-bottom-width:0!important; } .mattress-promo{padding:20px 0 5px!important; border-top:1px solid rgb(228, 228, 228); border-bottom-width:0!important; } .product-info .right .mattress-promo a{font-size:15px; color:#3a3a3a } .product-info .right .mattress-promo a:hover{color: #FAAA1F;} .product-info .right .mattress-promo a:hover .orange{color: #3a3a3a!important;} @media screen and (max-width: 980px) { .journal-custom-tab.options-top{margin:0!important;} .mattress-promo{margin:0!important; padding:10px 0 !important} } .journal-popup-281 .heading-title {font-family: "Raleway" !important;font-size: 3.6vh !important; font-weight: 200!important;text-transform: uppercase!important; padding-top: 30px !important;} .journal-popup-281 .subtitle {color: #3a3a3a;font-size: 18px; font-weight: 100 !important;margin-bottom: 20px; margin-top: 20px;padding: 0 5%;} /* product preowned */ .layout-46 .product-info .product-price:after,.layout-46 .product-info .price-new:after,.layout-46 .p-stock{display: none} .product-page-483 .product-info .product-price:after,.product-page-483 .product-info .price-new:after, .quickview-page-483 .product-info .product-price:after,.quickview-page-483 .product-info .price-new:after{display: block!important; content: 'Free delivery in New York Tri-State Area'} .p-location span{font-weight: bold} .preowned-disclaimer{display: block; clear: both; margin:10px; font-size:13px; font-weight: bold} .quickview #more-details.enquiry-button{display: block;margin-left:0} .layout-46 .cart > div{display: flex} .layout-46 .cart > div > div, .layout-46 .cart > div > button{width: 50%; max-width:50%; padding-right:1px} .layout-46 a.button.enquiry-button{background: rgb(250, 170, 31)!important;} .layout-46 #button-cart{padding:0!important;} /* protection shields */ .layout-55 .heading-title{display: none;} .layout-55 #top-modules .journal2_cms_blocks {} .layout-55 #container{max-width:1200px} .layout-55 #container p{text-align: center;} .journal-cms-block-178{padding-left:0!important; padding-right:0!important;} .journal-cms-block-178 .cms-block{padding-right:20px} .journal-cms-block-178 iframe{height:calc(100vh - 100px)} .journal-cms-block-178 .title{padding-top:20px; /*position: absolute; bottom:80px; left:50%; margin-left:-210px*/} .journal-cms-block-178 h2{color:#000; font-family: 'Raleway'; font-size:36px; font-weight:300; text-transform: uppercase;} .journal-cms-block-178 h3{width:auto; color:#777; font-size:20px; font-weight:400; } /* top slider new projects*/ .information-page .cms-blocks.journal-cms-block-176 .block-content, .information-page .cms-blocks.journal-cms-block-240 .block-content{padding-right:46px; padding-left:46px; justify-content: center;} .journal-cms-block-176, .journal-cms-block-177, .journal-cms-block-182, .journal-cms-block-240, .journal-cms-block-241{display:block;} .journal-cms-block-176 .blocks > div:last-child .block-content, .journal-cms-block-177 .blocks > div:first-child .block-content, .journal-cms-block-240 .blocks > div:last-child .block-content, .journal-cms-block-241 .blocks > div:first-child .block-content{padding:0} .journal-cms-block-240,.journal-cms-block-176 {padding-bottom:30px} .journal-cms-block-241{padding-bottom:20px} .top-slider{height: 440px} .top-slider .swiper-container{width:100%; height:100%;} .top-slider .swiper-wrapper{height:100%;} .top-slider .swiper-slide{height:100%;background-position: center; background-size: cover} .journal-cms-block-176 .cms-block, .journal-cms-block-240 .cms-block{padding-right:10px;} .journal-cms-block-176 .block-content, .journal-cms-block-240 .block-content{border-radius: 0px} .journal-cms-block-176 .btn, .journal-cms-block-240 .btn{padding:0 20px;font-size: 15px;} .journal-cms-block-176 .btn:hover, .journal-cms-block-240 .btn:hover{color: rgb(58, 58, 58); background-color: rgb(250, 170, 31)} @media screen and (max-width: 980px) { .journal-cms-block-176 .cms-block .top-slider, .journal-cms-block-240 .cms-block .top-slider{height: 340px} .journal-cms-block-176 .cms-block .editor-content p, .journal-cms-block-240 .cms-block .editor-content p {font-size: 16px !important; line-height: 24px !important; padding:0} } /* new projects test page start*/ .information-page-81 .swiper-button-prev, .information-page-81 .swiper-button-next { background-color: rgb(250, 170, 31) !important; color: #fff !important} .information-page-81 .swiper-button-prev:hover::before, .information-page-81 .swiper-button-next:hover::before { color: #fff !important;} .information-page-81 .swiper-button-prev::before, .information-page-81 .swiper-button-next::before { color: #fff !important;} .information-page-81 .box-heading {text-transform: capitalize !important; color: rgb(134 134 134) !important; padding-bottom: 1% !important;} .information-page-81 .cms-blocks { margin-bottom: -27px;} .information-page-81 .static-banners .box-heading{ padding-right:0px;} .static-banners-200 .box-heading {padding-top: 1%; } .static-banners-201 .box-heading {padding-top: 2.1%; } @media only screen and (max-width: 1615px) and (min-width: 981px){ .information-page-81 .static-banners .box-heading{padding-right:0px !important; padding-left: 0px!important;} } @media screen and (max-width: 1280px) { .information-page-81 .box-heading {padding-bottom: 0px !important; } .static-banners-200 .box-heading {padding-top: 1% } .static-banners-201 .box-heading {padding-top: 2.3% } } @media screen and (max-width: 760px) { .information-page-81 .box-heading {padding-bottom: 0px !important; } .static-banners-200 .box-heading {padding-top: 4% } .static-banners-201 .box-heading {padding-top: 4.5% } } .information-page-107 #filters, .information-page-58 #filters, .information-page-114 #filters {display: none !important;} .sitemap-info > .right > ul > li ul > li:nth-child(9) {display:none} .sitemap-info > .right > ul > li ul > li:nth-child(10) {display:none} .sitemap-info > .right > ul > li ul > li:nth-child(20) {display:none} .sitemap-info > .right > ul > li ul > li:nth-child(21) {display:none} .sitemap-info > .right > ul > li ul > li:nth-child(19) {display:none} .sitemap-info > div > ul > li ul > li:nth-child(6) {display:none} /* new projects test page end*/ @media screen and (min-width: 980px) { .journal-cms-block-176 .blocks > div:last-child, .journal-cms-block-240 .blocks > div:last-child{width:66.66666666666666%} } @media screen and (max-width: 1220px) { /* #top-slider{height:400px} */ .information-page .cms-blocks.journal-cms-block-176 .block-content, .information-page .cms-blocks.journal-cms-block-240 .block-content{padding:30px 32px} } @media screen and (max-width: 1050px) and (min-width:980px) { /* #top-slider{height:420px} */ } @media screen and (max-width: 480px) { .top-slider{height:280px} } /* assembly logo */ .attribute-13 td:nth-child(1):after {background: url("/image/catalog/Icons/assembly-instructions.png") no-repeat;width: 80px;height: 80px;display: block;content: ' ';position: relative;right: -20px;top: 28px;margin:-20px;} @media only screen and (max-width: 600px){.attribute-13 td:nth-child(1):after {top: 20px;}} /* other */ .scroll-top{bottom:100px; background:rgb(238, 238, 238, 0.5); padding:6px 12px; transition: all 0.9s ease-out 0s;} .scroll-top.up{content:'\e91e'} .scroll-top.down:before{content:'\e91d'} @media screen and (max-width: 480px) { .scroll-top{bottom:70px; right:15px} } .product-page-244 #button-cart, .product-page-534 #button-cart, .product-page-522 #button-cart, .product-page-532 #button-cart, .product-page-524 #button-cart, .product-page-533 #button-cart, .product-page-526 #button-cart, .product-page-530 #button-cart, .product-page-527 #button-cart, .product-page-531 #button-cart, .product-page-508 #button-cart, .product-page-509 #button-cart, .product-page-510 #button-cart, .product-page-511 #button-cart, .product-page-514 #button-cart, .product-page-515 #button-cart, .product-page-516 #button-cart, .product-page-517 #button-cart, .product-page-519 #button-cart, .product-page-520 #button-cart, .product-page-521 #button-cart, .product-page-523 #button-cart, .product-page-528 #button-cart, .product-page-529 #button-cart, .product-page-535 #button-cart, .product-page-537 #button-cart{display: none;} .ui-pnotify-closer {right:5px} .ui-pnotify-closer:before {content: '\e91f'} .header-notice button.close-notice{top:-2px} button.close-notice.x-icon:before{content: '\e91f'; font-size: 22px} #cov-learn{color:#3a3a3a; font-weight:600} @media screen and (max-width: 600px) { .header-notice .notice-text span{font-family: 'Lato'; text-transform: none; font-size: 15px; font-weight: 600;} } .sale-wrapp{position: relative; display: flex; flex-direction: column; align-content: center; justify-content: center; text-align: center; width:600px; max-width:100%; height:100%; padding:40px; border:2px dashed #909cab; } .sale-wrapp h2{padding-top:10px; font-family: 'Raleway'; font-size:48px; font-weight:600; color:#fff; text-transform: uppercase; letter-spacing:1px} .sale-wrapp hr{margin:30px; background: #909cab; border-color:#909cab} .sale-wrapp p{color:#fff; font-size:24px} .sale-wrapp p.code{font-family: 'Raleway'; font-size:32px; font-weight:600; color:#faaa1f; text-transform: uppercase; letter-spacing: 1px} .sale-wrapp p.code span{font-family: 'Lato'} .sale-wrapp p.small{ margin-top:auto; font-size:14px; color:#cbd0d6} #container .alert.alert-success{background:#bbe897; padding:10px 20px} .success-page, .success-page .heading-title, .success-page .buttons{text-align: center!important;} .success-page .buttons .pull-right{float:none} .journal-stock.outofstock{color:red!important; font-weight:bold;} .journal-stock.instock{color:#1e6229!important} .store-content{width:100%; font-size:16px} .store-content .banners{display: flex; width:100%} .store-content .banners > div{width:41%; max-height:456px; padding-left:4px; overflow: hidden;} .store-content .banners > div:first-child{padding-left:0} .store-content .banners > div:last-child{width:18%} .store-content .banners img{height:100%; width: auto} .location-content .basic-info{padding:30px 30px 0 0} .location-content p{margin-bottom:10px; font-size:14px; line-height:22px} .location-content .map{height:400px; margin-bottom:30px} .content-direction{margin-top:20px} .content-direction input[type='text']{width:60%; float:left} .content-direction input[type='button']{padding: 5px;top:-5px;width:40%;float:left; line-height:25px} .product-page-334 .service, .product-page-436 .service, .product-page-696 .service{display: none;} #product .service .control-label a{top:10px; font-size:14px} #product .service .control-label a span.note{display: block; color:#3a3a3a; font-size:13px} #product .service select{padding:12px; color:#3a3a3a; font-family: 'Lato'; font-size:13px} #product .service a.hint--top:before, #product .service a.hint--top:after{display: block!important;} .service .form-inline{display: inline-block} .service .form-group{color:#000; font-family:'Lato'; font-size:15px; font-weight:400} .service .form-group select{color:#3a3a3a;font-family: 'Lato'; font-size:13px} .service .btn-primary{padding:7px 13px; background: #e7e8eb; border-radius: 0} .service .btn-primary i{color:#3a3a3a} .service .btn-primary:hover{background: #dadbdd} .service .hint--top:before, .service .hint--top:after{display: block!important} .service .hint--top{color:#faaa1f} .service .hint--top:hover{text-decoration: underline;} .route-checkout-cart .service .btn-primary{margin:-4px 0 0 -4px} .disclaimer{display:none; background: transparent; border:0; line-height:16px; padding-top:0; font-size:12px; font-style: italic;} .disclaimer p{margin-top:8px} .disclaimer.visible{display: block} .modal-content{border-radius:0; box-shadow:none} .note-white-glove { padding: 10px 10px 5px 5px; font-style: italic;} .product-page-433 .custom-sections .product-grid-item, .product-page-710 .custom-sections .product-grid-item { width: 350px; margin: auto;} @media screen and (max-width: 746px) {.product-page-433 .custom-sections .product-grid-item, .product-page-710 .custom-sections .product-grid-item {width: 50%; margin: unset;}} .product-page-696 .custom-sections .product-grid-item { width: 320px; margin: auto;} @media screen and (max-width: 997px) {.product-page-696 .custom-sections .product-grid-item {width: 50%; margin: unset;}} /* Optional Foldable Table */ .journal-custom-tab-278{margin-top: -15px !important;} @media only screen and (max-width: 980px) {.journal-custom-tab-278{margin-top: -10px !important;}} /* remove right shadow from product page */ .partiallyPopup {box-shadow: 0px 0px 0px 0px rgba(0,8,41,.14) !important;} /* remove reasssembly clause */ .attribute-40 td:first-child{text-indent: -9999px; line-height: 0;} /* Appoitment page */ @media only screen and (max-width: 500px) { .journal-popup-254 .journal-popup-content.overflow-on, .journal-popup-255 .journal-popup-content.overflow-on, .journal-popup-256 .journal-popup-content.overflow-on, .journal-popup-257 .journal-popup-content.overflow-on, .journal-popup-258 .journal-popup-content.overflow-on, .journal-popup-259 .journal-popup-content.overflow-on{overflow-y: scroll; max-height: 72vh; -webkit-overflow-scrolling: touch;} .route-information-storelocation .tawk-min-container .tawk-button-circle.tawk-button-large {display: none !important;} } .appobut {width: 225px; padding: 0 5px !important; font-size: 14px !important; background-color: #FAAA1F !important; margin:10px 0px 10px 0px;color: #3a3a3a!important;font-weight:bold!important; } .appobut:hover {background:rgb(58, 58, 58)!important;color: rgb(255, 255, 255)!important;} .journal-popup-254 .mfp-close, .journal-popup-255 .mfp-close, .journal-popup-256 .mfp-close, .journal-popup-257 .mfp-close, .journal-popup-258 .mfp-close, .journal-popup-259 .mfp-close {color: rgb(251 243 243)!important;} /* extras section A220, A220XL, A230, A235, A230F, A235F*/ .product-page-206 .product-grid-item .image > a, .product-page-206 .product-grid-item .name, .product-page-248 .product-grid-item .image > a, .product-page-248 .product-grid-item .name, .product-page-614 .product-grid-item .image > a, .product-page-614 .product-grid-item .name, .product-page-620 .product-grid-item .image > a, .product-page-620 .product-grid-item .name, .product-page-625 .product-grid-item .image > a, .product-page-625 .product-grid-item .name, .product-page-141 .product-grid-item .image > a, .product-page-141 .product-grid-item .name, .product-page-413 .product-grid-item .image > a, .product-page-413 .product-grid-item .name, .product-page-145 .product-grid-item .image > a, .product-page-145 .product-grid-item .name, .product-page-207 .product-grid-item .image > a, .product-page-207 .product-grid-item .name, .product-page-626 .product-grid-item .image > a, .product-page-626 .product-grid-item .name{ width: 80%;} .route-account-order-info table.list td{color:#3a3a3a!important;} /* cart, checkout */ .checkout-product table, .cart-info table{width:100%} .route-checkout-cart .alert{margin-top:-20px} .account-page .fa-eye:before{font-family:'journal-icons'!important; content:"\e906" } .account-page .fa-reply:before{font-family:'journal-icons'!important; content:"\e927" } .fa-exclamation-circle:before{font-family:'journal-icons'!important; content:"\e926"; font-size:16px} .fa-refresh:before{font-family:'journal-icons'!important; content:"\e925"; font-size:18px} .fa-times-circle:before{font-family:'journal-icons'!important; content:"\e924"; font-size:18px} .mini-cart-info table tr td.remove i:before{content:"\e924";padding:4px; background:#ccc;font-size:13px; color:#FFF} .mini-cart-info table tr td.remove i:hover:before{background: #3a3a3a} .route-checkout-cart .alert-danger, .cart-info .name .text-danger{font-size:14px} .cart-info .name small{font-size:14px; font-weight:300} .checkout-cart .availability, .cart-info .availability{margin-top:10px; font-size:13px; color:#ff0000; } .cart-info .quantity .input-group input {border-radius:0;border:1px solid #ddd; margin-right:3px} .oc2 .input-group-btn button{border-radius:0; padding:5px 8px; line-height: 22px} .cart-info table thead td.image{font-size:0} .route-checkout-cart .action-area .collapse{display: block!important; visibility: visible!important} .route-checkout-cart .action-area .panel-body{padding:20px} .route-checkout-cart .action-area .panel-heading{display: none;} .note-covid{margin-bottom:10px; color:green} .availability.green{color:green} .cart-disclaimer{display: block; margin-top:5px; font-size:12px; line-height:16px} .cart-disclaimer a{font-size: 12px!important} .route-checkout-cart .action-area .buttons a.btn-primary{background-color: #faaa1f;color: #3a3a3a;font-weight:bold} .route-checkout-cart .action-area .buttons a.btn-primary:hover{background-color: rgb(231, 232, 235)} #panel-bodypp_pro legend{border-bottom:0!important; display: none;} #amazon-root{display: inline-block;} #AmazonPayButton{display: inline-block;position: relative; top:23px; margin-top:-23px} h1 + #AmazonPayButton{top:0} #collapse-coupon .panel-body{display: flex; justify-content: flex-end;} #collapse-coupon label{display: none;} #collapse-coupon #input-coupon{padding:12px 20px; box-shadow:none} #collapse-shipping > div > p{padding:0 0 15px 0!important; margin-bottom:10px; background:transparent!important; border-bottom:1px solid #ddd} #collapse-shipping .form-horizontal{width:360px; float:left} #collapse-shipping .form-horizontal .form-group label{padding-top:2px} #collapse-shipping .form-horizontal .form-group label + div{width: auto} #collapse-shipping .form-horizontal .text-danger{display: block;} #collapse-shipping .form-horizontal select, #collapse-shipping .form-horizontal input[type='text']{margin:0; padding:12px; max-width:100%; width:200px} #collapse-shipping .form-horizontal > div:last-of-type{display:none} #collapse-shipping #button-quote{margin-top:-30px; position: fixed; left:92.5%;} @media only screen and (max-width: 1615px){#collapse-shipping #button-quote{ left:91%}} @media only screen and (max-width: 1460px){#collapse-shipping #button-quote{ left:90.2%}} @media only screen and (max-width: 1320px){#collapse-shipping #button-quote{ left:89.2%}} @media only screen and (max-width: 1216px){#collapse-shipping #button-quote{ left:88%}} @media only screen and (max-width: 1060px){#collapse-shipping #button-quote{ left:86.5%}} @media only screen and (max-width: 940px){#collapse-shipping #button-quote{ left:84.7%}} @media only screen and (max-width: 840px){#collapse-shipping #button-quote{ left:82.6%}} @media only screen and (max-width: 760px){#collapse-shipping #button-quote{position: initial; margin-top:10px;}} .ny_tax{margin-left:23px; margin-top:5px} .route-checkout-cart .modal-dialog{display: inline-block; margin: 0 0 0 75px; position: relative;top:-60px} .route-checkout-cart .modal-content{padding: 0 0 0 60px; box-shadow:none; background: none; border:0; border-left:1px solid #ddd; border-radius:0} .route-checkout-cart .modal-header{border:0} .route-checkout-cart .modal-title{color:#000; font-size:14px; font-weight:400} .route-checkout-cart .modal-body p{display: none;} .route-checkout-cart .modal-body label{font-weight:bold} .route-checkout-cart .modal-body input[type='radio']{position: relative;top:2px; left:-3px} .route-checkout-cart .modal-footer{padding-top:0; border:0; text-align: left} .assembly-info{width:50%; margin:20px 0 60px; padding-right:20px; border-right:1px solid #ccc; line-height:22px} .assembly-info h3{padding-bottom:10px; color:#000; font-family: 'Raleway'; font-size:15px; font-weight:600;} .action-area > h3, .action-area > p, .action-area .sc-voucher{display: none; height:0; line-height:0} .route-checkout-cart .fa-caret-down:before{font-family:'journal-icons'; content: "\e91d"; font-size:11px; left:2px; top:-1px} .route-checkout-cart .fa-refresh:before{color:#3a3a3a} .checkout-register .checkbox label{font-weight: bold;color: #C25700;} .checkout-page .alert.warning{color:green; background:transparent; padding-left:0; font-size:15px} .checkout-page .text-danger{color: #ff0000; background-color: transparent;} /* product components */ #stock_components{color:#3a3a3a; font-weight: normal; border-top:1px solid #ddd; margin-top:10px; padding-top:10px} #stock_components:before{content:"Components availability:"; margin-bottom:5px; font-family:"Lato"; color:#000; font-weight:bold} #cart .checkout .button:nth-child(1) {color: #3a3a3a;font-weight:bold} .cart_components a{font-size:12px!important; color:rgb(221, 0, 23)!important;} .cart_components a:after{content: "\f0d7"; margin-left:5px} .cart_components a.hide:after{content: "\f0d8";} .cart_components div{border-top:1px solid #ddd;border-bottom:1px solid #ddd; padding-bottom:10px; margin:10px 0;font-size:12px} .cart_components div.hide{display: none;} .journal-checkout .checkout-cart td.name{padding:10px 0} .components{padding:0!important;} .components h4{padding:15px 0; margin-bottom:5px; border-bottom: 1px solid #e4e4e4; font-size:18px; font-weight:400!important; text-align: center;} .components .block{padding:10px 15px; text-align: center; } .components .block a{display: block; float:left; } .components .block a.name{margin-top:25px; margin-left:15px; font-size:14px;} .components .block img{border: 1px solid #e4e4e4 } /* options grouping */ .option-groups{width:42%; padding-right:30px; float:left; padding-top:20px} .option-groups a{display: block; position: relative; margin:10px 0; color: #3a3a3a!important; font-weight: 500} .option-groups a.selected,.option-groups a:hover{color:#faaa1f!important} .option-groups a.selected:after,.option-groups a:hover:after{content: '\00bb'; position: absolute; top:-10px; margin-left:8px; font-size: 24px;} div.option-groups+div+ul{width:58%} .product-info .option ul li{transition: margin 0s} /* img.has-grouping {display: none;}*/ img.has-grouping.MicrofiberSuede{display:block} .product-page-649 img.has-grouping.Linen,.product-page-653 img.has-grouping.Linen{display:block} #fabric-selected{padding-top:20px; margin-top:20px; font-size:14px} #fabric-selected strong{color:#faaa1f} /* asta */ .group-name{padding:8px 0; line-height:20px; font-style: normal; font-size: 14px; font-weight: normal; color: #252122} /* Google Reviews QR */ .google_review_text { font-size: 20px; text-align: center; margin-top:-30px } .google_review_qr { display: block; margin-left: auto; margin-right: auto; width: 50%; margin-top:-23px} @media only screen and (max-width: 760px){.google_review_qr { width: 90%;}} /* Google Login .checkout-type-register .googleButton { position: absolute; z-index: 9999;transform: translate(384px, 65px);} @media (max-width: 1615px) { .checkout-type-register .googleButton { transform: none;padding-left:20%; padding-top:65px;}} @media (max-width: 1300px) { .checkout-type-register .googleButton { padding-left:17%; }} @media (max-width: 1100px) { .checkout-type-register .googleButton { padding-left:15.5%;}} @media (max-width: 760px) { .checkout-type-register .googleButton { position: relative; padding:0;transform: none; float:right; top:121px} .route-account-register .googleButton {position: absolute ; top:88px; right:1.5%} @media (max-width: 1095px) {.route-account-register .googleButton {position: absolute ; top:88px; right:2.5%}} @media (max-width: 840px) {.route-account-register .googleButton {position: absolute ; top:105px; right:3.5%}} @media (max-width: 393px) {.route-account-register .googleButton {position: relative; float: right; top:5px; left:10px} */ .route-account-return-add .googleButton {display:none} /* force email popup */ #product #button-cart-email{color:#fff; background:#333} .force-email-popup{position: relative;background: #f1f1f1; padding: 40px 60px;width: auto; max-width: 360px; margin: 20px auto;} .force-email-popup h3{padding-left:0!important} .force-email-popup input{width:100%; padding:8px 0; font-size:16px; text-indent: 20px} .force-email-popup .close{background:#3a3a3a; width:100%; margin-top:20px; padding:8px 0; border-radius:0; opacity:1; font-size:14px; text-shadow: none;} .force-email-popup .close:hover{background: #000; color:#FFF} .force-email-popup .note{display: inline-block; margin-top:10px; color:#777; font-size:12px} .force-email-popup .alert-danger{color:red; font-weight: bold} .quickview .force-email-popup{position: absolute!important;padding:40px 60px!important;max-width:100%;margin:0;background:#f1f1f1!important; z-index:100} .facebookButton,.googleButton{display: inline-block} @media only screen and (min-width: 980px){ #top-modules .cs-117,#top-modules .cs-130,#top-modules .cs-134{margin:50px auto 20px} #top-modules .journal-cms-block-119,#top-modules .journal-cms-block-131,#top-modules .journal-cms-block-135{margin:50px auto 20px} #bottom-modules .static-banners-125,#bottom-modules .static-banners-127{margin:50px auto 20px} .block-content .expand.right ul{padding-left:0} .block-content .expand.left ul{padding-right:0} } @media only screen and (min-width: 768px){ #product .swatch-button.fixLeft{margin-left:-95px} } @media only screen and (max-width: 1615px){ .video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;} .video-container iframe,.video-container object,.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .right-area{padding-right:15px} .journal-header-center .journal-search{padding-left:0!important;} .layout-32 #top-modules .journal2_static_banners {padding:0!important;} .checkout-page .alert.warning{padding-left:15px} .cms-blocks .box-heading{padding-left: 0; padding-right:0} .product-grid-item .quickview-button a.button{padding:0 30px} .layout-55 #top-modules .journal2_cms_blocks {padding-left:0!important; padding-right:0!important;} #footer{padding-right:40px} /*.open-filter{right:20px} .filter-collapse .sf-reset{right:140px}*/ .route-account-register .buttons{margin-right:20px} } @media only screen and (max-width: 1615px) and (min-width: 981px){ .cms-block{padding-right:25px; padding-left:5px} .layout-55 #top-modules .cms-block{padding-left:0; padding-right:20px} .section-product .product-wrapper{margin-right:25px; margin-left:5px} .static-banner{padding-right:25px;padding-left: 5px} .static-banners .box-heading{padding-right:25px;padding-left: 5px} .home-page #top-modules > div:nth-child(3),.home-page #top-modules > div:nth-child(5){padding:0!important;} } @media only screen and (max-width: 1360px){ .journal-menu .super-menu > li > a{padding:0 20px!important; font-size:18px!important;} } @media only screen and (max-width: 1280px){ .right-area{padding-right:15px} .journal-header-center .journal-search{padding-left:0!important;} .cms-blocks .box-heading,.box-sections ul li a, .static-banners .box-heading{padding-bottom:0; font-size:28px!important;} .product-grid-item .quickview-button a.button{padding:0 20px} .layout-32 #top-modules .journal2_static_banners {padding:0!important;} .block-content .expand-block p{font-size:20px; line-height:24px} .layout-32 #content h1.heading-title{font-size:28px; margin-left:-197px} #footer .column.menu{padding-left:40px} } @media only screen and (max-width: 1220px){ .journal-links{margin-right:0} .journal-links i{left:0!important;} /*.right-area .header-icon{width:38px!important}*/ #header #search input,.journal-header-center .autocomplete2-suggestions{width:125px!important} .tp-caption.credit-caption{margin-top:-100px} .home-page .static-banners{width:100%} .product-grid-item .image .wishlist,.product-grid-item .image .compare{top:0; bottom:auto} .product-colors{font-size:12px; } .product-colors img{top:8px} .quickview .mfp-iframe-holder .mfp-close{ background: #ccc; padding-top: 10px; top: 10px; right: 10px; } .quickview .product-link{margin-right:50px} .route-checkout-cart .modal-dialog{margin-left: 20px} .route-checkout-cart .modal-content{padding-left: 20px} } @media only screen and (max-width: 1180px){ .journal-menu .super-menu > li > a{padding:0 10px!important; font-size:16px!important;} } @media only screen and (max-width: 1024px){ .lowest-badge{top:150px} .toggle-side-block{top:-40px; left:-40px; border:0} .protection-caption, .protection-caption{font-size:20px!important; line-height:36px!important; font-weight: normal!important;} .protection-caption.small{font-size:15px!important} #product .service select{margin-left:0} .assembly-info{width:100%; padding-right:0; border:0} #footer .column.text{width:100%;border-right:0; border-bottom:1px solid #ccc; margin-bottom:20px} .route-checkout-cart .modal-dialog{margin: 0; top:0; max-width:100%} .route-checkout-cart .modal-header{border-bottom:1px solid #e5e5e5} .route-checkout-cart .modal-content{padding: 0; border:0; margin-top:20px; max-width:100%} .route-checkout-cart .modal-footer{position:relative; top:-15px } } @media only screen and (max-width: 980px){ .journal-header-center .j-100{max-height:70px} .journal-header-center #header{-webkit-box-align: center; -webkit-align-items: center;-ms-flex-align: center; align-items: center;} .journal-logo{width:180px} #logo a{padding:12px 0; -webkit-box-align: center; -webkit-align-items: center;-ms-flex-align: center; align-items: center} .journal-menu{padding-left:50px; margin-bottom:0} .mobile-menu-on-tablet header .journal-menu .mobile-menu{position: absolute; left:0; top:70px; right:0} .journal-desktop .menu-floated .float-left{padding:5px 10px;border-color:#FFF} .journal-menu .super-menu > li > a{font-size:15px!important;} .right-area{align-self: center; padding-bottom:0} .journal-links{margin-right:15px} .journal-links i{left:-6px!important;} .right-area .header-icon{width:46px!important} .journal-secondary a > i{left:12px!important} #header .top-menu .top-dropdown {margin-left:12px} #header #search input{top:40px} #header .journal-search button{pointer-events:none!important} #header #search input,.journal-header-center .autocomplete2-suggestions{width:180px!important} .home-page .journal2_slider{height:400px;} .tp-caption.credit-caption{margin:0; left:10px; right:10px; top:30%!important} .tp-caption.credit-caption img{max-width: 100%; height:auto; } .home-page .free-ship{bottom:10%} .tp-caption.financing-caption{margin-top:0!important; font-size:18px!important} .cms-blocks .blocks{margin-right:-20px} .cms-block{padding-right:20px} .static-banners .box-heading{padding-right:20px} .static-banners > div{margin-right:-20px} .static-banner{padding-right:20px} .home-page .product-grid, .home-page .box-product{margin-right:-20px!important;} .home-page .product-wrapper{margin-right:20px!important;} .block-content .expand{height:auto; padding:40px 0} .block-content .expand-blocks ul{width:100%!important;} .block-content .expand-blocks li{padding:20px 0!important; font-size:28px!important; text-align: center;} .block-content .expand-blocks li.nocaps{padding:10px 0} .block-content .expand-blocks li.border-top{margin-top:10px} .block-content .expand-blocks li:hover:after,.block-content .expand-blocks li.hover:after{transform: none} .block-content .expand-block{position: static; width:100%!important; height:0; padding:0!important; background: transparent!important; } .block-content .expand-blocks li:hover .expand-block, .block-content .expand-blocks li:active .expand-block, .block-content .expand-blocks li:focus .expand-block, .block-content .expand-blocks li.hover .expand-block{padding:15px 10px 0 10px!important; margin-top: 15px; height:auto; border-top:1px solid #fff; border-bottom:1px solid #fff; } .block-content .expand-block p{margin-bottom:15px; font-size:18px; line-height:22px} .block-content .expand.left .expand-block > div, .block-content .expand.right .expand-block > div{-webkit-transform: translateY(-25px)!important; transform: translateY(-25px)!important;} .block-content .expand-blocks li:hover > .expand-block > div, .block-content .expand-blocks li:focus > .expand-block > div, .block-content .expand-blocks li:active > .expand-block > div { -webkit-transform: translateY(0)!important; transform: translateY(0)!important; } .block-content .expand-blocks li hr {top:-20px; margin-right:0} .map-showroom{height:200px; margin-bottom: 20px} .layout-32 .static-banners-110{height:30vh} .quickview-button{display: none;} .product-info .right .cart{padding-right:8px} .product-info .right .cart div .qty{margin-right:0} .product-info .right .cart{width:auto; float:none; margin-bottom:0} .product-info .right .wishlist-compare{width:auto; float:none; padding:0 8px 0 10px} .product-info .right .journal-custom-tab{margin:10px} .cart-info td{padding:10px} /*.journal-sf{width:100%} .open-filter.has-filters{position: static; width:120px; margin-bottom:20px; } .filter-collapse .sf-reset{right:20px; top:-56px!important; width:calc(100% - 200px); height:40px; text-align: right;} .sf-reset a{float: right} */ } @media only screen and (max-width: 760px){ #logo{margin-left:20px} header.journal-header-mega #logo a{text-align:left} .journal-header-center .journal-menu{padding-left:0; z-index:10000} .journal-menu .super-menu > li > a{padding-left:20px!important; } .super-menu .drop-down ul{margin-left:10px} .journal-header-center #header .journal-links{margin:0 14px } .journal-header-center .journal-secondary{border:0;margin: 0; background-color: transparent!important;} .journal-header-center .journal-search { -webkit-order: initial; -ms-flex-order: initial; order: initial; } .tp-banner-container.journal-fullwidth-slider{/*height:auto!important;*/} .static-banners-125 .box-content > div,.static-banners-127 .box-content > div{display: none;} .static-banners-125 .box-content > div:first-child,.static-banners-127 .box-content > div:first-child{display: block;} .credit-caption img{width:100%!important; height:auto!important; left:0} /*.journal2_cms_blocks{padding-top:30px!important}*/ .home-page .journal2_slider{height:275px} h2.title-type{margin:10px 0 30px; font-size:20px} button.mfp-close{display:block; position: fixed; top:12px!important; right:5%!important; left:3%!important; padding-right:20px!important; width:92%!important; background:rgba(0,0,0,0.5)!important; text-align: right} .lowest-badge{top:5px; display: none;} .swatches div{float: none; width:98%; padding:1% 2%} .swatches.royal div{width:100%; padding:1% 0 0 1%} .swatches div span{padding-left:0} .attribute tr td:first-child{width:auto } .product-info .right .tabs-content{padding:0} .product-info #tabs li:not(:first-of-type){margin-left:0} .usage-logo{padding:0} .usage-logo img{margin:10px auto 3px; max-width:60px} .usage-logo span{padding:8px 15px; font-size:11px; } .usage-logo .freestanding{padding:10px} .mattress-icon{width:80px; padding:5px; left:10px; top:auto; bottom:10px; font-size:11px} .mattress-icon img{display: none;} .layout-32 #content h1.heading-title{top:-50px; left:20px; margin-left:0; font-size:20px} .layout-32 .single-section .box-heading ul li a,.layout-32 .box-sections ul li a, .layout-32 .journal-carousel > a{text-align:left!important;font-size:20px!important;} .layout-32 .journal-gallery .box-heading {font-size:20px} .layout-32 div#content{padding:0!important;} .layout-32 .journal-gallery{padding-left:0!important;} .components .block{padding:5px 15px } #tabs{padding:0 10px} /* options grouping */ .option-groups{width:100%; min-height:0} div.option-groups+div+ul{width:100%} .cart-info .hide-mobile{display: none} #collapse-shipping .form-horizontal{max-width:100%} #collapse-shipping label{width: auto} #collapse-shipping .modal-content > div{padding:10px 0!important;} .journal-popup .mfp-close{right:0!important;background:transparent!important;font-size:16px;color:#3a3a3a; text-shadow:none;} .location-content .basic-info{padding-right:0} .location-content .map{margin-top:30px} .store-content .banners{flex-wrap: wrap;padding:0} .store-content .banners > div{width:100%; padding-left:0; margin-bottom:4px} .store-content .banners > div:last-child{display: none;} .store-content .banners > div img{height:auto; width:100%} .sale-wrapp{border:0; padding:0} .sale-wrapp hr{margin:20px} .blog-post .post-stats span{display: inline-block; margin:3px 10px 3px 0} #footer{padding-bottom:40px} } @media only screen and (max-width: 600px) and (min-width: 471px){ .banners-bottom .gallery .text h3 a{font-size:24px} } @media only screen and (max-width: 600px){ #header{justify-content: flex-end; -webkit-justify-content: flex-end} #header .journal-logo{margin-right:auto} #header .journal-menu{margin-right:25px; display: -webkit-box; display: -webkit-flex;display: -ms-flexbox; display: flex; -webkit-justify-content:flex-end; justify-content: flex-end;} #header .journal-menu .mobile-trigger{margin-top:0!important; width:auto!important} .right-area{width:100%; height:54px; line-height:54px;border-top:1px solid #b9b9b9} .journal-header-center #header .journal-links{margin-right:auto} .journal-secondary a > i{left:13px!important; top:-2px} #header .top-menu .top-dropdown a, #header .top-menu .top-dropdown .no-link{line-height:20px } #header .top-menu .top-dropdown{margin-top:-4px; margin-left:8px} #header #search input{top:44px; left:-24px} .journal-header-center .autocomplete2-suggestions{top:80px; left:-50%;width:170px!important;margin-left:-1px} .autocomplete2-suggestions div{line-height:20px} .journal-header-center .journal-cart #cart .content{position: absolute;left:0; width:100%; margin-top:0} .mini-cart-info table tr td, .mini-cart-total td, .mini-cart-info table tr td a {line-height: 20px} .mini-cart-info table tr td.text-left{text-align: left; } .oc2 .mini-cart-total table{padding:20px 20px 0} .cms-blocks .box-heading,.box-sections ul li a, .static-banners .box-heading{padding-bottom:0; font-size:20px!important;} .block-content .expand{padding:40px 0; margin:0 -10px} .block-content .expand-blocks li.two-levels{margin-top:10px} .block-content .expand-block p{font-size:16px; line-height:20px; text-align: center;} .expand .two-levels ul li{width:100%!important;} .expand .two-levels ul span.title{font-size:16px} #product .service .control-label a {top:0} #product .service .control-label a span.note{display: inline-block; margin-left:5px} .cart-info table{margin-top:-40px; background:transparent!important;} .cart-info thead{display: none} .cart-info tbody td{display: block; border:0; padding:10px 0} .cart-info .image img{margin:35px 10px 0 0} .cart-info tbody td.name{padding-top:30px; border-top:1px solid #ccc} .cart-info tbody .service-row td.name{padding-top:0; border:0} .cart-info tbody td.quantity,.cart-info tbody td.total{float:left; text-align: left;} .cart-info tbody td.total{line-height:32px; margin-left:20px} .service-row .quantity, .service-row .total{display: none!important;} .service .form-inline select{margin-left:0} .tp-caption.credit-caption{top:40%!important} .tp-caption.credit-caption img{max-width:100%} .tp-caption.financing-caption{width:300px; padding:20px 40px!important; font-size:14px!important;line-height:20px!important} .tp-caption.financing-caption p{white-space: normal} .home-page .free-ship{padding:15px 0} .home-page .free-ship h3{font-size:18px} .home-page .free-ship span{font-size:16px} #collapse-shipping label{width: 100%} #collapse-shipping .form-horizontal .form-group label + div{width:100%} .checkout-page .alert.warning{padding-left:0} .journal-checkout .checkout-cart .price{display: none!important;} .journal-checkout .checkout-cart table{margin-top:-10px; table-layout: auto; min-width:200px; background:transparent!important;} .journal-checkout .checkout-cart thead{display: none} .journal-checkout .checkout-cart tbody td{display: block; border:0!important; padding:10px 0} .journal-checkout .checkout-content tbody .model, .journal-checkout .checkout-content tbody .quantity{display: block;} .journal-checkout .checkout-cart table .image{max-width:90px; float: left} .journal-checkout .checkout-cart table .image img{margin:10px 10px 10px 0} .journal-checkout .checkout-cart tbody td.name{max-width:400px; padding-top:20px; border-top:1px solid #ccc!important;} .journal-checkout .checkout-cart tbody td.quantity,.journal-checkout .checkout-cart tbody td.total{float:left; text-align: left;} .journal-checkout .checkout-cart tbody td.total{margin-left:20px; font-weight:bold; line-height: 26px} .oc2 .journal-checkout .checkout-cart td.quantity input[type='text']{margin:0 3px 0 0; min-width:0; width:40px; float:left} .journal-checkout .checkout-cart tfoot td{display: inline-block;width:40%;border:0!important;} .journal-checkout .checkout-cart tfoot tr td:first-child{ padding-left:0; text-align: left;} .filter-collapse .sf-reset{right:30px; color:#FFF} .filter-collapse .sf-reset i:after{color:#FFF} .journal-sf .box{width:100%;padding:20px} #AmazonPayButton{top:0; margin-top:-13px} .sale-wrapp h2{padding-top:10px;font-size:32px} .sale-wrapp hr{margin:10px} .sale-wrapp p{font-size:20px} .sale-wrapp p.code{font-size:28px} .sale-wrapp p.small{font-size:13px} .journal-cms-block-178 iframe{height:auto; min-height:300px} .product-info .right > div > ul.price{display:block!important; max-height:1000px!important; margin-bottom:15px!important;} .product-info .right > div > ul.price > li.mo-rate{float:none; padding:10px 0; margin:10px 0; border-top:1px solid #e4e4e4; clear:both; text-align: left; border-left:0; padding-left:0; min-height:50px} .product-info .right .partialy{margin-left:0!important} /*.open-filter{position: static;} .open-filter.has-filters{margin-bottom:70px} .filter-collapse .sf-reset{left:20px; width:auto; top:-66px!important; height:40px; text-align: left;} .sf-reset a{float: left; margin-right:2px} */ #footer .column .info, #footer .column .showroom{width:100%; padding:0 0 20px 0} #footer .heading{margin:40px 0 20px} #footer .column.text{padding-left:10px;padding-bottom:0; margin-bottom:0; border-bottom: 0} #footer .column.menu{padding-left:10px} #footer .column.text .social-icons{margin-top:20px} } @media only screen and (max-width: 470px){ .lowest-badge img{max-width:110px} .dimension-box.inline .weight{position: static;} .protection-caption, .protection-caption span,.protection-caption .thin{font-size:16px!important; line-height:26px!important; word-break: normal} .cart-info .image img{max-width:80px} .cart-info .quantity input[type="text"]{width:auto} .oc2 .notification-buttons a{padding:0 15px} .facebookButton,.googleButton{max-width:50%} .force-email-popup{padding:20px 40px} .force-email-popup h3{font-size: 18px!important} .bottom-logos{padding-left:0} .warranty-box{padding:15px 30px; margin-right:30px} a.fbkMetroStyleBtn,a.gglMetroStyleBtn{max-width:100%; padding:0 14px 0 45px!important;} .credit-mobile{padding-top:54px} } /* consultation form */ .journal-cms-block-189 .blocks,.journal-cms-block-190 .blocks,.journal-cms-block-191 .blocks{margin-right:0} .consultation-form{max-width: 1600px; width:100%; margin:auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;-webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; justify-content: center; flex-direction: column; height: 100vh; text-align: center} #layoutform0{width:100%; padding:5%; background: rgba(130,121,118,0.8)} #layoutform0 .form-horizontal{max-width:50%; margin:auto} #layoutform0 h2{color: #FFF; font-family: "Raleway"; font-size:36px; font-weight: 200; text-transform: uppercase} #layoutform0 p, #layoutform0 .text-help{color: #FFF;font-family: "Lato"; font-size: 22px; line-height:28px; font-weight: 300; line-height: 28px} #layoutform0 p.subtitle{margin:30px 0} #layoutform0 .text-help{margin:10px 0} #layoutform0 p.terms{margin-top:30px; font-size:18px; color:#eee} #input-field0111{display: none;} #layoutform0 .form-group{position: relative;} #layoutform0 .form-group label{display:none} #layoutform0 .form-group label + div{width:100%; float:none} #layoutform0 .form-group .input-group{width:100%;} #layoutform0 .form-group input, #layoutform0 .form-group select{width:100%; margin:8px 0; padding:16px 26px; font-size:22px; box-shadow:none; border: 1px solid #b4adaa; color:#fff; font-weight:300; background: rgba(165,156,153,0.6)} #layoutform0 .form-group input::placeholder,#layoutform0 .form-group select option{font-size:22px; color:#fff; font-weight:300} #layoutform0 .alert{margin-bottom:8px; padding:16px 26px; font-size:16px} #layoutform0 .text-danger{position: absolute; bottom:9px; right:0; padding:0 20px; height:62px; line-height:62px; font-size:16px} #layoutform0 .buttons{margin-top:7px; text-align:center} #layoutform0 .buttons .pull-left{float:none!important} #layoutform0 .buttons button{white-space:normal;padding:12px 35px; font-size:20px; font-weight:300; background: #faaa1f;transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-color 0.15s ease-in-out;} #layoutform0 .buttons button:hover{background: rgb(228, 228, 228)} @media only screen and (max-width: 1280px){ .consultation-form{height:auto; padding:40px 0} } @media only screen and (max-width: 980px){ .home-page #top-modules > div:nth-child(3){padding-left:0;padding-right:0} #layoutform0{padding:10%} #layoutform0 .form-horizontal{max-width:100%} } @media only screen and (max-width: 769px){ #layoutform0{padding:10%} #layoutform0 .form-horizontal{max-width:100%} } @media only screen and (max-width: 600px){ .journal-cms-block-189,.journal-cms-block-190,.journal-cms-block-191{padding-left:0!important;padding-right:0!important;} #layoutform0 h2{margin-top:10px; font-size:24px} #layoutform0 p.subtitle{margin:20px 0} #layoutform0 p, #layoutform0 .text-help{font-size: 16px; line-height:22px} #layoutform0 p.terms{margin-top:10px; font-size:14px} #layoutform0 .form-group input, #layoutform0 .form-group select{margin:4px 0; padding:12px 20px; font-size:16px; } #layoutform0 .form-group input::placeholder,#layoutform0 .form-group select option{font-size:16px} #layoutform0 .alert{margin-bottom:4px; padding:16px 26px; font-size:14px} #layoutform0 .text-danger{position:absolute; bottom:5px; padding:0 10px; height:43px; line-height:43px; font-size:14px} #layoutform0 .buttons button{padding:10px 35px; font-size:16px} } @media only screen and (min-width: 768px){ #layoutform0 .form-group select{padding-top:15px; padding-bottom:15px} #layoutform0 div:nth-child(4),#layoutform0 div:nth-child(5),#layoutform0 div:nth-child(6){width:32%; margin-right:2%; display:block; float:left; clear:none} #layoutform0 div:nth-child(6){margin-right:0} } .ui-selectmenu-menu{overflow-y: scroll; max-height:300px; border:1px solid #ddd} .ui-widget.ui-widget-content{border:0} .ui-menu .ui-menu-item-wrapper{height:24px; line-height: 24px} .ui-menu-icons .ui-menu-item-wrapper{padding-left:2.5em} .ui-icon{width:24px; height:24px} .ui-selectmenu-button.ui-button{display: block; height:40px; line-height:28px; border-radius:0; font-family:'Lato'; font-size:14px; border-color:#EEEEEE; box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.08)} .ui-button .ui-icon{width:16px;height:16px;top:6px} #input-field98-menu li:first-child{display: none;} .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:14px} div[improvedoptions_description]{display: none} .option-popup{display: none; position: absolute; top:0; left:0; right:0; z-index:1;padding:20px 30px 20px 20px; background: #fff; border:1px solid rgb(228, 228, 228); color:#3a3a3a;font-size:14px; box-shadow:0 2px 10px -2px rgba(0, 0, 0, 0.2)} .swatch-thumb{margin-right:10px!important; border:1px solid #eee} .option-popup .close-notice{background: #eee; right:0!important;} .option-popup .close-notice:hover{background: rgb(250, 170, 31); color:#fff} /* projects grid */ .row-projects {display: flex;flex-wrap: wrap;padding: 0 2px;} .column-projects0 {flex: 45.3%; padding: 0 2px;} .column-projects0 img {margin-top: 4px;vertical-align: middle;} .column-projects1 {flex: 50%; padding: 0 2px;} .column-projects1 img {margin-top: 4px;vertical-align: middle;} .column-projects2 {flex: 46%; padding: 0 2px;} .column-projects2 img {margin-top: 4px;vertical-align: middle;} .column-projects3 {flex: 40%; padding: 0 2px;} .column-projects3 img {margin-top: 4px;vertical-align: middle;} /* Fix options */ .product-info .right .options.push-radio .option-image li span img {float: unset;} .product-info .option-image ul li {line-height: 0px;} /* Credit text "OR" */ #partiallyWidgetContainer::before {content: "OR"; position:fixed; transform: translate(-40%, -285%); background-color: white; padding-left:8px; padding-right:7px; font-family: "Lato"; line-height: 0.3; font-size: 13.5px; font-weight: bold;} @media only screen and (max-width: 1500px){#partiallyWidgetContainer::before {transform: translate(-40%, -130%); line-height: 0.5; }} @media only screen and (max-width: 980px){#partiallyWidgetContainer::before {transform: translate(-40%, -180%);}} @media only screen and (max-width: 600px){#partiallyWidgetContainer::before {transform: translate(310%, -180%);}} @media only screen and (max-width: 1550px){ .partiallyWidget .partiallyWidgetOpener { white-space: normal !important} .product-info .right > div > .price { max-height: 170px;} .product-info .right > div > .price > li.mo-rate { min-height: 130px;} .product-info .mo-rate { padding: 1px 10px 0 5px;} .partialy { max-width: 100%;} .product-price {padding-top: 10%;} } @media only screen and (max-width: 980px){ .product-price {padding-top: 5%;} } /* option combinations */ #options-combinations-container .control-label{display: block; margin-bottom:4px;font-size:14px; } div#options-combinations-container div.form-group>label:before{display:none} ul.thumbnails.image_picker_selector li{margin:0px 4px 6px 0; float:none; display: inline-block} ul.thumbnails.image_picker_selector li .thumbnail{padding:0; border: 2px solid rgb(204, 204, 204);transition: all 0.2s} ul.thumbnails.image_picker_selector li .thumbnail.selected{border:2px solid #3a3a3a} ul.thumbnails.image_picker_selector li:hover .thumbnail{border:2px solid #3a3a3a} ul.thumbnails.image_picker_selector li .thumbnail img{display: block} .tooltip-options-like-image .tooltip-inner{display: block; border-radius:0; padding:4px 10px; font-family:'Lato'; font-size:13px;} div#options-combinations-container div.form-group>label span.option_name{margin-left:10px; color:#faaa1f} li.opt-as-bullet {margin: 0 2px 2px 0 !important;} .category-page ul.thumbnails.image_picker_selector li:nth-child(n + 8) {display: none} /* nova bed */ ul.image_picker_selector > li > div.selected{pointer-events: none} .selectable-options .option-description label{color:#000} .selectable-options .option-description:hover label{color:#faaa1f} .add_sofa{margin-bottom:15px; } .add_sofa:after{content: 'Add Sofa'; font-family: "Raleway"; color:#fff} .add_sofa:hover:after{color:#3a3a3a} .add_sofa.remove:after{content: 'Remove Sofa'} .product-page-652 .product-info .right .selectable-options .form-group:nth-child(2) .radio:first-of-type{display: none!important;} .product-page-652 .selectable-options li[class*='31-321']{display: none!important;} .product-page-652 .selectable-options .form-group:nth-child(2),.product-page-652 .selectable-options .form-group:last-child{opacity: 0; height: 0; margin-bottom: 0} .product-page-652 #product-gallery .swiper-wrapper{transform: none!important;} .product-page-652 .option ul > li:after{left:0} .product-page-652 .options{margin-bottom:0} .product-page-652 .add_sofa.remove{margin-top:15px} .selectable-options .radio{display: inline-block!important;} .selectable-options .radio label{display: inline-block; padding:0 15px; margin:6px 4px 0 0; line-height:32px; border-radius:3px; background:#e7e8eb;font-weight:bold} .selectable-options .radio label:hover, .selectable-options .radio label:active, .selectable-options .radio label:focus, .selectable-options label + input[type="radio"]:checked, .selectable-options .radio label.selected{background:#3a3a3a; color:#fff} #options-combinations-container .selectable-options .radio input[type="radio"]{display: none!important;} #partiallyWidgetContainer > div:not(:first-child){display: none!important} /* real room inner pages */ .real-room-page h2{font-size:17px; font-weight:600; margin-bottom:20px} .information-page #content .real-room-page p{font-size:15px; line-height:26px} .real-room-page .flex{display: flex; width:100%} .real-room-page .flex > div{width: auto} .real-room-page .paddingL{padding-left:50px} .real-room-page .paddingR{padding-right:50px} .real-room-page > div{margin-bottom:50px} .picsRealRow { display: flex;} .img1real { flex: 1.38;} .img2real {flex: 0.6148;} .prj2img1real { flex: 0.61;} .prj2img2real {flex: 0.7;} .prj3img1real { flex: 0.6;} .prj3img2real {flex: 0.64;} .prj4img1real { flex: 0.6;} .prj4img2real {flex: 0.652;} .prj5img1real { flex: 0.7;} .prj5img2real {flex: 0.388;} .prj6img1real { flex: 0.5;} .prj6img2real {flex: 0.5116;} .prj7img1real { flex: 0.6;} .prj7img2real {flex: 0.508;} .prj8img1real { flex: 0.5861;} .prj8img2real { flex: 0.6;} .prj8img3real { flex: 0.549;} .prj8img4real { flex: 0.6;} .prj11img3real { flex: 0.5;} .prj11img4real { flex: 0.5;} .prj13img1real { flex: 0.5;} .prj13img2real { flex: 0.5;} @media only screen and (max-width: 760px){ .real-room-page .paddingL{padding-left:0; margin-top:20px} .real-room-page .paddingR{padding-right:0; margin-bottom:20px} .real-room-page > div{margin-bottom:20px} .real-room-page .flex{display: block;} } /* my account */ .route-account-account #column-right{display: none;} .route-account-account #column-right + #content{margin-right:0!important;} .account-page .side-column .box{background: rgb(250, 250, 250); padding: 10px 20px 20px; border: 1px solid rgb(204, 204, 204);} .account-page .side-column .box li a{font-size:14px} .account-page .side-column .box li a:hover{background: none} .account-page label[for=input-telephone]:before,.account-page label[for=input-address-1]:before,.account-page label[for=input-city]:before,.account-page label[for=input-country]:before,.account-page label[for=input-zone]:before{display: none;} label[for=input-fax], #input-fax, label[for=input-payment-fax], #input-payment-fax{display: none!important} .route-account-register #address{padding-top:20px; border-top:1px solid #b9b9b9} .journal-dashboard .grey-table .list td{color:#3a3a3a} .dash-template2 .account-links li .icon{border:1px solid #faaa1f!important;} .dash-template2 .account-links li .icon i:before{color:#faaa1f} .dashboard .dash-cols .tile-heading{background:#faaa1f!important;} .dash-template2 .tile .tile-body h1{font-family: 'Raleway'!important;} .dashboard .view-all a{font-size:14px!important; text-transform: none!important;} .profile-section .user-name span{text-transform: none!important;} .account-page .login-wrap p:first-of-type {display:none} /* save images to customer */ .save-image-note{margin:-20px 0 10px} .saveMyImageWrap.hint--top:before,.saveMyImageWrap.hint--right:before,.saveMyImageWrap.hint--top:after,.saveMyImageWrap.hint--right:after, .saveMyImageWrap.hint--left:before,.saveMyImageWrap.hint--left:after{display: block} .saveMyImageWrap{ transition: all 0.5s ease} .saveMyImage{color:#fff} .saveMyImage:hover{color:#faaa1f} .saveMyImage:before{display: block; /*content: '\f08a';*/ content: '\e662';} .saveMyImage.small:before{font-size: 28px;} .saveMyImage.medium:before{font-size: 34px;} .grid-item .saveMyImageWrap{position: absolute;bottom:7px;right:15px; z-index:100} .journal-desktop .grid-item .saveMyImageWrap{bottom:auto; opacity:0; visibility: hidden} .journal-desktop .grid-item:hover .saveMyImageWrap{opacity: 1; visibility: visible;} @media only screen and (max-width: 600px){ .grid-item .saveMyImageWrap{bottom:2px;right:8px;} .saveMyImage.small:before{font-size: 22px;} .saveMyImage.medium:before{font-size: 26px;} } .list-inline.account-links > li{ width:25% } /* images list */ .images-info .images{display: flex; flex-wrap: wrap;} .images-info .image{position: relative; float: left; width:calc(25% - 20px); margin:0 20px 20px 0} .images-info .image img{max-width: 100%} .images-info .name{font-size:15px;} .images-info .location{font-size:15px;} .images-info .btn-danger{position: absolute;top:0; right:0} .images-info .images::after { content: ""; clear: both; display: table} @media only screen and (max-width: 760px){ .list-inline.account-links > li{width:50%} .images-info .image{width:calc(50% - 20px); margin:0 20px 20px 0} } @media only screen and (max-width: 480px){ .images-info .image{width:100%; margin:0 0 20px 0} } /* Info page Streamlined Process*/ .information-page-109 #content .content-left {float: left;width: 50%; padding-right:50px; padding-top:20px} .information-page-109 .form-horizontal {float: right; width: 50%; padding-left:50px; padding-top:8%} .information-page-109 .heading-title {display:none } @media screen and (max-width: 1100px) { .information-page-109 #content .content-left {float: unset; width: unset;padding: 0;} .information-page-109 .form-horizontal {float: unset; width: unset; padding: 30px 0 30px 0;} } .timeline,#form-hbspt {padding-top:50px} .t-title {font-family: 'Montserrat',Arial,sans-serif; font-weight: 600; color: #000000} .t-align-center {text-align: center} .t-pic-height{height: 700px;} .t-inner-wrapper {position: absolute;top: 50%;left: 50%; -ms-transform: translate(-50%, -50%)!important;transform: translate(-50%, -50%)!important;} .t-title {color: #fff;font-size: 52px;line-height: 1.23;} .t-descr {font-family: 'Montserrat',Arial,sans-serif;font-weight: 300;padding: 40px 0 54px; color: #fff;font-size: 22px;line-height: 1.55;} .t-btn {font-family: 'Montserrat',Arial,sans-serif; font-weight: 700;cursor: pointer;height: 60px;font-size: 16px; padding-left: 60px; padding-right: 60px;display: -webkit-inline-flex; -webkit-align-items: center;} .t-h1 {font-size: 42px;line-height: 1.23;font-weight: 600;color: #3a3a3a;} @media screen and (max-width: 1200px) { .t-name-xs {font-size: 14px} .t-name-lg {font-size: 20px} } @media screen and (max-width: 640px) { .t-name-xs {font-size: 12px} .t-name-lg {font-size: 18px} } .t-width {width: 100%} .t-width-2 {max-width: 860px} .timeline-mainblock {margin: 0 auto} .timeline .t-section-topwrapper {margin-bottom: 105px} .timeline .t-section-title {margin-bottom: 40px} .timeline .t-section-descr {max-width: 560px} .timeline .t-section-bottomwrapper {margin-top: 105px} .timeline-mainblock:after,.timeline-mainblock:before {content: ''; display: table; clear: both} .timeline-item {position: relative; padding-bottom: 30px} .timeline-item:last-child {padding-bottom: 0!important} .timeline-block {padding-right: 56px; padding-left: 0!important} .timeline-block-flipped {padding-right: 0!important; padding-left: 56px} .timeline-mainblock {margin: 0 auto} .timeline-line {position: absolute; width: 1px; top: 0; background: #222; bottom: 0; left: 0; right: 0; margin: 0 auto} .timeline-col {width: 50%} .timeline-flipped {float: right!important} .timeline-circle {width: 30px; height: 30px; position: absolute; right: 0; left: 0; top: 5px; margin: 0 auto; background-color: #222; border-radius: 100%; border: 2px solid #fff} .timeline-number {position: absolute; top: 50%; left: 0; right: 0; text-align: center; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); color: #fff} .timeline-img {width: 21%; max-width: 80px; display: block; margin: 0 auto 14px} .timeline-title {margin-bottom: 6px; margin-top: 10px; font-size:18px; font-weight: 600;} .timeline-descr {margin-top: 10px; margin-bottom: 5px} @media only screen and (max-width: 960px) { .timeline .t-section-bottomwrapper {margin-top:45px} .timeline .t-section-topwrapper {margin-bottom: 45px} .timeline .t-section-title {margin-bottom: 20px} .timeline-container {padding: 0 20px; box-sizing: border-box} } @media only screen and (max-width: 780px) { .t-title, .t-h1 {font-size: 32px;} .t-descr {font-size: 18px; } .t-btn { height: 50px; font-size: 15px; padding-left: 22px; padding-right: 22px;} } @media only screen and (max-width: 640px) { .timeline .t-section-bottomwrapper {margin-top:15px} .timeline-title {margin-bottom: 0; margin-top: 2px} .timeline-descr {margin-top: 5px} .timeline-circle { position: relative; top: 0; left: 0; right: auto; margin-left: 0} .timeline-item { padding-bottom: 0!important} .timeline-col {float: none; text-align: left; width: 100%} .timeline-linewrapper,.timeline-block,.timeline-block-flipped {display: table-cell; vertical-align: top; padding-bottom: 30px} .timeline-linewrapper {position: relative; padding-bottom: 30px} .timeline-block,.timeline-block-flipped {padding-left: 20px!important; padding-right: 0!important} .timeline-line {right: auto; left: 50%; -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0)} .timeline-img {margin-left: 0} } @media only screen and (max-width: 450px) { .t-title, .t-h1 {font-size: 24px;} #form-hbspt {padding-top: 5px !important; padding-bottom: 20px !important; margin-top:-80px} .timeline .t-section-title {margin-bottom: 20px;margin-top:25px} .timeline {padding-top: 10px} .t-pic-height {height: 410px} .t-inner-wrapper {position: absolute;top: 50%;left: 10%;-ms-transform: translate(-50%, -50%)!important;transform: translate(-10%, -50%)!important} .information-page-111 #form-hbspt {padding-top: 5px !important;padding-bottom: 28px !important;margin-top: -30px} } .str-container{display: flex;flex-wrap: wrap;margin-bottom:20px;} .str-container .str-columns{flex:0 0 auto;width:50%;} .streamlined {position: relative;width: 80%;left: 20%;} .str-image {border-width: 2px; background-size: cover; background-repeat: no-repeat; border-color: #000000; border-style: solid; width: 255px !important; height: 286px !important;} .str-container .str-columns.str-image{background-position:center;background-repeat:no-repeat;width: 25%;height: 265px;} .str-container .str-columns.str-content .str-content-container{padding: 10px 0px 10px 20px;} .str-container .str-columns.str-content .str-content-container h5{font-weight:700;font-size:24px;margin-bottom:20px; text-align: left;} .str-container .str-columns.str-content .str-content-container p{font-weight:400;font-size:16px;margin-bottom:20px;margin-bottom:15px;text-align:justify;} @media screen and (max-width:1240px){ .str-container .str-columns.str-image{background-position:center;background-repeat:no-repeat;width: 40%;} .streamlined {position: relative;width: 90%;left: 10%;} } @media screen and (max-width:767px){ .str-container{flex-flow:row wrap;} .str-container .str-columns.str-image{display:block;order:1;width:100%;height: 270px;} .str-container .str-columns.str-content{display:block;order:2;width:100%;} .str-container .str-columns.str-content .str-content-container{padding:20px 0px;} .str-container .str-columns.str-content .str-content-container h5{margin-bottom:5px;} .str-container {display: flex;flex-direction: column-reverse;} .streamlined {position: relative;width: 97%;left: 3%;} .str-container .str-columns.str-content .str-content-container h5{font-size:20px;} .str-image {display: block; margin-left: auto; margin-right: auto;} } /*Measurements*/ #open-dims {position: absolute;right: 85px;top: 20px;z-index: 1000;width: 66px;height: 66px;background-color: #eee;border-radius: 100%;background-image: url(/image/catalog/other/icon-measurements-off.svg);background-repeat: no-repeat;background-position: center;background-size: 54%} [data-dims]:after,[data-dims]:before { position: absolute; left: 50%; transform: translate(-50%,110px); z-index: 1000; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; opacity: 0;transition: opacity .35s ease .25s} [data-dims]:before {content: attr(data-dims);font-family: 'Lato';font-size: 14px;font-weight: bold;color: #3a3a3a;line-height: 12px;background: #eee;padding: 8px 12px;bottom: 100%;border-radius: 3px;} [data-dims]:after {content: '';background: 0 0;border: 8px solid transparent;border-bottom-color: #eee;transform: translate(-50%,62px)} [data-dims]:hover:after,[data-dims]:hover:before {opacity: 1} @media only screen and (max-width: 480px){#open-dims {top: 0px;right: 16px;width: 34px; height: 34px;background-size: 64%;} [data-dims]:before { content: attr(data-dims); font-family: 'Lato';font-size: 10px;font-weight: bold;color: #ffffff;line-height: 10px;background: #faaa1f; padding: 4px 4px; bottom: -4%; border-radius: 3px;} [data-dims]:after,[data-dims]:before {transform: translate(-55%,28px); } } .product-page-381 #open-dims,.product-page-381 #open-dims,.product-page-203 #open-dims,.product-page-680 #open-dims,.product-page-199 #open-dims,.product-page-681 #open-dims,.product-page-686 #open-dims,.product-page-682 #open-dims,.product-page-683 #open-dims,.product-page-687 #open-dims,.product-page-684 #open-dims,.product-page-688 #open-dims,.product-page-685 #open-dims,.product-page-689 #open-dims,.product-page-637 #open-dims,.product-page-641 #open-dims,.product-page-580 #open-dims,.product-page-678 #open-dims,.product-page-679 #open-dims,.product-page-674 #open-dims,.product-page-415 #open-dims,.product-page-380 #open-dims,.product-page-376 #open-dims,.product-page-378 #open-dims,.product-page-518 #open-dims {display:none} /* Free Mattress */ .information-page-112 #content h1.heading-title {font-size: 0px;border-style: none;} .information-page-112 .heading-title {margin-bottom: 0px;} .information-page-112 .cms-blocks .box-heading {padding-bottom: 0px} .freemattress-btn {font-family: 'Montserrat',Arial,sans-serif; font-weight: 550;cursor: pointer;height: 50px;font-size: 16px; padding-left: 30px; padding-right: 30px;display: -webkit-inline-flex; -webkit-align-items: center;} .information-page-112 .box-heading {white-space: unset;line-height: 30px} .mattress-pic-height{height: 450px;} @media only screen and (max-width: 480px){.mattress-pic-height{height: 300px;}} /* Black Friday */ .information-page-113 .cms-blocks .box-heading {padding-bottom: 50px;padding-top: 50px;font-size: 38px;font-weight: 300;background-color: #040404;color: #ff9900;font-family: 'Arial', sans-serif;white-space: unset;line-height: 30px; border-radius: 15px;} .information-page-113 #content h1.heading-title {display: none !important;} @media only screen and (max-width: 450px) { .information-page-113 .cms-blocks .box-heading {padding-bottom: 10px;padding-top: 10px;} .information-page-113 .editor-content h3{ font-size: 14px;} } /* Footer configurator button */ #footer .bt-config-footer {color: #fff!important; margin-top:20px; line-height:40px!important; font-size:14px;} #footer .bt-config-footer:hover {background-color: #FAAA1F} .bt-config-footer:hover{background:rgb(58, 58, 58);color: rgb(255, 255, 255);} .bt-config-footer:before {content: "\e6a7";top: 2px;left: -6px;font-size: 21px; margin-top: -10px;} /* Tawk Config Page */ .route-information-configurator .tawk-min-container .tawk-button-circle.tawk-button-large, .tawk-min-container {display:none !important} .route-account-register #content{transform: none} /* Exclusive Murphy Bed Sale */ .information-page-115 .extended-container {display:none } .journal-cms-block-265, .journal-cms-block-267, .journal-cms-block-272, .journal-cms-block-336, .journal-cms-block-337{padding:0!important;} .journal-cms-block-265 .cms-block, .journal-cms-block-267 .cms-block, .journal-cms-block-272 .cms-block, .journal-cms-block-336 .cms-block, .journal-cms-block-337 .cms-block{padding:0!important; margin:0!important;} .journal-cms-block-265 .cms-block, .journal-cms-block-267 .cms-block, .journal-cms-block-272 .cms-block, .journal-cms-block-336 .cms-block, .journal-cms-block-337 .cms-block {padding-right: 0px; padding-left: 0px;} .information-page-115 .top-headings {padding-top:50px; padding-bottom:20px} .top-headings h1{ font-family: "Raleway"; font-size: 32px; font-weight: 400; text-transform: uppercase; } .top-headings h2{font-size:22px; font-weight: 300; color:#3a3a3a} .information-page-115 .journal2_cms_blocks{padding:0!important} .full-height-section { max-width: 1600px; width: 100%; height: 100vh; padding:15%; margin: auto; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; } .full-height-section h2, .newsletter-box h2{display:inline-block; width:auto; border-bottom:1px solid #ccc; padding-bottom:20px!important; margin-bottom:20px; font-family: "Raleway"; font-size: 28px; font-weight: 300; text-transform: uppercase; } .full-height-section h3, .newsletter-box h3{ margin-bottom:20px; font-family: "Raleway"; font-size: 24px; color:#B35000; text-transform: uppercase; } .full-height-section h4, .newsletter-box h4{ font-size: 18px; margin-top: 20px; margin-bottom:20px} .full-height-section p, .full-height-section li{color: #3a3a3a; font-size: 18px; font-weight: 200 !important} .full-height-section .orange{color:#C25700} .full-height-section .button { padding: 12px 24px; margin-top: 20px; background-color: #FAAA1F; font-size: 16px; font-weight:bold; text-transform: uppercase;} .full-height-section .left{text-align: left;} .full-height-section .button:hover { background-color: #000; color:#fff} .full-height-section .form-wrap{width: 100%;padding: 0 30px; max-width: 600px; position: relative;top:-40px} .information-page-115 .newsletter-box{margin:50px auto 0;} .information-page-115 .newsletter{max-width: 900px; margin:20px auto; } @media only screen and (max-width: 1499px){ .full-height-section { padding:10%; } } @media only screen and (max-width: 1279px){ .full-height-section h2, .newsletter-box h2{padding-bottom:15px!important; margin-bottom:15px} } @media only screen and (max-width: 1024px){ .top-headings h1,.full-height-section h2, .newsletter-box h2{font-size: 22px} .top-headings h2, .full-height-section h3, .newsletter-box h3{font-size: 20px } .full-height-section h4, .newsletter-box h4{margin-bottom: 20px;} .full-height-section p, .full-height-section li{font-size: 16px} } @media only screen and (max-width: 980px){ .information-page-115 .cms-block{padding-right:0} .information-page-115 .cms-blocks .blocks{margin-right:0} } @media only screen and (max-width: 768px){ .full-height-section {height: auto} .full-height-section .form-wrap{padding: 0} .journal-cms-block-265 .block-content-top,.journal-cms-block-272 .block-content-top,.journal-cms-block-336 .block-content-top,.journal-cms-block-337 .block-content-top {background-size: 100%!important; background-position: center !important; } .pic-full-height-section{height:400px; max-width:100%; width:auto} .information-page-115 .top-headings {padding-top:30px; padding-bottom:0} .full-height-section h2, .newsletter-box h2{padding-bottom:15px!important; margin-bottom:15px} .information-page-115 .newsletter-box{width: 90%} .journal-cms-block-265 .blocks > div:nth-child(3){order:4} .journal-cms-block-265 .blocks > div:nth-child(4){order:3} .journal-cms-block-337 .blocks{flex-direction: column-reverse;} } @media only screen and (max-width: 480px){ .full-height-section { padding-left:7%; padding-right:7%;} } /* A560 - Collage */ .product-page-content .cms-block {padding-right:19px !important;} .loftmdiva {margin-top: 8px;position: relative;right: 101.3%;z-index:1;width: 201%;height: 20%;background-color: #000000;color: rgb(255, 255, 255);font-weight: 400 !important;font-family: "Raleway";font-size: 1vw;text-align: left;padding: 9% 20px;line-height: 155%;} .loftmdivb {margin-top: 8px;position: relative;z-index:1;width: 100%;height: 12.6%;background-color: rgb(255 255 255);color: rgb(58, 58, 58);font-weight: 400 !important;font-family: "Raleway";font-size: 1vw;text-align: left;padding: 0% 0 0% 4px;line-height: 155%;} .rowloft { display: -ms-flexbox; display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap; padding-top: 50px;} .loftcolumn1 {-ms-flex: 34%; flex: 34%;max-width: 34%;padding: 0px 4px 4px 0px;} .loftcolumn2 {-ms-flex: 22%;flex: 22%; max-width: 22%;padding: 0 4px;} .loftcolumn3 {-ms-flex: 22%;flex: 22%; max-width: 22%;padding: 0 4px;} .loftcolumn4 {-ms-flex: 22%;flex: 22%; max-width: 22%;padding: 0px 0px 4px 4px;} .loftcolumn1 img, .loftcolumn2 img, .loftcolumn3 img, .loftcolumn4 img {margin-top: 8px;vertical-align: middle;width: 100%;} @media screen and (max-width: 1770px) {.loftmdiva {font-size: 1.1vw;padding:8% 20px;line-height: 160%;}.loftmdivb {font-size: 1.1vw;padding: 0% 0 0% 4px;}} @media screen and (max-width: 1670px) {.loftmdiva {font-size: 1.2vw;padding:5% 20px;line-height: 155%;}.loftmdivb {font-size: 1.1vw;padding: 0% 0 0% 4px;}} @media screen and (max-width: 1200px) {.loftmdiva {padding: 8% 20px;line-height: 140%}.loftmdivb {padding: 0% 0 0% 4px;line-height: 140%}} @media screen and (max-width: 980px) {.loftcolumn1 {-ms-flex: 60.6%; flex: 61%;max-width: 61%;padding: 0px 4px 4px 0px;}.loftcolumn2 {-ms-flex: 39%;flex: 39%; max-width: 39%;padding:0px 0px 0px 4px;}.loftcolumn3 {-ms-flex: 50%;flex: 50%; max-width: 50%;padding: 0px 4px 0px 0px;}.loftcolumn4 {-ms-flex: 50%;flex: 50%; max-width: 50%;padding: 0px 0px 0px 4px;}.loftmdiva {margin-top: 4px;font-size: 2.2vw;padding: 12% 20px;line-height: 220%;right: 101.8%; width: 201.6%}.loftmdivb {font-size: 2.2vw;padding: 0% 0 0% 4px;line-height: 200%}} @media screen and (max-width: 850px) {.loftmdiva {right: 102.1%; width: 202.2%}} @media screen and (max-width: 767px) {.loftmdiva {font-size: 2.2vw;padding: 12% 20px;line-height: 200%;right: 102.3%; width: 202.4%}.loftmdivb {font-size: 2.2vw;padding: 0% 0 0% 4px;line-height: 200%}} @media screen and (max-width: 719px) {.loftmdiva {width: 202.9%;padding: 7% 20px}} @media screen and (max-width: 640px) {.loftmdiva {right: 102.9%; width: 202.9%;}} @media screen and (max-width: 500px) {.loftmdiva {font-size: 2.4vw;padding: 8% 20px;line-height: 170%;right: 103.9%; width: 204.2%}.loftmdivb {font-size: 2.4vw;padding: 0% 0 0% 4px;line-height: 160%}} @media screen and (max-width: 450px) {.loftmdiva {right: 105%; width: 205%;font-size: 2.6vw;padding: 2% 16px;}.loftmdivb {font-size: 2.4vw;padding: 0% 0 0% 0px;line-height: 160%}.rowloft { padding-top: 30px;}} @media screen and (max-width: 353px) {.loftmdiva {padding: 2% 8px;}} /* A223 - Collage */ .journal-cms-block-285 .box-heading { text-wrap: wrap;} .rowotable { display: -ms-flexbox; display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap; padding-top: 10px;} .otablecolumn {-ms-flex: 50%; flex: 50%;max-width: 50%; font-size: 15px;line-height: 26px; } .otablecolumn img {padding-bottom:5%;} .otablediv {padding-top:2%; padding-bottom:3%;} .otablecolumn:nth-child(even) {border-left: 1px solid rgb(228, 228, 228);} .otablecolumn:after {border-top: 1px solid rgb(228, 228, 228); content: ""; width: 60%; padding-bottom:2%;} .otablecolumn:nth-child(13):after, .otablecolumn:nth-child(14):after {border-top: 0px} .otablecolumn img {margin-top: 8px;vertical-align: middle;max-height: 36vh; overflow-y: auto;} .otablecolumn a { color: unset;text-decoration: none;font-size: 18px} .otablecolumn:hover {color:rgb(250, 170, 31);} @media screen and (max-width: 600px) {.otablecolumn {-ms-flex: 100%; flex: 100%;max-width: 100%;} .otablecolumn:nth-child(even) {border-left: 0px}.otablecolumn:after {width: 100%;}.otablecolumn:nth-child(13):after {border-top: 1px solid rgb(228, 228, 228);} .otablecolumn img {width:100%;}} /* PRODUCT PAGE 2024 */ /* Buttons Visit Showroom - Design Consultation */ .journal-custom-tab-279 .button,.journal-custom-tab-282 .button, .journal-custom-tab-283 .button{padding:0!important; height:50px; line-height:50px; background: rgb(58, 58, 58); font-weight: 500; font-family: "Raleway"; font-style: normal; font-size: 15px; color: rgb(255, 255, 255);} .journal-custom-tab-279 .button:hover, .journal-custom-tab-282 .button:hover, .journal-custom-tab-283 .button:hover {background: #FAAA1F;color: rgb(255, 255, 255)} .journal-custom-tab-279 .button:nth-child(1), .journal-custom-tab-282 .button:nth-child(1), .journal-custom-tab-283 .button:nth-child(1) {padding: 2px 0px;margin-right:1%;width: 48.6%;} .journal-custom-tab-279 .button:nth-child(2), .journal-custom-tab-282 .button:nth-child(2), .journal-custom-tab-283 .button:nth-child(2) {padding:2px 0px;margin-left:1%; width: 48.6%;} .product-info .right .journal-custom-tab-279, .product-info .right .journal-custom-tab-282,.product-info .right .journal-custom-tab-283 {padding: 0;} .buttondrop{background: #ffffff;font-weight: 400;font-weight: 400;font-family: "Lato";font-size: 14px;color: rgb(255, 255, 255); border-color: rgb(244, 244, 244); border-bottom-width: 1px; border-bottom-style: solid;} .buttondrop a {color: rgb(0, 0, 0) !important; text-transform: capitalize} .linkbut {color: rgb(255, 255, 255) !important;} .buttondrop:hover {background: #EEEEEE;color: rgb(255, 255, 255)} .dropdown-contentbut {display: none;position: absolute;background-color: #f9f9f9; min-width:300px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 99999;margin-top: 5px;} .dropdown-contentbut div {padding: 2px;} .dropdownbut .dropdown-contentbut {position: absolute; display: block; opacity:0; visibility: hidden;} .dropdownbut:hover .dropdown-contentbut {opacity: 1; visibility: visible;} .dropdown-contentbut:before{content: "";position:absolute;top: -10px;height: 10px;width:100%;right:0px;} @media screen and (max-width: 1200px) and (min-width:981px), (max-width: 600px) { .journal-custom-tab-279 .button,.journal-custom-tab-282 .button, .journal-custom-tab-283 .button {width: 100% !important; margin-top:10px; margin-left: 0px!important} .journal-custom-tab-279 .button:nth-child(1), .journal-custom-tab-282 .button:nth-child(1), .journal-custom-tab-283 .button:nth-child(1) {width: 100%;} } @media screen and (max-width: 1600px){ .dropdownbut .dropdown-contentbut {min-width:0; width:200px; left:50%; margin-left:-100px} } @media screen and (max-width: 600px){ .dropdownbut .dropdown-contentbut {width:300px; left:50%; margin-left:-150px} } .product-info .left .image-additional{margin-top:0; margin-bottom:0} .product-info .left .images-wrapper .image-additional a{padding-right:0} #top-gallery .swiper-button-prev, #top-gallery .swiper-button-next{height: 40px; width: 40px; line-height: 40px; background-color: rgb(238, 238, 238); color:#3a3a3a; z-index:100; pointer-events:auto!important;} #top-gallery .swiper-button-prev:before{content: '\e91c';font-size: 22px;} #top-gallery .swiper-button-next:before{content: '\e900';font-size: 22px;} [data-dims]:after{border-width:10px} .product-info .right .description{display: none!important} .product-info li.p-model{list-style-type: none} .product-info span.p-model{font-weight:bold} .product-info .product-price:after, .product-info .price-new:after{font-size:14px} .product-info .right > div > .options{padding-top:20px; padding-bottom:0; border-bottom:0; border-top:1px solid rgb(228, 228, 228)} .product-info .product-options > div.service{padding-top:20px; border-top:1px solid rgb(228, 228, 228)} #product .service .control-label a{top:0} .product-info .product-options > div.disclaimer{padding-top:0; padding-bottom:0; border:0} .p-stock{padding-bottom:20px; margin-top:5px; list-style-type: none} .product-info .right > div > .price{display: flex!important; flex-direction: column; flex-wrap: nowrap; max-height:96px; padding-top:5px; padding-bottom:10px; margin-bottom:0; border-bottom:0 } .product-info .right > div > .price > li{display: block} .product-info .right > div > .price > li.mo-rate{position:absolute; display:flex; flex-direction:column; top:0; padding-top:0; align-self: flex-end; justify-content: center; min-height:auto} .product-info .product-price{padding-bottom:20px} .product-page .product-info .product-options > div {border-bottom-width: 0px;} @media only screen and (max-width: 1500px) and (min-width: 980px){ .mo-rate-text{padding:0!important; } .product-info .product-price{padding-top:0} } @media only screen and (max-width: 1259px){ .product-info .right > div > .price{padding-bottom:10px!important} .product-info .right > div > .price > li.mo-rate{min-height:0!important} } @media only screen and (max-width: 600px){ .product-info .right > div > .price > li.mo-rate{position:static; margin-bottom: 0!important;padding-bottom:0!important;} } .product-info .right .price-old{padding-left: 0; float: none!important; margin-top:-10px} .product-info .right .cart {padding-right:10px; margin-bottom: 10px} .product-info.split-60-40 .right .cart div .qty{width:38%; margin-bottom:0} .product-info.split-60-40 .right .cart div .button{width:59%} .product-info .synopsis{padding-bottom:10px!important; border-bottom:0!important; font-size:14px} .product-info .journal-custom-tab-279,.product-info .journal-custom-tab-282,.product-info .journal-custom-tab-283{padding-bottom:0!important; border-bottom:0!important;margin-bottom:0!important;} .product-acc .item{padding:10px 0 0!important;} .product-acc .journal-accordion-heading{padding:10px 0!important; color:#3a3a3a; font-family:'Raleway'; font-size:18px; font-weight:400; letter-spacing:1px; text-transform: uppercase; border-color:rgb(228, 228, 228); cursor:pointer} .product-acc .journal-accordion-content > div{padding-left:0; border-bottom:0; line-height:20px; font-size:14px;} .product-acc [data-accordion] > [data-control]:after{height: 40px; width: 40px; top:-2px; right:0; line-height: 40px; background-image:none; background-color: rgb(238, 238, 238); color:#3a3a3a; z-index:100; pointer-events:auto!important;content: "\e921";font-size: 22px; text-align: center; cursor: pointer;} .product-acc [data-accordion].open > [data-control]:after{content: "\e920"} .product-acc .overview ul{padding-left:15px} .product-acc .overview .bottom-logos{display: block; padding:0; margin-top:15px; font-weight:bold} .product-acc .attribute{border:0} .product-acc .att-title{margin-top:10px; font-size:15px; font-weight:bold} .product-page-content .box{margin-top:50px; border-top:1px solid rgb(228, 228, 228)} .product-page-content .box-heading{padding:50px 0; margin:0 auto; border:0; color:#3a3a3a; font-size:24px; font-weight:400; letter-spacing:1px; text-transform: uppercase;text-align:center} #content .related-products .box-heading{bottom: 0} .product-page-content .static-banners-188 .box-heading, .product-page-content .static-banners-239 .box-heading, .product-page-content .static-banners-240 .box-heading{padding-right:20px} .product-page-content .journal-carousel .htabs.single-tab a.selected{width:100%; color:#3a3a3a; font-size:24px; font-weight:400; letter-spacing:1px; text-align:center} .product-page-content .box .product-grid{padding-top:0} .product-page .box-sections ul li a{padding:0} .product-page-content .static-banner{padding-right:20px;margin-bottom:20px} #design-gallery{text-align: center;} .product-page-content #design-gallery .box-heading{padding-top:30px} #design-gallery a.button{display: inline-block; padding:10px 20px; margin-top: 50px; background: #faaa1f; font-size:24px; letter-spacing: 1px} #design-gallery a.button:hover{color:#fff; background: #3a3a3a} #design-gallery .swiper-button-prev, #design-gallery .swiper-button-next{height: 40px; width: 40px; line-height: 40px; background-color: rgb(250, 170, 31); color:#3a3a3a} #design-gallery .swiper-button-prev::before{content:'\e91c'; font-size:22px} #design-gallery .swiper-button-next::before{content:'\e900'; font-size:22px} #design-gallery a.iproductVideo:before{content:"\f04b"; position: absolute; width:60px; height:60px; line-height:60px; top:46%; left:calc(50% - 30px); border-radius:50%; color:#fff; background:#000; font-size:26px; text-indent:4px; transition:background 0.15s ease-in-out} #design-gallery a.iproductVideo:hover:before{background:#faaa1f} #design-gallery .custom-t {font-size: 15px; padding-top:30px; margin-bottom:-25px;} #design-gallery .bt-cus:before {content: "\e6a7"; top:2px;left:-6px} #design-gallery .box-heading{padding-top:50px; margin-top:30px; border-top:1px solid rgb(228, 228, 228)} .tall-style .swiper-slide.iproductVideo{position: relative; max-width:385px; overflow: hidden; display: flex; align-items: center; justify-content: center;} .tall-style .swiper-slide.iproductVideo:before{z-index: 100} .tall-style .swiper-slide.iproductVideo.iproductVideo > img{position: absolute; max-height:445px; max-width:600px } .tall-style #new-projects-link{position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center;} .tall-style #new-projects-link img{position: absolute;max-width:600px;} @media screen and (max-width: 760px) { .tall-style .swiper-slide.iproductVideo.iproductVideo > img{max-width:500px } .tall-style #new-projects-link img{max-width:500px;} } @media screen and (max-width: 480px) { .tall-style .swiper-slide.iproductVideo.iproductVideo > img{max-width:300px } .tall-style #new-projects-link img{max-width:300px;} } .product-page-content > .journal-accordion{display: flex; border:0; font-size:14px} .product-page-content > .journal-accordion .box-heading{width:100%; max-width:430px; margin-right:30px; padding-top:0; border-right:1px solid rgb(228, 228, 228); font-size:20px; text-align: left; text-wrap:wrap; line-height:26px; } .product-page-content > .journal-accordion .box-heading:after{display: block; color:#9a9a9a; font-family:'Lato'; font-size:16px; font-weight:normal; text-transform:none; letter-spacing:0; content:'some text can go here if you want'} .product-page-content > .journal-accordion .journal-accordion-heading{padding:15px 30px 15px 0} .product-page-content > .journal-accordion .journal-accordion-heading:after{right:0; transform:none!important; background-image:none; color:#3a3a3a; z-index:100; pointer-events:auto!important;content: "\e921";font-size: 22px; cursor: pointer;} .product-page-content > .journal-accordion .open .journal-accordion-heading:after{content: "\e920"} .product-page-content > .journal-accordion .journal-accordion-content > div{padding: 15px 0} @media screen and (max-width: 1280px) { .product-page-content .static-banners .box-heading{font-size:24px!important} } @media screen and (max-width: 1200px) { .product-info.split-60-40 .right .cart div .qty{width:100%; margin-bottom:10px} .product-info.split-60-40 .right .cart div .button{width:100%} .static-banners-188 .box-content > div:last-child, .static-banners-239 .box-content > div:last-child, .static-banners-287 .box-content > div:last-child,.static-banners-240 .box-content > div:last-child{display: none;} } @media screen and (max-width: 980px) { .product-info.split-60-40 .left{padding-right:0} .product-info > div{display: block !important;width: 100% !important} .product-info.split-60-40 .right{padding:20px 0 0} .product-info .right .cart{padding-right:0} .product-info .right .wishlist-compare{padding-left:0;padding-right:0} .product-info .right .cart{margin-bottom:0} .product-info .right .journal-custom-tab{margin:0} .product-page-content > .journal-accordion{display:block} .product-page-content > .journal-accordion .box-heading{max-width:100%; margin:auto; border:0;font-size:24px; text-align: center; } .product-page-content > .journal-accordion .box-heading:after{ top:5px; } } @media screen and (max-width: 760px) { .product-info .synopsis{padding-bottom:0!important;} } @media screen and (max-width: 600px) { .product-info .right > div > ul.price{margin-bottom:0!important;padding-bottom:0 } #design-gallery a.button{margin-top: 30px; font-size:20px} #design-gallery .custom-t {margin-bottom:0px;} .product-page-content .box-heading, .product-description #tabs li{padding:30px 0} .product-page-content .box{margin-top:30px} .cms-blocks .box-heading, .box-sections ul li a, .static-banners .box-heading{font-size:24px!important} } @media screen and (max-width: 480px) { .product-info .mo-rate{padding: 0 0 0 5px} .product-page-content > .journal-accordion .journal-accordion-heading:after{top:12px} #open-dims{right:3px; width:46px; height:46px; background-size:50%} } /* wizard*/ h1.step-title, .layout-84 h1.heading-title{ font-family:'Lato'; text-transform: none; font-size:18px; font-weight:bold} .layout-84 .category-info, .route-information-wizard .category-info{font-size:15px} .layout-84 .category-info{border-top:1px solid #ccc; margin-top:10px; padding:20px 0 10px} .layout-84 .sf-filter,.layout-84 .open-filter, .layout-84 .journal-sf {display: none!important;} .layout-84 .pagination{display: none} .layout-84 .product-thumb .name a{cursor: default;} .quicklink{visibility: hidden; opacity: 0} .layout-84 .quicklink{visibility: visible; opacity: 1; background-color: #FAAA1F} .layout-84 .quicklink:hover{background-color: rgb(58, 58, 58); color:#fff} .layout-84 .category-bottom, .route-information-wizard .category-bottom{background: #efefef; padding:10px 30px 30px; border:1px solid #ccc; border-bottom:0} .route-information-wizard .category-bottom{padding:0 30px 20px} .layout-84 .category-bottom.fixed, .route-information-wizard .category-bottom.fixed{position: sticky; bottom:0; left:0; right:0; z-index:1000; border-right:0; border-left:0; padding-bottom: 10px;} .category-bottom .button{padding:5px 25px; font-size:14px} .layout-84 .category-bottom .buttons{margin:5px 0;} .layout-84 .pull-right .button{background-color: #FAAA1F;} .layout-84 .pull-right .button:hover {background: rgb(58, 58, 58);color: rgb(255, 255, 255);} .route-information-wizard .heading-title {border-bottom-width: 0px;} .route-information-wizard .product-grid-item .name a {position: relative; left:-15px; top:-10px; font-family:'Raleway'; font-weight:500; text-transform:uppercase} .quickview-page .left h1{display: block!important; border:0; background: rgb(238, 238, 238); line-height: 40px; padding-left:20px; padding-right:20px; text-align: center!important;} .quickview-page .product-acc{top:-10px; margin-bottom:0; padding-bottom:0!important;} .quickview-page .product-price{position: relative;top:5px} .quickview-page .p-stock{padding-bottom:0; margin-top:0} .quickview-page .swiper-button-next,.quickview-page .swiper-button-prev{display: none!important;} .quickview-page .selectable-options .form-group,.quickview-page .selection-info{clear: both;display: block} .quickview-page .selection-info{padding-bottom:0!important;} .quickview-page .p-model{clear: both} .quickview-page .selection-info .p-model{display: none;} .quickview-page ul.thumbnails.image_picker_selector li{margin:0 4px 8px 0} .route-information-wizard .category-bottom, .layout-84 .category-bottom {font-size: 18px;} .route-information-wizard .scroll-top, .layout-84 .scroll-top {display: none !important; z-index: 0 !important;} .layout-84 .pull-left {position: relative !important;display:inline-block; width: 20%; } .layout-84 .pull-middle {position: relative;top:5px;display: inline-block;width: 60%;} .layout-84 .pull-middle div{text-align: center; word-wrap: break-word;} .layout-84 .pull-right {position: relative;display: inline-block;width: 20%;} .layout-84 .pull-right .button {float: right;} @media screen and (max-width: 1231px) { .layout-84 .pull-left {width: 25%; } .layout-84 .pull-middle {top:-8px;display: inline-block;width: 50%;} .layout-84 .pull-right {position: relative;display: inline-block;width: 25%;} .layout-84 .buttons {margin: 20px 0 10px 0;} } @media screen and (max-width: 996px) { .quickview-page .left h1 {background: rgb(255 255 255);border-bottom: 1px solid rgb(228, 228, 228);} .quickview .product-info .right .cart {width: 100%;} } @media screen and (max-width: 895px) { .layout-84 .pull-left {width: 32%; } .layout-84 .pull-middle {top:-5px;display: inline-block;width: 36%;} .layout-84 .pull-right {position: relative;display: inline-block;width: 32%;} .layout-84 .buttons {line-height: 28px;} } @media screen and (max-width: 760px) { .quickview.mfp-wrap{left:2%!important;} .quickview button.mfp-close {width:100%; padding:5px 0 15px!important; background: transparent!important;} .quickview .mfp-close:before {position: relative; top:-12px; right:-10px; color: #fff;} .quickview .wishlist-compare{display: none; } } @media screen and (max-width: 700px) { .layout-84 .buttons {display: flex; margin-bottom:80px; margin: 20px 0 70px 0;} .layout-84 .pull-left {order: 1;width:100% !important} .layout-84 .pull-middle{order: 3; width:90% !important; position: absolute; top:55% } .layout-84 .pull-right {order: 2;width:100% !important} } @media screen and (max-width: 480px) { .layout-84 .pull-right {float:left; width: 48.3%; margin-top:0px} .layout-84 .pull-left {width: 48.3%; margin-right:10px } .layout-84 .pull-left .button, .layout-84 .pull-right .button {width: 100%;} .layout-84 .category-bottom .buttons{margin:5px 0px 15% 0px;} .layout-84 .category-bottom .button{padding:2px;} .layout-84 .category-bottom {padding: 5px 10px 10px;} .quickview-page .left h1 {padding:10px; font-size:18px!important; line-height:24px} .quickview-page .product-info .right {padding-left: 0px;} .quickview-page .product-info .right .cart {width: 100%;padding-bottom: 5px;} .quickview-page .product-info .right .cart div .qty {margin-bottom: 10px; width: 100%;} .quickview-page #button-cart {width: 100% !important;} .quickview-page .product-info .option ul li {padding: 0px; margin: 0px 2px 0 0;} .quickview-page .product-info .right .options.push-radio .option-image li span img{max-width:42px} .route-information-wizard .category-bottom, .layout-84 .category-bottom {font-size: 15px;} .layout-84 .pull-middle{order: 3; width:90% !important; position: absolute; margin-top:-5px; line-height:22px} } @media screen and (max-width: 320px) { .layout-84 .pull-middle{order: 3; width:90% !important; position: absolute; top:38% } .layout-84 .category-bottom .buttons{margin:10px 0px 30% 0px;} .layout-84 .category-bottom .button {padding: 1px;} .layout-84 .pull-left {margin-right: 6px;} } /* FAQ */ .journal-cms-block-314 h3, .journal-cms-block-316 h3, .journal-cms-block-317 h3 {color: #C25700;font-size: 18px;padding-bottom:-20px} .journal-cms-block-314 .blocks .cms-block hr, .journal-cms-block-316 .blocks .cms-block hr, .journal-cms-block-317 .blocks .cms-block hr {margin-bottom:40px;} .journal-cms-block-314 .blocks .cms-block .faq:before, .journal-cms-block-316 .blocks .cms-block .faq:before, .journal-cms-block-317 .blocks .cms-block .faq:before{content: "\f128";color:#ffffff;background-color: #C25700;padding-left:15px;padding-right:15px;padding-top:5px;padding-bottom:5px;font-size: 27px;font-weight: 400 !important;margin-right:1px;left: -10px;} .faq{position: relative;left:10px; } .faq1 {position: relative;top:-35px; left:65px; width:95%} .journal-cms-block-314 .blocks .cms-block p, .journal-cms-block-316 .blocks .cms-block p, .journal-cms-block-317 .blocks .cms-block p {position: relative;top:-20px; } .information-page-118 #content {max-width: 900px ; margin: auto;} .information-page-118 #content h1.heading-title {text-align: center !important;} @media screen and (max-width: 980px) { .journal-cms-block-314 .blocks div:nth-child(even):before, .journal-cms-block-316 .blocks div:nth-child(even):before, .journal-cms-block-317 .blocks div:nth-child(even):before {border-left: 0px; padding-right: 0px; left:0px;} .faq{left:0px;} .journal-cms-block-314 .blocks .cms-block .faq:before, .journal-cms-block-316 .blocks .cms-block .faq:before, .journal-cms-block-317 .blocks .cms-block .faq:before {left: -0px;} .information-page-118 #content h1.heading-title {text-align: left !important;} } @media screen and (max-width: 1570px) {.blocks .cms-block:nth-child(1) .faq1, .blocks .cms-block:nth-child(11) .faq1 {top: -50px}} @media screen and (max-width: 980px) {.blocks .cms-block .faq1 {top: -52px;} .blocks .cms-block:nth-child(11) .faq1 {top: -50px;}} @media screen and (max-width: 480px) {.faq1 {width: 86%;} .blocks .cms-block:nth-child(1) .faq1, .blocks .cms-block:nth-child(11) .faq1 {top: -52px;}} /* Blog */ .post-item-details .comment-date {margin: 0 !important;border-bottom: 1px solid #e4e4e4 !important;} .blog-list-view .post-item-details .post-text {font-size: 15px !important;} .posts.blog-list-view .post-wrapper {padding-bottom: 30px;} /* meniu nou */ .mega-menu {width: 26%; left: -22px; box-shadow: 0 1px 8px -3px rgba(0, 0, 0, 0.5); padding-bottom: 20px !important;} .mega-menu-html .mega-menu-item {margin-bottom: 0px;background-color: #ffffff;border-color: rgb(244, 244, 244);border-style: solid;border-width: 1px;border-bottom: 1px;text-align: center !important;} .mega-menu-html .mega-menu-item:hover {background-color: rgb(244, 244, 244); border-color: rgb(244, 244, 244);cursor: pointer;} .mega-menu div > h3 {padding-top: 13px !important;padding-bottom: 13px !important; text-transform: capitalize !important; font-weight: 400 !important;font-family: "Lato" !important;font-size: 14px !important;color: rgb(58, 58, 58) !important; margin-left: auto; margin-right: auto;} .wrapper p {font-size: 14px !important;} .mega-menu .wrapper a {line-height:25px; color: rgb(106 103 103);} .mega-menu .wrapper a:hover {color: rgb(250 170 31);} /*.mega-menu div:nth-child(8) {position: relative;display: inline-block; } .mega-menu .wrapper {display: none;} .mega-menu div:nth-child(8) {padding-bottom:24px } .mega-menu div:nth-child(8):hover .wrapper {display:contents; position:absolute; height:576px;}*/ .button-search i:before {font-size: 24px !important;} #cart .heading i:before {font-size: 27px !important;} @media screen and (max-width: 980px) {.mega-menu {width: 100%; left: -0px;}.mega-menu div > h3 {padding-top: 13px !important;padding-bottom: 13px !important; margin-left: 29px;}.mega-menu-html .mega-menu-item .wrapper {text-align: left !important;} .mega-menu-html .mega-menu-item .wrapper a{position: relative;left: 29px;}} .success-page .confirm-text{font-size:15px} /* Split Sofa */ .product-page-747 #button-cart {display: none;} /* Link icon A560 */ .intop {position:relative; top:-25px } .inpic img{translate: 0px 15px; width: 80px; height: 45px} @media screen and (max-width: 1480px) { .intop {top:0; margin-bottom:20px } } @media screen and (max-width: 450px) { .intop {top: 0px;} a.inte:before {content: ' '; display: block; position:relative; top:-25px } a.inte {position:relative; top:-15px } .inpic img {translate: 0px 2px;} } /* Default focus style for all focusable elements */ :focus { /* A very thin outline for subtlety */ outline: 1px solid #333; /* Dark grey for contrast */ /* Alternatively, use a box-shadow for a softer effect */ box-shadow: 0 0 0 1px #333; /* Reduce transition for a smooth change */ transition: outline 0.1s, box-shadow 0.1s; } /* Remove focus style for mouse users to maintain discretion */ :focus:not(:focus-visible) { outline: none; box-shadow: none; } .skip-link { position: absolute; top: -40px; left: 0; background: #BF1722; color: white; padding: 8px; z-index: 100; } .skip-link:focus { top: 0; } /* Custom Kitchens and Cabinets */ /* .layout-102 .heading-title,.layout-102 #filters {display: none;} .layout-102 h1{font-family: "Raleway"; font-size:26px; font-weight:300; text-transform:uppercase;color: #ffffff} .layout-102 h2{max-width:700px; margin:10px auto auto; font-family: "Lato"; font-size:21px; font-weight:400; color: #d1d1d1} .layout-102 .cms-block h3,.layout-102 .box-heading{padding:10px; margin-bottom:20px; font-family: "Raleway"; font-size:24px; font-weight:bold; text-transform: uppercase;text-align: center; border:0} .layout-102 h3{color: #C25700} .layout-102 .cms-block p,.layout-102 #content p,.journal-cms-block-328 li, .journal-cms-block-332 li{max-width:900px; margin:auto; font-size:18px} .layout-102 .cms-block .journal-cms-block-328 li, .journal-cms-block-332 li{margin-bottom:10px} .layout-102 .cms-block a.button{padding:20px 40px; background-color: #FAAA1F; font-size:20px; font-weight: bold;color: #3a3a3a;} .layout-102 .cms-block a.button:hover{background:rgb(58, 58, 58);color: rgb(255, 255, 255);} .layout-102 .cms-block hr{width: 100%;background-color: #ccc;border:1px solid #ccc; margin:60px auto;max-width: 700px} .layout-102 .cms-blocks{padding:0!important;} .layout-102 .journal-cms-block-322 .block-content{background-attachment:initial!important; position: relative;} .dots-overlay {position: absolute;top: 0; left: 0;width: 100%; height: 100%;background-image:radial-gradient(circle, #333 1px, transparent 1px),radial-gradient(circle, #333 1px, transparent 1px); background-size: 4px 4px; background-position: 0 0, 2px 2px; pointer-events: none; } .layout-102 .hero{display: flex; flex-direction: column;width: 100%;position: relative;height: 66vh;margin: auto;display: -ms-flexbox;max-width: 900px;-webkit-box-align: center;-ms-flex-align: center;align-items: center; justify-content:center; z-index:100} .layout-102 .hero-headings{width: 100%; background: rgba(58,58,58,0.8); padding: 40px; margin-bottom:60px} .layout-102 .intro{padding-top:10px} .layout-102 #content{padding-top:0} .layout-102 .journal-cms-block-324 .box-heading{margin:-20px 0 60px} .layout-102 .journal-cms-block-324 p.orange-key, .layout-102 #content .journal-cms-block-324 p.orange-key {color:#C25700; font-size:18px; font-weight: bold} .layout-102 .journal-cms-block-324 p.small-key, .layout-102 #content .journal-cms-block-324 p.small-key {padding:0 18%; font-size:16px;} .layout-102 .key-benefits{margin-bottom:30px} .layout-102 .key-benefits img{width: 40%; height: auto} .layout-102 .journal-cms-block-325{margin-top:0!important;} .layout-102 .journal-cms-block-325 p, .layout-102 #content .journal-cms-block-325 p{margin-top:20px; font-size:18px; font-weight:bold;} .layout-102 .journal-cms-block-325 a.button{margin:60px auto 50px} .layout-102 .journal-cms-block-327 p, .layout-102 #content .journal-cms-block-327 p{padding:50px 0; font-size:18px} .layout-102 .journal-gallery {max-width: 100%!important;} .layout-102 .journal-gallery span.name{display: none!important} .journal-cms-block-328, .journal-cms-block-332 {padding:0!important;} .journal-cms-block-328 .block-content ,.journal-cms-block-332 .block-content {background-size:auto!important;} .journal-cms-block-328 .cms-block, .journal-cms-block-332 .cms-block {padding:0!important; margin:0!important;} .journal-cms-block-328 .full-height-section{align-items:start} .journal-cms-block-328 h3, .journal-cms-block-328 p{text-align:left!important;} .journal-cms-block-328 .full-height-section p, .journal-cms-block-332 .full-height-section p{font-weight:normal!important;} .journal-cms-block-328 a.button{margin-top:40px} #form-kitchen{max-width: 900px; margin:0px auto} #form-kitchen h1{font-family:Raleway!important; text-align: center!important;} @media only screen and (max-width: 1615px){ .layout-102 .journal2_cms_blocks{padding-left:0!important;padding-right:0!important;} } @media only screen and (max-width: 1280px){ .layout-102 .cms-block h3,.layout-102 .box-heading{font-size:20px!important;} .layout-102 .journal-cms-block-325 a.button{margin:30px auto 10px} .layout-102 .journal-cms-block-324 p.small-key, .layout-102 #content .journal-cms-block-324 p.small-key {padding:0 10%} } @media only screen and (max-width: 980px){ .cms-blocks .blocks{margin-right:0} .cms-block{padding-right:0} .layout-102 .hero-headings{width:90%} .journal-cms-block-328,.journal-cms-block-332{display: block;} .journal-cms-block-322 p, .journal-cms-block-327 p{padding-right: 20px!important; padding-left:20px!important;} .layout-102 .cms-block a.button{ padding: 16px 30px; font-size: 18px; line-height: 24px;} .layout-102 .cms-block hr{width: 80%;margin:40px auto} } @media only screen and (max-width: 768px){ .journal-cms-block-332 .block-content-top {background-size: 100%!important; background-position: center !important; } .layout-102 h1{font-size:22px} .layout-102 h2{font-size:18px} .layout-102 .cms-block p,.layout-102 #content p,.layout-102 .journal-cms-block-328 li, .journal-cms-block-332 li{font-size:16px} .layout-102 .journal-cms-block-324 .box-heading{margin:-40px 0 20px;} .layout-102 .journal-cms-block-324 .box-heading, .layout-102 .journal-gallery .box-heading{ white-space:initial; line-height:28px;} .layout-102 .key-benefits{margin-top:10px; margin-bottom:10px} .layout-102 .key-benefits img{width: 40%; height: auto} .journal-cms-block-332 p strong{margin-top:20px} .journal-cms-block-332 a.button{margin-left:auto; margin-right:auto} } @media only screen and (max-width: 600px){ .layout-102 .hero{height:56vh} .layout-102 .hero-headings{padding:30px; margin-bottom:40px} .layout-102 .intro{padding-top:0} .layout-102 h1{font-size:20px} .layout-102 h2{font-size:17px} .layout-102 .cms-block a.button{max-width:90%;} .layout-102 .journal-cms-block-322 .cms-block a.button{max-width:70%} .layout-102 .journal-cms-block-325 hr{margin-top:20px} .layout-102 .journal-cms-block-325 a.button{margin:20px 0} .layout-102 .journal-cms-block-324 p.orange-key, .layout-102 #content .journal-cms-block-324 p.orange-key{padding:0 10px 10px} } */ /* .mattress-gift{position: absolute;left: 0;top: 0; z-index: 10000; display: flex;align-content: center;justify-content: center; flex-wrap:wrap; background: #eee; border-radius: 50%; width: 120px; height:120px; text-align: center;font-weight:bold} .mattress-gift img{max-width:50%; height: auto;} @media only screen and (max-width: 600px){ .mattress-gift{width: 80px; height:80px; background:transparent} }*/ .mattress-gift{position: absolute;width:120px; right: 180px;top: 26px; z-index: 10000; } .mattress-gift img{width:100%; height: auto;} .product-grid-item .mattress-gift{position: absolute;width:80px; right: 60px;top: 40px; z-index: 10000; } @media only screen and (max-width: 1360px){ .product-grid-item .mattress-gift{right: 20px } } @media only screen and (max-width: 600px){ .mattress-gift{width: 80px; top:5px; right:60px} } /* Custom Media Wall .layout-103 .heading-title,.layout-103 #filters {display: none;} .layout-103 h1{font-family: "Raleway"; font-size:26px; font-weight:300; text-transform:uppercase;color: #ffffff} .layout-103 h2{max-width:700px; margin:10px auto auto; font-family: "Lato"; font-size:21px; font-weight:400; color: #d1d1d1} .layout-103 .cms-block h3,.layout-103 .box-heading{padding:10px; margin-bottom:20px; font-family: "Raleway"; font-size:24px; font-weight:bold; text-transform: uppercase;text-align: center; border:0} .layout-103 h3{color: #C25700} .layout-103 .cms-block p,.layout-103 #content p,.journal-cms-block-344 li, .journal-cms-block-332 li{max-width:900px; margin:auto; font-size:18px} .layout-103 .cms-block .journal-cms-block-344 li, .journal-cms-block-332 li{margin-bottom:10px} .layout-103 .cms-block a.button{padding:20px 40px; background-color: #FAAA1F; font-size:20px; font-weight: bold;color: #3a3a3a;} .layout-103 .cms-block a.button:hover{background:rgb(58, 58, 58);color: rgb(255, 255, 255);} .layout-103 .cms-block hr{width: 100%;background-color: #ccc;border:1px solid #ccc; margin:60px auto;max-width: 700px} .layout-103 .journal-cms-block-338 hr{width: 100%;background-color: #ccc;border:1px solid #ccc; margin:20px auto;max-width: 600px} .layout-103 .cms-blocks{max-width: 1640px !important;} .layout-103 .journal-cms-block-338 .block-content{background-attachment:initial!important; position: relative;} .layout-103 .hero{display: flex; flex-direction: column;width: 100%;position: relative;height: 86vh;margin: auto;display: -ms-flexbox;max-width: 900px;-webkit-box-align: center;-ms-flex-align: center;align-items: center; justify-content:center; z-index:100} .layout-103 .hero-headings{width: 100%;background: rgb(58 58 58 / 50%);padding: 40px;margin-bottom:60px} .layout-103 .intro{padding-top:10px} .layout-103 #content{padding-top:0} .layout-103 .journal-cms-block-339 .box-heading{margin:-20px 0 60px} .layout-103 .journal-cms-block-339 p.key, .layout-103 #content .journal-cms-block-339 p.key {color:#3a3a3a; font-size:18px; font-weight: bold; max-width: 230px;} .layout-103 .journal-cms-block-339 p.small-key, .layout-103 #content .journal-cms-block-339 p.small-key {padding:0 18%; font-size:16px;} .layout-103 .journal-cms-block-339 .cms-block:nth-child(1), .layout-103 .journal-cms-block-339 .cms-block:nth-child(2) {padding:40px;border-right:1px solid #FAAA1F; } .layout-103 .journal-cms-block-339 .cms-block:nth-child(3){padding:40px;} .layout-103 .key-benefits{margin-bottom:30px} .layout-103 .key-benefits img{width: 40%; height: auto} .layout-103 .journal-cms-block-325{margin-top:0!important;} .layout-103 .journal-cms-block-325 p, .layout-103 #content .journal-cms-block-325 p{margin-top:20px; font-size:18px; font-weight:bold;} .layout-103 .journal-cms-block-325 a.button{margin:60px auto 50px} .layout-103 .journal-cms-block-327 p, .layout-103 #content .journal-cms-block-327 p{padding:50px 0; font-size:18px} .layout-103 .journal-gallery {max-width: 100%!important;} .layout-103 .journal-gallery span.name{display: none!important} .journal-cms-block-344, .journal-cms-block-345, .journal-cms-block-332 {padding:0!important;} .journal-cms-block-344 .block-content, .journal-cms-block-345 .block-content, .journal-cms-block-332 .block-content {background-size:auto!important;} .journal-cms-block-344 .cms-block, .journal-cms-block-345 .cms-block, .journal-cms-block-332 .cms-block {padding:0!important; margin:0!important;} .journal-cms-block-344 .full-height-section, .journal-cms-block-345 .full-height-section{align-items:start} .journal-cms-block-344 h3, .journal-cms-block-344 p{text-align:left!important;} .journal-cms-block-344 .full-height-section p, .journal-cms-block-332 .full-height-section p{font-weight:normal!important;} .journal-cms-block-344 a.button{margin-top:40px} .container-wall { margin:20px } .container-text-img {display:flex;padding:50px } .container-text-img div:nth-child(1) {padding-right:50px } .container-text-img h3 {text-align:left !important;} .container-text-img img {width: 90%;height: auto; padding-top:30px} @media only screen and (max-width: 1615px){ .layout-103 .journal2_cms_blocks{padding-left:0!important;padding-right:0!important;} } @media only screen and (max-width: 1280px){ .layout-103 .cms-block h3,.layout-103 .box-heading{font-size:20px!important;} .layout-103 .journal-cms-block-325 a.button{margin:30px auto 10px} .layout-103 .journal-cms-block-339 p.small-key, .layout-103 #content .journal-cms-block-339 p.small-key {padding:0 10%} } @media only screen and (max-width: 980px){ .layout-103 .hero-headings{width:90%} .journal-cms-block-344,.journal-cms-block-332{display: block;} .journal-cms-block-338 p, .journal-cms-block-327 p{padding-right: 20px!important; padding-left:20px!important;} .layout-103 .cms-block a.button{ padding: 16px 30px; font-size: 18px; line-height: 24px;} .layout-103 .cms-block hr{width: 80%;margin:40px auto} } @media only screen and (max-width: 768px){ .journal-cms-block-332 .block-content-top {background-size: 100%!important; background-position: center !important; } .layout-103 h1{font-size:22px} .layout-103 h2{font-size:18px} .layout-103 .cms-block p,.layout-103 #content p,.layout-103 .journal-cms-block-344 li, .journal-cms-block-332 li{font-size:16px} .layout-103 .journal-cms-block-339 .box-heading{margin:-40px 0 20px;} .layout-103 .journal-cms-block-339 .box-heading, .layout-103 .journal-gallery .box-heading{ white-space:initial; line-height:28px;} .layout-103 .key-benefits{margin-top:10px; margin-bottom:10px} .layout-103 .key-benefits img{width: 40%; height: auto} .journal-cms-block-332 p strong{margin-top:20px} .journal-cms-block-332 a.button{margin-left:auto; margin-right:auto} } @media only screen and (max-width: 600px){ .layout-103 .hero{height:56vh} .layout-103 .hero-headings{padding:30px; margin-bottom:40px} .layout-103 .intro{padding-top:0} .layout-103 h1{font-size:20px} .layout-103 h2{font-size:17px} .layout-103 .cms-block a.button{max-width:90%;} .layout-103 .journal-cms-block-338 .cms-block a.button{max-width:70%} .layout-103 .journal-cms-block-325 hr{margin-top:20px} .layout-103 .journal-cms-block-325 a.button{margin:20px 0} .layout-103 .journal-cms-block-339 p.orange-key, .layout-103 #content .journal-cms-block-339 p.orange-key{padding:0 10px 10px} } */ /* ------------------------- */ /* Stiluri comune layout-uri */ /* ------------------------- */ .layout-102 .heading-title, .layout-102 #filters, .layout-103 .heading-title, .layout-103 #filters, .layout-104 .heading-title, .layout-104 #filters {display: none;} .layout-102 h1, .layout-103 h1, .layout-104 h1 {font-family: "Raleway"; font-size:26px; font-weight:300; text-transform:uppercase;color: #ffffff} .layout-102 h2, .layout-103 h2, .layout-104 h2 {max-width:700px; margin:10px auto auto; font-family: "Lato"; font-size:21px; font-weight:400; color: #d1d1d1} .layout-102 .cms-block h3, .layout-102 .box-heading, .layout-103 .cms-block h3, .layout-103 .box-heading, .layout-104 .cms-block h3, .layout-104 .box-heading {padding:10px; margin-bottom:20px; font-family: "Raleway"; font-size:24px; font-weight:bold; text-transform: uppercase;text-align: center; border:0} .layout-102 h3, .layout-103 h3, .layout-104 h3 {color: #C25700} .layout-102 .cms-block p, .layout-102 #content p, .layout-103 .cms-block p, .layout-103 #content p, .layout-104 .cms-block p, .layout-104 #content p, .layout-102 .journal-cms-block-328 li, .layout-103 .journal-cms-block-344 li, .layout-104 .journal-cms-block-355 li, .journal-cms-block-332 li {max-width:900px; margin:auto; font-size:18px;} .layout-102 .cms-block .journal-cms-block-328 li, .layout-103 .cms-block .journal-cms-block-344 li, .layout-104 .cms-block .journal-cms-block-355 li, .journal-cms-block-332 li {margin-bottom:10px} .layout-102 .cms-block a.button, .layout-103 .cms-block a.button, .layout-104 .cms-block a.button {padding:20px 40px; background-color: #FAAA1F; font-size:20px; font-weight: bold;color: #3a3a3a;} .layout-102 .cms-block a.button:hover, .layout-103 .cms-block a.button:hover, .layout-104 .cms-block a.button:hover {background:rgb(58, 58, 58);color: #fff;} .layout-102 .cms-block hr, .layout-103 .cms-block hr, .layout-104 .cms-block hr {width: 100%;background-color: #ccc;border:1px solid #ccc; margin:60px auto;max-width: 700px} .layout-102 .cms-blocks, .layout-103 .cms-blocks, .layout-104 .cms-blocks {padding:0!important;} .layout-102 .hero, .layout-103 .hero, .layout-104 .hero {display:flex; flex-direction:column;width:100%;position:relative;height:66vh;margin:auto;max-width:900px;align-items:center;justify-content:center; z-index:100} .layout-102 .hero-headings, .layout-103 .hero-headings, .layout-104 .hero-headings {width: 100%; background: rgba(58,58,58,0.8); padding: 40px; margin-bottom:60px} .layout-102 .intro, .layout-103 .intro, .layout-104 .intro {padding-top:10px} .layout-102 #content, .layout-103 #content, .layout-104 #content {padding-top:0} .layout-102 .key-benefits, .layout-103 .key-benefits, .layout-104 .key-benefits {margin-bottom:30px} .layout-102 .key-benefits img, .layout-103 .key-benefits img, .layout-104 .key-benefits img {width:40%; height:auto} .layout-102 .journal-gallery, .layout-103 .journal-gallery, .layout-104 .journal-gallery {max-width:100%!important;} .layout-102 .journal-gallery span.name, .layout-103 .journal-gallery span.name, .layout-104 .journal-gallery span.name {display:none!important} /* ------------------------------ */ /* Blocuri originale + extensii */ /* ------------------------------ */ /* 322 -> 338 (layout-103), 349 (layout-104) */ .layout-102 .journal-cms-block-322 .block-content, .layout-103 .journal-cms-block-338 .block-content, .layout-104 .journal-cms-block-349 .block-content {background-attachment:initial!important; position:relative;} /* 324 -> (layout-103: 339, 342) ; (layout-104: 350, 354) */ .layout-102 .journal-cms-block-324 .box-heading, .layout-103 .journal-cms-block-339 .box-heading, .layout-103 .journal-cms-block-342 .box-heading, .layout-103 .journal-cms-block-343 .box-heading, .layout-104 .journal-cms-block-350 .box-heading, .layout-104 .journal-cms-block-354 .box-heading {margin:-20px 0 60px} .layout-102 .journal-cms-block-324 p.orange-key, .layout-102 #content .journal-cms-block-324 p.orange-key, .layout-103 .journal-cms-block-339 p.orange-key, .layout-103 .journal-cms-block-342 p.orange-key, .layout-103 .journal-cms-block-343 p.orange-key, .layout-103 #content .journal-cms-block-339 p.orange-key, .layout-103 #content .journal-cms-block-342 p.orange-key, .layout-103 #content .journal-cms-block-343 p.orange-key, .layout-104 .journal-cms-block-350 p.orange-key, .layout-104 .journal-cms-block-354 p.orange-key, .layout-104 #content .journal-cms-block-350 p.orange-key, .layout-104 #content .journal-cms-block-354 p.orange-key {color:#C25700; font-size:18px; font-weight:bold} .layout-102 .journal-cms-block-324 p.small-key, .layout-102 #content .journal-cms-block-324 p.small-key, .layout-103 .journal-cms-block-339 p.small-key, .layout-103 .journal-cms-block-342 p.small-key, .layout-103 .journal-cms-block-343 p.small-key, .layout-103 #content .journal-cms-block-339 p.small-key, .layout-103 #content .journal-cms-block-342 p.small-key, .layout-103 #content .journal-cms-block-343 p.small-key, .layout-104 .journal-cms-block-350 p.small-key, .layout-104 .journal-cms-block-354 p.small-key, .layout-104 #content .journal-cms-block-350 p.small-key, .layout-104 #content .journal-cms-block-354 p.small-key {padding:0 18%; font-size:16px;} .layout-102 .journal-cms-block-324 .box-heading, .layout-103 .journal-cms-block-339 .box-heading, .layout-103 .journal-cms-block-342 .box-heading, .layout-103 .journal-cms-block-343 .box-heading, .layout-104 .journal-cms-block-350 .box-heading, .layout-104 .journal-cms-block-354 .box-heading { /* override la breakpoint 768 mai jos */ } /* 325, 327 rămân doar pe layout-102 (dacă vor corespondente noi, spune-mi) */ .layout-102 .journal-cms-block-325 {margin-top:0!important;} .layout-102 .journal-cms-block-325 p, .layout-102 #content .journal-cms-block-325 p {margin-top:20px; font-size:18px; font-weight:bold;} .layout-102 .journal-cms-block-325 a.button {margin:60px auto 50px} .layout-102 .journal-cms-block-327 p, .layout-102 #content .journal-cms-block-327 p {padding:50px 0; font-size:18px} /* 328 -> 344 (layout-103), 355 (layout-104) + păstrat 332 comun */ .journal-cms-block-328, .journal-cms-block-332, .journal-cms-block-344, .journal-cms-block-355 {padding:0!important;} .journal-cms-block-328 .block-content, .journal-cms-block-332 .block-content, .journal-cms-block-344 .block-content, .journal-cms-block-355 .block-content {background-size:auto!important;} .journal-cms-block-328 .cms-block, .journal-cms-block-332 .cms-block, .journal-cms-block-344 .cms-block, .journal-cms-block-355 .cms-block {padding:0!important; margin:0!important;} .journal-cms-block-328 .full-height-section, .journal-cms-block-344 .full-height-section, .journal-cms-block-355 .full-height-section {align-items:start} .journal-cms-block-328 h3, .journal-cms-block-328 p, .journal-cms-block-344 h3, .journal-cms-block-344 p, .journal-cms-block-355 h3, .journal-cms-block-355 p {text-align:left!important;} .journal-cms-block-328 .full-height-section p, .journal-cms-block-332 .full-height-section p, .journal-cms-block-344 .full-height-section p, .journal-cms-block-355 .full-height-section p {font-weight:normal!important;} .journal-cms-block-328 a.button, .journal-cms-block-344 a.button, .journal-cms-block-355 a.button {margin-top:40px} #form-kitchen, #form-media-walls {max-width:900px; margin:0 auto} #form-kitchen h1, #form-media-walls h1 {font-family:Raleway!important; text-align:center!important;} /* -------------------- */ /* Overlay dotted grid */ /* -------------------- */ .dots-overlay { position:absolute;top:0;left:0;width:100%;height:100%; background-image: radial-gradient(circle, #333 1px, transparent 1px), radial-gradient(circle, #333 1px, transparent 1px); background-size:4px 4px; background-position:0 0, 2px 2px; pointer-events:none; } .layout-103 .journal-cms-block-338,.layout-104 .journal-cms-block-349,.layout-103 .journal-cms-block-343,.layout-104 .journal-cms-block-354{max-width: 1640px !important; margin-left:auto!important; margin-right:auto!important;} .layout-103 .journal-cms-block-338 hr, .layout-104 .journal-cms-block-349 hr{background-color: #ccc;margin:20px auto;max-width: 600px} .layout-103 .journal-cms-block-338 .block-content, .layout-104 .journal-cms-block-349 .block-content{background-attachment:initial!important; position: relative;} .layout-103 .hero, .layout-104 .hero{height: calc(100vh - 100px); max-width:1000px} .layout-103 .hero-headings,.layout-104 .hero-headings{width: 100%;padding: 60px 100px} .layout-103 .journal-cms-block-339,.layout-104 .journal-cms-block-350{margin:80px 0 60px} .layout-103 #content .journal-cms-block-339 p.key,.layout-104 #content .journal-cms-block-350 p.key{font-size:22px; font-weight:bold; max-width:250px} .layout-103 .journal-cms-block-339 .cms-block,.layout-104 .journal-cms-block-350 .cms-block{padding:40px;border-right:1px solid #FAAA1F; } .layout-103 .journal-cms-block-339 .cms-block:nth-child(3),.layout-104 .journal-cms-block-350 .cms-block:nth-child(3){border:0;} .layout-103 #bottom-modules .journal2_photo_gallery, .layout-103 #bottom-modules .cms-blocks, .layout-104 #bottom-modules .journal2_photo_gallery, .layout-104 #bottom-modules .cms-blocks {margin:80px 0} .layout-103 .journal-cms-block-340 .cms-block{padding-right:0} .layout-104 .journal-cms-block-354 .cms-block:nth-last-child(3):nth-child(4n + 1) { margin-left:12.5% } .layout-103 .journal-cms-block-344 p,.layout-104 .journal-cms-block-355 p{font-size:22px; line-height: 1.4} .layout-103 .journal-cms-block-344 h3,.layout-104 .journal-cms-block-355 h3{padding-left:0} .layout-103 .journal-cms-block-344 li.number,.layout-104 .journal-cms-block-355 li.number{margin-bottom:20px; font-size:22px} .layout-103 #bottom-modules .journal-cms-block-345.cms-blocks,.layout-104 #bottom-modules .journal-cms-block-345.cms-blocks{margin-top:-80px!important;} .journal-cms-block-345 .cms-block{padding:0!important;} .journal-cms-block-345 .blocks > div:first-child{border-right:1px solid #777} .journal-cms-block-345 .blocks > div:first-child h3{text-align: left;padding-left:0} .journal-cms-block-345 .blocks > div:last-child h3{text-align: right;padding-right:0} .journal-cms-block-345 .block-content{padding:80px} .journal-cms-block-345 .container-text-img{display: flex; gap:30px} .journal-cms-block-345 img{max-width:80px} .layout-103 .journal2_accordion,.layout-104 .journal2_accordion { background:rgb(244, 244, 244) } .layout-103 .journal-accordion,.layout-104 .journal-accordion {max-width:1200px!important; padding:30px 0;} .layout-103 .journal-accordion-heading, .layout-104 .journal-accordion-heading{padding:30px;font-size:18px; line-height:1.2; font-weight:bold; background: transparent; border-bottom-color:#ccc} .layout-103 .journal-accordion-content,.layout-104 .journal-accordion-content{padding:0 30px; font-size:18px; background: transparent;} .layout-103 .journal-accordion-heading::after,.layout-104 .journal-accordion-heading::after{right:20px} .layout-104 .full-height-section p{margin-top:20px} /* ---------------- Media Queries ---------------- */ @media only screen and (max-width:1615px){ .layout-102 .journal2_cms_blocks, .layout-103 .journal2_cms_blocks, .layout-104 .journal2_cms_blocks {padding-left:0!important; padding-right:0!important;} } @media only screen and (max-width:1280px){ .layout-102 .cms-block h3, .layout-102 .box-heading, .layout-103 .cms-block h3, .layout-103 .box-heading, .layout-104 .cms-block h3, .layout-104 .box-heading {font-size:20px!important;} .layout-102 .journal-cms-block-325 a.button {margin:30px auto 10px} .layout-102 .journal-cms-block-324 p.small-key, .layout-102 #content .journal-cms-block-324 p.small-key, .layout-103 .journal-cms-block-339 p.small-key, .layout-103 .journal-cms-block-342 p.small-key, .layout-103 #content .journal-cms-block-339 p.small-key, .layout-103 #content .journal-cms-block-342 p.small-key, .layout-104 .journal-cms-block-350 p.small-key, .layout-104 .journal-cms-block-354 p.small-key, .layout-104 #content .journal-cms-block-350 p.small-key, .layout-104 #content .journal-cms-block-354 p.small-key {padding:0 10%;} .journal-cms-block-345 .block-content{padding:40px} } @media only screen and (max-width:980px){ .cms-blocks .blocks {margin-right:0} .cms-block {padding-right:0} .layout-102 .hero-headings, .layout-103 .hero-headings, .layout-104 .hero-headings {width:90%} .journal-cms-block-328, .journal-cms-block-332, .journal-cms-block-344, .journal-cms-block-355 {display:block;} .journal-cms-block-322 p, .journal-cms-block-327 p, .journal-cms-block-338 p, .journal-cms-block-349 p {padding-right:20px!important; padding-left:20px!important;} .layout-102 .cms-block a.button, .layout-103 .cms-block a.button, .layout-104 .cms-block a.button {padding:16px 30px; font-size:18px; line-height:24px;} .layout-102 .cms-block hr, .layout-103 .cms-block hr, .layout-104 .cms-block hr {width:80%; margin:40px auto} .layout-103 #content .journal-cms-block-339 p.key,.layout-104 #content .journal-cms-block-350 p.key{font-size:18px} .layout-103 .journal-cms-block-344 p,.layout-104 .journal-cms-block-355 p{font-size:18px} } @media only screen and (max-width:768px){ .journal-cms-block-332 .block-content-top {background-size:100%!important; background-position:center!important;} .layout-103 #bottom-modules .journal2_photo_gallery, .layout-103 #bottom-modules .cms-blocks, .layout-104 #bottom-modules .journal2_photo_gallery, .layout-104 #bottom-modules .cms-blocks {margin:40px 0} .layout-103 #bottom-modules .journal2_photo_gallery, .layout-104 #bottom-modules .journal2_photo_gallery{padding:0!important;} .layout-103 .journal-cms-block-342, .layout-103 .journal-cms-block-343,.layout-104 .journal-cms-block-353,.layout-104 .journal-cms-block-354{padding:0 20px!important;} .layout-102 .journal-cms-block-324 p.small-key, .layout-102 #content .journal-cms-block-324 p.small-key, .layout-103 .journal-cms-block-339 p.small-key, .layout-103 .journal-cms-block-342 p.small-key, .layout-103 .journal-cms-block-343 p.small-key, .layout-103 #content .journal-cms-block-339 p.small-key, .layout-103 #content .journal-cms-block-342 p.small-key, .layout-103 #content .journal-cms-block-343 p.small-key, .layout-104 .journal-cms-block-350 p.small-key, .layout-104 .journal-cms-block-354 p.small-key, .layout-104 #content .journal-cms-block-350 p.small-key, .layout-104 #content .journal-cms-block-354 p.small-key{padding:0 10%; font-size:16px;} .layout-102 h1, .layout-103 h1, .layout-104 h1 {font-size:22px} .layout-102 h2, .layout-103 h2, .layout-104 h2 {font-size:18px} .layout-102 .cms-block p, .layout-102 #content p, .layout-103 .cms-block p, .layout-103 #content p, .layout-104 .cms-block p, .layout-104 #content p, .layout-102 .journal-cms-block-328 li, .layout-103 .journal-cms-block-344 li, .layout-104 .journal-cms-block-355 li, .journal-cms-block-332 li {font-size:16px} .layout-102 .journal-cms-block-324 .box-heading, .layout-103 .journal-cms-block-339 .box-heading, .layout-103 .journal-cms-block-342 .box-heading, .layout-104 .journal-cms-block-350 .box-heading, .layout-104 .journal-cms-block-354 .box-heading {margin:-40px 0 20px;} .layout-102 .journal-cms-block-324 .box-heading, .layout-102 .journal-gallery .box-heading, .layout-103 .journal-cms-block-339 .box-heading, .layout-103 .journal-cms-block-342 .box-heading, .layout-103 .journal-gallery .box-heading, .layout-104 .journal-cms-block-350 .box-heading, .layout-104 .journal-cms-block-354 .box-heading, .layout-104 .journal-gallery .box-heading {white-space:initial; line-height:28px;} .layout-102 .key-benefits, .layout-103 .key-benefits, .layout-104 .key-benefits {margin-top:10px; margin-bottom:10px} .layout-102 .key-benefits img, .layout-103 .key-benefits img, .layout-104 .key-benefits img {width:40%; height:auto} .journal-cms-block-332 p strong {margin-top:20px} .journal-cms-block-332 a.button {margin-left:auto; margin-right:auto} .layout-103 .journal-cms-block-344 p,.layout-104 .journal-cms-block-355 p{font-size:18px; line-height: 1.4} .layout-103 .journal-cms-block-344 li.number,.layout-104 .journal-cms-block-355 li.number{margin-bottom:20px; font-size:18px} } @media only screen and (max-width:600px){ .layout-102 .hero, .layout-103 .hero, .layout-104 .hero {height:56vh} .layout-102 .hero-headings, .layout-103 .hero-headings, .layout-104 .hero-headings {padding:30px; margin-bottom:40px} .layout-102 .intro, .layout-103 .intro, .layout-104 .intro {padding-top:0} .layout-102 h1, .layout-103 h1, .layout-104 h1 {font-size:20px} .layout-102 h2, .layout-103 h2, .layout-104 h2 {font-size:17px} .layout-102 .cms-block hr, .layout-103 .cms-block hr, .layout-104 .cms-block hr{margin:20px auto} .layout-102 .journal-cms-block-324 p.small-key, .layout-102 #content .journal-cms-block-324 p.small-key, .layout-103 .journal-cms-block-339 p.small-key, .layout-103 .journal-cms-block-342 p.small-key, .layout-103 .journal-cms-block-343 p.small-key, .layout-103 #content .journal-cms-block-339 p.small-key, .layout-103 #content .journal-cms-block-342 p.small-key, .layout-103 #content .journal-cms-block-343 p.small-key, .layout-104 .journal-cms-block-350 p.small-key, .layout-104 .journal-cms-block-354 p.small-key, .layout-104 #content .journal-cms-block-350 p.small-key, .layout-104 #content .journal-cms-block-354 p.small-key {padding:0 6%; font-size:16px;} .layout-102 .cms-block a.button, .layout-103 .cms-block a.button, .layout-104 .cms-block a.button {max-width:90%;} .layout-102 .journal-cms-block-322 .cms-block a.button, .layout-103 .journal-cms-block-338 .cms-block a.button, .layout-104 .journal-cms-block-349 .cms-block a.button {max-width:70%} .layout-103 .journal-cms-block-339, .layout-104 .journal-cms-block-350{margin:0} .layout-103 .journal-cms-block-339 .cms-block, .layout-104 .journal-cms-block-350 .cms-block{width: 70%; margin:auto; padding:20px 0; border:0; border-bottom:1px solid #FAAA1F} .layout-102 .journal-cms-block-325 hr {margin-top:20px} .layout-102 .journal-cms-block-325 a.button {margin:20px 0} .layout-102 .journal-cms-block-324 p.orange-key, .layout-102 #content .journal-cms-block-324 p.orange-key, .layout-103 .journal-cms-block-339 p.orange-key, .layout-103 .journal-cms-block-342 p.orange-key, .layout-103 #content .journal-cms-block-339 p.orange-key, .layout-103 #content .journal-cms-block-342 p.orange-key, .layout-104 .journal-cms-block-350 p.orange-key, .layout-104 .journal-cms-block-354 p.orange-key, .layout-104 #content .journal-cms-block-350 p.orange-key, .layout-104 #content .journal-cms-block-354 p.orange-key {padding:0 10px 10px} .layout-104 .journal-cms-block-354 .cms-block:nth-last-child(3):nth-child(4n + 1){margin-left:0} .layout-104 .journal-cms-block-354 .cms-block:last-child{margin-left:25%} .layout-103 .journal-cms-block-344 .blocks > *:nth-child(2),.layout-104 .journal-cms-block-355 .blocks > *:nth-child(2){order:-1} .layout-103 .journal-cms-block-344 .block-content,.layout-104 .journal-cms-block-355 .block-content{background-size:100% auto!important;} .layout-103 #bottom-modules .journal-cms-block-345.cms-blocks, .layout-104 #bottom-modules .journal-cms-block-345.cms-blocks{margin-top:-40px!important;} .journal-cms-block-345 .cms-block{margin:0} .journal-cms-block-345 .blocks > div:first-child{border-bottom:1px solid #777; border-right:0} .journal-cms-block-345 .container-text-img{flex-wrap: nowrap;gap:10px} .journal-cms-block-345 .container-text-img h3{text-align: left!important; padding-left:0} .journal-cms-block-345 .blocks> div:last-child .container-text-img > *:nth-child(2){order:-1} .layout-103 .journal-accordion-heading, .layout-104 .journal-accordion-heading{padding-right:40px} .journal-cms-block-347 .block-content, .journal-cms-block-348 .block-content, .journal-cms-block-357 .block-content, .journal-cms-block-359 .block-content{padding: 0 20px!important;} }