* {
	margin: 0px;
	padding: 0px;
}


body {
	background: #232323;
	font-weight: normal;
	font-size: 13px;
	color: #fff;
	font-family: 'Poppins';
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	overflow-x: hidden;

}

@media (min-width: 576px) { 
	body { 
	overflow-x: hidden;
} 
}


@media (min-width: 768px) {
	body { 
		overflow-x: hidden;
	} 
 }


@media (min-width: 992px) {
	body { 
		overflow-x: hidden;
	} 
 }


@media (min-width: 1200px) { 
	body { 
	overflow-x: hidden;
} 
 }

  #wrap {
	width: 100%;
	overflow: hidden;
}
#main-wrapper {
	width: 100%;
	overflow: hidden;
}

.no-padding {
 padding-right:50px !important;
 padding-left: 50px !important;
 padding-top: 20px !important;
}

/*=======================================================
      HEADER
========================================================*/

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	color: #fff;
	letter-spacing: 1px;
	font-family: 'Poppins';
}

h4 {
	font-size: 22px;
}
p {
	color: #000000;
	font-size: 13px;
	line-height: 28px;
	font-family: 'Poppins';
}

.tittle {
	text-align: center;
	margin-bottom: 30px;
	width: 75%;
	margin: 0 auto;
	margin-bottom: 70px;
}
@media (max-width:767px)
{
	.tittle h4{

		font-size: 35px !important;
	}
}
.tittle h4 {
	font-weight: normal;
	margin: 0px;
	font-size: 26px;
	font-weight: normal;
	text-transform: uppercase;
	margin-bottom: 20px;
	letter-spacing: 1px;
}
.tittle p {
	color: #989898;
	font-size: 15px;
	font-family: 'Poppins'!important;
	line-height: 28px;
}
.bg-white {
	background: #fff !important;
}
.bg-gray-light {
	background: #fbfbfb !important;
}

/*-----------------header css---------------*/

  .nav {
    height: 80px;
    width: 100%;
    background-color:#232323;
    position: relative;
  }

  .nav > .nav-header {
    display: inline;
  }

  .nav > .nav-header > .nav-title {
    display: inline-block;
    font-size: 22px;
    color: #fff;
    font-weight: 550;
    font-family:'Poppins';
    padding: 10px 10px 10px 10px;
  }

  .nav > .nav-btn {
    display: none;
  }

  .nav > .nav-links {
    display: inline;
    float: right;
    font-size: 18px;
  }
  .nav > .nav-links > ul li a{
    display: block;
    padding: 0 8px;
    color: #fff;
    line-height: 40px;
    font-size: 18px;
    text-decoration: none;

  }
  .nav > .nav-links > ul{
    padding: 0;
    margin-top: 5px;
    list-style: none;
    position: relative;

  }
  .nav > .nav-links > ul li{
    display: inline-block;
    background-color: #232323;
  }
  .nav > .nav-links > ul li:hover{
      background-color: #9f9f9f;
      border-radius: 5px;
  }

  .nav > #nav-check {
    display: none;
  }

 .nav .nav-links ul a.icon{
 margin-left: 80px;
 margin-right: 10px;
 }

 .nav .nav-links ul a i{
    background-color: #fff;
    border-radius: 50px;
    padding: 7px;
    margin-left: 5px;
 }


  @media (max-width:750px) {
    .nav > .nav-btn {
      display: inline-block;
      position: absolute;
      right: 10px;
      top: 10px;
    }
    .nav > .nav-btn > label {
      display: inline-block;
      width: 50px;
      height: 50px;
      padding: 13px;
    }
    .nav > .nav-btn > label:hover,.nav  #nav-check:checked ~ .nav-btn > label {
      background-color: rgba(0, 0, 0, 0.3);
    }
    .nav > .nav-btn > label > span {
      display: block;
      width: 25px;
      height: 10px;
      border-top: 2px solid #eee;
    }
    .nav > .nav-links {
      position:relative;
      display: block;
      width: 100%;
      background-color: #333;
      height: 0px;
      transition: all 0.3s ease-in;
      /* overflow-y: hidden; */
      top: 0px;
      left: 0px;
    }
    .nav > .nav-links > ul li a {
      display: block;
      width: 100%;
    }

    /*   */



      .nav > .nav-links > ul li{
        display: block;
        margin-bottom: 8px;
        padding: 0;
        background-color: #333;

      }
      .nav > .nav-links > ul li a{
          margin-left: 40%;
         display: unset;
      }
      .nav .nav-links ul a.icon{
        margin-left: 33%;
      }

    /*   */
    .nav > #nav-check:not(:checked) ~ .nav-links {
      height: 0px;
    }
    .nav > #nav-check:checked ~ .nav-links {
      height: calc(40vh - 50px);
      /* overflow-y: auto; */
    }
	.no-padding{
		padding-right: 0px !important;
		padding-left: 0px !important;
		padding-top: 0px !important;
	}
  }



/*=======================================================
      HOME SLIDER
========================================================*/
.header-top {
	background-size: cover;
	max-height: 1200px;
	min-height: 1200px;
	text-align: center;
}
/*=======================================================
      CONTENT
========================================================*/
.content {
	background: #ffffff;
}
.position-center-center {
	left: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
li:active:marker{
	display: none !important;
	visibility: hidden !important;
}

  .des{ text-align: left; margin-left: 0px; margin-top: 30px;}

  .links {
	line-height: 2;
	margin-top: 20px;
  }

.banner {
	background-color: #000000;
}

.product-banner {
	width: 100%;
	height: 60vh;
	overflow: hidden;
}
@media (max-width:1024px){
	.product-banner{
		height: 32vh !important;
	}
	.contact-banner{
		height: 32vh  !important;
	}
	.banner-contact-img{
		height: 286px !important;
	}
}

.contact-banner{
	width: 100%;
	height: 70vh;
	overflow: hidden;
}

.banner-about {
	width: 100%;
	height: 16vh;
	overflow: hidden;
}

.products-images {
	position: absolute;
	width: 100%;
	height: 500px;
	background: no-repeat 50% 50%;
	background-size: cover;
	/*background-color: #0c0c0ca6;*/
	background-blend-mode: overlay;
   	opacity:0.7
}

.banner-product-img {
	/* position: absolute; */
	width: 100%;
	height: 500px;
	background: no-repeat 50% 50%;
	background-size: cover;
	background-color: #0c0c0ca6;
	background-blend-mode: overlay;
   	opacity:1
}

.banner-about-img {
	position: absolute;
	width: 100%;
	height: 500px;
	background: no-repeat 50% 50%;
	background-size: cover;
	background-color: #0c0c0ca6;
	background-blend-mode: overlay;
   	opacity:1
}

.banner-contact-img{
	position: absolute;
	width: 100%;
	height: 500px;
	background: no-repeat 50% 50%;
	background-size: cover;
	background-color: #0c0c0ca6;
	background-blend-mode: overlay;
   	opacity:1
}
  
.banner-img {
	position: absolute;
	width: 100%;
	height: 100%;
	background: no-repeat 50% 50%;
	background-size: cover;
	animation: animate 30s linear infinite;
	opacity: 1;
	transform: scale(1.2);

}
.banner-img:nth-child(1) {
	animation-name: animate-1;
	z-index: 3;
}
.banner-img:nth-child(2) {
	animation-name: animate-2;
	z-index: 2;
}
.banner-img:nth-child(3) {
	animation-name: animate-3;
	z-index: 1;
}
.banner-img:nth-child(4) {
	animation-name: animate-4;
	z-index: 0;
}
@keyframes animate-1 {
	0% {
		opacity: 1;
		transform: scale(1.2);
	}
	1.5% {
		opacity: 1;
	}
	23% {
		opacity: 1;
	}
	26% {
		opacity: 0;
		transform: scale(1);
	}
	100% {
		opacity: 0;
		transform: scale(1.2);
	}
	98% {
		opacity: 0;
		transform: scale(1.22);
	}
	100% {
		opacity: 1;
	}
}
@keyframes animate-2 {
	23% {
		opacity: 1;
		transform: scale(1.2);
	}
	26% {
		opacity: 1;
	}
	48% {
		opacity: 1;
	}
	51% {
		opacity: 0;
		transform: scale(1);
	}
	100% {
		opacity: 0;
		transform: scale(1.2);
	}
}
@keyframes animate-3 {
	48% {
		opacity: 1;
		transform: scale(1.2);
	}
	51% {
		opacity: 1;
	}
	73% {
		opacity: 1;
	}
	76% {
		opacity: 0;
		transform: scale(1);
	}
	100% {
		opacity: 0;
		transform: scale(1.2);
	}
}
@keyframes animate-4 {
	73% {
		opacity: 1;
		transform: scale(1.2);
	}
	76% {
		opacity: 1;
	}
	98% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		transform: scale(1);
	}
}

