/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */



/*

 * What follows is the result of much research on cross-browser styling.

 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,

 * Kroc Camen, and the H5BP dev community and team.

 */



/* ==========================================================================

   Base styles: opinionated defaults

   ========================================================================== */



html, button, input, select, textarea {

  color: #222;

}



html {

  font-size: 1em;

  line-height: 1.4;

}



img {

  -webkit-user-select: none;

  -khtml-user-select: none;

  -moz-user-select: none;

  -o-user-select: none;

  user-select: none;

}



/*

 * Remove text-shadow in selection highlight: h5bp.com/i

 * These selection rule sets have to be separate.

 * Customize the background color to match your design.

 */

::-moz-selection {

  background: #b3d4fc;

  text-shadow: none;

}



::selection {

  background: #b3d4fc;

  text-shadow: none;

}



/*

 * A better looking default horizontal rule

 */

hr {

  display: block;

  height: 1px;

  border: 0;

  border-top: 1px solid #ccc;

  margin: 1em 0;

  padding: 0;

}



/*

 * Remove the gap between images, videos, audio and canvas and the bottom of

 * their containers: h5bp.com/i/440

 */

audio, canvas, img, video {

  vertical-align: middle;

}



/*

 * Remove default fieldset styles.

 */

fieldset {

  border: 0;

  margin: 0;

  padding: 0;

}



/*

 * Allow only vertical resizing of textareas.

 */

textarea {

  resize: vertical;

}



/* ==========================================================================

   Browse Happy prompt

   ========================================================================== */

.browsehappy {

  margin: 0.2em 0;

  background: #ccc;

  color: #000;

  padding: 0.2em 0;

}



input[type=text], input[type=password], textarea {

  -webkit-transition: all 0.60s ease-in-out;

  -moz-transition: all 0.60s ease-in-out;

  -ms-transition: all 0.60s ease-in-out;

  -o-transition: all 0.60s ease-in-out;

  outline: none;

  border: 1px solid transparent;

}



input[type=text]:focus, input[type=password]:focus, textarea:focus {

  box-shadow: 0 0 5px #92c8ff;

  border: 1px solid #92c8ff;

  color: #111;

}



ul, ol, p, h1, h2, h3, h4, h5 {

  margin: 0;

  padding: 0;

}



ul, li {

  list-style: none;

}



a {

  text-decoration: none;

  transition: all 0.30s ease-in-out;

}



body {

  margin: 0;

  padding: 0;

  font-family: 'Lato', sans-serif;

  font-size: 18px;

  color: #383838;

  background: #fff;

  overflow-x: hidden;

}



body * {

  box-sizing: border-box;

}



h2 {

  font-weight: 900;

}



.mainContainer {

  width: 100%;

  float: left;

}



.master {

  width: 94%;

  margin: 0 auto;

  position: relative;

}



header {

  width: 100%;

  position: fixed;

  z-index: 999;

  left: 0;

  top: 0;

  height: 80px;

  border-bottom: 1px solid #26283f;

}



header.fixed {

  background: #181a37;

}



.logo {

  width: 20%;

  float: left;

  padding: 17px 0 0;

  margin-left: 75px;

}



nav {

  width: 50%;

  float: left;

  padding: 18px 0 0;

  transition: all 0.5s ease 0s;

  opacity: 1;

}



nav ul li {

  width: auto;

  float: left;

  padding: 14px 10px;

  list-style: none;

  text-transform: uppercase;

}



nav ul li a {

  display: inline-block;

  text-decoration: none;

  color: #fff;

  font-size: 16px;

  font-family: 'Lato', sans-serif;

  position: relative;

}



nav ul li a:hover, nav ul li a.active, nav ul li a[aria-current="page"] {

  color: #fff;

  transition: all 0.5s ease 0s;

}



nav ul li a span {

  width: 0px;

  height: 3px;

  position: absolute;

  background: #fff;

  transition: all 0.5s ease 0s;

  left: 0px;

  right: 0px;

  margin: auto;

  bottom: -5px;

}



nav ul li a:hover span, nav ul li a.active span, nav ul li a[aria-current="page"] span {

  width: 100%;

  transition: all 0.5s ease 0s;

}



.navRightSection {

  width: 25%;

  float: right;

}



.navRightSection ul li {

  float: right;

}



.navRightSection ul li.humberIcon {

  width: 12%;

  height: 80px; /*background:url(../img/humber_icon.png) center center no-repeat; text-align:center; cursor:pointer; transition: all 0.5s ease 0s;*/

  position: relative;

  z-index: 100;

}



/*.navRightSection ul li.humberIcon:hover, .navRightSection ul li.humberIcon.active{background:url(../img/humber_icon.png) center center no-repeat;}*/

.three_line {

  float: right;

  position: relative;

  width: 55px;

  height: 45px;

  margin-right: 10px;

  cursor: pointer;

}



.three_line span {

  display: block;

  position: absolute;

  top: 40px;

  left: 9px;

  right: 9px;

  height: 4px;

  background: #fff;

  border-radius: 5px;

  transition: 0.3s ease-in-out;

}



.three_line span::after {

  position: absolute;

  display: block;

  left: 0;

  width: 100%;

  height: 4px;

  background-color: #fff;

  content: "";

  border-radius: 5px;

  transition: 0.3s ease-in-out;

}



.three_line span::before {

  position: absolute;

  display: block;

  right: 0;

  width: 80%;

  height: 4px;

  background-color: #fff;

  content: "";

  transition: 0.3s ease-in-out;

  border-radius: 5px;

}



.three_line:hover span {

  background: #fff;

}



/*.three_line:hover span::before{ background:#fff; width:100%;}*/

.navRightSection ul li.humberIcon.active span::before {

  background: #fff;

  width: 100%;

}



.three_line span::before {

  top: -8px

}



.three_line span::after {

  bottom: -8px

}



.three_line {

  background-color: none;

  transition: 0.3s ease-in-out;

}



.navRightSection ul li .search {

  z-index: 2;

  position: relative;

  padding: 25px 16px 0 0

}



.navRightSection ul li:last-child {

  padding-right: 0;

}



.navRightSection ul li .search img {

  padding: 3px 5px 0 0;

  z-index: 2;

  position: relative;

}



.navRightSection ul li .input {

  position: absolute;

  width: 20%;

  height: 50px;

  line-height: 50px;

  right: 63px;

  opacity: 0;

  top: 16px;

  background: none;

  border: 0;

  padding: 0 40px 0 10px;

  color: #fff;

  font-size: 16px;

  z-index: 1;

  font-family: 'Lato', sans-serif;

  transform: translateX(100%);

  transition: all 0.5s ease 0s;

  box-shadow: 0 0 5px #92c8ff;

  border-radius: 20px;

}



.navRightSection ul li .input.active {

  transform: translateX(0);

  opacity: 1;

}



.homeSpotlight {

  width: 100%;

  float: left;

}



.homeSpotlight .slick-list {

  overflow: inherit;

}



.homeSpotlight .slick-dots {

  bottom: 60px;

}



.homeSpotlight .slick-dots li {

  height: 10px;

  width: auto;

  margin: 0 3px;

}



.homeSpotlight .slick-dots li button {

  border: 0;

  background: #336695;

  display: block;

  height: 10px;

  width: 10px;

  color: transparent;

  padding: 5px;

  cursor: pointer;

  border-radius: 0;

  transition: 1s;

}



.homeSpotlight .slick-dots li.slick-active button {

  background: #d383a6;

  width: 30px;

}



/*MOUSE MOVE ANIMATOIN START*/

.bannerMain {

  width: 100%;

  position: relative;

  float: left;

}



.bannerGrass {

  width: 100%;

  position: absolute;

  bottom: 0;

  left: 0;

}



.bannerGrass img {

  width: 100%;

}



.bannerMain img {

  display: inline-block;

}



.mainBannerBg {

  width: 100%;

}



.mainBannerBg img {

  width: 100%;

}



.lampSec {

  width: auto;

  position: absolute;

  z-index: 3;

  bottom: 120px;

  left: 12%;

}



.sliperSec {

  width: auto;

  position: absolute;

  z-index: 3;

  bottom: 140px;

  right: 13%;

}



.bannerBed {

  width: 100%;

  position: absolute;

  bottom: -200px;

  left: 0;

  right: 0;

  margin: 0 auto;

  text-align: center;

  z-index: 2;

}



.bannerContent {

  width: 100%;

  left: 0;

  right: 0;

  margin: 0 auto;

  top: 120px;

  position: absolute;

  text-align: center;

}



.unex1 {

  position: absolute;

  left: -325px;

  right: 0;

  margin: auto;

  top: 0;

  z-index: 1;

}



.slick-active .unex1 {

  animation-name: unex1;

  animation-delay: 1s;

  animation-duration: 0.5s;

  animation-fill-mode: both;

  opacity: 1;

}



.unex2 {

  position: absolute;

  left: 60px;

  right: 0;

  margin: auto;

  top: 0;

  z-index: 1;

}



.slick-active .unex2 {

  animation-name: unex2;

  animation-delay: 1s;

  animation-duration: 0.5s;

  animation-fill-mode: both;

  opacity: 1;

}



.unex3 {

  position: absolute;

  left: 320px;

  right: 0;

  margin: auto;

  top: 0;

  z-index: 5;

}



.slick-active .unex3 {

  animation-name: unex3;

  animation-delay: 1s;

  animation-duration: 0.5s;

  animation-fill-mode: both;

  opacity: 1;

}



/*MOUSE MOVE ANIMATION END*/

.circalSection {

  width: 100%;

  float: left;

  position: relative;

  padding: 0 20%;

  margin: 115px 0 0;

  margin-top: -40px;

  font-size: 16px;

  position: relative;

  font-weight: 700;

}



.dotSec {

  width: 40px;

  position: absolute;

  left: 0;

  right: 0;

  margin: auto;

  top: -170px;

  z-index: 10;

}



.dotSec:after {

  position: absolute;

  display: block;

  left: 0;

  top: 40px;

  right: 0;

  margin: auto;

  width: 1px;

  height: 0;

  border-left: 1px solid #c3c3c3;

  content: "";

  animation-name: drownLine;

  transition: all 0.5s ease 0s;

}



.cbp-so-section.cbpAnimate .dotSec::after {

  height: 132px;

  animation-name: drownLine;

  transition: 0.3s ease-in-out;

  transition-delay: .4s;

}



.circalSection:after {

  position: absolute;

  display: block;

  left: 0;

  top: 0;

  right: 0;

  margin: auto;

  width: 0;

  border-bottom: 1px solid #c3c3c3;

  content: "";

  transition: all 0.5s ease 0s;

}



.cbp-so-section.cbpAnimate:after {

  width: 40.1%;

  transition: all 0.5s ease 0s;

  transition-delay: 1s;

}



.circalSection ul li {

  width: 33.3%;

  float: left;

  text-align: center;

  position: relative;

  padding-top: 50px;

  font-size: 18px;

}



