/* CUSTOM */

/* home bg image */
.hero-slider-wrap_halftwo {
	left:0;
	bottom:0;
}

/* .left-panel {
	display: none;
} */

/* .share-button.showshare {
	display: none;
} */

#wrapper {
	top: 0;
	left: 0;
}

header.index-main-header:before {
	background: transparent;
}
header.index-main-header {
	background: transparent;
}
header.index-main-header:after {
	background: transparent;
}




/* home page first inner swiper */
.swiper-container-1, .swiper-container-1 .swiper-wrapper, .swiper-container-1 .swiper-wrapper .swiper-slide, .swiper-container-1 .swiper-wrapper .swiper-slide picture {
	width: 100% !important;
	height:100% !important;
	display:inherit !important;
}
.swiper-container-1 .swiper-wrapper .swiper-slide img, .swiper-container-1 .swiper-wrapper .swiper-slide source {
	width: 100% !important;
	height:100% !important;
	object-fit: cover;
}

.swiper-pagination-v .swiper-pagination-bullet {
  width: 16px;
  height: 16px;
	margin: 0 8px !important;
}

.swiper-pagination-v .swiper-pagination-bullet-active {
	background: #F9BF26;
}



/* responsive iamges */

.index-img-wrapper-1 {
	position: absolute;
	right: 15%;
	z-index: 10;
	top: 29%;
}

.index-num-wrapper-1 {
	position: absolute;
	right: 15%;
	z-index: 10;
	top: 25%;
	width: 35%;
}

/* numbers */
.index-inline-facts-wrap .inline-facts-wrap {
	width:100%;
}

.index-inline-facts-wrap .inline-facts-wrap .num {
	display: inline-block;
	color: #F9BF26;
	font-size: 55px;
	text-align: left;
	font-weight: 900;
	line-height: 70px;
	min-width: 135px;
	/* text-shadow: 2px 2px #000; */
}

.index-inline-facts-wrap .inline-facts-wrap .num-title {
	display: inline-block;
	color: #F9BF26;
	font-size: 30px;
	text-align: left;
	font-weight: 900;
	line-height: 70px;
	/* position: absolute; */
}

.index-inline-facts-wrap .inline-facts-wrap .num:after, .index-num-wrapper-1-small .inline-facts-wrap .num:after {
  content: ' +';
	vertical-align: super;
  font-size: smaller;
}

.index-num-wrapper-1-small .inline-facts-wrap .num {
	color: #F9BF26;
}

.index-num-wrapper-1-small .inline-facts-wrap {
	width:33.3%;
}

@media (min-width: 1570px) {
  .index-inline-facts-wrap {
		display: block;
	}
	.index-num-wrapper-1-small {
		display: none;
	}
}

@media (max-width: 1569px) {
  /* .index-inline-facts-wrap {
		display: none;
	} */

	/* .index-inline-facts-wrap .inline-facts-wrap .num {
		font-size: 55px;
		text-align: left;
		font-weight: 900;
		line-height: 70px;
		min-width: 135px;
	}
	.index-inline-facts-wrap .inline-facts-wrap .num-title {
		font-size: 30px;
		text-align: left;
		font-weight: 900;
		line-height: 70px;
	} */

	/* .index-num-wrapper-1-small {
		display: block;
	} */

	.index-num-wrapper-1 {
		right:10%;
	}

	.index-num-wrapper-1-small {
		display: none;
	}

}

@media (max-width: 1440px) {
	.index-inline-facts-wrap {
		display: none;
	}
	.index-num-wrapper-1-small {
		display: block;
	}
}

.index-num-wrapper-1-small .inline-facts-wrap h6 {
	color: white;
}

.hero-slider-img .swiper-slide {
	z-index: 1;
}

.hero-slider-img .swiper-slide-active {
	z-index: 10;
}

.index-bg {
	-webkit-animation: image-breath 10s infinite;
	-o-animation: image-breath 10s infinite;
	animation: image-breath 10s infinite;
}

@keyframes image-breath {
    0%   {
			-webkit-transform: scale(1,1);
			-moz-transition: scale(1,1);
			-o-transition: scale(1,1);
			transform: scale(1,1);
		}
    /* 25%  {top: 200px;} */
    50%  {
			-webkit-transform: scale(1.1,1.1);
			-moz-transition: scale(1.1,1.1);
			-o-transition: scale(1.1,1.1);
			transform: scale(1.1,1.1);
		}
    /* 75%  {top: 200px;} */
    100% {
			-webkit-transform: scale(1,1);
			-moz-transition: scale(1,1);
			-o-transition: scale(1,1);
			transform: scale(1,1);
		}
}
.swiper-container-2-wrapper {
	/* width: 80%;
	height: 80%;
	left: 10%;
	top: 10%;
	right: 10%;
	bottom: 10%; */
	width: 100%;
	height: 100%;
}

