@charset "utf-8";
/* CSS Document*/
@import url('../fonts/font.css');
* 					{margin:0;padding:0;-webkit-font-smoothing:antialiased;line-height:normal;}
body 				{margin:0 auto;font-size:16px;color:#000;font-family: "CenturyGothic";line-height:normal;}
html				{ }
a:active, a:focus,input:focus, textarea:focus,select button{outline:0}
a:active, a:focus	{outline:expression(hideFocus='true')}
::-moz-focus-inner	{border:1px solid transparent!important}
:link,:visited      {text-decoration:none}
ul,ol,li,pre,
form,blockquote,
fieldset,input,p,select,label,button,textarea,section,a{margin:0px;list-style:none;padding:0;vertical-align:top;border-radius:0;font-family:"CenturyGothic";line-height:normal;}
a img				{border:none;}
h1,h2,h3,h4,h5,h6	{margin:0px;padding:10px 0px;color:#000000;line-height:normal;font-family: "CenturyGothic-Bold";}
h1 strong,h2 strong,h3 strong,h4 strong,h5 strong,h6 strong{font-family:"CenturyGothic-Bold";}
header,.button,.wsmenu-list > li a,.copyrights p a,.social-media li a,.wsmenu-list > li,.search-input .form-control,.navigation,.swiper-pagination-bullet,.about-img img,.about-contents,.swiper-button-next,.swiper-button-prev,.logo-img img,.foot-navi li a,.al-hamra,.menu-link,.guest-icon,.awards-img img,.tabs-links li a,.shopping-container .shopping-box .shopping-img,.submenulink::before,.submenulink::after,.shopping-img img,.language-link
					{transition:all 0.3s ease-out 0s;-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0s;-ms-transition:all 0.3s ease-out 0s}
header{/*padding:15px 0 15px 0;*/position:fixed;z-index:111;top:0px;width:100%;left:0px;right:0px;text-align:center;height:1px;/*background:rgba(255,255,255,1);box-shadow:0 1px  5px rgba(0,0,0,0.1);*/}
.al-hamra{float:left;width:200px;margin-left:60px; }
.al-hamra img{width:70%}
.language-link{float:left;position:absolute;right:160px;top:74px;z-index:9;font-size:20px;color:#fff;height:25px;width:25px;text-align:center;line-height:19px}
.language-link span{line-height:15px}
.language-link:hover{color:#666!important}
/*.navigation{position:fixed;top:0px;left:0px;bottom:0px;right:0px;width:100%;height:100%;z-index:99;display:none}*/
.menu-link{float:right;width:75px;height:40px;position:relative;z-index:1;display:flex;align-items:center;align-content:center; border-radius: 15px;
    background-color: #adadad;
    opacity: 50%; }
.menu-link span{display:block;position:relative;height:4px;width:100%;background:#fff;}
.menu-link span::after,.menu-link span::before{position:absolute;left:0px;right:0px;height:4px;width:100%;background:#fff;display:block;content:"";}
.menu-link span::before{top:-17px;}
.menu-link span::after{top:17px;}

.menu-link{/*width:100%;border-bottom:1px solid rgba(255,255,255,0.5);*/height:50px;display:flex;align-items:center;position:absolute;z-index:99;top:60px;right:50px}
.menu-link span{height:3px;position:relative;z-index:1;display:block;margin:0 auto;width:50%}
.menu-link span::after,.menu-link span::before{content:"";position:absolute;width:100%}
.menu-link span::before{height:3px;top:-10px;}
.menu-link span::after{height:3px;top:11px;}
.menu-link span,.menu-link span::after,.menu-link span::before{background:rgba(255,255,255,1);}
.menu-link:hover span,.menu-link:hover span::before,.menu-link:hover span::after{background:#666;}
.al-hamra-menu{width:100%;display:block;margin:0 auto;margin-bottom:15px;background:#7b7d88;padding:5px 0 25px 0;display:none}
.al-hamra-menu img{width:70%;display:block;margin:0 auto}
.menu-main{position:fixed;right:0px;top:0px;bottom:0px;align-items:center;width:100%;z-index:99;}
.menu-main-sub{position:absolute;top:0px;right:0px;bottom:0px;right:0px;width:300px;}
.menu-main-sub::after{position:absolute;content:"";background:rgba(60,60,69,.9);width:100%;z-index:-1;}
.navigation{width:100%;position:absolute;top:0px;right:0%;padding-top:0px;bottom:0px;right:0px;display:flex;align-items:center;}
.navigation-sub{width:100%;display:block }
.Al-Hamra-Logo-white-red{text-align:center;margin-bottom:25px}
.Al-Hamra-Logo-white-red img{max-width:135px}
.wsmenucontainer{width:100%}
.wsmenu-list{display:block;width:100%}
.wsmenu-list > li.main-link{width:100%;float:none;display:block}
.wsmenu-list > li.main-link > a {font-size:20px;font-family:"CenturyGothic-Bold";color:#9797a9;float:none;padding:12px 20px;position:relative;z-index:1;/*opacity:0.8;*/display:block;/*text-align:center;border-top:1px solid rgba(255,255,255,0.1)*/}
.wsmenu-list > li.main-link > a:hover{color:#fff}
.wsmenu-list > li.main-link li a{padding:4px 10px 4px 30px;display:block;color:#9797a9;font-family:"CenturyGothic-Bold";}
.wsmenu-list > li.main-link li a:hover{color:#fff}
.wsmenu-list > li.main-link ul{display:none}
.submenulink{display:block;position:absolute;right:0;width:20px;height:20px;/*border:1px solid rgba(255,255,255,0.2);*/top:0px;bottom:0px;right:0;left:0px;height:100%;width:100%;z-index:9}
.submenulink::before,.submenulink::after{content:"";background:#fff;position:absolute;top:17px;/*transform:translateY(-50%)*/}
.submenulink::before{width:2px;height:10px;right:20px;transform:rotate(45deg)}
.submenulink::after{width:2px;height:10px;right:25px;transform:rotate(-45deg)}
.submenulink.active::after{/*height:0px;*/}
.submenulink.active::before{transform:rotate(90deg)}
.submenulink.active::after{transform:rotate(-90deg)}
.wsmenu-list li a.nav-active,.mobile-sub .wsmenu-submenu li a.active,.mobile-sub .wsmenu-submenu li a:hover{color:#fff!important}
@media screen and (min-width:781px){
	.menu-link.black span,.menu-link.black span::after,.menu-link.black span::before{background:rgba(0,0,0,1);}
	.language-link.black{color:#000}
}
@media screen and (min-width:641px){
	.about-button-prev,.about-button-next{display:none}
}
.main{transition:all 0.5s ease-out 0s;}
.close-menu{position: absolute;top:0px;right:300px;bottom:0px;left:0;cursor:pointer}
.sub-menu-div{ }
.sub-menu-ul{display:none}
.sub-menu-ul li a{font-size:16px;color:#fff;display:block;padding:5px 0 5px 25px;font-family:'Rokkitt',serif;position:relative;z-index:1;text-transform:uppercase}
.sub-menu-ul li a::after{position:absolute;content:"→";width:10px;color:#fff;left:0px;top:5px;font-size:14px;}
.navigation li a:hover{color:#666;/*letter-spacing:2px*/}
.banner-main{position:relative;z-index:1;overflow:hidden}
.slideshow-container,.slideshow-container2{width:100vw;}
.slideshow-img img{position:absolute;top:0px;left:50%;transform:translateX(-50%);z-index:1 }
.slideshow-img{position:relative;z-index:1}
#fp-nav{z-index:9 }
.wsmenu-list .main-link,.al-hamra-menu,.Al-Hamra-Logo-white-red{transform: translateY(200px);opacity:0;transition-property:transform, opacity;transition-duration:0.3s;}
.showmenu .wsmenu-list .main-link,.showmenu .al-hamra-menu,.showmenu .Al-Hamra-Logo-white-red{transform:translateY(0);opacity:1;}
.sub-menu-ul li a.active{color:#666}
.sub-menu-ul ul li{padding-left:25px}
.sub-menu-ul ul li a::after{content:"»";}
.sub-menu-ul ul li a{}
.sub-menu-ul li li a{font-size:16px;letter-spacing:1px;}
.sub-menu-ul li li a::after{top:4px}
.sub-menu-ul li li li a{font-size:16px;}
/* Reveal content with different delays */
.showmenu .Al-Hamra-Logo-white-red{transition-delay:.1s;}
.showmenu .wsmenu-list .main-link:nth-child(1){transition-delay:.2s;}
.showmenu .wsmenu-list .main-link:nth-child(2){transition-delay:.3s;}
.showmenu .wsmenu-list .main-link:nth-child(3){transition-delay:.4s;}
.showmenu .wsmenu-list .main-link:nth-child(4){transition-delay:.5s;}
.showmenu .wsmenu-list .main-link:nth-child(5){transition-delay:.6s;}
.showmenu .wsmenu-list .main-link:nth-child(6){transition-delay:.7s;}
.showmenu .wsmenu-list .main-link:nth-child(7){transition-delay:.8s;}
.showmenu .wsmenu-list .main-link:nth-child(8){transition-delay:.9s;}
.showmenu .wsmenu-list .main-link:nth-child(9){transition-delay:1s;}
.showmenu .wsmenu-list .main-link:nth-child(10){transition-delay:1.2s;}
.showmenu .wsmenu-list .main-link:nth-child(11){transition-delay:1.3s;}
.showmenu .wsmenu-list .main-link:nth-child(12){transition-delay:1.4s;}
.showmenu .wsmenu-list .main-link:nth-child(13){transition-delay:1.5s;}
.showmenu .wsmenu-list .main-link:nth-child(14){transition-delay:1.6s;}
.showmenu .wsmenu-list .main-link:nth-child(15){transition-delay:1.7s;}

.menu-main{transform:translateX(100%);}
.menu-main-sub::after{right:-100%;width:100%;top:0%;height:100%;opacity:0;transition:all .5s ease-out 0s;}
.menu-link span,.menu-link span::after,.menu-link span::before{transition:all .3s ease-out 0s;}

.menu-main.openedmenu{transform:translateX(0%)}
.menu-main-sub.showbg::after{opacity:1;right:0%;}
.navigation.showmenu{top:0%;/*opacity:1;transition:all .5s ease-out 0.3s;*/}

.menu-link.active span::after{top:0px;}
.menu-link.active span::before{top:0px;}

.menu-link.crossed span{background:rgba(255,255,255,0)}
.menu-link.crossed span::before{transform:rotate(-45deg)}
.menu-link.crossed span::after{transform:rotate(45deg)}

@media screen and (min-width:780px){
	header.small-header{/*padding:5px 0 5px 0;background:rgba(100,100,100,0.95);*/}
	header.small-header .al-hamra{width:135px;margin-left:15px;}
	header.small-header .menu-link{top:20px;}
	header.small-header .language-link{top:34px;}
}
/*header.inner-header{padding:5px 0 7px 0;background:rgba(65,176,202,0.9);}
header.inner-header .hotline{margin-top:0px}
header.inner-header .wsmenu-list > li > a{padding:10px 20px 10px 20px;font-size:16px;}
header.inner-header .wsmenu-list > li.waleed-logo{width:200px;}
header.inner-header .wsmenu-list > li.waleed-logo a{top:-60px}
header.inner-header .search-navi-cart{margin-top:0px;}
header.inner-header .search-div{padding:2px}
header.inner-header .search-main{left:0px;}
header.inner-header .basket-main{right:0px;}
header.inner-header.hidden{
    -webkit-transform: translateY(-130px);
    -moz-transform: translateY(-130px);
    -ms-transform: translateY(-130px);
    -o-transform: translateY(-130px);
    transform: translateY(-130px);
}*/

/*@media screen and (orientation: portrait){
	.slideshow-img img{min-width:100%;height:100%}
}
@media screen and (orientation: landscape){
	.slideshow-img img{width:100%;min-height:100%}
}*/

.slideshow-container .slideshow-pagination{position:absolute;bottom:75px!important;left:75px!important;z-index:66;text-align:left;}
.slideshow-container .slideshow-pagination .swiper-pagination-bullet,.awards-container .awards-pagination .swiper-pagination-bullet{border-radius:0;width:45px;height:5px;background:#b6b6b6;opacity:1}
.slideshow-container .slideshow-pagination .swiper-pagination-bullet-active,.awards-container .awards-pagination .swiper-pagination-bullet-active{height:10px;background:#fff}
.slideshow-container .slideshow-pagination .swiper-pagination-bullet:hover,.awards-container .awards-pagination .swiper-pagination-bullet:hover{background:#666}
.about-button-next.swiper-button-disabled, .about-button-prev.swiper-button-disabled{opacity:0;}

/*.slideshow-container .swiper-slide .slideshow-img{transform:scale(1.2);transition:all 5s ease-out 0s;}
.slideshow-container .swiper-slide-active .slideshow-img,.slideshow-container .swiper-slide-duplicate-active .slideshow-img{transform:scale(1);}*/
.swiper-button-next,.swiper-button-prev{width:50px;height:50px;background:none;/*transform:rotate(45deg);*/margin-top:-35px}
/*.swiper-button-next{border-top:3px solid #000;border-right:3px solid #000;}
.swiper-button-prev{border-left:3px solid #000;border-bottom:3px solid #000;}
.swiper-button-next:hover{border-top:3px solid #666;border-right:3px solid #666;}
.swiper-button-prev:hover{border-left:3px solid #666;border-bottom:3px solid #666;}*/
.swiper-button-next svg{fill:#694a34}
.swiper-button-prev svg{fill:#694a34}
.swiper-button-next:hover svg{fill:#666}
.swiper-button-prev:hover svg{fill:#666}
.fp-tableCell{position:relative;z-index:1}
.section .container-fluid{padding:80px 10% 80px 10%;position:relative;z-index:1;}
.about-main .container-fluid{padding-top:0px}
.banner-main{padding:0px}
.about-container{margin-top:15px}
.about-ccarousel,.awards-div{position:relative;z-index:1}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background:none}
.about-button-prev,.guest-button-prev,.shopping-button-prev{left:-55px}
.about-button-next,.guest-button-next,.shopping-button-next{right:-55px}
/*.awards-box{position:absolute;top:100px;left:15px}*/
.awards-img{cursor:pointer}
.awards-img img{width:100%}
.awards-img img:hover{opacity:0.8}
.awards-box{width:100%;height:100%;/*display:flex;align-items:flex-end;*/padding:170px 0 30px 0}
.awards-sub{width:100%;padding:0 100px 0px 0}
.awards-product{}


.scroll-down{position:absolute;bottom:0px;left:50%;transform:translateX(-50%);z-index:9;text-align:center}
.scroll-down p{text-align:center;font-size:10px;color:#999;font-weight:normal;letter-spacing:2px;  -webkit-animation: colorText 5s ease-out infinite, nudgeText 5s ease-out infinite;
          animation: colorText 5s ease-out infinite, nudgeText 5s ease-out infinite;}
.scroll-mouse{width:50px;display:block;}
.scroll-mouse span{display:block;width:20px;height:20px;border-bottom:1px solid #fff;border-left:1px solid #fff;transform:rotate(-45deg)}

.mouse {margin:0 auto;
  background: #4e5559 -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, transparent), color-stop(50%, #ffffff), to(#ffffff));
  background: #4e5559 linear-gradient(transparent 0%, transparent 50%, #ffffff 50%, #ffffff 100%);
  position: relative;
  width: 25px;
  height: 42px;
  border-radius: 100px;
  background-size: 100% 200%;
  -webkit-animation: colorSlide 5s linear infinite, nudgeMouse 5s ease-out infinite;
          animation: colorSlide 5s linear infinite, nudgeMouse 5s ease-out infinite;
}
.mouse:before, .mouse:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.mouse:before {
  width: 20px;
  height: 36px;
  background-color: #222a30;
  border-radius: 100px;
}
.mouse:after {
  background-color: #ffffff;
  width: 7px;
  height: 7px;
  border-radius: 100%;
  /*-webkit-animation: trackBallSlide 5s linear infinite;*/
          animation: trackBallSlide 5s linear infinite;
}
.reverse.mouse{background: #ffffff -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, transparent), color-stop(50%, #4e5559), to(#4e5559));
  background: #ffffff linear-gradient(transparent 0%, transparent 50%, #4e5559 50%, #4e5559 100%);}
.reverse.mouse:before{background-color: #ffffff;}
.reverse.mouse:after {background-color: #222a30;}
@keyframes colorSlide {
  0% {
    background-position: 0% 100%;
  }
  20% {
    background-position: 0% 0%;
  }
  21% {
    background-color: #4e5559;
  }
  29.99% {
    background-color: #ffffff;
    background-position: 0% 0%;
  }
  30% {
    background-color: #4e5559;
    background-position: 0% 100%;
  }
  50% {
    background-position: 0% 0%;
  }
  51% {
    background-color: #4e5559;
  }
  59% {
    background-color: #ffffff;
    background-position: 0% 0%;
  }
  60% {
    background-color: #4e5559;
    background-position: 0% 100%;
  }
  80% {
    background-position: 0% 0%;
  }
  81% {
    background-color: #4e5559;
  }
  90%, 100% {
    background-color: #ffffff;
  }
}
@keyframes trackBallSlide {
 0% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-10px);
            transform: scale(1) translateY(-10px);
  }
  6% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(5px);
            transform: scale(0.9) translateY(5px);
  }
  14% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(35px);
            transform: scale(0.4) translateY(35px);
  }
  15%, 19% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-10px);
            transform: scale(0.4) translateY(-10px);
  }
  28%, 29.99% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-10px);
            transform: scale(1) translateY(-10px);
  }
  30% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-10px);
            transform: scale(1) translateY(-10px);
  }
  36% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(5px);
            transform: scale(0.9) translateY(5px);
  }
  44% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(30px);
            transform: scale(0.4) translateY(30px);
  }
  45%, 49% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-10px);
            transform: scale(0.4) translateY(-10px);
  }
  58%, 59.99% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-10px);
            transform: scale(1) translateY(-10px);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-10px);
            transform: scale(1) translateY(-10px);
  }
  66% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(5px);
            transform: scale(0.9) translateY(5px);
  }
  74% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(35px);
            transform: scale(0.4) translateY(35px);
  }
  75%, 79% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-10px);
            transform: scale(0.4) translateY(-10px);
  }
  88%, 100% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-10px);
            transform: scale(1) translateY(-10px);
  }
}
@-webkit-keyframes nudgeMouse {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  30% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  60% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  80% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  90% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes nudgeMouse {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  30% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  60% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  80% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  90% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes nudgeText {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
  }
  30% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
  }
  60% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  80% {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
  }
  90% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes nudgeText {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
  }
  30% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
  }
  60% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  80% {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
  }
  90% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes colorText {
  21% {
    color: #4e5559;
  }
  30% {
    color: #ffffff;
  }
  51% {
    color: #4e5559;
  }
  60% {
    color: #ffffff;
  }
  81% {
    color: #4e5559;
  }
  90% {
    color: #ffffff;
  }
}
@keyframes colorText {
  21% {
    color: #4e5559;
  }
  30% {
    color: #ffffff;
  }
  51% {
    color: #4e5559;
  }
  60% {
    color: #ffffff;
  }
  81% {
    color: #4e5559;
  }
  90% {
    color: #ffffff;
  }
}
/*swiper-slide swiper-slide-prev swiper-slide-duplicate-next
swiper-slide swiper-slide-duplicate swiper-slide-duplicate-prev
swiper-slide swiper-slide-duplicate swiper-slide-active
swiper-slide swiper-slide-duplicate-active
swiper-slide swiper-slide-active*/
p{padding:10px 0}
h1{text-transform:uppercase;font-size:45px;padding-bottom:15px}
h1 span{display:block;line-height:normal;font-weight:normal;font-family:"CenturyGothic";font-size:45px;padding-bottom:5px}
h1 strong{display:block;line-height:normal}
.about-main h1{padding-bottom:5px}
.about-th{position:relative;z-index:1;overflow:hidden;cursor:pointer}
.about-img{background:#000}
.about-img img{width:100%}
.about-contents{position:absolute;bottom:0px;left:0px;width:100%;z-index:9;padding:0 15px;background:rgba(0,0,0,0) }
.about-contents h3{font-size:16px;font-family:"CenturyGothic";text-align:center;color:#fff;font-weight:normal;padding:25px 0}
.about-th:hover .about-img img{opacity:0.6;transform:scale(1.1)}
.awards-main{background:#050505; text-align: center;}
.awards-main h1,.awards-main h3,.awards-main p,.listing li{color:#202020}
/* .awards-main h1{position:absolute;top:0px;z-index:9;padding-top:0px;} */
.awards-main h1 strong{font-size:50px;}
.awards-sub h3{font-size:24px}
.awards-sub p{text-align:justify}
.awards-container{width:100%}
.awards-container .awards-pagination{text-align:left;}
/*.awards-container .swiper-wrapper{height: auto}*/
.aniSlide1,.aniSlide2,.aniSlide3,.aniSlide3{transform:translateX(350px);opacity:0;transition-property:transform,opacity;transition-duration:1s;transition-timing-function:ease-out}
.aniSlide1{transition-delay:0.4s}
.aniSlide2{transition-delay:0.6s}
.aniSlide3{transition-delay:0.8s}
.aniSlide4{transition-delay:1s}
.swiper-slide-prev .aniSlide1,.swiper-slide-prev .aniSlide2,.swiper-slide-prev .aniSlide3,.swiper-slide-prev .aniSlide3{transform:translateX(-200px);}
.swiper-slide-active .aniSlide1,
.swiper-slide-active .aniSlide2,
.swiper-slide-active .aniSlide3,
.swiper-slide-active .aniSlide4{transform:translateX(0px);opacity:1}
.proAnim1{transform:translateY(200px);opacity:0;transition-property:transform,opacity;transition-duration:1s;transition-delay:0.8s}
.swiper-slide-active .proAnim1{transform:translateY(0px);opacity:1}
.go-to-shopping-centre{position:absolute;left:0px;top:0px;right:0px;bottom:0px;z-index:9;display:block; }
.facts-n-figures{background:#f9f9f9}
.product-facts-left,.product-facts-left img{width:100%}
.product-facts-right{padding:0 100px;width:100%}
.product-facts-right h2{/*font-weight:normal;font-family:"CenturyGothic";*/font-size:45px;text-transform:uppercase}
.facts-n-figures .col-lg-4,.facts-n-figures .col-lg-8{align-items:center;align-content:center;display:flex;}
.facts-n-figures .col-lg-8{align-items:flex-end}
.product-facts-right p{text-align:justify}
.product-facts-text{padding:35px 0px 50px 0px}
.product-facts-right .know-more-div{/*text-align:right*/ padding-top:25px}
.facts-detail{}
.facts-detail ul{overflow:hidden;}
.facts-detail ul li{overflow:hidden;padding:15px 0;width:50%;float:left}
.facts-detail ul li .icon-span{float:left;width:50px;margin:0 15px 0 0}
.facts-detail ul li .icon-span img{width:100%;}
.facts-detail ul li:last-child{padding-bottom:0}
.facts-dtl{font-size:20px;font-family:"CenturyGothic-Bold";padding:2px 0 0px 0;margin:0 0 0 40px }
.guest-servies h1,.shopping-centre h1{text-align:center;padding-bottom:35px}
.guest-box{padding:25px}
.guest-box:hover .guest-icon{transform:scale(1.05);}
.guest-icon{padding:0px 0;text-align:center;width:100%;}
.guest-icon img{width:50%;display: block;margin:0 auto;}
.guest-icons{padding:0px 0;text-align:center;width:100%;}
.guest-icons img{width:100%;display: block;margin:0 auto;}
.guest-box h4{text-align:center;font-size:18px}
/*.about-th:hover .about-contents{background:rgba(0,0,0,0.2)}*/
.logo-img{display:block;position:relative;z-index:1}
.logo-img img{width:100%;position:relative;z-index:1}
.logo-img img.color-logo{position:absolute;left:0px;top:0px;z-index:1;opacity:0}
.logo-img:hover img.color-logo{opacity:1}
.shopping-main{padding-top:35px}
.shopping-main h1{padding-bottom:0px}
.awards-text{max-width:1280px;margin:0 auto;text-align:center;margin-bottom:25px}
.shopping-centre{}
/*.shopping-centre .fp-tableCell{padding-bottom:260px}*/
.shopping-centre .container-fluid{z-index:9}
footer{background:#e9e9e9;padding-top:25px;position:absolute;bottom:0px;left:0px;right:0px;width:100%}
/*.foot-box{display:inline-block;vertical-align:middle}
.foot-logo{width:100px}
.foot-logo img{width:100%;}*/
.newsletter{/*width:350px;margin:0 0px;*/}
.newsletter p{text-align:left;color:#373737;font-size:18px;/*;padding-left:40px;padding-bottom:25px;*/}
.newsletter-div{position:relative;padding-right:150px}
.newsletter-div .form-control{border-radius:0px;background:#fff;padding:10px 25px;font-size:18px;}
.newsletter-div .form-control:hover,.newsletter-div .form-control:focus{border:1px solid #666}
.newsletter-div .button{position:absolute;right:0px;top:0px;bottom:0px;z-index:9;padding:15px 50px;font-size:18px;background:#939599;border-radius:0px;font-family: "CenturyGothic";}
.newsletter-div .button:hover{background:#666}
.foot-navi li,.social-media li{display:inline-block}
.foot-navi li a{color:#333033;font-family:'CenturyGothic-Bold';font-size:16px;display:block;padding:5px 10px}
.foot-navi li a:hover{color:#666;}
.social-media{margin:35px 0 30px 0}
.social-media li a{display:flex;width:45px;height:45px;border-radius:0%;border:0px solid #333033;padding:5px;align-content:center;margin:0 5px}
.social-media li a img{width:100%}
.social-media li a:hover{background:#666;border:0px solid #666}
.social-media li a:hover img{mix-blend-mode:color-burn}
.foot-copyright{}
.foot-copyright p{font-size:17px;color:#6b6b6b;}
.foot-copyright a{color:#6b6b6b;}
.foot-copyright a:hover{color:#666;}

.form-control{background:rgb(238, 238, 238);border:1px solid rgb(238, 238, 238);border-radius:0px;}
textarea.form-control{height:100px}
.form-control:hover,.form-control:focus{border:1px solid #666}

h1 span,h1 strong,.about-ccarousel,.about-main p,.awards-container,.product-facts-left,.product-facts-right h2,.product-facts-text,.facts-detail,.guest-servies h1,.carousel
{transform:translateY(100px);;opacity:0;/*transition:all 0.3s ease-out 0s;*/transition:transform, opacity;transition-duration:0.7s;transition-timing-function:ease-out}

.section.active h1 span,.section.active h1 strong,.section.active .about-ccarousel,.section.about-main.active p,.section.active .awards-container,.section.active .product-facts-left,.section.active .product-facts-right h2,.section.active .product-facts-text,.section.active .facts-detail,.section.active.guest-servies  h1,.section.active .carousel{transform:translateY(0px);opacity:1}

h1 span,.product-facts-left,.guest-servies h1{transition-delay:0.15s}
h1 strong,.product-facts-right h2{transition-delay:0.25s}
.product-facts-right h2{/*padding-bottom:35px*/}
.about-main p,.awards-container,.product-facts-text,.carousel{transition-delay:0.35s}
.about-ccarousel,.facts-detail{transition-delay:0.45s}
.location-map{margin:15px 0}
.location-map iframe{height:300px}
.submit-btn{text-align:right}
.foot-link li a{color:#000000;display:block;padding:7px 0}
.foot-link li a:hover,.foot-link li a.active{color:#666}
.feedback .form-control{background:#fff;}
.footer-left-column{padding-right:45px}
.footer-right-column{padding-left:45px}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity:0}
.listing li{padding:5px 0 5px 20px;position:relative;z-index:1}
.listing li::before{position:absolute;top:11px;left:0px;width:7px;height:7px;transform:rotate(45deg);border-top:1px solid #fff;border-right:1px solid #fff;content:""; }
.inner-header{/*padding:5px 0 5px 0*/}
.inner-header .al-hamra{width:135px;margin-left:15px}
.inner-header .menu-link{top:20px;right:30px}
.inner-header .language-link{color:rgba(210,35,42,1);top:34px;right:110px;}
.innerpages{}
.shopping-box{overflow:hidden;box-shadow:0 0 10px rgba(0,0,0,0.1);padding:15px;
/*height:100%*/}
.shopping-column .shopping-img{width:41.067761807%;float:left}
.shopping-img img{width:100%;filter:grayscale(1);opacity:0.7;}
.shopping-box:hover .shopping-img img{width:100%;filter:grayscale(0);opacity:1}
.shopping-dtl{margin:0 0 0 42.067761807%;padding-left:15px}
.shopping-dtl h3{padding-top:0}
.shopping-dtl p{font-size:15px}
.shopping-dtl .button{font-size:13px;padding:10px 15px}
.view-detail-btn{margin-top:15px}
.client-model .brand-container{float:left;width:500px}
.logo-pop-dtl{margin:0 0 0 525px}
.logo-pop-dtl p{font-size:15px}
.shopping-column{padding:15px;}
.shopping-container .shopping-box{margin:10px;background:#fff;box-shadow:none}
.shopping-container .shopping-box .shopping-img{filter:grayscale(1);opacity:0.7;cursor:pointer}
.shopping-container .shopping-box .shopping-img:hover{filter:grayscale(0);opacity:1}

.gray-bg{background:#f9f9f9}
.innerpages h1{text-align:center;padding-bottom:25px}
.inner-header .menu-link span,.inner-header .menu-link span::after,.inner-header .menu-link span::before{background:rgba(210,35,42,1)}
.inner-header .menu-link.active span{background:none}
.brand-img{position:relative;z-index:1}
.brand-img img{width:100%}
.brand-button-prev svg,.brand-button-next svg{fill:#a3a6a9}
.brand-button-next.swiper-button-disabled, .brand-button-prev.swiper-button-disabled {
    opacity:0!important;display:none!important
}
.search-area{width:575px;margin:0 auto;position:relative;z-index:1}
.search-area .button{position:absolute;top:0px;bottom:0px;right:0;z-index:9}
.shop-search-div{text-align:center}
.shop-search-div ul{overflow:hidden;display:inline-block}
.shop-search-div ul li{padding:0 3px;float:left}
.shop-search-div ul li a{display:block;background:#9b9b9b;padding:10px 15px;border-radius:5px 5px 0 0;color:#fff}
.shop-search-div ul li a:hover,.shop-search-div ul li a.active{background:#666}
.shopping-search-main{display:inline-block;padding:25px;border:1px solid #a3a6a9}
.search-area .form-control{padding:10px}
.shopping-div{/*padding:25px;border:1px solid #a3a6a9*/}
.shopping-div,.shopping-div .unstyled,.shopping-browse-category{text-align:center}
.shopping-div .unstyled{margin-bottom:15px}
.browse-category-area{width:500px;position:relative;z-index:1;padding-right:150px;}
.browse-category-area select{display:block;padding:8px 10px}
.browse-category-area .button{position: absolute;right:0px;top:0px;bottom:0}
.tabs-div{display:none}
.tabs-container .tabs-div:first-child{display:block}
.search-result{padding:15px 0}
.search-result p{font-size:20px}
.search-result p span{color:#666}
.form-group{display:inline-table;width:100%}
.double{width:50%;float:left;}
.form-group .double:first-child{padding-right:7px;}
.form-group .double:last-child{padding-left:7px;}
.opening-hours table{width:100%}
.opening-hours tr th{padding:10px 7px;font-size:15px}
.opening-hours tr td{padding:7px;border:1px solid rgba(255, 255, 255,1);background:rgba(238, 238, 238,1);font-size:15px}
.opening-hours tr td:first-child,.opening-hours tr th:first-child{text-align:center}
.opening-hours h2{padding:0px}
.opening-hours h4{font-size:20px;padding-top:20px;padding-bottom:0px}
.bod-column{padding:0px}
.bod-img img{width:100%}
.bod-dtl h3,.bod-dtl p{font-size:18px;text-align:center}
.bod-dtl h3{padding-bottom:0px}
.history-column{padding:15px}
.history-img{position:relative;z-index:1}
.history-img img{width:100%}
.history-box{height:100%;background:#eee;padding:15px 25px}
.history-box p{font-size:20px;line-height:30px}
.history-sub{position: absolute;top:25px;left:25px;z-index:8;width:70%}
.history-sub p{color:#fff;line-height:29px;font-size:18px}
.story-img{ }
.story-img img{width:100%}
.story-column{padding:15px 100px 15px 15px}
/*.story-dtl,.vision{width:100%;height:100%;background:#eee }*/
.story-column p{text-align:justify;line-height:23px;padding:12px 0}
.story-column p::first-letter {font-size:200%;}
.vision-sub p{line-height:30px;font-size:18px;}
.vision-sub h3{padding-bottom:25px }
.vision{/*background:#fff;padding:25px*/}
.vision-box{padding-top:25px}
.vision-column img{width:100%}
/*.facts-and-figures ul li{position:relative;z-index:1}
.facts-and-figures ul li::before{position:absolute;z-index:9;content:"";}*/
.facts-and-figures{/*height:100%;*/}
.facts-and-figures h3{padding-bottom:35px}
.facts-and-figures ul{/*background:#fff;height:95%;padding:20px*/ }
.facts-and-figures.listing li{color:#000;padding:7px 0 7px 20px;}
.facts-and-figures.listing li::before{border-top:0px solid #000;border-right:0px solid #000;border-radius:50%;background:#000;top:13px;}

.AlHamra-column{padding:15px}
.AlHamra-sub{/*background:#fff;padding:20px;*/height:100%}
.AlHamra-sub video{width:100%;}
.AlHamra-sub ul{overflow:hidden}
.AlHamra-sub ul li{padding:5px 0;overflow:hidden}
.AlHamra-sub ul li label,.AlHamra-sub ul li .lbl-dtl{float:left;width:50%}
.AlHamra-sub ul li label{text-align:right;padding:0 10px 0 0;position:relative;z-index:1}
.AlHamra-sub ul li label::after{content:':';position:absolute;right:0;top:0;color:#666}
.AlHamra-sub ul li .lbl-dtl{padding:0 0 0 8px;}
.board-director-main{padding-left:31px}
.board-director{/*width:500px;margin:20px auto 0 auto*/ background:#f9f9f9;padding:50px}
.board-director li{padding:10px 0}
.board-director label{display:block;font-weight:700;font-size:20px;}
.board-of-director .container-fluid{padding:80px 0% 80px 0%;overflow:hidden}
.parallaxcont{width:100%;background-attachment:fixed!important;background-size:cover;background-repeat:repeat-y;background-position:top center;position:relative;}
/*.banner-main,.inner-banner-main{background:url("../images/board-of-director.jpg") left top no-repeat;position:relative;z-index:1;}*/

.board-of-director-back{background:url("../images/board-of-director.jpg") left top no-repeat;position:relative;z-index:1;}
.Project-Facts-and-Figures{position:relative;z-index:1 }
.Project-Facts-and-Figures .container-fluid::after{content:'';position:absolute;bottom:7%;right:10%;width:90%;height:93%;background:url(https://alhamra.com.kw/images/al-hamra.svg) center center no-repeat;background-size:45% auto;z-index:-1;opacity:0.3 }


.unstyled{text-align:left;}
.unstyled li{display:inline-block;margin-right:25px}
.unstyled li a{vertical-align:middle;}
.unstyled li:last-child{margin-right:0px}
.styled-checkbox {
  position: absolute;
  opacity: 0;
}
.styled-checkbox + label {
  position:relative;
  cursor:pointer;
  padding:0;font-size:16px;line-height: 1.5;
}
.styled-checkbox + label::before {
  content: '';border-radius: 50%;
  margin-right:10px;margin-left:1px;
  display: inline-block;
  vertical-align:middle;width:28px;height:28px;
  background: #fff;box-shadow: 0 0 0 1px #999;
}
.styled-checkbox:hover + label::before {
  background:#666;box-shadow: 0 0 0 1px #666;
}
.styled-checkbox:focus + label::before {
  box-shadow: 0 0 0 1px #666;
}
.styled-checkbox:checked + label::before {
  background:#666;box-shadow: 0 0 0 1px #666;
}
.styled-checkbox::disabled + label {
  color: #b8b8b8;
  cursor: auto;
}
.styled-checkbox:disabled + label::before {
  box-shadow: none;
  background: #ddd;
}
.styled-checkbox:checked + label::after {
 /*content: '✓';*/content:'';
position:absolute;left:6px;top:5px;width:18px;height:18px;color:#000;/*background:#000;*/font-size:18px;font-weight:bold;border-radius:50%;background:#666 url(../images/right-tik.svg) center center no-repeat;cursor:pointer;background-size:100% 100%}
/*.checkbox .styled-checkbox:checked + label:after {content:"";width:23px;height:23px;left:3px;top:3px;bottom:3px;right:3px;background:#c9b87a}*/
.popup-hidden .board-director{padding:0;background:none}
.popup-hidden{width:900px;display:none;padding:35px}
.popup-hidden h2{padding-top:0px;font-size:25px;}
.popup-hidden p{font-size:18px;line-height:22px}
.popup-hidden .listing li::before{top:12px;}
.leasing-model{width:575px}
/* Start state */
.animated-modal {border-radius:0px;overflow:hidden;transform: translateY(-50px);transition:all .7s;}
#signupModal{width:575px}
.animated-modal .anim1,.animated-modal .anim2,.animated-modal .anim3,.animated-modal .anim4,.animated-modal .anim5,.animated-modal .anim6,.animated-modal .anim7,.animated-modal .anim7,.animated-modal .anim8,.animated-modal .anim9,.animated-modal .anim10,.animated-modal .anim11,.animated-modal .anim12,.animated-modal .anim13,.animated-modal .anim14,.animated-modal .anim15,.animated-modal .anim16,.animated-modal .anim17,.animated-modal .anim18,.animated-modal .anim19,.animated-modal .anim20,.animated-modal .anim21,.animated-modal .anim22,.animated-modal .anim23,.animated-modal .anim24,.animated-modal .anim25
{transform: translateY(-50px);opacity:0;transition-property:transform, opacity;transition-duration:.4s;}

/* Final state */
.fancybox-slide--current .animated-modal,
.fancybox-slide--current .animated-modal .anim1,
.fancybox-slide--current .animated-modal .anim2,
.fancybox-slide--current .animated-modal .anim3,
.fancybox-slide--current .animated-modal .anim4,
.fancybox-slide--current .animated-modal .anim5,
.fancybox-slide--current .animated-modal .anim6,
.fancybox-slide--current .animated-modal .anim7,
.fancybox-slide--current .animated-modal .anim8,
.fancybox-slide--current .animated-modal .anim9,
.fancybox-slide--current .animated-modal .anim10,
.fancybox-slide--current .animated-modal .anim11,
.fancybox-slide--current .animated-modal .anim12,
.fancybox-slide--current .animated-modal .anim13,
.fancybox-slide--current .animated-modal .anim14,
.fancybox-slide--current .animated-modal .anim15,
.fancybox-slide--current .animated-modal .anim16,
.fancybox-slide--current .animated-modal .anim17,
.fancybox-slide--current .animated-modal .anim18,
.fancybox-slide--current .animated-modal .anim19,
.fancybox-slide--current .animated-modal .anim20,
.fancybox-slide--current .animated-modal .anim21,
.fancybox-slide--current .animated-modal .anim22,
.fancybox-slide--current .animated-modal .anim23,
.fancybox-slide--current .animated-modal .anim24,
.fancybox-slide--current .animated-modal .anim25
{
  transform: translateY(0);
  opacity: 1;
}

/* Reveal content with different delays */

.fancybox-slide--current .animated-modal .anim1 {
  transition-delay: .1s;
}

.fancybox-slide--current .animated-modal .anim2 {
  transition-delay: .2s;
}
.fancybox-slide--current .animated-modal .anim3 {
  transition-delay: .3s;
}
.fancybox-slide--current .animated-modal .anim4 {
  transition-delay: .4s;
}
.fancybox-slide--current .animated-modal .anim5 {
  transition-delay: .5s;
}
.fancybox-slide--current .animated-modal .anim6 {
  transition-delay: .6s;
}
.fancybox-slide--current .animated-modal .anim7 {
  transition-delay: .7s;
}
.fancybox-slide--current .animated-modal .anim8 {
  transition-delay: .8s;
}
.fancybox-slide--current .animated-modal .anim9 {
  transition-delay: .9s;
}
.fancybox-slide--current .animated-modal .anim10 {
  transition-delay: 1s;
}
.fancybox-slide--current .animated-modal .anim11 {
  transition-delay: 1.1s;
}
.fancybox-slide--current .animated-modal .anim12 {
  transition-delay: 1.2s;
}
.fancybox-slide--current .animated-modal .anim13 {
  transition-delay: 1.3s;
}
.fancybox-slide--current .animated-modal .anim14 {
  transition-delay: 1.4s;
}
.fancybox-slide--current .animated-modal .anim15 {
  transition-delay: 1.5s;
}
.fancybox-slide--current .animated-modal .anim16 {
  transition-delay: 1.6s;
}
.fancybox-slide--current .animated-modal .anim17 {
  transition-delay: 1.7s;
}
.fancybox-slide--current .animated-modal .anim18 {
  transition-delay: 1.8s;
}
.fancybox-slide--current .animated-modal .anim19 {
  transition-delay: 1.9s;
}
.fancybox-slide--current .animated-modal .anim20 {
  transition-delay: 2s;
}
.fancybox-slide--current .animated-modal .anim21 {
  transition-delay: 2.1s;
}
.fancybox-slide--current .animated-modal .anim22 {
  transition-delay: 2.2s;
}
.fancybox-slide--current .animated-modal .anim23 {
  transition-delay: 2.3s;
}
.fancybox-slide--current .animated-modal .anim24 {
  transition-delay: 2.4s;
}
.fancybox-slide--current .animated-modal .anim25 {
  transition-delay: 2.5s;
}
select.form-control:not([size]):not([multiple]) {
    height:auto
}

button,.form-control,
textarea:hover,
.form-control:hover,
textarea:active,
.form-control:active,
textarea:focus,
.form-control:focus,
button:focus,
button:active,
button:hover,
label:focus,
.btn:active,
.btn.active,.swiper-button-next, .swiper-button-prev
{
    outline:0px !important;
    -webkit-appearance:none;box-shadow:none!important
}
.form-control::-webkit-input-placeholder{ /* Chrome/Opera/Safari */
  color:#9b9b9b;
}
.form-control::-moz-placeholder { /* Firefox 19+ */
   color:#9b9b9b;
}
.form-control:-ms-input-placeholder { /* IE 10+ */
  color:#9b9b9b;
}
.form-control:-moz-placeholder { /* Firefox 18- */
   color:#9b9b9b;
}
::selection 		{color:#fff;background:#343433}
::-moz-selection	{color:#fff;background:#343433}
.none				{display:none!important}

.fancybox-close-small,.fancybox-close-small:after,.swiper-pagination-bullet{outline: none !important; box-shadow: none;}

a					{color:#666;text-decoration:none}
a:hover 			{color:#000;text-decoration:none}
a:focus 			{color:#000000;text-decoration:none}

.button,.greybutton,.revese-button{font:400 17px/25px 'CenturyGothic';overflow:hidden;padding:10px 40px 10px 40px;position:relative;z-index:1;display:inline-block;border-radius:0px;cursor:pointer;text-align:center;text-decoration:none;vertical-align:middle;border:0px solid #f57e20;color:#fff;line-height:normal;}
.button{background:#9b9b9b;}
.button:hover,.button.active,.button:focus{color:#fff;border:0px solid #333;background:#666}
.error{
	color: #ff0000;
}
.success{
	color: #1d8f1d;
	font-weight: bold;
}