* {
  box-sizing: border-box;
}

p {
  font-size: 20px;
  color: #000;
  font-weight: 300;
}

h1,
h2 {
  color: #000;
  font-weight: 200;
}

a:hover {
  text-decoration: none;
}

/*a:focus {
    outline: none;
    outline-offset: 0;
    color: #fff;
    text-decoration: none;
}*/
body::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}

body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

body::-webkit-scrollbar-thumb {
  background-color: #ce1f22;
  outline: 1px solid #ce1f22;
}

html {
  scroll-behavior: smooth;
}

/*section.container {width: 100vw; height: 100vh; overflow: hidden; position: fixed;}
  .section {min-height:100vh; width:100vw; position: relative; overflow: hidden; z-index:0;}*/
.quickconnect-div {
  position: fixed;
  top: 30%;
  right: 0;
  z-index: 99;
  transform: rotate(0deg);
}
.itemno {
  float: left;
  width: 48%;
  margin-top: -43px;}

.btn-style-one:focus {
  color: #fff;
}

.bluecolor {
  color: #08315f
}

.orangecolor {
  color: #e67016
}

body {
  font-family: 'mr-eaves-modern', sans-serif;
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
  background-color: rgb(56 56 56 / 67%);
  -webkit-backdrop-filter: blur(5px);
  -o-backdrop-filter: blur(5px);
  -moz-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  z-index: 99999;
}

.modal-header {
  padding: 0px;
  border-bottom: 0px solid #e5e5e5;
}

.videoModal .close {
  float: right;
  font-size: 17px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: 1;
  position: absolute;
  top: 8px;
  right: 15px;
  z-index: 1;
}

.videoModal .modal-header {
  border-bottom-color: #ffffff;
  background-color: #ffffff;
  padding: 22px;
}

.btn {
  border-radius: 0px;
  padding: 10px 15px;
  font-size: 16px;
}

.theme-btn {
  cursor: pointer;
  font-size: 16px;
  color: #fff;
  display: inline-block;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  font-weight: 200;
}

.theme-btn:hover {
  color: #f00
}

.btn-style-two {
  position: relative;
  display: inline-block;
  line-height: 30px;
  color: #fff;
  font-weight: 200;
  overflow: hidden;
  border-radius: 0px;
  padding: 10px 30px;
  background-color: #ce1f22;
  border: 1px solid #ce1f22;
  font-size: 20px;
}

.btn-style-two:hover {
  color: #ce1f22;
  background-color: transparent;
  border: 1px solid #ce1f22;
}

.btn-style-three {
  position: relative;
  display: inline-block;
  line-height: 30px;
  color: #fff;
  font-weight: 100;
  overflow: hidden;
  border-radius: 0px;
  padding: 10px 30px;
  background-color: transparent;
  border: 1px solid #fff;
  font-size: 16px;
}

.btn-style-three i {
  padding-left: 10px;
}

.btn-style-three:hover {
  color: #7e2017;
  background-color: #fff;
}

.btn-style-one {
  position: relative;
  display: inline-block;
  line-height: 30px;
  color: #fff;
  font-weight: 400;
  overflow: hidden;
  border-radius: 0px;
  padding: 10px 30px;
  background-color: #ce1f22;
  font-size: 20px;
  border: 1px solid #ce1f22
}

.btn-style-one:hover {
  color: #ce1f22;
  background-color: transparent;
  border: 1px solid #ce1f22
}

.homebannercontent {
  position: absolute;
  top: 0%;
  left: 0%;
  right: 0;
  padding-top: 12%;
  padding-left: 10%;
  width: 60%;
  height: 100vh;
  background: #000000;
  background: -moz-linear-gradient(left, #000000 -75%, transparent 100%);
  background: -webkit-linear-gradient(left, #000000 -75%, transparent 100%);
  background: linear-gradient(to right, #000000 -75%, transparent 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#ffffff', GradientType=1);
}

.logo150 {
  position: absolute;
  top: 5%;
  left: 5%;
  width: 50px !important;
  height: auto !important;
}

.brandlogobanner {
  position: absolute;
  bottom: 5%;
  right: 5%;
  width: 150px !important;
}

.homebannercontent h3 {
  font-size: 54px;
  font-weight: 200;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 20px;
}

.searchdiv {
  width: 400px;
  margin-left: 0%;
  background-color: #f2f2f3;
  border-radius: 0px;
  height: 50px;
  padding: 20px 10px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-bottom: 25px;
}

img.seachicon {
  width: 20px;
}

.searchdiv span {
  font-size: 17px;
  padding-left: 0px;
  color: #000;
}

.searchdiv .form-control {
  width: 100%;
  padding-right: 0%;
  border: none;
  box-shadow: none;
  font-size: 17px;
  background-color: #f2f2f3;
  padding-left: 0px;
  color: #ce1f22
}

img.speakericon {
  width: 35px !important;
  cursor: pointer;
  height: 35px !important;
}

.carousel-indicators li {
  border-radius: 0px;
  background-color: #fff;
  border: none;
  width: 12px;
  height: 12px;
  margin: 0px;
  margin-right: 5px;
}

.carousel-indicators .active {
  background-color: #ce1f22;
  margin-right: 5px;
}

.carousel-indicators {
  left: 12.5%
}

.carousel-inner>.item>img {
  width: 100%;
}

.searchdiv input.form-control::placeholder {
  color: #ce1f22;
  opacity: 1;
}

.searchdiv input.form-control:-ms-input-placeholder {
  color: #ce1f22;
}

.searchdiv input.form-control::-ms-input-placeholder {
  color: #ce1f22;
}

.searchmaindiv p {
  font-size: 15px;
  color: #fff;
  margin-bottom: 10px;
}

.searchmaindiv a {
  font-size: 16px;
  color: #fff;
  border: 1px solid #fff;
  padding: 0px 20px;
  font-weight: 200;
  margin-right: 10px;
  float: left;
}

.searchmaindiv a:hover {
  background-color: #ce1f22;
  border: 1px solid #ce1f22;
}

.searchmaindiv a:focus {
  background-color: #ce1f22;
  border: 1px solid #ce1f22;
}

.header-main {
  width: 100%;
  float: left;
  padding-left: 20px 0px;
  background-color: #fff;
  position: relative;
}

.header-left {
  width: 100%;
  float: left;
}

.header-right {
  width: 460px;
  float: left;
  padding: 0px 30px;
  height: 68px;
  position: absolute;
  right: 0;
}

.header-right ul {
  margin: 0px;
  padding: 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header-right ul li {
  list-style-type: none;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 22px;
  padding-bottom: 23px;
}

.header-right ul li a {
  color: #000;
  font-size: 18px;
  font-weight: 300;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header-right ul li a:hover {
  color: #ce1f22
}

.header-right ul li a:focus {
  color: #ce1f22;
  text-decoration: none;
}

.header-right ul li a:focus img {
  filter: grayscale(0);
}

.header-right ul li a img {
  margin-right: 5px;
  filter: grayscale(1);
}

.header-right ul li a:hover img {
  filter: grayscale(0);
}

.navbar-brand img {
  width: 196px;
}

.navbar-default .navbar-nav>li>a {
  color: #000;
  font-size: 18px;
  font-weight: 300;
  text-transform: uppercase;
  padding-top: 22px;
  padding-bottom: 23px;
}

.navbar-nav {
  float: left;
  margin: 0;
  padding-top: 0px;
  padding-left: 30px;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
  color: #000;
  border-bottom: 3px solid #ce1f22;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
  color: #000;
  background-color: transparent;
  font-weight: 400;
}

.banner-main {
  width: 100%;
  float: left;
  position: relative;
}

.innerbanner-main {
  width: 100%;
  float: left;
  position: relative;
  /* height: 530px;
   overflow: hidden; */
}

.innerbanner-main .homebannercontent h3 {
  text-transform: inherit;
}

.innerbanner-main .homebannercontent {
  position: absolute;
  top: 0%;
  left: 0%;
  right: 0;
  padding-top: 20%;
  padding-left: 10%;
  height: 100vh;
  background: none;
}

.searchmaindiv {
  position: absolute;
  bottom: 26%;
  width: 65%;
  left: 10%;
}

.navbar {
  position: relative;
  min-height: 69px;
  margin-bottom: 20px;
  border: 0px solid transparent;
}

.navbar-brand {
  float: left;
  height: 68px;
  padding: 0px;
}

.navbar-default {
  background-color: transparent;
  border-color: transparent;
}

.navbar {
  border-radius: 0px;
  position: relative;
  min-height: 68px;
  margin-bottom: 0px;
  border: 0px solid transparent;
}

.dropdown-menu {
  background-color: #fff;
  border: 0px;
  box-shadow: none;
}

.navbar-nav>li>.dropdown-menu {
  margin-top: 0px;
  padding: 0px 0px;
  border-radius: 0px;
  min-width: 176px;
  padding-top: 10px;
}

.dropdown-menu>li>a {
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  padding: 15px 20px 15px 10px;
  border-bottom: 1px dashed #ccc;
  border-left: 3px solid #fff;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
  color: #ce1f22;
  text-decoration: none;
  background-color: #f8f8f8;
  border-left: 3px solid #ce1f22;
}

.dropdown-menu {
  padding: 0px 0px;
}

@media only screen and (min-width: 768px) {
  .dropdown:hover .dropdown-menu {
    display: block;
  }
}

.menu-large {
  position: static !important;
}

.megamenu {
  padding: 0px 0px 0px 0px !important;
  width: 100%;
  height: 400px;
  background-image: url(/static/web/images/visitour-bgnew.jpg);
  border-bottom: 2px solid #ce1f22;
}

/* .megamenu> li > ul {padding: 0; margin: 0; width: 80%;}
.megamenu> li > ul > li {list-style: none;}
.megamenu> li > ul > li > a {display: block; padding: 6px 0px; clear: both; font-weight: normal;
  line-height: 1.428571429; color: #333333; white-space: normal; font-family: 'Sharpmd', sans-serif;}
.megamenu> li ul > li > a:hover,
.megamenu> li ul > li > a:focus {text-decoration: none; color: #7e2017; background-color: transparent;
  font-family: 'Sharpsm', sans-serif;}
.megamenu.disabled > a, .megamenu.disabled > a:hover, .megamenu.disabled > a:focus {color: #999999;}
.megamenu .viewall-div{text-align: left; margin-top: 20px;}
.megamenu.disabled > a:hover, .megamenu.disabled > a:focus {text-decoration: none;background-color: transparent;
  background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: not-allowed;}
.megamenu.dropdown-header {color: #428bca; font-size: 18px;}
.megamenu> li > ul > li > a:hover{background-image: url(../images/rightsmall-icon.png); background-repeat: no-repeat;
    background-position: top right;}
.megamenu h3{font-size: 22px; color:#7e2017; font-family: 'Sharpsm', sans-serif; margin-top: 40px;
margin-bottom: 30px;}
.megamenu h4{color: #807766; font-size: 22px; font-family: 'Sharpsm', sans-serif; margin-top: 40px;}
.megamenu .form-control{ height: 40px; border-radius: 0px; border:1px solid #666; margin-bottom: 25px; 
background-color: transparent;} */
.fixed {
  background: #fff;
  box-shadow: 0 0 3px rgb(35 35 35 / 44%);
  position: fixed;
  z-index: 9999;
  width: 100%;
  height: auto;
  transition: all 0.5s;
}

.innovations-div .item {
  opacity: 0.4;
  transition: .4s ease all;
  transform: scale(.9);
}

.innovations-div a {
  color: #ce1f22;
  font-size: 22px;
  margin-left: 20%
}

.innovations-div a:hover {
  text-decoration: underline;
}

.innovations-div .item a {
  margin-left: 0%;
}

.innovations-div .owl-dots {
  display: none;
}


#shortby input[type=radio] {
  border: 1px solid #000;
  padding: 0.5em;    height:  6px;
  -webkit-appearance: none;
}
#shortby label {
  display: flex;
}
#shortby label input{margin-right: 10px;}

#shortby input[type=radio]:checked {
  background: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==) no-repeat center center;
  background-size: 0px 0px;
}

#shortby input[type=radio]:focus {
  outline-color: #fff;background-color: #005cc8
}


@media(max-width:1100px) {
  .itemno {
    float: left;
    width: 100%;
    margin-top: 15px;}
  .overlay input[type=text] {
    padding: 15px 65px 15px 15px !important;}
  
}

@media(max-width:1000px) {
  
  .innovations-div .item {
    margin: 0;
    transform: scale(.9)
  }
}

.innovations-div .active .item {
  opacity: 1;
  transform: scale(1);
  box-shadow: 1px 2px 30px 10px #ddd;
}

.innovations-div .owl-dot {
  display: none;
}

.innovations-div .owl-carousel .owl-stage-outer {
  padding: 30px 0px
}

.innovations-div .offers .owl-nav {
  position: absolute;
  bottom: 0%;
  width: 0%;
  right: 18%;
  margin: 0 auto;
}

.innovations-div .owl-item {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1.0, 1.0);
}

/*.inner{position:absolute; bottom:30px; left:0; right:0; text-align:center;}
.inner a{color:#fff; text-decoration:none; border-bottom:2px solid rgba(255,255,255,0.5); transition:.3s ease border-color}
.inner a:hover{border-color:#fff;}
.black .inner a{color:#000; border-color:rgba(0,0,0,0.4)}
.black .inner a:hover{border-color:#000;}*/
/*.owl-controls{position:absolute; margin-top:300px;}*/

.tilesbyspace-div {
  width: 100%;
  float: left;
  padding: 50px 0px;
}

/* .tilesbyspace-div h1 {
  font-size: 50px;
  margin-top: 0px;
  text-align: center;
  position: relative;
  padding-bottom: 50px;
} */
.mainpageheading {
  font-size: 50px;
  margin-top: 0px;
  text-align: center;
  position: relative;
  padding-bottom: 50px;
}

.mainpageheading::before {
  content: url('../images/underline.png');
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9;
  margin: 0 auto;
}

/* .tilesbyspace-div h1:before {
  content: url('../images/underline.png');
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9;
  margin: 0 auto;
} */

.tilesbyspace-div p {
  font-size: 20px;
  text-align: center;
  margin-bottom: 50px;
  color: #000;
  font-weight: 300;
}

.tilesbyspace-div p a {
  color: #ce1f22
}

.tilesbyspace-div p a:hover {
  text-decoration: underline;
}

.tilesbyspace-leftdiv {
  width: 54.1%;
  float: left;
}

.tilesbyspace-leftdivinner {
  width: 50%;
  float: left;
}

.tilesbyspace-leftdiv img {
  width: 100%;
  transform: scale(1.0);
  transition: transform 0.7s ease;
}

.tilesbyspace-imgdiv img {
  width: 100%;
  transform: scale(1.2);
  transition: transform 0.8s ease;
}

.tilesbyspace-imgdiv:hover img {
  transform: scale(1.0);
}

/*.tilesbyspace-imgdiv:hover .transparent-box {background-color:rgba(0, 0, 0, 0.5);}*/
.tilesbyspace-rightdiv {
  width: 45.9%;
  float: left;
}

.tilesbyspace-rightdivother {
  width: 100%;
  float: left;
}

.tilesbyspace-rightdivinner {
  width: 50%;
  float: left;
}

.tilesbyspace-rightdiv img {
  width: 100%
}

/*.tilesbyspace-rightdivtwo{width: 100%; float: left;}*/
.tilesbyspace-leftdivone {
  width: 50%;
  float: left;
}

.tilesbyspace-rightdivone {
  width: 50%;
  float: left;
}

/*.tilesbyspace-leftdiv img {width: 100%; height: auto; -webkit-transition: .8s ease; transition: .8s ease;}
.tilesbyspace-leftdiv:hover img {width: 105%;}*/
.tilesbyspace-imgdiv {
  width: 100%;
  float: left;
  position: relative;
  overflow: hidden;
}

.tilesbyspace-contentdiv {
  position: absolute;
  bottom: 0px;
  background-color: rgba(255, 255, 255, 0.8);
  width: 100%;
  text-align: center;
  padding: 20px 25px;
}

.tilesbyspace-contentdiv h3 {
  font-size: 30px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 300;
  font-style: normal;
  margin-bottom: 20px;
  margin-top: 0px;
  color: #000;
}

.tilesbyspace-contentdiv h3:before {
  content: url('../images/line-icon.png');
  position: relative;
  z-index: 9;
  left: -15px;
  top: -7px;
}

.tilesbyspace-contentdiv h3:after {
  content: url('../images/line-icon.png');
  position: relative;
  z-index: 9;
  right: -15px;
  top: -7px;
}

.tilesbyspace-imgdiv {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.tilesbyspace-imgdiv:hover>.tilesbyspace-contentdiv {
  bottom: -50px;
}

.tilesbyspace-contentdiv {
  position: absolute;
  bottom: -100px;
  width: 100%;
  -webkit-transition: bottom 0.8s ease;
  -moz-transition: bottom 0.8s ease;
  -o-transition: bottom 0.8s ease;
  -ms-transition: bottom 0.8s ease;
  transition: bottom 0.8s ease;
}

.tilesbyspace-contentdivother {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tilesbyspace-contentdivother:hover h3 {
  color: #fff;
}

a.hover01 {
  float: left;
  overflow: hidden;
}

.card-img-overlay {
  bottom: 0%;
  position: absolute;
  padding: 25px 40px;
}

.card-img-overlay h5 {
  font-size: 25px;
  font-weight: 400;
  color: #fff;
}

.boxbg-blog p {
  font-size: 13px !important;
  padding: 20px 0;
}

.tilesbyspace-contentdivother h3 {
  font-size: 40px;
  font-weight: 200;
  color: #ce1f22;
  text-transform: uppercase;
}

.img-fluid.card-img.hover01 {

  transition: transform 0.8s ease;
}

.img-fluid.card-img.hover01:hover {
  transform: scale(1.2);
}

.btn-danger {
  background-color: #ce1f22;
  border-color: #ce1f22;
  border-radius: 1px;
  line-height: 35px;
  font-size: 20px;
}

.card-text {
  color: white !important;
  text-align: left !important;
  float: left !important;
  width: 89% !important;
}

.tilesbyspace-imgdiv:hover .tilesbyspace-contentdivother {
  background-color: #ce1f22;
}

.bathwarecollection-div {
  width: 100%;
  float: left;
  padding: 0px 0px 50px 0px;
}

.bathwarecollection-div h1 {
  font-size: 50px;
  text-align: center;
  position: relative;
  padding-bottom: 50px;
  margin-top: 0px;
}

.new-collection h1 {
  font-size: 50px;
  text-align: center;
  position: relative;
  padding-bottom: 50px;
  margin-top: 0px;

}

.new-collection h1:before {
  content: url(/static/web/images/line-draw.png);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9;
  margin: 0 auto;
}

.bathwarecollection-div h1:before {
  content: url('../images/underline.png');
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9;
  margin: 0 auto;
}

.bathwarecollection-div p {
  font-size: 20px;
  text-align: center;
  margin-bottom: 50px;
  color: #000;
  font-weight: 300;
}

.new-collection p {
  font-size: 20px;
  text-align: center;
  margin-bottom: 50px;
  color: #000;
  font-weight: 300;
}

.bathwarecollection-div p a {
  color: #ce1f22
}

.bathwarecollection-div p a:hover {
  text-decoration: underline;
}

.bathwarecollection-leftdiv {
  width: 54.4%;
  float: left;
  height: 880px;
  max-height: 880px;
}

.bathwarecollection-leftdivinner {
  width: 50%;
  float: left;
}

.bathwarecollection-leftdiv img {
  width: 100%;
  transform: scale(1.0);
  transition: transform 0.8s ease;
}

.bathwarecollection-imgdiv img {
  width: 100%;
  transform: scale(1.0);
  transition: transform 0.8s ease;
  height: 900px;
  max-height: 900px;
}

.bathwarecollection-imgdiv:hover img {
  transform: scale(1.2);
}

/*.tilesbyspace-imgdiv:hover .transparent-box {background-color:rgba(0, 0, 0, 0.5);}*/
.bathwarecollection-rightdiv {
  width: 45.6%;
  float: left;
}

.bathwarecollection-rightdivinner {
  width: 50%;
  float: left;
}

.bathwarecollection-rightdiv img {
  width: 100%;
  height: 440px;
}

/*.tilesbyspace-leftdiv img {width: 100%; height: auto; -webkit-transition: .8s ease; transition: .8s ease;}
.tilesbyspace-leftdiv:hover img {width: 105%;}*/
.bathwarecollection-imgdiv {
  width: 100%;
  float: left;
  position: relative;
  overflow: hidden;
}

.bathwarecollection-contentdiv {
  position: absolute;
  bottom: 0px;
  background-color: rgba(255, 255, 255, 0.5);
  width: 100%;
  text-align: center;
  padding: 20px 20px;
}

.bathwarecollection-contentdiv h3 {
  font-size: 24px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 300;
  color: #000;
  font-style: normal;
  margin-bottom: 20px;
  margin-top: 0px;
}

.bathwarecollection-contentdiv h3:before {
  content: url('../images/line-icon.png');
  position: relative;
  z-index: 9;
  left: -15px;
  top: -7px;
}

.bathwarecollection-contentdiv h3:after {
  content: url('../images/line-icon.png');
  position: relative;
  z-index: 9;
  right: -15px;
  top: -7px;
}

.bathwarecollection-imgdiv {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.bathwarecollection-imgdiv:hover>.bathwarecollection-contentdiv {
  bottom: -50px;
}

.bathwarecollection-contentdiv {
  position: absolute;
  bottom: -100px;
  width: 100%;
  -webkit-transition: bottom 0.8s ease;
  -moz-transition: bottom 0.8s ease;
  -o-transition: bottom 0.8s ease;
  -ms-transition: bottom 0.8s ease;
  transition: bottom 0.8s ease;
}

.bathwarecollection-contentdiv p {
  font-size: 22px;
  text-align: center;
  margin-bottom: 40px;
}

.bathwarecollection-contentdiv p a {
  color: #ce1f22
}

.bathwarecollection-contentdiv p a:hover {
  text-decoration: underline;
}

.newlaunch-div {
  width: 100%;
  float: left;
  padding: 0px 0px 0px 0px;
}

.newlaunch-div .owl-nav {
  display: none;
}

.newlaunch-div h2 {
  font-size: 50px;
  text-align: center;
  position: relative;
  padding-bottom: 50px;
}

.newlaunch-div h2:before {
  content: url('../images/underline.png');
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9;
  margin: 0 auto;
}

.newlaunch-leftdiv {
  width: 50%;
  float: left;
  position: relative;
}

.newlaunch-leftcontentbox {
  width: 30%;
  position: absolute;
  right: 40px;
  top: 0px;
  background-color: rgba(206, 31, 34, 0.8);
  padding: 20px;
}

.newlaunch-leftcontentbox p {
  font-size: 20px;
  color: #fff;
  text-transform: uppercase;
}

.newlaunch-leftcontentbox h6 {
  font-size: 35px;
  color: #fff;
  font-weight: 200;
  margin-bottom: 30px;
  margin-top: 0px;
}

.newlaunch-leftcontentbox a {
  background-color: #fff;
  color: #ce1f22;
  padding: 10px 20px;
  font-size: 18px;
  font-weight: 500;
  border: 1px solid #ce1f22;
  float: left;
}

.newlaunch-leftcontentbox a:hover {
  border: 1px solid #fff;
  color: #fff;
  background-color: transparent;
}

.newlaunch-rightcontentbox {
  width: 40%;
  position: absolute;
  right: 15px;
  bottom: 15px;
  background-color: #ce1f22;
  padding: 30px;
}

.newlaunch-rightcontentbox p {
  font-size: 20px;
  color: #fff;
  text-transform: uppercase;
}

.newlaunch-rightcontentbox h6 {
  font-size: 40px;
  color: #fff;
  font-weight: 200;
  margin-bottom: 30px;
}

.newlaunch-rightcontentbox a {
  background-color: #fff;
  color: #ce1f22;
  padding: 10px 20px;
  font-size: 18px;
  font-weight: 500;
}

.newlaunch-rightcontentbox a:hover {
  border: 1px solid #fff;
  color: #fff;
  background-color: transparent;
}

.newlaunch-leftdiv .item img {
  width: 100%;
  transform: scale(1.2);
  transition: transform 0.8s ease;
}

.newlaunch-leftdiv .item:hover img {
  transform: scale(1.0);
}

.newlaunch-rightdiv {
  width: 50%;
  float: left;
  position: relative;
}

.newlaunch-rightdiv .item img {
  width: 100%;
  transform: scale(1.0);
  transition: transform 0.8s ease;
}

.newlaunch-rightdiv .item:hover img {
  transform: scale(1.1);
}

#newlaunch-leftslider {
  width: 100%;
  overflow: hidden;
}

#newlaunch-leftslider .owl-item img {
  transform: scale(1.0);
  transition: transform 0.8s ease;
  width: 100%;
}

#newlaunch-leftslider .owl-item img:hover {
  transform: scale(1.2);
}

