body { background:#FFFFFF }
a {
  color: #382F48;
}
.tg_header .logo {width: 290px;}
#searchform .form-control::placeholder { color: #fff;opacity: .8; }
#searchform {
  height: 50px;
  background: #034B57;
  max-width: 50%;
  float: left;
  border-radius: 50px !important;
  margin: 20px 0;
}
#searchform .form-control, #searchform .btn {
  height: 50px;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: rgba(0,0,0,0);
  font-size: 0.8rem;
  color:#fff
}
#searchform .btn {
  width: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 1.5rem;
  color: #fff;
}
.login_cart__nav {
  float: left;
  padding: 30px 0;
}
.js-signin-modal-trigger.login_btn_top li a {
  background:#EC981C;
  color: #fff;
  padding: 7px 45px 9px 40px;
  border-radius: 40px;
  font-weight: 450;
  margin:-24px 0 0 -25px;
  position: relative;
  float: right;
}
.top_login_btn svg {
  width: 28px;
  position: absolute;
  right: 5px;
  top: 2px;
}
#cd-cart-trigger a svg {
  width: 28px;
  position: absolute;
  right: 30px;
  top: 2px;
}
#reloadcart_btn { float:left }
#cd-cart-trigger a {
  background: #816BAA;
  color: #fff;
  padding: 7px 65px 10px 20px;
  border-radius: 40px;
  font-weight: 450;
  position: relative;
}
html {
  scroll-behavior: smooth;
}

.main_nav {
	position: relative;
	float: right;
	padding: 30px 0;
}
.main_nav li {
	float: right;
	position: relative;
}
.main_nav li a i {
  width: 100%;
  display: block;
  font-size: 1.5rem;
  text-align: center;
  color: #8FB7CC;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
}
.main_nav li a {
	padding: 5px 20px;
	display: block;
	font-size: 0.8rem;
}
.main_nav li a span {
  font-size: 0.9rem;
  font-weight: 450;
  text-align: center;
  color: #8FB7CC;
  width: 100%;
  display: block;
  line-height: 200%;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
}
.main_nav li:hover a span, .main_nav li:hover a i {
	color: #4365A4;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
}
.left_nav .search_act {
  margin: 10px 0;
  background: #4365A4;
  border-radius: 50px;
  padding: 4px;
}
.left_nav .search_act svg {
  width: 25px;
}
.left_nav {
  float: left;
  display: flex;
  direction: rtl;
  align-items: center;
}
.phone_act svg {
  width: 26px;
  float: left;
  position: absolute;
  left: 4px;
  top: 4px;
  background: #fff;
  border-radius: 50px;
  padding: 3px;
}
.phone_act {
  float: right;
  background: #4365A4;
  border-radius: 50px;
  color: #fff;
  padding: 5px 20px 5px 40px;
  font-size: 1rem;
  margin: 10px;
  position: relative;
}
.mainmenu__wrapper {
  margin: 0 auto 20px;
  float: right;
  width: 100%;
}
.inner .mainmenu__wrapper {
  margin: 0 auto 0px;
}