.home-banner-btn{

	
		background-color: #000000 !important;
		color: #ffffff !important;
	 
}
	  .home-banner-btn:hover {
		color: #000000 !important;
		background-color: #ffffff !important;
		border: 2px solid #ffffff !important;
	  }



.banner-text {
	background-color: #EEEEEE;
	position: absolute;
	top: 60%;
	left: 40%;
	transform: translate(-50%, -50%);
	padding: 70px;
	z-index: 50;
	width: 42%;
	height: 500px;
	opacity: 0.92;
}

@media (max-width:1024px) {
	.banner-text {
		background-color: #EEEEEE;
		position: absolute;
		top: 60%;
		left: 40%;
		transform: translate(-50%, -50%);
		padding: 50px;
		z-index: 50;
		width: 280px;
		height: 550px;
		opacity: 0.92;
		margin: 0 0 0 40px;
	}
}

.banner-text h1 {
	text-align: center;
	font-family: 'Poppins';
	text-transform: uppercase;
	line-height: 1.2;
	color: #fff;
	font-size: 67px;
	color: #000000;
	margin: 0;
	font-weight: 900;
	text-align: left;
}

@media (max-width:1024px) {
.banner-text h1 {
	text-align: center;
	font-family: 'Poppins';
	text-transform: uppercase;
	line-height: 1.2;
	color: #fff;
	font-size: 40px;
	color: #000000;
	font-weight: 900;
}
}

.banner-text p {
	color: #000000;
	text-align: center;
	font-family: 'Poppins';
	font-size: 26px;
	text-align: left;
	font-size: 15px;
}

@media (max-width:1024px) {
.banner-text p {
	color: #000000;
	text-align: center;
	font-family: 'Poppins';
	font-size: 26px;
	font-size: 15px;
}
}

.button {
	border: none;
	color: white;
	padding: 20px 30px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 4px 2px;
	transition-duration: 0.4s;
	cursor: pointer;
  }

  .button5 {
	background-color: #ffffff;
	color: #000000;
  }
  
  .button5:hover {
	color: #ffffff;
	background-color: #232323;
	border: 2px solid #232323;
  }

.logo img{
	vertical-align: middle;
    padding: 30px;
    position: absolute;
    margin-top: -45px;
    margin-left: -49px;
}

.portfolio {
	margin-top: 100px;
	background-image: url(../images/portfolio-1-livin.png);
	background-position: top right;
    background-repeat: no-repeat;
}

@media (max-width:1500px) {
	.portfolio {
		margin-top: 100px;
		background-image: none;
		background-position: top right;
		background-repeat: no-repeat;
	}
	
}


.portfolio h4 {
	line-height: 1.2;
	font-size: 45px;
	color: #ffffff;
	margin: 0;
	font-weight: 900;
	text-align: center;
}

.portfolio p{
	font-family:'Poppins';
	font-size: 26px;
	text-align: center;
	font-size: 15px;
	font-weight: 300;
	color: #ffffff;
}

.portfolio .container .row .col-sm-4
{
	padding: 0;
}
.portfolio .container .row .col-sm-4:hover .content-details{
	top: 50%;
	left: 50%;
	opacity: 1;
  }
  .portfolio .filter {
	position: relative;
}
.portfolio .filter li {
	display: inline-block;
	margin-right: 20px;
}
.portfolio .filter li a {
	font-size: 10px;
	color: #999999;
}
.portfolio .filter a.active {
	color: #333;
}
.portfolio .filter a:hover {
	color: #333;
}
.portfolio .filter {
	text-align: center;
}
.portfolio .filter li a {
	font-size: 12px;
	letter-spacing: 2px;
	padding-bottom: 10px;
}
.portfolio .filter a.active {
	border-bottom: 1px solid #333;
}
.portfolio .filter a:hover {
	border-bottom: 1px solid #333;
}
.portfolio .btn {
	margin-top: 80px;
}
.portfolio .col-2 .item {
	width: 50%;
	float: left;
}
.portfolio .col-3 .item {
	width: 33.3333%;
	float: left;
}
.portfolio .col-4 .item {
	width: 25%;
	float: left;
}
.portfolio li article {
	position: relative;
	overflow: hidden;
}
.portfolio .items-spaces li {
	padding: 15px;
}
.portfolio .small-space li {
	padding: 0 5px;
	margin-bottom: 10px;
}
.portfolio .filter-right {
	float: right;
	margin-top: 30px;
}
.portfolio .min-height {
	min-height: 100px;
}
.portfolio .container .row .col-sm-4 {
	position: relative;
	overflow: hidden;
  }
  
  .portfolio .container .row .col-sm-4 .content-overlay {
	background: rgba(0,0,0,0.7);
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	opacity: 0;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-moz-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
  }
  
  .portfolio .container .row .col-sm-4:hover .content-overlay{
	opacity: 0.5;
	-webkit-transform: scale(1.2);
      -moz-transform: scale(1.2);
      -o-transform: scale(1.2);
      -ms-transform: scale(1.2);
      transform: scale(1.2);
  }
  .portfolio .container .row .col-sm-4:hover .content-details{
	top: 50%;
	left: 50%;
	opacity: 1;
  }
  .portfolio .container .row .col-sm-4:hover .img-responsive{
      transform: scale(1.2);
	  opacity: 0.5;
  }

  .img-responsive{
	width: 100%;
	transition: 0.5s all ease-in-out;
  }
  .content-details {
	position: absolute;
	text-align: center;
	padding-left: 1em;
	padding-right: 1em;
	width: 100%;
	top: 50%;
	left: 50%;
	opacity: 0;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
  }
  
  .portfolio .container.row .col-sm-4:hover .content-details{
	top: 50%;
	left: 50%;
	opacity: 1;
  }
  
  .content-details h3{
	color: #fff;
	font-weight: 700;
	letter-spacing: 0.15em;
	margin-bottom: 0.5em;
	text-transform: uppercase;
	font-size: 19px;
	font-family: 'Poppins';
  }
  
  .content-details p{
	color: #fff;
	font-size: 16px;
	font-family: 300;
	font-family: 'Poppins';

  }

  .fadeIn-bottom{
	top: 80%;
  }

  .logo-section {
	background-image: url(../images/interior-and-architecture-3-livin.png);
	background-position: top right;
    background-repeat: no-repeat;
    background-size: contain;
	padding-top: 150px;
  }

  .logo-section .icon img{
	max-width: 70%;
	height: 100px;
	float: right;
  }

  .logo-section p {
	float: right;
	font-family: 'Poppins';
	font-size: 16px;
	color: #000000;
	text-align: right;
	font-weight: 300;
  }

.frame-image {
  position: absolute;
	width: 100%;
	height: 100%;
	background: no-repeat 50% 50%;
	background-size: cover;
	animation: animate 30s linear infinite;
	opacity: 1;
	transform: scale(1.2);
}

.img {
	background: no-repeat;
}
.img-round img{
	float: right;
	margin-right: 40px;
	margin-top: -140px;
	opacity: 1;
	position: relative;
}

/*@media (max-width: 1024px) {
	.img-round img{
		float: right;
		margin-right: 40px;
		margin-top: -140px;
		opacity: 1;
		position: relative;
		height: 50px;
	}
}*/

.content-title{
	color: #000000;
}

.image-section {
	margin-top: 150px;
}

@media (max-width: 1024px) {
	.image-section .container .row .img{
		background-size: cover;
	}
	
}


.about {
	margin-top: 300px;
	background-image: url(../images/about-us-4-livin.png);
	background-position: top left;
    background-repeat: no-repeat;
    background-size: contain;
}
@media (max-width:992px)
{
.about {
	margin-top: 30px !important;
	background-image: url(../images/about-us-4-livin.png);
	background-position: top left;
    background-repeat: no-repeat;
    background-size: contain;
	margin-bottom: 50px !important;
}
}