.swiper-container-2 {
	/* width: 80%;
	height: 100%;
	display: flex; */

	/* top: 40%; */
	top: 28%;
	width: 80%;
	/* height:50%; */
	/* height:70%; */
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1;
}

.swiper-container-2 .swiper-wrapper {
  margin-left: auto;
  margin-right: auto;
}

.swiper-container-2 .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: transparent;
	display: block;
	/* display: flex; */
	/* background: black;

	color: #F9BF26;
	text-transform: uppercase;
	font-size: 55px;
	font-weight: 900;
	line-height: 70px;
	padding-bottom: 20px; */
	/* position: relative; */

}

.swiper-container-2 .swiper-button-next, .swiper-container-2 .swiper-button-prev {
	position: absolute;
	display: block;
	margin-top: -27px;
	width: 54px;
	height: 54px;
	background-color: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,.1);
	cursor: pointer;
	overflow: hidden;
	background-image: none;
}

.swiper-container-2 .swiper-button-next svg, .swiper-container-2 .swiper-button-prev svg {
	fill: #c4a366;
	display: block;
	margin: 15px auto 0;
	width: 24px;
	height: 24px;
	transition: fill .2s ease-out;
}

.swiper-container-2 .swiper-button-next:hover svg, .swiper-container-2 .swiper-button-prev:hover svg {
	fill: black;
	transition: fill .2s ease-out;
}


















.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    /* border: 1px solid rgba(0,0,0,.125); */
    /* border-radius: .25rem; */
}
.card {
    display: inline-block;
    position: relative;
    /* width: 100%; */
		width:300px;
		height:500px;
    margin-bottom: 30px;
    /* border-radius: 6px; */
    color: rgba(0, 0, 0, 0.87);
    /* background: #fff; */
    background-color: rgba(255,255,255,0.4);
		-moz-transition: all 0.5s ease-in;
		-o-transition: all 0.5s ease-in;
		-webkit-transition: all 0.5s ease-in;
		transition: all 0.5s ease-in;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);

		/* border: 1px solid rgba(255,255,255,0.5); */
}

.card:hover {
	/* background-color: rgba(255,255,255,0.7); */
	/* background-color: rgba(128,128,128,0.7); */
	background-color: rgba(0,0,0,0.6);
	box-shadow:0px 0px 2px #fff;
	-moz-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	-webkit-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
}

.card-product {
    margin-top: 50px;
}

.card .card-title {
	padding: 20px;
	font-size: 32px;
	/* color: #F9BF26; */
	color: white;
	-moz-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	-webkit-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
}

.card:hover .card-title {
	color: #F9BF26;
	text-shadow: 0px 0px 2px saddlebrown;
	-moz-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	-webkit-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
}

.card .card-image {
    /* height: 60%; */
		/* height:300px; */
    /* position: relative;
    overflow: hidden;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: -30px;
    border-radius: 6px; */
    /* box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); */
		/* padding-top: 20px; */
		/* height:90%; */
		/* height:350px; */

		width: 250px;
		margin:0 25px;
		position:absolute;
    bottom:60px;
		 /*.card's padding*/
}

.card .card-image .img {
	width: 100%;
height: 100%;
max-height:350px;
max-width: 200px;
object-fit: contain;
}

.card .card-image .img {
	-moz-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	-webkit-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
}

.card:hover .card-image .img {
		transform: scale(1.1);
}











