/*********************************************************************************

	Template Name: Boighor Bookshop Responsive Bootstrap4 Template  
	Description: Template description
	Version: 1.0
	Note: This is custom css. All custom styles (user styles) declare here.

**********************************************************************************/

 html.rtl button, html.rtl h2, html.rtl h3, html.rtl h4, html.rtl h5, html.rtl h6, html.rtl input, html.rtl label,  html.rtl select, html.rtl span, html.rtl textarea {
	text-align: center;
	direction: rtl!important
}
html.rtl ul span{
	text-align: right;
	direction: rtl!important;
}
html.rtl p, html.rtl li {
	text-align: right;
	direction: rtl!important
}
html.rtl .wrapper{
	font-family: 'Open Sans', sans-serif, Arial, Helvetica;
}

html.rtl .page-about{
	margin-right: 10px;
	font-family: 'Open Sans', sans-serif, Arial, Helvetica;
}

.product__thumb{
	
}

.product__thumb1{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 8px 0 rgba(0, 0, 0, 0.3) !important;
}

.modal-product img {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 8px 0 rgba(0, 0, 0, 0.3);
	max-height: 430px;
}

.list__view .thumb{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 8px 0 rgba(0, 0, 0, 0.3) !important;
}

.mylogo{
	/*height: 115px;*/
	height: 100%;
}

.mylogo2{
	display: none;
	
  /*background-color: white;
  background-image:
    linear-gradient(
      to right, 
      white, 
      #white, 
      rgb(255, 255, 0), 
      green
    );*/

}

.main_header{
	border-top: 5px solid #a6cd39;
	background: rgba(255,255,255,.8);
	border-bottom: 1px solid #dfdfdf;	
}



.is-sticky .left_logo{
	/*background-color: white;*/
}

.is-sticky .mean-container a.meanmenu-reveal span{
	background: #333 none repeat scroll 0 0 !important;
}
.is-sticky .mean-container a.meanmenu-reveal{
	color:#333;
}
.is-sticky .border_right{
	border-right: 1px solid #F3F3F3;
}

.footerlogo{
	height: 135px;
}



.extra{
	
	padding-left: 10px;
  padding-right: 10px;
}


.infosection {
	background: #fff;
	border: 1px solid #ddd;
	padding: 20px 25px;
	margin-bottom: 20px;
}
.infosection i {
	float: left;
	font-size: 36px;
	color: #555;
}
.infosection .int {
	margin-left: 60px;
}
.infosection h4 {
	font-size: 18px;
	margin: 0;
}
.infosection p {
	margin: 5px 0 0 0;
}

.btn-circle {
	width: 30px;
	height: 30px;
	text-align: center;
	padding: 6px 0;
	font-size: 12px;
	line-height: 1.428571429;
	border-radius: 15px;
	background-color: #FFF;
	border-color: #CCC;
}
.btn-circle.btn-lg {
	width: 50px;
	height: 50px;
	padding: 13px 13px;
	font-size: 18px;
	line-height: 1.33;
	border-radius: 25px;
}
html.rtl .btn-circle {
	width: 30px !important;
	height: 30px !important;
	text-align: right;
	padding: 6px 0;
	font-size: 12px;
	line-height: 1.428571429;
	border-radius: 15px !important;
}
html.rtl .btn-circle.btn-lg {
	width: 50px !important;
	height: 50px !important;
	padding: 13px 13px;
	font-size: 18px;
	line-height: 1.33;
	border-radius: 25px !important;
}
.contactmap iframe {
	display: block;
	border: 1px solid #ddd;
	padding: 3px;
}
.sbutn {
	background: #a6cd39;
	border: none;
	padding: 6px 20px;
	font-size: 18px;
	color: #fff;
	font-weight: 600;
}