.circalSection ul li span {

  width: 100%;

  float: left;

  opacity: 0;

  transform: scale(0);

  transition-duration: 1s;

}



.cbp-so-section.cbpAnimate ul li span {

  transition-duration: 1s;

  transform: scale(1);

  opacity: 1;

}



.circalSection ul li::before {

  position: absolute;

  display: block;

  left: 0;

  top: 0;

  right: 0;

  margin: auto;

  height: 0;

  width: 1px;

  background-color: #c3c3c3;

  content: "";

  border-radius: 5px;

  transition: 0.3s ease-in-out;

}



.cbp-so-section.cbpAnimate ul li::before {

  height: 50px;

  animation-name: drownLine;

  transition: 0.3s ease-in-out;

}



.circalSection ul li p {

  opacity: 0;

  transition-duration: 1s;

}



.cbp-so-section.cbpAnimate ul li p {

  opacity: 1;

  transition-duration: 1s;

}



.cbp-so-section.cbpAnimate ul li:nth-child(1)::before {

  transition-delay: .2s;

}



.cbp-so-section.cbpAnimate ul li:nth-child(1) span {

  transition-delay: .4s;

}



.cbp-so-section.cbpAnimate ul li:nth-child(1) p {

  transition-delay: .4s;

}



.cbp-so-section.cbpAnimate ul li:nth-child(2)::before {

  transition-delay: .6s;

}



.cbp-so-section.cbpAnimate ul li:nth-child(2) span {

  transition-delay: .7s;

}



.cbp-so-section.cbpAnimate ul li:nth-child(2) p {

  transition-delay: .7s;

}



.cbp-so-section.cbpAnimate ul li:nth-child(3)::before {

  transition-delay: .8s;

}



.cbp-so-section.cbpAnimate ul li:nth-child(3) span {

  transition-delay: .9s;

}



.cbp-so-section.cbpAnimate ul li:nth-child(3) p {

  transition-delay: .9s;

}



.cbp-so-section.cbpAnimate ul li:nth-child(4)::before {

  transition-delay: 1s;

}



.cbp-so-section.cbpAnimate ul li:nth-child(4) span {

  transition-delay: 1.1s;

}



.cbp-so-section.cbpAnimate ul li:nth-child(4) p {

  transition-delay: 1.1s;

}



.cbp-so-section.cbpAnimate ul li:nth-child(5)::before {

  transition-delay: 1.2s;

}



.cbp-so-section.cbpAnimate ul li:nth-child(5) span {

  transition-delay: 1.3s;

}



.cbp-so-section.cbpAnimate ul li:nth-child(5) p {

  transition-delay: 1.3s;

}


.circalSection ul li span {
  position: relative;
}
.circalSection ul li span a p {
  position: absolute;
  top: 56px;
  right: 0;
  left: 0;
  font-size: 14px;
  background: #0c0f3a;
  width: 120px;
  padding: 6px;
  color: #fff;
  margin-left: auto;
  margin-right: auto;
  display: none;
}
.circalSection ul li img {
  padding-bottom: 20px;
  transition: all ease-in-out 300ms;
  cursor: pointer;
}
.circalSection ul li p span {
  font-size: 15px !important;
  padding: 5px 15px;
  color: #444;
  font-weight: 400;
}
.circalSection ul li p span a {
  color: #a70070;
  font-weight: bold;
}


@keyframes drownLine {

  0% {

    height: 2px;

  }



  100% {

    height: 50px;

  }



}



.circalContent {

  width: 100%;

  float: left;

  position: relative;

  margin: 10px 0;

  text-align: center;

  opacity: 0;

  transition-duration: 1s;

  font-size: 18px;

}



.circalContent a {

  margin: 20px 10px 0;

}



.circalContent strong {

  color: #a70070;

}



.cbp-so-section.cbpAnimate .circalContent {

  opacity: 1;

  transition-duration: 1s;

  transition-delay: 1.2s;

}



.chooseSection {

  width: 100%;

  float: left;

  padding: 0 15%;

  margin-bottom: 50px;

}



.chooseSection .chooseContentSec {

  width: 100%;

  float: left;

  background: #f1f1f1;

  padding: 40px 7% 150px 7%;

  color: #3f3f3f;

  text-align: center;

  opacity: 0;

  transition-duration: 1s;

}



.chooseSection .chooseContentSec h2 {

  font-size: 40px;

  text-transform: uppercase;

  margin-bottom: 15px;

}



.chooseSection .chooseTiles {

  width: 100%;

  float: left;

  padding: 0 4%;

  position: relative;

  margin-top: -100px;

}



.chooseTilesSpotlight .slick-list {

  margin: 0 -10px;

}



.chooseSection .slick-slide {

  margin: 0 10px 10px;

}



.chooseSection .chooseTiles .chooseClass {

  width: 100%;

  float: left;

  padding: 30px 20px;

  background: #fff;

  border-radius: 8px;

  box-shadow: 0 0 10px #ccc;

}



.chooseSection .chooseTiles .chooseClass .tilesImg {

  width: 30%;

  display: table-cell;

  vertical-align: middle;

  text-align: center;

}



.chooseSection .chooseTiles .chooseClass .tilesContent {

  width: 65%;

  display: table-cell;

  vertical-align: top;

  padding-left: 5%;

  font-size: 16px;

  line-height: 22px;

}



.chooseSection .chooseTiles .chooseClass .tilesContent strong {

  display: block;

  margin-bottom: 5px;

  text-transform: uppercase;

  font-weight: 700;

  color: #0c0f3a;

}



.cbp-so-section.cbpAnimate .chooseContentSec {

  opacity: 1;

  transition-duration: 1s;

  transition-delay: 1s;

}



.chooseSection .chooseTiles .chooseClass {

  transform: translateX(150px);

  opacity: 0;

  transition-duration: 1s;

}



.cbp-so-section.cbpAnimate .chooseClass.durationTile1 {

  transform: translateX(0px);

  transition-delay: 0.6s;

  opacity: 1;

}



.cbp-so-section.cbpAnimate .chooseClass.durationTile2 {

  transform: translateX(0px);

  transition-delay: 1s;

  opacity: 1;

}



.cbp-so-section.cbpAnimate .chooseClass.durationTile3 {

  transform: translateX(0px);

  transition-delay: 1.4s;

  opacity: 1;

}



.featureBedSection {

  width: 100%;

  float: left;

  background: #f1f1f1;

  padding: 100px 20px;

  overflow: hidden;

  text-align: center;

}



.featureBedSection h2 {

  font-size: 40px;

  text-transform: uppercase;

}



.featureBedSection h2 span {

  font-size: 14px;

  display: block;

  letter-spacing: 8px;

}



.featureBedSection p {

  font-size: 15px;

  display: block;

  color: #777778;

}



.featureBedSpotlight {

  width: 100%;

  float: left;

  padding: 30px 10% 0;

}



.featureBedSpotlight .slick-list {

  margin: 0 -10px;

}



.featureBedSpotlight .slick-slide {

  width: 100%;

  float: left;

  background: #fff;

  text-align: center; /*height:610px;*/

  padding-bottom: 0px;

  margin: 0 15px 30px;

}



/*.cbp-so-section.cbpAnimate .fadeInLeft-comp.duration1{transition: 0.5s;}

.cbp-so-section.cbpAnimate .fadeInLeft-comp.duration2{transition: 0.5s;}

.cbp-so-section.cbpAnimate .fadeInLeft-comp.duration3{transition: 0.5s;}

.cbp-so-section.cbpAnimate .fadeInLeft-comp.duration4{transition: 0.5s;}*/

.cbp-so-section.cbpAnimate .fadeInLeft-comp.duration1:hover {

  box-shadow: 0 0 30px #ccc;

  transition: 0.5s;

}



.cbp-so-section.cbpAnimate .fadeInLeft-comp.duration2:hover {

  box-shadow: 0 0 30px #ccc;

  transition: 0.5s;

}



.cbp-so-section.cbpAnimate .fadeInLeft-comp.duration3:hover {

  box-shadow: 0 0 30px #ccc;

  transition: 0.5s;

}



.cbp-so-section.cbpAnimate .fadeInLeft-comp.duration4:hover {

  box-shadow: 0 0 30px #ccc;

  transition: 0.5s;

}



.featureContent {

  width: 100%;

  float: left;

  padding: 10px;

}



.featureBedSpotlight .slick-slide img {

  width: 100%;

  display: inline-block;

}



.featureBedSpotlight .slick-slide h3 {

  font-size: 17px;

  display: block;

  color: #0c0f3a;

  margin: 0 0 10px;

  text-transform: uppercase;
  

}



.featureBedSpotlight .slick-prev, .featureBedSpotlight .slick-next {

  height: 74px;

  width: 39px;

  z-index: 99;

  top: 50%;

  margin-top: -46px;

}



.featureBedSpotlight .slick-prev {

  left: 40px;

  background: url(../img/prev.png) left top no-repeat;

}



.featureBedSpotlight .slick-next {

  right: 40px;

  background: url(../img/next.png) left top no-repeat;

}



.featureBedSpotlight a.btn-7 {

  padding: 6px 20px;

}



.featureBedSpotlight .slick-slide .featureIcon img {
  height: 40px;
  width: auto;

}



.featureIcon {

  width: 100%;

  float: left;

  border-top: 1px solid #f1f1f1;

  border-bottom: 1px solid #f1f1f1;

  padding: 0 20px;

}



.featureIcon ul li {

  width: 33.33%;

  float: left;

  text-align: center;

  border-right: 1px solid #f1f1f1;

  padding: 6px 10px;

}



.featureIcon ul li p {

  display: block;

  margin-top: 5px;

  font-size: 13px;

}



.featureIcon ul li:last-child {

  border-right: 0;

}



.featureBedSpotlight .slick-dots {

  bottom: -50px;

  width: 80%;

}



.featureBedSpotlight .slick-dots li {

  height: 10px;

  width: auto;

  margin: 0 3px;

}



.featureBedSpotlight .slick-dots li button {

  border: 1px solid #9597a8;

  background: none;

  display: block;

  height: 8px;

  width: 50px;

  color: transparent;

  padding: 0;

  cursor: pointer;

  border-radius: 0;

  transition: 1s;

}



.featureBedSpotlight .slick-dots li.slick-active button {

  background: #9597a8;

  width: 50px;

}



.findSection {

  width: 100%;

  float: left;

  margin: 50px 0 30px;

}



.findheadingSection {

  width: 100%;

  float: left;

  background: #1f1f1f;

  padding: 30px;

  font-size: 18px;

  position: relative;

  color: #fff;

  position: relative;

}



.findheadingSection h2 {

  font-size: 30px;

  margin-bottom: 8px;

  text-transform: uppercase;

}



.findheadingSection a {

  position: absolute;

  top: 30px;

  right: 5%;

}



.findSection .findleftSection {

  width: 50%;

  float: left;

  border-right: 2px solid #fff;

  transform: translateX(-100%);

  opacity: 0;

  transition-duration: 1s;

}