#newlaunch-rightslider {
  width: 100%;
  overflow: hidden;
}

#newlaunch-rightslider .owl-item img {
  transform: scale(1.0);
  transition: transform 0.8s ease;
  width: 100%;
}

#newlaunch-rightslider .owl-item img:hover {
  transform: scale(1.2);
}

.owl-stage-outer {
  overflow: hidden
}

.offers {
  position: relative
}

.offers .owl-item {
  float: left
}

.offers .owl-nav {
  position: absolute;
  bottom: 50%;
  width: 100%;
}

.offers .owl-next {
  position: absolute;
  right: 0px;
  width: 35px;
  height: 35px;
  line-height: 20px;
  text-align: center;
  padding: 8px 14px;
  color: #767676;
  background-color: transparent;
  cursor: pointer;
  border-radius: 50%;
  font-size: 20px;
  vertical-align: middle;
}

.offers .owl-prev {
  position: absolute;
  left: 0px;
  width: 35px;
  height: 35px;
  line-height: 20px;
  cursor: pointer;
  text-align: center;
  background-color: transparent;
  padding: 8px 10px;
  color: #767676;
  border-radius: 50%;
  font-size: 20px;
  vertical-align: middle;
}

.offers .owl-prev .fal {
  font-weight: 600;
  font-size: 26px;
}

.offers .owl-next .fal {
  font-weight: 600;
  font-size: 26px;
}

.owl-dots {
  text-align: left;
  margin-top: -50px;
  position: absolute;
  z-index: 1;
  padding-right: 15px;
  margin-left: 30px;
}

.owl-dots .owl-dot {
  display: inline-block;
  cursor: pointer;
}

.owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 4px;
  background: #a5a4a0;
  display: inline-block;
}

.owl-dots .owl-dot.active span {
  background: #fff;
  opacity: 1;
  width: 10px;
  height: 10px;
  box-shadow: none !important;
}

.innovations-div {
  width: 100%;
  float: left;
  padding: 50px 0px 50px 0px;
}

.innovations-div h2 {
  font-size: 50px;
  margin-bottom: 20px;
  line-height: 45px;
  margin-top: 0px;
  text-align: center;
  position: relative;
  padding-bottom: 50px;
}

.innovations-div h2:before {
  content: url('../images/underline.png');
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9;
  margin: 0 auto;
}

.innovations-div p {
  font-size: 20px;
  text-align: center;
  margin-bottom: 30px;
  color: #000;
  font-weight: 300;
}

.video-div {
  width: 100%;
  float: left;
  padding: 0px 0px;
}

.video-div img {
  width: 100%
}

.visitourexprience-div {
  width: 100%;
  float: left;
  padding: 70px 0px;
  background-image: url(../images/visitour-bg.jpg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.visitourexprience-div h2 {
  font-size: 50px;
  margin-bottom: 20px;
  line-height: 45px;
  padding-top: 40px;
}

.visitourexprience-div p {
  font-size: 22px;
  color: #000;
  font-weight: 300;
  padding-right: 70px;
  margin-bottom: 20px;
}

/*.visitourexprience-div a{padding: 30px 30px;  background-color: #f7f7f7; float: left; width: 80%; 
  font-size: 18px; display: flex; align-items: center; justify-content: space-between; color: #000}*/
.visitourexprience-div a img {
  text-align: right;
  float: right;
}

#visitourexprience-slider img {
  width: 100%;
  transform: scale(1.0);
  transition: transform 0.8s ease;
}

#visitourexprience-slider:hover img {
  transform: scale(1.1);
}

.enteryourloction-div {
  width: 100%;
  position: relative;
  float: left;
  display: inherit;
  align-items: center;
  justify-content: space-between;
}

.select2-container {
  width: 80% !important;
  margin-bottom: 20px !important;
}

.enteryourloction-div .form-control {
  height: 55px;
  border-radius: 0px;
  background-color: #f7f7f7;
  border: 0px solid #ccc;
  font-size: 18px;
  color: #000;
  box-shadow: none;
  font-weight: 300;
  padding-left: 20px;
  width: 35%;
}

.enteryourloction-div img {
  position: absolute;
  top: 40%;
  right: 20px;
}

.enteryourloction-div p {
  position: absolute;
  bottom: 0px;
}

input.form-control::placeholder {
  color: #7c7c7c;
  opacity: 1;
}

input.form-control:-ms-input-placeholder {
  color: #7c7c7c;
}

input.form-control::-ms-input-placeholder {
  color: #7c7c7c;
}

.visitourexprience-div .owl-nav {
  display: none;
}

.ourbrand-div {
  width: 100%;
  float: left;
  padding: 50px 0px 100px 0px;
  background-color: #111111;
}

.ourbrand-div h2 {
  font-size: 50px;
  color: #fff
}

.ourbrand-div p {
  font-size: 24px;
  color: #fff;
  margin-bottom: 40px;
}

.ourbrand-div .owl-dots {
  margin-top: 20px;
  left: 0;
  right: 0;
  text-align: center;
  display: block;
}

.ourbrand-div img {
  width: 100%;
}

#ourbrand-slider .item {
  position: relative;
}

#ourbrand-slider .item img {
  transform: scale(1);
  transition: transform 0.8s ease;
  position: relative;
}

#ourbrand-slider .item:hover img {
  transform: scale(1.05);
}

#ourbrand-slider .owl-nav {
  display: none;
}

.latestblogs-div {
  width: 100%;
  float: left;
  padding: 50px 0px 70px 0px;
  background-image: url(../images/visitour-bgnew.jpg);
}

.latestblogs-div h2 {
  font-size: 50px;
  margin-bottom: 40px;
  line-height: 45px;
  padding-top: 0px;
  text-align: center;
  margin-top: 0px;
}

.latestdiv {
  width: 100%;
  float: left;
  margin-bottom: 40px;
}

.latestdiv img {
  width: 100%;
  transform: scale(1.0);
  transition: transform 0.8s ease;
}

.latestdiv img:hover {
  transform: scale(1.05);
}

.latestdiv h3 {
  font-size: 23px;
  margin-bottom: 20px;
  color: #ce1f22;
  max-height: 50px;
  overflow: hidden;
  height: 50px;
}

.latestdiv h3 a {
  color: #000;
}

.latestdiv h3 a:hover {
  color: #ce1f22;
  text-decoration: underline;
}

.latestdiv p {
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 20px;
  color: #000;
  min-height: 70px;
}

.latestdiv h6 {
  font-size: 24px;
  line-height: 24px;
  color: #000;
  font-weight: 300;
}

.latestdiv h6 a {
  color: #ce1f22;
}

.latestdiv h6 a:hover {
  color: #ce1f22;
  text-decoration: underline;
}

.latestblogs-div .offers .owl-nav {
  position: absolute;
  bottom: 0%;
  width: 100%;
  left: 3%;
}



.latestblogs-div .owl-dots {
  display: none;
}

.latestblogs-div .offers .owl-next {
  left: 30px;
}

.latestupdate-div {
  width: 100%;
  float: left;
  padding: 50px 0px 70px 0px;
}

.latestupdate-div h2 {
  font-size: 50px;
  margin-bottom: 40px;
  line-height: 45px;
  padding-top: 0px;
  text-align: center;
  margin-top: 0px;
}

.latestupdatediv {
  width: 100%;
  float: left;
  margin-bottom: 40px;
}

.latestupdatediv img {
  width: 100%;
  transform: scale(1.0);
  transition: transform 0.8s ease;
  max-height: 250px;
  overflow: hidden;
  height: 250px;
}

.latestupdatediv img:hover {
  transform: scale(1.05);
}

.latestupdatediv h5 {
  font-size: 14px;
  margin-bottom: 10px;
  color: #000;
}

.latestupdatediv h3 {
  font-size: 20px;
  margin-bottom: 10px;
  color: #000;
}

.latestupdatediv a:hover h3 {
  color: #ce1f22;
  text-decoration: underline;
}

.latestupdatediv p {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 20px;
  color: #000;
  min-height: 140px;
}

.latestupdatediv p b {
  margin-top: 10px;
  display: block;
  font-size: 18px;
}

.latestupdatediv a:hover p {
  color: #ce1f22;
  text-decoration: underline;
}

.latestupdatediv h6 {
  font-size: 24px;
  line-height: 24px;
  color: #ce1f22;
  font-weight: 300;
}

.latestupdatediv a:hover h6 {
  text-decoration: underline;
}

.latestupdate-div .offers .owl-nav {
  position: absolute;
  bottom: 0%;
  width: 100%;
  left: 3%;
}

.latestupdate-div .owl-dots {
  display: none;
}

.latestupdate-div .offers .owl-next {
  left: 30px;
}

.ourrecognitions-main {
  width: 100%;
  float: left;
  padding: 50px 0px;
  background-image: url(../images/ourreg-bg.jpg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.ourrecognitions-main h2 {
  font-size: 50px;
  margin-bottom: 40px;
  line-height: 45px;
  padding-top: 0px;
  text-align: center;
}

.ourrecognitions-main .owl-dots {
  display: none;
}

.ourrecognitions-main .offers .item {
  text-align: center;
}

.ourrecognitions-main .offers .item img {
  width: 70%;
}

#ourrecognitions-slider .owl-nav {
  bottom: 65%;
}

/* .ourrecognitions-main .offers .item img{filter: grayscale(1); transition:all 0.3s ease;}
.ourrecognitions-main .offers .item img:hover{filter: grayscale(0);} */

.footer-main {
  width: 100%;
  float: left;
  padding: 50px 35px 20px 35px;
  background-color: #111111;
}

.footer-main h3 {
  font-size: 20px;
  color: #8a8a8a;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.footer-main ul {
  margin: 0px;
  padding: 0px;
  margin-bottom: 30px;
}

.footer-main ul li {
  list-style-type: none;
  font-weight: 200;
  font-size: 18px;
  margin-bottom: 5px;
}

.footer-main ul li a {
  font-size: 18px;
  color: #8a8a8a;
}

.footer-main ul li a:hover {
  color: #ce1f22
}

.footer-main ul li a:hover i {
  color: #ce1f22
}

.footer-main h5 {
  font-size: 26px;
  color: #8a8a8a;
  font-weight: 800;
}

.footer-main h5 img {
  margin-right: 10px;
}

.footer-main h5 a {
  color: #8a8a8a;
}

.footer-main h5 a:hover {
  color: #ce1f22;
}

.footer-main h6 {
  font-size: 16px;
  color: #8a8a8a;
  margin-bottom: 0px;
  padding-left: 50px;
}

.footer-main h6 a {
  color: #8a8a8a;
  text-decoration: underline;
}

.footer-main h6 a:hover {
  color: #ce1f22;
}

.footer-main h4 {
  font-size: 16px;
  color: #8a8a8a;
  margin-bottom: 0px;
}

.footer-main h4 img {
  margin-right: 10px;
}

.footer-main h4 a {
  color: #8a8a8a;
  text-decoration: underline;
}

.footer-main h4 a:hover {
  color: #ce1f22;
}

.footer-main small {
  font-size: 20px;
  color: #8a8a8a;
  margin-bottom: 20px;
  float: left;
  line-height: 25px;
}

.footer-main p {
  font-size: 16px;
  color: #8a8a8a;
}

.footer-main p a {
  color: #8a8a8a;
  padding-left: 5px
}

.footer-main p a:hover {
  color: #ce1f22
}

.footer-main .form-control {
  height: 50px;
  margin-bottom: 35px;
  border-radius: 0px;
  padding-left: 10px;
  width: 100%;
}

.footer-main .enteryourloction-div img {
  top: 22%;
  right: 10px;
  cursor: pointer;
}

.footer-last ul {
  display: flex;
  align-items: center;
}

.footer-last ul li {
  width: 20%
}

.footer-last ul li a i {
  color: #b9b6b6;
}


.ytvideo {
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 650px;
  margin-top: 0px;
  /* background-image: url(/static/web/images/video-bg.jpg); */
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  cursor: pointer;
}

#ytvideoclick iframe {
  float: left;
  margin-top: 0px;
  width: 100%;
  height: 650px;
}

.dropdown-menu>li.kopie>a {
  padding-left: 5px;
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu>.dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px 6px;
  border-radius: 0 6px 6px 6px;
}

.dropdown-submenu>a:after {
  border-color: transparent transparent transparent #333;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  content: " ";
  display: block;
  float: right;
  height: 0;
  margin-right: -10px;
  margin-top: 5px;
  width: 0;
}

.dropdown-submenu:hover>a:after {
  border-left-color: #555;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>.active>a:hover {
  text-decoration: none;
}
#ezyfaturesslider p {
  line-height: 24px;
  font-size: 18px;
}
@media (max-width: 767px) {
  .setbottombtnfixed .col-xs-12{padding: 0 !important;}
  .setbottombtnfixed  .filerenddiv {
    width: 100%;
    box-shadow: 0px -2px 6px 1px #ccc;
    position: fixed;
    bottom: 0;
    background-color: #fff;
}

  .itemno {
    float: left;
    width: 100%;
    margin-top: 0px;}
  #videoModalfun .modal-dialog {
    width: 100%;}
  .overlay input[type=text] {
    padding: 15px 55px 15px 15px !important;}
  .navbar-nav {
    display: inline;
  }
  
  .navbar-default .navbar-brand {
    display: inline;
  }

  .navbar-default .navbar-toggle .icon-bar {
    background-color: #ce2022;
  }

  .navbar-default .navbar-nav .dropdown-menu>li>a {
    color: red;
    background-color: #ccc;
    border-radius: 4px;
    margin-top: 2px;
  }

  .navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #333;
  }

  .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
    background-color: #ccc;
  }

  .navbar-nav .open .dropdown-menu {
    border-bottom: 1px solid white;
    border-radius: 0;
  }

  .dropdown-menu {
    padding-left: 10px;
  }

  .dropdown-menu .dropdown-menu {
    padding-left: 20px;
  }

  .dropdown-menu .dropdown-menu .dropdown-menu {
    padding-left: 30px;
  }

  li.dropdown.open {
    border: 0px solid red;
  }
}

@media (min-width: 768px) {
  ul.nav li:hover>ul.dropdown-menu {
    display: block;
  }

  #navbar {
    text-align: center;
  }
}

.breadcrumb-main {
  width: 100%;
  float: left;
}

.breadcrumb {
  background-color: #f9f9f9;
  text-transform: uppercase;
}

.breadcrumb>li a {
  color: #8b8b8b;
  font-size: 15px;
}

.breadcrumb>.active {
  color: #ce1f22
}

.career-main {
  width: 100%;
  float: left;
  padding: 50px 0px;
}

.career-main h1 {
  font-size: 50px;
  text-align: center;
  position: relative;
  padding-bottom: 50px;
}

.career-main h1:before {
  content: url('../images/underline.png');
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9;
  margin: 0 auto;
}

/* .career-main .panel-heading {padding: 20px 15px 15px 20px;} */
.career-main .panel-title {
  font-size: 30px;
  color: #373737;
  font-weight: 200;
}

.career-main .panel-body {
  padding: 15px 50px 15px 30px;
  padding-bottom: 0px;
}

.career-main .panel-group .panel {
  margin-bottom: 5px;
}

.career-main .panel-body h4 {
  font-weight: 400;
}

.career-main .panel-group .panel {
  background-color: transparent;
}

.career-main .panel-default>.panel-heading {
  background-color: transparent;
  border-bottom: 1px solid #373737;
}

#applynowmodal .modal-body {
  padding: 20px 50px 50px 50px
}

#applynowmodal .form-control {
  border: none;
  border-bottom: 1px solid #666;
  height: 50px;
  margin-bottom: 30px;
  box-shadow: none;
  border-radius: 0px;
  font-size: 23px;
  letter-spacing: 1px;
  font-weight: 300;
}

#applynowmodal span {
  position: absolute;
  bottom: 5px;
}
.sub-menu a.main img {
  width: 45px;
} 
#applynowmodalheader .modal-body {
  padding: 20px 50px 50px 50px
}
#applynowmodalheader .form-control {
  border: none;
  border-bottom: 1px solid #666;
  height: 50px;
  margin-bottom: 30px;
  box-shadow: none;
  border-radius: 0px;
  font-size: 23px;
  letter-spacing: 1px;
  font-weight: 300;
}

#applynowmodalheader span {
  position: absolute;
  bottom: 5px;
}

button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 9999;
}

.close {
  opacity: 10;
}

#applynowmodal .modal-body h3 {
  font-size: 40px;
  font-weight: 200;
  text-align: center;
}

#applynowmodal .modal-body p {
  font-size: 18px;
  text-align: center;
}

#applynowmodal input.form-control::placeholder {
  color: #7c7c7c;
  opacity: 1;
}

#applynowmodal input.form-control:-ms-input-placeholder {
  color: #7c7c7c;
}

#applynowmodal input.form-control::-ms-input-placeholder {
  color: #7c7c7c;
}

#applynowmodal select.form-control::placeholder {
  color: #7c7c7c;
  opacity: 1;
}

#applynowmodal select.form-control:-ms-input-placeholder {
  color: #7c7c7c;
}

#applynowmodal select.form-control::-ms-input-placeholder {
  color: #7c7c7c;
}

#applynowmodal .modal-dialog {
  width: 800px;
  margin: 30px auto;
}

#applynowmodal .modal-content {
  border-radius: 0px;
}

#applynowmodal input[type=file] {
  display: block !important;
  right: 1px;
  top: 1px;
  height: 50px;
  opacity: 0;
  width: 100%;
  background: none;
  position: absolute;
  overflow: hidden;
  z-index: 2;
}

#applynowmodal .control-fileupload {
  display: block;
  border-bottom: 1px solid #666;
  background: transparent;
  border-radius: 0px;
  width: 100%;
  height: 50px;
  line-height: 36px;
  padding: 0px 10px 2px 10px;
  overflow: hidden;
  position: relative;
  margin-bottom: 40px;
}