@media (max-width:1024px) {
	.about-btn{
		display: flow-root;
		width: -webkit-fill-available;
		text-align: center !important;
	
	}	
}
@media (max-width:1500px) {
.about {
	margin-top: 300px;
	background-image:none;
	background-position: top left;
	background-repeat: no-repeat;
	background-size: contain;
	backface-visibility: hidden;
}
}

/*.banner-img {
	-webkit-mask-image: url(../images/portfolio/port-1.jpg);
	-webkit-mask-image: url(../images/portfolio/port-2.jpg);
	-webkit-mask-image: url(../images/portfolio/port-3.jpg);
	-webkit-mask-image: url(../images/portfolio/port-4.jpg);
	mask-image: url(../images/hero-home-bg-livin.png);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;    
  }*/
  .about-text {
	padding-top: 100px;
}
@media (max-width:767px){
	.about-text {
		padding-top: 50px;
		margin-bottom: 50px!important;
	}
}
.about-text h1 {
	line-height: 1.2;
	font-size: 45px;
	color: #ffffff;
	margin: 0;
	font-weight: 900;
	text-align: left;
}

@media (max-width: 1024px) {
	.about-text h1 {
		line-height: 1.2;
		font-size: 45px;
		color: #ffffff;
		margin: 0;
		font-weight: 900;
		text-align: center;
	}
	
}
@media (max-width: 767px) {
	.about-text h1 {
		line-height: 1.2;
		font-size: 35px !important;
		color: #ffffff;
		margin: 0;
		font-weight: 900;
		text-align: center;
		
	}
	
}

.about-text p {
	font-family:'Poppins';
	font-size: 26px;
	text-align: left;
	font-size: 15px;
	font-weight: 300;
	color: #ffffff;
}

@media (max-width: 1024px) {
	.about-text p {
		font-family:'Poppins';
		font-size: 26px;
		text-align: center;
		font-size: 15px;
		font-weight: 300;
		color: #ffffff;
	}
}

  #slider {
	position: relative;
	width: 50%;
	height: 500px;
	padding-left: 0px;
	overflow: hidden;
  }
  
  @media (max-width: 1024px) {
  .about .first-md-6{
	width: 100% !important;
	margin-bottom: 50px;
  }
}

  @media (max-width: 1024px) {
	#slider {
		position: relative;
		height: 500px;
		padding-left: 0px;
		overflow: hidden;
	  }
  }

  @media (max-width: 991px) {
	#slider {
		position: relative;
		height: 500px;
		width: auto;
		padding-left: 0px;
		overflow: hidden;
	  }
  }

  .full-width {
	margin-top: 200px;
  }

  .description-text {
	top: 60%;
	left: 40%;
	padding: 29px;
	z-index: 50;
	opacity: 0.92;
}
@media (max-width: 1024px){
.description-text {
	top: 60%;
	left: 40%;
	padding: 30px;
	z-index: 50;
	opacity: 0.92;
}
}

.description-text h1 {
	text-align: center;
	font-family:'Poppins';
	text-transform: uppercase;
	line-height: 1.2;
	color: #fff;
	font-size: 45px;
	color: #000000;
	margin: 0;
	font-weight: 900;
	text-align: left;
}
@media (max-width: 1024px){
.description-text h1 {
	font-size: 38px;
	text-align: center;
}
}
.description-text p {
	color: #000000;
	text-align: center;
	font-family: 'Poppins';
	font-size: 26px;
	text-align: left;
	font-size: 15px;
}
@media (max-width: 1024px){
.description-text p {
	color: #000000;
	text-align: center;
	font-family:'Poppins';
	font-size: 26px;
	font-size: 15px;
}
}

.first-part {
	width: 66%;
	padding-left: 340px;
	background-color: #E1E1E1;
	height: 380px;
}

@media (max-width: 1024px){
.first-part {
	
	padding-left: 0px;
	width: auto;

}
}
@media (max-width: 1855px){
	.first-part {
		
		padding-left: 0px;
	
	}
	}
@media(max-width:767px){
	.first-part{
		height:621px !important;
	}
}

@media(max-width:1200px){
	.first-part{
		padding-left: 0px !important;
	}
}

.full-width-ring img {
	width: 330px;
	height: 248px;
	float: right;
	margin-right: 1000px;
	margin-top: -80px;
}

@media (max-width: 1024px) {
.full-width-ring img {
	width: 330px;
	height: 248px;
	float: right;
	margin-right: 0px;
	margin-top: 0px;
}
}
@media(max-width:767px)
{
	.full-width-ring img{
		margin-top:-62px !important;
		margin-bottom: 50px!important;
	}
}
.full-width-img img {
	width: 500px;
	height: 500px;
	float: right;
	margin-right: 400px;
	margin-top: -300px;
}

@media (max-width: 1024px) {
.full-width-img img {
	width: 50% !important;
	height: 350px;
	float: left !important;
	margin-right: 0px;
	margin-top: 0px;
}
}

@media(max-width:767px){
	.full-width{
		margin-top:0px !important;
	}
}
.success-count{
	margin-top: 100px;
	margin-bottom: -60px;
}

/*============================counter extra css==========================*/

