@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400&family=Quattrocento+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');
html {
	height: 100%;
}
body {
	min-height: 100%;
	position: relative;
	font-family: 'Trebuchet MS', sans-serif;
	line-height: 1.4;
	font-size: 14px;
}

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
	display: block !important;
}
.owl-carousel.owl-theme.productbannernews .owl-stage-outer{
  display: flex;
  justify-content: center;
}
a:hover {
	color: #bb9632;
}
.container {
	max-width: 1020px;
}
a {
	transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	outline: none !important;
	color: #bb9632;
}
a:hover {
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6, p {
	margin-bottom: 15px;
}
.navbar.navbar-expand-lg.navbar-light.bg-dark {
	background-color: #0b0b0b2e !important;
}
.bg-body {
	background: url(../img/bg1.jpg) no-repeat center;
	background-size: cover;
	background-attachment: fixed;
}
.bg-body2 {
	background: url(../img/bg2.jpg) no-repeat center;
	background-size: cover;
}
.blog-bg{background: url(../img/blog-bg.jpg) no-repeat center;
	background-size: cover; 
	background-attachment:fixed}
.banner {
	background: #ffffff2e;
	height: 65vh;
	position: relative;
	z-index: 5;
}
.bannermenu li a {
	font-size:38px;
	font-weight: 100;
	color: #FFF;
	letter-spacing: 1px;
	font-family: Montserrat;
	text-transform: uppercase;
}
.pagemenu a.active {
	color: #000;
 font-weight:;
}
.text-warning {
	color: #d9af3c !important;
}
.banner a {
	color: #FFF;
}
.bannermenu li {
	list-style: none;
	margin: -3px 0;
}
.navbar-light .navbar-nav .nav-link {
	color: #FFF;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.2px;
}
.nav-item.eng-arb .nav-link {
	color: #bb9632;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
	color: rgb(186, 149, 49);
}
.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
	color: #BD9732;
}
.productbanner h3, .stores-owl h3 {
	color: #FFF;
	font-size: 12px;
	text-align: center;
}
.productbannernews h3, .stores-owl h3 {
	color: #FFF;
	font-size: 12px;
	text-align: center;
}
.owl-nav button {
    
   
	font-size: 80px;
	color: #FFF;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto !important;
	height: 80px;
	background: transparent !important;
	outline: none !important
}
.owl-nav button.owl-prev {
	left: -57px;
}
.owl-nav button.owl-next {
	right: -57px;
}
footer {
	padding: 20px 0;
	padding-top: 10px;
}
footer ul li {
	display: inline-block;
	margin: 0 5px;
}
footer ul li a {
	color: #FFF;
	font-size: 12px;
	letter-spacing: 0.4px;
}
footer span.pr-4 {
	font-size: 12px;
}
.stores-right {
	background: #00000080;
	padding: 30px;
	color: #FFF;
	font-size: 12px;
}
.stores-owl h3 {
	margin: 0;
	padding-bottom: 5px
}
.stores-owl .owl-nav button.owl-prev {
    
    
	left: -34px;
}
.stores-owl {
	padding-left: 20px;
	padding-right: 20px;
}
.stores-owl .owl-nav button.owl-next {
	right: -34px;
}
.stores-right .form-control {
	height: 27px;
	padding: 0 5px;
	font-size: 12px;
}
.subcat a.active {
	color: #000;
}
.viewmap {
	font-size: 18px;
	padding-top: 3px !important;
	display: inline-block;
	text-align: center;
}
#exampleModal .close.position-absolute {
	background: #ea4335;
	z-index: 1;
	right: 0;
	border-radius: 100%;
	padding: 0;
	opacity: 100;
	color: #FFF;
	width: 26px;
	height: 26px;
	line-height: 0 !important;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 0 !important;
}
.media-center-top a {
	margin-right: 10px;
}
 @media (min-width: 576px) {
.modal-dialog-scrollable {
	max-height: calc(100% - 3.5rem);
}
}
.modal-dialog-scrollable .modal-body {
	overflow-y: auto;
}
.modal-dialog-scrollable .modal-content {
	background-color: #000;
	color: #b7b7b7;
	font-size: 11pt;
	text-align: justify
}
.modal-dialog-scrollable .close {
	background: #fff !important;
	opacity: 100;
	border-radius: 100%;
	width: 30px;
	height: 30px;
	line-height: 0px;
	text-align: center;
	padding: 0 !important;
}
.modal-dialog-scrollable .modal-header {
	border-bottom: 1px solid #dee2e63d;
}
.modal-dialog-scrollable .modal-title {
	font-size: 16px;
}
.zoom-box {
	position: relative;
}
.zoom-box img {
	vertical-align: bottom;
}
.zoom-box .zoom-selector {
	position: absolute;
	background-image: url("../img/selector.png");
	background-repeat: repeat;
	display: none;
	cursor: crosshair;
}
.zoom-box .viewer-box {
	position: absolute;
	border: 1px solid rgb(239,237,240);
	display: none;
	overflow: hidden;
	z-index: 99999;
	background: #FFF;
}
.zoom-box .viewer-box>img {
	position: absolute;
	left: 0;
	top: 0;
}
.longEnough {
	height:270px;
	width: 100%;
	overflow: auto;
	background: #000000b5;
	padding:0;
	border-radius:0px;
	color: #fff;
	font-size: 13px;
	line-height: 25px;
	font-weight: 600;
}