#applynowmodal label {
  line-height: 24px;
  color: #7c7c7c;
  letter-spacing: 1px;
  font-size: 23px;
  font-weight: 300;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
  z-index: 1;
  margin-right: 90px;
  margin-bottom: -10px;
  cursor: text;
}





#applynowmodalheader .modal-body h3 {
  font-size: 40px;
  font-weight: 200;
  text-align: center;
}

#applynowmodalheader .modal-body p {
  font-size: 18px;
  text-align: center;
}

#applynowmodalheader input.form-control::placeholder {
  color: #7c7c7c;
  opacity: 1;
}

#applynowmodalheader input.form-control:-ms-input-placeholder {
  color: #7c7c7c;
}

#applynowmodalheader input.form-control::-ms-input-placeholder {
  color: #7c7c7c;
}

#applynowmodalheader select.form-control::placeholder {
  color: #7c7c7c;
  opacity: 1;
}

#applynowmodalheader select.form-control:-ms-input-placeholder {
  color: #7c7c7c;
}

#applynowmodalheader select.form-control::-ms-input-placeholder {
  color: #7c7c7c;
}

#applynowmodalheader .modal-dialog {
  width: 800px;
  margin: 30px auto;
}

#applynowmodalheader .modal-content {
  border-radius: 0px;
}

#applynowmodalheader input[type=file] {
  display: block !important;
  right: 1px;
  top: 1px;
  height: 50px;
  opacity: 0;
  width: 100%;
  background: none;
  position: absolute;
  overflow: hidden;
  z-index: 2;
}

#applynowmodalheader .control-fileupload {
  display: block;
  border-bottom: 1px solid #666;
  background: transparent;
  border-radius: 0px;
  width: 100%;
  height: 50px;
  line-height: 36px;
  padding: 0px 10px 2px 10px;
  overflow: hidden;
  position: relative;
  margin-bottom: 40px;
}

#applynowmodalheader label {
  line-height: 24px;
  color: #7c7c7c;
  letter-spacing: 1px;
  font-size: 23px;
  font-weight: 300;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
  z-index: 1;
  margin-right: 90px;
  margin-bottom: -10px;
  cursor: text;
}

#careerknowmore .modal-body {
  padding: 20px 50px 50px 50px
}

#careerknowmore .modal-content {
  border-radius: 0px;
}

#careerknowmore .modal-dialog {
  width: 1000px;
  margin: 30px auto;
}

#careerknowmore h3 {
  font-size: 40px;
  border-bottom: 2px solid;
  margin-bottom: 30px;
  display: inline-block;
}

#careerknowmore ul {
  margin: 0px;
  padding: 0px;
  padding-left: 20px;
}

#careerknowmore ul li {
  font-size: 22px;
  font-weight: 300;
  margin-bottom: 25px;
  line-height: 25px;
}

.panel {
  margin-bottom: 20px;
  background-color: transparent;
  border: 0px solid transparent;
  box-shadow: inherit;
}

.panel-default>.panel-heading {
  background-color: transparent;
  border-bottom: 0px solid #373737;
}

/*.panel-group .panel + .panel{margin-bottom: 25px;}*/
.panel-title {
  font-size: 24px;
  color: #373737;
  font-weight: 400;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: transparent;
}

.panel-group .panel {
  margin-bottom: 25px;
  border-radius: 0px;
  background-color: #f9f9f9;
}

.panel-heading {
  padding: 0px;
}

.panel-heading.active {
  color: #7e2017
}

.panel-title>a {
  display: block;
  padding: 15px;
}

/*.panel-heading .accordion-toggle:after {content: url(../images/uparrow-icon.png);
float: right; color: grey;}
.panel-heading .accordion-toggle.collapsed:after {content: url(../images/downarrow-icon.png);}*/
/*.panel-title>a, .panel-title>a:active{
  display:block;
  padding:15px;
  color:#555;
  font-size:16px;
  font-weight:bold;
  text-transform:uppercase;
  letter-spacing:1px;
  word-spacing:3px;
  text-decoration:none;
}*/
.panel-heading a:before {
  content: url(../images/down-icon1.png);
  float: right;
  transition: all 0.5s;
}

.panel-heading.active a:before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}

.panel-body {
  padding: 15px 50px 15px 30px;
  padding-bottom: 0px;
}

.panel-body h4 {
  font-size: 30px;
  color: #222;
  margin-bottom: 25px;
  font-weight: 300;
}

.panel-body p {
  font-size: 22px;
  color: #222;
  font-weight: 300;
  margin-bottom: 5px;
}

.panel-body p a {
  color: #ce1f22;
  text-decoration: underline;
}

.panel-body p b {
  font-weight: 500;
  padding-right: 10px;
}

.panel-body .btn-style-one {
  margin-top: 20px;
  font-weight: 300;
  font-size: 22px;
  margin-bottom: 30px;
  margin-right: 10px;
}

.careersearch-div {
  width: 100%;text-align: center;
  margin-bottom: 40px;
}

.careersearch-div ul {
  margin: 0px;
  padding: 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 64%;
  margin: 0 auto
}
#livingroom-weloved img.widthfixed {
  width: 100%;
}
.careersearch-div ul li {
  list-style-type: none;
  width: 48%;
  position: relative;
}

.careersearch-div .form-control {
  height: 50px;
  background-color: transparent;
  border: none;
  box-shadow: none;
  border-bottom: 1px solid #7c7c7c;
  border-radius: 0px;
  padding-left: 30px;
  color: #7c7c7c;
  font-size: 23px;
}

.ourgreatvalue-main {
  width: 100%;
  float: left;
  padding: 0px 0px 50px 0px;
  background-color: #fff;
}

.ourgreatvalue-main h2 {
  font-size: 50px;
  margin-bottom: 20px;
  line-height: 45px;
  padding-top: 0px;
  text-align: center;
  position: relative;
  padding-bottom: 50px;
}

.ourgreatvalue-main h2:before {
  content: url('../images/underline.png');
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9;
  margin: 0 auto;
}

.ourgreatvalue-content {
  width: 100%;
  padding: 30px 100px;
  text-align: center;
}

.ourgreatvalue-content p {
  font-size: 25px;
  border-top: 1px dashed #ce1f22;
  border-bottom: 1px dashed #ce1f22;
  padding: 20px 0px;
  position: relative;
}

.ourgreatvalue-content p:before {
  content: url('../images/ourgreatvalue-icon1.png');
  position: absolute;
  top: -20px;
  left: -70px;
  z-index: 9;
  margin: 0 auto;
}

.ourgreatvalue-content p:after {
  content: url('../images/ourgreatvalue-icon2.png');
  position: absolute;
  bottom: -20px;
  right: -70px;
  z-index: 9;
  margin: 0 auto;
}

.anintergratedleaning-div {
  width: 100%;
  float: left;
  padding: 50px 0px;
  background-image: url(../images/anintregrated-bg.jpg);
  background-size: 100% 100%;
}

.anintergratedleaning-div h2 {
  font-size: 50px;
  color: #000;
  text-align: center;
  margin-bottom: 40px;
}

.anintergratedleaning-div p {
  font-size: 22px;
  color: #000;
  font-weight: 300;
}

.anintergratedleaning-div .owl-stage-outer {
  overflow: hidden;
  text-align: center;
}

#anintergratedleaning-slider {
  margin-top: 60px;
}

#anintergratedleaning-slider img {
  margin-bottom: 20px;
}

#anintergratedleaning-slider h5 {
  font-size: 30px;
}

.anexciting-div {
  width: 100%;
  float: left;
  padding: 50px 0px;
}

.anexciting-div p {
  font-size: 22px;
  min-height: 150px;
  float: left;
}

.anexciting-div h2 {
  font-size: 50px;
  margin-bottom: 20px;
  line-height: 45px;
  padding-top: 40px;
  text-align: center;
  position: relative;
  padding-bottom: 50px;
}

.anexciting-div h2:before {
  content: url('../images/underline.png');
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9;
  margin: 0 auto;
}

.anexciting-contentdiv {
  width: 100%;
  float: left;
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}

.anexciting-contentdivleft {
  width: 40%;
  float: left;
}

.anexciting-contentdivright {
  width: 60%;
  float: left;
}

.anexciting-contentdivright h4 {
  font-size: 30px;
  margin-bottom: 0px;
  margin-top: 0px;
}

.anexciting-contentdivright p {
  font-size: 30px;
  margin-bottom: 0px;
  line-height: 25px;
  min-height: auto;
  float: none;
}

.benefitsweoffer-div {
  width: 100%;
  float: left;
  padding: 0px 0px 50px 0px;
}

.benefitsweoffer-div h2 {
  font-size: 50px;
  margin-bottom: 20px;
  line-height: 45px;
  padding-top: 40px;
  text-align: center;
  position: relative;
  padding-bottom: 50px;
}

.benefitsweoffer-div h2:before {
  content: url('../images/underline.png');
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9;
  margin: 0 auto;
}

.benefitsweoffer-contentdiv {
  width: 100%;
  float: left;
  padding: 30px;
  text-align: center;
}

.benefitsweoffer-contentdiv h4 {
  font-size: 30px;
}

.benefitsweoffer-contentdiv p {
  font-size: 22px;
  font-weight: 300;
  line-height: 28px;
  min-height: 130px;
}

.analluring-main {
  width: 100%;
  float: left;
  padding: 50px 0px;
  background-image: url(../images/benefitsweoffer-bg.jpg);
  background-size: 100% 100%;
}

.analluring-main h2 {
  font-size: 50px;
  color: #000
}

.analluring-main p {
  font-size: 22px;
  color: #000;
}

#analluring-slider .item {
  text-align: center;
  padding: 20px;
}

#analluring-slider .item img {
  box-shadow: 0px 0px 10px 2px #ccc;
  margin-bottom: 30px;
}

#analluring-slider .item h5 {
  font-size: 30px;
}

.testimonial-main {
  width: 100%;
  float: left;
  padding: 50px 0px;
  background-color: #f8f8f8;
}

.testimonial-main h2 {
  font-size: 50px;
  margin-bottom: 20px;
  line-height: 45px;
  padding-top: 0px;
  text-align: center;
  position: relative;
  padding-bottom: 50px;
}

.testimonial-main h2:before {
  content: url('../images/underline.png');
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9;
  margin: 0 auto;
}

.testimonial-content {
  width: 100%;
  padding: 10px 50px;
  text-align: center;
}

.testimonial-content h4 {
  font-size: 30px;
}

.getinspired-main {
  width: 100%;
  float: left;
  padding: 0px 0px 50px 0px;
  background-color: #000;
}

.getinspired-divone {
  width: 100%;
  float: left;
  display: flex;
  align-items: center;
  padding: 50px 0px;
}

.getinspired-leftdivone {
  width: 40%;
  float: left;
  padding: 0px 50px 0px 100px;
}

.getinspired-leftdivone h3 {
  font-size: 60px;
  color: #b60000;
  font-weight: bold;
  margin-bottom: 30px;
  margin-top: 0px;
}

.getinspired-leftdivone h3 span {
  font-size: 60px;
  color: #fff;
  display: block;
}

.getinspired-leftdivone p {
  color: #fff;
  margin-bottom: 10px;
  font-size: 20px;
}

.getinspired-leftdivone .btn-style-one {
  margin-top: 30px;
}

.getinspired-rightdivone {
  width: 60%;
  float: left;
}

.getinspired-rightdivone img {
  width: 100%
}

.getinspired-rightdivoneleft {
  width: 50%;
  float: left;
}

.getinspired-rightdivoneleftone {
  width: 100%;
  max-height: 270px;
  object-fit: cover;
  overflow: hidden;
  position: relative;
  border: 2px solid #000;
}

.getinspired-rightdivoneleftone:hover>.getinspirednew-contentdiv {
  bottom: -0px;
}

/* .getinspired-rightdivoneleftone img{transform: scale(1); transition: transform 0.8s ease;}
.getinspired-rightdivoneleftone img:hover{transform: scale(1.1);} */

.getinspired-rightdivoneleftone img {
  width: 100%;
  transform: scale(1.0);
  transition: transform 0.8s ease;
}

.getinspired-rightdivoneleftone:hover img {
  transform: scale(1.2);
}

/* .getinspired-rightdivoneleft img:hover{transform: scale(1);} */
.getinspired-rightdivoneright {
  width: 50%;
  float: left;
}

.getinspired-rightdivonerightone {
  width: 100%;
  max-height: 540px;
  object-fit: cover;
  overflow: hidden;
  position: relative;
  border: 2px solid #000;
}

.getinspired-rightdivonerightone img {
  transform: scale(1.0);
  transition: transform 0.8s ease;
}

.getinspired-rightdivonerightone:hover img {
  transform: scale(1.2);
}

.getinspired-rightdivonerightone:hover>.getinspirednew-contentdiv {
  bottom: -0px;
}

/* .getinspired-rightdivoneright img:hover{transform: scale(1);} */
.getinspirednew-contentdiv {
  position: absolute;
  bottom: 0px;
  background-color: rgba(0, 0, 0, 0.8);
  width: 100%;
  text-align: center;
  padding: 5px 20px;
}

.getinspirednew-contentdiv h3 {
  font-size: 18px;
  font-weight: 300;
  font-style: normal;
  margin-bottom: 0px;
  margin-top: 0px;
  color: #fff;
}

/* .getinspirednew-contentdiv h3:before{content: url('../images/line-icon.png'); position: relative;
      z-index: 9; left: -15px;  top: -7px;}
.getinspirednew-contentdiv h3:after{content: url('../images/line-icon.png'); position: relative;
      z-index: 9; right: -15px; top: -7px;} */
/* .getinspirednew-imgdiv{position:relative; width:100%; height:100%; overflow:hidden;} */
/* .getinspirednew-imgdiv:hover > .tilesbyspace-contentdiv{bottom:-50px;} */
.getinspirednew-contentdiv {
  position: absolute;
  bottom: -0px;
  width: 100%;
  -webkit-transition: bottom 0.8s ease;
  -moz-transition: bottom 0.8s ease;
  -o-transition: bottom 0.8s ease;
  -ms-transition: bottom 0.8s ease;
  transition: bottom 0.8s ease;
}

.getinspirednew-contentdiv p a {
  color: #ce1f22;
}

.getinspired-divtwo {
  width: 100%;
  float: left;
  display: flex;
  align-items: center;
  padding: 50px 0px;
  flex-direction: row-reverse;
}

.getinspired-leftdivtwo {
  width: 60%;
  float: left;
}

.getinspired-leftdivtwo img {
  width: 100%
}

.getinspired-rightdivtwo {
  width: 40%;
  float: left;
  padding: 0px 100px 0px 50px;
}

.getinspired-rightdivtwo h3 {
  font-size: 60px;
  color: #b60000;
  font-weight: bold;
  margin-bottom: 30px;
  margin-top: 0px;
}

.getinspired-rightdivtwo h3 span {
  font-size: 60px;
  color: #fff;
  display: block;
}

.getinspired-rightdivtwo p {
  color: #fff;
  margin-bottom: 10px;
}

.getinspired-rightdivtwo .btn-style-one {
  margin-top: 30px;
}

.getinprier-heading {
  width: 100%;
  float: left;
  padding: 50px 200px 50px 200px;
  text-align: center;
  background-color: #fff;
}

.getinprier-heading h1 {
  font-size: 50px;
  color: #b60000;
  font-weight: bold;
  text-transform: uppercase;
}

.getinprier-heading p {
  font-size: 18px;
  color: #000;
}

.navbar-collapse {
  box-shadow: 0px 0px 6px 0px #ccc;
}

.somanyceramics-main {
  width: 100%;
  float: left;
  padding: 50px 0px 0px 0px;
  text-align: center;
  display: none;
}

.somanyceramics-main h1 {
  font-size: 50px;
  text-transform: uppercase;
  font-weight: 300;
}

.somanyceramics-main p {
  font-size: 22px;
}

