@charset "UTF-8"; @import url(fonts/fonts.css); @import url(common.css); @import url(animation.css); /*********************** Header css /****************************/ .site-header{position: relative;} .site-branding{float: left;} .contact-number{float: right; font-weight: 300;} .site-header .site-header-main{flex:none; position: absolute; float: left; z-index: 2; width:100%; padding:0px 120px; height: 77px; background-color: rgba(255, 255, 255, 0.5);} /*.site-header .site-header-main .inner{position: relaticomve; margin: auto; width: 100%; max-width: 1200px}*/ .site-header .header-image{float: left; width: 100%;margin:0; position: relative; z-index: 1; } .site-header .header-image a:hover img{opacity: 1;} .site-header .metaslider .caption-wrap{ position: absolute; width: 100%; background: transparent;margin: auto; margin-left: auto;max-width: 800px; top: 120px; left: 50%; margin-left: -400px; text-align: center; color: #000} .site-header .metaslider .caption-wrap p{ letter-spacing: 1px; margin-bottom: 10px;} .site-header .metaslider .caption-wrap h2{font-size: 48px; font-family: 'Black Diamond';} .site-header .header-image .banner-content{ position: absolute; width: 100%;} .site-header .header-image .banner-content p{ letter-spacing: 1px; margin-bottom: 10px;} .site-header .header-image .banner-content h2{font-size: 48px; font-family: 'Black Diamond';} .site-header .header-image .banner-content.banner-text-centre{margin: auto; margin-left: auto;max-width: 800px; top: 120px; left: 50%; margin-left: -400px; text-align: center; } .site-header .header-image .banner-content.banner-text-left{max-width:800px; text-align: left; margin-left: 0px;left: 80px; top: 200px} .site-header .header-image .banner-content.banner-text-right{max-width:800px; text-align: right; margin-left: 0px;right: 250px; left: auto; top: 235px; line-height: 35px; max-width: 430px;} .site-header .header-image .banner-content.banner-text-right .text-col{font-size: 28px;} .site-header .header-image .banner-content.banner-text-right .text-col strong{display: inline-block; font-weight: 600; color: #7a99ac} .site-header .header-image .banner-content.banner-text-right.butAlight-left{ top: 200px; text-align: left; left: 30px; right: auto; max-width: 410px} .site-header .header-image .banner-content.banner-text-left-rightAlign{max-width:800px; left: 170px; text-align: right; margin-left: 0px;right: auto; top: 200px; line-height: 35px; max-width: 450px;} .site-header .header-image .banner-content.banner-text-left-rightAlign .text-col{font-size: 28px;} .site-header .header-image .banner-content.banner-text-left-rightAlign .text-col strong{ font-weight: 600; color: #7a99ac} /*.site-header .header-image .banner-content.news{top: 140px;} .site-header .header-image .banner-content.news h2{color: #fff;} .site-header .header-image .banner-content.company{text-align: left; margin-left: 0px;left: 80px; top: 200px} .site-header .header-image .banner-content.brand{text-align: right; margin-left: 0px;right: 250px; left: auto; top: 235px; line-height: 35px; max-width: 430px;} .site-header .header-image .banner-content.product{left: 170px; text-align: right; margin-left: 0px;right: auto; top: 200px; line-height: 35px; max-width: 450px;} .site-header .header-image .banner-content.product .our-product{font-size: 28px;} .site-header .header-image .banner-content.product .our-product strong{ font-weight: 600; color: #7a99ac} .site-header .header-image .banner-content.privacy{top: 180px; color: #fff;}*/ .breadcrumbs .breadcrumb {padding: 15px; background: #fbf9f9; color: #4a4a4a} .breadcrumbs .breadcrumb a, .breadcrumbs .breadcrumb .divider{ color: #7a99ac; } .main-navigation .menu-main-menu-container > ul > li > a{font-weight: 300; font-family: Montserrat, "Helvetica Neue", sans-serif !important;height: 77px; padding: 0px 15px; line-height: 75px;} .main-navigation .menu-main-menu-container > ul > li > a:hover, .main-navigation .menu-main-menu-container > ul > li > a:focus:;{color:#686868 } .main-navigation .menu-main-menu-container > ul > li.current_page_item > a{font-weight: 500;} .main-navigation .menu-main-menu-container > ul > li.current-page-ancestor > a{font-weight: 500;} .main-navigation li ul{display:none; width: 100%; right: auto; left:0px; top: 77px; background: #fff; padding: 15px 120px; border-top: 1px solid #ccccce;transition: opacity .2s ease-in-out; -webkit-transition: all .2s ease-in-out; overflow: hidden;position: absolute; } .main-navigation li:hover > ul {display: block; padding: 20px 20px; background: #fff;} .main-navigation ul ul li{float: left; border: 0px; padding: 0px 5px;width: 11.11%} .main-navigation ul li#menu-item-31 ul li{width: 12.5%;} .main-navigation ul ul li a{padding: 0px; width: auto; text-align: center; font-size: 14px} .main-navigation ul ul li a img{margin-top: 10px; max-width: 100%;} .main-navigation ul ul li a img.menu-image{min-width: 131px; min-height: 115px; max-width: 131px; max-height: 115px;} .main-navigation ul .toggled-on{display: none} .main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a{font-weight: 300;} .googlePlus{background: url(images/Google+Gray.png) no-repeat center center;} .twitter {background: url(images/twitter-gray.png) no-repeat center center;} .linked-in {background: url(images/in-gray.png) no-repeat center center;} .menu-item a.menu-image-title-above.menu-image-not-hovered img, .menu-item a.menu-image-hovered.menu-image-title-above .menu-image-hover-wrapper{padding-top: 0px;} .site-footer #custom_html-4{margin: auto; max-width: 1200px;border: 0px; padding: 0px;} footer .block-title{border:0px; margin-bottom: 10px} footer .block-title strong{font-family: Montserrat; font-size: 16px; font-weight: 600; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #ffffff;} footer .links{width: 25%; max-width: 240px; padding-right: 30px; margin-right: 0px; float: left;} footer .links.last{width: auto; padding-right: 0px; float: right;} footer .links ul{padding: 0px; margin: 0px;} footer .links li{padding: 3px 0px; list-style-type: none;} footer .links li a{font-weight: 300; font-size: 16px; box-shadow: 0 0 0; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: normal; color: #ffffff; font-family: Montserrat, "Helvetica Neue", sans-serif;} footer .links li a i{margin-right: 7px;} .site-footer .site-info{ background-color: #7a99ac; margin-top: 50px} .site-footer .site-info .inner{margin: auto; max-width: 1200px; color: #fff; padding: 30px 0px; clear: both; overflow: hidden;} .site-footer .site-info .inner .group{float: left; margin-right: 15px; font-family: Montserrat; font-size: 12px;} .site-footer .site-info .inner .group a{color: #fff; font-family: Montserrat; font-size: 12px;} .site-footer .social-media a{float: left; margin-right: 15px;} .site-footer .social-media{margin-top: 10px} .menu-footer-menu-container{float: left; } .menu-footer-menu-container ul li{float: left;margin-right: 15px;} .menu-footer-menu-container ul li a{color: #fff; font-family: Montserrat; font-size: 12px;} .menu-footer-menu-container ul li a:hover{color: #fff;} .vat-reg-no{float: right; } .vat-reg-no span{display: inline-block; text-align: right;} .vat-reg-no span:last-child{margin-left: 10px;} .site-content {padding:0px;} .main-contrainer{float: left; width: 100%} .main-contrainer .space-top{margin-top: 50px;} .main-contrainer .inner{ width: 100%; max-width: 1200px; margin: auto; text-align: center; font-weight: 300; overflow: auto;} .main-contrainer .Diamond-text{text-align: center; margin-bottom: 20px; font-family: 'Black Diamond'; font-size: 44px; font-weight:300;} .main-contrainer .Diamond-text span{color:#7a99ac } .main-contrainer .short-dec{ padding: 55px 0 50px; } .main-contrainer .short-dec.home-page-top{ background-color: #fbf9f9; } .main-contrainer .short-dec.our-company{ background-color: #fbf9f9; } .main-contrainer .short-dec .inner{max-width: 800px; overflow: visible; position: relative; z-index: 1} .main-contrainer .short-dec .inner h2{margin-bottom: 20px;} .main-contrainer .short-dec .inner p{font-size: 16px;} .main-contrainer .short-dec .button{margin:40px auto 0;} .main-contrainer .short-dec .award-logo{margin-top: -145px; padding-bottom: 30px;} .main-contrainer .short-dec .award-logo img{max-width: 180px;} .main-contrainer .product-slider{text-align: center; margin-bottom: 50px;} .main-contrainer .product-slider .button{margin:40px auto 0px;} .main-contrainer .product-slider .jcarousel-wrapper{padding: 0px} .main-contrainer .product-slider .jcarousel li{ margin: 0px ; padding: 10px 15px;} .main-contrainer .product-slider .jcarousel {max-width: 1060px; margin: auto;} .main-contrainer .product-slider .jcarousel li .content-box{position: relative; max-width: 235px; margin: auto;} .main-contrainer .product-slider .jcarousel li .content-box img { border-radius: 5px; } /*.main-contrainer .product-slider .jcarousel li a{width: 100%; bottom: 0px; position:absolute; display: block; background: #7a99ac; color: #fff; border-radius: 0 0px 5px 5px; padding: 5px 0px;}*/ .main-contrainer .product-slider .jcarousel-control-prev, .main-contrainer .product-slider .jcarousel-control-next{z-index: 1; margin: 0px; top: 50%; margin-top:-25px; border:0px; background:url(images/arrow-left.png) no-repeat 0 0; height: 50px; width: 28px } .main-contrainer .product-slider .jcarousel-control-prev{right: auto; left: 0px} .main-contrainer .product-slider .jcarousel-control-next{background:url(images/arrow-right.png) no-repeat 0 0;} .main-contrainer h2 .numscroller{font-size: 48px; color: #53555a;margin: 15px 0px; display: block;} .main-contrainer .our-herytage .inner h2.Diamond-text{color: #7a99ac;} .main-contrainer .our-herytage .inner h2.Diamond-text span.normal-black{color: #53565a; font-weight: 600; font-family: Montserrat;} .main-contrainer .our-herytage .inner p{max-width: 740px; margin:10px auto 00px;} .main-contrainer .our-herytage .inner p + .button{margin-top: 40px} .main-contrainer .our-herytage .inner{background: url(images/our-herytage.png) no-repeat 0 0;} .main-contrainer .asleep-hours{background-color: #d9d9d6; padding: 50px 0px; } .main-contrainer .asleep-hours h3{font-size: 36px; font-weight: normal;} .main-contrainer .asleep-hours p{font-size: 24px; line-height: 32px;} .main-contrainer .our-brand .brand-slider{float: left; width: 49%; } .main-contrainer .our-brand .brand-slider .jcarousel li, .main-contrainer .our-brand .brand-logo-slider .jcarousel li{width: auto} .main-contrainer .our-brand .brand-slider .jcarousel-pagination{bottom: 20px;} .main-contrainer .our-brand .logo-slider{margin: 20px 0px; width: 100%} /*.main-contrainer .our-brand .brand-logo-slider{ float: left;width: 45%; padding-left: 6%;text-align: left;}*/ .main-contrainer .our-brand .brand-logo-slider{ float: left;width: 100%; text-align: left;} .main-contrainer .our-brand .brand-logo-slider p{/*margin-bottom: 25px;*/ text-align: center;} .main-contrainer .the-common-thread{background-color: #53565a; padding: 50px 0 270px;color: #fff;} .main-contrainer .the-common-thread .button{border-color:#fff; margin-top: 20px;} .main-contrainer .the-common-thread .button:hover{background: #fff; color: #53555a} .main-contrainer .the-common-thread h2 { margin: 20px 0px;} .main-contrainer .the-common-thread p{max-width: 570px; width: 100%; margin: auto;} .main-contrainer .category-dec{margin-top: -210px;} .main-contrainer .category-dec ul li{ display: inline-block; text-align: left; width: 100%; position: relative; } .main-contrainer .category-dec ul li .text-over{position: absolute; max-width: 338px; height: 32.4%; left: 0px; bottom: 0px; right: 0px; background: rgba(255,255,255,.4); border-radius: 0 0 5px 5px;} .main-contrainer .category-dec ul li .text-over h2{padding-top:5%; font-family: 'Black Diamond'; width: 100%; height: 100%; text-align: center;} .main-contrainer .category-dec ul li:nth-child(2){margin: 0px 86px;} .main-contrainer .category-dec ul li img{border-radius: 8px; margin-bottom: 10px} .main-contrainer .the-northwest{padding: 100px 0px 325px;background-color: #fbf9f9; } .main-contrainer .the-northwest h2{ margin-bottom: 20px; } .main-contrainer .the-northwest p {max-width: 730px; margin: 0 auto 40px;} .main-contrainer .Work-at-Comfy{display: none} .main-contrainer .Work-at-Comfy .inner{ overflow: auto; border-radius: 5px; margin-top: 150px;} .main-contrainer .Work-at-Comfy .row{float: left; width: 100%;} .main-contrainer .Work-at-Comfy .work-at-comfy-employee{background-color: #d6d2c4;} .main-contrainer .Work-at-Comfy .work-at-comfy-employee h2{margin-bottom: 20px;} .main-contrainer .Work-at-Comfy .work-at-comfy-employee p{max-width: 440px; margin:0 auto 30px; } .main-contrainer .Work-at-Comfy .work-at-comfy-employee img{float:left; width: 28%; display: inline-block;} .main-contrainer .Work-at-Comfy .work-at-comfy-employee .right-cell{float:left; width: 72%; padding: 60px 30px 0;} .main-contrainer .Work-at-Comfy .work-at-comfy-warehouse{background-color: #fbf9f9;} .main-contrainer .Work-at-Comfy .work-at-comfy-warehouse .left{float: left;width:calc(71.70% - 330px) } .main-contrainer .Work-at-Comfy .work-at-comfy-warehouse .employed{width: 330px; float: left; padding: 0px 20px;} .main-contrainer .Work-at-Comfy .work-at-comfy-warehouse .employed h2{padding-top: 90px;} .main-contrainer .Work-at-Comfy .work-at-comfy-warehouse .employed p{font-size: 24px;} .main-contrainer .Work-at-Comfy .work-at-comfy-warehouse .right{float: right; width: 28.30%} .main-contrainer .our-blog{text-align: center;} .main-contrainer .our-blog .inner{overflow: visible; margin-bottom: 50px; display: inline-block;} .main-contrainer .our-blog .top-row{max-width: 740px; margin: 0 auto 60px} .main-contrainer .our-blog .blogs{margin-bottom: 30px;} .main-contrainer .our-blog .left-cell, .main-contrainer .our-blog .cells{position: relative;} .main-contrainer .our-blog .content, .main-contrainer .our-blog .cells .content{position: absolute; bottom: 0px; left: 0px; overflow: hidden;} .main-contrainer .our-blog .cells .content{ padding: 35px; } .main-contrainer .our-blog .left-cell{width: 48.70%; float: left;} .main-contrainer .our-blog .left-cell .content{max-width: 330px;text-align: left; padding: 30px; background-color: #d6d2c4;} .main-contrainer .our-blog h4{color: #fff; font-size: 24px;line-height: 30px; margin-bottom: 15px;} .main-contrainer .our-blog .left-cell .content p{line-height: 23px;} .main-contrainer .our-blog .left-cell .content p a{color:#686868; text-decoration: underline; } .main-contrainer .our-blog .right-cell{width:51.30%;float: left;} .main-contrainer .our-blog .right-cell h4{font-size: 28px; color: #53555a; } .main-contrainer .our-blog .right-cell li{width: 50%; margin-bottom: 30px; padding-left:30px; float: left;} .main-contrainer .our-blog .right-cell .cells > img{border-radius: 5px;} /************ Animation css***************/ .main-contrainer .our-blog .right-cell li:nth-child(1) .cells .content{top: 30px; transition: top .5s;} .main-contrainer .our-blog .right-cell li:nth-child(1) .cells:hover .content{top: 0px;} .main-contrainer .our-blog .right-cell li:nth-child(4) .cells .content{top: 10px; transition: top .5s;} .main-contrainer .our-blog .right-cell li:nth-child(4) .cells:hover .content{top: -12px;} .main-contrainer .our-blog .right-cell li:nth-child(2) .cells .content, .main-contrainer .our-blog .right-cell li:nth-child(3) .cells .content{background-color: rgba(238, 237, 241, 0.6); opacity: 0; transition: opacity 1s, padding 1s ease-in-out ; -moz-transition:opacity 1s, padding 1s ease-in-out; -webkit-transition: opacity 1s, padding 1s ease-in-out; width: 100%; height: 100%; padding-top: 33%; } .main-contrainer .our-blog .right-cell li:nth-child(3) .cells:hover .content, .main-contrainer .our-blog .right-cell li:nth-child(2) .cells:hover .content{ opacity: 1.0; transition: opacity 1s, padding .5s ease-in-out; -moz-transition: opacity 1s, padding .5s ease-in-out; -webkit-transition: opacity 1s, padding .5s ease-in-out; padding-top: 20%;} /************ Animation css End Hear***************/ .main-contrainer .our-blog .right-cell li:nth-child(1) h4, .main-contrainer .our-blog .right-cell li:nth-child(4) h4{font-size: 36px; line-height: 40px; color: #fff; } .main-contrainer .our-blog .right-cell li:nth-child(4) h4{margin: 10px 0px;} .main-contrainer .our-blog .right-cell li p{line-height: 23px;} .main-contrainer .our-blog .right-cell li:nth-child(1) h4{margin: 20px 0px;} .main-contrainer .our-blog .right-cell li:nth-child(1) .cells .content, .main-contrainer .our-blog .right-cell li:nth-child(4) .cells .content{color: #fff} /************ Animation css***************/ .main-contrainer .our-blog .right-cell li:nth-child(1) p{margin-bottom: 70px; display: block; transition: margin .5s;} .main-contrainer .our-blog .right-cell li:nth-child(1) .cells:hover p{margin-bottom: 20px;} .main-contrainer .our-blog .right-cell li:nth-child(4) p{margin-bottom: 60px; display: block; transition: margin .5s;} .main-contrainer .our-blog .right-cell li:nth-child(4) .cells:hover p{margin-bottom: 10px;} .main-contrainer .our-blog .right-cell li:nth-child(2) p, .main-contrainer .our-blog .right-cell li:nth-child(3) p{margin-bottom: 100px; display: block; transition: margin .5s;} .main-contrainer .our-blog .right-cell li:nth-child(2) .cells:hover p, .main-contrainer .our-blog .right-cell li:nth-child(3) .cells:hover p{margin-bottom: 30px;} /************ Animation css End Hear***************/ .main-contrainer .about-us{display: flex;} .main-contrainer .about-us .video-cell{width: 50%; float: left; flex: 1} .main-contrainer .about-us .right-cell{background: rgba(255, 255, 255, 0.8) url(images/aubout-us-background.jpg) no-repeat center center; flex: 1; width: 50%; color: #fff;float: left; } .main-contrainer .about-us .right-cell h2{padding-top:100px; margin-top: 20px; } .main-contrainer .about-us .right-cell p, .main-contrainer .about-us .right-cell h2{padding-left: 15%; max-width: 580px; } #metaslider-id-1727{display: none} /************* Home page hide sections*******/ .home .main-contrainer .asleep-hours, .home .the-northwest, .home .about-us{display: none; } /*.home .main-contrainer .our-blog .right-cell li:nth-child(2) .cells .content, .home .main-contrainer .our-blog .right-cell li:nth-child(3) .cells:hover .content*/ .home .main-contrainer .product-slider img{border-radius: 5px;} @media only screen and (min-width: 480px) { .main-contrainer .our-herytage .inner{border-radius:5px; min-height:436px; padding: 50px 0px;} .main-contrainer .our-herytage .inner .heritage-heading{background: none !important} } /************************** Our Company ---------------------------*/ .main-contrainer .short-dec.our-company{background-color:transparent;padding-bottom: 0px; } .main-contrainer .asleep-hours.our-company{background-color:#7a99ac; color: #fff; } .main-contrainer .asleep-hours.our-company h2 .numscroller{color: #fff;} .main-contrainer .expertise{background: url(images/respect-background.jpg) no-repeat center center; color: #fff;} .main-contrainer .expertise .inner{padding: 70px 0px; max-width:740px; margin: 0px auto } .main-contrainer .recognised-by{background:#e5e6e7 } .main-contrainer .recognised-by{padding: 50px 0px;} .main-contrainer .recognised-by h2{float: left; width: auto; opacity: 0.5; margin-top: 15px;} .main-contrainer .recognised-by .right-cell{float: right} .main-contrainer .recognised-by .right-cell a{display: inline-block; } .main-contrainer .recognised-by .right-cell a:nth-child(1){margin-right: 50px;} .main-contrainer .community{background: transparent;} .main-contrainer .community .inner{max-width: 1440px;} .main-contrainer .community .inner .content{max-width: 740px; margin: auto;} .main-contrainer .community .inner .content{padding-bottom: 100px; position: relative;} .main-contrainer .community .content:after{width: 0; height: 0; border-left: 30px solid transparent; z-index: 2; border-right: 30px solid transparent;border-top: 30px solid white; position: absolute; content: ""; left: 50%; margin-left: -30px; bottom: -30px;} .main-contrainer .community .inner ul{display:flex; flex-flow: wrap;} .main-contrainer .community .inner ul p{text-align: left; margin-bottom: 15px;} .main-contrainer .community .inner ul h2.Diamond-text{font-size: 68px; -ms-transform: rotate(20deg);-webkit-transform: rotate(20deg); transform: rotate(-20deg);} .main-contrainer .community .inner ul li{width:33.333%; display: flex; justify-content: center; flex-direction: column; text-align: center;} .main-contrainer .community .inner ul li .cellbox{ display: block; } .main-contrainer .community .inner ul li img{width: 100%} .main-contrainer .community .inner ul li h2{max-width: 360px; text-align: center; margin: auto; line-height: 40px;} .main-contrainer .community .inner ul li.first{ background: #a7a7a9; color: #fff } .main-contrainer .community .inner ul li.third{ background: #d6d2c4 } .main-contrainer .community .inner ul li.first .cellbox, .main-contrainer .community .inner ul li.third .cellbox{ padding:0px 35px ; } .main-contrainer .community .inner ul li.fifth{ background: #fbf9f9 } .main-contrainer .community .inner ul li.fifth .cellbox {padding: 0px; font-size: 19px; max-width: 240px; margin: auto; line-height: 27px;} .main-contrainer .community .inner ul li.sixth{background: url(images/our-community-3.jpg) no-repeat center center; color: #fff; background-size: 100% 100%} .main-contrainer .community .inner ul li ul{display: block; text-align: center; margin-top: 20px;} .main-contrainer .community .inner ul li ul li{display: inline-block; width: auto} .main-contrainer .community .inner ul li ul li:nth-child(2){margin: 0px 15px;} .main-contrainer .community .inner ul li ul li a{display: block; width: 51px; height: 51px; } .main-contrainer .brand-details .header{border-radius: 5px 5px 0 0;padding: 40px 0px; background: #7a99ac; color: #fff; font-size: 24px; font-weight: 600; font-style: italic;} .main-contrainer .brand-details.allergy .header{background: #a7a7a9; } .main-contrainer .brand-details .left-cell{float: left; width: calc( 100% - 396px) } .main-contrainer .brand-details .right-cell{text-align: left; padding-left: 40px; float: left; width: 396px; padding-top: 30px;} .main-contrainer .brand-details .right-cell img{margin-bottom: 20px} .main-contrainer .brand-details.allergy .right-cell{ padding: 30px 40px 0 0; } .page-template-our-company .main-contrainer .our-brand .logo-slider .owl-carousel .owl-item img{display: inline-block;} .page-template-our-company .main-contrainer .our-brand .brand-logo-slider{text-align: center;} .main-contrainer .sustainability{margin-top: 50px} .main-contrainer .sustainability #sustainability-slider{width: 100%; margin: auto;} .main-contrainer .sustainability #sustainability-slider .owl-stage-outer{max-width: 1030px; margin: auto;} .main-contrainer .sustainability .owl-carousel .owl-nav{position: absolute; z-index: 1; margin: 0px; top: 50%; margin-top:-30px; border:0px; width: 100%;} .main-contrainer .sustainability .owl-carousel .owl-nav button.owl-prev, .main-contrainer .sustainability .owl-carousel .owl-nav button.owl-next{ background:url(images/arrow-left.png) no-repeat 0 0; height: 63px; width: 39px; left:0; position: absolute; } .main-contrainer .sustainability .owl-carousel .owl-nav button.owl-next{ background:url(images/arrow-right.png) no-repeat 0 0; right:0px; left: auto;} .main-contrainer .sustainability .owl-carousel .owl-nav button span{display: none} .main-contrainer .short-dec.awards-dec{padding-bottom: 50px} .main-contrainer .AwardsAccrediations{margin-bottom: 50px} .main-contrainer .AwardsAccrediations ul li{float: left;} .main-contrainer .AwardsAccrediations ul li .content-block { padding:10px; display: flex; align-items: center; justify-content: center; flex-direction: column; width: 100%; text-align: center; min-height: 280px; background-color:#fbf9f9; align-items: center; border-radius: 5px;} .main-contrainer .AwardsAccrediations ul li .content-block.gray{background-color:#e5e6e7;} .main-contrainer .AwardsAccrediations ul li .content-block h3{ font-size: 22px;line-height: 28px; color: #7b9aae; letter-spacing: 2px; margin-bottom: 15px;font-weight: 500; } .main-contrainer .AwardsAccrediations ul li .content-block strong{color: #53565a; font-size: 16px; letter-spacing: 2px;} .main-contrainer .AwardsAccrediations ul li .content-block p{letter-spacing: 2px;line-height: 19px; font-size: 14px;} @media only screen and (min-width: 980px) { .main-contrainer .AwardsAccrediations ul li{width:23.5%; margin-right: 2%; margin-bottom: 2% } .main-contrainer .AwardsAccrediations ul li:nth-child(4n){margin-right: 0px} } @media only screen and (max-width: 980px) and (min-width: 680px) { .main-contrainer .AwardsAccrediations ul li{width:32%; margin-right: 2%; margin-bottom: 2% } .main-contrainer .AwardsAccrediations ul li:nth-child(3n){margin-right: 0px} } @media only screen and (max-width: 680px) { .main-contrainer .AwardsAccrediations ul li{width:49%; margin-right: 2%; margin-bottom: 2% } .main-contrainer .AwardsAccrediations ul li:nth-child(2n){margin-right: 0px} } #AwardsAccrediationsSlider .content-block { padding: 10px; min-height: 280px; border-radius: 5px; display: flex; flex-direction: column; align-items: center; text-align: center; justify-content: center; } #AwardsAccrediationsSlider a .content-block { color: #53565a; } #AwardsAccrediationsSlider .content-block:nth-child(odd) { background-color: #fbf9f9; } #AwardsAccrediationsSlider .content-block:nth-child(even) { background-color: #e5e6e7; } /************************** Our Brand Desabled section ---------------------------*/ .page-template-our-company .asleep-hours.our-company, .page-template-our-company .our-brand .brand-slider{ display: none } .main-contrainer .our-brand .logo-slider li img{width: auto; display: inline-block; min-width: 120px;} .main-contrainer .our-brand .logo-slider li{text-align: center;} @media only screen and (min-width: 780px) { .main-contrainer .our-brand .logo-slider{max-width: 100%; float: left; margin-bottom: 20px; text-align: center;} .main-contrainer .our-brand .logo-slider li{display: inline-block; margin:0 5px;} } /************************** Our Brand ---------------------------*/ .main-contrainer .top-menu {border-bottom: 1px solid #ccc;display: table;width: 100%;display:flex;} .main-contrainer .top-menu li {width: 11.11%;display: block; float: left; text-align: center; border-right: 1px solid #ccc; display:flex; align-items:center;} .page-template-our-brands .main-contrainer .top-menu li{width: 12.5%;} .main-contrainer .top-menu li a{display: block; width: 100%; padding: 16px 5px; color: #1a1a1a} .main-contrainer .top-menu li.current-menu-item { background:rgba(139, 135, 163, 0.1); color: #7a99ac;} .main-contrainer .top-menu li:last-child {border: 0px;} .main-contrainer .top-menu li span{display: block; width: 100%; padding-top: 4px; font-size: 13px;} .main-contrainer .top-menu li img{max-height: 55px} .main-contrainer .top-menu li.current-menu-item a span{font-weight: 500} .main-contrainer .short-dec.ourbrand{ background: #fbf9f9;} .main-contrainer .short-dec.ourbrand .inner{max-width: 700px;} .main-contrainer .ourBrand-details{margin-bottom: 50px;} .main-contrainer .ourBrand-details .inner{max-width:1440px; } .main-contrainer .ourBrand-details .header{border-radius: 0 0 5px 5px;padding: 30px 0px; background: #c5c3d1; color: #fff; font-size: 24px; font-weight: 600; font-style: italic;} .main-contrainer .ourBrand-details .header strong{font-family: 'Black Diamond';line-height: 42px; font-style: normal; font-size: 36px} .main-contrainer .ourBrand-details .cell-1{text-align: left; padding:30px 20px 0px; float: left; width:30.9%;} .main-contrainer .ourBrand-details .cell-1 strong{font-size: 36px; font-weight: 300; line-height: 42px;} .main-contrainer .ourBrand-details .cell-1 p{ margin-bottom: 18px;} .main-contrainer .ourBrand-details .cell-1 img{margin:15px 0px; max-height: 60px;} .main-contrainer .ourBrand-details .cell-1 a{ font-size: 15px; color: #686868; text-decoration: underline; } .main-contrainer .ourBrand-details .cell-2{float: left; width:19.8% } .main-contrainer .ourBrand-details .cell-3{float: left; width:49.3%; } .main-contrainer .ourBrand-details.silentnight .header{background: #a7a7a9} .main-contrainer .ourBrand-details.sealy .header{background: #d6d2c4} .main-contrainer .ourBrand-details.dupont .header{background: #7a99ac; } .main-contrainer .ourBrand-details.jeff-banks .header{background: #a7a7a9;; color:#fff} .main-contrainer .ourBrand-details.sound-asleep .header{background: #d6d2c4} .main-contrainer .ourBrand-details.snug .header{background: #7a99ac} .main-contrainer .ourBrand-details.nanu .header{background: #a7a7a9} .main-contrainer .brands-menu li a span{display: none} @media only screen and (min-width: 980px) { .ourBrand-details .row{display: flex;} .ourBrand-details.sealy .row .cell-1{order: 2} .ourBrand-details.sealy .row .cell-2{order: 3} .ourBrand-details.sealy .row .cell-3{order: 1} .ourBrand-details.dupont .row .cell-1{order: 2} .ourBrand-details.dupont .row .cell-2{order: 1} .ourBrand-details.dupont .row .cell-3{order: 3} .ourBrand-details.jeff-banks .row .cell-1{order: 3} .ourBrand-details.jeff-banks .row .cell-2{order: 2} .ourBrand-details.jeff-banks .row .cell-3{order: 1} .ourBrand-details.sound-asleep .row .cell-1{order: 2} .ourBrand-details.sound-asleep .row .cell-2{order: 1} .ourBrand-details.sound-asleep .row .cell-3{order: 3} } .brand-sections-wrap { padding: 0 20px; } .brand-sections-wrap .brand-section { margin-bottom: 25px; } .brand-sections-wrap .header { border-radius: 0 0 5px 5px; padding: 30px 0px; background: #c5c3d1; color: #fff; font-size: 26px; line-height: 30px; font-weight: 600; font-style: italic; text-align: center; clear: both; } .brand-sections-wrap .header strong { font-family: 'Black Diamond'; font-style: normal; } .brand-sections-wrap .brand-section-content { text-align: center; } .brand-sections-wrap .ourBrand-details.silentnight .brand-section-content a { display: block; width: 100%; text-align: center; } @media only screen and (min-width: 980px) { .brand-sections-wrap { padding: 0; } .brand-sections-wrap .brand-section-content { text-align: left; } .brand-sections-wrap .header strong { font-family: 'Black Diamond'; line-height: 42px; font-style: normal; font-size: 36px; } } /************************** Our Product ---------------------------*/ .main-contrainer .short-dec.ourproduct{background:#fbf9f9 } .main-contrainer .short-dec.ourproduct .inner{max-width: 800px;} .main-contrainer ul.products{margin-top: 1%} .main-contrainer ul.products li{ float: left; position: relative; text-align: center;} .main-contrainer ul.products .content{height: 100%;padding: 10px 40px; width: 100%; left: 0px; top: 0px; border-radius:5px; position: absolute;background:rgba(122, 153, 172, 0.7); color: #fff; text-align: center; } .main-contrainer ul.products .content h2{padding-bottom: 15px; font-size: 48px;} .main-contrainer ul.products .content p{margin-bottom: 30px;} .main-contrainer .asleep-hours.statistic-counts {display: table; background:#a7a7a9; color: #fff; width: 100% } .main-contrainer .statistic-counts .numscroller{color: #fff;} .main-contrainer .group-brands{background: url(images/cta-background.jpg) no-repeat center center; padding: 45px 0px; display: inline-block; width: 100%;} .main-contrainer .group-brands h2{display: inline-block; padding: 0px 10%} .main-contrainer .group-brands a.button{vertical-align: top; margin-top: 7px;} .page-template-our-product .main-contrainer .top-menu li a:hover{background: #7a99ac;color: #fff; } /************************** Our Product Desabled section---------------------------*/ .page-template-our-product .main-contrainer .asleep-hours.statistic-counts{ display:none } @media only screen and (min-width: 980px) { .main-contrainer ul.products li{ width: 32.55%; position: relative; text-align: center; margin-bottom: 1.17% } .main-contrainer ul.products li:nth-child(2), .main-contrainer ul.products li:nth-child(5), .main-contrainer ul.products li:nth-child(8){margin:0 1.17% 1.17% } } @media only screen and (min-width: 680px) and (max-width: 980px) { .main-contrainer ul.products li{margin: 0 0 2% 0; width: 49%} .main-contrainer ul.products li:nth-child(2n){margin: 0 0 2% 2%;} } @media only screen and (max-width: 680px) { .main-contrainer ul.products li{ width: 100%; max-width: 467px; float: none; margin:0 auto 20px;} } /************************** Pillow Product ---------------------------*/ .main-contrainer .short-dec.pillows-dec{ background-color: #fbf9f9; } .main-contrainer .short-dec.pillows-dec .inner{max-width: 750px; text-align: center;} .main-contrainer .our-herytage.our-pillow .inner{min-height:100px;} .main-contrainer .our-herytage.our-pillow .inner p{margin-bottom: 0px;} .main-contrainer .short-dec.letest-news {padding-bottom: 60px;} .main-contrainer .short-dec.letest-news .Diamond-text{font-size: 50px} .main-contrainer .short-dec.letest-news .inner p{margin-bottom: 0px;} .main-contrainer ul.products .content{height: 100%;padding: 10px 40px; width: 100%; left: 0px; top: 0px; border-radius:5px; position: absolute;background:rgba(122, 153, 172, 0.7); color: #fff; text-align: center; } .main-contrainer ul.products.pillow-listing .content{padding: 10px 70px;} .main-contrainer ul.products.pillow-listing .content a{color: #fff;} .main-contrainer ul.products.pillow-listing .content span{margin-bottom: 20px;} .main-contrainer ul.products.pillow-listing .content strong{font-size: 24px;line-height: 30px;margin-bottom: 30px;} /************************** Careers ---------------------------*/ .main-contrainer .short-dec.career-dec .button{margin-bottom: 0px;} .main-contrainer .employee-saying .inner{display: flex;} .main-contrainer .employee-saying .left-cell{flex: 0 0 33.3333%; float: left; background:#7a99ac; color: #fff; display: flex; justify-content: center; flex-direction: column; text-align: center;} .main-contrainer .employee-saying .left-cell h2{padding: 0px 90px; line-height: 55px;} .main-contrainer .employee-saying .right-cell-slider{flex: 0 0 66.666%; display: flex; overflow: hidden;} .main-contrainer .employee-saying .right-cell{display:flex;} .main-contrainer .employee-saying .right-cell .img-cell{flex:1} .main-contrainer .employee-saying .right-cell .content-cell{position:relative; padding: 0px 40px;flex:1; display: flex; justify-content: center; flex-direction: column; text-align: left; background-color: #d6d2c4;} .main-contrainer .employee-saying .right-cell .content-cell::after{width: 0; width: 0; height: 0; border-left: 30px solid transparent; border-right: 30px solid #d6d2c4; border-top: 30px solid transparent; position: absolute; content: ""; left:-60px; margin-top: -30px; top: 50%; border-bottom: 30px solid transparent;} .main-contrainer .employee-saying .right-cell .content-cell .img{margin: 10px 0px} .main-contrainer .comfy-benefits .left-cell{float: left; width: 48%; margin-right: 8%} .main-contrainer .comfy-benefits .right-cell{float: right; width: 44%; text-align: left; padding-top: 60px;} .main-contrainer .comfy-benefits .right-cell h2{ margin-bottom: 15px; } .main-contrainer .comfy-benefits .right-cell p {margin-bottom: 5px;} .main-contrainer .comfy-benefits .right-cell li{padding-left: 35px;background: url(images/checkmark.png) no-repeat left 10px; margin-bottom: 10px;} .main-contrainer .asleep-hours.comfy-employs{ background: #a7a7a9; color: #fff; } .main-contrainer .comfy-employs h2 .numscroller{ color: #fff } .main-contrainer .comfy-value .inner, .main-contrainer .ourTraining .inner{max-width: 1440px;} .main-contrainer .comfy-value .left-cell{ width: 50%; float:left;} .main-contrainer .comfy-value .right-cell{ width: 50%; float:left; } .main-contrainer .comfy-value .content-cell.mobile{text-align: center; width: 100%; padding: 50px 0px; display: none} .main-contrainer .comfy-value .content-cell.mobile p{max-width: 100%} .main-contrainer .comfy-value .content-cell{text-align: left; padding: 110px 10% 0 17%;} .main-contrainer .comfy-value .content-cell p{max-width: 410px; margin-top: 10px;} .main-contrainer .comfy-value .quotes{text-align: left; padding: 50px 10% 50px 17%; background: #7a99ac; text-align: center;margin-top: 50px; display: block; color: #fff;} .main-contrainer .comfy-value .quotes strong{font-size: 24px; font-style: italic; line-height: 32px; max-width: 445px; margin: 0 auto 15px; } .main-contrainer .ourTraining .inner{padding: 30px 0px; overflow:visible;} .main-contrainer .ourTraining .row{ background: #fbf9f9; border-bottom: 40px solid #d6d2c4; position: relative; } .main-contrainer .ourTraining .row .content-cell{padding:7.2% 20px 7.2% 50%; text-align: left; } .main-contrainer .ourTraining .row .content-cell h2{padding-bottom: 20px;} .main-contrainer .ourTraining .row .img{ position: absolute; top: -30px; left: 8.6%; width: 32%} .main-contrainer .asleep-hours.efficiency{background: #a7a7a9; color: #fff;} .main-contrainer .efficiency .inner{overflow: visible;} .main-contrainer .efficiency .Diamond-text {font-size: 50px;} .main-contrainer .efficiency strong{font-size: 24px; max-width: 880px;margin: auto; line-height: 32px;margin-top: 30px; font-style: italic;} .main-contrainer .national-brand .short-dec{padding-bottom: 40px;} .main-contrainer .national-brand .short-dec p{max-width: 730px; margin: auto; margin-top: 20px;} .main-contrainer .national-brand .adress-listing{max-width: 1090px; margin: auto;} .page-template-contact-page .main-contrainer .national-brand .adress-listing { display: grid; grid-template-columns: 1fr 1fr; } .page-template-contact-page .main-contrainer .national-brand .adress-listing li { float: none; width: inherit; } .page-template-contact-page .main-contrainer .national-brand .adress-listing li .content-cell { float: none; width: inherit; } .main-contrainer .national-brand .adress-listing li{ float: left; width: 23.5%; margin-right: 2%; } .main-contrainer .national-brand .adress-listing li:last-child{margin-right: 0px;} .main-contrainer .national-brand .adress-listing li .img-box{ position: relative; min-height: 255px; } .main-contrainer .national-brand .adress-listing li .img-box .content{flex:1%; display: flex;justify-content: center;flex-direction: column;text-align: center; float: left;background: #7a99ac;color: #fff;font-size: 24px; background-color: rgba(28, 24, 57, 0.4); color: #fff; border-radius: 5px; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px;} .main-contrainer .national-brand .adress-listing li .img-box .content strong{line-height: 30px;} .main-contrainer .national-brand .adress-listing li .content-cell{background: url(images/location.png) no-repeat left 6px; text-align: left; margin-top: 20px; padding: 0 25px 0 25px;} /**************Career Desabled section*************************/ .page-template-careers .main-contrainer .asleep-hours.comfy-employs, .page-template-careers .main-contrainer .comfy-value, .page-template-careers .main-contrainer .ourTraining, .page-template-careers .main-contrainer .about-us{display: none} @media only screen and (min-width: 780px) { #efficiency-slider .content img{display: none} .owl-carousel{display: block;} .efficiency .content{display: none} .main-contrainer .efficiency strong{min-height: 70px;} } @media only screen and (max-width: 780px) { #efficiency-slider .content{text-align: center;} #efficiency-slider .content img{width: 70px; display: inline-block; margin-bottom: 20px;} .efficiency .dock-menu{display: none} .owl-theme .owl-dots .owl-dot.active span{background: #7a99ac } } /************************** contact us Template ---------------------------*/ .contact-us .inner{ padding-top: 50px } .contact-us .contact-form, .contact-us .contact-info{float: left; width: 45%; padding-right: 30px; text-align: left;} .contact-us .contact-info{padding: 0 0 0 30px; width: 55%} .entry-content .contact-us h2{font-size: 36px; margin-bottom:20px } .contact-us #wpcf7-f155-p24-o1{padding-top: 20px; } .contact-us #wpcf7-f155-p24-o1 form > p > span{margin-bottom: 40px; position: relative; display: inline-block; width: 100%;} .contact-us #wpcf7-f155-p24-o1 form > p > span.ajax-loader{width: auto;} .contact-us #wpcf7-f155-p24-o1 form > p > span.classtxt-area{margin-bottom: 20px} .contact-us #wpcf7-f155-p24-o1 select{width: 100%} .contact-us input[type="submit"].button{padding:0px; min-width: 200px;border: solid 2px #53555a; background-color: #53555a; border-radius: 5px} .contact-us input[type="submit"].button:hover{color: #53555a; background: transparent;} .contact-us .wpcf7-not-valid{border-color:red !important;} .contact-us .wpcf7-not-valid-tip{position: absolute; top:60px; left: 0px;} .contact-us div.wpcf7-validation-errors, .contact-us div.wpcf7-acceptance-missing{padding: 10px 15px; background-color: #eeedf1;border: solid 2px rgba(139, 135, 163, 0.5); border-radius: 5px; margin: 0px 0 35px;} .main-contrainer .contact-us .short-dec{padding: 0px 0 30px;} .main-contrainer .contact-us .short-dec .inner{max-width: 840px; padding-top: 50px;} .main-contrainer .national-brand .inner{padding: 0px 0 50px} .main-contrainer .contact-us .contact-listing{padding-top: 30px; } .main-contrainer .contact-us .contact-listing li{width: 50%; float: left; margin-bottom:30px; padding-right: 10px; } .main-contrainer .contact-us .contact-listing li strong{color: #7a99ac; } .main-contrainer .contact-us .contact-listing li a{color: #7a99ac; text-decoration: none; box-shadow: 0 0 0 } .main-contrainer .contact-us .contact-listing li.right{padding: 0 0 0 10px} .main-contrainer .contact-us .social-feeds{padding-top: 80px; display: inline-block; width: 100%; display: none} .main-contrainer .contact-us .social-feeds h2{margin-bottom: 20px} .main-contrainer .contact-us .social-feeds ul{margin-top: 20px} .main-contrainer .contact-us .social-feeds li{float: left; padding-right: 20px;} /************************** Our Products Template ---------------------------*/ .main-contrainer #menu-productmenu { width: 100%; } /************************** Vacancies Template ---------------------------*/ .main-contrainer .vacancies .inner{overflow: visible;} .main-contrainer .vacancies .short-dec{ padding: 50px 0 50px; } .main-contrainer .vacancies .short-dec .inner h2{font-size: 36px;} .main-contrainer .vacancies form{margin-bottom: 70px;} .main-contrainer .vacancies form > p > span.ajax-loader{width: auto;} .main-contrainer .vacancies form > p > span{margin-bottom: 40px;display: inline-block; width: 100%;} .main-contrainer .vacancies .first-name, .main-contrainer .vacancies .last-name{ width: 50%; float: left; padding: 0 20px 0 0 } .main-contrainer .vacancies .last-name{padding: 0 0 0 20px;} .main-contrainer .vacancies input[type="submit"].button{padding:0px; min-width: 200px;border: solid 2px #53555a; background-color: #53555a;} .main-contrainer .vacancies input[type="submit"].button:hover{color: #53555a; background: transparent;} .main-contrainer .vacancies .wpcf7-not-valid{border-color:red !important;} .main-contrainer .vacancies .wpcf7-not-valid-tip{position: absolute; top:60px; left: 0px;} .main-contrainer .vacancies div.wpcf7-validation-errors, .main-contrainer .vacancies div.wpcf7-acceptance-missing{padding: 10px 15px; background-color: #eeedf1;border: solid 2px rgba(139, 135, 163, 0.5); border-radius: 5px; margin: 0px 0 35px;} .job-vacancy{margin-bottom: 10px;box-shadow:0 8px 6px -6px #999; display: inline-block; padding: 25px 25px; text-align:left; width: 100%;} .job-vacancy:nth-child(even){background: #ececee; box-shadow:0 8px 6px -6px #999;} .job-vacancy .col-2 p{margin-bottom: 10px;} .job-vacancy .fa{margin-right:10px;} .job-vacancy .col-1, .job-vacancy .col-2 {float: left; width: 68%; padding-right: 20px} .job-vacancy .col-1 h3 p{display: none} .job-vacancy strong{display: inline-block;} .job-vacancy .col-2{width: 32%; padding-right: 0px} .job-vacancy .col-2.text-right{text-align: right;} .job-vacancy .row{display: inline-block; width: 100%;} .job-vacancy .row .cells{float: left; width: 50%; margin-top:5px;} /************************** Privacy Template ---------------------------*/ .main-contrainer .TAC-container {margin: 100px 0px 40px;display: inline-block; width: 100%;} .main-contrainer .TAC-container .TAC-left { float: left; padding-right: 25px; max-width: 300px; text-align: left; } .main-contrainer .TAC-container .TAC-left a {color: #53555a; float: left; width: 100%; margin-bottom: 10px; } .main-contrainer .TAC-container .TAC-left a.active, .main-contrainer .TAC-container .TAC-left .current_page_item a{font-weight: bold; color: #7a99ac;} .main-contrainer .TAC-container .TAC-right { width: calc(100% - 325px); float: right; text-align: left;} .main-contrainer .TAC-container .TAC-right p{margin-bottom: 15px;} .load-more{display: inline-block; width: 100%; padding:30px 0px 80px; text-align: center; } .main-contrainer .TAC-container .Diamond-text{text-align: left;} .main-contrainer .TAC-container .TAC-right ul{padding-left: 25px; list-style-type: disc;} .main-contrainer .TAC-container .TAC-right ul li{margin-bottom: 10px;} .main-contrainer .TAC-container .TAC-right ul li strong{display: inline} .page-id-747 .main-contrainer .TAC-container{margin-top: 50px} /************************** News Template ---------------------------*/ .main-contrainer .asr-filter-div{margin:30px 0 0px;} .main-contrainer .asr-filter-div ul{ text-align: center;} .main-contrainer .asr-filter-div .asr_texonomy{border: 0px; font-size: 14px;} .main-contrainer .asr-filter-div .asr_texonomy.active, .main-contrainer .asr-filter-div .asr_texonomy:hover{background:transparent; color: #7a99ac;} .main-contrainer .asr-filter-div .asr_texonomy.active{font-weight: 600;} .main-contrainer .asr-ajax-container{padding-top: 20px;} .main-contrainer .asr-ajax-container .asr-loader{position: absolute; top: 0px;margin-left: -65px; left: 50%;} /************************** Blog post Template ---------------------------*/ .post-template-default .site-header .site-header-main, .page-template-privacy-policy .site-header .site-header-main, .error404 .site-header .site-header-main{box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16)} .post-template-default .site-content{padding-top: 80px;} .post-template-default .entry-title{margin-bottom: 10px;} .post-template-default .breadcrumbs .breadcrumb{background: transparent; max-width: 700px; margin: auto; padding:15px 0px;} .post-template-default .entry-content{width: 100% !important; margin: auto;float: none; margin-bottom: 40px; float: none !important;} .post-template-default .main-contrainer .inner, .post-template-default .entry-header{max-width: 700px; margin: auto; text-align: left;} .post-template-default .entry-header {padding:30px 0 20px; } .post-template-default .entry-content h2, .post-template-default .main-contrainer h3{margin-top: 20px} .post-template-default .site-content .inner p, .post-template-default .site-content .full-width p{margin-bottom: 25px;} .post-template-default .top-heading{display: inline-block; width: 100%; text-align: center;} .post-template-default .top-heading h2{padding-bottom: 30px;} .entry-content blockquote{color: #7a99ac} .entry-content blockquote:not(.alignleft):not(.alignright){border-left:2px solid #7a99ac; padding: 10px 20px; margin-left: 0px; } .post-template-default .site-content .inner blockquote p{margin-bottom: 0px; font-weight: 500; font-size: 16px; color: #7a99ac} .post-template-default .site-content .inner blockquote p em{font-style: italic; } .post-info{display: inline-block; width: 100%;} .post-template-default .post-info li{ color: #a9aaac; text-transform: uppercase; letter-spacing: 1.5px;display: inline-block !important; padding-right: 15px; position: relative;} .post-template-default .post-info li:last-child::after{display: none;} .post-template-default .post-info li::after{position: absolute; content: "|"; right: 5px; top: 0px; color:#a9aaac } .post-template-default .post-info li a{color: #a9aaac; cursor: default;} .margin-b-25{display: inline-block; margin-bottom: 25px;} .single-post img{margin-bottom: 25px } .img-caption{display: inline-block; /*margin-bottom: 25px;*/ width:100%; color: #7a99ac; font-size: 14px; } .post-template-default .header-image{display: none} .post-template-default .main-contrainer .inner.last{border-bottom: #a7a7a9 2px solid; padding-bottom: 50px; margin-bottom: 100px;} .Work-at-Comfy-Mobile{display: none} /************************** Hospitality ---------------------------*/ .page-template-hospitality .main-contrainer .our-brand .brand-logo-slider.col-2{float: right; width: 43%; padding-top: 12%;} .page-template-news-template .main-contrainer .our-blog .inner{margin-bottom: 0px;} .embed-container { position: relative; padding-bottom: 56.25%; overflow: hidden; max-width: 100%; height: auto; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /************************** Employees Registration ---------------------------*/ .employees-registration{padding: 160px 0 100px; max-width: 1000px; margin: auto;} .employees-registration h2{font-size: 36px; line-height: 50px; text-align: center;} .employees-registration p{margin-bottom: 50px; text-align: center;} .employees-registration form{ max-width: 700px; margin: auto;} .employees-registration .input-text{height: 60px; background: #fff; padding: 10px 15px; border-radius: 5px; border: solid 2px #dcdbe3; width: 100%} .employees-registration .row{margin-bottom: 25px} .employees-registration form label span{color: red; font-weight: 600} .employees-registration .term-condition strong{font-size: 22px; margin-bottom: 10px;} .employees-registration .term-condition p{font-size: 12px; text-align: left; margin-bottom: 15px; font-weight: 600} .employees-registration .term-condition ul{padding-left: 11px; list-style-type: disc;} .employees-registration .term-condition ul li{padding-bottom: 10px; font-size: 12px} /*************** Media Queries *******************/ @media only screen and (max-width: 1450px) { .main-contrainer ul.products{padding-left: 20px;padding-right: 20px;} .main-contrainer article{padding: 0px 20px} /*** Contact us **/ .main-contrainer article#post-24{padding: 0px} .main-contrainer .national-brand .inner{padding: 0px 20px 100px;} } @media only screen and (max-width: 1280px) { .site-header .header-image .banner-content.banner-text-right{right: 90px; top: 135px;} .site-header .header-image .banner-content.banner-text-right.butAlight-left{top: 135px;} .site-header .header-image .banner-content.banner-text-left-rightAlign{ top: 140px; left: 30px;} .main-navigation ul ul li a{font-size: 10px} .site-header .site-header-main, .site-footer #custom_html-2{padding: 0px 20px;} .page-template-hospitality .vacancies{margin-left: 20px;margin-right: 20px;} .post-template-default .main-contrainer .inner{padding:0px;} .site-footer .site-info .inner{padding: 20px;} .main-navigation li ul, .main-navigation li:hover > ul{padding: 15px 20px;} .main-contrainer .inner{padding-left: 20px; padding-right: 20px;} .main-contrainer .category-dec ul li{float: left; width: 32%; } .main-contrainer .category-dec ul li:nth-child(2){margin: 0px 2%} .main-contrainer .category-dec ul li{width: 100%} .main-contrainer .our-herytage{margin-left: 20px; margin-right: 20px;} .main-contrainer .community .inner ul li.fifth .cellbox{padding: 20px} .main-contrainer .community .inner > ul > li h2{font-size: 30px; line-height: 33px;} /*************** Our Product *******************/ .main-contrainer .top-menu li{font-size: 13px;} .main-contrainer ul.products .content h2{font-size: 40px; line-height: 40px; padding-top: 40px;} .main-contrainer ul.products{margin-top: 50px;} .main-contrainer .group-brands{text-align: center;} .main-contrainer .group-brands h2{padding: 0px 20px; width: 100%; text-align: center;} /*************** Career *******************/ .main-contrainer .vacancies .inner{padding: 0px} .main-contrainer .comfy-value .content-cell{padding-top: 30px;} } @media only screen and (min-width: 981px) and (max-width: 1180px) { .main-contrainer .our-blog .right-cell li:nth-child(1) h4, .main-contrainer .our-blog .right-cell li:nth-child(4) h4{font-size: 28px; line-height: 32px;} .main-contrainer .our-blog .cells .content{padding: 15px;} .main-contrainer .brand-details .right-cell img{max-height:80px; } .main-contrainer .ourBrand-details .cell-1 strong{font-size: 26px;line-height: 32px;} .main-contrainer .ourBrand-details .cell-1 strong br{display: none} .main-contrainer .ourBrand-details .cell-1{padding-top: 0px;} .main-contrainer .ourBrand-details .cell-1 img{margin: 5px 0px;} .main-contrainer .ourBrand-details .cell-1 p{margin-bottom: 10px; font-size: 14px;line-height: 22px;} } @media only screen and (max-width: 1080px) { /*.main-contrainer .top-menu{padding-top: 10px;}*/ .main-contrainer .top-menu li{width: 33.333%;} /*.main-contrainer .top-menu li:nth-child(3n){border: 0px;}*/ /* .main-contrainer .top-menu li a{padding: 0px;}*/ .main-contrainer .top-menu li img{max-height: 40px;} .page-template-our-brands .main-contrainer .top-menu li{width: 25%; min-height: 76px;} .page-template-our-brands .main-contrainer .top-menu li:nth-child(3){border-right: 1px solid #ccc;} .page-template-our-brands .main-contrainer .top-menu li:nth-child(4n){border-right: 0;} /*************** Our Product *******************/ .main-contrainer ul.products .content p{margin-bottom: 20px; font-size: 14px; line-height: 22px;} .main-contrainer ul.products .content h2{font-size: 33px; line-height: 22px; padding-top: 30px;} /*************** Contact us *******************/ /*.site-header .header-image .banner-content.privacy{top: 140px}*/ } @media only screen and (max-width: 1080px) { .page-template-our-brands .main-contrainer .top-menu li:nth-child(1), .page-template-our-brands .main-contrainer .top-menu li:nth-child(2), .page-template-our-brands .main-contrainer .top-menu li:nth-child(3), .page-template-our-brands .main-contrainer .top-menu li:nth-child(4), .main-contrainer .top-menu #menu-productmenu li:nth-child(1), .main-contrainer .top-menu #menu-productmenu li:nth-child(2), .main-contrainer .top-menu #menu-productmenu li:nth-child(3), .main-contrainer .top-menu #menu-productmenu li:nth-child(4), .main-contrainer .top-menu #menu-productmenu li:nth-child(5), .main-contrainer .top-menu #menu-productmenu li:nth-child(6) {border-bottom:1px solid #ccc } } @media only screen and (max-width: 480px){ .main-contrainer .top-menu #menu-productmenu li:nth-child(4), .page-template-our-brands .main-contrainer .top-menu li:nth-child(5), .page-template-our-brands .main-contrainer .top-menu li:nth-child(6){border-bottom:1px solid #ccc } } @media only screen and (max-width: 1024px) { .main-contrainer .about-us .right-cell h2{padding: 20px 0 0px;} .main-contrainer .about-us .right-cell p {padding:0 20px 20px;} .site-header{padding: 0px;} .job-vacancy .col-2.text-right{text-align: left; margin-top: 15px;} .job-vacancy .col-1, .job-vacancy .col-2{ width: 100%; padding-right: 0px } .job-vacancy .col-2.text-right p{display: none} .job-vacancy .col-1 h3 p{display: block; margin-top: 10px;} } @media only screen and (max-width: 980px) { /*** Space Change ***/ .main-contrainer .short-dec{padding: 50px 0px 10px;} .contact-number{display: none} .site-header-menu{margin: 0px;} .site-header .header-image .banner-content.banner-text-left-rightAlign{top: 110px;} .site-header .header-image .banner-content.banner-text-left-rightAlign .text-col{font-size: 20px; line-height: 32px;} .main-navigation .menu-main-menu-container > ul > li > a{padding: 0px 10px;} .site-header-main .custom-logo{max-width: 130px;} .main-contrainer .the-common-thread{padding-bottom: 200px;} .main-contrainer .category-dec{margin-top: -140px;} .main-contrainer .category-dec h2{font-size: 30px;} .main-contrainer .space-top.our-blog{display: inline-block; width: 100%;} .main-contrainer .our-blog .blogs{width: 100%; max-width: 555px; margin: auto; display: table;} .main-contrainer .our-blog .left-cell{width: 100%; margin:0 0 20px; max-width: 555px; } .main-contrainer .our-blog .right-cell{width: 100%; } .main-contrainer .our-blog .right-cell li{padding: 0px; width: 48%; } .main-contrainer .our-blog .right-cell li:nth-child(2), .main-contrainer .our-blog .right-cell li:nth-child(4){margin-left: 4%} .main-contrainer .about-us .right-cell p{line-height: 25px; font-size: 14px;} .main-contrainer .about-us .right-cell h2{margin: 10px 0 10px } .main-contrainer .ourBrand-details .header{ padding: 20px; float: left; width: 100%; } .main-contrainer .ourBrand-details .cell-1{width: 100%; margin-bottom: 20px; padding: 20px 0 0px;} .main-contrainer .ourBrand-details .cell-1 p{margin-bottom: 10px;} .main-contrainer .ourBrand-details .cell-2 {width: 28.6%;} .main-contrainer .ourBrand-details .cell-3 {width: 71.3%;} .main-contrainer .the-northwest {padding: 70px 0px 70px;margin-bottom: 50px; } .Work-at-Comfy{display: none;} .Work-at-Comfy-Mobile{max-width: 555px; margin: auto; padding: 20px 20px 40px; background-color: #d6d2c4; display:block; margin-top: 50px; display: none} .Work-at-Comfy-Mobile .content{text-align: center;} .Work-at-Comfy-Mobile .content h2{margin-bottom: 10px;} .Work-at-Comfy-Mobile .content p{margin-bottom: 20px;} .Work-at-Comfy-Mobile .owl-theme .owl-dots .owl-dot span{background: #e8e8e8;} .Work-at-Comfy-Mobile .owl-theme .owl-dots .owl-dot.active span{background: #7a99ac;} .Work-at-Comfy-Mobile .owl-stage-outer{max-width: 338px; margin:auto; margin-bottom: 15px;} .Work-at-Comfy-Mobile .owl-nav{display: none} /*********** Our Brand *****/ .page-template-our-brands .main-contrainer .top-menu li a span{ display: none } /*********** Our product *****/ /**/ /**/ /*********** company page *****/ .site-header .header-image .banner-content.banner-text-left{top: 120px; left: 0px; padding: 0px 20px;} .main-contrainer .space-top{margin-top: 50px;} .main-contrainer .our-brand .brand-logo-slider{margin-top: 50px;} .main-contrainer .brand-details .header{padding: 20px 0px} .main-contrainer .brand-details .left-cell{width: 100%; text-align: left; margin-top: 20px;} .main-contrainer .brand-details .right-cell{width: 100%; padding-left: 0px;} .main-contrainer .brand-details .right-cell img{max-height: 80px;} .main-contrainer .recognised-by h2{width: 100%; margin: 0 0 20px;} .main-contrainer .recognised-by .right-cell { float: none; width: auto; margin: auto; display: inline-block;} /*********** Careers page *****/ .main-contrainer .comfy-benefits .right-cell{padding-top: 0px;} .main-contrainer .comfy-value .content-cell.mobile{display: block;} .main-contrainer .comfy-value .content-cell.desktop{display: none} .main-contrainer .comfy-value .quotes{padding: 40px 20px; margin-top: 120px;} .main-contrainer .ourTraining .row .img{left: 0px;} .main-contrainer .ourTraining .row .content-cell{padding: 3% 20px 7.2% 37%;} .main-contrainer .employee-saying .inner{flex-wrap: wrap;} .main-contrainer .employee-saying .left-cell{ flex: 0 0 100%; padding: 20px; } .main-contrainer .employee-saying .right-cell-slider{flex: 0 0 100%;} } @media only screen and (max-width: 909px) { /******************* Mobile Menu ***********************/ .menu-toggle, .menu-toggle:hover, .menu-toggle:focus, .menu-toggle.toggled-on, .menu-toggle.toggled-on:hover, .menu-toggle.toggled-on:focus{background:url(images/mobile-menu.png) no-repeat center center; width: 26px; height: 23px;border: 0px;font-size: 0px; background-size: 100% auto; } .menu-toggle.toggled-on, .menu-toggle.toggled-on:hover, .menu-toggle.toggled-on:focus{background:url(images/mobile-menu-close.png) no-repeat center center;} .menu-item-has-children{position: relative;} .main-navigation .menu-main-menu-container > ul > li > a{height: 37px;line-height: 35px;} .main-navigation li:hover > ul{display: none} .main-navigation li > ul{position: static; padding: 0px;} .main-navigation li > ul li img{display: none} .main-navigation li > ul li{width: 100%; border-bottom: 1px dashed #ccc; padding: 0px;} .main-navigation li > ul li a{display: block; height: 35px; line-height: 35px;text-align: left; background: #fafafa; padding: 0px 8px} .main-navigation li > ul li:last-child{border:0px;} .main-navigation li ul, .main-navigation li:hover > ul{padding: 0px;} } @media only screen and (max-width: 780px) { /*** Font Size Change *****/ .button, body{ font-size: 15px; } h2, .textwidget h2, .site-header .header-image .banner-content h2 { font-size: 30px; line-height: 42px; margin-bottom: 10px;} .site-header .header-image .banner-content.banner-text-right .text-col{font-size: 21px;} .site-header .header-image .banner-content.banner-text-right{right: 40px; top: 105px;} .site-header .header-image .banner-content.banner-text-right.butAlight-left{top: 105px;} .site-header .header-image .banner-content.banner-text-left-rightAlign{left: 0px;top: 80px; line-height: 35px; max-width: 100%; padding: 20px; text-align: center;} .main-contrainer .short-dec .inner p { font-size: 15px; } .main-contrainer .Diamond-text, .main-contrainer .short-dec.letest-news h2.Diamond-text{font-size: 40px; line-height: 40px;} .main-contrainer .asleep-hours h3{font-size: 30px;} .main-contrainer h2 .numscroller{font-size: 42px;} .main-contrainer .brand-details .header{font-size: 20px;} footer .links li a{font-size: 14px} .main-navigation .menu-main-menu-container > ul > li > a{ font-size: 14px; } .jcarousel li .content-box .slideUp-animation .content-cell{font-size: 14px;} /* .site-header .header-image .banner-content.career{top: 130px}*/ .main-contrainer .vacancies .short-dec{padding: 70px 0 50px;} .main-contrainer .short-dec .award-logo{margin-top: -110px;} .main-contrainer .short-dec .award-logo img{max-width: 140px;} /*** Banner content ***/ .site-header .header-image .banner-content.banner-text-centre, .site-header .metaslider .caption-wrap{max-width: 100%; left: 0;margin-left: 0;} #section05{display: none} /*** Space Change ***/ .site-header{padding: 0px;} .main-contrainer .short-dec{padding: 50px 0px 50px;} .main-contrainer .short-dec.letest-news{padding-bottom: 0px;} .main-contrainer .short-dec.letest-news + ul.products{margin: 50px 0px; display: inline-block;} .contact-us .inner{padding-top: 50px;} .main-contrainer .our-herytage .inner{padding: 55px 20px; min-height: 100px;} .main-contrainer .asleep-hours{padding: 50px 0px;} .main-contrainer .community .inner .content{padding-bottom: 50px} .main-contrainer .space-top { margin-top: 50px;} .main-contrainer .our-blog .top-row{margin: 20px auto 20px;} .main-contrainer .category-dec ul li .text-over{height: 41.8%;} .main-contrainer .category-dec ul li .text-over h2{padding-top: 14%;} .main-contrainer .the-northwest{padding: 50px 0px 50px;} .main-contrainer .our-brand .brand-slider{margin-bottom: 20px;} .main-contrainer .our-brand .logo-slider{margin: 20px auto;} .main-contrainer .about-us .video-cell{margin-bottom: 20px;} .main-contrainer .category-dec {margin-top: -140px;} .main-contrainer .the-northwest{margin-bottom: 20px;} .main-contrainer .recognised-by{padding: 30px 0px;} .main-contrainer .space-top.group-brands{margin-top: -10px} .main-contrainer .asleep-hours.statistic-counts{display: inline-block; margin: 50px 0;} .main-contrainer .group-brands{margin-bottom: 50px;} .main-contrainer .our-blog + .group-brands{ margin: 50px 0 0 } .main-navigation .menu-main-menu-container > ul > li > a{padding: 0px 10px; padding: 0px 8px;} .site-header-main .custom-logo{max-width: 120px;} .site-header .header-image .banner-content{left: 0px; margin-left: 0px;} .main-contrainer .our-brand .brand-slider, .page-template-hospitality .main-contrainer .our-brand .brand-logo-slider.col-2{max-width: 555px; width: 100%; padding: 0px; text-align: center; float: none; margin:0 auto 100px;} .main-contrainer .about-us{display: table; width: 100%; max-width: 700px;margin: 50px auto;} .main-contrainer .about-us .video-cell, .main-contrainer .about-us .right-cell{padding: 0px; width: 100% } .main-contrainer .about-us .video-cell{margin-bottom: 50px} .main-contrainer .about-us .right-cell p{max-width: 100%; text-align: center;} .main-contrainer #category-dec-slider{margin: auto; max-width: 338px;} .main-contrainer .category-dec ul li{text-align: center;} footer .links, footer .links.last{width: 100%; max-width: 100%; padding-right: 0px;} footer .links{border-bottom: 1px solid #707070; margin-bottom: 8px;} footer .links.last{border: 0px; display: none} footer .links ul{margin-bottom: 10px; padding-left: 30px;} footer .links li{display: inline-block; width: 100%;} footer .block-title{padding-right: 25px; position: relative; } footer .block-title::before, footer .block-title.active::before{content: ""; position: absolute; right: 15px; top: 3px; width: 0; height: 0; border: solid white; border-width: 0 2px 2px 0; display: inline-block;transform: rotate(45deg); -webkit-transform: rotate(45deg); padding: 4px;} footer .block-title.active::before{ transform: rotate(-135deg); -webkit-transform: rotate(-135deg); } .site-footer{background-color: #53555a; padding: 50px 0 0} .site-footer .social-media{margin-top: 3px;} /******* company page **************/ .main-contrainer .recognised-by h2{ margin-bottom: 10px; } .main-contrainer .recognised-by .right-cell a{max-width: 54px;} .main-contrainer .recognised-by .right-cell a:nth-child(1){margin-right: 10px;} #community-slider-mobile, #brand-slider{max-width: 480px;margin: auto;} #community-slider-mobile .owl-nav.disabled + .owl-dots{width: 100%} .main-contrainer .community .inner ul .owl-item > li{width: 100%; height: 100% } .main-contrainer .community .inner ul .owl-stage{display:flex;} .main-contrainer .community .inner ul .owl-item{ display: flex; justify-content: center; flex-direction: column; text-align: center;} .main-contrainer .brand-details, .main-contrainer .ourBrand-details { margin-bottom: 50px; } .main-contrainer .brand-details:last-of-type{margin-bottom: 0px;} .main-contrainer .short-dec.community{padding-bottom: 0px;} .main-contrainer .ourBrand-details .cell-1 a{margin-bottom: 20px; display: inline-block;} /******* Our Product page **************/ /******* News page **************/ .main-contrainer .asr-filter-div{ margin-top: 0px} .main-contrainer .asr-ajax-container{padding-top: 0px;} .main-contrainer .asr-ajax-container ul.products{margin-top: 10px;} .load-more{padding: 0px 0px 50px; } .post-template-default .breadcrumbs .breadcrumb{padding: 15px 20px 0px; margin: 0px;} .heateor_sss_sharing_ul{right: 20px; top: 120px;} /******* Vacany page **************/ .main-contrainer .vacancies .short-dec .inner h2{font-size: 30px; margin-bottom:} .main-contrainer .entry-content{margin: 0px; width: 100%} /*************** Contact us *******************/ /*.site-header .header-image .banner-content.privacy{top: 100px}*/ .entry-content .contact-us h2{font-size: 30px; } .contact-us .contact-form, .contact-us .contact-info{padding: 0px; width: 100%} .contact-us .contact-form{margin-bottom: 50px; text-align: center;} .main-contrainer .contact-us .social-feeds{padding-top: 30px; text-align: center;} .main-contrainer .contact-us .social-feeds li{float: none; display: inline-block;} .main-contrainer .national-brand .inner{padding-bottom: 50px;} .main-contrainer .contact-us .short-dec .inner{padding-top: 50px} .main-contrainer .national-brand .adress-listing li{ width: 49%; margin-right: 2%; margin-bottom: 20px;} .main-contrainer .national-brand .adress-listing li:nth-child(2n){ margin-right: 0px; } /*********** Careers page *****/ .main-contrainer .comfy-value .left-cell{width: 100%} .main-contrainer .comfy-value .quotes{margin: 0px} .main-contrainer .comfy-value .right-cell{width: 100%; text-align: center;} .main-contrainer .comfy-benefits .left-cell{width: 100%; margin: 0px;} .main-contrainer .comfy-benefits .right-cell{width: 100%; margin-top: 40px;} /*********** Privacy Policy *****/ .main-contrainer .TAC-container{margin: 40px 0px;} .main-contrainer .TAC-container .TAC-left{padding: 0px 0 40px; max-width: 100%; width: 100%;} .main-contrainer .TAC-container .TAC-right{width: 100%} .main-contrainer .TAC-container .TAC-left a{margin: 0px;padding: 6px; border-bottom: #ccc 1px solid; } .main-contrainer .TAC-container .TAC-left a.active, .main-contrainer .TAC-container .TAC-left .current_page_item a{color:#fff; background:#7a99ac; font-weight: 300; } } @media only screen and (min-width: 480px) and (max-width:540px){ .main-contrainer .our-blog .cells .content{padding: 20px;} .main-contrainer .our-blog .right-cell li:nth-child(1) h4, .main-contrainer .our-blog .right-cell li:nth-child(4) h4{font-size: 23px;line-height: 27px;} .main-contrainer .our-blog .right-cell li:nth-child(1) h4 {margin: 15px 0px;} .main-contrainer .our-blog .right-cell li:nth-child(2) .cells:hover p, .main-contrainer .our-blog .right-cell li:nth-child(3) .cells:hover p{margin-bottom: 15px;} .main-contrainer .our-blog h4{margin-bottom: 5px;} .main-contrainer .our-blog .right-cell li:nth-child(4) h4{margin: 5px 0px;} .main-contrainer .our-blog .right-cell li:nth-child(3) .cells:hover .content{padding-top: 7%;} } @media only screen and (max-width: 682px) { .site-header .header-image .banner-content.banner-text-left-rightAlign{top: 10px;} .site-header .header-image .banner-content.banner-text-left-rightAlign .text-col{font-size: 18px; line-height: 27px;} .main-navigation ul .toggled-on{display: block;} .main-navigation ul .toggled-on + .sub-menu{display: block; margin: 0px;} .dropdown-toggle{height: 37px;} .site-header-menu{display: block; right: -100%; width: 100%; transition: all .60s ease; background: #fff; position: absolute; top: 75px;} .site-header-menu.toggled-on{right: 0px } .site-inner{overflow: hidden;} .site-footer{padding: 30px 0px 0px;} .site-footer .site-info .inner{text-align: center;} .site-footer .site-info .inner .group {float: none; display: inline-block; vertical-align: top; font-size: 13px;} .menu-footer-menu-container, .vat-reg-no{display: none} .menu-footer-menu-container ul li a{font-size: 13px;} .site-footer .site-info{margin-top: 30px;} .site-header .header-image .banner-content h2{margin:0px; font-size: 50px;} .main-navigation ul li#menu-item-31 ul.sub-menu li {width: 100%} .main-navigation ul li#menu-item-31 ul.sub-menu li a, .main-navigation ul li#menu-item-91 ul.sub-menu li a{text-align: left; padding-left: 25px; font-size: 13px;} .main-navigation ul li#menu-item-31 ul.sub-menu li a img{display: none} .main-navigation ul .dropdown-toggle:focus::after{border-color: #d1d1d1;} .main-navigation ul .dropdown-toggle:hover, .main-navigation ul .dropdown-toggle:focus{color: #7a99ac;;} #metaslider-id-1727{display: block;} #metaslider-id-1678{display: none} #AwardsAccrediationsSlider .owl-nav{display: none} /******* Company page **************/ .main-contrainer .AwardsAccrediations ul li .content-block h3{font-size: 18px; line-height: 23px;} .main-contrainer .ourBrand-details .inner{padding: 0px} /*.main-contrainer .ourBrand-details .header{border-radius: 0px}*/ .main-contrainer .ourBrand-details .inner .row{padding: 0px 20px} /******* Career **************/ .page-template-comfy-page .entry-content{margin: 0px;} .main-contrainer .ourTraining .inner{padding: 0px;} .main-contrainer .ourTraining .row{background: transparent;} /*.site-header .header-image .banner-content.career{top: 110px}*/ .main-contrainer .ourTraining .row .img{position: static; width: 100%; padding: 0px 20px} .main-contrainer .ourTraining .row .content-cell{padding: 20px; text-align: center;} /******* Vacancy **************/ .main-contrainer .entry-content{margin: 0px; width: 100%} .main-contrainer .employee-saying .right-cell{display: block; max-width: 400px; margin: auto} .main-contrainer .employee-saying .right-cell .content-cell::after{display: none} .main-contrainer .employee-saying .right-cell .content-cell{ text-align: center; padding: 20px; } .main-contrainer .employee-saying .right-cell-slider #employees-saying{padding-bottom: 50px} #employees-saying.owl-theme .owl-nav.disabled + .owl-dots{right: 50%; bottom: 10px; margin-right: -26px} .main-contrainer .employee-saying .left-cell{max-width:400px;margin: auto; } .job-vacancy .row .cells{width: 100%;} } @media only screen and (max-width: 600px) { /*** Banner content ***/ .site-header .header-image .banner-content.banner-text-centre, .site-header .metaslider .caption-wrap{top: 70px;} .site-header .header-image .banner-content.banner-text-left{top: 40px;} .site-header .header-image .banner-content.banner-text-right{right: 0px; left: 0px; top: 26px; line-height: 31px; max-width: 100%; padding: 20px; text-align: center;} .site-header .header-image .banner-content.banner-text-right.butAlight-left{top: 60px; left: 0px;63line-height: 31px; max-width: 100%; padding: 20px; text-align: center;} /*.site-header .header-image .banner-content.career { top: 50px;} */ .our-brand .owl-carousel .owl-nav button.owl-next, .our-brand .owl-carousel .owl-nav button.owl-prev, .Work-at-Comfy-Mobile .owl-carousel .owl-nav button.owl-next, .Work-at-Comfy-Mobile .owl-carousel .owl-nav button.owl-prev {display: none} .main-contrainer .recognised-by h2{font-size: 24px;} .site-header .header-image{margin-top: 76px;} .main-contrainer .our-herytage .Diamond-text{ margin-bottom: 15px;} .main-contrainer .our-herytage .Diamond-text + h2{font-size: 18px; line-height: 22px;} } @media only screen and (max-width: 480px) { .desktop{display: none} .mobile{display: inline-block;} /*** Banner content ***/ .site-header .header-image .banner-content.banner-text-centre, .site-header .metaslider .caption-wrap{top: 40px;} .site-header .header-image .banner-content.banner-text-left{top: 80px;} .site-header .header-image .banner-content p{margin-bottom: 0px;} .site-header .header-image .banner-content h2{font-size: 34px; line-height: 28px;} .site-header .header-image .banner-content.banner-text-right .site-header .header-image .banner-content.banner-text-right.butAlight-left,{top: 5px;} .site-header .header-image .banner-content.banner-text-left-rightAlign {top: 0px;} h2, .textwidget h2 { font-size: 25px; line-height: 32px; } .main-contrainer .short-dec .inner h2{margin-bottom: 10px;} .main-contrainer .short-dec{padding:40px 0px;} .main-contrainer .space-top{margin-top: 40px;} .main-contrainer .category-dec{margin-top: -160px;} .main-contrainer .short-dec.home-page-top{padding:40px 20px;} .Work-at-Comfy-Mobile{margin: 20px 0px} .main-contrainer .about-us .video-cell{margin-bottom: 30px;} .main-contrainer .sustainability{margin-top: 40px} .main-contrainer .space-top.our-blog, .main-contrainer .about-us.space-top{margin-top: 0px;} .main-contrainer .space-top.our-blog{margin-bottom: 30px} .main-contrainer .short-dec.home-page-top .button{margin-bottom: 10px; margin-top: 20px;} .main-contrainer .our-herytage .inner, .main-contrainer .the-northwest{padding:30px 20px;} .main-contrainer .our-herytage .inner p + .button{ margin-top: 20px; } .main-contrainer .the-northwest p{margin-bottom: 20px;} .Work-at-Comfy-Mobile{margin-bottom: 30px;} .site-footer .site-info{margin-top: 20px;} .site-footer{padding: 20px 0px 0px;} .main-contrainer .short-dec.our-company p{margin-bottom: 10px;} .main-contrainer .community .inner .content{padding-bottom: 30px;} .main-contrainer .short-dec.community{padding: 0px;} .main-contrainer .brand-details, .main-contrainer .ourBrand-details{margin-bottom: 20px} .main-contrainer .ourBrand-details .cell-1 a{margin-bottom: 0px;} .main-contrainer ul.products{margin-top: 20px;} .main-contrainer .asleep-hours.statistic-counts, .main-contrainer .group-brands{margin: 0px;} .main-contrainer .our-blog + .group-brands{margin: -10px 0 0;} .load-more{padding: 0px;} .main-contrainer .comfy-value .content-cell.mobile{padding:20px 0px;} .main-contrainer .short-dec.letest-news + ul.products{margin: 20px 0px 0;} .main-contrainer .space-top.our-blog{padding-top: 40px;} .main-contrainer .our-blog .left-cell{ max-width: 278px;margin: 0 auto 20px; float: none; } .main-contrainer .our-blog .left-cell .content{position: relative; top: -5px} .main-contrainer .our-blog .inner{margin-bottom: 0px} .main-contrainer .our-herytage .inner{padding: 40px 20px;} .main-contrainer .our-herytage .inner p + .button { margin-top: 20px; } .main-contrainer .our-herytage .inner{padding: 0PX; background: transparent !important} .page-template-our-company .main-contrainer .our-herytage .inner{background:#fbf9f9!important; padding: 30px 20px } .main-contrainer .our-herytage .inner .heritage-heading{padding:20px 20px; border-radius: 5px; margin-bottom: 20px;} .main-contrainer .our-herytage .inner .heritage-heading .Diamond-text{margin-bottom: 10px;} .Work-at-Comfy-Mobile .owl-carousel .owl-nav button.owl-next, .Work-at-Comfy-Mobile .owl-carousel .owl-nav button.owl-prev{display: none} /******* Our Company **************/ .main-contrainer .our-brand .brand-logo-slider p{margin-bottom:10px;} .main-contrainer .top-menu li:nth-child(3){border-right: 1px solid #ccc;} .main-contrainer .top-menu li:nth-child(2n){border: 0px;} .main-contrainer .expertise .inner{padding: 30px 20px; } .main-contrainer .brand-details .header, .main-contrainer .ourBrand-details.silentnight .header{line-height: 25px; font-size: 18px; padding: 10px 10px; line-height: 35px;} .main-contrainer .recognised-by{padding: 20px 0px;} .main-contrainer .recognised-by h2{font-size: 22px;} .main-contrainer .recognised-by .right-cell a{max-width: 45px;} .main-contrainer .top-menu li, .page-template-our-brands .main-contrainer .top-menu li{width: 50%} .main-contrainer .product-slider .jcarousel li{padding: 0px;} /******* Our Brand **************/ .main-contrainer .ourBrand-details .header strong, .main-contrainer .ourBrand-details .cell-1 strong{font-size: 26px; line-height: 30px;} .main-contrainer .ourBrand-details .cell-1 p:first-child{margin-bottom: 10px; display: inline-block; width: 100%;} .main-contrainer .ourBrand-details .cell-1 p:first-child img{max-height: 40px; float: right; margin: 0px } .main-contrainer .ourBrand-details .cell-1 p:first-child strong{font-size: 22px; margin-top: 5px} .main-contrainer .ourBrand-details .cell-1 p{text-align: center;} .main-contrainer .top-menu #menu-productmenu li:nth-child(7), .main-contrainer .top-menu #menu-productmenu li:nth-child(8){border-bottom: 1px solid #ccc;} .main-contrainer .top-menu #menu-productmenu li:nth-child(9){width: 100%} /******* Blog **************/ .main-contrainer .our-blog .right-cell li{width: 100%;max-width: 280px;margin:0 auto 20px;float: none;} .main-contrainer .our-blog .right-cell li:nth-child(2), .main-contrainer .our-blog .right-cell li:nth-child(4) {margin:0 auto 20px;} .site-header .header-image .banner-content{top: 70px;} .main-contrainer .asleep-hours h3 { font-size: 26px; } .main-contrainer h2 .numscroller { font-size: 36px; margin: 5px 0px; } .main-contrainer .asleep-hours{padding: 25px 0px;} /******* Our Company **************/ /*.page-template-our-company .site-header .header-image .banner-content h2 { font-size: 28px; line-height: 32px; } .page-template-our-company .site-header .header-image .banner-content p{margin-bottom: 0px;} .page-template-our-company .site-header .header-image .banner-content{ top: 20px;}*/ .main-contrainer .our-brand .brand-logo-slider{margin-top: 30px;} /******* Our Product page **************/ /******* Blog Article **************/ .post-template-default .entry-content{margin-bottom: 0px} /******* Vacany **************/ /* .site-header .header-image .banner-content.career{top: 30px}*/ .main-contrainer .vacancies .short-dec{padding: 20px 0 20px;} .main-contrainer .vacancies form{margin-bottom: 20px} .main-contrainer .vacancies form > p > span{margin-bottom: 20px} .main-contrainer .vacancies .short-dec .inner h2{font-size: 25px; margin-bottom: 10px} .main-contrainer .vacancies .first-name, .main-contrainer .vacancies .last-name{width: 100%; padding: 0px} .vacancies input[type="text"], .vacancies input[type="email"]{padding: 5px 10px; height: 50px;} .main-contrainer .efficiency .Diamond-text{font-size: 40px} .main-contrainer .efficiency strong{font-size: 18px; line-height: 25px; margin-top: 20px;} .dock-menu{padding-top: 0px;} /****** contact us ********/ .contact-us .inner{padding-top: 30px;} .main-contrainer .contact-us .short-dec{padding: 20px 0 20px;} .contact-us #wpcf7-f155-p24-o1 form > p > span{margin-bottom: 20px} .entry-content .contact-us h2{font-size: 25px; margin-bottom: 10px} .main-contrainer .contact-us .first-name, .main-contrainer .contact-us .last-name{width: 100%; padding: 0px} .contact-us input[type="text"], .contact-us input[type="email"], .contact-us #wpcf7-f155-p24-o1 select{padding: 5px 10px; height: 50px;} .main-contrainer .national-brand .adress-listing li{ width: 100%; margin-right: 0%; margin-bottom: 20px;} .main-contrainer .national-brand .inner{padding-bottom: 0px;} .main-contrainer .contact-us .contact-listing li, .main-contrainer .contact-us .contact-listing li.right{width: 100%; padding: 0px; margin-bottom: 20px} .contact-us .contact-form{margin-bottom: 20px; } .contact-us .contact-info{text-align: center;} .main-contrainer .contact-us .contact-listing, .main-contrainer .contact-us .social-feeds, .main-contrainer .contact-us .short-dec .inner{ padding-top: 0px; } .main-contrainer .contact-us .social-feeds ul li img{max-width: 50px;} .main-contrainer .contact-us .social-feeds ul li{padding-right: 5px;} /******Hospitality ********/ .page-template-hospitality .vacancies{margin-top: 20px} /******Pillow ********/ .main-contrainer .short-dec.letest-news h2.Diamond-text{margin-bottom: 20px; } .main-contrainer ul.products.pillow-listing .content{padding: 10px; } } @media only screen and (max-width:380px) { .job-vacancy .col-2.text-right{text-align: center;} .job-vacancy .col-2.text-right a{display: block; margin-top: 5px} } /** Accordion **/ .main-contrainer .short-dec.privacynotice { margin: 0 0 30px 0; } .accordion .accordion-toggle { display: block; } .accordion .accordion-content { display: none; } .accordion .accordion-content.active { display: block; } /** **/ .accordion { padding: 0 30px; } .accordion h1 { margin: 0; line-height: 2; text-align: center; } .accordion h2 { margin: 0 0 0.5em; font-weight: normal; } .accordion input { position: absolute; opacity: 0; z-index: -1; } .accordion .row { display: flex; } .accordion .row .col { flex: 1; } /* Accordion styles */ .accordion .tabs { overflow: hidden; } .accordion .tab { width: 100%; color: #53555a; overflow: hidden; } .accordion .tab-label { display: flex; justify-content: space-between; padding: 1em; background: #ededed; font-weight: bold; cursor: pointer; /* Icon */ } .accordion .tab-label:hover { background: #ededed; } .accordion .tab-label::after { content: "\276F"; width: 1em; height: 1em; text-align: center; transition: all 0.35s; } .accordion .tab-content { max-height: 0; padding: 0 1em; color: #53555a; background: white; transition: all 0.35s; } .accordion input:checked + .tab-label { background: #ededed; } .accordion input:checked + .tab-label::after { transform: rotate(90deg); } .accordion input:checked ~ .tab-content { max-height: 100vh; padding: 1em; }