/*@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&family=Lobster+Two:ital,wght@0,400;0,700;1,400;1,700&display=swap');
*/

@import url('https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap');
.hero-bg-static {
	background-image: url(../images/productslider/product-fun-bg.jpg)
}

.hero-bg-static-lomani {
	background-image: url(../images/productslider/lomani-img.jpg)
}

.hero-bg-static-1 {
	background-image: url(../../images/store/slider-image.jpg)
}

.hero-bg-static-2 {
	background-image: url(../../images/contact/contactus.jpg)
}

.hero-bg-static-hustler {
	background-image: url(../images/productslider/hustler.jpg)
}

.hero-bg-static-carrera {
	background-image: url(../images/productslider/banner_carrera.jpg)
}

.hero-bg-static-peter {
	background-image: url(../images/productslider/pater.jpg)
}

.hero-bg-static-sppc {
	background-image: url(../images/productslider/sppc.jpg)
}

.hero-bg-static17 {
	background-image: url(../images/productslider/header-bg.jpg)
}
.hero-bg-static7 {
	background-image: url(../images/productslider/johan-ashwood.jpg)
}
.hero-bg-static3 {
	background-image: url(../images/productslider/nissan-bg.jpg);
	background-position: top center !important;
}

.hero-bg-static4 {
	background-image: url(../images/productslider/fashion-bg.png);
	background-position: top center !important;
}

.hero-bg-static5 {
	background-image: url(../images/productslider/genni-bg.jpg);
	background-position: center center !important;	
}
.hero-bg-static15 {
	background-image: url(../images/productslider/bait-al-oud-bg1.jpg);
	background-position: center center !important
}
.hero-bg-static16 {
	background-image: url(../images/productslider/house-of-perfume.jpg);
	background-position: center center !important
}

.hero-bg-static6 {
	background-image: url(../images/productslider/lo-slider.jpg);
	background-position: bottom center !important
}

.hero-bg-static8 {
	background-image: url(../images/productslider/ateeq-img.jpg)
}

.hero-bg-static9 {
	background-image: url(../images/productslider/al-back.jpg)
}

.hero-bg-static10 {
	background-image: url(../images/productslider/mustang.jpg)
}

.hero-bg-static17:after, .hero-bg-static10:after, .hero-bg-static9:after, .hero-bg-static8:after, 
.hero-bg-static9:after, .hero-bg-static7:after, .hero-bg-static-sppc:after, .hero-bg-static-peter:after, 
.hero-bg-static-carrera:after, .hero-bg-static6::after, .hero-bg-static::after, .hero-bg-static3::after, 
.hero-bg-static4::after, .hero-bg-static5::after, .hero-bg-static15::after, .hero-bg-static16::after, .hero-bg-static-lomani::after, 
.hero-bg-static-hustler::after {
	content: " ";
	background-image: url(../../images/section-divider-top.png);
	position: absolute;
	z-index: 2;
	bottom: 0px;
	width: 100%;
	height: 50px
}

#hero-bg-slideshow:after {
	content: ' ';
	background-image: url(../../images/section-divider-top.png);
	position: absolute;
	z-index: 2;
	bottom: 0;
	width: 100%;
	height: 50px
}

.about-section-divider-y:after {
	content: ' ';
	background-image: url(../../images/section-divider-top.png);
	position: absolute;
	z-index: 2;
	bottom: 0;
	width: 100%;
	height: 50px
}

.about-section-divider-y:before {
	background: transparent !important;
	content: ' ';
	background-image: url(../../images/section-divider-bottom.png) !important;
	position: absolute;
	z-index: 2;
	top: 0;
	width: 100%;
	height: 55px
}

.footer-section-content:before {
	background: transparent !important;
	content: ' ';
	background-image: url(../../images/section-divider-bottom.png) !important;
	position: absolute;
	z-index: 2;
	top: 0;
	width: 100%;
	height: 55px
}

.overlay_section {
	background-color: rgba(0, 0, 0, 0.45);
	width: 100%;
	position: absolute;
	top: 0;
	height: 100%
}