.somanyceramics-main ul {
  margin: 0px;
  padding: 0px;
  margin-top: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.somanyceramics-main ul li {
  list-style-type: none;
  width: 12%;
}

.somanyceramics-main ul li img {
  width: 100%;
  transform: scale(1.0);
  transition: transform 0.8s ease;
}

.somanyceramics-main ul li img:hover {
  transform: scale(1.1);
}


.innovation-main {
  width: 100%;
  float: left;
  padding: 50px 0px 0px 0px;
}

.innovation-main h1 {
  font-size: 50px;
  text-align: center;
  position: relative;
  padding-bottom: 50px;
}

.innovation-main h1:before {
  content: url('../images/underline.png');
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9;
  margin: 0 auto;
}

.innovation-main p {
  text-align: center;
  font-size: 22px;
  text-align: center;
}

.innovationsec-main {
  width: 100%;
  float: left;
  background-color: #fff;
  margin-top: 80px;
}

.innovationsec-divone {
  width: 100%;
  float: left;
  background-color: #eef3f9;
  display: flex;
  align-items: center;
  padding: 50px 0px;
}

.innovationsec-rightdivone {
  width: 50%;
  float: left;
  padding: 0px 0px 0px 50px;
}

.innovationsec-rightdivone img {
  margin-bottom: 10px;
}

.innovationsec-rightdivone h3 {
  font-size: 40px;
  color: #b60000;
  font-weight: 400;
  margin-bottom: 10px;
  margin-top: 0px;
}

.innovationsec-rightdivone h3 span {
  font-size: 60px;
  color: #fff;
  display: block;
}

.innovationsec-rightdivone p {
  color: #000;
  margin-bottom: 30px;
  text-align: left;
  font-size: 18px;
  line-height: 22px;
}

.innovationsec-rightdivone ul {
  margin: 0px;
  padding: 0px;
}

.innovationsec-rightdivone ul li {
  list-style-type: none;
  float: left;
  width: 50%;
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}

.innovationsec-rightdivone ul li img {
  margin-right: 10px;
  margin-bottom: 0px;
}

.innovationsec-rightdivone ul li p {
  margin-bottom: 0px;
  line-height: 26px;
}

.innovationsec-leftdivone {
  width: 50%;
  float: left;
}

.innovationsec-leftdivone img {
  width: 100%
}

.innovationsec-divtwo {
  width: 100%;
  float: left;
  background-color: #fff;
  display: flex;
  align-items: center;
  padding: 50px 0px;
}

.innovationsec-leftdivtwo {
  width: 50%;
  float: left;
  padding: 0px 50px 0px 0px;
}

.innovationsec-leftdivtwo img {
  margin-bottom: 10px;
}

.innovationsec-leftdivtwo h3 {
  font-size: 40px;
  color: #b60000;
  font-weight: 400;
  margin-bottom: 10px;
  margin-top: 0px;
}

.innovationsec-leftdivtwo h3 span {
  font-size: 60px;
  color: #fff;
  display: block;
}

.innovationsec-leftdivtwo p {
  color: #000;
  margin-bottom: 30px;
  text-align: left;
  font-size: 18px;
  line-height: 22px;
}

.innovationsec-leftdivtwo ul {
  margin: 0px;
  padding: 0px;
}

.innovationsec-leftdivtwo ul li {
  list-style-type: none;
  float: left;
  width: 50%;
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}

.innovationsec-leftdivtwo ul li img {
  margin-right: 10px;
  margin-bottom: 0px;
}

.innovationsec-leftdivtwo ul li p {
  margin-bottom: 0px;
  line-height: 26px;
}

.innovationsec-rightdivtwo {
  width: 50%;
  float: left;
}

.innovationsec-rightdivtwo img {
  width: 100%
}

.livingroom-main {
  width: 100%;
  float: left;
  padding: 50px 0px 0px 0px;
}

.livingroom-main h1 {
  font-size: 50px;
  text-align: center;
  position: relative;
  margin-top: 0px;
  padding-bottom: 50px;
}

.livingroom-main h1:before {
  content: url('../images/underline.png');
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9;
  margin: 0 auto;
}

.livingroom-main p {
  text-align: center;
  font-size: 20px;
  text-align: center;
  margin-bottom: 50px;
  font-weight: 300;
}

.livingroom-div {
  width: 100%;
  float: left;
  background-color: #fff;
  margin-top: 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.livingroom-divleft {
  width: 49.5%;
  float: left;
  height: 490px;
  max-height: 730px;
  object-fit: cover;
  overflow: hidden;
  margin-bottom: 5px;
}
.livingroom-divleft.bathwarebox3{width: 32.5%;}

.livingroom-imgdiv {
  width: 100%;
  float: left;
  position: relative;
  overflow: hidden;
}

.livingroom-contentdiv {
  position: absolute;
  bottom: 0px;
  background-color: rgba(255, 255, 255, 0.5);
  width: 100%;
  text-align: center;
  padding: 20px 25px;
}

.livingroom-contentdiv a {
  text-decoration: none;
}

.livingroom-contentdiv h3 {
  font-size: 25px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 300;
  font-style: normal;
  margin-bottom: 20px;
  margin-top: 0px;
  color: #000;
}

.livingroom-contentdiv h3:before {
  content: url('../images/line-icon.png');
  position: relative;
  z-index: 9;
  left: -15px;
  top: -7px;
}

.livingroom-contentdiv h3:after {
  content: url('../images/line-icon.png');
  position: relative;
  z-index: 9;
  right: -15px;
  top: -7px;
}

.livingroom-imgdiv {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.livingroom-imgdiv:hover>.livingroom-contentdiv {
  bottom: 0px;
}

.livingroom-contentdiv {
  position: absolute;
  bottom: -50px;
  width: 100%;
  -webkit-transition: bottom 0.8s ease;
  -moz-transition: bottom 0.8s ease;
  -o-transition: bottom 0.8s ease;
  -ms-transition: bottom 0.8s ease;
  transition: bottom 0.8s ease;
}

.livingroom-contentdivother {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
}

.livingroom-contentdivother:hover h3 {
  color: #fff;
}

.livingroom-contentdivother h3 {
  font-size: 40px;
  font-weight: 200;
  color: #ce1f22;
  text-transform: uppercase;
}

.livingroom-imgdiv img {
  width: 100%;
  transform: scale(1.1);
  transition: transform 0.8s ease;
  height: 100%;
}

.livingroom-imgdiv:hover img {
  transform: scale(1.0);
}

.livingroom-contentdiv p a {
  color: #ce1f22
}

.livingroom-contentdiv p a:hover {
  text-decoration: underline;
}

.livingroom-contentdiv p {
  font-size: 22px;
  text-align: center;
  margin-bottom: 0px;
}

.livingroom-weloved-main {
  width: 100%;
  float: left;
  padding: 50px 0px 0px 0px;
  text-align: center;
}

.livingroom-weloved-main h2 {
  font-size: 50px;
  text-align: center;
  position: relative;
  margin-bottom: 30px;
  padding-bottom: 50px;
}

.livingroom-weloved-main h2:before {
  content: url('../images/underline.png');
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9;
  margin: 0 auto;
}

.livingroom-weloved-main p {
  font-size: 22px;
}

.livingroom-weloved-main .offers {
  margin-bottom: 0px;
}

.livingroom-weloved-main .offers .owl-nav {
  display: none;
}

.livingroom-weloved-main .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 4px;
  background: #fff;
  display: inline-block;
}

.livingroom-weloved-main .owl-dots .owl-dot.active span {
  background: #ce1f22;
  opacity: 1;
  width: 10px;
  height: 10px;
  box-shadow: none !important;
}

.howtoselect-main {
  width: 100%;
  float: left;
  padding: 30px 0px;
  background-color: #f9f9f9;
}

.howtoselect-main h3 {
  font-size: 30px;
  text-align: center;
  margin-bottom: 30px;
  font-weight: 300;
}

.howtoselect-main p {
  font-size: 22px;
}

.howtoselect-main p a {
  color: #ce1f22;
  text-decoration: underline;
}

.howtoselect-main h4 {
  font-size: 22px;
  color: #ce1f22;
  margin-top: 30px;
}

.howtoselect-main ul {
  margin: 0px;
  padding: 0px;
}

.howtoselect-main ul li {
  font-size: 20px;
  list-style-type: none;
  margin-bottom: 20px;
}

.howtoselect-main ul li b {
  font-size: 22px;
  display: block;
  color: #ce1f22;
  font-weight: 400;
}

.faq-main {
  width: 100%;
  float: left;
  padding: 50px 0px 0px 0px;
}

.faq-main h3 {
  font-size: 50px;
  margin-bottom: 30px;
  text-align: center;
  position: relative;
  margin-top: 0px;
  padding-bottom: 50px;
  font-weight: 200;
}

.faq-main h3:before {
  content: url('../images/underline.png');
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9;
  margin: 0 auto;
}

.othercategory-main {
  width: 100%;
  float: left;
  padding: 50px 0px 50px 0px;
  background-color: #fff;
}

.othercategory-main h3 {
  font-size: 50px;
  font-weight: 200;
  text-align: center;
  position: relative;
  margin-bottom: 30px;
  padding-bottom: 50px;
}

.othercategory-main h3:before {
  content: url('../images/underline.png');
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9;
  margin: 0 auto;
}

.othercategory-main h1 {
  padding-left: 30px;
  color: #ce1f22;
}

.tabingdiv-main {
  width: 100%;
  float: left;
  padding: 0px 50px;
}

.tabingdiv-main .offers .owl-nav {
  bottom: 65%
}

.offers .owl-prev {
  left: -40px;
}

.offers .owl-next {
  right: -40px;
}

.tabingdiv-main ul {
  margin: 0px;
  padding: 0px;
  margin-bottom: 30px;
}

.tabingdiv-main ul li {
  width: 100%;
  float: left;
}

.tabingdiv-main ul li a {
  list-style-type: none;
  float: left;
  width: 100%;
  background-color: #f9f9f9;
  text-align: center;
  padding: 20px 0px;
}

.tabingdiv-main ul li p {
  color: #373737;
  margin-bottom: 0px;
  font-size: 22px;
}

.tabingdiv-main ul li img {
  height: 35px;
  margin-bottom: 15px;
}

.nav-tabs {
  border-bottom: none;
}

.owl-dots {
  display: none;
}

.active1 {
  border: 1px solid #ce1f22;
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 3px solid #888888;
}

.plp-heading-div {
  width: 100%;
  text-align: center;
  padding: 0px 0px 30px 30px
}

.plp-heading-div h1 {
  font-size: 50px;
  text-align: center;
  position: relative;
  padding-bottom: 50px;
  color: #000;
}

.plp-heading-div h1:before {
  content: url('../images/underline.png');
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9;
  margin: 0 auto;
}

.plp-heading-div h2 {
  font-size: 36px;
  margin-top: 0px;
}

.plp-heading-div p {
  font-size: 18px;
}

.plp-heading-div a {
  color: #ce1f22;
  font-size: 20px;
  text-decoration: underline;
}

.plp-heading-div h5 {
  font-size: 26px;
  color: #ce1f22;
  text-align: left;
}

.filter-div {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 40px;
  padding-right: 50px;
}

.filter-div .form-control {
  width: 35%;
  height: 45px;
  border-radius: 50px;
  color: #828282;
  border: 1px solid #dddddd;
  font-size: 20px;
  font-weight: 300;
}

.updown-icon {
  color: #828282;
  border: 1px solid #dddddd;
  border-radius: 50px;
  padding: 12px 40px;
  margin-left: 20px;
}

.filter-div p {
  margin-bottom: 0px;
  margin-right: 20px;
  font-size: 18px;
}

.category-panel-main {
  width: 100%;
  padding-left: 30px;
}

.category-panel-main h5 {
  font-size: 20px;
  border-bottom: 1px solid #000;
  padding-bottom: 10px;
}

.category-panel-main h5:before {
  content: "";
  width: 70px;
  height: 2px;
  background-color: #000;
  position: absolute;
  top: 40px;
}

.category-panel-main h5 a {
  color: #ce1f22;
  float: right;
  font-size: 16px;
}

.category-panel-main h5 a:hover {
  text-decoration: underline;
}

.othercategories-boxdiv {
  /* min-height: 502px; */
  width: 100%;
  margin-bottom: 30px;
  border: 1px solid #ddd;
}
#idforsearch .othercategories-boxdiv {
  min-height: 507px;}
.othercategories-boxdiv:hover {
  box-shadow: 0px 0px 18px 10px #eee;
}

.othercategories-boximgdiv {
  width: 100%;
  position: relative;
}

.othercategories-boximgdiv img {
  width: 100%;
  height: 350px;
  max-height: 350px;
  /* object-fit: cover;  */
  overflow: hidden;
}

.othercategories-boximgcontentdiv {
  width: 100%;
  position: absolute;
  top: 0;
  display: flex;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.6);
  height: 100%;
  justify-content: space-between;
  padding: 0px 30px;
  display: none;
}

.othercategories-boxdiv:hover .othercategories-boximgcontentdiv {
  display: flex;
}

.othercategories-boximgcontentdiv .btn-style-one {
  padding: 10px 15px;
  font-size: 18px;
}

.othercategories-boxcontentdiv {
  width: 100%;
  padding: 20px 10px 10px 10px;
  display: flex;
  position: relative;
  justify-content: space-between;
}

.othercategories-boxcontentleftdiv h4 {
  font-size: 18px;
  font-weight: 300;
  min-height: 55px;
  max-height: 55px;
  overflow: hidden;
  margin-top: 0px;
  text-transform: uppercase;
  font-family: 'Poppins', sans-serif;
}

.othercategories-boxcontentleftdiv p {
  font-size: 16px;
  margin-bottom: 5px;
  min-height: 25px;
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
}

.othercategories-boxcontentrightdiv {
  display: flex;
}

.othercategories-boxcontentrightdiv a img {
  width: auto;
  filter: brightness(0) invert(0);
}

.othercategories-boxcontentrightdiv a:hover img {
  filter: brightness(1) invert(0);
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 0px 0;
  border-radius: 4px;
  float: right;
}

.pagination {
  display: flex;
}

.pagination>li {
  margin-right: 20px;
}

.pagination>li>a {
  width: 40px;
  height: 40px;
  line-height: 30px;
  text-align: center;
  border-radius: 100px;
}

.pagination>li>a:hover {
  background-color: #ce1f22;
  color: #fff;
}

.pagination>li:first-child>a {
  width: auto;
  height: auto;
}

.pagination>li:last-child>a {
  width: auto;
  height: auto;
}

.pagination>li>a {
  background-color: transparent;
  border: none;
  font-size: 18px;
  color: #000
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
  cursor: pointer;
  background-color: #ce1f22;
  border-color: #ce1f22;
}