.findSection .findleftSection .buyingSection {

  width: 100%;

  float: left;

  background: #cacaca;

  padding: 40px 50px;

  font-weight: 700;

  height: 520px;

}



.findSection .findleftSection .buyingSection p {

  display: block;

  font-size: 16px;

  margin-bottom: 20px;

}



.findSection .findleftSection .buyingSection ul li {

  width: auto;

  float: left;

  margin: 0 5% 0 0;

  color: #393939;

  text-align: center;

}



.findSection .findleftSection .buyingSection ul li p {

  font-size: 13px;

}



.findSection .findleftSection .buyingSection ul li img {

  margin-bottom: 10px;

}



.findSection .findleftSection .buyingSection ul li {

  transform: translateX(-150px);

  opacity: 0;

  transition-duration: 1s;

}



.cbp-so-section.cbpAnimate .buyingSection ul li:nth-child(1) {

  transform: translateX(0px);

  transition-delay: 0.6s;

  opacity: 1;

}



.cbp-so-section.cbpAnimate .buyingSection ul li:nth-child(2) {

  transform: translateX(0px);

  transition-delay: 1s;

  opacity: 1;

}



.cbp-so-section.cbpAnimate .buyingSection ul li:nth-child(3) {

  transform: translateX(0px);

  transition-delay: 1.4s;

  opacity: 1;

}



.cbp-so-section.cbpAnimate .buyingSection ul li:nth-child(4) {

  transform: translateX(0px);

  transition-delay: 1.8s;

  opacity: 1;

}



.cbp-so-section.cbpAnimate .buyingSection ul li:nth-child(5) {

  transform: translateX(0px);

  transition-delay: 2.2s;

  opacity: 1;

}



.cbp-so-section.cbpAnimate .buyingSection ul li:nth-child(6) {

  transform: translateX(0px);

  transition-delay: 2.6s;

  opacity: 1;

}

.cbp-so-section.cbpAnimate .buyingSection ul li:nth-child(7) {

  transform: translateX(0px);

  transition-delay: 3s;

  opacity: 1;

}



.findSection .findleftSection .buyingBigImg {

  width: 100%;

  float: left;

  margin: 50px 0 0;

  text-align: center;

  transform: translateX(150px);

  opacity: 0;

  transition-duration: 1s;

}



.cbp-so-section.cbpAnimate .buyingBigImg {

  transform: translateX(0px);

  transition-delay: 2.6s;

  opacity: 1;

}



.findSection .findRightSection {

  width: 50%;

  float: left;

  border-left: 2px solid #fff;

  transform: translateX(100%);

  opacity: 0;

  transition-duration: 1s;

}



.findSection .findRightSection .mapImgSection {

  width: 100%;

  float: left;

  height: 520px;

}



.findSection .findRightSection .mapImgSection img {

  width: 100%;

  height: 100%;

}



.cbp-so-section.cbpAnimate .findRightSection, .cbp-so-section.cbpAnimate .findleftSection {

  transform: translateX(0px);

  opacity: 1;

  transition-duration: 1s;

}



.technologyContainer {

  width: 100%;

  float: left;

  position: relative;

  background: #fff;

  padding: 0 3%;

  margin: 40px 0;

}



.technologySection {

  width: 100%;

  float: left;

  background: #faf9f6;

  padding: 80px 0 0;

  text-align: center;

  position: relative;

  height: 700px;

}



.rightPlant {

  position: absolute;

  bottom: 0;

  right: 0;

  transform: translateX(100%);

  opacity: 0;

}



.leftPlant {

  position: absolute;

  top: 0;

  left: 0;

  transform: translateX(-100%);

  opacity: 0;

}



.mainImgSec {

  width: 100%;

  position: absolute;

  left: 0;

  right: 0;

  margin: auto;

  top: 100px;

  z-index: 3;

  transition-duration: 1s;

  opacity: 0;

  text-align: center;

}



.mainImgSec span {

  width: 90px;

  height: 90px;

  display: block;

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  margin: auto;

  background: url(../img/youTubeBtn.png) left top no-repeat;

  cursor: pointer;

}



.techHeading {

  width: 100%;

  position: absolute;

  left: 0;

  right: 0;

  margin: auto;

  top: 0;

  z-index: 1;

  transition-duration: 1s;

  opacity: 0;

}



.smallHeadding {

  width: 100%;

  position: absolute;

  left: 0;

  right: 0;

  margin: auto;

  top: 60px;

  z-index: 2;

  text-align: center;

  text-transform: uppercase;

  letter-spacing: 18px;

  color: #0d103a;

  font-size: 16px;

  transition-duration: 1s;

  opacity: 0;

}



.bottomBelt {

  width: 0;

  background: #e6e6e4 url(../img/beltBg.png) left top repeat;

  height: 99px;

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  margin: auto;

  transition: all 0.5s ease 0s;

}



.cbp-so-section.cbpAnimate .rightPlant, .cbp-so-section.cbpAnimate .leftPlant {

  transform: translateX(0px);

  opacity: 1;

  transition-duration: 1s;

  transition-delay: 1.6s;

}



.cbp-so-section.cbpAnimate .rightPlant, .cbp-so-section.cbpAnimate .rightPlant {

  transform: translateX(0px);

  opacity: 1;

  transition-duration: 1s;

  transition-delay: 2s;

}



.cbp-so-section.cbpAnimate .mainImgSec {

  animation-name: fadeIn;

  animation-delay: 1s;

  animation-duration: 1s;

  animation-fill-mode: both;

  opacity: 1;

}



.cbp-so-section.cbpAnimate .techHeading {

  animation-name: techHeading1;

  animation-delay: 1.2s;

  animation-duration: 1.2s;

  animation-fill-mode: both;

  opacity: 1;

}



.cbp-so-section.cbpAnimate .smallHeadding {

  animation-name: smallHeadding1;

  animation-delay: 1.2s;

  animation-duration: 1.2s;

  animation-fill-mode: both;

  opacity: 1;

}



.cbp-so-section.cbpAnimate .bottomBelt {

  width: 100%;

  transition: all 0.5s ease 0s;

  transition-delay: 2.2s;

}



.articlessContainer {

  width: 100%;

  float: left;

  position: relative;

  margin: 80px 0 60px;

}



.articlesText {

  width: auto;

  position: absolute;

  left: 0;

  top: 0;

  z-index: 1;

  text-align: center;

  text-transform: uppercase;

  letter-spacing: 18px;

  color: #0d103a;

  font-size: 16px;

  transition-duration: 1s;

  opacity: 0;

}



.cbp-so-section.cbpAnimate .articlesText {

  animation-name: articlesText1;

  animation-delay: 1.2s;

  animation-duration: 1.2s;

  animation-fill-mode: both;

  opacity: 1;

}



.articlesSection {

  width: 80%;

  float: left;

  margin: 0 10%;

  position: relative;

  z-index: 2;

}



.articlesSection img {

  width: 100%;

}



.articlesSection h2 {

  font-size: 40px;

  color: #3f3f3f;

  text-transform: uppercase;

  margin-bottom: 15px;

  font-weight: 900;

}



.articlesSection h3 {

  font-size: 24px;

  color: #0d103a;

  font-weight: 700;

  margin-bottom: 15px;

}



.articlesSection .articlesLeft {

  width: 49%;

  float: left;

  margin-right: 1%;

}



.articlesSection .articalContent {

  width: 100%;

  float: left;

  margin-bottom: 30px;

}



.articlesSection .articleBox {

  width: 100%;

  float: left;

  border: 1px solid #f1f1f1;

  margin-bottom: 20px;

}



.articlesSection .articleBoxContent {

  width: 100%;

  float: left;

  padding: 30px;

}



.articlesSection .articlesRight {

  width: 49%;

  float: left;

  margin-left: 1%;

}



.articleBox2ImgSec {

  width: 50%;

  float: left;

}



.articlesSection .articleBox.articleBox2 .articleBoxContent {

  width: 48%;

  float: left;

  padding: 30px;

  margin-left: 2%;

}



.comfortContainer {

  width: 100%;

  float: left;

  position: relative;

}



.comfortContainer .comfortBg {

  width: 100%;

  float: left;

  position: relative;

}



.comfortContainer .comfortBg img {

  width: 100%;

}



.pillows {

  width: auto;

  position: absolute;

  left: 12%;

  bottom: 0;

}



.comfortContent {

  width: 40%;

  position: absolute;

  right: 8%;

  top: 100px;

  color: #fff;

}



.comfortContent h2 {

  font-size: 36px;

  text-transform: uppercase;

  margin-bottom: 15px;

}



.comfortContent p {

  font-size: 16px;

  display: block;

  margin-bottom: 15px;

}



a.tandc {

  color: #fff;

  margin-left: 5px;

}



.pilowIcon {

  width: 100%;

  float: left;

  position: relative;

}



.pilowIcon ul li {

  width: 33.33%;

  float: left;

  padding-right: 10%;

  font-size: 16px;

  color: #fff;

  text-transform: uppercase;

}



.pilowIcon ul li img {

  margin-bottom: 10px;

}



.socialPostSection {

  width: 100%;

  float: left;

  margin: 50px 0;

}



.continueBoxSpotlight .slick-slide {

  margin: 0 15px;

  padding: 10px 0

}



.socialPostSection .socialBox {

  width: 100%;

  float: left;

  border-radius: 10px;

  box-shadow: 0 0 5px #ccc;

  position: relative;

}



.socialPostSection .socialBox .socialContent {

  width: 100%;

  float: left;

  padding: 20px;

}



.socialPostSection .socialBox .socialContent p {

  display: block;

  font-size: 18px;

  margin: 10px 0 0;

  float: left;

  width: 100%;

}



.socialPostSection .socialBox .socialContent .boximg {

  width: 50px;

  float: left;

}



.socialPostSection .socialBox .socialContent .nameHashtag {

  width: 85%;

  float: left;

  color: #8f979e;

  font-size: 16px;

}



.socialPostSection .socialBox .socialContent .nameHashtag h2 {

  display: block;

  font-size: 18px;

  color: #1e4c98;

}



.socialPostSection .socialBox .socialContent .nameHashtag h2 small {

  color: #999;

}



.socialPostSection .socialBox .socialContent a {

  color: #47b2f4;

}



.socialPostSection .socialBox .socialImg {

  width: 100%;

  float: left;

}



.socialPostSection .socialBox.instaPost .socialImg img {

  width: 100%;

  border-radius: 10px 10px 0 0;

}



.socialPostSection .socialBox.fbPost .socialImg img {

  width: 100%;

  border-radius: 0 0 10px 10px;

}



.fbPost span {

  width: 28px;

  height: 28px;

  display: block;

  position: absolute;

  top: 20px;

  right: 20px;

  background: url(../img/fbPost_logo.png) center top no-repeat;

}



.twPost span {

  width: 28px;

  height: 28px;

  display: block;

  position: absolute;

  top: 20px;

  right: 20px;

  background: url(../img/fbPost_logo.png) center top no-repeat;

}