.userccount {
	background: #fff;
	border: 1px solid #ddd;
	padding: 25px 30px;
	margin-bottom: 60px;
}
.userccount p {
	text-align: center;
	font-size: 14px;
	line-height: 24px;
	color: #999;
}
.userccount h5 {
	font-size: 24px;
	color: #a6cd39;
	font-weight: 700;
	margin-bottom: 15px;
}
.newuser {
	margin-top: 30px;
	text-align: center;
	font-size: 14px;
	color: #666;
}
.newuser a {
	font-weight: 600;
	color: #a6cd39;
}

.teamNav {
	list-style: none;
	margin-top: 15px;
	border-bottom: none;
	}
	.teamNav li {
		float: right;
		display: compact;
		width:100%;
	}
	
	.teamNav li:nth-child(1n+1){
    	clear:both;
	}
	
	.sidebarsort{
			display:none;
		}



.site-team h4 {
	color: #1a1e2a;
	font-size: 25px;
	font-weight: 700;
	line-height: 25px;
	margin: 0 0 4px
}
.site-team h4, .site-team h5 {
	font-family: inherit;
	text-transform: uppercase;
	padding: 0;
	display: block;
	width: 100%;
	clear: both
}
.site-team h5 {
	color: #6c6b6b;
	font-size: 13px;
	font-weight: 400;
	line-height: 18px;
	margin: 0 0 30px
}
.site-team p {
	color: #333;
	font-size: 14px;
	font-weight: 400;
	line-height: 26px
}
.site-team h6, .site-team p {
	font-family: inherit;
	width: 100%;
	display: block;
	clear: both
}
.site-team h6 {
	color: #1a1e2a;
	font-size: 14px;
	font-weight: 700;
	line-height: 14px;
	text-transform: uppercase;
	margin: 40px 0 10px
}
.site-team .site-team-progress {
	width: 100%;
	display: block;
	clear: both
}
.site-team .site-team-progress span {
	color: #959595;
	font-family: inherit;
	font-size: 13px;
	font-weight: 700;
	line-height: 14px;
	width: 100%;
	clear: both;
	display: block;
	padding-top: 22px;
	padding-bottom: 10px
}
.site-team .site-team-progress label {
	max-width: 540px;
	width: 100%;
	height: 4px;
	background-color: #dbdbdb;
	display: block;
	overflow: hidden;
	clear: both
}
.site-team figure {
	width: 100%;
	border: 11px solid #fff;
	box-shadow: 0 0 7px rgba(2,3,3,.14);
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0;
	background: grey;
}

.headingbar{
	color:#a6cd39; 
	border-bottom: 1px solid #CCC;
	margin-bottom: 30px;
	text-align: left;
}

.ban1 {
  background-image: url(../images/banners/tawzea-1.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center; }

.ban2 {
  background-image: url(../images/banners/tawzea-2.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center; }

.ban3 {
  background-image: url(../images/banners/tawzea-3.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center; }

.ban4 {
  background-image: url(../images/banners/tawzea-4.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center; }

.ban5 {
  background-image: url(../images/banners/tawzea-5.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center; }

.ban6 {
  background-image: url(../images/banners/tawzea-6.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center; }

.ban7 {
  background-image: url(../images/banners/tawzea-7.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center; }

.ban8 {
  background-image: url(../images/banners/tawzea-8.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center; }

.ban9 {
  background-image: url(../images/banners/tawzea-9.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center; }

 @media screen and (max-width: 666px) {
	 .extra{
		 display: none !important;
	 }
	 .is-sticky .header__sidebar__right  .left_logo{
		padding-left: 10px !important;
	}
	
	.fullscreen {
		min-height: 22vh;
		width: 100%;
		margin-top: 0px !important;
	 }
	 .wn__product__area{ padding-top:30px !important}
	 
	 .ht__bradcaump__area{
		padding-bottom: 21px;
		padding-top: 21px;
		margin-top: 96px;
	 }

}

 @media screen and (max-width: 1394px) {
	
}

@media screen and (max-width: 1850px) {
	.left_logo p{
		font-size: 8px !important;
	}
}