.checkbox-select-div {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.checkbox-select-div label {
  margin-bottom: 0px;
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: 400;
}

.blackimg {
  width: 15px;
  height: 15px;
  background-color: #000;
  margin-right: 10px;
}

.darkblue {
  width: 15px;
  height: 15px;
  background-color: #0c014d;
  margin-right: 10px;
}

.yellow {
  width: 15px;
  height: 15px;
  background-color: #ffff21;
  margin-right: 10px;
}

.red {
  width: 15px;
  height: 15px;
  background-color: #ff0303;
  margin-right: 10px;
}

.gray {
  width: 15px;
  height: 15px;
  background-color: #bfbfbf;
  margin-right: 10px;
}

.silver {
  width: 15px;
  height: 15px;
  background-color: #ebebeb;
  margin-right: 10px;
}

.green {
  width: 15px;
  height: 15px;
  background-color: #36c73b;
  margin-right: 10px;
}

.purple {
  width: 15px;
  height: 15px;
  background-color: #d604d6;
  margin-right: 10px;
}

.checkbox-select-div input[type="radio"],
input[type="checkbox"] {
  margin: 0px 0 0;
  line-height: normal;
  width: 20px;
  height: 20px;
  border-radius: 0px;
  margin-right: 10px;
}

.category-panel-main .panel {
  background-color: transparent;
  margin-bottom: 0px;
}

.category-panel-main .panel-default>.panel-heading {
  background-color: transparent;
  border-bottom: 1px dashed #ccc;
}

/* .category-panel-main .panel-heading {padding: 20px 15px 15px 0px;} */
.category-panel-main .panel-body {
  padding: 15px 50px 15px 10px;
}

.bathwarecollection-main {
  width: 100%;
  float: left;
  padding: 50px 0px 0px 0px;
}

.bathwarecollection-main h1 {
  font-size: 50px;
  text-align: center;
  position: relative;
  padding-bottom: 50px;
}

.bathwarecollection-main h1:before {
  content: url('../images/underline.png');
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9;
  margin: 0 auto;
}

.bathwarecollection-main p {
  text-align: center;
  font-size: 22px;
  text-align: center;
  margin-bottom: 50px;
}

.newlaunch-main {
  width: 100%;
  float: left;
  padding: 0px 0px 0px 0px;
  text-align: center;
}

.newlaunch-main h2 {
  font-size: 50px;
  text-align: center;
  position: relative;
  padding-bottom: 50px;
}

.newlaunch-main h2:before {
  content: url('../images/underline.png');
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9;
  margin: 0 auto;
}

.newlaunch-main p {
  font-size: 22px;
  margin-bottom: 40px;
}

.newlaunch-divone {
  width: 100%;
  float: left;
  position: relative;
  overflow: hidden;
}

.newlaunch-divone img {
  width: 100%;
}

.newlaunch-divone img {
  width: 100%;
  transform: scale(1.0);
  transition: transform 0.8s ease;
}

.newlaunch-divone img:hover {
  transform: scale(1.1);
}

.newlaunch-divonecontent {
  position: absolute;
  width: 30%;
  top: 20%;
  right: 2%;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 15px;
}

.newlaunch-divonecontent h5 {
  font-size: 30px;
  font-weight: 100;
  color: #fff;
  text-align: left;
}

.newlaunch-divonecontent h4 {
  font-size: 50px;
  font-weight: 100;
  color: #fff;
  text-align: left;
}

.newlaunch-divonecontent p {
  font-size: 20px;
  color: #fff;
  text-align: left;
  margin-bottom: 30px;
  font-weight: 300;
}

.newlaunch-divonecontent a {
  float: left;
}

.newlaunch-twodiv {
  width: 100%;
  float: left;
  display: flex;
}

.newlaunch-divtwoleft {
  width: 50%;
  position: relative;
  overflow: hidden;
}

.newlaunch-divtwoleft img {
  width: 100%;
  transform: scale(1.0);
  transition: transform 0.8s ease;
}

.newlaunch-divtwoleft img:hover {
  transform: scale(1.1);
}

.newlaunch-divtwoleftcontent {
  position: absolute;
  width: 40%;
  bottom: 5%;
  left: 5%;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 15px;
}

.newlaunch-divtwoleftcontent h5 {
  font-size: 48px;
  font-weight: 300;
  color: #fff;
  text-align: left;
}

.newlaunch-divtwoleftcontent p {
  font-size: 20px;
  color: #fff;
  font-weight: 300;
  text-align: left;
  margin-bottom: 30px;
}

.newlaunch-divtwoleftcontent a {
  float: left;
}

.newlaunch-divtworight {
  width: 50%;
  position: relative;
  overflow: hidden;
}

.newlaunch-divtworight img {
  width: 100%;
  transform: scale(1.0);
  transition: transform 0.8s ease;
}

.newlaunch-divtworight img:hover {
  transform: scale(1.1);
}

.newlaunch-divtworightcontent {
  position: absolute;
  width: 35%;
  bottom: 5%;
  left: 5%;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 15px;
}

.newlaunch-divtworightcontent h5 {
  font-size: 48px;
  font-weight: 300;
  color: #fff;
  text-align: left;
}

.newlaunch-divtworightcontent p {
  font-size: 20px;
  color: #fff;
  font-weight: 300;
  text-align: left;
  margin-bottom: 30px;
}

.newlaunch-divtworightcontent a {
  float: left;
}

.newlaunch-main h2 {
  margin-top: 50px;
}

.pdp-main {
  width: 100%;
  float: left;
  padding: 50px 50px 0px 50px;
  background-color: #fff;
  display: flex;
}

.pdp-leftdiv {
  width: 45%;
  float: left;
}

.pdp-leftdivone ul {
  margin: 0px;
  padding: 0px;
  float: left;
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin-top: 40px;
}

.pdp-leftdivone ul li {
  list-style-type: none;
  width: 25%;
  text-align: center;
}

.pdp-leftdivone ul li img {
  margin-bottom: 10px;
}

.pdp-leftdiv ul li p {
  font-size: 20px;
}

.pdp-rightdiv {
  width: 52%;
  float: left;
  margin-left: 3%
}

.pdp-rightdiv h1 {
  font-size: 30px;
  color: #ce1f22;
  margin-top: 0px;
}

.pdp-rightdiv h1 a img {
  text-align: right;
  float: right;
}

.pdp-rightdiv h5 {
  font-size: 20px;
  color: #000;
  margin-bottom: 20px;
  font-weight: 200;
  margin-top: 10px;
}

.product-details {
  width: 100%;
  float: left;
  margin-top: 30px;
  margin-bottom: 20px;
}

.product-details .table>tbody>tr>td ul {
  margin: 0px;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 50%;
  justify-content: space-between;
  float: right;
  padding-top: 5px;
}

.product-details .table>tbody>tr>td ul li {
  list-style-type: none;
  float: left;
  line-height: 21px;
  width: 20px;
  height: 20px;
  background-color: #ff0000;
  border-radius: 100px;
  box-shadow: 0px 0px 3px 3px #ccc;
}

.product-details .table>tbody>tr>td ul li a img {
  width: 100%;
}

.product-details .table>tbody>tr>td ul li a {
  float: left;
  border: 1px solid #f9f9f9
}

.product-details .table>tbody>tr>td ul li a:hover {
  border: 1px solid #fff;
  box-shadow: 1px 2px 5px 1px #ccc;
  border-radius: 50px;
}

.product-details .table {
  width: 100%;
  margin-bottom: 10px;
}

.product-details ul {
  margin: 0px;
  padding: 0px;
  margin-left: 20px;
}

.product-details ul li {
  font-size: 18px;
  line-height: 30px;
  font-weight: 300;
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
  width: 50%;
  padding: 14px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
  font-size: 20px;
  font-weight: 300;
}

.checkdiv {
  width: 100%;
  float: left;
  display: flex;
  align-items: center;
  margin-bottom: 40px;
}

.checkdiv p {
  margin-right: 20px;
  font-size: 18px;
  margin-bottom: 0px;
}

.checkdiv .form-control {
  height: 52px;
  background-color: #f8f8f8;
  width: 40%;
  border-radius: 0px;
  font-size: 20px;
}

.Shareproduct {
  width: 100%;
  float: left;
  display: flex;
  align-items: center;
  margin-bottom: 40px;
}

.Shareproduct p {
  margin-bottom: 0px;
  margin-right: 30px;
  font-size: 18px;
}

.Shareproduct img {
  margin-right: 10px;
  width: 30px;
}

.feature-div {
  width: 100%;
  float: left;
}

.feature-div ul {
  margin: 0px;
  padding: 0px;
}

.feature-div ul li {
  width: 31%;
  margin-right: 10px;
  margin-bottom: 20px;
  list-style-type: none;
  float: left;
  border: 1px dashed #c2c2c2;
  display: flex;
  align-items: center;
}
.feature-div.fordownload ul li {
  width: 48%;
  margin-right: 10px;
  margin-bottom: 0;
  list-style-type: none;
  float: left;
  border: none;
  display: flex;
  align-items: center;
}
.feature-div ul li a {
  width: 100%;
  float: left;
  display: flex;
  align-items: center;
  padding: 15px 10px;
  min-height: 85px;
}
.Shareproduct.fordownloadheading {
  width: 100%;
  float: left;
  display: flex;
  align-items: center;padding: 0 15px;
  margin-bottom: 10px;margin-top: 40px;
}
.feature-div.fordownload ul li a {
  width: 100%;
  float: left;
  display: flex;
  align-items: center;
  padding: 0px 10px;
  min-height: 45px;
}
.feature-div ul li a img {
  margin-right: 10px;
  width: 40px;
}
.feature-div.fordownload ul li a img {
  margin-right: 10px;
  width: 30px;
}
.feature-div ul li a p {
  margin-bottom: 0px;
  font-size: 18px;
  color: #000;
}

.feature-div ul li a:hover {
  background-color: #ce1f22;
}

.feature-div ul li a:hover p {
  color: #fff;
}

.feature-div ul li a:hover img {
  color: #fff;
  filter: brightness(0) invert(1);
}

.feature-div ul li a:focus {
  background-color: #ce1f22;
  color: #fff;
}

.feature-div ul li a:focus p {
  color: #fff;
}

.feature-div ul li a:focus img {
  color: #fff;
  filter: brightness(0) invert(1);
}



.relatedproduct-main {
  width: 100%;
  float: left;
  padding: 50px 0px 0px 50px;
}

.relatedproduct-main h3 {
  font-size: 35px;
  margin-bottom: 30px;
}

.relatedproduct-main img {
  width: 100%
}

/* .relatedproduct-main .owl-nav{display: none;} */
.relatedproduct-main .offers .owl-prev {
  left: 0px;
}

.relatedproduct-main .offers .owl-next {
  right: 0px;
}

.card-wrapper {
  width: 100%;
  float: left;
  margin: 0 auto;
  margin-bottom: 40px;
}

.card-wrapper img {
  width: 100%;
  display: block;
}

.img-display {
  overflow: hidden;
  padding: 12px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  margin-bottom: 30px;
}

.img-showcase {
  display: flex;
  width: 100%;
  transition: all 0.5s ease;
}

.img-showcase img {
  min-width: 100%;
  /*padding-right: 0px; margin-right: 15px;*/
}

.img-select {
  display: flex;
  width: 60%;
  margin: 0 auto;
}

.img-item {
  margin: 0.3rem;
  margin-right: 20px;
}

/*.img-item:nth-child(1),
.img-item:nth-child(2),
.img-item:nth-child(3){
    margin-right: 0;
}*/
.img-item:hover {
  opacity: 0.8;
}

.slipshield-main {
  width: 100%;
  float: left;
  padding: 50px 0px;
}

.slipshield-main h1 {
  font-size: 50px;
  text-align: center;
  position: relative;
  padding-bottom: 50px;
}

.slipshield-main h1:before {
  content: url('../images/underline.png');
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9;
  margin: 0 auto;
}

.slipshield-main p {
  text-align: center;
  font-size: 20px;
}

.slipshield-main ul {
  margin: 0px;
  padding: 0px;
  float: left;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
  margin-bottom: 30px;
}

.slipshield-main ul li {
  list-style-type: none;
  width: 20%;
  text-align: center;
}

.slipshield-main ul li img {
  margin-bottom: 10px;
}

.slipshield-main ul li p {
  font-size: 20px;
}

.outdoor-bathroom-main {
  width: 100%;
  float: left;
  padding: 50px 0px 50px 50px;
  background-color: #000;
}

.nav-tabs {
  text-align: center;
  border-bottom: 0px solid #ddd;
  margin-bottom: 50px
}

.nav-tabs>li {
  float: none;
  margin-bottom: -1px;
  font-size: 20px;
  display: inline-block;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
  color: #fff;
  cursor: default;
  background-color: #ce1f22;
  border: none;
  border-bottom: 1px solid #ce1f22;
  font-weight: 500;
}

.nav-tabs>li>a {
  border-radius: 0px;
  color: #b6afaf;
  font-weight: 500;
  margin-right: 20px;
  text-transform: uppercase;
  border: 0px solid transparent;
  padding: 10px 60px;
  font-size: 24px;
}

.nav-tabs>li>a:hover {
  border-color: transparent;
  background-color: #ce1f22;
  color: #fff;
  border-bottom: 1px solid #8c372f;
}

.nav-tabs>li.active>a:after {
  content: "";
  width: 10px;
  height: 10px;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid #ce1f22;
  position: absolute;
  bottom: -15px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

/* .nav > li > a:hover, .nav > li > a:focus {text-decoration: none; background-color: transparent; 
  color: #fff; font-weight: 500;} */
.outdoor-bathroom-main .owl-nav {
  left: 5%;
  width: 1%;
  bottom: -8%;
  z-index: 99999;
}

.outdoor-bathroom-main a.btn-style-one {
  margin-top: 50px;
}

.producttabdiv {
  width: 100%;
}

.producttabdiv img {
  width: 100%
}

.producttabdiv h4 {
  font-size: 30px;
  text-transform: uppercase;
  color: #fff;
  margin-top: 20px;
}

.producttabdiv h5 {
  font-size: 17px;
  color: #fff;
  margin-bottom: 20px;
  font-weight: 300;
}

.producttabdiv a {
  font-size: 20px;
  color: #fff;
  margin-right: 40px;
}

.producttabdiv a:hover {
  color: #ce1f22;
  text-decoration: underline;
}

.slipshield-technology-main {
  width: 100%;
  float: left;
  padding: 100px 0px 50px 0px;
  background-color: #fff
}

.slipshield-technology-div {
  width: 100%;
  background-color: #000;
  display: flex;
  align-items: center;
  padding: 15px;
}

.slipshield-technology-leftdiv {
  width: 50%;
}

.slipshield-technology-leftdiv img {
  width: 100%;
}

.slipshield-technology-rightdiv {
  width: 50%;
  padding: 0px 20px
}

.slipshield-technology-rightdiv h4 {
  font-size: 40px;
  color: #fff;
}

.slipshield-technology-rightdiv p {
  font-size: 22px;
  color: #fff;
}

.benefits-div {
  width: 100%;
  max-height: 450px;
  height: 450px;
}

.benefits-div img {
  width: 100%
}

.benefits-imgdiv {
  width: 100%;
  float: left;
  position: relative;
  overflow: hidden;
}

.benefits-contentdiv {
  background-color: rgba(255, 255, 255, 0.5);
  width: 100%;
  text-align: center;
  padding: 20px 25px;
}

.benefits-contentdiv h3 {
  font-size: 25px;
  text-transform: uppercase;
  font-weight: 300;
  font-style: normal;
  margin-bottom: 20px;
  margin-top: 0px;
}

.benefits-contentdiv h3:before {
  content: url('../images/line-icon.png');
  position: relative;
  z-index: 9;
  left: -15px;
  top: -7px;
}

.benefits-contentdiv h3:after {
  content: url('../images/line-icon.png');
  position: relative;
  z-index: 9;
  right: -15px;
  top: -7px;
}

.benefits-imgdiv {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.benefits-imgdiv:hover>.benefits-contentdiv {
  bottom: 0px;
}

.benefits-contentdiv {
  position: absolute;
  bottom: -50px;
  width: 100%;
  -webkit-transition: bottom 0.8s ease;
  -moz-transition: bottom 0.8s ease;
  -o-transition: bottom 0.8s ease;
  -ms-transition: bottom 0.8s ease;
  transition: bottom 0.8s ease;
}

.benefits-imgdiv img {
  width: 100%;
  transform: scale(1.1);
  transition: transform 0.8s ease;
}

.benefits-imgdiv:hover img {
  transform: scale(1.0);
}

.benefits-contentdiv p a {
  color: #ce1f22
}

.benefits-contentdiv p a:hover {
  text-decoration: underline;
}

.benefits-contentdiv p {
  font-size: 22px;
  text-align: center;
  margin-bottom: 0px;
}

.slipshield-innovation-main {
  width: 100%;
  float: left;
  padding: 50px 0px;
  background-image: url(../images/slipshield-innovation-bg.jpg);
  background-size: 100% 100%;
}

.slipshield-innovation-div {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.slipshield-innovation-leftdiv {
  width: 40%;
  padding: 0px 30px
}

.slipshield-innovation-leftdiv h4 {
  font-size: 40px;
  color: #ce1f22
}

.slipshield-innovation-leftdiv p {
  font-size: 22px;
  color: #000;
  margin-bottom: 30px;
}

.slipshield-innovation-leftdivimg {
  width: 100%;
  float: right;
  text-align: right;
}

.slipshield-innovation-middlediv {
  width: 30%
}

.slipshield-innovation-middlediv img {
  width: 100%
}

.slipshield-innovation-rightdiv {
  width: 30%;
  padding: 0px 30px;
}

.slipshield-innovation-rightdiv img {
  margin-bottom: 30px;
}

.slipshield-innovation-rightdiv h5 {
  font-size: 30px;
}

.slipshield-innovation-rightdiv p {
  font-size: 22px;
  margin-bottom: 50px;
}

.slipshield-innovation-rightdiv a {
  font-size: 15px;
  color: #ce1f22;
  text-transform: uppercase;
  display: flex;
  align-items: center;
}

.slipshield-innovation-rightdiv a img {
  margin-left: 20px;
  margin-bottom: 0px;
}

.slipshield-innovation-rightdiv a:hover {
  text-decoration: underline;
}


.dealernetwork-main {
  width: 100%;
  float: left;
  padding: 0px 0px 50px 0px;
}

.dealernetwork-main h1 {
  font-size: 50px;
  text-align: center;
  position: relative;
  padding-bottom: 50px;
}

.dealernetwork-main h1:before {
  content: url('../images/underline.png');
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9;
  margin: 0 auto;
}

.dealernetwork-div {
  width: 100%;
  margin-bottom: 30px;
}

.dealernetwork-div ul {
  margin: 0px;
  padding: 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin: 0 auto
}

.dealernetwork-div ul li {
  list-style-type: none;
  width: 24%;
  position: relative;
}

.dealernetwork-div .form-control {
  height: 50px;
  background-color: transparent;
  border: none;
  box-shadow: none;
  border-bottom: 1px solid #7c7c7c;
  border-radius: 0px;
  padding-left: 30px;
  color: #7c7c7c;
  font-size: 23px;
}
.dealerbox-div ul a {
  color: #4e4e4e;
}
.dealerbox-div {
  width: 100%;
  float: left;
  padding: 20px;
  box-shadow: 0px 0px 10px 1px #dedede;
  margin-bottom: 30px;
  text-align: center;
  min-height: 430px;
}

.dealerbox-div img {
  width: 30%;
  text-align: center;
}

.dealerbox-div h3 {
  color: #ce1f22;
  font-size: 23px;
  text-align: left;
  min-height: 55px;
}

.dealerbox-div h4 {
  font-size: 22px;
  margin-bottom: 5px;
  text-align: left;
}

.dealerbox-div p {
  font-size: 18px;
  color: #4e4e4e;
  font-weight: 300;
  margin-bottom: 10px;
  text-align: left;
  min-height: 50px;
}

.dealerbox-div h6 {
  font-size: 18px;
  color: #4e4e4e;
  font-weight: 300;
  margin-bottom: 10px;
  text-align: left;
}

.dealerbox-div h6 span {
  font-weight: 400;
  ;
}

.dealerbox-div ul {
  margin: 0px;
  padding: 0px;
  margin-top: 20px;
}

.dealerbox-div ul li {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 300;
  color: #4e4e4e;
}

.dealerbox-div ul li img {
  margin-right: 10px;
  width: auto;
}

.dealerlogin-main {
  width: 100%;
  float: left;
  background-image: url(../images/dealer-login-bg.jpg);
  background-size: 100% 100%;
  padding: 50px 0px;
}

.dealerlogin-div {
  width: 40%;
  background-color: #fff;
  padding: 30px 50px;
  float: right;
}

.dealerlogin-div h1 {
  font-size: 40px;
  margin-top: 0px;
}

.dealerlogin-div p {
  font-size: 18px;
}

.dealerlogin-div ul {
  margin: 0px;
  padding: 0px;
  margin-bottom: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.dealerlogin-div ul li {
  list-style-type: none;
  display: flex;
  align-items: center;
}

.dealerlogin-div ul li label {
  margin-bottom: 0px;
  font-weight: 400;
  font-size: 16px;
}

.dealerlogin-div ul li a {
  font-size: 16px;
  color: #ce1f22;
}

.dealerlogin-div h4 {
  margin-top: 20px;
}

.dealerlogin-div h4 a {
  color: #ce1f22;
  text-decoration: underline;
}

.dealerlogin-div .form-control {
  border: none;
  border-bottom: 1px solid #666;
  height: 50px;
  margin-bottom: 30px;
  box-shadow: none;
  border-radius: 0px;
  font-size: 23px;
  letter-spacing: 1px;
  font-weight: 300;
}

.experience-div {
  width: 100%;
  float: left;
  padding: 0px;
  box-shadow: 0px 0px 10px 1px #dedede;
  margin-bottom: 30px;
  text-align: center;
  border-top: 3px solid #ce1f22;
}

.experience-div img {
  width: 100%;
}

.gallerybox-images img {
  width: 100%;
  height: 250px;
}

.gallerybox-images {
  width: 100%;
  position: relative;
}

.gallery-icon-demo {
  position: absolute !important;
  bottom: 10px;
  right: 10px;
  height: auto !important;
  width: 25px !important;
  filter: brightness(0.5) invert(1);
}

.experience-contantdiv {
  width: 100%;
  padding: 20px;
  text-align: left;
  min-height: 355px;
}

.experience-div h3 {
  color: #ce1f22;
  font-size: 26px;
  text-align: left;
  margin-top: 0px;
}

.experience-div h4 {
  font-size: 22px;
  margin-bottom: 5px;
  text-align: left;
}

.experience-div p {
  font-size: 18px;
  color: #4e4e4e;
  font-weight: 300;
  margin-bottom: 10px;
  text-align: left;
  min-height: 120px;
}

.experience-div ul {
  margin: 0px;
  padding: 0px;
  margin-bottom: 20px;
}

.experience-div ul li {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 300;
  color: #4e4e4e;
}

.experience-div ul li img {
  margin-right: 10px;
  width: auto;
}

.dealersignup-main {
  width: 100%;
  float: left;
  background-image: url(../images/dealer-login-bg.jpg);
  background-size: 100% 100%;
  padding: 30px 0px;
}

.dealersignup-div {
  width: 80%;
  background-color: #fff;
  padding: 10px 50px;
  margin: 0 auto;
}

.dealersignup-div h1 {
  font-size: 50px;
  margin-top: 0px;
}

.dealersignup-div p {
  font-size: 18px;
}

.dealersignup-div ul {
  margin: 0px;
  padding: 0px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.dealersignup-div ul li {
  list-style-type: none;
  display: flex;
  align-items: center;
  position: relative;
}

.dealersignup-div ul li label {
  margin-bottom: 0px;
  font-weight: 400;
  font-size: 16px;
}

.dealersignup-div ul li a {
  font-size: 16px;
  color: #ce1f22;
}

.dealersignup-div h4 {
  margin-top: 20px;
}

.dealersignup-div h4 a {
  color: #ce1f22;
  text-decoration: underline;
}

.dealersignup-div .form-control {
  border: none;
  border-bottom: 1px solid #666;
  height: 40px;
  margin-bottom: 30px;
  box-shadow: none;
  border-radius: 0px;
  font-size: 23px;
  letter-spacing: 1px;
  font-weight: 300;
  position: relative;
}

.dealersignup-div span {
  position: absolute;
  bottom: 10px;
}

#dealer_signup_form_massage {
  position: absolute;
  bottom: -80px;
}

.dealerlogin-div .form-group {
  position: relative;
}

.dealerlogin-div span {
  position: absolute;
  bottom: -20px;
}

.contact-main {
  width: 100%;
  float: left;
  padding: 50px 0px;
}

.contact-main h1 {
  font-size: 50px;
  text-align: center;
  position: relative;
  padding-bottom: 50px;
}

.contact-main h1:before {
  content: url('../images/underline.png');
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9;
  margin: 0 auto;
}

.contact-div {
  width: 100%;
  margin-bottom: 60px;
}

.contact-div ul {
  margin: 0px;
  padding: 0px;
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 0 auto
}

.contact-div ul li {
  list-style-type: none;
  width: 30%;
  position: relative;
  text-align: center;
  padding: 0px 30px;
}

.contact-div ul li h3 {
  font-size: 35px;
  color: #ce1f22
}

.contact-div ul li p {
  font-size: 20px;
  color: #000
}

.contact-div ul li a {
  font-size: 20px;
  color: #ce1f22;
  text-decoration: underline;
}

.contact-location-listone {
  width: 100%;
  padding: 10px 30px 0px 30px;
  max-height: 425px;
  overflow-y: scroll;
}

.contact-box {
  width: 100%;
  float: left;
  padding: 20px;
  box-shadow: 0px 0px 10px 1px #dedede;
  min-height: 380px;
  margin-bottom: 30px;
  height: 380px;
}

.contact-box h3 {
  color: #ce1f22;
  font-size: 28px;
  margin-top: 0px;
}

.contact-box h4 {
  font-size: 22px;
  margin-bottom: 5px;
}

.contact-box p {
  font-size: 18px;
  color: #4e4e4e;
  font-weight: 300;
  margin-bottom: 20px;
  min-height: 190px;
}

.contact-box ul {
  margin: 0px;
  padding: 0px;
}

.contact-box ul li {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 300;
  color: #4e4e4e;
}
.contact-box ul li a{color: #000;}
.contact-box ul li img {
  margin-right: 10px;
}

.writetous {
  width: 100%;
  padding: 50px 0px;
  text-align: center;
}

.writetous h2 {
  font-size: 40px;
  margin-bottom: 40px;
}

.writetous ul {
  margin: 0px;
  padding: 0px;
}

.writetous ul li {
  list-style-type: none;
  width: 30%;
  float: left;
  margin-right: 30px;
  position: relative;
}

.writetous ul li span {
  position: absolute;
  bottom: 8px;
  left: 6%;
}

.writetous .form-control {
  border: none;
  border-bottom: 1px solid #666;
  height: 50px;
  margin-bottom: 30px;
  box-shadow: none;
  border-radius: 0px;
  font-size: 23px;
  letter-spacing: 1px;
  font-weight: 300;
}

.writetous ul li:last-child {
  width: 96%;
  float: none;
}

.blog-main {
  width: 100%;
  float: left;
  padding: 0px 0px 50px 0px;
}

.blog-main h1 {
  font-size: 50px;
  position: relative;
  padding-bottom: 40px;
  margin-bottom: 0px;
}

.blog-main h1:before {
  content: url('../images/underline.png');
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9;
  margin: 0 auto;
}

.blog-div {
  width: 100%;
  margin-bottom: 30px;
  float: left;
}

.blog-div img {
  width: 100%;
  transform: scale(1.0);
  transition: transform 0.8s ease;
}

.blog-div img:hover {
  transform: scale(1.05);
}

.blog-div a {
  float: left;
}

.blog-div a h3 {
  color: #454545;
  font-size: 26px;
  height: 60px;
  max-height: 60px;
  overflow: hidden;
}

.blog-div a p {
  color: #454545;
  font-size: 16px;
}

.blog-div a:hover {
  color: #ce1f22
}

.blog-div a:hover h3 {
  color: #ce1f22;
  text-decoration: underline;
}

.blog-div a:hover p {
  color: #ce1f22
}

.blogselect-div {
  width: 100%;
  float: left;
  padding-bottom: 40px;
}

.blogselect-div h2 {
  margin-top: 0px;
}

.blogselect-div ul {
  margin: 0px;
  padding: 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin: 0 auto
}

.blogselect-div ul li {
  list-style-type: none;
  width: 50%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.blogselect-div ul li p {
  font-size: 18px;
  color: #ce1f22;
  padding-right: 15px;
  margin-bottom: 0px;
}

.blogselect-div .form-control {
  width: 60%;
  float: right;
  text-align: center;
  background-color: #ce1f22;
  font-size: 20px;
  color: #fff;
  height: 40px;
  border-radius: 0px;
  border: none;
}

.blogdetail-main {
  width: 100%;
  float: left;
  padding: 50px 0px;
}

.blogdetail-leftdiv {
  width: 100%;
  float: left;
}

.blogdetail-leftdiv img {
  width: 100%;
}

.blogdetail-leftdiv h1 {
  font-size: 50px;
  color: #ce1f22
}

.blogdetail-leftdiv p {
  font-size: 22px;
  color: #454545;
  font-weight: 300;
  margin-bottom: 20px;
}

.blogdetail-leftdiv h4 {
  font-size: 25px;
  color: #ce1f22;
  margin-top: 30px;
}

.blogdetail-rightdiv {
  width: 100%;
  float: left;
}

.blogdetail-rightdiv h2 {
  font-size: 35px;
  margin-top: 0px;
  margin-bottom: 20px;
}

.otherblog-div {
  width: 100%;
  margin-bottom: 30px;
}

.otherblog-div a {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.otherblog-leftdiv {
  width: 40%;
  float: left;
}

.otherblog-leftdiv img {
  width: 100%
}

.otherblog-rightdiv {
  width: 60%;
  float: left;
  padding-left: 20px;
}

.otherblog-rightdiv h3 {
  font-size: 18px;
  margin-top: 0px;
  margin-bottom: 0px;
  color: #454545
}

.otherblog-rightdiv p {
  font-size: 16px;
  color: #454545;
}

.otherblog-div a:hover h3 {
  color: #ce1f22;
  text-decoration: underline;
}

.otherblog-div a:hover p {
  color: #ce1f22
}

.aboutus-main {
  width: 100%;
  float: left;
  padding: 30px 0px 50px 0px;
  background-image: url(../images/about-mainbg.jpg);
  background-position: bottom;
  background-size: 100%;
  background-repeat: no-repeat;
}

.aboutus-main h1 {
  font-size: 50px;
  text-align: left;
  position: relative;
  padding-bottom: 50px;
  margin-top: 0px;
}

.aboutus-main h1:before {
  content: url('../images/underline.png');
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9;
  margin: 0 auto;
}

.aboutus-main h3 {
  color: #ce1f22;
  font-size: 30px;
  margin-bottom: 20px;
}

.aboutus-main p {
  font-size: 20px;
}

.aboutus-leftdiv {
  width: 25%;
  float: left;
}

.aboutus-rightdiv {
  width: 75%;
  float: left;
  padding: 0px 50px;
}

.aboutus-rightdiv span {
  position: absolute;
  bottom: 8px;
  left: 6%;
}

.aboutus-main .tabs-left {
  border-bottom: none;
  padding-top: 2px;
  border-right: 0px solid #ddd;
  background-color: #f2f2f2;
}

.aboutus-main .tabs-left>li {
  float: none;
  margin-bottom: 0px;
  margin-right: -1px;
  display: block;
  font-size: 16px;
}

.aboutus-main .tabs-left>li.active>a,
.aboutus-main .tabs-left>li.active>a:hover,
.aboutus-main .tabs-left>li.active>a:focus {
  border-bottom-color: inherit;
  border-right-color: transparent;
}

.aboutus-main .tabs-left>li>a {
  border-radius: 0px;
  margin-right: 0;
  display: block;
  padding: 10px 30px;
  font-size: 20px;
  text-align: left;
  text-transform: none;
  color: #000
}

.aboutus-main .tabs-left>li>a img {
  margin-right: 20px;
}

.aboutus-main .nav-tabs>li.active>a:after {
  display: none;
}

.aboutus-main .nav-tabs>li.active>a {
  color: #fff;
  border-bottom: 0px solid #ce1f22;
}

.aboutus-main .nav-tabs>li a:hover {
  color: #fff;
  border-bottom: 0px solid
}

.aboutus-main .nav-tabs>li a:hover img {
  filter: brightness(0) invert(1);
}

.aboutus-main .nav-tabs>li.active a img {
  filter: brightness(0) invert(1);
}

.companyoverview-team {
  width: 100%;
  float: left;
  /* display: flex;  */
  align-items: center;
  margin-top: 30px;
}

.companyoverview-teamleft {
  width: 50%;
}

.companyoverview-teamright {
  width: 50%;
  padding: 0px 30px;
}

.companyoverview-teamright h3 {
  font-size: 20px;
  color: #000;
  font-weight: 300;
  line-height: 28px;
}

.companyoverview-team img {
  width: 100%;
  position: relative;
}

.companyoverview-team h4 {
  font-size: 24px;
  margin-bottom: 0px;
}

.companyoverview-team p {
  font-size: 18px;
  color: #cd0000;
}

#companyoverview p br {
  margin-bottom: 20px;
}

.companyoverview-teamimg {
  width: 100px !important;
  position: absolute !important;
  top: 35%;
  left: 0px;
  right: 0px;
  bottom: 0px;
  margin: 0 auto
}

.about-slider-div {
  width: 100%;
  float: left;
  padding: 30px 80px 0px 80px;
}

.visionmission-div {
  width: 100%;
  float: left;
  background-color: #111111;
  padding: 30px 30px;
  text-align: center;
  margin-bottom: 30px;
}

.visionmission-div:hover {
  background-color: #cd0000
}

.visionmission-div h4 {
  font-size: 30px;
  color: #fff;
  font-weight: 400;
}

.visionmission-div p {
  font-size: 20px;
  color: #fff;
  min-height: 130px;
  line-height: 26px;
}

.ourbrand-logodiv {
  width: 100%;
  float: left;
}

.ourbrand-logodiv ul {
  margin: 0px;
  padding: 0px;
}

.ourbrand-logodiv ul li {
  list-style-type: none;
  width: 16%;
  display: inline-block;
  border-right: 1px solid #ccc;
  text-align: center;
}

.ourbrand-logodiv ul li img {
  width: 115px;
}

.ourbrand-logodiv ul li:last-child {
  border-right: none;
}

.boardofdirectors-div {
  width: 100%;
  float: left;
  text-align: center;
  margin-bottom: 30px;
}

.boardofdirectors-div img {
  width: 100%;
  height: 297px;
}

.boardofdirectors-div h4 {
  font-size: 22px;
  margin-bottom: 0px;
}

.boardofdirectors-div p {
  font-size: 16px;
  color: #cd0000;
}

.internationalbusinessenquiries-sec {
  width: 100%;
  padding-top: 50px;
}

.internationalbusinessenquiries-div {
  width: 100%;
  background-color: #ce1f22;
  padding: 50px 40px;
}

.internationalbusinessenquiries-div img {
  filter: brightness(0) invert(1);
}

.internationalbusinessenquiries-div h4 {
  font-size: 36px;
  font-weight: 200;
  color: #fff;
  letter-spacing: 2px;
  margin-bottom: 20px;
}

.internationalbusinessenquiries-div p a {
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  text-decoration: underline;
}

#investorrelations .form-control {
  height: 45px;
  border: none;
  box-shadow: none;
  border-bottom: 1px solid #ccc;
  border-radius: 0px;
}

#investorrelations input.form-control::placeholder {
  color: #ccc;
  opacity: 1;
}

#investorrelations input.form-control:-ms-input-placeholder {
  color: #ccc;
}

#investorrelations input.form-control::-ms-input-placeholder {
  color: #ccc;
}

.investorrelations-formdiv h3 {
  margin-top: 0px;
  margin-bottom: 10px;
}

#ourrecognitions ul {
  margin: 0px;
  padding: 0px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

#ourrecognitions ul li {
  list-style-type: none;
  width: 20%;
  margin-bottom: 20px;
}

#ourrecognitions ul li img {
  width: 60%
}

.investorrelations-formdiv .form-control {
  border: none;
  border-bottom: 1px solid #666;
  height: 50px;
  margin-bottom: 30px;
  box-shadow: none;
  border-radius: 0px;
  font-size: 23px;
  letter-spacing: 1px;
  font-weight: 300;
}

.mediavideo-box {
  width: 100%;
  margin-bottom: 30px;
  position: relative;
  border: 1px solid #ccc;
  padding: 8px;
}

.mediavideo-box img {
  width: 100%;
  margin-bottom: 10px;
  height: 210px;
  max-height: 210px;
  object-fit: contain;
}

.mediavideo-box:hover p {
  color: #ce1f22;
}

.mediavideo-box p {
  font-size: 16px;
  color: #000;
  display: flex;
  justify-content: space-between;
  min-height: 70px;
}

.mediavideo-box p img {
  width: 25px;
  filter: brightness(0) invert(0);
  height: auto !important;
}

.mediavideo-box:hover p img {
  width: 25px;
  filter: brightness(1) invert(0);
}

.mediavideoicon {
  position: absolute;
  top: 30%;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: 0 auto;
  width: 50px !important;
  height: auto !important;
}

.navbarhorizetalbar {
  width: 100%;
  float: left;
  margin-bottom: 30px;
}

.navbarhorizetalbar h3 {
  margin-top: 0px;
}

.navbarhorizetalbar .nav-tabs {
  text-align: left;
  margin-bottom: 20px;
}

.navbarhorizetalbar .nav-tabs>li>a {
  padding: 10px 10px;
  text-transform: capitalize;
}

.navbarhorizetalbar .nav-tabs>li.active>a,
.navbarhorizetalbar .nav-tabs>li.active>a:hover,
.navbarhorizetalbar .nav-tabs>li.active>a:focus {
  background-color: transparent;
  color: #ce1f22
}

.navbarhorizetalbar .nav-tabs>li>a:hover {
  background-color: transparent;
  color: #ce1f22
}

.navbarhorizetalbar p {
  float: left;
}

.navbarhorizetalbar .nav-tabs>li.active>a:after {
  display: none;
}

.navbarhorizetalbar .form-control {
  width: 60%;
  float: right;
  background-color: #ce1f22;
  color: #fff;
  height: 40px;
  border-radius: 0px;
  border: none;
}

.investorrelaction-main {
  width: 100%;
  float: left;
  padding: 30px 0px 50px 0px;
  background-image: url(../images/about-mainbg.jpg);
  background-position: bottom;
  background-size: 100%;
  background-repeat: no-repeat;
}

.investorrelaction-main h1 {
  font-size: 50px;
  text-align: left;
  position: relative;
  padding-bottom: 50px;
  margin-top: 0px;
}

.investorrelaction-main h1:before {
  content: url('../images/underline.png');
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9;
  margin: 0 auto;
}

.investorrelaction-main h3 {
  color: #ce1f22;
  font-size: 30px;
  margin-bottom: 20px;
}

.investorrelaction-main p {
  font-size: 19px;
}

.investorrelaction-leftdiv {
  width: 22%;
  float: left;
}

/* .investorrelaction-leftdiv .panel-heading {padding: 20px 15px 15px 10px;} */
.investorrelaction-leftdiv .panel-group .panel {
  margin-bottom: 0px;
  margin-top: 0px;
}

.investorrelaction-leftdiv .panel-heading a:before {
  padding-top: 10px;
}

.investorrelaction-rightdiv {
  width: 78%;
  float: left;
  padding: 0px 20px;
}

.investorrelaction-main nav {
  position: relative;
  margin: 0px;
  width: 100%;
  background-color: #f2f2f2;
}

.investorrelaction-main nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.investorrelaction-main nav ul li a {
  display: block;
  padding: 10px 10px;
  color: #000;
  font-size: 18px;
  text-decoration: none;
  -webkit-transition: 0.2s linear;
  -moz-transition: 0.2s linear;
  -ms-transition: 0.2s linear;
  -o-transition: 0.2s linear;
  transition: 0.2s linear;
  display: flex;
  align-items: center;
  line-height: 18px;
}

.investorrelaction-main nav ul li a img {
  margin-right: 20px;
}

.investorrelaction-main nav ul li a span {
  width: 70%;
}

.investorrelaction-main nav ul li a:hover {
  background: #ce1f22;
  color: #fff;
}

.investorrelaction-main nav ul li a:hover img {
  filter: brightness(0) invert(1);
}

.investorrelaction-main nav ul li a:focus {
  background: #ce1f22;
  color: #fff;
}

.investorrelaction-main nav ul li a:focus img {
  filter: brightness(0) invert(1);
}

.investorrelaction-main nav ul li a .fa {
  width: 16px;
  text-align: center;
  margin-right: 5px;
  float: right;
}

.investorrelaction-main nav ul ul {
  background-color: #fff2f2;
  padding: 20px 20px;
}

.investorrelaction-main nav ul li ul li a {
  border-left: 4px solid transparent;
  padding: 10px 20px;
  font-size: 16px;
  color: #4b4b4b;
}

.investorrelaction-main nav ul li ul li a:hover {
  color: #ce1f22;
  background-color: transparent;
}

.investorrelaction-main nav ul li ul li a:focus {
  color: #ce1f22;
  background-color: transparent;
}

.investorrelaction-main nav ul li.active>a {
  color: #fff;
  border-bottom: 0px solid #ce1f22;
  background-color: #ce1f22
}

.investorrelaction-main nav ul li ul li.active>a {
  color: #ce1f22;
  border-bottom: 0px solid #ce1f22;
  background-color: transparent;
}

.investorrelaction-main nav ul li.active>a img {
  filter: brightness(0) invert(1);
}

.pdfdiv-box {
  width: 100%;
  background-color: transparent;
  border: 1px solid #a8a8a8;
  display: flex;
  padding: 10px 10px 10px 20px;
  margin-bottom: 30px;
  align-items: center;
}

.investor-pdf-icon {
  margin-right: 15px;
  filter: grayscale(1);
}

.pdfdiv-box p {
  color: #000;
  margin-right: 15px;
  margin-bottom: 0px;
  line-height: 26px;
  padding-left: 20px;
  width: 80%;
  min-height: 80px;
  display: flex;
  align-items: center;
}

.pdfdiv-box img {
  filter: grayscale(1);
}

a:hover .pdfdiv-box {
  border: 1px solid #ce1f22;
}

a:hover .pdfdiv-box p {
  color: #ce1f22
}

a:hover .pdfdiv-box img {
  filter: grayscale(0);
}

.cataloguesdiv {
  width: 100%;
  padding: 20px 10px;
  background-color: #fff;
  box-shadow: 1px 2px 3px 1px #ccc;
  text-align: center;
  float: left;
  margin-bottom: 30px;
}

/* .cataloguesdiv a{float: left;} */
.cataloguesdiv a img {
  margin-bottom: 30px;
  width: 100%;
  transform: scale(1.0);
  transition: transform 0.8s ease;
  height: 300px;
  height: 300px;
}

.cataloguesdiv:hover img {
  transform: scale(1.1);
  filter: brightness(1);
}

.cataloguesdiv:hover p {
  color: #ce1f22;
}

.cataloguesdiv-box {
  width: 100%;
  display: flex;
  align-items: flex-start;
  margin-bottom: 0px;
}

.investor-pdf-icon {
  margin-right: 15px;
  filter: grayscale(1);
  margin-bottom: 0px !important;
  width: auto;
}

.cataloguesdiv-box p {
  color: #000;
  margin-right: 10px;
  margin-bottom: 0px;
  line-height: 22px;
  min-height: 110px;
  font-size: 15px;
  text-align: left;
}

.cataloguesdiv-box p strong span {
  text-transform: uppercase;
  font-size: 14px;
  padding-left: 0px;
}

.cataloguesdiv-box p strong {
  display: block;
  text-transform: uppercase;
  font-size: 12px;
  margin-top: 10px;
  font-weight: 300;
  margin-bottom: 5px;
}

.cataloguesdiv-box img {
  filter: grayscale(1);
  margin-bottom: 0px !important;
  padding-top: 0px;
  width: 30px !important;
  height: auto !important;
}

/* a:hover .cataloguesdiv-box p{color: #ce1f22}
a:hover .cataloguesdiv-box img{filter: grayscale(0);} */

a.stateindia  span {
  text-transform: uppercase;
  font-size: 14px;
  padding-left: 0px;
}
a.stateindia {padding: 10px 0;
  float: left;min-height: 40px;
  width: 100%;
  text-align: left;
  color: #000;
}

.cataloguesdiv ul {float: left;width: 100%;
  display: flex;
  align-items: center;
  padding-left: 0px;
  margin-bottom: 0px;
}

.cataloguesdiv ul li {
  width: 50%;
  list-style-type: none;
}

.cataloguesdiv ul li a {
  font-size: 18px;
  color: #000;
  display: flex;
  align-items: center;
}

.cataloguesdiv ul li a span {
  font-size: 14px;
  padding-left: 10px;
}

.cataloguesdiv ul li a img {
  width: 26px;
  margin-bottom: 0px;
  padding-left: 10px;
  filter: grayscale(1);
  height: auto;
}

.cataloguesdiv ul li a:hover {
  color: #ce1f22;
}

.cataloguesdiv ul li a:hover img {
  filter: grayscale(0);
}


.fade-scale {
  transform: scale(0);
  opacity: 0;
  -webkit-transition: all .25s linear;
  -o-transition: all .25s linear;
  transition: all .25s linear;
}

.fade-scale.in {
  opacity: 1;
  transform: scale(1);
}

.fade-scale .modal-dialog {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%) !important;
}