.counter-section i { display:block; margin:0 0 10px}
.counter-section span.counter { font-size:35px; color:#000; line-height:60px; display:block; font-family: 'Poppins'; letter-spacing: 2px;font-weight: 700;}
.counter-title{ font-size:16px; letter-spacing:2px; font-family:'Poppins'; font-weight: 300; color: #000000;}
.counter-icon {top:25px; position:relative}
.counter-style2 .counter-title {letter-spacing: 0.55px; float: left;}
.counter-style2 span.counter {letter-spacing: 0.55px; float: left; margin-right: 10px;}
.counter-style2 i {float: right; line-height: 26px; margin: 0 10px 0 0}
.counter-subheadline span {float: right;}  

.medium-icon {
    font-size: 40px !important;
    margin-bottom: 15px !important;
} 

.counter::after {
	content: '\002B';
}

.success-count .container .row .counter-section {
border: 2px solid #ffffff;
height: 200px;
padding: 50px;
background-color: #EEEEEE;
}

.description-text-1 {
	width: 50%;
	vertical-align: middle;
	margin-top: 50px;
}

@media (max-width: 1024px) {
.description-text-1 {
	width: auto;
	vertical-align: middle;
	margin-top: 50px;
}
}


.description-text-1 h1 {
	text-align: center;
	font-family: 'Poppins';
	text-transform: uppercase;
	line-height: 1.2;
	color: #fff;
	font-size: 45px;
	margin: 0;
	font-weight: 900;
	text-align: left;
}

@media (max-width: 1024px) {
	.description-text-1 h1 {
	text-align: center;
	font-family: 'Poppins';
	text-transform: uppercase;
	line-height: 1.2;
	color: #fff;
	font-size: 45px;
	margin: 0;
	font-weight: 900;
}
}

.description-text-1 p {
	color: #ffffff;
	text-align: center;
	font-family:'Poppins';
	font-size: 26px;
	text-align: left;
	font-size: 15px;
}

@media (max-width: 1024px) {
.description-text-1 p {
	color: #ffffff;
	text-align: center;
	font-family:'Poppins';
	font-size: 26px;
	text-align: center;
	font-size: 15px;
}
}
@media (max-width:767px){
	.description-text-1 p {
		margin-bottom: 50px;
	}
}
.about-us {
	margin-top: 100px;
}

.button-about {
	background-color: #000000;
	color:white;
	float: right;
  }
  
  .button-about:hover {
	color: #000000;
	background-color: #EEEEEE;
	border: 2px solid #000000;
  }

  .about-back {
	background-color: #E1E1E1;
	height: 420px;
	width: 50%;
	float: right;
	text-align: center;
  }

.section-img {
	max-width: 100%;
	max-height: 50%;
	margin: 0;
}
.section-images .container .row .col-sm-4 {

	background-color: #E1E1E1;
	height: 350px;
	border-right: 1px solid #000000;
	color: #000000;
    padding: 30px !important;
}

@media (max-width: 1024px) {
	.section-images .container .row .col-sm-4 {
		padding-left: 0;
		padding-right: 0;
		background-color: #E1E1E1;
		height: auto;
		border-right: 1px solid #000000;
		color: #000000;
	}
	
}


.section-images .container .row .mission:hover {
	background: url(../images/our-mission.jpg);
	background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
	background-blend-mode: overlay;
   	opacity:1;
	color: #ffffff;
}

.section-images .container .row .goals:hover {
	background: url(../images/our-goal.jpg);
	background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
	background-blend-mode: overlay;
   	opacity:1;
	color: #ffffff;
}

.section-images .container .row .col-sm-4:hover .vision-icon h3{
	color: #ffffff;
}

.section-images .container .row .col-sm-4:hover .vision-icon p{
	color: #ffffff;
}

.section-images .container .row .goals {
	border-right: none;
}

.vision-icon {
	font-size: 40px;
	text-align: center;
      
}
@media(max-width:767px){
	.vision-icon{

	padding:25px !important;
	}
}

.vision-icon h3{
	font-weight: 700;
	letter-spacing: 0.15em;
	margin-bottom: 0.5em;
	text-transform: uppercase;
	font-family:'Poppins';
	font-size: 18px;
  }
  
  .vision-icon p{
	font-size: 16px;
	font-weight: 300;
	font-family: 'Poppins';
  }

  .section-images .container .row .vision {
	border-right: 1px solid #000000;
	color: #ffffff;
	background: url(../images/our-vision.jpg);
	background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
	background-blend-mode: overlay;
   	opacity:1; 
	padding:20px !important;
}

.section-images .container .row .vision:hover {
	border-right: 1px solid #000000;
	color: #ffffff;
	background: url(../images/our-vision.jpg);
	background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
	background-blend-mode: overlay;
   	opacity:1;
}

.vision p{
	color: #ffffff;
}

.vision h3{
	color: #ffffff;
}

.description-right {
	width: 70%;
	padding-left: 340px;
	background-color: #E1E1E1;
	height: 400px;
	float: right;
	margin-right: -32%;
	margin-top: -25%;
	display: flex;
	align-items: center;
	background-image: url(../images/portfolio/port-4.jpg);
	background-size: cover;
	background-blend-mode: overlay;
   	opacity:1;
	background-repeat: no-repeat;
}

@media (max-width: 1024px) {
	.description-right {
	width:100% !important;
	background-color: #E1E1E1;
	height: 400px;
	float: right;
	margin-right: 0;
	display: flex;
	align-items: center;
    margin-top: 10px;

	}
}
@media (max-width:767px){
	.description-right{
		width: max-content !important;
	}
}

@media (max-width: 1024px) {
.right-button {
	margin-right: 110px;
	background-color: #000000 !important;
	color: #ffffff !important;
}
}

@media (max-width: 1024px) {
	.right-button:hover {
		color: #000000 !important;
	background-color: #ffffff !important;
	border: 2px solid #ffffff !important;
	}
	}

.right-button{
	background-color: #000000 !important;
	color: #ffffff !important;
 
}
  .right-button:hover {
	color: #000000 !important;
	background-color: #ffffff !important;
	border: 2px solid #ffffff !important;
  }
/*=================================extraaaaaaaaaaaaaaaaaa==============================*/

.full {
    width: 100%;    
}
.gap {
	height: 30px;
	width: 100%;
	clear: both;
	display: block;
}
.footer {
	width: 100%;
	border-top: 1px solid #dddddd75;
	background-color: #000000;
}
.footer p {
	margin: 0;
}
.footer img {
	max-width: 100%;
}
.footer h3 {
	color: #aeaeae;
	font-size: 18px;
	font-weight: 600;
	line-height: 27px;
	padding: 40px 0 0px;
	text-transform: uppercase;
  margin-bottom: 15px;
}
@media (max-width:767px){
	.footer h3 {
		color: #aeaeae;
		font-size: 18px;
		font-weight: 600;
		line-height: 27px;
		padding: 0px 0 0px;
		text-transform: uppercase;
	  margin-bottom: 15px;
	}
}
.footer h4 {
	color: #000000;
	font-size: 2em;
	font-weight: 600;
	line-height: 38px;
	padding: 40px 0 10px;
	font-family: cursive;
  font-weight: lighter
}

.footer ul {
	font-size: 13px;
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
	margin-top: 0px;
	color: #7F8C8D;
  padding: 0 0 8px 0;
}

.email{
  border-bottom: 3px solid #000000;
}
.footer ul li a {
	padding: 0 0 12px 0;
	display: block;
}
.footer a {
	color: #aeaeae;
 
}

.footer p {
  color: #aeaeae;
  font-size: 13px;
}

.footer a:hover {
	text-decoration:none;
  font-weight: bold;
}
.supportLi h4 {
	font-size: 20px;
	font-weight: lighter;
	line-height: normal;
	margin-bottom: 0 !important;
	padding-bottom: 0;
}

.bg-gray {
	background-image: -moz-linear-gradient(center bottom, #BBBBBB 0%, #F0F0F0 100%);
	box-shadow: 0 1px 0 #B4B3B3;
}

.footer a {
	color: #78828D
}

.footer-bottom {
  	margin-top: 0;
	border-top: 1px solid #dddddd75;
	padding-top: 20px;
	padding-bottom: 10px;
	background-color: #000000;
	color: #aeaeae;
	text-align: center;
}
.footer-bottom p{
	padding: 6px;
  font-size: 14px;
  font-weight: 600;
  color: #aeaeae;
  font-family:'Poppins';
  text-align: center;
}
@media(max-width:767px){
	.footer-bottom p{
	    padding: 6px;
    font-size: 14px;
    font-weight: 600;
    color: #aeaeae;
    font-family: 'Poppins';
    text-align: center;
    border-top: solid #3a3a3a 1px !important;
    /* padding-top: 20px; */
    margin-top: 20px;
    margin-bottom: 20px;
}
	
}

.footer-links a { color: #aeaeae; border: 0; font-family: 'poppins'; font-size: 16PX;}
.footer-links { text-align: left; color: #ffffff; }

.footer-contact { word-wrap: break-word; color: #ffffff; border: 0; font-family: 'Poppins'; font-size: 16px; line-height: 25px; text-align: left; font-weight: 300;}
.footer-contact i { padding-right: 10px; font-size: 22px; color: #DAA520;}
.footer-contact p { border: 0; font-family: 'Poppins'; font-size: 16px; color: #aeaeae;}

.follow-links i {
	background-color:  #ffffff;
	color: #DAA520;
	font-size: 17px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	text-align: center;
	line-height: 42px;
	margin: 20px 0px 0px 10px;
	vertical-align: middle;
}
.footer-follow-links .follow-links a i{ border: 0;}

.des p {
	font-family: 'Poppins';
	font-size: 16px;
}

.footer-about {
	margin-top: 65px;
}

.footer-bottom a{
	font-size: 14px;
	font-family:'Poppins';
	color: #DAA520 !important;
}
@media (max-width:767px){
	.footer-links { 
		text-align: left;
		 color: #ffffff; 
		 width:100% !important;
		}
	.banner-product-img{
		height: 300px;
	}
}
@media (max-width:767px){
	.footer-bottom {
		margin-top: 0px;
	  border-top: 0px solid #ffffff75 !important;
	  padding-top: 20px;
	  padding-bottom: 10px;
	  background-color: #000000;
	  color: #aeaeae;
	  text-align: center;
  }
}
/*=====================contact css==============*/
.shadow {
    border-style: solid;
    border-width: 15px 15px 15px 15px;
    border-color: #ffffff;
    box-shadow: 0px 10px 78px -22px;
	height: 648px;
	filter: brightness( 100% ) contrast( 100% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );
}

.footer {
	margin-top: 100px;
	padding-bottom: 50px;
}


.contact-banner-text {
	/*background-color: #EEEEEE;*/
    position: absolute;
    top: 50% !important;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 50;
    width: 60%;
    height: 400px;
    opacity: 0.92;
}

@media (max-width:1024px) {
	.contact-banner-text {
		/*background-color: #EEEEEE;*/
		height: auto;
		position: absolute;
		top: 280px !important;
		left: 30%;	
		transform: translate(-50%, -50%);
		z-index: 50;
		width: 280px;
		/* height: 550px; */
		opacity: 0.92;
		margin: 0 0 0 40px;
	}
	.about-future-div-img img{
		width: 100% !important;
	}
}
@media (max-width:767px){
	.contact-product-text{
		display: none;
	}
	.contact-banner-text{
		height: auto	;
		width: 365px !important;
		left:40% !important;
	}
}
.contact-banner-text h1 {
	text-align: center;
	font-family:'Poppins';
	text-transform: uppercase;
	line-height: 1.2;
	font-size: 67px;
	color: #ffffff;
	margin: 0;
	font-weight: 900;
}

@media (max-width:1024px) {
.contact-banner-text h1 {
	text-align: center;
	font-family:'Poppins';
	text-transform: uppercase;
	line-height: 1.2;
	font-size: 40px;
	color: #ffffff;
	font-weight: 900;


}
}

.contact-banner-text p {
	color: #000000;
	text-align: center;
	font-family: 'Poppins';
	font-size: 26px;
	font-size: 15px;
}

@media (max-width:1024px) {
.contact-banner-text p {
	color: #000000;
	text-align: center;
	font-family:'Poppins';
	font-size: 26px;
	font-size: 15px;
}
}

.contact-form {
	margin-top: 100px;
}

.contact-text {
	top: 60%;
	left: 40%;
	z-index: 50;
	opacity: 0.92;
}
.contact-text h1 {
	text-align: left;
	font-family: 'Poppins';
	text-transform: uppercase;
	line-height: 1.2;
	color: #fff;
	font-size: 45px;
	color: #ffffff;
	margin: 0;
	font-weight: 900;
	text-align: left;
}
.contact-text p {
	color: #ffffff;
	text-align: left;
	font-family: 'Poppins';
	font-size: 26px;
	text-align: left;
	font-size: 15px;
}

.form-div {
	background-color: #ffffff;
	height: 650px;
	padding: 70px 30px 20px 30px;

}
@media (max-width:767px){
	.form-div {
		background-color: #ffffff;
		height:500px  !important;
		margin-top: 50px;
		padding-top: 50px !important;
		padding-bottom: 50px !important;
		padding:0px !important;
	}
	}

	@media (max-width: 767px){
#contact_form {
	width: 100%;
    padding-top: 20px;}
}
.contact-form h3 {
	color: #ffffff;
	font-size: 25px;
	font-weight: 700;
	line-height: 27px;
	padding: 40px 0 0px;
	text-transform: uppercase;
    margin-bottom: 15px;
}
.address { word-wrap: break-word; color: #ffffff; border: 0; font-family: 'Poppins'; font-size: 16px; line-height: 25px; text-align: left; font-weight: 300;}
.address i { padding-right: 10px; font-size: 22px; color: #DAA520; }
.address p { border: 0; font-family:'Poppins'; font-size: 16px; color: #ffffff;}

.follow i {
	background-color:  #ffffff;
	color: #DAA520;
	font-size: 17px;
	width: 35px;
	height: 35px;
	border-radius: 0%;
	text-align: center;
	line-height: 35px;
	margin: 10px 10px 0px 0px;
	vertical-align: middle;
}
.footer-follow .follow a i{ border: 0;}

.form-control {
	height: 50px;
	border-color: #000000;
	margin-bottom: 30px;
}

#contact_form .button-div {
	text-align: center;
}

.btn-primary{
	background-color: #000000;
	outline: none;
	box-shadow: none;
	line-height: 1.5em;
	width: 100%;
    padding: 10px;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active{
	background-color: #ffffff;
	outline: none;
	box-shadow: none;
	color: #000000;
}

.three-section{
	background-image: url(../images/servicest-livin.png);
	background-position: top left;
    background-repeat: no-repeat;
	background-position: 0em;
}

@media (max-width: 1500px) {
	.three-section{
		background-image: none;
		background-position: top left;
		background-repeat: no-repeat;
		background-position: 0em;
	}
	
}

#particles-js {
	position: absolute;
	width: 100%;
	height: 400px;
  }

/*==================================about us cssssss==========================*/

.section-images-about {
	margin-top: 100px;
}
.section-images-about .container .row .col-sm-6 {
	padding-left: 0;
	padding-right: 0;
	background-color: #E1E1E1;
	height: 430px;
	border: 2px solid #000000;
	color: #000000;
	width: 50%;
	padding:50px !important;
}
@media (max-width:767px){
	.section-images-about .container .row .col-sm-6 {
		padding-left: 0;
		padding-right: 0;
		background-color: #E1E1E1;
		height: 430px;
		border: 2px solid #000000;
		color: #000000;
		width: 50%;
		padding:0px !important;
	}
}

@media (max-width: 1024px) {
	.section-images-about .container .row .col-sm-6 {
		padding-left: 0;
		padding-right: 0;
		background-color: #E1E1E1;
		height: 430px;
		border: 2px solid #000000;
		color: #000000;
		width: 100% !important;
	}
	
}


.section-images-about .container .row .col-sm-6:hover {
	background: url(../images/image.jpg);
	background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
	background-blend-mode: overlay;
   	opacity:1;
	color: #ffffff;
}

.section-images-about .container .row .col-sm-6:hover .vision-icon h3{
	color: #ffffff;
}

.section-images-about .container .row .col-sm-6:hover .vision-icon p{
	color: #ffffff;
}


.section-images-about .container .row .vision {
	border: 2px solid #000000;
	color: #ffffff;
	background: url(../images/image.jpg);
	background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
	background-blend-mode: overlay;
   	opacity:1;
}

.about-us-text {
	padding-top: 100px;
}
@media (max-width:767px){}
.about-us-text {
	padding-top:50px;
	margin-bottom: 50px!important;
}
.about-us-text h1 {
	line-height: 1.2;
	font-size: 45px;
	color: #ffffff;
	margin: 0;
	font-weight: 900;
	text-align: left;
}

@media (max-width: 1024px) {
	.about-us-text h1 {
		line-height: 1.2;
		font-size: 45px;
		color: #ffffff;
		margin: 0;
		font-weight: 900;
		text-align: center;
	}
}
@media (max-width: 767px) {
	.about-us-text h1 {
		line-height: 1.2;
		font-size: 35px !important;
		color: #ffffff;
		margin: 0;
		font-weight: 900;
		text-align: center;
	}
}



.about-us-text p {
	font-family:'Poppins';
	font-size: 26px;
	text-align: left;
	font-size: 15px;
	font-weight: 300;
	color: #ffffff;
}
@media (max-width: 1024px) {
	.about-us-text p {
		font-family: 'Poppins';
		font-size: 26px;
		text-align: center;
		font-size: 15px;
		font-weight: 300;
		color: #ffffff;
	}
}

.single-progressbar .title {
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
	color: #000000;
}

.single-progressbar {
    margin-bottom: 30px;
}

.demo-area {
	background-blend-mode: overlay;
    margin-top: 100px;
    padding: 100px 0px 100px 0px;
    background-image: url(../images/image.jpeg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
	background-blend-mode: overlay;
   	opacity:0.7;
}
@media (max-width:767px){
	.demo-area{
		margin-top:0px !important;
	}
}

.about-future-div-img img {
	width: 520px;
	height: 520px;
	margin-right: 50px;
	border-radius: 10px;
	margin-top:30pc !important;
}
@media (max-width:767px)
{
	
.about-future-div-img img {
	width: 520px;
	height: 300px;
	margin-right: 50px;
	border-radius: 10px;
	margin-top:0pc !important;
}

}
@media (max-width:767px){
	.description-text-about h1{
		font-size: 35px !important;
		margin-top: 10pc !important;

	} 
}



.description-text-about h1 {
	text-align: center;
	font-family:'Poppins';
	text-transform: uppercase;
	line-height: 1.2;
	color: #fff;
	font-size: 45px;
	margin: 0;
	font-weight: 900;
	text-align: left;
	margin-top: 30pc !important;
}
@media (max-width: 1024px) {
	.description-text-about h1 {
		text-align: center;
		font-family:'Poppins';
		text-transform: uppercase;
		line-height: 1.2;
		color: #fff;
		font-size: 45px;
		margin: 0;
		font-weight: 900;
		text-align: center;
	}
}


.description-text-about p {
	color: #ffffff;
	text-align: center;
	font-family:'Poppins';
	font-size: 26px;
	text-align: left;
	font-size: 15px;
	margin-bottom: 50px !important;
}

@media (max-width:1024px) {
	.description-text-about p {
		color: #ffffff;
		text-align: center;
		font-family:'Poppins';
		font-size: 26px;
		text-align: center;
		font-size: 15px;
	}
}

.icons{
	padding: 125px 0px banner-img;
}

/*======================Product page css============================*/

a,
a:hover {
    text-decoration: none;
    color: inherit;
}

.section-products .header {
    margin-bottom: 50px;
}

.section-products .header h3 {
    font-size: 5rem;
    color: #000000;
    font-weight: 500;
	text-align: center;
	font-family: 'Poppins';
}

.section-products .header h2 {
    font-size: 2.2rem;
    font-weight: 400;
    color: #444444; 
}

.section-products .single-product {
    margin-bottom: 26px;
}

.section-products .single-product .part-1 {
    position: relative;
    height: 140px;
    max-height: 360px;
    margin-bottom: 20px;
    overflow: hidden;
	width: 100%;
}

.section-products .single-product .part-1::before {
		position: absolute;
		content: "";
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: -1;
		transition: all 0.3s;
}

.section-products .single-product:hover .part-1::before {
		transform: scale(1.2,1.2) rotate(5deg);
}

.section-products #product-1 .part-1::before {
    background: url("../images/compressed/green.jpg") no-repeat center;
    background-size: cover;
		transition: all 0.3s;
}		

.section-products #product-2 .part-1::before {
    background: url("../images/compressed/argentino black_11zon.jpg") no-repeat center;
    background-size: cover;
}

.section-products #product-3 .part-1::before {
    background: url("../images/compressed/avalanche_11zon.jpg") no-repeat center;
    background-size: cover;
}

.section-products #product-4 .part-1::before {
    background: url("../images/compressed/bellingham_11zon.jpg") no-repeat center;
    background-size: cover;
}

.section-products #product-5 .part-1::before {
    background: url("../images/compressed/beton grey_11zon.jpg") no-repeat center;
    background-size: cover;
}

.section-products #product-6 .part-1::before {
    background: url("../images/compressed/black pearl_11zon.jpg") no-repeat center;
    background-size: cover;
}

.section-products #product-7 .part-1::before {
    background: url("../images/compressed/brown_11zon.jpg") no-repeat center;
    background-size: cover;
}

.section-products #product-8 .part-1::before {
    background: url("../images/compressed/calacatta angelo_11zon.jpg") no-repeat center;
    background-size: cover;
}

.section-products #product-9 .part-1::before {
    background: url("../images/compressed/calacatta bllinger_11zon.jpg") no-repeat center;
    background-size: cover;
}
.section-products #product-10 .part-1::before {
    background: url("../images/compressed/calacatta asmun grey_11zon.jpg") no-repeat center;
    background-size: cover;
}
.section-products #product-11 .part-1::before {
    background: url("../images/compressed/calacatta borgini_11zon.jpg") no-repeat center;
    background-size: cover;
}
.section-products #product-12 .part-1::before {
    background: url("../images/compressed/calacatta cestele_11zon.jpg") no-repeat center;
    background-size: cover;
}
.section-products #product-13 .part-1::before {
    background: url("../images/compressed/calacatta classic_11zon.jpg") no-repeat center;
    background-size: cover;
}.section-products #product-14 .part-1::before {
    background: url("../images/compressed/calacatta dally_11zon.jpg") no-repeat center;
    background-size: cover;
}
.section-products #product-15 .part-1::before {
    background: url("../images/compressed/calacatta gold spot_11zon.jpg") no-repeat center;
    background-size: cover;
}
.section-products #product-16 .part-1::before {
    background: url("../images/compressed/calacatta gold_11zon.jpg") no-repeat center;
    background-size: cover;
}
.section-products #product-17 .part-1::before {
    background: url("../images/compressed/calacatta goldish_11zon.jpg") no-repeat center;
    background-size: cover;
}
.section-products #product-18 .part-1::before {
    background: url("../images/compressed/calacatta imperial_11zon.jpg") no-repeat center;
    background-size: cover;
}
.section-products #product-19 .part-1::before {
    background: url("../images/compressed/calacatta infinity_11zon.jpg") no-repeat center;
    background-size: cover;
}
.section-products #product-20 .part-1::before {
    background: url("../images/compressed/calacatta marmi_11zon.jpg") no-repeat center;
    background-size: cover;
}
.section-products #product-21 .part-1::before {
    background: url("../images/compressed/calacatta olmpiya_11zon.jpg") no-repeat center;
    background-size: cover;
}
.section-products #product-22 .part-1::before {
    background: url("../images/compressed/calacatta scot_11zon.jpg") no-repeat center;
    background-size: cover;
}
.section-products #product-23 .part-1::before {
    background: url("../images/compressed/calacatta silver spot_11zon.jpg") no-repeat center;
    background-size: cover;
}
.section-products #product-24 .part-1::before {
    background: url("../images/compressed/canterbury_11zon.jpg") no-repeat center;
    background-size: cover;
}
.section-products #product-25 .part-1::before {
    background: url("../images/compressed/cement grey_11zon.jpg") no-repeat center;
    background-size: cover;
}
.section-products #product-26 .part-1::before {
    background: url("../images/compressed/crystal white_11zon.jpg") no-repeat center;
    background-size: cover;
}
.section-products #product-27 .part-1::before {
    background: url("../images/compressed/fibus black_11zon.jpg") no-repeat center;
    background-size: cover;
}
.section-products #product-28 .part-1::before {
    background: url("../images/compressed/frost almond_11zon.jpg") no-repeat center;
    background-size: cover;
}
.section-products #product-29 .part-1::before {
    background: url("../images/compressed/frost beige_11zon.jpg") no-repeat center;
    background-size: cover;
}
.section-products #product-30 .part-1::before {
    background: url("../images/compressed/frost silver_11zon.jpg") no-repeat center;
    background-size: cover;
}
.section-products #product-31 .part-1::before {
    background: url("../images/compressed/frost verde_11zon.jpg") no-repeat center;
    background-size: cover;
}
.section-products #product-32 .part-1::before {
    background: url("../images/compressed/gold sand_11zon.jpg") no-repeat center;
    background-size: cover;
}
.section-products #product-33 .part-1::before {
    background: url("../images/compressed/granity grey_11zon.jpg") no-repeat center;
    background-size: cover;
}
.section-products #product-34 .part-1::before {
    background: url("../images/compressed/granity silver_11zon.jpg") no-repeat center;
    background-size: cover;
}
.section-products #product-35 .part-1::before {
    background: url("../images/compressed/granity tusk_11zon.jpg") no-repeat center;
    background-size: cover;
}
.section-products #product-36 .part-1::before {
    background: url("../images/compressed/granity white_11zon.jpg") no-repeat center;
    background-size: cover;
}
.section-products #product-37 .part-1::before {
    background: url("../images/compressed/grey carrara_11zon.jpg") no-repeat center;
    background-size: cover;
}
.section-products #product-38 .part-1::before {
    background: url("../images/compressed/grey emprador_11zon.jpg") no-repeat center;
    background-size: cover;
}
.section-products #product-39 .part-1::before {
    background: url("../images/compressed/grey pipen_11zon.jpg") no-repeat center;
    background-size: cover;
}
.section-products #product-40 .part-1::before {
    background: url("../images/compressed/ice almond_11zon.jpg") no-repeat center;
    background-size: cover;
}
.section-products #product-41 .part-1::before {
    background: url("../images/compressed/ice brown_11zon.jpg") no-repeat center;
    background-size: cover;
}
.section-products #product-42 .part-1::before {
    background: url("../images/compressed/ice grey_11zon.jpg") no-repeat center;
    background-size: cover;
}
.section-products #product-43 .part-1::before {
    background: url("../images/compressed/ice silver_11zon.jpg") no-repeat center;
    background-size: cover;
}
.section-products #product-44 .part-1::before {
    background: url("../images/compressed/ice verde_11zon.jpg") no-repeat center;
    background-size: cover;
}
.section-products #product-45 .part-1::before {
    background: url("../images/compressed/ice white_11zon.jpg") no-repeat center;
    background-size: cover;
}
.section-products #product-46 .part-1::before {
    background: url("../images/compressed/itaca white_11zon.jpg") no-repeat center;
    background-size: cover;
}
.section-products #product-47 .part-1::before {
    background: url("../images/compressed/jelishka white_11zon.jpg") no-repeat center;
    background-size: cover;
}
.section-products #product-48 .part-1::before {
    background: url("../images/compressed/milano grey_11zon.jpg") no-repeat center;
    background-size: cover;
}
.section-products #product-49 .part-1::before {
    background: url("../images/compressed/natural satvario_11zon.jpg") no-repeat center;
    background-size: cover;
}
.section-products #product-50 .part-1::before {
    background: url("../images/compressed/new everest_11zon.jpg") no-repeat center;
    background-size: cover;
}
.section-products #product-51 .part-1::before {
    background: url("../images/compressed/nsl black_11zon.jpg") no-repeat center;
    background-size: cover;
}
.section-products #product-52 .part-1::before {
    background: url("../images/compressed/perry green_11zon.jpg") no-repeat center;
    background-size: cover;
}
.section-products #product-53 .part-1::before {
    background: url("../images/compressed/piatra grey_11zon.jpg") no-repeat center;
    background-size: cover;
}
.section-products #product-54 .part-1::before {
    background: url("../images/compressed/pink_11zon.jpg") no-repeat center;
    background-size: cover;
}
.section-products #product-55 .part-1::before {
    background: url("../images/compressed/prisies_11zon.jpg") no-repeat center;
    background-size: cover;
}
.section-products #product-56 .part-1::before {
    background: url("../images/compressed/pure black_11zon.jpg") no-repeat center;
    background-size: cover;
}
.section-products #product-57 .part-1::before {
    background: url("../images/compressed/pure white_11zon.jpg") no-repeat center;
    background-size: cover;
}
.section-products #product-58 .part-1::before {
    background: url("../images/compressed/purple_11zon.jpg") no-repeat center;
    background-size: cover;
}
.section-products #product-59 .part-1::before {
    background: url("../images/compressed/rain force_11zon.jpg") no-repeat center;
    background-size: cover;
}
.section-products #product-60 .part-1::before {
    background: url("../images/compressed/red_11zon.jpg") no-repeat center;
    background-size: cover;
}
.section-products #product-61 .part-1::before {
    background: url("../images/compressed/rocker cement_11zon.jpg") no-repeat center;
    background-size: cover;
}
.section-products #product-62 .part-1::before {
    background: url("../images/compressed/shadow white_11zon.jpg") no-repeat center;
    background-size: cover;
}
.section-products #product-63 .part-1::before {
    background: url("../images/compressed/starrylight_11zon.jpg") no-repeat center;
    background-size: cover;
}
.section-products #product-64 .part-1::before {
    background: url("../images/compressed/stonic white_11zon.jpg") no-repeat center;
    background-size: cover;
}
.section-products #product-65 .part-1::before {
    background: url("../images/compressed/terrazo elegrate_11zon.jpg") no-repeat center;
    background-size: cover;
}
.section-products #product-66 .part-1::before {
    background: url("../images/compressed/terrazo forest_11zon.jpg") no-repeat center;
    background-size: cover;
}
.section-products #product-67 .part-1::before {
    background: url("../images/compressed/terrazo sapphire_11zon.jpg") no-repeat center;
    background-size: cover;
}
.section-products #product-68 .part-1::before {
    background: url("../images/compressed/vanila black_11zon.jpg") no-repeat center;
    background-size: cover;
}
.section-products #product-69 .part-1::before {
    background: url("../images/compressed/willium grey_11zon.jpg") no-repeat center;
    background-size: cover;
}
.section-products #product-70 .part-1::before {
    background: url("../images/compressed/yellow_11zon.jpg") no-repeat center;
    background-size: cover;
}
.section-products #product-71 .part-1::before {
    background: url("../images/compressed/gravel almond_11zon.jpg") no-repeat center;
    background-size: cover;
}
.section-products #product-72 .part-1::before {
    background: url("../images/compressed/gravel black_11zon.jpg") no-repeat center;
    background-size: cover;
}
.section-products #product-73 .part-1::before {
    background: url("../images/compressed/gravel brown_11zon.jpg") no-repeat center;
    background-size: cover;
}
.section-products #product-74 .part-1::before {
    background: url("../images/compressed/gravel choco_11zon.jpg") no-repeat center;
    background-size: cover;
}
.section-products #product-75 .part-1::before {
    background: url("../images/compressed/gravel dark grey_11zon.jpg") no-repeat center;
    background-size: cover;
}
.section-products #product-76 .part-1::before {
    background: url("../images/compressed/gravel fossil_11zon.jpg") no-repeat center;
    background-size: cover;
}
.section-products #product-77 .part-1::before {
    background: url("../images/compressed/gravel iron grey_11zon.jpg") no-repeat center;
    background-size: cover;
}
.section-products #product-78 .part-1::before {
    background: url("../images/compressed/gravel light grey_11zon.jpg") no-repeat center;
    background-size: cover;
}
.section-products #product-79 .part-1::before {
    background: url("../images/compressed/gravel verde_11zon.jpg") no-repeat center;
    background-size: cover;
}
.section-products #product-80 .part-1::before {
    background: url("../images/compressed/gravel white_11zon.jpg") no-repeat center;
    background-size: cover;
}
.section-products #product-81 .part-1::before {
    background: url("../images/compressed/arctic-white.jpg") no-repeat center;
    background-size: cover;
}