.instaPost span {

  width: 28px;

  height: 28px;

  display: block;

  position: absolute;

  top: 20px;

  right: 20px;

  background: url(../img/instagram.svg) center top no-repeat;

  background-size: cover;

}



footer {

  background: #10122e;

  float: left;

  width: 100%;

  color: #fff;

  border-top: 3px solid #a70070;

}



.inrfooter {

  width: 100%;

  float: left;

  padding: 50px 2% 30px;

}



footer p {

  display: block;

  width: 100%;

  float: left;

}



footer p a {

  color: #fff;

}





footer .box {

  width: 20%;

  float: left;

}



footer ul li {

  width: 100%;

  float: left;

  font-size: 16px;

  margin-bottom: 15px;

}



footer ul li a {

  color: #c4c4cb;

  font-family: 'Lato', sans-serif;

  text-transform: uppercase;

}



footer ul li a:hover {

  color: #fff;

}



footer h2 {

  font-size: 18px;

  color: #fff;

  position: relative;

  margin-bottom: 20px;

  font-family: 'Lato', sans-serif;

  text-transform: uppercase;

}

footer .box h2:nth-child(3) {

  margin-top: 40px;

}



.newLetterSec {

  width: 100%;

  float: left;

  margin-top: 40px;

}



footer .subscribebx {

  position: relative;

  float: left;

  width: 80%;

}



footer .subscribebx input {

  width: 100%;

  height: 45px;

  color: #fff;

  background: #07091c;

  border: 1px solid #545453;

  padding: 0px 40px 0px 10px;

  font-size: 14px;

  font-family: 'Lato', sans-serif;

}



footer .subscribebx input.subsubmit {

  border-left: 0px;

  cursor: pointer;

  position: absolute;

  right: 0;

  top: 0;

  width: 45px;

  font-size: 0px;

  height: 100%;

  background: url(../img/right-image.png) no-repeat center #fff;

  padding: 10px;

  transition-duration: .5s;

  -webkit-transition-duration: .5s;

}



footer .subscribebx input.subsubmit:hover {

  background: url(../img/right-image.png) no-repeat center #999;

  transition-duration: .5s;

  -webkit-transition-duration: .5s;

}



footer .boxSocial {

  width: 100%;

  float: left;

  margin: 40px 0 0;

}



footer .boxSocial ul li {

  width: auto;

  margin: 0 10px 0 0;

}



.copyRightSection {

  width: 100%;

  float: left;

  border-top: 3px solid #a70070;

  background: #191919;

  padding: 20px 2% 15px;

  font-size: 13px;

  color: #fff;

}



.copyRightSection a {

  color: #fff;

}



.copyRightSection span {

  float: right;

}



.phoneNo {

  width: 100%;

  float: left;

  margin: 40px 0 0;

}



.phoneNo h3 {

  font-size: 18px;

  color: #fff;

  position: relative;

  margin-bottom: 20px;

  font-family: 'Lato', sans-serif;

  text-transform: uppercase;

}



/**Global Button***/



/*h2{ font-size:40px; position:relative; margin-bottom:20px; font-weight:bold;}*/



.btn-7 {

  background: #a70070;

  color: #fff;

  text-decoration: none;

  text-transform: uppercase;

  border: 2px solid #a70070;

  margin: 15px 0;

  display: inline-block;

  padding: 10px 20px;

  font-size: 15px;

  transition-duration: 1s;

  -webkit-transition-duration: 1s;

  font-weight: 700;

}



/*.btn-7:before, .btn-7 span:before, .btn-7:after, .btn-7 span:after {box-sizing: border-box;transition: 0.5s ease-in-out;}

.btn-7:before, .btn-7 span:before, .btn-7:after, .btn-7 span:after {z-index:-1;}

.btn-7 {color: #a70070;position: relative;display: inline-block;overflow: hidden;margin: 1rem auto;text-transform: uppercase;}

.btn-7 span{transition: none}

.btn-7:before, .btn-7:after {content: '';position: absolute;top: 0;right: 0;bottom: 0; left: 0;background-color: #a70070;}

.btn-7:before {-webkit-transform: translateY(-100%);transform: translateY(-100%);}

.btn-7:after {-webkit-transform: translateY(100%); transform: translateY(100%);}

.btn-7:hover {color: #fff;}

.btn-7:hover:before {-webkit-transform: translateY(-49%);transform: translateY(-49%);}

.btn-7:hover:after { -webkit-transform: translateY(49%);}*/

.mobile_banner {

  display: none;

}



.bannerMain {

  display: block;

}



.technologyContainerMb {

  display: none;

}



/*04-05-2019*/

header {

  background-image: url(../img/header-bg.jpg);

  background-repeat: no-repeat;

  background-position: center top;

  background-size: cover;

}



.blog_tab {

  padding-top: 80px;

}



.container {

  width: 100%;

  padding: 0 10%;

}



.blog_tab h2 {

  text-align: center;

  font-size: 57px;

  line-height: 77px;

  color: #3f3f3f;

  text-transform: uppercase;

  padding-bottom: 50px;

}



.tab_container {

  display: inline-block;

  width: 100%;

}



.tabs-menu {

  float: left;

  clear: both;

  width: 100%;

  text-align: center;

  padding-bottom: 60px;

}



.tabs-menu > li {

  display: inline-block;

  padding-left: 10px;

}



.tabs-menu > li:first-child {

  padding-left: 0;

}



.tabs-menu > li > a {

  padding: 0 15px;

  text-transform: uppercase;

  color: #676767;

  border: 2px solid #f1f1f1;

  font-size: 14px;

  min-width: 140px;

  line-height: 46px;

  background-color: #fff;

  float: left;

  font-weight: 500;

}



.tabs-menu > li.current > a {

  color: #fff;

  background-color: #a70070;

  border-color: #a70070;

}



.tab {

  float: left;

  width: 100%;

}



.tab-content {

  display: none;

}



.blog_list.blog_list--left {

  float: left;

  width: 100%;

  background-color: #eef5fb;

}



.blog_list.blog_list--left li {

  float: left;

  width: 50%;

}



.blog_list.blog_list--left li:first-child > img {

  width: 100%;

}



.blog_list.blog_list--left li:last-child {

  padding: 60px 60px 20px;

}



.blog_list.blog_list--left li:last-child h6 {

  font-size: 14px;

  color: #a70070;

  font-style: italic;

  font-weight: 600;

  text-transform: uppercase;

  margin: 0;

  padding-bottom: 10px;

}



.blog_list.blog_list--left li:last-child h6 span {

  display: inline-block;

  text-decoration: underline;

}



.blog_list.blog_list--left li:last-child h3 {

  font-size: 34px;

  line-height: 45px;

  color: #3f3f3f;

  font-weight: 600;

  padding-bottom: 10px;

}



.blog_list.blog_list--left li:last-child p {

  font-size: 14px;

  line-height: 22px;

  color: #3f3f3f;

  padding-bottom: 15px;

}



.blog_list.blog_list--left li:last-child .btn {

  background-color: #a70070;

  color: #fff;

  text-decoration: none;

  text-transform: uppercase;

  border: 2px solid #a70070;

  display: inline-block;

  padding: 10px 20px;

  font-size: 15px;

  font-weight: 700;

}





.blog_list.blog_list--right {

  float: left;

  width: 100%;

  background-color: #eef5fb;

}



.blog_list.blog_list--right li {

  float: left;

  width: 50%;

}



.blog_list.blog_list--right li:last-child > img {

  width: 100%;

}



.blog_list.blog_list--right li:first-child {

  padding: 60px 60px 20px;

}



.blog_list.blog_list--right li:first-child h6 {

  font-size: 14px;

  color: #a70070;

  font-style: italic;

  font-weight: 600;

  text-transform: uppercase;

  margin: 0;

  padding-bottom: 10px;

}



.blog_list.blog_list--right li:first-child h6 span {

  display: inline-block;

  text-decoration: underline;

}



.blog_list.blog_list--right li:first-child h3 {

  font-size: 34px;

  line-height: 45px;

  color: #3f3f3f;

  font-weight: 600;

  padding-bottom: 10px;

}



.blog_list.blog_list--right li:first-child p {

  font-size: 14px;

  line-height: 22px;

  color: #3f3f3f;

  padding-bottom: 15px;

}



.blog_list.blog_list--right li:first-child .btn {

  background-color: #a70070;

  color: #fff;

  text-decoration: none;

  text-transform: uppercase;

  border: 2px solid #a70070;

  display: inline-block;

  padding: 10px 20px;

  font-size: 15px;

  font-weight: 700;

}







.blog_column {

  padding: 70px 0 40px;

  float: left;

  width: 100%;

}



.blog_list2 {

  margin: 0 -8px;

}



.blog_list2 li {

  float: left;

  width: 25%;

  padding: 0 8px 15px;

}



.blog_list2 li .inner {

  background-color: #f1f1f1;

}



.blog_list2 li .inner .img_block > img {

  width: 100%;

}



.blog_list2 li .inner .cont {

  padding: 20px;

}



.blog_list2 li .inner .cont h6 {

  font-size: 14px;

  color: #a70070;

  font-style: italic;

  font-weight: 600;

  text-transform: uppercase;

  margin: 0;

  padding-bottom: 10px;

}



.blog_list2 li .inner .cont h6 span {

  display: inline-block;

  text-decoration: underline;

}



.blog_list2 li .inner .cont h3 {

  font-size: 18px;

  line-height: 22px;

  color: #3f3f3f;

  font-weight: 600;

  padding-bottom: 10px;

  text-transform: uppercase;

}



.blog_list2 li .inner .cont p {

  font-size: 14px;

  line-height: 20px;

  color: #3f3f3f;

  padding-bottom: 15px;

}



.blog_list2 li .inner .cont .btn {

  color: #a70070;

  text-decoration: none;

  text-transform: uppercase;

  border: 2px solid #a70070;

  display: inline-block;

  padding: 10px 20px;

  font-size: 15px;

  font-weight: 600;

}



.blog_list2 li .inner .cont .btn:hover {

  background-color: #a70070;

  color: #fff;

}



.marginbottom20 {

  margin-bottom: 20px;

}



.tech_banner {

  padding-top: 0px;

  padding-bottom: 50px;

  display: inline-block;

  width: 100%;

}



.tech_banner > img {

  width: 100%;

}



.speciality_block {

  float: left;

  width: 100%;

  background-color: #fff;

  box-shadow: 0 0 10px rgba(0, 0, 0, .2);

  padding: 30px 20px;

  position: relative;

  z-index: 2;

  margin-top: -75px;

}



.speciality_block ul {

  margin: 0 -15px;

}



.speciality_block ul li {

  float: left;

  width: 33.33%;

  padding: 0 15px;

}



.speciality_block ul li .inner {

  position: relative;

  padding-left: 90px;

}



.speciality_block ul li .inner .icon {

  position: absolute;

  left: 0;

  top: 0;

}