.Advance-Slider{float:left;width:100%;overflow:hidden;border-radius: 20px;}
.Advance-Slider button.slick-arrow{position:absolute;z-index:2;top:100px;bottom:0;height:100px;width:50px;background:#fff;z-index:99999;border:none;margin:auto;font-size:0;text-align:center;outline:none;cursor:pointer; left:0}
.Advance-Slider .img-fill{position:relative;height:100%;}
.Advance-Slider .img-fill img{height:100%;width:100%;object-fit:cover;}
.Advance-Slider .item{height:70vh;overflow:hidden;outline:none;border-radius: 20px;}
.Advance-Slider button.slick-next.slick-arrow{right:0;left:auto;}
.Advance-Slider button.slick-arrow:before{content:"\F004D";top:0;left:0;margin:auto;font-family:Material Design Icons;font-size:18px;color: #4365A4;}
.Advance-Slider button.slick-next.slick-arrow:before { transform:  scaleX(-1); display:  block;}
.Advance-Slider .img-fill:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#151515;opacity:0.5;}

.Advance-Slider ul.slick-dots{position:absolute;bottom:20px;left:0;width:100%;margin:0;padding:0;text-align:center;}
.Advance-Slider ul.slick-dots li{display:inline-block;height:auto;padding:0 5px;line-height:0px;}
.Advance-Slider ul.slick-dots li button{height:15px;width:15px;border-radius:100%;background:#fff;border:none;font-size:0px;padding:0px;opacity:0.5;outline:none;transition:all 0.3s ease;cursor:pointer;}
.Advance-Slider ul.slick-dots li.slick-active button{opacity:1;}
.Advance-Slider button.slick-arrow{perspective:360px;}
.Advance-Slider button.slick-arrow .thumb{position:absolute;height:100px;width:150px;left:100%;top:-28px;transform-origin:0% 0%;transform:rotate3d(1,0,0,90deg);}
.Advance-Slider button.slick-arrow .thumb img{height:100%;width:100%;border-radius: 10px;}
.Advance-Slider button.slick-next{}
.Advance-Slider button.slick-next .thumb{left:auto;right:100%;}
.Advance-Slider button.slick-prev.hover-out .thumb,.Advance-Slider button.slick-prev .thumb{animation:out-left 300ms ease 0ms 1 forwards;}
.Advance-Slider button.slick-prev.hover-in .thumb{animation:in-left 300ms ease 0ms 1 forwards;}
.Advance-Slider button.slick-next.hover-out .thumb,.Advance-Slider button.slick-next .thumb{animation:out-right 300ms ease 0ms 1 forwards;transform-origin:100% 50%;}
.Advance-Slider button.slick-next.hover-in .thumb{animation:in-right 300ms ease 0ms 1 forwards;}

.Advance-Slider .slick-next {
  border-radius: 20px 0 0 20px;
}
.Advance-Slider .slick-prev {
  border-radius: 0 20px 20px 0;
}

.Advance-Slider button.slick-prev{transition:all 0.3s ease;}
.Advance-Slider ul.slick-dots li button img{height:0;width:20px;top:0;object-fit:cover;transition:height 0.2s ease 0.2s,width 0.2s ease 0s;position:relative;left:-50%;}
.Advance-Slider ul.slick-dots li button a{position:absolute;height:90px;bottom:calc(100%);width:0;display:flex;align-items:flex-end;justify-content:center;transition:all 0.2s ease 0.2s;padding-bottom:10px;}
.Advance-Slider ul.slick-dots li button{position:relative;display:flex;justify-content:center;}
.Advance-Slider ul.slick-dots li button:hover a img{}
.Advance-Slider ul.slick-dots li button:hover img{height:80px;width:140px;transition:height 0.2s ease,width 0.2s ease 0.2s;}
.Advance-Slider ul.slick-dots li button:hover a{width:140px;transition:all 0.3s ease 0s;}
.Advance-Slider ul.slick-dots li button:hover{opacity:1;}
.Advance-Slider ul.slick-dots li button:before{content:'';bottom:calc(100% + -10px);left:7px;border:solid transparent;content:" ";height:0;width:0px;position:absolute;pointer-events:none;border-color:rgba(255,255,255,0);border-top-color:#fff;border-width:10px;margin-left:-10px;opacity:0;transition:0.3s ease 350ms;}
.Advance-Slider ul.slick-dots li button:hover:before{opacity:1;transition:0.3s ease 0s;}

.Advance-Slider .item .contain-wrapper{position:absolute;left:0;top:0;z-index:1;height:100%;width:100%;display:flex;align-items:center;justify-content:center;text-align:center;}
.Advance-Slider .item .contain-wrapper .dots-contain{display:none;}
.Advance-Slider .item h3 {
  margin: 0px;
  color: #fff;
  font-size: 2.3rem;
  font-weight: 950;
  direction: rtl;
}
.Advance-Slider .item{color:#fff;}
.Advance-Slider .item  h5{font-size:32px;font-weight:300;padding:10px 0 0;margin:0;text-transform:capitalize;}
.Advance-Slider .item .contain-wrapper .info{max-width:1200px;}
.Advance-Slider .item h5 span{color:#00BCD4;}
.Advance-Slider .item h3 span{color:#00BCD4;}
.Advance-Slider .item h3{animation:fadeOutRight 1s both;}
.Advance-Slider .item.slick-active h3{animation:fadeInDown 1s both 1s;}
.Advance-Slider .item  h5{animation:myMove 1s both;}
.Advance-Slider .item.slick-active  h5{animation:fadeInLeft 1s both 1.5s;}


@keyframes myMove{
  from{transform:scale(1.0,1.0);transform-origin:50% 50%;}
  to{transform:scale(1.8,1.9);transform-origin:50% 0%;}
}
@keyframes in-left{
  from{-webkit-transform:rotate3d(0,1,0,90deg);transform:rotate3d(0,1,0,90deg);}
  to{-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg);}
}
@keyframes out-left{
  from{-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg);}
  to{-webkit-transform:rotate3d(0,1,0,86deg);transform:rotate3d(0,1,0,86deg);}
}
@keyframes in-right{
  from{-webkit-transform:rotate3d(0,-1,0,90deg);transform:rotate3d(0,-1,0,90deg);}
  to{-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg);}
}
@keyframes out-right{
  from{-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg);}
  to{-webkit-transform:rotate3d(0,-1,0,86deg);transform:rotate3d(0,-1,0,86deg);}
}
.slider_wrapper {
  position: relative;
  float: right;
  width: 100%;
  padding-bottom: 40px;
}
.slider_wrapper::after {
	content: "";
	background: url(../images/divider.png) top center no-repeat;
	width: 100%;
	height: 105px;
	left: 0;
	bottom: -90px;
	position: absolute;
	z-index:9
}

.index_about {
  padding: 100px 150px 10px;
  color: #fff;
}
.index_about .module_wrapper__title {
  font-size: 2.2rem;
  text-align: center;
  font-weight: 950;
}
.index_about .module_wrapper__text * {
  text-align: justify;
  direction: rtl;
  font-size: 1rem;
  font-weight: 350;
  color: #fff;
  line-height: 200%;
}

.section_title h1 {
  font-weight: 950;
  color: #fff;  font-size: 1.9rem;
}
.section_title h2 {
  font-weight: 300;
    font-size: 1.3rem;
  color: #fff;
}

.cta_wrapper {
	background:#816BAB;
	position:relative;
}
#section1::after {
	content: "";
	background: url(../images/divider-1.png) top center no-repeat;
	width: 100%;
	height: 105px;
	left: 0;
	bottom:-105px;
	position: absolute;
	z-index:9
}



.cta_wrapper .cta_item {
  padding: 15px;
}
.cta_wrapper .cta_item img {
  width: 100%;
  border-radius:10px
}



.basecategory_wrapper {
	background:#AFCC34 url(../images/slider-1.png) center center no-repeat;
	position:relative;
	min-height:100vh;
	padding-top: 75px;
	background-size: contain;
}
#section2::after {
	content: "";
	background: url(../images/divider-2.png) top center no-repeat;
	width: 100%;
	height: 105px;
	left: 0;
	bottom:-105px;
	position: absolute;
	z-index:9
}
.basecategory_wrapper_p3 {
	background:#39CD79 url(../images/slider-1.png) center center no-repeat;
	position:relative;
	min-height:100vh;
	padding-top: 75px;
	background-size: contain;
}
#section3::after {
	content: "";
	background: url(../images/divider-3.png) top center no-repeat;
	width: 100%;
	height: 105px;
	left: 0;
	bottom:-105px;
	position: absolute;
	z-index:9
}