.section-products .single-product .part-1 .discount,
.section-products .single-product .part-1 .new {
    position: absolute;
    top: 15px;
    left: 20px;
    color: #ffffff;
    background-color: #fe302f;
    padding: 2px 8px;
    text-transform: uppercase;
    font-size: 0.85rem;
}

.section-products .single-product .part-1 .new {
    left: 0;
    background-color: #444444;
}

.section-products .single-product .part-1 ul {
    position: absolute;
    bottom: -41px;
    left: 20px;
    margin: 0;
    padding: 0;
    list-style: none;
    opacity: 0;
    transition: bottom 0.5s, opacity 0.5s;
}

.section-products .single-product:hover .part-1 ul {
    bottom: 30px;
    opacity: 1;
}

.section-products .single-product .part-1 ul li {
    display: inline-block;
    margin-right: 4px;
}

.section-products .single-product .part-1 ul li a {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: #ffffff;
    color: #444444;
    text-align: center;
    box-shadow: 0 2px 20px rgb(50 50 50 / 10%);
    transition: color 0.2s;
}

.section-products .single-product .part-1 ul li a:hover {
    color: #fe302f;
}

.section-products .single-product .part-2 .product-title {
    font-size: 2rem;
	font-family: 'Poppins';
	float: left;
	margin-top: 0px;
}