.othernavdiv {
  float: right;
  position: relative;
  right: 10px;
  top: 4px;
  z-index: 9;
  cursor: pointer;
}

.othernavdiv img {
  width: 20px;
}

.othernavdiv a {
  font-size: 18px;
  color: #000;
}

.overlay {
  height: 100%;
  width: 100%;
  display: none;
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.9);
}

.overlay-content {
  position: relative;
  top: 16%;
  width: 80%;
  text-align: center;
  margin-top: 30px;
  margin: auto;
}

.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
  cursor: pointer;
  color: #ce2022;
}

.overlay .closebtn:hover {
  color: #ce2022;
}

.overlay button i {
  color: #fff
}

.overlay input[type=text] {
  padding: 15px;
  font-size: 17px;
  border: none;
  float: left;
  width: 80%;
  background: white;
  border-bottom: 1px solid #ce2022;
  position: relative;
}

.overlay input[type=text]:hover {
  background: #ffffff;
}

.overlay button {
  float: left;
  width: 5%;
  padding: 15px;
  background: #ce2022;
  font-size: 17px;
  border: none;
  cursor: pointer;
}

.overlay button:hover {
  background: #ce2022;
}

div#myOverlay {
  background-color: #fff;
  width: 100%;
  float: left;
  padding: 50px 0px;
  text-align: center;
  background-image: linear-gradient(to bottom, rgba(249, 249, 249, 0.80), rgba(255, 255, 255, 0.50)), url(../images/half-flowers-img.png);
  background-position: top left;
  background-repeat: no-repeat;
}

.overlay-content h3 {
  font-weight: 200;
  font-size: 48px;
  color: #ce2022;
  text-transform: uppercase;
  margin: 0 0 30px 0;
  text-align: left;
}

.quickconnect {
  width: 100%;
}

.quickconnect .form-control {
  border: none;
  border-bottom: 1px solid #666;
  height: 50px;
  margin-bottom: 30px;
  box-shadow: none;
  border-radius: 0px;
  font-size: 23px;
  letter-spacing: 1px;
  font-weight: 300;
}

#Quickconnect .modal-content {
  border-radius: 0px;
}

#Quickconnect .modal-header .close {
  margin-top: -2px;
  position: absolute;
  top: -15px;
  right: 5px;
  font-size: 60px;
}

#Quickconnect .modal-header h3 {
  text-align: center;
  font-size: 50px;
  color: #ce2022;
}

#Quickconnect textarea.form-control {
  height: 100px;
}

.navidiv {
  width: 100%;
  float: left;
  background-color: transparent;
  padding: 20px;
  position: relative;
  padding-left: 190px;
}

.navidiv ul {
  margin: 0px;
  padding: 0px;
  width: 245px;
  position: relative;
}

.navidiv li {
  list-style-type: none;
}

.navidiv li a span {
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  padding: 15px 20px 15px 10px;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  border-left: 2px solid #fff;
  border-bottom: 1px dashed #ccc;
}

/* .navidiv li:hover > a{color: #ce1f22; border-left: 2px solid #ce1f22;} */
/* .navidiv li a:hover{border-left: 2px solid #ce1f22;} */
.navidiv li ul,
.navidiv li ul li ul {
  opacity: 0;
  visibility: hidden;
  background-color: #fff;
  z-index: 999;
  left: 22%;
  top: 0px;
  list-style: none;
  position: absolute;
  height: auto;
  min-width: 245px;
  padding: 0px;
  margin: 0px;
}




/* event catalouge page css starthere */


.eventcatalougeinner p{
  padding: 0 20px !important;min-height: 70px;min-width: 78%;
}
.eventcatalougeinner img.eventdownoadicon{
  width: 20px !important;    margin-top: 15px;
}


/* .navidiv li ul:first-child{opacity: 1; visibility: visible; background-color: #999;
z-index: 999; left: 20%; top: 0px; list-style: none; position: absolute; height: auto;
min-width: 250px; padding: 0px; margin: 0px;}
.navidiv li > ul, .navidiv li ul li > ul{ opacity: 1; visibility: visible; left: 250px;}
 .navidiv li ul.intro, .navidiv li ul.intro ul.intro2,.navidiv li ul.intro ul.intro2 ul.intro3{display: block; opacity: 1; visibility: visible; left: 250px;} */
.navidiv li.intro>ul,
.navidiv li.intro ul li.intro2>ul,
.navidiv li.intro ul li.intro2 ul li.intro3>ul {
  display: block;
  opacity: 1;
  visibility: visible;
  left: 250px;
}

.navidiv li.intro>a span,
.navidiv li.intro ul li.intro2>a span,
.navidiv li.intro ul li.intro2 ul li.intro3>a span {
  color: #ce1f22;
  border-left: 3px solid #ce1f22;
  background-color: #f8f8f8;
}

.navidiv ul ul ul li.intro3 {
  color: #ce1f22;
  background-color: #fff;
}


/* .navidiv li:hover > ul, .navidiv li ul li:hover > ul{display: block; opacity: 1; visibility: visible; left: 250px;} */

.navidiv li ul li a {
  text-transform: uppercase;
  border-bottom: 1px dashed #ccc;
  height: auto;
}

.navidiv li ul li ul {
  left: 250px;
  top: 0px;
}

.filtterandshortby-div {
  width: 100%;
  position: fixed;
  bottom: 0px;
  z-index: 9999;
  background-color: #fff;
  padding: 15px 0px;
  display: none;
  box-shadow: 1px 2px 5px 1px #ccc;
}

.filtterandshortby-div ul {
  margin: 0px;
  padding: 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.filtterandshortby-div ul li {
  list-style-type: none;
  padding: 0px 10px;
  border-right: 1px solid #ccc;
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.filtterandshortby-div ul li a {
  font-size: 16px;
  color: #000;
  line-height: 15px;
}

.filtterandshortby-div ul li a img {
  width: 20px;
  margin-right: 10px;
}

.filtterandshortby-div ul li a i {
  margin-right: 10px;
}

.filtterandshortby-div ul li:last-child {
  border-right: none;
}

.sidenav {
  width: 0;
  position: fixed;
  z-index: 999999;
  top: 0;
  left: 0;
  background-color: #fff;
  overflow-x: hidden;
  transition: 0.5s;
  margin-top: 0px;
  height: 100vh;
}
#shortby.sidenav {
  width: 100%;
  display: none;
}
#mySidenav.sidenav {
  width: 100%;
  display: none;
}
/* .sidenav a {padding: 8px 8px 8px 32px; text-decoration: none; font-size: 25px; color: #818181;
  display: block; transition: 0.3s;}
.sidenav a:hover {color: #f1f1f1;} */
.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

#shortby ul {
  margin: 0px;
  padding: 0px;
  margin-bottom: 30px;
}

#shortby ul li {
  list-style-type: none;
  padding: 10px 10px;
}

#shortby ul li:last-child {
  border-bottom: none;
}

#shortby ul li a {
  display: flex;
  font-size: 16px;
  color: #000;
  font-weight: 300;
}

@media screen and (max-height: 450px) {
 
  .sidenav {
    padding-top: 15px;
  }

  .sidenav a {
    font-size: 18px;
  }
}

/* .styled-checkbox {position: absolute; opacity: 0;}
.styled-checkbox + label {position: relative; cursor: pointer; padding: 0;}
.styled-checkbox + label:before {content: ""; margin-right: 10px; display: inline-block; vertical-align: text-top;
  width: 20px; height: 20px; background: white;}
.styled-checkbox:hover + label:before {background: #f35429;}
.styled-checkbox:focus + label:before {box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);}
.styled-checkbox:checked + label:before {background: #f35429;}
.styled-checkbox:disabled + label {color: #b8b8b8; cursor: auto;}
.styled-checkbox:disabled + label:before {box-shadow: none; background: #ddd;}
.styled-checkbox:checked + label:after {content: ""; position: absolute; left: 5px; top: 9px; background: white;
  width: 2px; height: 2px; box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
  transform: rotate(45deg);} */

.voicesearch {
  position: absolute;
  right: 22%;
  margin-top: 5px;
}

.accountdetails-div h3 {
  border-bottom: 1px solid #ce1f22;
}

.accountdetails-div h4 {
  font-size: 26px;
  color: #666;
  font-weight: bold;
}

.accountdetails-div ul {
  margin: 0px;
  padding: 0px;
}

.accountdetails-div ul li {
  list-style-type: none;
  display: inline-block;
  border-right: 1px solid #000;
}

.accountdetails-div ul li:first-child {
  padding-left: 0px;
}

.accountdetails-div ul li:last-child {
  border-right: none;
}

.accountdetails-div ul li a {
  font-size: 20px;
  padding: 0px 20px;
  line-height: 20px;
}


.accountdetails-div h4 {
  font-size: 26px;
  color: #666;
  font-weight: bold;
}