.speciality_block ul li .inner .icon > img {

  width: 63px;

}



.speciality_block ul li h4 {

  color: #0c0f3a;

  font-size: 18px;

  padding-bottom: 10px;

  text-transform: uppercase;

}



.speciality_block ul li p {

  color: #676767;

  font-size: 16px;

  line-height: 22px;

  padding-bottom: 10px;

}



.abt_technology {

  padding-bottom: 70px;

  display: inline-block;

  width: 100%;

}



.at_outer {

  float: left;

  width: 100%;

}



.at_left {

  float: right;

  width: 50%;

  position: relative;

}



.at_left > video {

  width: 100%;

}



.at_left .play_btn {

  position: absolute;

  left: 50%;

  top: 50%;

  z-index: 2;

  width: 90px;

  margin: -45px 0 0 -45px;

}



.at_left .play_btn > img {

  width: 100%;

}



.at_right {

  float: left;

  width: 50%;

  padding: 30px 60px 0 40px;

}



.at_right h2 {

  font-size: 42px;

  line-height: 52px;

  color: #3f3f3f;

  padding-bottom: 15px;

  text-transform: uppercase;

}



.at_right h4 {

  color: #3f3f3f;

  font-size: 24px;

  line-height: 34px;

  padding-bottom: 15px;

}



.at_right p {

  color: #3f3f3f;

  font-size: 14px;

  line-height: 22px;

  padding-bottom: 15px;

}



.beds_block {

  float: left;

  width: 100%;

  background-color: #eef5fb;

  padding: 60px 0;

}



.beds_block h2 {

  font-size: 30px;

  color: #3f3f3f;

  padding-bottom: 20px;

  text-transform: uppercase;

  line-height: 50px;

}



.beds_block h2 a {

  float: right;

  line-height: 50px;

  min-width: 180px;

  background-color: #a70070;

  color: #fff;

  font-size: 16px;

  text-align: center;

}



.bed_list {

  margin: 0 -8px;

}



.bed_list li {

  float: left;

  width: 25%;

  padding: 0 8px 15px;

}



.bed_list li .inner {

  background-color: #fff;

}



.bed_list li .inner .img_block > img {

  width: 100%;

}



.bed_list li .inner .cont {

  padding: 20px;

}



.bed_list li .inner .cont h3 {

  font-size: 18px;

  line-height: 22px;

  color: #3f3f3f;

  font-weight: 600;

  padding-bottom: 10px;

  text-transform: uppercase;

}



.bed_list li .inner .cont p {

  font-size: 14px;

  line-height: 20px;

  color: #3f3f3f;

  padding-bottom: 15px;

}



.bed_list li .inner .cont .btn {

  color: #a70070;

  text-decoration: none;

  text-transform: uppercase;

  border: 2px solid #a70070;

  display: inline-block;

  padding: 10px 20px;

  font-size: 15px;

  font-weight: 600;

}



.bed_list li .inner .cont .btn:hover {

  background-color: #a70070;

  color: #fff;

}



.ps_block {

  margin-top: 50px;

}



.product_wrap {

  float: left;

  width: 100%;

  max-width: 1600px;

  padding: 110px 50px 0;

  position: relative;

}

/*

.product_wrap:before {

  content: '';

  position: absolute;

  left: 0;

  bottom: 0;

  width: 80%;

  height: 220px;

  background-color: #f1f1f1;

  z-index: 1;

}*/



.product_right {

  float: left;

  width: 30%;

  padding-left: 30px;

  position: relative;

  z-index: 2;

}



.product_right .inner {

  padding: 20px;

  border: 1px solid #f1f1f1;

  background-color: #fff;

}



.product_right .inner h3 {

  color: #a70070;

  font-size: 24px;

  padding-bottom: 20px;

}



.pr_list {

  display: inline-block;

  width: 100%;

}



.pr_list li {

  float: left;

  padding: 15px 0;

  border-bottom: 1px solid #f4f4f4;

  width: 100%;

}



.pr_list li a {

  float: left;

  color: #676767;

  font-size: 14px;

  text-transform: uppercase;

  line-height: 19px;

}



.product_left {

  float: left;

  width: 70%;

  position: relative;

  z-index: 2;

}



.product_des {

  float: left;

  width: 55%;

  padding: 0 0 0 30px;

}



.product_des h2 {

  font-size: 40px;

  color: #161936;

  text-transform: uppercase;

  padding-bottom: 15px;

}



.product_des h4 {

  font-size: 24px;

  color: #a70070;

  padding-bottom: 15px;

}



.list1 {

  display: inline-block;

  width: 100%;

  padding-bottom: 10px;

}



.list1 li {

  font-size: 14px;

  color: #181b37;

  padding-bottom: 7px;

  position: relative;

  padding-left: 20px;

}



.list1 li:before {

  content: url(../img/bullet.png);

  position: absolute;

  left: 0;

  top: 0;

}



.btn_list {

  display: inline-block;

  width: 100%;

}



.btn_list li {

  float: left;

  padding-left: 10px;

}



.btn_list li:first-child {

  padding-left: 0;

}



.btn_list li a {

  float: left;

  background-color: #a70070;

  color: #fff;

  text-decoration: none;

  text-transform: uppercase;

  border: 2px solid #a70070;

  padding: 10px 20px;

  font-size: 15px;

  font-weight: 700;

}



.en_form {

  padding-top: 60px;

}



.en_form ul {

  margin: 0 -5px;

}



.en_form ul li {

  padding: 0 5px 10px;

  width: 33.33%;

  float: left;

}



.en_form ul li .form-control {

  border: 1px solid #cecece;

  background-color: #fff;

  border-radius: 4px;

  height: 50px;

  padding: 0 10px;

  width: 100%;

}



.en_form ul li .btn {

  background-color: #a70070;

  color: #fff;

  text-decoration: none;

  text-transform: uppercase;

  border: 2px solid #a70070;

  padding: 0 20px;

  font-size: 15px;

  font-weight: 700;

  width: 100%;

  line-height: 50px;

  margin-top: 10px;

  cursor: pointer;

}



.product_block {

  float: left;

  width: 45%;

  background-color: #fff;

  border: 1px solid #f1f1f1;

}



.lslide > img {

  width: 100%;

}



.lSSlideOuter .lSGallery li {

  padding-left: 5px;

}



.lSSlideOuter .lSGallery li a {

  position: relative;

  float: left;

  width: 100%;

}



.lSSlideOuter .lSGallery li.active a:before {

  content: url(../img/thumb-btn.png);

  position: absolute;

  left: 50%;

  top: 50%;

  z-index: 2;

  margin: -24px 0 0 -24px;

}



.lSSlideOuter .lSGallery li.active a:after {

  background-color: rgba(0, 0, 0, .5);

  content: '';

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

}



.additional_block {

  padding-top: 50px;

  display: inline-block;

  width: 100%;

}



.additional_block .row {

  margin-left: -15px;

  margin-right: -15px;

}



.additional_block .col-4 {

  padding-left: 15px;

  padding-right: 15px;

  float: left;

  width: 33.33%;

}



.additional_block h3 {

  font-size: 22px;

  color: #a70070;

  padding-bottom: 20px;

  text-transform: uppercase;

}



.additional_block h4 {

  font-size: 18px;

  color: #0c0f3a;

  padding-bottom: 20px;

  text-transform: uppercase;

}



.aadtional_list {

  display: inline-block;

  width: 100%;

}



.aadtional_list li {

  float: left;

  width: 100%;

  border-bottom: 1px solid #f1f1f1;

  padding: 15px 0;

  font-size: 14px;

  color: #181b37;

}



.aadtional_list li span {

  float: right;

  font-style: italic;

  color: #676767;

  min-width: 220px;

}



.add_tech {

  position: relative;

  padding-left: 90px;

}



.add_tech .icon {

  position: absolute;

  left: 0;

  top: 0;

}



.add_tech .icon > img {

  width: 63px;

}



.add_tech h4 {

  color: #0c0f3a;

  font-size: 18px;

  padding-bottom: 10px;

  text-transform: uppercase;

}



.add_tech p {

  color: #676767;

  font-size: 16px;

  line-height: 22px;

  padding-bottom: 20px;

}



.add_tech .btn {

  color: #a70070;

  text-decoration: none;

  text-transform: uppercase;

  border: 2px solid #a70070;

  display: inline-block;

  padding: 10px 20px;

  font-size: 15px;

  font-weight: 600;

}



.add_tech .btn:hover {

  background-color: #a70070;

  color: #fff;

}



.retailer {

  padding-top: 60px;

}



.retailer h2 {

  text-align: center;

  font-size: 42px;

  color: #3f3f3f;

  padding-bottom: 40px;

  text-transform: uppercase;

}



.retailer_carousel {

}



.retailer_carousel .item {

  border-right: 1px solid #dcdcdc;

  padding: 30px 15px;

}



.retailer_carousel .owl-stage-outer {

  border-radius: 10px;

  background-color: #f1f1f1;

}



.retailer_carousel .owl-nav [class*="owl-"] {

  position: absolute;

  top: 50%;

  color: #a70070;

  height: 40px;

  text-align: center;

  opacity: 1;

  margin-top: -20px;

  transition: all 0.25s ease-in 0s;

  -webkit-transition: all 0.25s ease-in 0s;

}



/*.retailer_carousel .owl-nav [class*="owl-"]:hover{ color: #a70070;}*/

.retailer_carousel .owl-nav [class*="owl-"].disabled {

  color: #676767;

}



.retailer_carousel .owl-nav [class*="owl-"] .fa {

  line-height: 40px;

  font-size: 40px;

}



.retailer_carousel .owl-nav .owl-next {

  right: 10px;

}



.retailer_carousel .owl-nav .owl-prev {

  left: 10px;

}



.related_products {

  display: inline-block;

  width: 100%;

  padding: 60px 0 0 0;

}



.related_products .row {

  margin-left: -8px;

  margin-right: -8px;

}



.related_products .col-3 {

  padding: 0 8px 30px;

  float: left;

  width: 25%;

}



.related_products h2 {

  font-size: 30px;

  color: #3f3f3f;

  padding-bottom: 20px;

  text-transform: uppercase;

  line-height: 50px;

}



.related_products h2 a {

  float: right;

  line-height: 50px;

  min-width: 180px;

  background-color: #a70070;

  color: #fff;

  font-size: 16px;

  text-align: center;

}



.related_products .img_block > img {

  width: 100%;

}



.rp_item {

  text-align: center;

}



.rp_item h4 {

  padding-top: 10px;

}



.rp_item h4 a {

  color: #3f3f3f;

  font-weight: 400;

  text-transform: uppercase;

}



.rp_item h4 a:hover {

  color: #a70070;

}



.lSAction > .lSPrev {

  background-image: url(../img/arrow-left.png);

  width: 44px;

  height: 53px;

  background-repeat: no-repeat;

  background-position: 0 0;

  margin-top: -26px;

  left: 0;

  opacity: 1;

}