.overlay_section15 {
	background-color: rgba(0, 0, 0, 0.26);
	width: 100%;
	position: absolute;
	top: 0;
	height: 100%
}

.overlay_section_light {
	background-color: rgba(168, 171, 111, 0.3);
	width: 100%;
	position: absolute;
	top: 0;
	height: 100%
}

#hero-bg-slideshow .slides > .bg-img-cover:nth-child(1) {
	background: url("../images/slider/slider1 (4).jpg")
}

#hero-bg-slideshow .slides > .bg-img-cover:nth-child(2) {
	background: url("../images/slider/slider1 (3).jpg")
}

#hero-bg-slideshow .slides > .bg-img-cover:nth-child(3) {
	background: url("../images/slider/slider1 (5).jpg")
}

#hero-bg-slideshow .slides > .bg-img-cover:nth-child(4) {
	background: url("../images/slider/slider1 (2).jpg")
}

#hero-bg-slideshow .slides > .bg-img-cover.flex-active-slide {
}

.hero .container {
	position: relative;
	z-index: 20
}

.hero .particles-js-canvas-el {
	left: 0;
	position: absolute;
	top: 0;
	z-index: 2
}

.hero-text h2, .hero-text h3 {
	transform: rotate(-3deg);
	-webkit-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg)
}

.hero-slideshow {
	height: 100%;
	overflow: hidden;
	padding: 0 !important;
	width: 100%
}

.hero-slideshow-content {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 20
}

@-webkit-keyframes zoomout {
	0% {
		transform: scale(1.3)
	}

	100% {
		transform: scale(1)
	}

}

.zero-margin {
	margin: 0 auto;
	float: none;
	clear: both
}

#wedding-event {
	background-image: url("../images/bg-wedding-event.jpg")
}

#proposed {
	background: url("../images/bg-proposed.jpg")
}

#wedding-gifts {
	background-image: url("../images/slider1 (4).jpg")
}
footer {
	z-index: 99
}

footer .border-top {
	border-color: rgba(255, 255, 255, 0.2) !important
}

.foot-bg1 {
	background: url("../images/perfume01.jpg")
}

.foot-bg01 {
	background: url("../images/i5_new1.jpg")
}

.foot-bg2 {
	background: url("../images/perfume02.jpg")
}

.foot-bg3 {
	background: url("../images/perfume3.jpg")
}

.foot-bg4 {
	background: url("../images/perfume4.jpg")
}

.foot-bg5 {
	background: url("../images/perfume05.jpg")
}

.foot-bg6 {
	background: url("../images/perfume06.jpg")
}

.foot-bg7 {
	background: url("../images/perfume07.jpg")
}

.foot-bg8 {
	background: url("../images/perfume8.jpg")
}

.foot-bg9 {
	background: url("../images/perfume9.jpg")
}

.foot-bg10 {
	background: url("../images/perfume10.jpg")
}

.foot-bg11 {
	background: url("../images/perfume011.jpg")
}

.foot-bg12 {
	background: url("../images/perfume012.jpg")
}

.foot-bg13 {
	background: url("../images/al-background1.jpg")
}

.foot-bg14 {
	background: url("../images/mustang.jpg")
}

.foot-bg {
	background: url("../images/temp_banner3.jpg")
}
.foot-bg15 {
	background: url("../images/perfume15.jpg")
}

.overlay_section1 {
	background-color: rgba(141, 131, 20, 0.3);
	width: 100%;
	position: absolute;
	top: 0;
	height: 100%
}

.overlay_section2 {
	background-color: rgba(63, 63, 61, 0.4);
	width: 100%;
	position: absolute;
	top: 0;
	height: 100%
}

.overlay_section3 {
	background-color: rgba(0, 0, 0, 0.35) !important;
	width: 100%;
	position: absolute;
	top: 0;
	height: 100%
}

.overlay_section4 {
	background-color: rgba(141, 131, 20, 0.3);
	width: 100%;
	position: absolute;
	top: 0;
	height: 100%
}

.overlay_section5 {
	background-color: rgba(0, 0, 0, 0.38);
	width: 100%;
	position: absolute;
	top: 0;
	height: 100%
}