.accountdetails-div ul {
  margin: 0px;
  padding: 0px;
}

.accountdetails-div ul li {
  list-style-type: none;
  display: inline-block;
  border-right: 1px solid #000;
}

.accountdetails-div ul li:first-child {
  padding-left: 0px;
}

.accountdetails-div ul li:last-child {
  border-right: none;
}

.accountdetails-div ul li a {
  font-size: 20px;
  padding: 0px 20px;
  line-height: 20px;
}

.ourbrand-nnerdiv {
  width: 100%;
  height: 350px;
  max-height: 350px;
  overflow: hidden;
  position: relative;
}

.brandlogo-div {
  position: absolute;
  top: 32%;
  padding: 15px;
  right: 0px;
  z-index: 9999;
  bottom: 0px;
  left: 32%;
  background-color: rgba(255, 255, 255, 0.7);
  width: 40%;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.brandlogo-div img {
  position: inherit;
  width: 100%;
}

.nodata {
  font-size: 40px;
  text-align: center;
  color: #ce1f22;
  padding-top: 50px;
}

#innerbanner-slider .owl-item {
  position: relative;
}

#innerbanner-slider .owl-nav {
  display: none;
}

#livingroom-weloved .owl-dots {
  display: block;
}

.sidebar-contact {
  position: fixed;
  top: 55%;
  right: -350px;
  transform: translateY(-50%);
  width: 350px;
  height: auto;
  padding: 10px;
  background: #fff;
  box-sizing: border-box;
  transition: 0.5s;
  z-index: 999;
  box-shadow: 0px 0px 15px -4px #ccc;
}

.sidebar-contact .form-control {
  border: none;
  border-bottom: 1px solid #666;
  height: 40px;
  margin-bottom: 10px;
  box-shadow: none;
  border-radius: 0px;
  font-size: 20px;
  letter-spacing: 1px;
  font-weight: 300;
}

.sidebar-contact textarea.form-control {
  height: 70px;
}

.scroll img {
  width: 20px;
  float: right;
}

.sidebar-contact .btn-style-one {
  padding: 5px 30px;
}

.sidebar-contact.active {
  right: 0;
}

.toggle {
  position: absolute;
  text-align: center;
  cursor: pointer;
  background: #f00;
  top: 0;
  left: -48px;
  line-height: 48px;
  box-shadow: -7px 4px 6px 0px #ccc;
}

.toggle:before {
  content: 'contact';
  font-family: fontAwesome;
  font-size: 18px;
  color: #fff;
  display: inline-block;
  white-space: nowrap;
  -webkit-transform: translate(1.1em, 0) rotate(90deg);
  -moz-transform: translate(1.1em, 0) rotate(90deg);
  -o-transform: translate(1.1em, 0) rotate(90deg);
  transform: translate(1.1em, 0) rotate(90deg);
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
  /* IE9+ */
  -ms-transform: none;
  -ms-transform-origin: none;
  /* IE8+ */
  -ms-writing-mode: tb-rl;
  /* IE7 and below */
  *writing-mode: tb-rl;
}

.toggle.active:before {
  content: '\f00d';
}

/* @media(max-width:768px)
{
  .sidebar-contact{
    width:100%;
    height:100%;
    left:-100%;
  }
  .sidebar-contact .toggle{
    top:50%;
    transform:translateY(-50%);
    transition:0.5s;
  }
  .sidebar-contact.active .toggle
  {
    top:0;
    right:0;
    transform:translateY(0);
  }
  .scroll{
    width:100%;
    height:100%;
    overflow-y:auto;
  }
  .content{
    padding:50px 50px;
  }
} */


.glass-case * {
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
  padding: 0;
  margin: 0;
  border: 0;
}

.glass-case *:before,
.glass-case *:after {
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
}

.glass-case {
  position: relative;
  width: 100% !important;
}

/*********************DISPLAY***************************/
.gc-display-area {
  position: absolute;
  overflow: hidden;
  /* border: 2px solid #F5F5F5; padding: 2px; */
  background-color: #fff;
  width: 100% !important;
  background-image: url(../images/sonamy-border-img.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.gc-display-container {
  position: relative;
  overflow: hidden;
  top: 52%;
  left: 50%;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}

.gc-display-display {
  position: relative;
  height: 100%;
  width: 100%;
  max-height: 96%;
  max-width: 100%;
  cursor: crosshair;
  opacity: 1;
}

/*********************LENS***************************/
.gc-lens {
  position: absolute;
  overflow: hidden;
  z-index: 1000;
  cursor: crosshair;
  background: #CECECE;
  opacity: .5 !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /* IE 5-7 */
  filter: alpha(opacity=50) !important;
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
}

/*********************ZOOM***************************/
.gc-zoom {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: auto;
  z-index: 1040 !important;
  border: 2px solid #f5f5f5;
  padding: 2px;
  background-color: #fff;
}

.gc-zoom-inner {
  cursor: crosshair;
  border: 0 !important;
  left: -2px !important;
  top: -2px !important;
  margin: 0 !important;
  z-index: 1010 !important;
}

.gc-zoom-container {
  position: relative;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}

.gc-zoom-container img {
  position: relative;
  max-width: none !important;
}

/*********************CAPTION**********************/
.gc-caption-container {
  position: absolute;
  overflow: hidden;
  width: 100%;
  padding: 2px;
  z-index: 1050 !important;
  background-color: rgba(255, 255, 255, 0.5);
  line-height: 1.6;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: italic;
  color: #333;
  font-size: 0.9em;
}

.gc-caption-container div {
  position: relative;
  padding: 0 12px 0 12px;
}

.gc-caption-intop {
  left: 0;
  top: 0;
}

.gc-caption-inbottom {
  left: 0;
  bottom: 0;
}

.gc-caption-outtop,
.gc-caption-outbottom {
  width: 100%;
  width: calc(100% + 4px);
  border: 2px solid #f5f5f5;
  background: #fff;
}

.gc-caption-outtop {
  top: 0;
  left: -2px;
  -webkit-transform: translate(0, -100%);
  -moz-transform: translate(0, -100%);
  -ms-transform: translate(0, -100%);
  -o-transform: translate(0, -100%);
  transform: translate(0, -100%);
}

.gc-caption-outbottom {
  bottom: 0;
  left: -2px;
  -webkit-transform: translate(0, 100%);
  -moz-transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  -o-transform: translate(0, 100%);
  transform: translate(0, 100%);
}

.gc-alignment-center {
  text-align: center;
}

.gc-alignment-left {
  text-align: left;
}

.gc-alignment-right {
  text-align: right;
}

/*********************UL***************************/
.gc-thumbs-area {
  position: absolute;
  overflow: hidden;
  background-color: transparent;
}

.gc-thumbs-area-prev,
.gc-thumbs-area-next {
  position: absolute;
  z-index: 1010;
}

.gc-thumbs-area.gc-hz .gc-thumbs-area-prev,
.gc-thumbs-area.gc-hz .gc-thumbs-area-next {
  top: 0;
  height: 100%;
  min-height: 100%;
  width: 5%;
}

.gc-thumbs-area.gc-vt .gc-thumbs-area-prev,
.gc-thumbs-area.gc-vt .gc-thumbs-area-next {
  left: 0;
  width: 100%;
  min-width: 100%;
  height: 5%;
}

.gc-thumbs-area.gc-hz .gc-thumbs-area-prev {
  left: 0;
}

.gc-thumbs-area.gc-hz .gc-thumbs-area-next {
  right: 0;
}

.gc-thumbs-area.gc-vt .gc-thumbs-area-prev {
  top: 0;
}

.gc-thumbs-area.gc-vt .gc-thumbs-area-next {
  bottom: 0;
}

.gc-thumbs-area-prev:hover,
.gc-thumbs-area-next:hover {
  opacity: 1;
  cursor: pointer;
  cursor: hand;
}

.gc-thumbs-area-prev .gc-disabled,
.gc-thumbs-area-next .gc-disabled,
.gc-thumbs-area-prev .gc-disabled:hover,
.gc-thumbs-area-next .gc-disabled:hover {
  opacity: .3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  /* Netscape */
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  cursor: default;
}

.glass-case ul {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  border: 0;
  padding: 0;
  height: 100%;
  list-style: none;
}

.glass-case ul li {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  border: 2px solid #f5f5f5;
  padding: 2px;
  background-color: #fff;
}

.gc-thumbs-area.gc-hz li {
  display: inline;
  float: left;
  max-width: 100%;
  max-height: 100%;
  margin-right: 5px;
}

.gc-thumbs-area.gc-vt li {
  margin-bottom: 5px;
}

.glass-case ul li .gc-li-display-container {
  position: relative;
  overflow: hidden;
  height: 100%;
  width: 100%;
  display: inline-block;
}

.glass-case ul li:hover {
  border-color: #4f4f4f;
  cursor: pointer;
  cursor: hand;
}

.glass-case ul li.gc-active,
.glass-case ul li.gc-active:hover {
  border-color: #669966;
  cursor: default;
}

.glass-case ul li .gc-li-display-container img {
  position: relative;
  top: 50%;
  left: 50%;
}

/*********************OVERLAY***************************/
.gc-overlay-area {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2147483647 !important;
  background-color: rgb(204, 204, 204);
  background-color: rgba(51, 51, 51, 0.95);
}

.gc-overlay-gcontainer {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
}

.gc-overlay-container {
  position: relative;
  overflow: auto;
  width: 100%;
  height: 100%;
  padding: 0;
}

.gc-overlay-container-display {
  position: absolute;
  overflow: auto;
  width: 100%;
  height: 100%;
  padding: 0;
}

.gc-ocd-top {
  top: 0;
}

.gc-ocd-bottom {
  bottom: 0;
}

.gc-overlay-fit {
  padding: 4em 5.5em 1em 5.5em;
  overflow: hidden;
}

.gc-overlay-display {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  cursor: crosshair;
}

.gc-overlay-display-center {
  max-width: 100%;
  max-height: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.gc-overlay-display-vcenter {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.gc-overlay-display-hcenter {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

.gc-overlay-top-icons {
  position: absolute;
  top: 0;
  padding: 1em 1.5em 1em 0;
  width: 100%;
  height: 4em;
}

.gc-overlay-left-icons {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  padding: 0 1em 0 1.5em;
  height: 100%;
  width: 5.5em;
}

.gc-overlay-right-icons {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 1.5em 0 1em;
  height: 100%;
  width: 5.5em;
}

.gc-icon:before {
  line-height: 1;
}

.gc-icon {
  font-family: 'fontAwesome';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  z-index: 1020;
  cursor: pointer;
  cursor: hand;
  color: #fff;
  opacity: .7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  height: 1em;
  width: 1em;
  line-height: 0;
  background: rgb(206, 31, 34);
  background: rgba(206, 31, 34, 0.5);
  border: 2px solid #ce1f22;
}

.gc-icon:hover {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
}

.gc-disabled .gc-icon:hover,
.gc-disabled .gc-icon:hover,
.gc-disabled .gc-icon,
.gc-disabled .gc-icon {
  opacity: .3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  /* Netscape */
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  cursor: default;
}

/* *** ICON NEXT *** */
.gc-icon-next {
  top: 50%;
  right: -2px;
}

.gc-icon-next:before {
  position: absolute;
  top: 0px;
  right: 0px;
  content: '\f105 ';
  font-family: 'fontAwesome';
  left: 0px;
  margin: 0 auto;
  text-align: center;
  line-height: 35px;
}

.gc-icon-next-vt {
  bottom: 0;
  left: 50%;
}

.gc-icon-next-vt:before {
  position: absolute;
  top: -2px;
  left: -2px;
  content: "\f053";
  font-family: 'fontAwesome';
}

.gc-display-area .gc-icon-next {
  font-size: 3em !important;
}

.gc-thumbs-area-next .gc-icon-next {
  right: 0;
  font-size: 2em !important;
}

.gc-thumbs-area-next .gc-icon-next-vt {
  font-size: 1.5em !important;
}

.gc-overlay-area .gc-icon-next {
  position: relative;
  right: 0;
  font-size: 3em;
}

/* *** ICON PREV *** */
.gc-icon-prev {
  top: 50%;
  left: -2px;
}

.gc-icon-prev:before {
  position: absolute;
  top: 0px;
  right: 0px;
  content: "\f104";
  font-family: 'fontAwesome';
  left: 0;
  margin: 0 auto;
  text-align: center;
  line-height: 35px;
}

.gc-icon-prev-vt {
  top: 0;
  left: 50%;
}

.gc-icon-prev-vt:before {
  position: absolute;
  top: -2px;
  left: -2px;
  content: "\e083";
  font-family: 'fontAwesome';
}

.gc-display-area .gc-icon-prev {
  font-size: 3em !important;
}

.gc-thumbs-area-prev .gc-icon-prev {
  font-size: 2em !important;
}

.gc-thumbs-area-prev .gc-icon-prev-vt {
  font-size: 1.5em !important;
}

.gc-overlay-area .gc-icon-prev {
  position: relative;
  left: 0;
  font-size: 3em;
}

/* *** ICON DOWNLOAD *** */
.gc-icon-download {
  right: -2px;
  bottom: 0;
  font-size: 2em;
  overflow: hidden;
  display: none !important;
}

.gc-icon-download:before {
  position: absolute;
  top: -4px;
  left: -2px;
  content: "\e064";
  font-family: 'fontAwesome';
  display: none;
}

/* *** ICON CLOSE *** */
.gc-icon-close {
  position: relative;
  font-size: 2em;
  float: right;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
}

.gc-icon-close:before {
  position: absolute;
  content: "\f00d";
  font-family: "fontAwesome";
  top: 3px;
  right: 7px;
  font-weight: 400;
}

.gc-icon-enlarge {
  position: relative;
  float: right;
  margin-right: 0.25em;
  font-size: 2em;
  display: none !important
}

.gc-icon-enlarge:before {
  position: absolute;
  content: '\e017';
  font-family: 'fontAwesome';
  top: -2px;
  display: none !important;
  right: -2px;
}

.gc-icon-compress {
  position: relative;
  float: right;
  margin-right: 0.25em;
  font-size: 2em;
}

.gc-icon-compress:before {
  position: absolute;
  content: '\e053';
  font-family: 'fontAwesome';
  top: -2px;
  right: -2px;
}

/*********************LOADING***************************/
.gc-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 31px;
  height: 31px;
  margin-left: -15px;
  margin-top: -15px;
  background-image: url(../images/loader.gif);
}

.gc-loading3 {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -15px;
  margin-top: -15px;
  font-size: 0.25em;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(102, 153, 102, 0.2);
  border-right: 1.1em solid rgba(102, 153, 102, 0.2);
  border-bottom: 1.1em solid rgba(102, 153, 102, 0.2);
  border-left: 1.1em solid #669966;
  -webkit-animation: loadGC 1.1s infinite linear;
  animation: loadGC 1.1s infinite linear;
}

.gc-loading3,
.gc-loading3:after {
  border-radius: 50%;
  width: 30px;
  height: 30px;
}

@-webkit-keyframes loadGC {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

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

@keyframes loadGC {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

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

/*********************GENERAL***************************/
.gc-hide {
  display: none;
  z-index: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  /* IE 5-7 */
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
}

.gc-noscroll {
  overflow: hidden;
}

.gc-start {
  display: none;
  z-index: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  /* IE 5-7 */
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
}

.intro2>ul {
  height: 325px !important;
  max-height: 325px;
  overflow: auto;
}

/* .intro2 ul{height: 325px; max-height: 325px; overflow-y: scroll;}
.intro ul{height: 325px; max-height: 325px; overflow-y: scroll;} */
.intro2>ul::-webkit-scrollbar {
  width: 3px;
}

.intro2>ul::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.intro2>ul::-webkit-scrollbar-thumb {
  background-color: #ce1f22;
  outline: 1px solid #ce1f22;
}

select.form-control::-webkit-scrollbar {
  width: 3px;
}

select.form-control::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

select.form-control::-webkit-scrollbar-thumb {
  background-color: #ce1f22;
  outline: 1px solid #ce1f22;
}

.socialhoverdiv {
  position: absolute;
  top: 45px;
  background-color: #fff;
  width: 100px;
  right: 15px;
}

.socialhoverdiv ul {
  margin: 0px;
  padding: 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.socialhoverdiv ul li {
  list-style-type: none;
  padding-top: 5px;
  display: inline-block;
}

.socialhoverdiv ul li a img {
  filter: brightness(1) invert(0);
  width: 25px;
}

.othercategories-boxcontentrightdiv a:hover .socialhoverdiv {
  display: block;
}

#ourbrandabout-slider .owl-nav {
  display: none;
}

#livingroom-weloved .owl-stage-outer {
  overflow: hidden;
  height: 500px;
}

.introcate {
  border: 1px solid #ce1f22;
}

.style-2::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #f8f8f8;
}

.style-2::-webkit-scrollbar {
  width: 4px;
  background-color: #f8f8f8;
  border-radius: 10px;
}

.style-2::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: #ce1f22;
}

.investorrelaction-rightdiv .tab-content {
  padding-left: 20px;
  padding-right: 20px;
}

#videoModal .modal-dialog {
  width: 800px;
  margin: 80px auto;
}

#videoModal .modal-body {
  position: relative;
  padding: 0px;
}

#videoModal button.close {
  right: -10px;
  top: -10px;
}

#videoModal .modal-content {
  background-color: transparent;
  box-shadow: none;
  border: none;
}

#cartoonVideo {
  border: none;
}

#videoModal button img {
  width: 35px;
}

#videoModal .close:hover {
  opacity: 10;
}

.colorlidiv span {
  display: flex !important;
  justify-content: flex-start !important;
}

.colorbodydiv {
  width: 15px;
  height: 15px;
  border-radius: 50px;
  float: right;
  margin-left: 15px !important;
  box-shadow: 0px 0px 3px 1px #ccc;
}

.humbergermenu {
  position: absolute;
  bottom: 50px;
  right: 50px;
  z-index: 999;
}

.material-button-anim {
  position: relative;
  padding: 0px 15px 0px;
  text-align: right;
  /* max-width: 320px; */
  margin: 0 auto 60px;
  position: fixed;
  bottom: 0px;
  right: 0px;
  display: none;
}

.material-button {
  position: relative;
  top: 0;
  z-index: 1;
  width: 40px;
  height: 40px;
  font-size: 16px;
  color: #fff;
  background: #ce2022;
  border: none;
  border-radius: 50%;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .275);
  outline: none;
}

.material-button-toggle {
  z-index: 3;
  width: 40px;
  height: 40px;
  margin: 0 auto;
  line-height: 43px;
}

.list-inline>li {
  padding-right: 0px;
  padding-left: 0px;
}

.material-button-toggle span {
  -webkit-transform: none;
  transform: none;
  -webkit-transition: -webkit-transform .175s cubic-bazier(.175, .67, .83, .67);
  transition: transform .175s cubic-bazier(.175, .67, .83, .67);
}

.material-button-toggle.open {
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
  -webkit-animation: toggleBtnAnim .175s;
  animation: toggleBtnAnim .175s;
}

.material-button-toggle.open span {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: -webkit-transform .175s cubic-bazier(.175, .67, .83, .67);
  transition: transform .175s cubic-bazier(.175, .67, .83, .67);
}

#options {
  height: 20px;
  /* transform: rotate(-45deg); */
}

.option {
  position: relative;
}

.option .option1,
.option .option2,
.option .option3 {
  filter: blur(5px);
  -webkit-filter: blur(5px);
  -webkit-transition: all .175s;
  transition: all .175s;
}

.option .option1 {
  -webkit-transform: translate3d(90px, 90px, 0) scale(0, 0);
  transform: translate3d(90px, 90px, 0) scale(0, 0);
}

.option .option2 {
  -webkit-transform: translate3d(0, 90px, 0) scale(0, 0);
  transform: translate3d(0, 90px, 0) scale(0, 0);
}

.option .option3 {
  -webkit-transform: translate3d(-90px, 90px, 0) scale(0, 0);
  transform: translate3d(-90px, 90px, 0) scale(0, 0);
}

.option.scale-on .option1,
.option.scale-on .option2,
.option.scale-on .option3 {
  filter: blur(0);
  -webkit-filter: blur(0);
  -webkit-transform: none;
  transform: none;
  -webkit-transition: all .175s;
  transition: all .175s;
}

.option.scale-on .option2 {
  -webkit-transform: translateY(-28px) translateZ(0);
  transform: translateY(-28px) translateZ(0);
  -webkit-transition: all .175s;
  transition: all .175s;
}

@keyframes toggleBtnAnim {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  25% {
    -webkit-transform: scale(1.4, 1.4);
    transform: scale(1.4, 1.4);
  }

  75% {
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
  }

  100% {
    -webkit-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
  }
}

@-webkit-keyframes toggleBtnAnim {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  25% {
    -webkit-transform: scale(1.4, 1.4);
    transform: scale(1.4, 1.4);
  }

  75% {
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
  }

  100% {
    -webkit-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
  }
}


.navbar-default .navbar-toggle {
  border-color: transparent;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #ce2022;
  border-radius: 0px;
}

.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar {
  background-color: #fff;
}

.nb-nav {
  padding-left: 0;
  list-style: none;
  height: 100vh;
  overflow-y: scroll;
}

.nb-nav ul {
  padding-left: 0;
  list-style: none;
}

.nb-nav li {
  position: relative;
}