.basecategory_wrapper_p4 {
	background:#3566CF url(../images/slider-1.png) center center no-repeat;
	position:relative;
	min-height:100vh;
	padding-top: 75px;
	background-size: contain;
}
#section4::after {
	content: "";
	background: url(../images/divider-4.png) top center no-repeat;
	width: 100%;
	height: 105px;
	left: 0;
	bottom:-105px;
	position: absolute;
	z-index:9
}

.basecategory_wrapper_p5 {
	background:#6C2FCB url(../images/slider-1.png) center center no-repeat;
	position:relative;
	min-height:100vh;
	padding-top: 75px;
	background-size: contain;
}
#section5::after {
	content: "";
	background: url(../images/divider-5.png) top center no-repeat;
	width: 100%;
	height: 105px;
	left: 0;
	bottom:-105px;
	position: absolute;
	z-index:9
}
.basecategory_wrapper_p6 {
	background:#EF2DA1 url(../images/slider-1.png) center center no-repeat;
	position:relative;
	min-height:100vh;
	padding-top: 75px;
	background-size: contain;
}
#section6::after {
	content: "";
	background: url(../images/divider-6.png) top center no-repeat;
	width: 100%;
	height: 105px;
	left: 0;
	bottom:-105px;
	position: absolute;
	z-index:9
}
.basecategory_wrapper_p7 {
	background:#FFCD00 url(../images/slider-1.png) center center no-repeat;
	position:relative;
	min-height:100vh;
	padding-top: 75px;
	padding-bottom: 120px;
	background-size: contain;
}
#section7::after {
	content: "";
	background: url(../images/divider-5.png) top center no-repeat;
	width: 100%;
	height: 105px;
	left: 0;
	bottom:-105px;
	position: absolute;
	z-index:9
}
#sectionlast {
	background:#FAE2B4;
	position:relative;
	min-height:100vh;
	padding-bottom:150px
}