.lSAction > .lSNext {

  background-image: url(../img/arrow-right.png);

  width: 44px;

  height: 53px;

  background-repeat: no-repeat;

  background-position: 0 0;

  margin-top: -26px;

  right: 0;

  opacity: 1;

}



.articlesSection .articleBoxContent h5 {

  font-size: 14px;

  color: #a70070;

  font-style: italic;

  text-transform: uppercase;

}



.articlesSection .articleBoxContent h5 span {

  display: inline-block;

  text-decoration: underline;

}



.abs_top {

  padding-top: 100px;

}



.abs_top .smallHeadding {

  font-size: 24px;

  position: relative;

  padding-bottom: 10px;

}



.abs_top .container {

  padding: 0;

  max-width: 1100px;

  display: inline-block;

  position: relative;

  top: -50px;

}



.abs_top .mainImgSec h3 {

  font-size: 34px;

  color: #3f3f3f;

  text-transform: uppercase;

  padding-bottom: 20px;

  font-weight: 700;

}



.abs_top .mainImgSec p {

  color: #3f3f3f;

  padding-bottom: 20px;

  font-size: 14px;

  line-height: 28px;

}



.abs_top .technologySection {

  padding-top: 0;

}



.abs_top .mainImgSec {

  position: relative;

}



.abs_top .technologySection {

  min-height: 550px;

  height: auto;

}



.abs_top .bottomBelt {

  width: 100%;

}



.bed_selection {

  display: inline-block;

  width: 100%;

  padding-top: 30px;

}



.bed_selection .container {

  padding: 0 15px;

  max-width: 1130px;

  margin: 0 auto;

}



.bed_selection h2 {

  font-size: 34px;

  color: #3f3f3f;

  text-transform: uppercase;

  padding-bottom: 20px;

  font-weight: 700;

  text-align: center

}



.bed_selection h5 {

  font-size: 18px;

  line-height: 28px;

  color: #3f3f3f;

  padding-bottom: 40px;

  text-align: center;

  font-weight: 400;

}



.art_box {

  display: inline-block;

  width: 100%;

}



.art_box .box {

  padding-bottom: 20px;

  float: left;

  width: 100%;

}



.art_box h3 {

  position: relative;

  background-color: #f4f4f4;

  font-size: 18px;

  color: #a70071;

  text-transform: uppercase;

  font-weight: 700;

  padding: 15px 20px;

  cursor: pointer;

}



.art_box h3:before {

  content: "\f067";

  font-family: 'FontAwesome';

  font-size: 18px;

  position: absolute;

  top: 50%;

  right: 0;

  color: #a70071;

  width: 40px;

  text-align: center;

  line-height: 24px;

  margin-top: -12px;

}



.art_box h3.active:before {

  content: "\f068";

}



.art_box .box_body {

  display: none;

  border: 1px solid #f4f4f4;

  position: relative;

  padding: 40px;

  float: left;

  width: 100%;

}