.nb-nav li a {
  display: block;
  outline: 0;
  padding: 15px 10px;
  font-size: 16px;
  font-weight: 400;
  color: #000;
  text-transform: uppercase;
  border-bottom: 1px dashed #1c1b24;
}

.nb-nav li a:hover,
.nb-nav li a:focus {
  color: #000;
  text-decoration: none;
  -webkit-box-shadow: inset 3px 0 0 #ce2022;
  box-shadow: inset 3px 0 0 #ce2022;
}

.nb-nav li a:hover .badge,
.nb-nav li a:focus .badge {
  color: #EEE;
}

.nb-nav li a>.nb-link-icon {
  padding-right: 8px;
}

.nb-nav li a>.nb-btn-sub-collapse {
  position: absolute;
  right: 10px;
  top: 20px;
}

.nb-nav li a>.badge {
  position: absolute;
  right: 24px;
  top: 6px;
  padding: 3px 10px;
  color: #a7a9ac;
  background-color: transparent;
  border: 1px solid #4f4a65;
}

.nb-nav li a.collapsed .nb-btn-sub-collapse {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.nb-nav li.active>a {
  background-color: rgba(255, 152, 0, 0.1);
  -webkit-box-shadow: inset 3px 0 0 orange;
  box-shadow: inset 3px 0 0 orange;
}

.nb-nav li .nb-sub-one {
  background-color: transparent;
  padding: 0px 20px;
}

/* .nb-nav li .nb-sub-one li {
  border-top: 1px solid #1c1b24;
} */
.nb-nav li .nb-sub-one li a {
  display: block;
  color: #666;
}

.nb-nav li .nb-sub-one li a:hover,
.nb-nav li .nb-sub-one li a:focus {
  color: #000;
}

.nb-nav li .nb-sub-one li a>.nb-link-icon {
  padding-right: 8px;
}

.nb-nav li .nb-sub-one li a>.badge {
  color: #a7a9ac;
  background-color: transparent;
}

/* .nb-nav li .nb-sub-one li.active > a {
} */
.nb-nav li .nb-sub-two {
  background-color: transparent;
}

/* .nb-nav li .nb-sub-two li {
  border-top-color: 1px solid #282533;
} */
.nb-nav li .nb-sub-two li a {
  color: #666;
}

.nb-nav li .nb-sub-two li a::before {
  content: '\f105 ';
  font-family: 'fontAwesome';
  margin-right: 10px;
}

.nb-nav li .nb-sub-two li a:hover,
.nb-nav li .nb-sub-two li a:focus {
  color: #ce2022;
  background-color: transparent;
  -webkit-box-shadow: inset 0px 0 0 #282533;
  box-shadow: inset px 0 0 #282533;
}

.nb-nav li .nb-sub-two li a>.badge {
  color: #a7a9ac;
  background-color: transparent;
  border: 1px solid #211f2a;
}

.nb-nav li .nb-sub-two li.active>a {
  background-color: #1c1b24;
  -webkit-box-shadow: inset 3px 0 0 #1c1b24;
  box-shadow: inset 3px 0 0 #1c1b24;
}

.sizediv {
  width: 100%;
  height: 200px;
  overflow-y: scroll;
}

.filerenddiv {
  width: 100%;
  box-shadow: 0px -2px 6px 1px #ccc
}

.filerenddiv ul {
  margin: 0px;
  padding: 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.filerenddiv ul li {
  list-style-type: none;
  padding: 10px 10px;
  border-right: 1px solid #ccc;
  width: 50%;
}

.filerenddiv ul li:last-child {
  border-right: none;
}

.filerenddiv ul li a {
  font-size: 16px;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 0px;
}

.closenavbar {
  font-size: 30px;
  color: #000;
}

/* @media (max-width: 414px) {
  .navbar-collapse {
      position: fixed;
      top: 50px;
      right: 0;
      padding-left: 15px;
      padding-right: 15px;
      padding-bottom: 15px;
      width: 100%;
      height: 100%;
      transition: all 0.5s ease-in-out;
      z-index: 9999;
      background-color: #fff;
  }

  .navbar-collapse.collapsing {
      right: -100%;
      transition: all 0.5s ease-in-out;
  }

  .navbar-collapse.show {
      right: 0;
      transition: all 0.5s ease-in-out;
  }

  .navbar-toggler.collapsed ~ .navbar-collapse {
      transition: all 0.5s ease-in-out;
  }
} */


button#togglenewone {
  background: transparent;
  border: none;
  width: 50px;
  height: 30px;
  cursor: pointer;
  outline: 0;
  float: right;
  margin-top: 10px;
  display: none;
  padding-right: 15px;
}

.togglenewone span {
  width: 100%;
  height: 3px;
  background: #ce1f22;
  display: block;
  position: relative;
  cursor: pointer;
}

.togglenewone span:before,
.togglenewone span:after {
  content: '';
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ce1f22;
  transition: all 0.3s ease-out;
}

.togglenewone span:before {
  top: -8px;
}

.togglenewone span:after {
  top: 8px;
}

.togglenewone span.togglenewone {
  background: transparent;
}

.togglenewone span.togglenewone:before {
  top: 0;
  transform: rotate(-45deg);
  background: #ce1f22;
}

.togglenewone span.togglenewone:after {
  top: 0;
  transform: rotate(45deg);
  background: #ce1f22;
}

.sidebarupdtedone {
  background: #fff;
  width: 100%;
  position: fixed;
  top: 50px;
  right: -100%;
  height: 100%;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  padding: 20px;
  transition: all 0.3s ease-out;
  z-index: 9999;
}

.sidebarshow {
  right: 0;
}

/* .sidebarupdtedone ul {
  list-style:none;

}

.sidebarupdtedone ul li {
  display:block;
}

.sidebarupdtedone ul li a {
  padding:8px 15px;
  font-size:16px;
  color:#222;
  font-family:arial;
  text-decoration:none;
  display:block;
  position:relative;
  z-index:1;
  transition:all 0.3s ease-out;
  font-weight:500;
}

.sidebarupdtedone ul li a:before {
  content:'';
  position:absolute;
  bottom:0;
  left:50%;
  right:50%;
  transform:translate(-50%,-50%);
  width:0;
  height:1px;
  background:#4CAF50;
  z-index:-1;
  transition:all 0.3s ease-out;
}

.sidebarupdtedone ul li a:hover:before {
  width:100%;
}

.sidebarupdtedone ul li a:hover {
  color:#4CAF50;
} */
#tilecalculator h3 {
  font-size: 40px;
}

#tilecalculator .form-control {
  height: 50px;
  border-radius: 0px;
  box-shadow: none;
  font-size: 20px;
  margin-bottom: 20px;
}

#tilecalculator p {
  font-size: 20px;
  margin-bottom: 20px;
}

#tilecalculator label {
  font-size: 20px;
  display: flex;
  font-weight: 300;
  margin-bottom: 30px;
  align-items: center;
  /* width: 30%; */
  float: left;
  margin-right: 20px;
}
#main-dimension label{margin-bottom: 10px !important;}

#tilecalculator input[type="radio"],
input[type="checkbox"] {
  margin-top: 0px;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  margin-bottom: 0px;
}

.select2-container--default .select2-selection--single {
  height: 50px !important;
  border-radius: 0px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 11px !important;
  display: none !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  font-size: 18px !important;
  line-height: 48px !important;
}

.blogdetail-main li {
  font-size: 20px;
  padding: 10px 0;
  font-weight: 300;
}

.paginationjs .paginationjs-pages li>a {
  min-width: 50px !important;
  height: 50px !important;
  line-height: 50px !important;
}

.paginationjs .paginationjs-pages {
  float: right !important;
}

.paginationjs .paginationjs-pages li.active>a {
  background: #ce1f22 !important;
  height: 52px !important;
}

.paginationjs .paginationjs-pages li>a:hover {
  background: #ce1f22 !important;
  color: #fff;
}

#homevideoslider .owl-nav {
  display: block;
}

#homevideoslider.offers .owl-prev {
  left: 20px;
}

#homevideoslider.offers .owl-next {
  right: 20px;
}

#homevideoslider .owl-dots {
  display: none;
}

.expriencecenter-div {
  width: 100%;
  float: left;
  border: 1px solid #ccc;
  margin-top: 30px;
}

.expriencecenter-div img {
  width: 100%;
}

.expriencecenter-div h3 {
  padding-left: 15px;
  padding-right: 15px;
  font-size: 20px;
}

.expriencecenter-div h6 {
  padding-left: 15px;
  padding-right: 15px;
  font-size: 18px;
  color: #666;
}

.photo-gallery {
  color: #313437;
  background-color: #fff;
}

.photo-gallery p {
  color: #7d8285;
}

.photo-gallery h2 {
  font-weight: bold;
  margin-bottom: 40px;
  padding-top: 40px;
  color: inherit;
}

@media (max-width:767px) {
  .photo-gallery h2 {
    margin-bottom: 25px;
    padding-top: 25px;
    font-size: 24px;
  }
}

.photo-gallery .intro {
  font-size: 16px;
  max-width: 500px;
  margin: 0 auto 40px;
}

.photo-gallery .intro p {
  margin-bottom: 0;
}

.photo-gallery .photos {
  padding-bottom: 20px;
}

.photo-gallery .item {
  padding-bottom: 30px;
}

.experiencecenter-div {
  width: 100%;
}

.experiencecenter-div img {
  width: 100%;
}

.lb-outerContainer {
  background-color: transparent;
  border-radius: 0px;
}

.anintergratedleaning-sliderdiv {
  display: flex;
  justify-content: space-between;
}

.bannerform {
  width: 400px;
  background-color: #ddd;
  padding: 20px 40px;
  position: absolute;
  right: 5%;
  top: 2%;
}

.bannerform h3 {
  font-size: 30px;
  margin-bottom: 20px;
  margin-top: 0px;
}

.bannerform .form-group {
  position: relative;
}

.bannerform .form-control {
  height: 40px;
  font-size: 16px;
}

.bannerform p {
  font-size: 14px;
}

.bannerform label {
  font-size: 18px;
  margin-bottom: 0px;
}

#wishlist h3 {
  margin-bottom: 40px;
}

#wishlist h3 span {
  float: right;
  position: inherit;
  font-size: 20px;
  color: #fff;
  cursor: pointer;
}

/* #wishlist h3 span:hover {
  background-color: #ce1f22;
  color: #fff;
} */

.termandcondition {
  display: flex;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 10px;
  position: relative;
}

.termandcondition span {
  bottom: -15px !important;
  left: 0px !important;
}

.othercategories-boxcontentrightdiv span {
  position: inherit;
}

.othercategories-boxcontentrightdiv span a {
  color: #ce1f22;
}

.bannerform span {
  position: absolute;
  bottom: 10px;
  z-index: 9;
  right: 20px;
}

.othermainslider {
  height: 670px;
}

.othermainslider .carousel-inner>.item>img {
  width: 100%;
  height: 670px;
}

.thankyou-main {
  text-align: center;
  width: 100%;
  float: left;
  padding: 50px 0px;
}

.thankyou-main h1 {
  font-size: 60px;
  margin-top: 0px;
}

.thankyou-main p {
  font-size: 30px;
}

.thankyou-main a {
  color: #ce1f22;
  font-size: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.thankyou-main a i {
  padding-left: 15px;
}

.bathwarepagesingle {
  padding-top: 50px;
}

#dealerLoginModal .modal-body {
  text-align: center;
  padding-top: 40px;
}

#dealerLoginModal .modal-body p {
  font-size: 35px;
}

#dealerLoginModal .modal-body {
  font-size: 30px;
  color: #ce1f22;
}

#dealerLoginModal button.close {
  right: -20px;
  top: -20px;
}

#dealerLoginModal button.close img {
  width: 40px;
}

#addToWishlistModal .modal-body {
  text-align: center;
  padding-top: 40px;
}

#addToWishlistModal .modal-body p {
  font-size: 35px;
}

#addToWishlistModal .modal-body {
  font-size: 30px;
  color: #ce1f22;
}

#addToWishlistModal button.close {
  right: -20px;
  top: -20px;
}

#addToWishlistModal button.close img {
  width: 40px;
}

#editAccountInfoModal .modal-body {
  padding-top: 40px;
  padding-bottom: 50px;
}

#editAccountInfoModal .modal-body p {
  text-align: center;
  font-size: 30px;
}

#editAccountInfoModal button.close {
  right: -20px;
  top: -20px;
}

#editAccountInfoModal button.close img {
  width: 40px;
}

#editAccountInfoModal .modal-dialog {
  width: 750px;
  margin: 30px auto;
}

#editAccountInfoModal label {
  font-weight: 300;
  font-size: 18px;
  margin-top: 1px;
}

#editAccountInfoModal .form-control {
  height: 45px;
  font-size: 18px;
  margin-bottom: 10px;
}

#editAccountInfoModal .form-group {
  position: relative;
  margin-bottom: 20px;
}

#editAccountInfoModal span {
  position: absolute;
  bottom: -20px;
}

#changePasswordModal .modal-body {
  padding-top: 40px;
  padding-bottom: 50px;
}

#changePasswordModal .modal-body p {
  text-align: center;
  font-size: 30px;
}

#changePasswordModal button.close {
  right: -20px;
  top: -20px;
}

#changePasswordModal button.close img {
  width: 40px;
}

#changePasswordModal .modal-dialog {
  width: 750px;
  margin: 30px auto;
}

#changePasswordModal label {
  font-weight: 300;
  font-size: 18px;
  margin-top: 10px;
}

#changePasswordModal .form-control {
  height: 45px;
  font-size: 18px;
  margin-bottom: 10px;
}

#changePasswordModal .form-group {
  position: relative;
  margin-bottom: 40px;
}

#changePasswordModal span {
  position: absolute;
  bottom: -20px;
}

#edit_account_form_massage {
  position: absolute;
  bottom: 25px;
  left: 15px;
}

.aboutus-main .switch {
  width: 90px;
}

.aboutus-main .aboutus-rightdiv span {
  left: 5%;
  bottom: 0px;
}

.aboutus-main input:checked+.slider:before {
  -webkit-transform: translateX(50px);
  -ms-transform: translateX(50px);
  transform: translateX(50px);
}

.ezy-main {
  width: 100%;
  float: left;
  padding: 50px 0px;
}

.ezy-main img {
  width: 100%;
}

.ezy-main ul {
  margin: 0px;
  padding: 0px;
}

.ezy-main ul li {
  list-style-type: none;
  font-size: 20px;
  line-height: 30px;
  font-weight: 300;
}

.ezy-main h4 {
  font-size: 22px;
  font-weight: 600;
  margin-top: 30px;
}

.ezy-main h3 {
  font-size: 30px;
  text-align: center;
  font-weight: 600;
  margin-top: 30px;
  margin-bottom: 30px;
}

.ezy-main a {
  float: left;
  margin-top: 30px;
}

.ezylogo-div {
  width: 100%;
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
  margin-bottom: 40px;
}

.ezylogo-div img {
  width: 325px;
}

.ezy-new-main {
  width: 100%;
  float: left;
  padding: 50px 0px;
}

.ezynew-divone {
  width: 100%;
  display: flex;
}

.ezynew-divoneleft {
  width: 50%;
  float: left;
}

.ezynew-divoneright {
  width: 50%;
  float: left;
  padding: 0px 30px;
}

.ezynew-divoneright h3 {
  font-size: 34px;
  font-weight: 400;
}

.ezynew-divoneright h4 {
  font-size: 28px;
  font-weight: 400;
  margin-top: 30px;
  margin-bottom: 20px;
}

.ezynew-divoneright ul {
  margin: 0px;
  padding: 0px;
  padding-left: 20px;
}

.ezynew-divoneright ul li {
  font-size: 20px;
  font-weight: 300;
  color: #000;
}

#ezybigimageslider.offers .owl-nav {
  display: none;
}

#ezybigimageslider .owl-dots {
  display: block;
}

#ezyfaturesslider .item {
  text-align: center;
}

#ezybigimageslider img {
  width: 100%;
}

#ezybigimageslider .owl-dots .owl-dot.active span {
  background-color: #ce1f22;
}

.ezynew-divtwo {
  width: 100%;
  display: flex;
}

.ezynew-divtwoleft {
  width: 50%;
  float: left;
}

.ezynew-divtworight {
  width: 50%;
  float: left;
  padding: 0px 30px;
}

.ezynew-divtworight h3 {
  font-size: 34px;
  font-weight: 400;
}

.ezynew-divtworight h4 {
  font-size: 28px;
  font-weight: 400;
  margin-top: 30px;
  margin-bottom: 20px;
}

.ezynew-divtworight ul {
  margin: 0px;
  padding: 0px;
  padding-left: 20px;
}

.ezynew-divtworight ul li {
  font-size: 20px;
  font-weight: 300;
  color: #000;
}

#ezybigimageslider1.offers .owl-nav {
  display: none;
}

#ezybigimageslider1 .owl-dots {
  display: block;
}

#ezyfaturesslider1 .item {
  text-align: center;
}

#ezybigimageslider1 img {
  width: 100%;
}

#ezybigimageslider1 .owl-dots .owl-dot.active span {
  background-color: #ce1f22;
}

#ezyfaturesslider .offers .owl-nav {
  bottom: 70%;
}

.mainheadingnone {
  display: none;
}
a img.wishlist{filter:brightness(1) invert(0);}
.dropdown-item{width: 100%; float: left; font-size: 16px !important; font-weight: 400 !important; color: #000 !important; 
  text-align: center; padding: 10px 15px; text-transform: uppercase;}
.header-right .dropdown-menu{min-width: 160px !important; padding: 0px 0px; margin-top: -3px; border-radius: 0px;}
.dropdown-toggle{ padding: 10px;}
  .dropdown-item:hover{border-left: 3px solid #ce1f22; background-color: #f8f8f8; color: #ce1f22;}


  .analluring-sliderdiv {
    display: flex;
    justify-content: space-between;
}


.analluring-sliderdiv {width: 100%; display: flex; align-items: center;}
.analluring-sliderdivleft{padding-right: 50px;}
.performance-main{width: 100%; display: flex; align-items: center; justify-content: space-between;}
.performance-left{width: 70%;}
.performance-right{width: 30%;}
.performance-right img{width: 100%;}

.file-upload{margin-bottom: 20px;}
.file-upload .file-upload-select {display: block; color: #666; cursor: pointer; text-align: left; background: #fff; overflow: hidden;
    position: relative; border-radius: 0px; border-bottom: 1px solid #666; font-size: 23px;}
.file-upload .file-upload-select .file-select-button {background: #ce1f22; padding: 10px; display: inline-block; color: #fff;}
.file-upload .file-upload-select .file-select-name {display: inline-block;padding: 10px; color: #7c7c7c; font-weight: 300;}
.file-upload .file-upload-select:hover .file-select-button {background: #ce1f22; color: #ffffff;transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;}
.file-upload .file-upload-select input[type="file"] {display: none;}
#milestones h4{border-bottom: 1px solid #7c7c7c; padding-bottom: 10px; margin-bottom: 20px; margin-top: 30px;}
#milestones img{width: 100%; height: 100%; margin-bottom: 40px;}
#global ul{margin: 0px; padding: 0px; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; padding-left: 15px;}
#global ul li{list-style-type: circle; width: 30%; font-size: 20px; padding: 10px 0px;}
/* #global ul li:before{font-family: "FontAwesome";
  content: "\f007"; font-weight: lighter; font-style: normal; font-size: 16px;} */

.qrcode-main{width: 100%; float: left; padding: 50px 0px;}
.qrcode-main h1 {font-size: 50px;text-align: left; position: relative; padding-bottom: 50px; margin-top: 0px;}
.qrcode-main h1:before {content: url('../images/underline.png'); position: absolute; bottom: 0; left: 0; right: 0; z-index: 9; margin: 0 auto;}
.qrcode-main img{width: 300px;}

#demo,.demo{width: 100%; float: left; display: block;}
.paginationall{width: 100%; float: left; display: block;}
#tilecalculator .btn-style-one{cursor: pointer;}
#videoModalfun .modal-dialog {
  width: 920px;
  margin: 30px auto;
}
@media (max-width: 767px) {
  .dealersignup-div {
    width: 100%;
    background-color: #fff;
    padding: 20px 20px;
    margin: 0 auto;
}
.dealersignup-div span {
  position: absolute;
  bottom: -20px;
  /* float: left; */
}
#dealer-signup-form .btn-style-one {
  margin-left: 15px;}
  #tilecalculator p {
    font-size: 20px;
    float: left;
    margin-bottom: 20px;
    width: 100%;
}
  #editAccountInfoModal .modal-dialog {
    width: 90%;
    margin: 30px auto;
}
  .ezynew-divoneright {
    width: 100%;
    float: left;
    padding: 0px 0px;
}
.ezynew-divoneleft {
  width: 100%;
  float: left;
}
.ezynew-divone {
  width: 100%;
  display: block;
}
.ezynew-divtwoleft {
  width: 100%;
  float: left;
  padding: 0px 0px;
}
.ezynew-divtworight {
width: 100%;
float: left;
}
.ezynew-divtwo{
  width: 100%;
  display: flex;
  position: relative !important;
  flex-direction: column-reverse;margin: 50px 0;
  
}
#ezybigimageslider .owl-dots {
  text-align: center;
  margin-top: -15px;
  position: inherit;
  z-index: 1;
  padding-right: 15px;
  margin-left: 0px;
  margin-bottom: -2px;
  width: 100%;
}

}