@media (max-width: 767px){
	.section-products .single-product .part-2 .product-title {
		font-size: 16px;
		font-family:'Poppins';
		float: left;
		margin-top: 0px;
	}
	
}

.section-products .single-product .part-2 h4 {
    display: inline-block;
    font-size: 2rem;
	color: #ffffff;
	text-decoration: none;
	border: 1px solid;
	padding: 10px;
	background-color: #000000;
	margin-top: 0px;
}

.section-products .single-product .part-2 h4:hover {
    display: inline-block;
    font-size: 2rem;
	color: #000000;
	text-decoration: none;
	border: 1px solid;
	padding: 10px;
	background-color: #ffffff;
}

.section-products .single-product .part-2 .product-old-price {
    position: relative;
    padding: 0 7px;
    margin-right: 2px;
    opacity: 0.6;
}

.section-products .single-product .part-2 .product-old-price::after {
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #444444;
    transform: translateY(-50%);
}

/*====================description page css==========================*/
#zoom-img {
	pointer-events: none;
	position: relative;
	top: 50%;
	left: 50%;	
  }
  
  #zoom {
	position: absolute;
	width: 250px;
	height: 250px;
	box-shadow: 0 0 0 2px #000000,
	  5px 5px 10px 5px rgba(0,0,0,0.2);
	border-radius: 50%;  
	top: 0;
	left: 0;
	overflow: hidden;
	pointer-events: none;
	visibility: hidden;
	opacity: 0;
  }