.card {
  cursor: pointer;
  position: relative;
  /* padding: 10px 20px; */
  /* background: white; */
  font-size: 28px;
  /* border-top-right-radius: 10px; */
  /* border-bottom-left-radius: 10px; */
  transition: all 1s;
}
.card:after, .card:before {
  content: " ";
  width: 50px;
  height: 50px;
  position: absolute;
  border: 0px solid #F9BF26;
  transition: all 1s;
}
.card:after {
  top: -1px;
  left: -1px;
  border-top: 5px solid #F9BF26;
  border-left: 5px solid #F9BF26;
}
.card:before {
  bottom: -1px;
  right: -1px;
  border-bottom: 5px solid #F9BF26;
  border-right: 5px solid #F9BF26;
}
.card:hover {
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.card:hover:before, .card:hover:after {
  width: 100%;
  height: 100%;
}


@media (max-height: 800px) {
  .card {
		height: 400px;
	}
	.card .card-title {
		display: none;
	}
}

@media (max-width: 460px) {
	.swiper-container-2 .swiper-button-next, .swiper-container-2 .swiper-button-prev {
		background-color: transparent;
		box-shadow: none;
	}
}


.index-products-section {
	position: absolute;
  left: 15%;
  z-index: 10;
  top: 15%;
}
.index-products-section h1:before {
	top:-30px;
}


@media (max-height: 800px) {
	.index-contact-us {
		position: absolute;
	  left: 15%;
	  z-index: 10;
	  top: 15%;
	}
	.index-contact-us h1:before {
		top:-30px;
	}
}



.circle-icon:before {
	 /* content: "\f003"; */
	 /* font-size: 12px; */
	 font-size: 20px;
	 border-radius: 50%;
	 border: 1px solid white;
	 /* padding: 2px; */
	 padding: 15px;
	 background-color: white;
	 color: saddlebrown;
	 box-shadow:0px 0px 30px white;
}
 /* .circle-icon:hover, .circle-icon:focus {
	 border: 20px solid black;
} */




.index-contact-us h2 {
	color: white;
  font-weight: bold;
  font-size: 20px;
  /* line-height: 55px; */
	text-align: left;
	max-width: 550px;
}








.index-map-wrapper-1 {
	position: absolute;
	right: 15%;
	z-index: 10;
	top: 29%;
	height:500px;
	width:500px;
}

.index-map-bg-wrapper-1 {
	position: absolute;
	right: 10%;
	z-index: 5;
	top: 24%;
}

.index-map-bg-wrapper-1 img {
	height: 600px;
	width: 500px;
	object-fit: cover;
}

.index-contact-us {
	text-align: left;
}


@media (max-width:1530px) {
	.index-map-wrapper-1 {
		height:400px;
		width:400px;
	}
	.index-map-bg-wrapper-1 img {
		height: 500px;
		width: 400px;
		object-fit: cover;
	}
}

@media (max-width:1380px) {
	.index-map-wrapper-1 {
		position: absolute;
		right: 15%;
		z-index: 10;
		top: 35%;
		height:300px;
		width:300px;
	}
	.index-map-bg-wrapper-1 {
		position: absolute;
		right: 10%;
		z-index: 5;
		top: 29%;
	}
	.index-map-bg-wrapper-1 img {
		height: 400px;
		width: 300px;
		object-fit: cover;
	}
}


.index-contact-us h2 a {
	color: white;
}

@media (max-width:1230px) {
	.index-map-wrapper-1 {
		display: none;
	}
	.index-map-bg-wrapper-1 {
		display: none;
	}
	.index-contact-us h2 {
		max-width:85%;
	}
}


@media (min-width:769px) {
	.index-contact-us .sm-title {
		display: none;
	}
}


@media (max-width:768px) {
	.index-contact-us h2 {
		text-align: center;
	}
	.index-contact-us i {
		display: none;
	}
	.index-contact-us .sm-title {
		display: block;
	}
}





h2.sm-title {
  overflow: hidden;
  text-align: center;
}

h2.sm-title:before,
h2.sm-title:after {
  background-color: #fff;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 20%;
}

h2.sm-title:before {
  right: 0.5em;
  margin-left: -50%;
}

h2.sm-title:after {
  left: 0.5em;
  margin-right: -50%;
}



.index-products-section .half-hero-wrap_link {
	margin-top:10px;
}

.copyrights-row {
	position: absolute;
	bottom:0;
	padding-bottom:20px;
	color: white;
}
.copy a, .copy a:hover, .copy a::before, .copy a::after {
		text-decoration: none;
    color: #ccc;
		/* background-color: #c5a059; */
	}

.index-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
  /* background: rgba(45,45,50,0.51); */
  background: rgba(45,45,50,0.61);
	z-index: 3;
	-webkit-animation: image-breath 10s infinite;
	-o-animation: image-breath 10s infinite;
	animation: image-breath 10s infinite;
}





.nav-social {
	height: 120px;
	padding: 0 20px 0 20px;
}
.nav-social li {
  width: 60px;
  /* height: 60px; */
  line-height: auto;
	margin:0 10px;
	border: none;
	border-left: none !important;
	top: 0px;
	color: white;
}
.nav-social li:hover {
	text-decoration: none;
}
.nav-social li::before {
	background: none;
	-webkit-transition: none;
	transition: none;
}
.nav-social img {
	height:60px;
	width:60px;
}