.overlay_section6 {
	background-color: rgba(147, 138, 48, 0.4);
	width: 100%;
	position: absolute;
	top: 0;
	height: 100%
}

.overlay_section7 {
	background-color: rgba(57, 57, 56, 0.4);
	width: 100%;
	position: absolute;
	top: 0;
	height: 100%
}

.overlay_section8 {
	background-color: rgba(38, 38, 37, 0.3);
	width: 100%;
	position: absolute;
	top: 0;
	height: 100%
}

.overlay_section9 {
	background-color: rgba(23, 22, 22, 0.46);
	width: 100%;
	position: absolute;
	top: 0;
	height: 100%
}

.formsearch .search-section {
	display: none
}

.m-b-30 {
	margin-bottom: 30px
}

.overlay_section13 {
	background-color: rgba(105, 105, 103, 0.3);
	width: 100%;
	position: absolute;
	top: 0;
	height: 100%
}

.overlay_section14 {
	background-color: rgba(3, 3, 3, 0.37);
	width: 100%;
	position: absolute;
	top: 0;
	height: 100%
}

.ptb-3 {
	padding-bottom: 1rem !important;
	padding-top: 1rem !important
}

.ptb-5 {
	padding-bottom: 0rem !important;
	padding-top: 4rem !important
}

.left-slide {
	width: 58%;
	float: left;
	z-index: 9999999
}

.johan-section {
	padding: 30px;
	margin: 0px;
	background-image: url("../../images/john-ashwood/demo.png");
	background-size: cover;
	background-position: bottom;
	background-repeat: no-repeat
}

.footer-section-content-johan::before {
	background: transparent !important;
	content: ' ';
	background-image: url(../../images/section-divider-bottom-johan.png) !important;
	position: absolute;
	z-index: 2;
	top: 0;
	width: 100%;
	height: 55px
}

.text-gray-100 {
	text-decoration: none !important
}
.footer-section-content.foot-bg01::before{ 
	top: -35px; 
}
.bg-img-cover.foot-bg01{
	background-position: top center !important;
}
.text-large .text-gray-100{
	font-size: 1rem;
	letter-spacing: 0.2px;
	font-style: italic;
}
.social-icon i{
	font-size: 25px;
	margin-top: 20px;
	margin-right: 10px;
}
.social-icon:hover .fa-facebook {
	transform: scale(1.2);
	transition: 1s;
	color: #4267B2;
	background: #fff;
	height: 21px;
}
.social-icon:hover .fa-facebook:before {
    content: "\f09a";
    position: relative;
    top: -1.3px;
    left: -0.3px;
}

.social-icon:hover .fa-twitter{
	transform: scale(1.2);
	transition: 1s;
	color: #00acee;
}
.social-icon:hover .fa-instagram{
	transform: scale(1.2);
	transition: 1s;	
	background-image: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}
.social-icon .fa-instagram{
	font-size: 26px !important;	
}
.social-icon:hover .fa-linkedin{
	transform: scale(1.2);
	transition: 1s;
	color: #0073B0;
	background: #fff;
	height: 21px;	
}
.social-icon:hover .fa-linkedin:before {
    content: "\f08c";
    position: relative;
    top: -1.3px;
    left: -0.3px;
}
.social-icon:hover .fa-whatsapp{
	transform: scale(1.2);
	transition: 1s;
	color: #00A884;	
}
.social-icon .fa-whatsapp{
	font-size: 26px !important;
}
.border-top .text-extra-small{
	font-size: 0.70rem !important;
}
.pad-left30{
	padding-left: 20% !important;
}
.pad-left2{
	padding-left: 24% !important;
}
.john-m-top{
	margin-top: 7%;
}
.john-Ash-ml{
	margin-left: 10%;
}
.ja-ml{
	margin-left: 30%;
}
.ja_img img{
	width: 90%;
}

/************   e-commerce   *********/
.small_img{
	width: 63px !important;
	height: 63px;
}
.hover-img li{
	margin-top: 12px;
	border: 1px solid #b5b5b5;
}