.woocommerce-product-attributes-item{
	line-height: 40px;
	font-family:'Poppins';

}

.product_meta{
	margin-top: 20px;
}


.entry-title {
	font-weight: bold;
	font-size: 50px;
}

#main_product_image:hover{	
    transition: all 0.3s;
	width: 100%;
}

.card{border: none;overflow: hidden}.thumbnail_images ul{list-style: none;justify-content: center;display: flex;align-items: center;margin-top:10px}.thumbnail_images ul li{margin: 5px;padding: 10px;border: 2px solid #eee;cursor: pointer;transition: all 0.5s}.thumbnail_images ul li:hover{border: 2px solid #000}.main_image{margin-left: 25%; display: flex;justify-content: center;align-items: center;border-bottom: 1px solid #eee;height: 550px;width: 50%;overflow: hidden}.heart{height: 29px;width: 29px;background-color: #eaeaea;border-radius: 50%;display: flex;justify-content: center;align-items: center}
.content p{font-size: 20px; font-family: 'poppins'; background-color: #eeeeee}
.ratings span{font-size: 14px;margin-left: 12px}.colors{margin-top: 5px}.colors ul{list-style: none;display: flex;padding-left: 0px}.colors ul li{height: 20px;width: 20px;display: flex;border-radius: 50%;margin-right: 10px;cursor: pointer}.colors ul li:nth-child(1){background-color: #6c704d}.colors ul li:nth-child(2){background-color: #96918b}.colors ul li:nth-child(3){background-color: #68778e}.colors ul li:nth-child(4){background-color: #263f55}.colors ul li:nth-child(5){background-color: black}.right-side{position: relative}.search-option{position: absolute;background-color: #000;overflow: hidden;align-items: center;color: #fff;width: 200px;height: 200px;border-radius: 49% 51% 50% 50% / 68% 69% 31% 32%;left: 30%;bottom: -250px;transition: all 0.5s;cursor: pointer}.search-option .first-search{position: absolute;top: 20px;left: 90px;font-size: 20px;opacity: 1000}.search-option .inputs{opacity: 0;transition: all 0.5s ease;transition-delay: 0.5s;position: relative}.search-option .inputs input{position: absolute;top: 200px;left: 30px;padding-left: 20px;background-color: transparent;width: 300px;border: none;color: #fff;border-bottom: 1px solid #eee;transition: all 0.5s;z-index: 10}.search-option .inputs input:focus{box-shadow: none;outline: none;z-index: 10}.search-option:hover{border-radius: 0px;width: 100%;left: 0px}.search-option:hover .inputs{opacity: 1}.search-option:hover .first-search{left: 27px;top: 25px;font-size: 15px}.search-option:hover .inputs input{top: 20px}.search-option .share{position: absolute;right: 20px;top: 22px}.buttons .btn{height: 50px;width: 150px;border-radius: 0px !important}

.btn-load-more{
	background-color: #ffffff;
	color: #000000;
	height: 50px;
	width: 150px;
	border: none;
	font-size: 20px;
	font-family: 'Poppins';
}

.section-products .single-product .part-2 h4 {
	background-color: #ffffff;
	color: #000000;
}

.section-products .single-product .part-2 h4:hover {
	background-color: #000000;
	color: #ffffff;
	border: none;
}

.image-description{
	margin-top: 600px;
}

.product-price {
	float: right;
}
.section-products  .col-lg-12{
	margin-top:36px !important;

}


.main_image{
	display: none !important;
}

video {
    width: 100%;
    max-height: 100%;
}

@media (max-width: 767px){
.ownmenu > li.showhide span.icon {
    /* color: #222222; */
    padding: 0px;
    margin: 0px;
    width: 100%;
    text-align: center;
    font-size: 20px;
}
.logo img {
    vertical-align: middle;
    padding: 30px;
    position: absolute;
    margin-top: -45px;
    margin-left: -100px;
}

.ownmenu > li.showhide span.icon {
    color: white !important;
    padding: 0px;
    margin: 0px;
    width: 100%;
    text-align: center;
    font-size: 20px;
}
}

@media (max-width: 1440px){
	.about-future-div{
	margin-top: 450px;
	
	}
	.description-text-about h1{
		margin-top:20px  !important;
	}
	.product-images{
		margin-top: 150px;
	}
}



.slider-container {
  position: relative;
  padding: 00px;
}

.slider-thumbnail-row {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 130px;
  display: grid;
}

.slider-slides {
  display: none;
}

.slider-slides img {
  width: 100%;
}

.slider-column {
  background: white;
  padding: 10px;
  border-radius: 10px;
  margin-bottom: 10px;
}

.slider-column p {
  margin: 0;
  text-align: center;
  padding-top: 5px;
}

.slide-thumbnail {
  width: 70px;
  height: 70px;
  object-fit: cover;
  opacity: 0.6;
  cursor: pointer;
}

.active,
.slide-thumbnail:hover {
  opacity: 1;
}

.container {
  padding: 0px 50px;
}

.product-info {
  display: flex;
}

.slider-info {
  margin-top: 50px;
}

.slide-title {
  display: flex;
  justify-content: center;
  font-size: 40px;
  background-color: white;
  color: #232323;
  padding: 20px 0px;
  margin-bottom: 0;
}

.woocommerce-product-attributes-item__label {
  min-width: 130px;
}

.footer {
  margin-top: 50px;
}

@media (max-width: 991px) {
  .slider-thumbnail-row {
	margin-top: 10px;
	display: flex;
	position: inherit;
	top: 0;
	left: 0;
	bottom: 0;
	transform: none;
	justify-content: center;
  }

  .slider-column {
	margin-right: 10px;
	box-shadow: 0 0 3px #cacaca;
  }
}

@media (max-width: 600px) {
  .slider-slides img {
	width: 100%;
	min-height: 250px;
	object-fit: cover;
  }
}

/* .series-img{
	height: 150px;
	width: 150px;
} */

.series-img img{
	height: 100%;
	width: 100%;
}

.series-title{
	position: absolute;
	top: 0px;
	left: 0px;
	/* margin-left: 15px;
	padding-left: 40px; */
	width: 100%;
    text-align: center;
	transition: 0.3s  ease-in-out;
}

/* .series-title:hover {
	position: absolute;
	top: 0px;
	left: 0px;
	margin-left: 15px;
	background-color: rgba(0, 0, 0, 0.388);
	width: 520px;
	height: 100%;
} */

.series-title h1{
	color: #000;
	letter-spacing: -1px;
	font-weight: 600;
}

.product-main{
	margin: 0px -15px 20px -15px;
}





.product-main{
	height: 100%;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	/* background: #121212; */
	color: #fff;
}

.blk {
	height: 200px;
	margin: 20px;
	/* width: 300px; */
	background: #222;
	border-radius: 30px;
	position: relative;
	padding: 0px;
	/* 	overflow: hidden; */
}
.blk img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	border-radius: 30px;
}

.arrow {
	position: absolute;
	bottom: 0;
	height: 70px;
	width: 70px;
	display: grid;
	place-items: center;
	background: #121212;
	border-radius: 30px 22px 0px;
	/* border-radius: 30px 0 0; */
	text-decoration: none;
	color: #fff;
	transition: all 0.3s ease;
	z-index: 3;
}

.arrow img {
	height: 50px;
	width: 50px;
	display: grid;
	padding: 10px;
	place-items: center;
	background: #d9b439;
	border-radius: calc(30px);
	font-size: 20px;
	transition: all 0.3s ease;
}
.arrow:hover img {
	transform: rotate(90deg);
	color: #fff;
	/* background-color: #997f2a; */
}
.arrow::after,
.arrow::before {
	content: "";
	position: absolute;
	height: 90px;
	width: 30px;
	background: transparent;
	top: -90px;
	left: 0;
	border-radius: 0 0 0 30px;
	background: transparent;
	box-shadow: 0 60px 0 #121212;
	z-index: -1;
	pointer-events: none;
}
.arrow::after {
	top: unset;
	left: 100%;
	bottom: 0;
	width: 90px;
	height: 30px;
	box-shadow: -60px 0 0 #121212;
}
@media (max-width: 600px) {
	.product-main {
		display: flex;
		flex-direction: column;
	}
}