.newsletter {
  background: url(../images/newsletter_bg.png) top center no-repeat;
  width: 100%;
  height: 300px;
  margin: -170px auto -150px;
  z-index: 9;
  position: relative;
}
	

.news_index { background:#FADFB0; padding: 170px 0 20px; }
.section_title { position: relative; }
.news_index .section_title h1, .news_index .section_title h2 { color: #956B22; }
.btn_readmore__news {
  background: #F7A71C;
  padding: 5px 10px;
  color: #fff;
  border-radius: 5px;
  position: absolute;
  left: 0;
  bottom: 20px;
}


.nl_flex {
  padding: 120px 0;
  display: flex;
  direction: rtl;
  align-items: center;
}
.nl_flex .nl_title {
  font-size: 2.7rem;
  font-weight: 950;
  color: #fff;
  border-left: 1px solid #fff;
  padding: 10px 20px;
}
.nl_flex .nl_text {
  color: #fff;
  font-size: 1rem;
  font-weight: 350;
  padding: 0px 10px;
  width: 30%;
  text-align: right;
}
.nl_flex .nl_form {
  width: 45%;
  display: flex;
}
.nl_flex .nl_form .btn {
  background: #F6A71C;
  border-radius: 10px 0 0 10px;
  font-size: 0.9rem;
  color: #fff;
  font-weight: 700;
}
.form-control {
  text-align: center;
  border: none;
  border-radius: 0 10px 10px 0;
}

.product-cell .title-con {
  font-size: 0.9rem;
  font-weight: 400;
  text-align: justify;
  color: #034B57;
  direction: rtl;
  height: 80px;
  overflow: hidden;
}




.footer_section {
    width: 100%;
    margin: 0 auto;
	background:#FFBE00;
	position:relative;
	padding: 40px 0;
}
.footer_logo {
  background: url(../images/footer_logo.png) center center no-repeat;
  width: 320px;
  height: 90px;
  background-size: contain;
  margin: 10px auto 0;
}
.footer_section::before {
	content: " ";
	width: 100%;
	height: 48px;
	top: 0;
	right: 0;
	background: url(../images/footer_top_bg.jpg) center center no-repeat;
	position: absolute;
	background-size: cover;
}
.index_excerpt * {
	direction: rtl;
	line-height: 200%;
	font-weight: 300 !important;
	text-align: justify;
	font-size: 1.2rem !important;
}
.vitrin_index {
	width: 100%;
	min-height: 150px;
	position: relative;
	padding: 50px 0 35px;
}
.footer_section .foo_title {
	font-weight: bold;
	color:#594015;
	font-size: 16px;
	margin: 20px auto 10px;
	text-align:right
}
.footer_facs {
	display: table;
	margin: 0 auto;
	z-index: 999;
	position: relative;
	padding: 0;
	width: 100%;
}
.footer_facs li {float: right; width:100%; position: relative; margin: 0 10px;}
.footer_facs li::before {
	display: block;
	content: "";
	position: absolute;
	right: -5px;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 6px;
	width: 6px;
	background-color: #594015;
	transform: rotate(45deg);
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
.footer_facs > li:hover::before {
	background-color: #816BAA;
}
.footer_facs li a {
	float: right;
	margin: 2px 10px;
	color: #594015;
	font-size: 13px;
	position: relative;
}
.footer_item_title {
    font-weight: 900;
    color: #594015;
    font-size: 16px;
	text-align:center;
    margin: 20px auto 10px;
}

.textwidget p {
	margin: 10px;
	direction: rtl;
	text-align: right;
	line-height: 200%;
	font-weight: 300;
	color:#594015
}
.maincategory .category_icon {
	position:relative;
	width:100%;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	height:280px
}
.maincategory .category_icon img {
  width: 100%;
  border-radius: 10px;
  position: absolute;
  right: 0;
  bottom: 0px;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
}
.slick-slide:hover .category_icon img {
  top: -15px;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
}
.maincategory .slick-slide {
  margin: 10px;
  position:relative;
  padding:10px
}

.maincategory .slick-slide {
	background: rgb(175,204,52);
	background: linear-gradient(0deg, rgba(169, 190, 70,1) 0%, rgba(175,204,52,0) 100%); 
	border-radius: 10px;
}

.card-horizontal {
  display: flex;
}
.img-square-wrapper {
  border-radius: 10px;
  height: 115px;
  width: 115px;
  margin: 10px;
  -o-object-fit: cover;
  object-fit: cover;
}
.card-img-top.img-fluid {
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
  width: 100% !important;
}
.card-body {
  flex: 1 1 auto;
  min-height: 1px;
  padding: 10px;
}
.card-body .card-title {
  font-size: 1.1rem;
  font-weight: 700;
}
.filecategory_inline { display:flex }
.filecategory_inline li a h1 {
  font-size: 0.7rem;
  background: #A090BF;
  margin: 0 5px;
  padding: 3px 5px;
  color: #fff;
  border-radius: 5px;
}
.slick-dots {
  z-index: 999;
}

#section1 .slick-dots {
  bottom: -35px;
}
#section1 .slick-dots li button::before {  color: #fff; }
#section1 .slick-dots li.slick-active button::before {  color: #fff; background: #fff; }

.rawcategory {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 10px;
  direction: rtl;
  gap:10px
}
.rawcategory li {
  flex: 1 0 14%;
  margin: 10px 5px;
  float: right;
  position: relative;
  max-width:185px;  border-radius: 5px;
  overflow:hidden
}
.rawcategory li img {
  width: 100%;
  border-radius:10px
}
.rawcategory li:after {
	background:linear-gradient(0deg, rgb(169, 190, 70) 15%, rgb(169, 190, 70) 0%, rgba(175,204,52,0) 100%);
    content: " ";
  position: absolute;
  right: 0;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
    height: 100px;
  bottom: -90px;
  width: 100%;  
}
.rawcategory li h4 {
  position: absolute;
  bottom: -75px;
  right: 0;
  width: 100%;
  text-align: center;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
    z-index: 999;
  color:#fff
}
.rawcategory li:hover:after {
  bottom: 0;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  border-radius: 5px;
}
.rawcategory li:hover h4 {
  bottom: 5px;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
}
#section3 .rawcategory li:after {
	background:linear-gradient(0deg, rgb(57, 205, 121) 15%, rgb(57, 205, 121) 0%, rgba(175,204,52,0) 100%);
}
#section4 .rawcategory li:after {
	background:linear-gradient(0deg, rgb(53, 102, 207) 15%, rgb(53, 102, 207) 0%, rgba(175,204,52,0) 100%);
}
#section5 .rawcategory li:after {
	background:linear-gradient(0deg, rgb(108, 47, 203) 15%, rgb(108, 47, 203) 0%, rgba(175,204,52,0) 100%);
}
#section6 .rawcategory li:after {
	background:linear-gradient(0deg, rgb(239, 45, 161) 15%, rgb(239, 45, 161) 0%, rgba(175,204,52,0) 100%);
}
#section7 .rawcategory li:after {
	background:linear-gradient(0deg, rgb(255, 205, 0) 15%, rgb(255, 205, 0) 0%, rgba(175,204,52,0) 100%);
}

.nothingtoshow {
  margin: 0 auto;
  text-align: center;
  font-size: 1.1rem;
  color: #AEAFB3;
}
.nothingtoshow svg {
  display: block;
  margin: 50px auto 10px;
}
.news_item_category {
  background: #B7C4D2;
  border-radius: 50px;
  color: #fff;
  text-align: center;
  float: right;
  padding: 0 5px;
  margin: 5px;
  font-weight: 100;
}