.offer-promo-wrap h1{
	color: #8c1738;
	font-family: 'Cairo', sans-serif;
	font-weight: 500;
}
.category-detail-wrap h2, .new-box h2{
	color: #8c1738;
	font-family: 'Cairo', sans-serif;
	font-weight: 500;
	font-size: 1.75rem;
	margin: 0 0 4px;
}
.new-box figure {
	background: #ffffff;
    min-height: 163px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.new-box figure img {
	max-width: 92% !important;
	max-height: 92% !important; 
    object-fit: contain;
    object-position: center;
}
.category-detail-wrap h3, .new-box h3{
	color: #57585a;
	font-family: 'Cairo', sans-serif;
	font-weight: 500;
	font-size: 1.375rem;
	margin: 0 0 15px;
	padding: 0;

}
.category-detail-wrap figure{
	margin: 0 0 15px;
}
.offer-promo-list{
	list-style: none;	
	padding: 0px!important;
}
.offer-promo-list li{
	margin-bottom: 30px;
	height: calc(100vw *.3 *.4);
}
.offer-promo-list li a{
	width: 100%;
	font-family: 'Cairo', sans-serif !important;
	font-weight: normal;

	height: 100%;
	background: #eaeaea;
	color: #8c1738;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.125rem;
	position: relative;
	flex-direction: column;
	text-align: center;
	padding: 15px;
	transition: all .4s;
}
.offer-promo-list li figure{
	margin: 0 0 25px;
	text-align: center;
    display: block;
    overflow: hidden;
    max-height: 142px;
    margin-bottom: 6px;
}
.offer-promo-list figure img {
    display: block;
    max-height: 100%;
}
.offer-promo-list li figcaption{
	color: #8c1738;
	font-size: 1.25rem;
	line-height: 22px;
	font-weight: 600;
}
.offer-promo-list li:hover a{
	background: #8c1738;
	color: #fff;
	transition: all .4s;
}
.offer-promo-list li:hover figcaption{
	color: #ffffff;
}
.offer-promo-list li:hover a img{
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
	transition: all .4s;
}  
.bordered{
	border:1px solid #e9e9e9;
}
.category-list-view li:hover a{
	background: #ffffff;
	color: #8c1738;
	transition: all .4s;
}
.category-list-view li:hover figcaption{
	color: #8c1738;
}
.category-list-view li:hover a img{
	-webkit-filter: brightness(1) invert(0);
	filter: brightness(1) invert(0);
	transition: all .4s;
}  


.grey-bg{
	background-color: #f7f8f9;
}
.category-list-view li a{
	background-color: #ffffff;
	border:1px solid #e9e9e9;
}

.custom-search-wrap{
	list-style: none;
}
.custom-search-wrap label{
	display: block;
	margin: 0 0 5px;
	font-size: 0.875rem;
	font-family: 'Cairo', sans-serif;
	font-weight: normal;
	color: #0a0909;

}
.custom-search-wrap select, .custom-search-wrap input[type="text"]{
	display: block;
	background-color: #ffffff;
	color: #9d9d9d;
	padding: 2px 10px;
	border: none;
	text-align: right;
	border-radius: 0;
	width: 100%;
	box-shadow: 0px 6px  19px -16px rgba(0,0,0,0.67);
	-webkit-box-shadow: 0px 6px  19px -16px rgba(0,0,0,0.67);
	-moz-box-shadow: 0px 6px  19px -16px rgba(0,0,0,0.67);

}

.sumbit-wrap{
	position: relative;
	margin-top: 22px;

}

.sumbit-wrap .btn{
	position: absolute;
	left: 0px;
	top: 0px;
	width: auto!important;
	border-radius: 0px;
	font-weight: normal;
}

.category-detail-wrap{
	position: relative;
	
}
.category-detail-wrap .container{
	position: relative;
	z-index: 2;
}
.category-detail-wrap:before{
	background-image: url(../images/theam-bg.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	height: 160px;
	width: 100%;
	background-color: #ffffff;
	content: "";
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1;
}
.info-list{
	list-style: none;
	margin: 15px 0;
    direction: ltr;
}
.info-list li{
	display: block;
	margin: 0 0 5px;
}
.info-list li a{
	display: block;
	color: #8c1738;
	font-size: 1.125rem;
	font-family: 'Cairo', sans-serif;
	font-weight: 500;


}
.info-list li i{
	float: right;
	margin: 0 0 0 10px;
}
.info-list .social-icons {
	display: flex;
	margin-top: 20px;
}
.info-list .social-icons a {
	padding: 0px 15px;
}


.info-wrap{
	margin: 25px 0;
}
.info-wrap h2{
	position: relative;
	color: #8c1738;
	display: inline-block;
	font-size: 1.5625rem;
	font-family: 'Cairo', sans-serif;
	font-weight: 500;
	border-bottom: 3px solid #8c1738;
	margin: 0 0 23px;
}
.info-wrap h2:after{
	background-color:#8c1738;
	height: 1px;
	width: 100px;
	position: absolute;
	right: 100%;
	bottom: -2px;
	content: "";
}

.listing-content{
	display: block;
	margin: 0 0 20px;
}

.listing-content li{
	display: block;
	margin: 0 0 15px;
	position: relative;
	color: #221e1f;
	line-height: 25px;
	padding-right: 30px;
	font-size: 1.125rem;
	font-family: 'Cairo', sans-serif;
	font-weight: 500;
}
.listing-content li:before{
	content: "\e874";
	font-family: Linearicons-Free;
	position: absolute;
	right: 0px;
	top: 0px;
	font-size: 1.125rem;
	color: #8c1738;
	transform: rotate(-90deg);
}

.promo-details{
	display: block;
}

.promo-details li{
	display: flex;
	margin: 0 0 10px;
}
.promo-details li label{
	color: #221e1f;
	font-size: 1.3125rem;
	font-family: 'Cairo', sans-serif;
	font-weight: 500;
	white-space: nowrap;
	margin-left: 15px;
	width: 150px;

}

.promo-details li input{
	display: block;
	background-color: #ffffff;
	color: #9d9d9d;
	padding: 2px 10px;
	border: none;
	border-radius: 0;
	width: auto;
	font-size: 1.125rem;
	font-family: 'Cairo', sans-serif;
	font-weight: 500;
	box-shadow: 0px 6px  19px -16px rgba(0,0,0,0.67);
	-webkit-box-shadow: 0px 6px  19px -16px rgba(0,0,0,0.67);
	-moz-box-shadow: 0px 6px  19px -16px rgba(0,0,0,0.67);
}



.tech-spec-wrap{
	background-image: url(../images/theam-bg2.jpg);
	background-position: top left;
	background-repeat: no-repeat;		
	width: 100%;
	padding: 50px 0;
	background-color: #ffffff;		
}
.tech-spec-wrap h2{
	position: relative;
	color: #8c1738;
	display: inline-block;
	font-size: 1.5625rem;
	font-family: 'Cairo', sans-serif;
	font-weight: 500;
	border-bottom: 3px solid #8c1738;
	margin: 0 0 23px;
}
.tech-spec-wrap h2:after{
	background-color:#8c1738;
	height: 1px;
	width: 100px;
	position: absolute;
	right: 100%;
	bottom: -2px;
	content: "";
}
.table-style-3{
	font-family: 'Cairo', sans-serif;
	font-weight: 500;
	margin: 25px 0;
    width: 100%;
    height: auto;
    border-bottom: 1px solid #706F6F;
    max-width: 100%;
    min-width: 800px;

}
.table-style-3 td{
	padding: 10px 20px;
	font-size: 0.9375rem;
}
.table-wrap {
    position: relative;
    width: 100%;
    width: 100%;
    height: auto;
    overflow: auto;
}
.tech-spec-wrap tr th {
	background-color: #8c1738;
	color: #ffffff;
	height: auto;
	padding: 10px 20px;
	border: 1px solid #d8d8d8;
	font-size: 1.5625rem;
	font-family: 'Cairo', sans-serif;
	font-weight: 500;
}



.no-result-wrap p{
	font-size: 1.5625rem;
	font-family: 'Cairo', sans-serif;
	font-weight: 500;
	margin: 0;
	position: relative;
	padding-top: 230px;
}
.no-result-wrap p:before{
	background-image: url(../images/no-resul-pic.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	content:"";
	position: absolute;
	width: 274px;
	height: 220px;
	top: 0px;
	right: 50%;
	transform: translateX(50%);
}




.multi-promo-list{
	list-style: none;	
}

.multi-promo-list li{
margin-bottom: 30px;
}
.multi-promo-list li article{
position: relative;
height: 100%;
border-bottom: 2px solid #8c1738;
padding: 20px;	
	font-family: 'Cairo', sans-serif;
	font-weight: 500;
background-color: #ffffff;
    box-shadow: 0px 6px 19px -16px rgb(0 0 0 / 67%);
    -webkit-box-shadow: 0px 6px 19px -16px rgb(0 0 0 / 67%);
    -moz-box-shadow: 0px 6px 19px -16px rgba(0,0,0,0.67);
}
.multi-promo-list li article h3{
border-bottom: 2px solid #8c1738;
margin: 0 0 15px;
color: #8c1738;
font-size: 1.125rem;
font-weight: 500;

}
.multi-promo-list li article p{
	font-weight: normal;
	margin: 0 0 10px;
}
.view-more-clk{
background-color: #8c1738;
    width: auto;
    padding: 2px 15px;
    position: absolute;
    color: #ffffff !important;
    font-weight: normal;
    border-radius: 10px 10px 0px 0px;
    left: 0;
    bottom: 0;

}
.view-more-clk:hover{

    color: #ffffff;
    opacity: 0.7; 

}


@media (max-width: 1299px) {
	.offer-promo-list li{
		height: calc(100vw *.4 *.4);
	}

}

@media (max-width:991px) {
	.offer-promo-list li{
		height: calc(100vw *.5 *.4);
	}
	.tech-spec-wrap h2:after{
		display: none;
	}
}
@media (max-width:767px) {
	.offer-promo-list li{
		height: auto;
	}
	.listing-content li{
		font-size: 1rem;
	}
	.promo-details li{
		display: block;
	}
	.info-wrap h2{
		font-size: 1.25rem;
	}
	.category-detail-wrap h2 { 
		font-size: 1.4375rem;
	
}
}


@font-face {
    font-family: 'moci';
    src: url('../fonts/moci.eot?36563870');
    src: url('../fonts/moci.eot?36563870#iefix') format('embedded-opentype'),
         url('../fonts/moci.woff2?36563870') format('woff2'),
         url('../fonts/moci.woff?36563870') format('woff'),
         url('../fonts/moci.ttf?36563870') format('truetype'),
         url('../fonts/moci.svg?36563870#moci') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  [class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: "moci";
    font-style: normal;
    font-weight: normal;
    speak: never;
  
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-left: .2em;
    text-align: center;
    /* opacity: .8; */
  
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;
  
    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;
  
    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-right: .2em;
  
    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */
  
    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  
    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
  }
  
  .icon-mail:before { content: '\e800'; } /* '' */
  .icon-phone:before { content: '\e801'; } /* '' */
  .icon-user:before { content: '\e802'; } /* '' */
  .icon-edit:before { content: '\e803'; } /* '' */
  .icon-bullhorn:before { content: '\e804'; } /* '' */
  .icon-logout:before { content: '\e805'; } /* '' */
  .icon-facebook:before { content: '\e806'; } /* '' */
  .icon-flickr:before { content: '\e807'; } /* '' */
  .icon-google:before { content: '\e808'; } /* '' */
  .icon-twitter:before { content: '\e809'; } /* '' */
  .icon-youtube:before { content: '\e80a'; } /* '' */
  .icon-linkedin:before { content: '\e80b'; } /* '' */
  .icon-skype:before { content: '\e80c'; } /* '' */
  .icon-googleplay:before { content: '\e80d'; } /* '' */
  .icon-search:before { content: '\e80e'; } /* '' */
  .icon-right-open:before { content: '\e80f'; } /* '' */
  .icon-right-dir:before { content: '\e810'; } /* '' */
  .icon-download:before { content: '\e811'; } /* '' */
  .icon-floppy:before { content: '\e812'; } /* '' */
  .icon-calendar:before { content: '\e813'; } /* '' */
  .icon-bell:before { content: '\e814'; } /* '' */
  .icon-ccw:before { content: '\e815'; } /* '' */
  .icon-ok:before { content: '\e816'; } /* '' */
  .icon-plus:before { content: '\e817'; } /* '' */
  .icon-minus:before { content: '\e818'; } /* '' */
  .icon-spin2:before { content: '\e831'; } /* '' */
  .icon-instagram:before { content: '\f16d'; } /* '' */
  .icon-whatsapp:before { content: '\f232'; } /* '' */
  
  body {
      text-align: right;
      direction: rtl;
  }
  .op-cb .btn{
      background-color: #8c1738!important;
      color: #ffffff !important;
      font-size: 1.5625rem;
  }
  
  
  .bordered{
      border:1px solid #e9e9e9;
  }
  
  .table-style-3{
      font-family: 'Cairo', sans-serif;
      font-weight: 500;
      margin: 25px 0;
      width: 100%;
      height: auto;
      border-bottom: 1px solid #706F6F;
      max-width: 100%;
      min-width: 800px;
  
  }
  .table-style-3 td{
      padding: 10px 20px;
      font-size: 0.9375rem;
  }
  .table-style-3 td a{
  font-family: 'Cairo', sans-serif;
      background-color: #8c1738;
      padding: 4px 10px;
      color: #ffffff;
      line-height: 15px;
      border-radius: 3px;
      display: inline-block;
      font-size: 0.875rem;
      font-weight: normal; 
  }
  .table-style-3 td a:hover{
      background-color: #000000;
      color: #ffffff;
    
  }
  .table-wrap {
      position: relative;
      width: 100%;
      width: 100%;
      height: auto;
      overflow: auto;
  }
  .table-style-3 tr th {
      background-color: #8c1738;
      color: #ffffff;
      height: auto;
      padding: 7px 15px;
      border: 1px solid #d8d8d8;
      font-size: 1.125rem;
      font-family: 'Cairo', sans-serif;
      font-weight: 500;
  }
  
  .company-dash-wrap{
      position: relative;
  }
  .dash-head{
      display: block;
          background-image: url(../images/theam-bg.jpg);
      background-position: top left;
      background-repeat: no-repeat;
      
      padding: 10px 0;
      width: 100%;
      background-color: #ffffff;
      border-bottom: 1px solid #e8e6d9;
  }
  
  .dash-tophead{
  background-color: rgba(255, 253, 241, 0.7);
      padding: 5px 15px;
      display: block;
      text-align: left;
      border:1px solid #f3eed1;
  
  }
  .dash-tophead li{
          font-size: 0.9375rem;
          display: inline-block;
      font-family: 'Cairo', sans-serif;
      font-weight: 500;
          margin-right: 15px;
  }
  .dash-tophead li a{
      margin-left: 10px;
  }
  .dash-tophead li i{
      float: right;
      margin-left: 5px;
  }
  .dash-nav{
      display: block;
      text-align: left;
      padding-left: 0px!important;
  }
  .dash-nav li{
      display: inline-block;
      text-align: left;
      margin-right: 15px;
  }
  .dash-nav li a{
          font-size: 1rem;
      color: #8c1738;
      font-family: 'Cairo', sans-serif;
      font-weight: 500;
      position: relative; 
      padding: 0 5px;
  }
  .dash-nav li a:before{
      margin: 0 0 0 5px;
  }
  .dash-nav li a:after{
          background-color: transparent;
          content: "";
          height: 2px;
          width: 0px;
          position: absolute;
          bottom: 0px;
          right: 0px;
              -webkit-transition: all 1s cubic-bezier(0.25, 1, 0.5, 1);
              transition: all 1s cubic-bezier(0.25, 1, 0.5, 1);
  }
  .dash-nav li a:hover{
      color: #000000;   
  }
  .dash-nav li a:hover:after{
      background-color:#8c1738;
          width: 100%;		
              -webkit-transition: all 1s cubic-bezier(0.25, 1, 0.5, 1);
              transition: all 1s cubic-bezier(0.25, 1, 0.5, 1);
  }
  .dash-nav li.active a:after{
              background-color:#8c1738;
          width: 100%;			
  }
  
  
  .dash-nav li:last-child a{
    font-size: 0.9375rem;
      color: #8c1738;
      font-family: 'Cairo', sans-serif;
      font-weight: 500;	
      background-color: #8c1738;
      padding: 8px 15px;
      color: #ffffff !important;   
  }
  .dash-nav li:last-child a:hover{
  background-color: #d7ca7d;
  color: #8c1738;
  }
  
  .dash-section{
      position: relative;
         font-family: 'Cairo', sans-serif;
  }
  .btn.icon-edit{
      color: #fff !important;
      font-size: 1.25rem;
      width: 35px;
      height: 35px;
      border: 1px solid #8c1738;
      position: absolute;
      left: 60px;
      top: 30px;
      padding: 0;
      border-radius: 3px;
      line-height: 34px
  }
  .dash-section .delete-btn{
	font-size: 1.25rem;
    width: 35px;
    height: 35px;
    border: 1px solid #8c1738;
    position: absolute;
    left: 15px;
    top: 30px;
    padding: 0;
    border-radius: 3px;
    line-height: 34px;
}
  .dash-section h2{
  font-size: 1.875rem;
      color: #8c1738;
      font-family: 'Cairo', sans-serif;
      font-weight: 500;	
      margin: 0 0 25px;
      padding: 20px 0 0 !important;
  }
  .dash-info-wrap{
      position: relative;
      margin: 0 0 25px;
  }
  .dash-info-wrap h3{
          font-size: 1.25rem;
      color: #8c1738;
      font-family: 'Cairo', sans-serif;
      font-weight: 500;	
      width: auto;
      border-bottom: 2px solid #8c1738;
      margin: 0 0 25px;
  
  }
  .pro-info-list{
      list-style: none;
  
  }
  .pro-info-list li{
      margin-bottom: 15px;
      position: relative;
       
  }
  .pro-info-list li article{
    display: block;
    height: 100%;
    border:1px solid #f3eed1;
    border-radius: 10px 10px 0 0;
  }
  .pro-info-list li h5{
  background-color: rgb(232 230 217);
      padding: 5px 15px !important;
      text-align: right;
      color: #8c1738 !important;
      font-family: 'Cairo', sans-serif;
      font-weight: 500;
      font-size: 1rem;
       border-radius:  10px 10px 0 0;
    
  }
  .pro-info-list li p{
      margin: 0;
      font-size: 0.9375rem;
      padding: 0px 16px 10px;
          font-weight: normal;
  }
  .dash-social{
      display:block;
      text-align: center;
      list-style: none;
      margin-left: 0px;
      padding: 0px;
  }
  .dash-social li{
      margin: 0 3px;
      display: inline-block;
  }
  .dash-social li a:hover{
      color: #8c1738;
  }
  
  .dash-info-wrap .add-btn{
        font-size: 0.9375rem;
      color: #8c1738;
      font-family: 'Cairo', sans-serif;
      font-weight: 500;	
      background-color: #8c1738;
      padding: 4px 15px;
      color: #ffffff;  
      position: absolute;
        left: 0px;
      top: -3px;
      border-radius: 5px 5px 0 0;
  }
  .dash-info-wrap .table-style-3{
      position: relative;
      margin: 0;
  }
  
  .dash-form-wrap{
      list-style: none;
      padding-left: 0!important;
  }
  .dash-form-wrap li.required label{
  position: relative;
  display: inline-block;
  }
  .dash-form-wrap li.required label:before{
  content: "*";
  color: red;
  position: absolute;
  left: -10px;
  bottom: 0;
  }
  
  
  .dash-form-wrap label{
      display: block;
      margin: 0 0 5px;
      font-size: 1rem;
      font-family: 'Cairo', sans-serif;
      font-weight: normal;
      color: #0a0909;
  
  }
  .dash-form-wrap select, 
  .dash-form-wrap input[type="text"],
  .dash-form-wrap input[type="email"],
  .dash-form-wrap input[type="number"],
  .dash-form-wrap input[type="file"],
  .dash-form-wrap input[type="Date"],
  .dash-form-wrap textarea{
      display: block;
      background-color: #ffffff;
      color: #9d9d9d;
      text-align: right;
      direction: rtl;
      padding: 2px 10px;
      border: 1px solid #eee;
      border-radius: 0;
      width: 100%;
      box-shadow: 0px 6px  19px -16px rgba(0,0,0,0.67);
      -webkit-box-shadow: 0px 6px  19px -16px rgba(0,0,0,0.67);
      -moz-box-shadow: 0px 6px  19px -16px rgba(0,0,0,0.67);
  
  }
  
  
  
  .dash-form-wrap li .en-field label{
  direction:ltr;
  text-align: left;
  }
  .dash-form-wrap li .en-field input,
  .dash-form-wrap li .en-field select, 
  .dash-form-wrap li .en-field input[type="text"],
  .dash-form-wrap li .en-field input[type="number"],
  .dash-form-wrap li .en-field input[type="file"],
  .dash-form-wrap li .en-field input[type="Date"],
  .dash-form-wrap li .en-field textarea{
  direction:ltr;
  text-align: left;
  }
  
  .custom-search-wrap{
      list-style: none;
  }
  .sumbit-wrap{
      position: relative;
      margin-top: 22px;
  
  }
  
  .sumbit-wrap .btn{
      position: absolute;
      left: 0px;
      top: 0px;
      width: auto!important;
      border-radius: 0px;
      font-weight: normal;
  }
  
  .dash-form-wrap .btn{	
      width: auto!important;
      border-radius: 0px;
      font-weight: normal;
  }
  
  .dash-info-wrap .wizard{
      display: block;
      margin-top: 50px;
  }
  
  .dash-info-wrap .nav-pills{
      display: flex;
      text-align: center;
      border:none!important;
      -ms-flex-pack: center!important;
      justify-content: center!important;
  }
  .dash-info-wrap .nav-pills li{
      display: inline-block;	
  }
  .dash-info-wrap .nav-pills li a{
      display: block;	
      background-color: #ffffff;
      padding: 2px 40px;
      color:  #8c1738;
      border-left: 1px solid #8c1738;
      border-right: 1px solid #8c1738;
  }
  .dash-info-wrap .nav-pills li:last-child a{	
      border: none;
      border-radius: 20px 0px 0px 20px;
  }
  .dash-info-wrap .nav-pills li:first-child a{	
      border: none;
      border-radius: 0px 20px 20px 0px;
  }
  .dash-info-wrap .nav-pills li a.active{
      background-color: #8c1738;
      color: #ffffff !important;
  }
  
  .dash-info-wrap .tab-content{
      margin:60px 0 30px;
  
  }
  .next-step{
          font-size: 0.9375rem;
      color: #8c1738;
      font-family: 'Cairo', sans-serif;
      font-weight: 500;	
      background-color: #8c1738;
          padding: 8px 30px 8px 15px;
      color: #ffffff;  	
      border-radius: 10px;
      margin: 0 5px;
      position: relative;
  }
  .next-step:after{
  font-family: 'moci';
  content: '\e810';
  color: #ffffff;
  font-size: 1.125rem;
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  }
  .default-btn{
          font-size: 0.9375rem;
      color: #8c1738;
      font-family: 'Cairo', sans-serif;
      font-weight: 500;	
      background-color: #8c1738;
          padding: 8px 15px 8px 30px;
      color: #ffffff !important;  	
      border-radius: 10px;
      margin: 0 5px;
      position: relative;
  }
  .default-btn:after{
  font-family: 'moci';
  content: '\e810';
  color: #ffffff;
  font-size: 1.125rem;
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%) rotate(-180deg);
  }
  .default-btn.prev-step{
      padding: 8px 30px 8px 15px
  }
  
  .default-btn.prev-step:after{
  left: 83%;
  transform: rotate(0deg);
  top: 26%;
  
  }
  
  .dash-info-wrap .radio-wrap {
      position: relative;
      margin: 10px 0;
  }
  .dash-info-wrap .radio-wrap .js-form-type-radio {
      position: relative;
      display: inline-block;
      margin-left: 10px;
      margin-bottom: 10px;
  }
  .dash-info-wrap .radio-wrap .js-form-type-radio input {
      position: absolute;
      opacity: 0;
      visibility: hidden;
  }
  
  .dash-info-wrap .radio-wrap .js-form-type-radio label {
      display: block;
      padding: 0 30px 0 0;
      text-align: right;
      cursor: pointer;
      position: relative;
      line-height: 18px;
      margin-left: 15px;
  }
  .dash-info-wrap .radio-wrap .js-form-type-radio label:after {
      width: 20px;
      height: 20px;
      text-align: center;
      border: 1px solid #8c1738;
      cursor: pointer;
      right: 0px;
      top: 0px;
      position: absolute;
      content: "";
  }
  .dash-info-wrap .radio-wrap .js-form-type-radio input:checked ~ label:after {
  content: '\e816';
      font-family: 'moci';
      color: #8c1738;
      font-size: 0.8125rem;
      line-height: 18px;
  
      
  }
  
  
  
  .dash-info-wrap .list-inline{
      display: flex;
  }
   
  .gen-content{	
      list-style: none;
      padding-left: 0px;
  }
  .gen-content li{
  
      margin-bottom: 30px;
      }
  
  .gen-content li article{
          background-color: #f9f9f9;
      padding: 30px;
  }
  .gen-content li h4{
  
      text-align: right;
      color: #8c1738;
      font-family: 'Cairo', sans-serif;
      font-weight: 500;
      font-size: 1rem;
  
  }
  .gen-content li p{
      font-weight: normal;
      line-height: 23px;
  }
  
  .vert-center{
      text-align: center;
      display: table;
      vertical-align: middle;
      width: 100%;
      height: 100%;
  }
  .vert-center .btn-wrap {
      display: table-cell;
      height: 100%;
      vertical-align: middle;
      width: auto;
  
  }
  .vert-center .form-group {
      display: flex;
      margin: 0 auto;
      width: 65%;
      text-align: center;
  }
  
  .dash-section .btn-wrap .btn{
      margin: 0 5px;
      font-weight: 400;
      font-size: 0.9375rem;
      padding: 0;
  
  }

  .table-style-3{
	font-weight: 500;
	margin: 25px 0;
    width: 100%;
    height: auto;
    border-bottom: 1px solid #706F6F;
    max-width: 100%;
    min-width: 800px;

}
.table-style-3 td{
	padding: 10px 20px;
	font-size: 0.9375rem;
}
.table-style-3 td a{

    background-color: #8c1738;
    padding: 4px 10px;
    color: #ffffff !important;
    line-height: 15px;
    border-radius: 3px;
    display: inline-block;
    font-size: 0.875rem;
    font-weight: normal; 
}
.table-style-3 td a:hover{
    background-color: #000000;
    color: #ffffff;
  
}

.table-style-3 tr th {
	background-color: #8c1738;
	color: #ffffff;
	height: auto;
	padding: 7px 15px;
	border: 1px solid #d8d8d8;
	font-size: 1.125rem;
	font-weight: 500;
}
.table-style-3 .actions {width: 230px;}
.table-style-3 .odd {background: white;}
.table-style-3 .even {background: whitesmoke;}
.content-body { background:#fff;}

.pager.wizard .previous {display: none;}
.datepicker th {background: inherit; color: inherit;}
.promotion-modify-actions button {height:40px;}
  
  .social-account-title {margin-bottom: 10px;
    display: block;
    color: #8b1738;
    font-size: 1rem;
    text-decoration: underline;}
  
  @media (max-width:991px) {
  .dash-nav li:last-child a {
      font-size: 0.9375rem;
      padding: 3px 15px;
      display: inline-block;
      line-height: 19px;
      margin-top: 15px;
  }
      .vert-center .form-group {
       width: 95%;   
  }
  .gen-content li article {
      background-color: #f9f9f9;
      padding: 15px;
  }
  }
  @media (max-width:767px) {
  .dash-logo{
      width: 60px;
      display: block;
  }
  .dash-tophead {
      padding: 5px 0px;
       position: absolute;
      top: -94px;
      width: 190px;
      left: 0;
  }
  .dash-info-wrap .nav-tabs{
          display: block;
             padding-left: 0!important;
  }
  .dash-info-wrap .nav-tabs li {
      display: block;
  }
  .dash-info-wrap .nav-tabs li a {
      border:none!important;
          border-radius: 0px!important;
  }
  .dash-section h2 {
      font-size: 1.4375rem;  
      margin: 0;
       line-height: 28px;
  }
  }
  .btn-invert {
    color: #8c1738 !important;
    background: #fff !important;
    border: 1px solid #8c1738 !important;
}
#discount_range {display: none;}
.company-thumbs {width: 100px; margin-bottom: 12px;}
body.rtl button, body.rtl input[type="button"], body.rtl input[type="submit"] {
    float: inherit !important;
}
.op-cb #submit_btn {
    padding-top: 0;
    padding-bottom: 0;
}
.seasonal img {
    width: 115px;
    position: absolute;
    left: -7px;
    top: 2px;
    z-index: 9;
}
	/* accessibility */
	.contrast-theme .dash-head, .contrast-theme .category-detail-wrap:before {
		background-image: none !important;
	}
	.contrast-theme .dash-nav li.active a:after{
		background-color: yellow !important;
	}
	.contrast-theme .dash-nav li a:hover:after, .contrast-theme .pro-info-list li h5{
		background-color:white !important;
	}
	.contrast-theme .op-cb .btn,.contrast-theme .table-style-3 tr th, .contrast-theme .table-style-3 td a, .contrast-theme .dash-info-wrap .radio-wrap .js-form-type-radio label:after,
	.contrast-theme .dataTables_wrapper .dataTables_paginate .paginate_button.current, .contrast-theme .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, .contrast-theme .dataTables_wrapper .dataTables_length select,
	.contrast-theme .offer-promo-list li:hover a, .contrast-theme .multi-promo-list li article, .contrast-theme .view-more-clk{
		background-color: black !important;
		border: 1px solid white;
		background: unset;
	}
	.contrast-theme .category-detail-wrap:before{
		background-color: black !important;
	}
	.contrast-theme .dash-info-wrap h3, .contrast-theme .pro-info-list li article, .contrast-theme .dataTables_wrapper .dataTables_length select,
	.contrast-theme .multi-promo-list li article h3{
		border-color: white !important;
	}
	.contrast-theme .op-cb .pro-info-list li h5,
	.contrast-theme .dash-form-wrap select,
	.contrast-theme .dash-form-wrap input[type="text"],
	.contrast-theme .dash-form-wrap input[type="number"],
	.contrast-theme .dash-form-wrap input[type="file"],
	.contrast-theme .dash-form-wrap input[type="email"],
	.contrast-theme .dash-form-wrap input[type="Date"],
	.contrast-theme .dash-form-wrap textarea,
	.contrast-theme .custom-search-wrap select,
	.contrast-theme .custom-search-wrap input[type="text"],
	.contrast-theme #promotion_table_filter input[type="search"],
	.contrast-theme .offer-promo-list li figcaption{
		color: black !important
	}
	.contrast-theme .dash-form-wrap li.required label:not(.radio-wrap label):before, .contrast-theme .dash-info-wrap .radio-wrap .js-form-type-radio input:checked ~ label:after{
		color: yellow !important;
	}
	.contrast-theme .dataTables_wrapper .dataTables_length select,
	.contrast-theme .dataTables_wrapper .dataTables_length,
	.contrast-theme .dataTables_wrapper .dataTables_filter,
	.contrast-theme .dataTables_wrapper .dataTables_info,
	.contrast-theme .dataTables_wrapper .dataTables_processing,
	.contrast-theme .dataTables_wrapper .dataTables_paginate,
	.contrast-theme .dash-info-wrap, .contrast-theme .offer-promo-list li:hover a figcaption{
		color: white !important;
	}
	.contrast-theme table.dataTable thead .sorting_asc{
		filter:grayscale(1);
	}
	.contrast-theme .view-more-clk:hover{
		opacity:1;
	}