.art_box .box_body:after {

  content: '';

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 50%;

  z-index: -1;

  background: #e3e3e3;

  background: -moz-linear-gradient(top, #e3e3e3 0%, #ffffff 100%);

  background: -webkit-linear-gradient(top, #e3e3e3 0%, #ffffff 100%);

  background: linear-gradient(to bottom, #e3e3e3 0%, #ffffff 100%);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3e3e3', endColorstr='#ffffff', GradientType=0);

}



.art_box .box_body .inner {

  float: left;

  width: 100%;

}



.bed_list1 {

  float: left;

  width: 100%;

  padding-bottom: 20px;

}



.bed_list1 li {

  float: left;

  width: 50%;

  text-align: center;

  padding: 0 15px;

}



.bed_list1 li .img_block {

  max-width: 370px;

  width: 100%;

  display: inline-block;

}



.bed_list1 li .img_block > img {

  width: 100%;

}



.bed_list1 li h4 {

  font-size: 18px;

  color: #3f3f3f;

  text-transform: uppercase;

  padding-top: 15px;

}



.art_box .box_body .inner p {

  text-align: center;

  font-size: 14px;

  color: #3f3f3f;

  display: inline-block;

  width: 100%;

  line-height: 24px;

}



.bed_circle_list {

  display: inline-block;

  width: 100%;

  padding-bottom: 30px;

}



.bed_circle_list li {

  float: left;

  width: 20%;

  text-align: center;

}



.bed_circle_list li .icon {

  display: inline-block;

  padding: 25px;

  background-color: #fff;

  border-radius: 100%;

  box-shadow: 0 0 20px rgba(0, 0, 0, .2);

  width: 156px;

}



.bed_circle_list li .icon > img {

  width: 100%;

  border-radius: 100%;

}



.bed_circle_list li h4 {

  font-size: 14px;

  color: #3f3f3f;

  text-transform: uppercase;

  padding-top: 15px;

  font-weight: 900;

}



.art_box .no_gray:after {

  display: none;

}



.art_box .box_body .inner p span {

  display: block;

  font-size: 18px;

  font-weight: 900;

}



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

  .pr_list li {

    padding: 13px 0;

  }



  .aadtional_list li span {

    min-width: 180px;

  }



  .blog_tab h2 {

    font-size: 40px;

    line-height: 54px;

  }



  .en_form {

    padding-top: 40px;

  }



}



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

  .en_form {

    padding-top: 50px;

  }



  .chooseSection .chooseTiles .chooseClass {

    min-height: 200px;

  }



}



@media screen and (min-width:1280px) and (max-width:1600px) {

  .logo {

    margin-left: 10px;

  }



  .logo {

    width: 15%;

  }



  nav {

    width: 66%;

  }



  nav {

    width: 74%;

    margin-left: 2%;

  }



  .navRightSection {

    width: 7%;

  }



  .navRightSection ul li.humberIcon {

    display: none;

  }



  .navRightSection ul li .search {

    padding: 25px 20px 0 0;

  }



  .navRightSection ul li .input {

    right: 20px;

    color: #000;

    background: #fff;

  }



  nav ul li {

    padding: 10px 12px;

  }



  .navRightSection ul li .input {

    width: 19%;

    transform: translateY(0);

  }



  .navRightSection ul li .input.active {

    transform: translateY(62px);

  }



  .socialBuzSection {

    padding: 0;

  }



  .bannerBed {

    width: 70%;

    bottom: -160px;

  }



  .bannerBed img {

    width: 90%;

  }



  .lampSec {

    left: 8%;

    bottom: 60px;

  }



  .sliperSec {

    right: 9%;

    bottom: 60px;

  }



  .bannerContent {

    top: 95px;

  }



  .circalSection {

    padding: 0 10%;

  }



  .cbp-so-section.cbpAnimate:after {

    width: 53.3%

  }



  .chooseSection {

    padding: 0 5%;

  }



  .featureBedSpotlight {

    padding: 30px 5% 0;

  }



  .featureBedSpotlight .slick-prev {

    left: 10px;

  }



  .featureBedSpotlight .slick-next {

    right: 10px;

  }



  .findSection .findleftSection .buyingSection {

    height: 400px;

    padding: 20px 10px;

  }



  .findSection .findRightSection .mapImgSection {

    height: 400px;

  }



  .findSection .findleftSection .buyingSection ul li {

    margin: 0 1% 0 0;

  }



  .findSection .findleftSection .buyingBigImg {

    margin: 0;

  }



  .findheadingSection a {

    position: relative;

    top: 0;

    left: 0;

  }



  .articlesSection .articleBox.articleBox2 .articleBoxContent {

    padding: 10px;

  }



  .articlesSection h3 {

    font-size: 20px;

  }



  .buyingBigImg img, .techHeading img {

    width: 90%;

  }



  .articlesSection {

    width: 94%;

    margin: 0 3%;

  }



  img.articlesText {

    width: 50%;

  }



  .pillows {

    bottom: 0;

  }



  .comfortContainer .comfortBg img {

    height: 350px;

  }



  .comfortContent {

    width: 50%;

    top: 30px;

  }



  .comfortContent h2 {

    font-size: 26px;

  }



  .comfortContent p {

    font-size: 14px;

  }



  .pilowIcon ul li {

    padding-right: 5%;

  }



  .pillows {

    text-align: center;

    left: 5%;

    bottom: 0;

    display: block;

  }



  .pillows img {

    width: 70%;

  }



  .anchorSec {

    text-align: left;

  }



  .anchorSec a.tandc {

    display: inline-block;

  }



  .container {

    padding: 0 3%;

  }



}



@media screen and (min-width:1024px) and (max-width:1279px) {

  body {

    overflow-x: hidden;

  }



  .bannerMain {

    display: none;

  }



  .mobile_banner {

    display: block;

  }



  .mobile_banner img {

    width: 100%;

  }



  .logo {

    width: 14%;

    margin-left: 15px;

  }



  .logo img {

    width: 100%;

  }



  nav {

    width: 74%;

    margin-left: 2%;

  }



  .navRightSection {

    width: 7%;

  }



  nav ul li a {

    font-size: 14px;

  }



  .navRightSection ul li.humberIcon {

    display: none;

  }



  .navRightSection ul li .search {

    padding: 25px 20px 0 0;

  }



  .navRightSection ul li .input {

    right: 20px;

    color: #000;

    background: #fff;

  }



  nav ul li {

    padding: 10px 5px;

  }



  .navRightSection ul li .input {

    width: 30%;

    transform: translateY(0);

  }



  .navRightSection ul li .input.active {

    transform: translateY(62px);

  }



  .bannerBed {

    width: 70%;

    bottom: -130px;

  }



  .bannerBed img {

    width: 90%;

  }



  .lampSec, .sliperSec {

    bottom: 30px;

  }



  bannerContent {

    top: 108px;

  }



  .findSection .findleftSection .buyingSection {

    height: 350px;

    padding: 20px 10px;

  }



  .findSection .findRightSection .mapImgSection {

    height: 350px;

  }



  .findSection .findleftSection .buyingSection ul li {

    margin: 0 1% 0 0;

  }



  .findSection .findleftSection .buyingBigImg {

    margin: 0;

  }



  .findheadingSection a {

    position: relative;

    top: 0;

  }



  .articlessContainer {

    margin: 30px 0;

  }



  .articlesSection {

    width: 94%;

    margin: 0 3%;

  }



  .articleBox2ImgSec {

    width: 100%;

  }



  .articlesSection .articleBox.articleBox2 .articleBoxContent {

    padding: 30px;

    width: 100%;

  }



  .articlesSection h3 {

    font-size: 20px;

  }



  .pillows {

    bottom: 0;

  }



  .comfortContainer .comfortBg img {

    height: 350px;

  }



  .comfortContent {

    width: 50%;

    top: 10px;

  }



  .comfortContent h2 {

    font-size: 26px;

  }



  .comfortContent p {

    font-size: 14px;

  }



  .pilowIcon ul li {

    padding-right: 5%;

  }



  .pillows {

    text-align: center;

    left: 0;

    bottom: 0;

    display: block;

  }



  .pillows img {

    width: 70%;

  }



  .anchorSec {

    text-align: left;

  }



  .anchorSec a.tandc {

    display: inline-block;

  }



  footer .boxSocial ul li {

    margin: 0 5px 0 0;

  }



  .newLetterSec {

    margin-top: 14px;

  }



  .circalSection, .chooseSection {

    padding: 0 5%;

  }



  .cbp-so-section.cbpAnimate:after {

    width: 60.2%;

  }



  .findSection {

    margin: 0;

  }



  .findheadingSection {

    font-size: 14px;

  }



  .findheadingSection {

    padding: 20px 10px 10px;

  }



  .findheadingSection h2 {

    font-size: 20px;

  }



  .findheadingSection a {

    position: relative;

    right: 0;

    left: 2%;

    top: 0;

  }



  .findSection .findleftSection .buyingSection {

    height: 330px;

    padding: 20px 10px;

  }



  .findSection .findRightSection .mapImgSection {

    height: 330px;

  }



  .findSection .findleftSection .buyingSection ul li {

    margin: 0 1% 0 0;

  }



  .findSection .findleftSection .buyingBigImg {

    margin: 0;

  }



  .findheadingSection a {

    position: relative;

    top: 0;

    left: 0;

  }



  .findSection .findleftSection .buyingBigImg img {

    width: 80%;

  }



  .cbp-so-section.cbpAnimate .mainImgSec img, .cbp-so-section.cbpAnimate .techHeading img {

    width: 90%;

  }



  .comfortContent p {

    margin-bottom: 0;

  }



  .chooseTilesSpotlight {

    padding-bottom: 20px;

  }



  .chooseTilesSpotlight .slick-dots li.slick-active button {

    background: #1e213f;

  }



  .chooseTilesSpotlight .slick-dots li button {

    background: #ccc;

    width: 10px;

    height: 10px;

  }



}



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

  body {

    overflow-x: hidden;

    font-size: 16px;

  }



  header {

    background: #0f112b;

    height: 60px;

  }



  .bannerMain {

    display: none;

  }



  .mobile_banner {

    display: block;

  }



  .mobile_banner img {

    width: 100%;

  }



  .logo {

    width: 20%;

    margin-left: 10px;

    padding: 10px 0 0;

  }



  .logo img {

    width: 100%;

  }



  .navRightSection {

    width: 50%;

  }



  nav.navMb {

    width: 100%;

    position: absolute;

    top: 60px;

    left: 0;

    z-index: 1;

    transition-duration: .6s;

    transform: translateY(-100%);

    opacity: 0;

    padding: 0;

    background: #0f112b;

  }



  nav.navMb.Newactive {

    transition-duration: 1s;

    transform: translateY(0);

    opacity: 1;

  }



  .navRightSection ul li .search {

    padding: 15px 13px 0 20px;

  }



  .storLocator span {

    display: none;

  }



  nav {

    padding: 0;

    margin: 0;

  }



  nav ul {

    float: left;

    width: 100%;

  }



  nav ul li {

    width: 100%;

    float: left;

    border-bottom: 1px solid #fff;

    padding: 5px 13px 0 0;

  }



  nav ul li a span {

    background: none;

  }



  nav ul li:last-child {

    border-bottom: 0;

  }



  nav ul li a {

    width: 100%;

    float: left;

    background: #0f112b;

    color: #fff;

    padding: 12px 20px;

    font-size: 13px;

  }



  .navRightSection ul li.humberIcon {

    width: 15%;

    text-align: center;

    height: 60px;

  }



  .three_line {

    margin-right: 0;

  }



  .three_line span {

    top: 30px;

  }



  .btn-7 {

    padding: 5px 16px;

  }



  .navRightSection ul li .input {

    width: 80%;

    top: 60px;

    right: 63px;

    z-index: 99;

    background: #fff;

    color: #000;

  }



  /****Start****/

  .featureBedSpotlight a.btn-7 {

    background: none;

    color: #a70070;

  }



  .circalSection {

    margin: 0 0 20px;

    padding: 0 1%;

  }



  .dotSec {

    top: -77px;

  }



  .circalSection ul li {

    width: 16%;

    margin: 0 8.6%;

    font-size: 13px;

    padding: 0 0 20px;

  }



  .circalSection ul li span, .circalSection ul li p {

    opacity: 1;

    transform: scale(1);

  }



  .circalSection ul li img {

    width: 100%;

    padding-bottom: 10px;

  }



  .dotSec:after {

    height: 40px;

  }



  .circalContent {

    opacity: 1;

    font-size: 16px;

    margin: 5px 0;

  }



  .chooseSection .chooseContentSec {

    opacity: 1;

    padding: 20px 3%;

  }



  .chooseSection .chooseContentSec h2 {

    font-size: 26px;

  }



  .chooseSection .chooseTiles {

    padding: 0;

    margin: 0;

  }



  .chooseSection .chooseTiles .chooseClass {

    width: 98%;

    opacity: 1;

    transform: none;

    margin: 20px 1% 10px;

  }



  .featureBedSection {

    padding: 30px 10px 0;

  }



  .featureBedSection h2 {

    font-size: 20px;

  }



  .featureBedSection h2 span {

    letter-spacing: 4px;

    font-size: 12px;

  }



  .featureBedSpotlight {

    padding: 30px 0 0;

  }



  .featureBedSection p {

    font-size: 16px;

  }



  .featureBedSpotlight .slick-next, .featureBedSpotlight .slick-prev {

    width: 20px;

    height: 40px;

    background-size: 100% 100%;

  }



  .featureIcon ul li p {

    font-size: 14px;

  }



  .featureBedSpotlight .slick-slide {

    height: auto;

  }



  .findSection {

    margin: 0;

  }



  .findheadingSection {

    font-size: 14px;

  }



  .findSection .findleftSection, .findSection .findRightSection {

    opacity: 1;

    transform: none;

    margin: 0;

    width: 100%;

  }



  .findheadingSection {

    padding: 20px 10px 10px;

    text-align: center;

  }



  .findheadingSection h2 {

    font-size: 20px;

  }



  .findheadingSection a {

    position: relative;

    right: 0;

    left: 2%;

    top: 0;

  }



  .btn-7 {

    padding: 10px 16px;

  }



  .findSection .findleftSection .buyingSection ul li, .findSection .findleftSection .buyingBigImg {

    opacity: 1;

    transform: none;

  }



  .findSection .findleftSection .buyingSection {

    height: auto;

    padding: 20px;

  }



  .findSection .findleftSection .buyingBigImg {

    margin: 20px 0 20px;

  }



  .findSection .findleftSection .buyingBigImg img {

    width: 100%;

  }



  .findSection .findRightSection .mapImgSection {

    height: auto;

  }



  .articlessContainer {

    margin: 20px 0;

  }



  .articlesText {

    opacity: 1;

  }



  img.articlesText {

    width: 100%;

  }



  .articlesSection .articlesLeft, .articlesSection .articlesRight, .articleBox2ImgSec {

    width: 100%;

    margin: 0;

  }



  .articlesSection .articleBox.articleBox2 .articleBoxContent {

    width: 100%;

    padding: 10px;

    margin: 0;

  }



  .articlesSection .articleBoxContent {

    padding: 10px;

  }



  .comfortContainer .comfortBg img {

    height: 400px;

  }



  .comfortContent {

    width: 100%;

    padding: 20px;

  }



  .comfortContent {

    top: 10px;

    right: 0;

  }



  .comfortContent p {

    margin-bottom: 0px;

    font-size: 13px;

  }



  .comfortContent h2 {

    margin-bottom: 5px;

    font-size: 18px;

  }



  .pilowIcon {

    margin-top: 20px;

  }



  .pilowIcon ul li {

    padding-right: 0;

  }



  .pillows {

    display: none;

  }



  .pillows img {

    width: 100%;

  }



  .anchorSec {

    width: 100%;

    float: left;

    text-align: center;

  }



  .anchorSec a.tandc {

    display: block;

  }



  .inrfooter {

    padding: 0px 5% 20px;

  }



  .newLetterSec, footer .boxSocial, .phoneNo {

    margin: 0;

  }



  footer .boxSocial h2 {

    padding-bottom: 12px;

  }



  footer .subscribebx {

    margin-bottom: 15px;

  }



  .copyRightSection {

    text-align: center;

    padding: 10px;

  }



  .copyRightSection span {

    float: none;

    display: block;

  }



  .chooseSection {

    margin-bottom: 30px;

    padding: 0 3%;

  }



  .socialPostSection {

    margin: 30px 0 15px;

  }



  .chooseSection .chooseTiles .chooseClass .tilesImg {

    width: 17%;

  }



  .technologyContainer {

    display: none;

  }



  .technologyContainerMb {

    display: block;

  }



  .technologyContainerMb img {

    width: 100%;

  }



  .chooseSection .chooseTiles .chooseClass .tilesContent {

    font-size: 15px;

  }



  .circalSection:after {

    width: 65.1%;

  }



  .circalSection ul li::before {

    height: 40px;

  }



  .circalSection ul li {

    padding-top: 30px;

  }



  .articlesSection h2 {

    font-size: 24px;

  }



  .articlesSection .articalContent br {

    display: none;

  }



  .chooseTilesSpotlight {

    padding-bottom: 20px;

  }



  .chooseTilesSpotlight .slick-dots li.slick-active button {

    background: #1e213f;

  }



  .chooseTilesSpotlight .slick-dots li button {

    background: #ccc;

    width: 10px;

    height: 10px;

  }



  /****End****/

  footer h2 {

    position: relative;

    font-size: 15px;

    border-top: 1px solid #fff;

    padding-top: 12px;

    margin-bottom: 10px;

  }



  .phoneNo h3 {

    position: relative;

    font-size: 18px;

    border-top: 1px solid #fff;

    padding-top: 12px;

    margin-bottom: 10px;

  }



  footer h2 i {

    display: none;

  }



  footer h2::after {

    font-size: 15px;

    position: absolute;

    top: 0;

    margin-top: 14px;

    right: 5%;

    content: "+";

  }



  footer h2.active::after {

    content: "-";

  }



  footer .box:first-child h2 {

    border-top: 0;

  }



  footer .boxSocial h2 {

    margin: 0;

  }



  footer .box {

    width: 100%;

  }



  footer .box ul {

    width: 100%;

    float: left;

    display: none;

  }



  footer ul li {

    font-size: 14px;

    margin-bottom: 5px;

  }



  footer .subscribebx {

    width: 100%;

    display: none;

  }



  footer .subscribebx input {

    height: 45px;

    padding: 0px 40px 0px 10px;

    font-size: 10px;

  }



  footer .subscribebx input.subsubmit {

    width: 45px;

  }



  footer .boxSocial ul li {

    width: auto;

    margin: 20px 10px 10px 0;

  }



  footer p {

    font-size: 14px;

  }



  footer {

    padding: 10px 0 0;

  }



}



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

  nav.navMb {

    width: 50%;

    left: inherit;

    right: 0;

  }



  .chooseSection .chooseTiles .chooseClass .tilesContent {

    padding-left: 0;

  }



  .findheadingSection a {

    position: absolute;

    left: inherit;

    right: 2%;

  }



  img.articlesText {

    width: 70%;

  }



  .articlesSection h2 {

    font-weight: 900;

  }



  footer h2 {

    font-size: 18px;

  }



  .comfortContainer .comfortBg img {

    height: 350px;

  }



  .comfortContent {

    width: 60%;

    top: 10px;

  }



  .pilowIcon ul li {

    padding-right: 5%;

  }



  .pillows {

    text-align: left;

    left: 0;

    bottom: 0;

    display: block;

  }



  .pillows img {

    width: 70%;

  }



  .anchorSec {

    text-align: left;

  }



  .anchorSec a.tandc {

    display: inline-block;

  }



}



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

  .at_right {

    padding: 0 30px 0 0;

  }



  .container {

    padding: 0 15px;

  }



  .product_wrap {

    padding: 100px 15px 0;

  }



  .product_left {

    width: 100%;

  }



  .product_right {

    padding-left: 0;

    width: 100%;

    padding-top: 20px;

  }



  .product_wrap::before {

    display: none;

  }



  .retailer h2 {

    font-size: 30px;

  }



  .blog_tab {

    padding-top: 140px;

    padding-bottom: 30px;

  }



  .tabs-menu {

    overflow: auto;

    display: inline-block;

    white-space: nowrap;

    padding-bottom: 5px;

    margin-bottom: 20px;

  }



  .tabs-menu > li > a {

    font-size: 12px;

    line-height: 40px;

    min-width: 110px;

  }



  .blog_list li:last-child {

    padding: 20px;

  }



  .blog_list li:last-child h3 {

    font-size: 22px;

    line-height: 28px;

  }



  .blog_list2 li .inner .cont h3 {

    font-size: 16px;

  }



  .blog_list2 li .inner .cont h3 br {

    display: none;

  }



  .blog_list2 li .inner .cont .btn {

    font-size: 13px;

  }



  .aadtional_list li span {

    min-width: 80px;

  }



  .bed_list li .inner .cont {

    min-height: 240px;

  }



}



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

  .speciality_block {

    margin-top: 20px;

  }



  .tech_banner {

    padding-bottom: 20px;

    padding-top: 60px;

  }



  .speciality_block ul li {

    width: 100%;

    padding-bottom: 15px;

  }



  .speciality_block ul li:last-child {

    padding-bottom: 0;

  }



  .at_left {

    float: left;

    width: 100%;

  }



  .at_right {

    padding: 29px 0 0;

    width: 100%;

  }



  .at_right h2 br {

    display: none;

  }



  .at_right h2 {

    font-size: 24px;

    line-height: normal;

  }



  .at_right h4 {

    font-size: 18px;

    line-height: normal;

  }



  .abt_technology {

    padding-bottom: 10px;

  }



  .beds_block {

    padding: 30px 0;

  }



  .beds_block h2 {

    font-size: 20px;

    text-align: center;

    line-height: normal;

  }



  .beds_block h2 span {

    display: block;

    padding-bottom: 10px;

  }



  .beds_block h2 a {

    float: none;

    display: inline-block;

    line-height: 36px;

    font-size: 14px;

  }



  .bed_list li {

    width: 50%;

  }



  .product_block {

    width: 100%;

  }



  .product_wrap {

    padding-top: 75px;

  }



  .product_des {

    width: 100%;

    padding: 20px 0 0;

  }



  .product_des h2 {

    font-size: 22px;

  }



  .product_des h4 {

    font-size: 16px;

  }



  .en_form {

    padding-top: 20px;

  }



  .product_right .inner h3 {

    font-size: 18px;

  }



  .pr_list li {

    font-size: 14px;

    padding: 10px 0;

  }



  .additional_block .col-4 {

    width: 100%;

    padding-bottom: 20px;

  }



  .additional_block h3 {

    font-size: 18px;

  }



  .additional_block h4 {

    font-size: 16px;

  }



  .additional_block {

    padding-top: 30px;

  }



  .aadtional_list li {

    padding: 10px 0;

  }



  .retailer {

    padding-top: 30px;

  }



  .retailer h2 {

    padding-bottom: 20px;

    font-size: 22px;

  }



  .rp_item h4 a {

    font-size: 14px;

  }



  .related_products h2 {

    font-size: 22px;

  }



  .blog_tab h2 {

    font-size: 30px;

    line-height: 40px;

  }



  .blog_tab {

    padding-top: 100px;

  }



  .blog_list2 li {

    width: 50%;

  }



  .blog_list li {

    width: 100%;

  }



  .blog_list li:last-child {

    width: 100%;

    padding: 15px;

  }



  .featureBedSpotlight .slick-prev, .featureBedSpotlight .slick-next {

    top: 60%;

  }



  .featureBedSpotlight .slick-prev {

    left: 10px;

  }



  .featureBedSpotlight .slick-next {

    right: 10px;

  }



  .aadtional_list li span {

    min-width: 220px;

  }



  .bed_list li .inner .cont {

    min-height: 195px;

  }



  .abs_top {

    display: block;

    padding: 0 15px;

    width: 100%;

    margin-bottom: 0;

  }



  .abs_top.cbpAnimate .mainImgSec, .abs_top.cbpAnimate .smallHeadding, .abs_top.cbpAnimate .techHeading {

    animation: none;

    transform: none;

    opacity: 1;

  }



  .abs_top.cbpAnimate .bottomBelt {

    display: none;

  }



  .abs_top.cbpAnimate .rightPlant, .abs_top.cbpAnimate .leftPlant {

    display: none;

  }



  .abs_top.cbpAnimate .techHeading > img {

    width: 100%;

  }



  .abs_top .container {

    top: 0;

  }



  .abs_top .techHeading {

    top: 100px;

  }



  .abs_top .mainImgSec h3 {

    font-size: 24px;

  }



  .abs_top .smallHeadding {

    font-size: 16px;

  }



  .bed_selection h2 {

    font-size: 24px;

  }



  .bed_selection h5 {

    font-size: 14px;

    line-height: 22px;

  }



  .art_box h3 {

    font-size: 16px;

  }



  .bed_list1 li h4 {

    font-size: 16px;

  }



  .bed_circle_list li {

    padding: 0 10px;

  }



  .bed_circle_list li .icon {

    width: 100%;

    padding: 15px;

  }



  .bed_circle_list li h4 {

    font-size: 12px;

  }



  .art_box .box_body {

    padding: 20px;

  }



}



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

  .btn_list li a {

    font-size: 13px;

    padding: 8px 15px;

  }



  .en_form ul li {

    width: 100%;

  }



  .en_form ul li .btn {

    line-height: 40px;

  }



  .related_products h2 {

    text-align: center;

    line-height: normal;

  }



  .related_products h2 span {

    display: block;

  }



  .related_products h2 a {

    float: none;

    display: inline-block;

    line-height: 36px;

    font-size: 14px;

    margin-top: 5px;

  }



  .related_products .col-3 {

    width: 50%;

  }



  .blog_tab h2 {

    font-size: 16px;

    line-height: 24px;

  }



  .tabs-menu > li {

    padding-left: 5px;

  }



  .blog_list li:last-child h3 {

    font-size: 18px;

    line-height: 24px;

  }



  .blog_column {

    padding: 30px 0 20px;

  }



  .featureBedSpotlight .slick-dots li button {

    width: 30px;

  }



  .featureBedSpotlight .slick-dots li.slick-active button {

    width: 30px;

  }



  .aadtional_list li span {

    min-width: 80px;

  }



  .abs_top.cbpAnimate .techHeading {

    position: static;

  }



  .abs_top {

    padding-top: 40px;

  }



  .abs_top .smallHeadding {

    top: auto;

    padding-top: 20px;

    letter-spacing: normal;

  }



  .abs_top .mainImgSec {

    top: auto;

  }



  .abs_top .mainImgSec h3 {

    font-size: 20px;

  }



  .abs_top .mainImgSec p {

    line-height: 20px;

    font-size: 13px;

  }



  .bed_selection h2 {

    font-size: 20px;

  }



  .art_box h3 {

    padding: 10px 30px 10px 10px;

    font-size: 15px;

  }



  .bed_list1 li h4 {

    font-size: 14px;

  }



  .art_box .box_body::after {

    display: none;

  }



}



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

  .speciality_block ul li p {

    font-size: 14px;

    line-height: 18px;

  }



  .bed_list li {

    width: 100%;

  }



  .bed_circle_list li {

    width: 33.33%;

    margin-bottom: 20px;

    min-height: 165px;

  }



}



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

  .blog_list2 li {

    width: 100%;

  }



  .bed_circle_list li {

    width: 50%;

  }



  .bed_list1 li {

    width: 100%;

    padding-bottom: 20px

  }



}



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

  .logo {

    width: 40%;

  }



  .circalSection ul li {

    width: 31.3%;

    margin: 0 1%;

    font-size: 11px;

    padding: 30px 0 20px;

  }



  .circalContent a {

    width: 80%;

    margin: 20px 4px 0;

    padding: 12px 0;

  }



  /*.circalContent a:last-child{ background:none; color:#a70070;}*/

  .chooseSection .chooseContentSec h2 {

    font-size: 19px;

  }



  .chooseSection .chooseTiles .chooseClass .tilesImg {

    width: 30%;

  }



  .featureBedSpotlight .slick-slide h3 {

    font-size: 16px;

  }



  .navRightSection ul li .search {

    padding: 15px 30px 0 20px;

  }



  .pillows {

    top: 30px;

  }



  .articlesSection {

    width: 90%;

    margin: 0 5%;

  }



  .featureBedSpotlight {

    padding-bottom: 25px;

  }



  .featureBedSpotlight .slick-dots {

    bottom: 25px;

    width: 100%;

  }



  .comfortContent p {

    font-size: 12px;

  }



}



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

  .blog_tab h2 {

    font-size: 14px;

  }



}



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

  .comfortContent {

    top: 0;

    right: 0;

  }



  .pillowSection .pillowLeft ul li .clrBox img {

    width: 10%;

  }



}



@keyframes leaf1 {

  0%, 100% {

    transform: translateY(0) rotate(-6deg);

  }



  50% {

    transform: translateY(-10px) rotate(8deg);

  }



}



@keyframes leaf2 {

  0%, 100% {

    transform: translateY(0) rotate(-12deg);

  }



  50% {

    transform: translateY(-20px) rotate(16deg);

  }



}



footer::-webkit-input-placeholder {



  /* Chrome/Opera/Safari */

  color: #fff;

}



footer::-moz-placeholder {



  /* Firefox 19+ */

  color: #fff;

}



footer:-ms-input-placeholder {



  /* IE 10+ */

  color: #fff;

}



footer:-moz-placeholder {



  /* Firefox 18- */

  color: #fff;

}