.views-field-nid {
	margin: 9px 0;
}
.mCSB_scrollTools .mCSB_draggerContainer {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: auto;
	background: #FFF;
	border-radius: 30px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	position: relative;
	width: 7px;
}
.mCSB_scrollTools {
	opacity: 100;
}
.mCSB_scrollTools {
	width: 9px;
}
.navbar-brand img {
	width: 205px;
}
.eng-arb {
	position: relative;
}
.eng-arb::before {
	content: "";
	position: absolute;
	right: -8px;
	background: #FFFFFFDB;
	width: 1px;
	height: 16px;
	top: 10px;
}
.pagemenu {
	list-style: none;
	color: #FFF;
	/* display: flex; */
	font-size: 14px;
}
.pagemenu {
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 6px !important;
}
.leaf.first a {
	font-size: 13px !important;
}
.navbar-light .navbar-toggler-icon {
	background-image: url(../img/menu.png)
}
.bannermenu li a:hover {
	color: #000;
}
.newlaunch a {
	animation: blinkingText 0.7s infinite;
}
.subcat a {
	font-size: 13px;
	margin-right: 9px;
}
.pro-top a.active {
	color: #000;
}
.pro-top .btn.btn-white {
	background: url(http://www.rasasi.com/sites/all/themes/rasasi/images/info.png) no-repeat;
	color: #333;
	height: 20px;
	padding: 0 7px;
	line-height: 18px;
	text-transform: uppercase;
	font-size: 11px;
	width: 49px;
	color: #FFF;
	margin-bottom: 15px;
	text-align: center;
}
.sitemap-menu ul {
	padding: 0 5px;
	list-style: none;
}
.sitemap-title a {
	font-size: 15px;
	font-weight: 400;
	padding-bottom: 10px;
	display: table;
}
.sitemap-bottom a {
	margin-right: 18px;
}

.owl-prev spna {
}
.blog-text {
	background: #444243;
	padding: 20px;
	margin-top: 50px;
	max-width: 750px;
}
.blog-row {
	padding-bottom: 30px;
}
.blogtitle a {
	color: ;
	font-weight: bold;
	font-size: 35px;
	color:#FFF
}
.blogtitle-sub{color: #F36525 !important;
font-size: 12px !important; padding-bottom:15px;}
.blogtitle-sub {
	color: #F36525 !important;
	font-size: 13px !important;
	padding-bottom: 15px;
	display: table;
}

@keyframes blinkingText {
 0% {
color: #FFF;
text-shadow:0 2px 10px rgb(186, 149, 49)
}
 49% {
color:#FFF;
text-shadow:0 2px 10px rgb(186, 149, 49)
}
 60% {
color: transparent;
}
 99% {
color:transparent;
}
 100% {
color: #FFF;
text-shadow:0 2px 10px rgb(186, 149, 49)
}
}


.sitemap-menu ul br {
	display: none;
}
.sitemap-title a {
	font-size: 14px !important;
	font-weight:600;
}

.mCSB_inside > .mCSB_container {
	margin-right: 0;
	padding: 15px;
	padding-right: 25px;
}
.abouttext .row.pb-3 {
	padding-bottom: 8px !important;
}
.abouttext h4 {
	font-size: 17px;
}
.form-control {
	height: 20px;
	padding: 4px 15px;
	border: 0;
	border-radius: 0;
	max-width: 230px;
	padding-left: 5px !important;
}
textarea.form-control {
  width: 100% !important;
  max-width: 93% !important;
  height: 70px !important;
}

 @media (min-width:991.98px) {
.nav-item {
	margin-left: 15px;
}
#navbarSupportedContent {
	padding-top: 48px;
}
.navbar-expand-lg .navbar-nav .nav-link {
	padding-bottom: 0;
}
.banner-prodcut-home-text {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 30px;
}
.navbar.navbar-expand-lg.navbar-light.bg-dark {
	padding-top:18px;
}
} 
@media (max-width: 767.98px) {
footer {
	background: #000;
	padding: 20px 0;
	text-align: center;
}
.bannermenu li a {
	font-size: 24px;
}
.bannermenu li {
	list-style: none;
	margin: 3px 0;
}
.banner {
	min-height: auto;
}
.navbar-brand img {
	width: 103px;
}
.pagemenu li {
	margin: 2px 3px;
}

.banner {
	height: 100% !important;
	padding-bottom: 0 !important;
}
body {
	background-attachment: fixed !important;
}

.col-lg-6.firstsection span {
	line-height: normal !important;
}
.longEnough{margin-bottom:70px; line-height: 28px;
font-weight:400;}
.owl-nav button.owl-prev {
    
   
	left: 0;
}
.owl-nav button.owl-next {
	right: 0;
}
}

 @media (min-width:991px){
.modal-dialog.modal-dialog-scrollable.modal-l.modal-lg {
	margin: 1.75rem 15% 1.75rem auto;
	max-width: 630px;
	height: 100vh;
}
.longEnough, .pagemenu {
	width: 615px !important;
	margin-left: -63px !important;
}
.sitemap-menu ul li {
	max-width: 127px;
}

}

.modal-dialog.modal-dialog-scrollable p {
	font-size: 12px;
}



@media (min-width:1024px) {
  .allpagebanner img{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
footer {
	position: absolute !important;
	z-index: 5;
	width: 100%;
}
} 


@media (max-width:1023px){
.allpagebanner img{display: none;}
.banner {
	height: auto;
}

.longEnough {
	height: auto !important;
	min-height: 250px;
	max-height:400px;
}
}
header {
	position: relative;
	z-index: 4;
}

footer {
	position: relative;
	z-index: 5;
}

.bg-dark.discoverright.p-2 {
	background: #000 !important;
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000 !important;
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000 !important;
}