@import url(//fonts.googleapis.com/earlyaccess/notosanskufiarabic.css);
 
@import url(//fonts.googleapis.com/earlyaccess/notonaskharabicui.css);

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap');



body {
	margin: 0;
	padding: 0;
	direction: rtl;
	background: #fafafa url(img/bg.jpg);
	background-size: contain;
	text-align: right;
	font-family: "IBM Plex Sans Arabic", serif;
	font-size: 12pt;
} 

#layout {
	width: 80%;
}

#navg{
	text-align: right;
	color: #000; 
	padding: 10px;
	background: #fff;
	width: 100%; 
	box-shadow: 0px 0px 4px #ccc;
	font-size: 12pt;
}
#navg a{
	text-decoration: none;
	color: #000;
	vertical-align: middle;
}
#navg a:hover{
	color: #742a90;
}
#navg i{
	color: #004634;
	font-size: 12pt;
	vertical-align: middle;
	margin-right: 5px;
	margin-left: 5px;
}
#navg a:hover{
	color: #277071;
}
 
#navg i:first-child{
	font-size: 15pt;
}
#navg strong{
	color: #4a3d4e;
	font-size: 12pt;
	font-weight: normal;
	vertical-align: middle;
	margin-right: 5px;
}
#social_mob{
	display:none;
}

#navg span:first-child{
	margin-right: 0px;
}

.logo_img {
	margin-top: 15px;
	float: right;
	height: 110px;
	border-left: 0px;
}
#mob_reklam{
	width:100%;
	margin-bottom: 20px;
}
#mob_reklam img{
	width:100%;
	border-radius: 10px;
}

.logo_left {
	height: 180px;
	float: left;
}

.about_header {
	float: right;
	background: #dcd5cf;
	width: 350px;
	height: 35px;
	line-height: 35px;
	-webkit-border-bottom-right-radius: 15px;
	-webkit-border-bottom-left-radius: 45px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-bottomleft: 45px;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 45px;

}

.about_header .a {
	text-decoration: none;
	font-size: 10pt;
	color: #000;
	padding-left: 10px;
	padding-right: 10px; 
	border-left: 1px solid #a79c91;
	transition: all 0.1s ease-in-out;
}

.about_header .a:hover {
/*	text-shadow: 0px 0px 9px #063233;*/
}

.about_header .a:nth-child(5) {
	border-left: 0px;
}

#header {
	display: block;
	height: 150px;
	text-align: right;
	position: relative;

}

.top_menu {
	text-align: right;
	font-family: "IBM Plex Sans Arabic", serif;

	border-radius: 10px;
	height: 44px;
	font-size: 11pt;
	line-height: 44px;
	background: rgb(31, 145, 139);
	background: linear-gradient(188deg, rgb(78 187 193) 0%, rgb(54 140 132) 100%);
	color: #fff;
}

.top_menu .item {
	text-decoration: none;
	color: #fff;
	margin-left: 20px;
	text-shadow: 0px 1px 2px #4e8877;
	-moz-transition: all .1s ease-in;
	-o-transition: all .1s ease-in;
	-webkit-transition: all .1s ease-in;
	transition: all .1s ease-in;
}
.top_menu .item  img{
	height: 20px;
}

.top_menu .item:hover {
	text-shadow: 0px 0px 9px #063233;
	cursor: pointer;
}

.top_menu .item i {
	font-size: 12pt;
	margin-left: 5px;
}

.top_menu .date {
	background: #1c6763;
	border-radius: 5px;
	float: left;
	height: 28px;
	padding: 0px 10px;
	line-height: 28px;
	margin: 8px;
	font-size: 8pt;
}

.radio_stream{ 
	border-radius: 5px;
	float: left;
	height: 28px; 
	padding: 0px 6px;
	margin: 8px; 
	color: #fff;  
	cursor: pointer;
	height: 28px;
	line-height: 28px;
}
 
.radio_stream b{
	font-weight: normal;
	font-size: 8pt;
	vertical-align: middle;
}
.radio_stream i{
	font-size: 13pt;
}

.blink-bg{ 
	animation: blinkingBackground 1s infinite;
}
@keyframes blinkingBackground{
	0% { background-color: #710c0c;}
	25% { background-color: #670c0c;}
	50% { background-color: #5d0808;}
	75% { background-color: #5a0a0a;}
	100% { background-color: #6b1010;}
}


.top_menu .search {
	float: left;
	font-size: 12pt;
	cursor: pointer;
	color: #fff;
	margin-left: 10px;
}

.top_menu .search i:hover {
	color: #f0efcf;
}


.sub_menu {
	text-align: right;
	font-family: "IBM Plex Sans Arabic", serif;
 
	height: 30px;
	font-size: 10pt;
	line-height: 30px;
	background: #c4d7d8;
	color: #000;
	margin-right: 2%;
	margin-left: 2%;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

.sub_menu .item {
	text-decoration: none;
	color: #000;
	margin-left: 20px; 
	-moz-transition: all .1s ease-in;
	-o-transition: all .1s ease-in;
	-webkit-transition: all .1s ease-in;
	transition: all .1s ease-in;
}

.sub_menu .item:hover {
	color: #1d9096;
	cursor: pointer;
}

.sub_menu .item i {
	font-size: 12pt;
	margin-left: 5px;
}

.dropbtn {
	margin-right: 0px;
}

.dropdown {
	position: relative;
	display: inline-block;
	margin: 0px;
	padding: 0px;
}

.dropdown-content {
	display: none;
	position: absolute;
	min-width: 155px;
	right: 0;
	z-index: 1;
	background: #fff;
	box-shadow: 0px 4px 15px 0px #2782829e;
	background: rgb(31, 145, 139);
	background: linear-gradient(188deg, rgb(78 187 193) 0%, rgb(54 140 132) 100%);
}
 

.dropdown-content a:last-child {
	border-bottom: 0px;
}

.top_menu .dropdown-content a:hover {
	color: #faffaa;
	cursor: pointer;
}

.dropdown:hover .dropdown-content {
	display: block; 
}

.sub_menu .dropdown-content {
	display: none;
	position: absolute;
	min-width: 200px;
	z-index: 1;
	background: #e4f0f1; 
 	box-shadow: 0px 1px 5px -1px #3b8288;
}

.top_menu .dropdown-content a {
	margin-top: 4px;
	line-height: 35px;
	height: 35px; 
	font-size: 9pt;
	cursor: pointer;
	padding: 0px 7px;
	text-decoration: none;
	color: #fff;
	display: block;
	border-bottom: 1px solid #cfe1e2;
	text-shadow: 0px 1px 2px #4e8877;
	-moz-transition: all .1s ease-in;
	-o-transition: all .1s ease-in;
	-webkit-transition: all .1s ease-in;
	transition: all .1s ease-in;
}
.top_menu .ar{ 
	border-radius: 15px;
	background:#1d6763;
	height: 32px;
	line-height: 32px;
	padding: 0px 15px;
}

.top_menu .ar .item{
	margin: 0px;
}

.sub_menu .dropdown-content a { 
	margin-top: 0px;
	line-height: 35px;
	height: 35px; 
	font-size: 9pt;
	padding: 0px 7px;
	text-decoration: none;
	color: #000;
	display: block;
	border-bottom: 1px solid #d4e1e2;
	text-shadow: none; 
	-moz-transition: all .1s ease-in;
	-o-transition: all .1s ease-in;
	-webkit-transition: all .1s ease-in;
	transition: all .1s ease-in;
}

.sub_menu .dropdown-content a:hover {
	background: #f7feff;
	cursor: pointer;
}

.dropdown-content a:last-child {
	border-bottom: 0px;
}
 
.dropdown:hover .dropdown-content {
	display: block; 
}



.rslides img {
	height: 350px;
}

.pagenation{ 
	margin-top: 20px;  
}
.pagenation a , .pagenation strong{
    text-decoration:none;
    display: inline-block; 
    background:#658cb1;  
    border:none; 
    font-size:12pt; 
	width: 25px;
	height: 30px;
	line-height: 30px;
    text-align: center;  
    color:#fff;  
	margin: 2px;
	border-radius: 3px;
}
.pagenation a:hover{
    background:#1d3e5f;  
}
.pagenation strong{
    color:#fff;
    background:#1d3e5f;
}
#finder {
	margin-top: 10px;
	width: 100%;
	height: 350px;
}


#finder #left {
	width: 48%;
	float: left;
	height: 350px;
	background: #fff;
	box-shadow: 0px 5px 5px #e4d8cc;
	border-radius: 15px;
}

#finder #left .items:first-child {
	margin-top: 5px;
}

#finder #left .items {
	display: flex;
	padding: 10px;
	width: 98%;
	height: 86px;
	text-align: right;
	border-bottom: 1px solid #efefef;
}

#finder #left .items img {
	width: 120px;
	height: 65px;
	border-radius: 5px;
	float: right;

}

#finder #left .items div {
	display: block;
	float: right;
}

#finder #left .items div span {
	vertical-align: top;
	display: block;
	color: #000;
	padding-right: 5px;
}

#finder #left .items div b {
	vertical-align: top;
	display: block;
	margin-right: 5px;
	background: #e8daf1;
	margin-top: 5px;
	padding: 2px 10px;
	width: 90px;
	text-align: center;
	font-family: "IBM Plex Sans Arabic", serif;

	font-size: 10pt;
	font-weight: normal;
	border-radius: 5px;
	color:#000;
}

#finder #left .items:last-child {
	border-bottom: 0px;
}

#finder #left .items:hover {
	background: #fcf7ff;
}

#social { 
	width: 280px;  
	float: left;
}

#social a {
	flex: 1;
	display: inline-block; 
	font-size: 10pt;
	padding: 5px;
	text-decoration: none;
	border-radius: 5px;
	color: #fff;
	margin-left: 5px;
	-moz-transition: all .1s ease-in;
	-o-transition: all .1s ease-in;
	-webkit-transition: all .1s ease-in;
	transition: all .1s ease-in;
}

#social a:last-child {
	margin-left: 0px;
}

#social a i {
	display: block;
	margin: auto auto;
}


#social a:hover {
	transform: scale(1.05, 1.05);
}
 

.social_fb {
	background: #4769b1;
	color: #fff;
}

.social_fb i:hover {
	text-shadow: 0px 0px 15px #092154;
}

.social_tel {
	background: #2a9fd4;
	color: #fff;
}

.social_tel i:hover {
	text-shadow: 0px 0px 15px #145b7b;
}

.social_yt {
	background: #ce1e21;
	color: #fff;
}

.social_yt i:hover {
	text-shadow: 0px 0px 15px #7d1315;
}

.social_snap {
	background: #ffd400;
	color: #fff;
}

.social_snap i:hover {
	text-shadow: 0px 0px 15px #756203;
}

.social_twi {
	background: #2aa4f1;
	color: #fff;
}

.social_twi i:hover {
	text-shadow: 0px 0px 15px #1a608c;
}

.social_ins {
	background: #d50165;
	color: #fff;
}

.social_ins i:hover {
	text-shadow: 0px 0px 15px #6d0c3a;
}

.social_fb {
	background: #4769b1;
	color: #fff;
}

.social_fb i:hover {
	text-shadow: 0px 0px 15px #092154;
}

.social_em {
	background: #36a757;
	color: #fff;
}

.social_em i:hover {
	text-shadow: 0px 0px 15px #0a4c1d;
}
.social_ios {
	background: #616161;
	color: #fff;
}

.social_ios i:hover {
	text-shadow: 0px 0px 15px #616161;
}
.social_and {
	background: #68a02a;
	color: #fff;
}

.social_and i:hover {
	text-shadow: 0px 0px 15px #68a02a;
}

#finder #right {
	width: 50%;
	background: #fff;
	float: right;
	height: 350px;
	box-shadow: 0px 5px 5px #e4d8cc;

	border-radius: 15px;

}

#tafsir { 
	margin-top: 10px;
	display: block;
	border-radius: 10px;
	box-shadow: 0px 2px 5px #c1ae9a;
	padding: 10px;
	min-height: 290px;
	background: #f2fff3 url(img/bg_tab.jpg);
	padding-bottom: 70px;
}


#tafsir .left {
	float: left;
	width: 200px;
	text-align: center;
	margin-right: 10px;
}

#tafsir .quran {
	text-align: right;
	font-family: 'me_quran';
	font-size: 17pt;
	margin-top: 30px;
	margin-bottom: 30px;
}

#tafsir .tafsir {
	text-align: justify;
	font-size: 14pt;
}

#tafsir .img_book {
	width: 180px;
	margin: 10px;
}

#tafsir .icons {
	text-align: center;

}

#tafsir .icons a {
	display: none;
	height: 30px;
	line-height: 30px;
	border-radius: 5px;
	border: 1px solid #3b6998;
	width: 90px; 
	text-decoration: none;
	font-size: 10pt;
	margin: 4px;
	background: #3b6998;
	color: #fff; 
	background: url(img/b4.jpg);
	background-size: cover;
	text-shadow: 0px 3px 10px #686d9e;
	transition: all 0.1s ease-in-out;
	
	
}

#tafsir .icons a:hover {
	background: url(img/b9.jpg); 
	background-position: top;
	background-size: cover;
}

#tafsir .icons a i {
	margin-left: 5px;
	vertical-align: middle;
	font-size: 12pt;
}


#tafsir .info {  
	display: block;
	margin-top: 20px;  
	border-radius: 5px;
	font-weight: bold;
	font-size: 10pt; 
	font-family: "IBM Plex Sans Arabic", serif;

}

#tafsir .info b {
	width: 50px;
	display: inline-block;
	border-right: 1px solid #4e77a2;
	background: #4e77a2;
	padding: 5px;
	color: #fff;
}

#tafsir .info strong {
	width: 140px;
	font-weight: normal;
	display: inline-block;
	border-left: 1px solid #d0e7ff;
	padding: 5px;
}

#tafsir .info strong a {
	text-decoration: none;
	color: #000;
}

#tafsir .info span {
	display: inline-block;
	background: #d0e7ff;
	width: 120px;
	padding: 5px;
}

#projects {
	margin-top: 10px;
	width: 100%;
	display: flex;
}

#projects a {
	flex: 1;
	margin-left: 50px;
	text-decoration: none;
	font-family: "IBM Plex Sans Arabic", serif;

	color: #fff;
	font-size: 18px;
	text-shadow: 0px 1px 5px #000c03;
	height: 65px;
	line-height: 65px;
	-moz-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in;
	-webkit-border-radius: 5px;
	-webkit-border-top-right-radius: 25px;
	-webkit-border-bottom-left-radius: 25px;
	-moz-border-radius: 5px;
	-moz-border-radius-topright: 25px;
	-moz-border-radius-bottomleft: 25px;
	border-radius: 5px;
	border-top-right-radius: 25px;
	border-bottom-left-radius: 25px;
	background: url('img/b4.jpg');
	background-position: center;
	background-size: cover;
}

.desktop_v{
		display: block;
		
	}
.mobile_v{
		display: none;
	}

#projects a:last-child {
	margin-left: 0px;
}

#projects a:hover {
	background: url('img/b9.jpg');
	background-position: top;
	background-size: cover;
}

#coverflow {
	margin-top: 10px;
	box-shadow: 0px 5px 5px #e4d8cc;
	border-radius: 15px;
	background: #f2fff3 url(img/bg_tab.jpg);
}

#coverflow .main_title {

	font-family: "IBM Plex Sans Arabic", serif;

	font-size: 11pt;
	text-align: right;
	padding: 15px;
	padding-left: 100px;
	display: inline-block;
	color: #fff;
	font-weight: bold;
	float: right; 
	background: url('img/bj5.jpg');	margin-bottom: 20px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	border-top-right-radius: 15px; 
	background-size: cover;  
	padding-bottom: 10px;
	padding-top: 10px;

}
#coverflow .main_title a{
	text-decoration: none;
	color:#fff;
}

#gallerys{
	
}

#fatwa {
	margin-top: 10px;
}

#fatwa #left {
	float: left;
	width: 25%;
}

#fatwa #left .lists {
	font-family: "IBM Plex Sans Arabic", serif;

	background: #f2fff3 url(img/bg0.jpg);
	border: 1px solid #d2cfe2;
	background-size: cover;
	width: 90%;
	margin-right: 10%;
	padding: 15px;
	box-shadow: 0px 6px 5px -3px #537b565c;
	border-radius: 10px;
}

#fatwa #left .lists .title {
	font-size: 13pt;
	margin-bottom: 5px;
	font-weight: bold;
	color: #433c67;
}

#fatwa #left .lists a {
	text-align: right;
	display: block;
	text-decoration: none;
	font-weight: bold;
	color: #433c67;
	font-size: 11pt;
	margin: 18px 5px;
	-moz-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	-webkit-transition: all .2s ease-in;
	transition: all .2s ease-in;
}

#fatwa #left .lists a:hover {
	margin-right: 10px;
}

#fatwa #left .lists a i {
	color: #433c67;
	margin-left: 8px;
	font-size: 13pt;
	vertical-align: sub;
}

#fatwa #right {
	float: right;
	width: 75%;
}

#fatwa #items {
	vertical-align: top;
	font-family: "IBM Plex Sans Arabic", serif;

	display: inline-block;
	width: 45%;
	margin-left: 4%;
}

#fatwa #items:first-child {

	margin-left: 5%;
}

#fatwa #items .main_title {
	border-right: 5px solid #181048;
	font-size: 12pt;
	text-align: right;
	padding: 5px 15px;
	color: #181048;
	margin-bottom: 10px;
	font-weight: bold;
}



#fatwa #items .item {

	background: #f2fff3 url(img/bg_tab.jpg);
	border-radius: 10px;
	border: 1px solid #cfced8;
}

#fatwa #items a {
	text-decoration: none;
	color: #000;
}


#fatwa #items .item img {
	display: block;
	width: 100%;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom: 3px solid #ecab68;
	height: 220px;
}

#fatwa #items .item span {
	height: 70px;
	display: block;
	padding: 5px;
	text-align: right;
	line-height: 28px;
}


#news,
#news2 {
	font-family: "IBM Plex Sans Arabic", serif;

	margin-top: 10px;
	box-shadow: 0px 5px 5px #e4d8cc;
	border-radius: 15px;
	
	background: #f2fff3 url(img/bg_tab.jpg);
}

#news .newss,
#news2 .newss {

	display: flex;
	justify-content: space-between;
}

.main_more{

	margin-top: 10px;
	float: left;
 	font-weight: bold;
	padding: 3px 10px;
	color:#004634;
	font-size: 11pt;  
	text-decoration: none;
	border: 2px solid #0d7514; 
	-moz-transition: all .1s ease-in;
	-o-transition: all .1s ease-in;
	-webkit-transition: all .1s ease-in;
	transition: all .1s ease-in;
}


.main_more:hover {
	text-decoration: none;
	background: #0d7514;
	color: #fff;
}



#news .more,#news2 .more {
	margin-top: 10px;
	float: left;
 	font-weight: bold;
	text-decoration: none;
	padding: 3px 10px;
	font-size: 11pt;  
	border: 2px solid #c343a8; 
	-moz-transition: all .1s ease-in;
	-o-transition: all .1s ease-in;
	-webkit-transition: all .1s ease-in;
	transition: all .1s ease-in;
}

#news .more {
	color: #c343a8;
}
#news .more:hover {
	background: #c343a8;
	color: #fff;
}

#news2 .more {
	border: 2px solid #e0773a; 

	color: #e0773a;
}
#news .more:hover {
	background: #c343a8;
	color: #fff;
}
#news2 .more:hover {
	background: #e0773a;
	color: #fff;
}

#news .main_title {
	font-family: "IBM Plex Sans Arabic", serif;

	font-size: 11pt;
	text-align: right;
	padding: 15px;
	padding-left: 100px;
	display: inline-block;
	color: #fff;
	font-weight: bold;
	float: right; 
	background: url('img/bj3.jpg');	margin-bottom: 20px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	border-top-right-radius: 15px; 
	background-size: cover;  
	padding-bottom: 10px;
	padding-top: 10px;
}

#news .main_title i,
#news2 .main_title i {
	font-size: 17pt;
}

#news2 .main_title {
	font-family: "IBM Plex Sans Arabic", serif;

	font-size: 11pt;
	text-align: right;
	padding: 15px;
	padding-left: 100px;
	display: inline-block;
	color: #fff;
	font-weight: bold;
	float: right; 
	background: url('img/bj4.jpg');	margin-bottom: 20px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	border-top-right-radius: 15px; 
	background-size: cover;  
	padding-bottom: 10px;
	padding-top: 10px;
}


#news .item,
#news2 .item {
	vertical-align: top;
	width: 23%;
	margin-left: 10px;
	margin-right: 10px;
	display: inline-block;
	text-decoration: none;
	color: black;

	-moz-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	-webkit-transition: all .2s ease-in;
	transition: all .2s ease-in;
}

#news .item:hover,
#news2 .item:hover {
	transform: scale(1.02, 1.02);
}

#news .item img,
#news2 .item img {
	display: block;
	width: 100%;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}



#news .item img {
	border-bottom: 3px solid #e165c6;
}

#news2 .item img {
	border-bottom: 3px solid #e0773a;
}


#news .item span,
#news2 .item span {
	height: 80px;
	display: block;
	padding: 5px;
	font-size: 11pt;
	text-align: right;
	line-height: 28px;
}
#tools{
	background: #e9f3f1;
	width: 53px;
	border-radius: 10px;
	float: left;
	padding: 5px 0px;
	line-height: 0px;
}
#tools div{
	display: inline;
	margin: 0px 5px;
	color: #003c2f;
	font-size: 12pt;
	cursor: pointer;
}

#raman {
	display: block;
	margin-top: 40px;
}



#raman #right {
	width: 20%;
	float: right;
}

#raman #right .img {
	width: 100%;

}

#raman #right a {
	text-decoration: none;
	color: #000;
	margin: 2%;
	width: 45%;
	display: inline-block;
	text-align: center;
	padding: 10px;
	font-size: 10pt;
	font-family: "IBM Plex Sans Arabic", serif;

	background: #fff;
	box-shadow: 0px 0px 5px #e2c9b0;
}

#raman #right a:nth-child(2) {
	margin-top: 20px;
}

#raman #right a i {
	font-size: 30pt;
	display: block;
}

#raman #right a span {
	margin-top: 10px;
	display: block;
}

#raman #left {
	width: 80%;
	float: left;
}


#raman .main_title {
	font-family: "IBM Plex Sans Arabic", serif;

	border-right: 5px solid #b59073;
	font-size: 12pt;
	text-align: right;
	padding: 5px 15px;
	color: #734e31;
	margin-bottom: 10px;
	font-weight: bold;
}


#books {
	margin-top: 10px;
	box-shadow: 0px 5px 5px #e4d8cc;
	border-radius: 15px;
	background: #f2fff3 url(img/bg_tab.jpg);
}

#books .main_title {
	font-family: "IBM Plex Sans Arabic", serif;

	font-size: 11pt;
	text-align: right;
	padding: 15px;
	padding-left: 100px;
	display: inline-block;
	color: #fff;
	font-weight: bold;
	float: right; 
	background: url('img/bj5.jpg');	margin-bottom: 20px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	border-top-right-radius: 15px; 
	background-size: cover;  
	padding-bottom: 10px;
	padding-top: 10px;
}

#main_layout {
	margin-top: 30px;
}

#main_left {
	vertical-align: top;
	width: 75%;
	display: inline-block;
}

#main_right {
	vertical-align: top;
	width: 22.5%;
	display: inline-block;
	margin-left: 1.5%;
}

#menu_sidbar {}

#menu_sidbar .menu {
	font-family: "IBM Plex Sans Arabic", serif;

	font-size: 14px;
	/*	background: #fff;*/
	display: block;

}

#menu_sidbar .menu a {
	text-decoration: none;
	display: block;
	height: 45px;
	line-height: 45px;
	background: #fff;
	color: #fff;
	margin-bottom: 6px;
	border-radius: 5px;
	background: url(img/b4.jpg);
	background-size: cover;
	text-shadow: 0px 3px 10px #686d9e;
	transition: all 0.1s ease-in-out;
}

#menu_sidbar .menu a:hover {
	background: url(img/b9.jpg);
	background-size: cover;
}

#menu_sidbar .most_view {
	background: #fff;
	margin-top: 40px;
	border-radius: 15px;
	border-top: 5px solid #5185b5;
	border-bottom: 3px solid #5185b5;
	box-shadow: 0px 0px 5px #aebac5;
}

#menu_sidbar .most_view .title {
	background: #dfe9f3;
	font-size: 12pt;
	color: #306090;
	text-align: right;
	padding: 10px 5px;
	font-family: "IBM Plex Sans Arabic", serif;

	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

#menu_sidbar .most_view .title i {
	margin-right: 5px;
	margin-left: 5px;
	font-size: 14pt;
	vertical-align: sub;
}

#menu_sidbar .most_view a {
	text-decoration: none;
	display: block;
	text-align: right;
	color: #194873;
	font-size: 12pt;
	border-bottom: 1px solid #eaeef3;
	line-height: 25px;
	padding: 10px 5px;
	transition: all 0.2s ease-in-out;
}


#menu_sidbar .most_view a:last-child {
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom: none;
}

#menu_sidbar .most_view a:hover {
	background: #edf1f9;
}

#menu_sidbar .right_reklam {
	width: 100%;
	margin-top: 40px;
	border-radius: 10px;
	box-shadow: 0px 0px 5px #aebac5;
}

#menu_sidbar .right_raman {
	background: #fff;
	padding-bottom: 20px;
	margin-top: 40px;
	border-radius: 10px;
	box-shadow: 0px 0px 5px #dec6ad;
}

#menu_sidbar .right_raman img {
	width: 80%;
	margin: 10%;
}

#menu_sidbar .right_raman .icons {
	display: block;
}

#menu_sidbar .right_raman .icons a {
	font-weight: normal;
	text-decoration: none;
	display: inline-block;
	width: 40%;
	margin: 2%;
	padding: 5px;
	border-radius: 5px;
	text-align: right;
	border: 1px solid #c7af97;
	color: #805c38;
}

#menu_sidbar .right_raman .icons a i {
	margin-right: 5px;
	margin-left: 5px;
	vertical-align: middle;
}



#article_content {
	background: #fff;
	font-size: 14pt;
	padding: 10px;
	line-height: 34px;
	box-shadow: 0px 2px 5px #c1ae9a;
	text-align: justify;
}

#article_content .title {
	font-size: 18pt;
	text-align: right;
	margin-top: 20px;
	font-weight: bold;
}

#article_content img {
	float: left;
	width: 400px;
	margin-left: 20px;
	margin-top: 20px;
    padding: 6px;
    border: 1px solid #e4d7ca;
    border-radius: 10px;
	background: #fff;
}
#article_content .body{
	padding: 10px;
}
.counter{
	display: inline-block;
	font-size: 12pt;
}
.counter strong{
	background: #faf1e8;
	font-weight: normal;
	border-radius: 5px; 
	margin-right: 20px;
}
.counter strong b{
	font-weight: normal;
	padding: 0px 10px;
	border-radius: 5px; 
	background: #f1dfcd;
}
.counter strong span{ 
	padding: 0px 10px;
	/* vertical-align: text-top; */
}

#search{
	margin: 10px;
}
#search .select{
	width: 190px;
}
#search .text {
}

#reklam{
	margin-top: 10px; 
}
#reklam img{
	width: 48.3%;
	border-radius: 4px;
	cursor: pointer;
}

#reklam img:last-child{
	margin-right: 3%;
}
#cat_content {
	background: #fff;
	font-size: 14pt;
	padding: 10px;
	line-height: 30px;
	box-shadow: 0px 2px 5px #c1ae9a;
	text-align: right;

}

#cat_content .title {
	font-size: 18pt;
	text-align: right;
	margin-top: 20px;
	font-weight: bold;
}

#tafsir_header{ 
	width: 100%;
	text-align: center;
	display: block;
}

.tafsir_tools{ 
	max-width: 900px;
	min-width: 600px;
	padding: 10px 0px; 
	font-size: 13pt;
	display: flex; 
    margin: 0px auto;
}
#article_block{

	margin-top: 30px;
	width: 98%;
	padding: 1%;
	background: #fff; 
	box-shadow: 0px 0px 9px #ccc;
	display: flex;
	height:auto;
}
.tafsir_tools label{ 
	flex: 1;
	display: inline-block;
}

.tafsir_tools label .tit{ 
	display: inline-block;
	font-size: 13pt;
}
.tafsir_tools label select{
	border-radius: 2px;
	border: none;
	font-size: 10pt;
	border:1px solid #ccc; 
}

.sticky {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	width: 100%;
	background: #fff;
	box-shadow: 0px 1px 5px -4px #000;
}


#cat_content .cat_main:nth-child(2) {
	margin-top: 20px;
}

#cat_content .cat_main:last-child {
	border-bottom: 0px;
}

#cat_content .cat_main {
	display: block;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	padding: 10px;
	font-size: 13pt;
	border-bottom: 1px solid #d8d9d9;
	margin-bottom: 2px;
}

#cat_content .cat_main i {
	vertical-align: middle;
	margin-left: 5px;
}

#cat_content .cat_item:nth-child(2) {
	margin-top: 20px;
}

#cat_content .cat_item:last-child {
	border-bottom: 0px;
}

#cat_content .cat_item {
	display: block;
	color: #000;
	text-decoration: none;
	padding: 5px;
	font-size: 13pt;
	border-bottom: 1px solid #e7eceb;
	margin-bottom: 2px;
}

#cat_content .cat_item i {
	vertical-align: middle;
	margin-left: 5px;
}

#cat_content .cat_item_img{
	width: 29%;
	margin: 2%;
	vertical-align: top;
	display: inline-block;
}

#cat_content .cat_item_img img{
	width: 100%;
	transition: all 0.2s ease-in-out;
	height: 175px;
}
#cat_content .cat_item_img span{
    display: block;
    color: #000;
    font-size: 12pt;
    line-height: 23px;
    margin-top: 9px;
}

#cat_content .cat_item_img:hover , #cat_content .cat_item_img:hover span{
	color: #265565; 
	text-decoration: none;
}
#cat_content .cat_item_img:hover img{
	
	transform: scale(1.03, 1.03);
}

#other_content {
	background: #fff;
	font-size: 14pt;
	padding: 10px;
	line-height: 30px;
	box-shadow: 0px 2px 5px #c1ae9a;

}

#other_content .title {
	font-size: 18pt;
	text-align: right;
	margin-top: 20px;
	font-weight: bold;
	margin-bottom: 15px;
	display: block;
}

#other_content .body {
	text-align: right;

}




#audio_content {
	background: #fff;
	font-size: 14pt;
	padding: 10px;
	line-height: 30px;
	box-shadow: 0px 2px 5px #c1ae9a;
	text-align: right;

}

#audio_content .title {
	font-size: 18pt;
	text-align: right;
	margin-top: 20px;
	font-weight: bold;
}

#players {
	background: #edf0f3;
	width: 96%;
	margin: 0px 2%;
	margin-top: 30px;
	margin-bottom: 50px;
}

#players .rows:last-child {
	border-bottom: 0px;
}

#players .rows {
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #cdcfd2;
}

#players .rows span strong {
	font-weight: normal;
	font-size: 12pt;
}

#players .rows span {
	display: inline-block;
	margin-right: 10px;
}

#players .rows .download {
	float: left;
	margin-left: 10px;
	font-size: 23pt;
	line-height: 30px;
	height: 30px;
	margin-top: 11px;

}

#players .rows span:last-child {
	float: left;
	margin-left: 10px;
	font-size: 10pt;
}

#book_content {
	background: #fff;
	font-size: 14pt;
	padding: 10px;
	line-height: 30px;
	box-shadow: 0px 2px 5px #c1ae9a;

}

#book_content .title {
	font-size: 17pt;
	text-align: right;
	margin-top: 20px;
	margin-bottom: 20px;
	font-weight: bold;
}

#book_content .download {
	text-decoration: none;
	margin: 30px 20px;
	display: inline-block;
	background: url(img/bg_menu4.jpg);
	background-size: cover;
	color: #fff;
	border-radius: 5px;
	padding: 10px 20px;
	transition: all 0.2s ease-in-out;
}

#book_content .view {
	text-decoration: none;
	margin: 30px 20px;
	display: inline-block;
	background: url(img/bg_menu5.jpg);
	background-size: cover;
	color: #fff;
	border-radius: 5px;
	padding: 10px 20px;
	transition: all 0.2s ease-in-out;
	cursor: pointer;
}

#book_content .download:hover,
#book_content .view:hover {
	transform: scale(1.05, 1.05);
}

.img {
	width: 400px;
	margin-right: 10px;
	margin-left: 20px;
	float: left;
	margin-bottom: 20px;
}


#book_content .book_item {
	display: inline-block;
	width: 29%;
	margin: 2%;
	vertical-align: top;
}

#book_content .book_item img {
	box-shadow: 0px 4px 3px #a5a5a5;
	width: 100%;
	border-radius: 5px; 
}
 

#footer {
	border-top: 3px solid #b99b48;
	background:url(img/footer.jpg);
	width: 100%;
	color: #fff;
	text-align: right;
	min-height: 120px;
	font-family: "IBM Plex Sans Arabic", serif;

	display: block; 
}

#footer #layout {
	display: flex;
}

#footer .blocks { 
	width: 15%;
	flex: 1;
	text-align: right;
	vertical-align: top;
	display: inline-block;
	padding-top: 20px;
}

#footer .blocks .a {
	color: #fff;
	display: block;
	margin: 4px;
	text-decoration: none; 
	border-radius: 5px;
	padding: 2px 10px;
	font-size: 10pt;
	-moz-transition: all .1s ease-in;
	-o-transition: all .1s ease-in;
	-webkit-transition: all .1s ease-in;
	transition: all .1s ease-in;
}

#footer .footer_img {
	vertical-align: middle;
 	margin-right: 0px;
	display: block; 
}

#footer .footer_img img {
	height: 50px;
}

#footer .footer_p { 
    font-size: 9pt;
    margin-top: 10px;
	line-height: 22px;
}

#footer .blocks .a i {
	font-size: 8pt;
	margin-left: 3px;
	color: #617d44;
}

#footer .blocks .a:hover > i {
	color: #fffaba
}

#footer .blocks .a:hover {
	color: #fff; 
}

#footer .bottom {
	margin-top: 20px;
	flex: 0;
	display: block;
	width: 100%;
	line-height: 33px;
    font-size: 11pt;
	height: 75px;
	background: #061902;
}

.st_block{
	
}
.st_block .aa{
	color: #fff;
	display: table;
	margin: 6px;
	text-decoration: none;
	background: #13310c;
	border-radius: 5px;
	padding: 4px 10px;
	font-size: 12pt;
	-moz-transition: all .1s ease-in;
	-o-transition: all .1s ease-in;
	-webkit-transition: all .1s ease-in;
	transition: all .1s ease-in;
}

.st_block .aa b {
	font-family: 'Noto Naskh Arabic UI', serif;
	font-size: 14pt;
	margin-left: 5px;
	color: #cfffa4;
	vertical-align: sub;
}

.owl-carousel {}

.owl-carousel .item {
	border-radius: 5px;
	margin: 1%;
	transition: all 0.3s ease-in-out;
}

/*
.owl-carousel .item:hover{
	border: 1px solid #cc9e6e; 
	box-shadow: 0px 0px 5px #e17f18;
}
*/


#tabs,
#tabs2,
#tabs3,
#tabs4 {
	margin-top: 10px;
	background: #f2fff3 url(img/bg_tab.jpg);
	box-shadow: 0px 5px 5px #e4d8cc;
	border-radius: 15px;
	padding-bottom: 20px;
}


ul {
	list-style: none;
}



.tabs-container {
	display: block;
	max-width: 100%;
}

.tabs,
.tabs2,
.tabs3,
.tabs4 {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 0px;
	padding: 1%;

}

.tabs li,
.tabs2 li,
.tabs3 li,
.tabs4 li{
	flex: 1 auto;
}
.tabs li a,
.tabs2 li a,
.tabs3 li a,
.tabs4 li a {
	font-weight: bold;
	text-decoration: none;
	color: #000;
	font-family: "IBM Plex Sans Arabic", serif;

	display: block;
	font-size: 11pt;
	position: relative;
	height: 40px;
	line-height: 40px;
	background: #fff;
	padding: 0px 10px;
	margin-left: 5px;
	transition: all 0.1s ease-in-out;
	border-radius: 5px;

}

#tabs .main_title {
	font-family: "IBM Plex Sans Arabic", serif;

	font-size: 11pt;
	text-align: right;
	padding: 15px;
	padding-left: 100px;
	display: inline-block;
	color: #fff;
	font-weight: bold;
	float: right; 
	background: url('img/bj1.jpg');
 	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	border-top-right-radius: 15px; 
	background-size: cover; 
}

#tabs2 .main_title {
	font-family: "IBM Plex Sans Arabic", serif;

	font-size: 11pt;
	text-align: right;
	padding: 15px;
	padding-left: 100px;
	display: inline-block;
	color: #fff;
	font-weight: bold;
	float: right; 
	background: url('img/bj2.jpg');	 
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	border-top-right-radius: 15px; 
	background-size: cover; 
}

#tabs3 .main_title {
	font-family: "IBM Plex Sans Arabic", serif;

	font-size: 11pt;
	text-align: right;
	padding: 15px;
	padding-left: 100px;
	display: inline-block;
	color: #fff;
	font-weight: bold;
	float: right; 
	background: url('img/bj3.jpg'); 
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	border-top-right-radius: 15px; 
	background-size: cover; 
}

#tabs4 .main_title {
	font-family: "IBM Plex Sans Arabic", serif;

	font-size: 11pt;
	text-align: right;
	padding: 15px;
	padding-left: 100px;
	display: inline-block;
	color: #125a12;
	font-weight: bold;
	float: right;
	background: linear-gradient(270deg, rgb(138 224 136 / 1) 0%, rgba(253, 208, 31, 0) 100%);
	  
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	border-top-right-radius: 15px;
}

#tabs .main_title img{
	width: 25px;

}
 

.main_title a{
	text-decoration: none;
	color:#fff
}
.main_title:hover{
	text-decoration: none;
}

.main_title i{
	margin-left: 10px;
}

.search_form{ 
	float: left;
	margin-left: 10px; 
	display: inline;
}
.search_form .search_text{
	border: 1px solid #4780d6; 
	border-radius: 10px;
	font-family: 'Noto Naskh Arabic UI', serif;
	padding: 2px 10px;
	width: 160px; 
	font-size: 11pt;
	vertical-align: middle;
 
}
.search_form .search_btn{
 	vertical-align: middle; 
	margin-right: 5px;
}

.main_title i{
	font-size: 17pt;
	vertical-align: middle;
}

.tabs li a { 
	border: 1px solid #d9e4e0;
}

.tabs2 li a {
	border: 1px solid #d9e4e0;
}

.tabs3 li a {
	border: 1px solid #d9e4e0;
}

.tabs4 li a {
	border: 1px solid #d9e4e0;
}

.tabs li.active a,
.tabs li a:hover { 
/*	background: #1d976c; /* fallback for old browsers 
  background: -webkit-linear-gradient(to right, #1d976c, #5cce86); /* Chrome 10-25, Safari 5.1-6  
  background: linear-gradient(to right, #1d976c, #5cce86); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+  
	*/
	color:#fff;
	background: url('img/bb1.jpg');
	text-shadow: 0px 0px 3px #106b49;
	top: 0;
}

.tabs2 li.active a,
.tabs2 li a:hover {
	color:#fff;
	background: url('img/bb2.jpg');
	text-shadow: 0px 0px 3px #106b49;
	top: 0;
}

.tabs3 li.active a,
.tabs3 li a:hover {
	color:#fff;
	background: url('img/bb3.jpg');
	text-shadow: 0px 0px 3px #106b49;
	top: 0;
}

.tabs4 li.active a,
.tabs4 li a:hover {
	background: #b9edb8;
	top: 0;
}


.tabs-content,
.tabs-content2,
.tabs-content3,
.tabs-content4 { 
	text-align: right;
	position: relative;
	z-index: 2;
	padding:0px 5px;
	border-radius: 0 4px 4px 4px; 
	height: auto;
}


.tabs-content,
.tabs-content2,
.tabs-content3{ 
	height: auto;
}

.tabs-content .a,
.tabs-content2 .a,
.tabs-content3 .a,
.tabs-content4 .a {
	text-decoration: none;
	color: #000;
	display: inline-block;
	width: 46%;
	margin: 0.5% 1%;
	font-size: 12pt; 
}


.tabs-content .aa,
.tabs-content2 .aa,
.tabs-content3 .aa,
.tabs-content4 .aa {
	text-decoration: none;
	color: #000;
	display: inline-block;
	width: 19.7%;
	font-size: 12pt;
	vertical-align: top;
	border-left: 1px solid #f5f5f5;
	padding: 10px;
}

.tabs-content4 .aa {

	width: 13.9%;
}

.tabs-content4 .aa:last-child {
	border-left: 0px;
}

.tabs-content .aa img,
.tabs-content2 .aa img,
.tabs-content3 .aa img,
.tabs-content4 .aa img {
	border-radius: 10px;
	width: 100%;
	transition: all 0.1s ease-in-out;
}

.tabs-content .aa img:hover,
.tabs-content2 .aa img:hover,
.tabs-content3 .aa img:hover,
.tabs-content4 .aa img:hover {
	transform: scale(1.05, 1.05);
}

.tabs-content .aa b,
.tabs-content2 .aa b,
.tabs-content3 .aa b,
.tabs-content4 .aa b {
	font-weight: normal;
	margin-top: 15px;
	display: block;
}


.tabs-content .aa b i,
.tabs-content2 .aa b i,
.tabs-content3 .aa b i,
.tabs-content4 .aa b i {
	margin-left: 5px;
	display: none;
}
 


.tabs-content .a i{
	font-size: 12pt;
	vertical-align: middle;
	color:#26a06f;
}


.tabs-content2 .a i{
	font-size: 12pt;
	vertical-align: middle;
	color:#3b3b7f;
} 

.tabs-content3 .a i{
	font-size: 12pt;
	vertical-align: middle;
	color:#a1224f;
} 

.tabs-content4 .a i{
	font-size: 12pt;
	vertical-align: middle;
	color:#26a06f;
} 

.tabs-content .more{
	display: block;
	float: left;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	font-family: "IBM Plex Sans Arabic", serif;

	padding: 7px 10px;
	background: #279f6f;
	font-size: 11pt;
	width: 150px;
	padding: 10px;
	font-weight: bold;
	margin: auto;
	-moz-transition: all .1s ease-in;
	-o-transition: all .1s ease-in;
	-webkit-transition: all .1s ease-in;
	transition: all .1s ease-in;
	margin-top: 20px;
}

.tabs-content2 .more{
	display: block;
	float: left;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	font-family: "IBM Plex Sans Arabic", serif;

	padding: 7px 10px;
	background: #3b3b7f;
	font-size: 11pt;
	width: 150px;
	padding: 10px;
	font-weight: bold;
	margin: auto;
	-moz-transition: all .1s ease-in;
	-o-transition: all .1s ease-in;
	-webkit-transition: all .1s ease-in;
	transition: all .1s ease-in;
	margin-top: 20px;
}


.tabs-content3 .more{
	display: block;
	float: left;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	font-family: "IBM Plex Sans Arabic", serif;

	padding: 7px 10px;
	background: #9d204d;
	font-size: 11pt;
	width: 150px;
	padding: 10px;
	font-weight: bold;
	margin: auto;
	-moz-transition: all .1s ease-in;
	-o-transition: all .1s ease-in;
	-webkit-transition: all .1s ease-in;
	transition: all .1s ease-in;
	margin-top: 20px;
}

.tabs-content4 .more{
	display: block;
	float: left;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	font-family: "IBM Plex Sans Arabic", serif;

	padding: 7px 10px;
	background: #279f6f;
	font-size: 11pt;
	width: 150px;
	padding: 10px;
	font-weight: bold;
	margin: auto;
	-moz-transition: all .1s ease-in;
	-o-transition: all .1s ease-in;
	-webkit-transition: all .1s ease-in;
	transition: all .1s ease-in;
	margin-top: 20px;
}

.tabs-content .more:hover,
.tabs-content2 .more:hover,
.tabs-content3 .more:hover,
.tabs-content4 .more:hover {
	background: #177750;
}
.tabs-panel,
.tabs-panel2,
.tabs-panel3,
.tabs-panel4 {
	display: none;
}

.tabs-panel.active,
.tabs-panel2.active,
.tabs-panel3.active,
.tabs-panel4.active {
	display: block;
}

.tabs-panel p + div,
.tabs-panel2 p + div,
.tabs-panel3 p + div,
.tabs-panel4 p + div {
	margin-top: 15px;
}


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


	.tabs,
	.tabs2,
	.tabs3 { 
		padding-right: 0px;
	}

	.tabs li,
	.tabs2 li,
	.tabs3 li {
		flex: auto;
	}

	.tabs li:not(:last-child),
	.tabs2 li:not(:last-child),
	.tabs3 li:not(:last-child),
	.tabs4 li:not(:last-child) {
		margin-right: 0;
	}

	.tabs li a,
	.tabs2 li a,
	.tabs3 li a,
	.tabs4 li a {
		border-radius: 0;
		opacity: 1;
		top: 0;
		border-radius: 10px;
		margin: 3px;
		font-size: 8pt;
	}

	.tabs li.active a::before,
	.tabs2 li.active a::before,
	.tabs3 li.active a::before,
	.tabs4 li.active a::before {
		/*		content: "•";*/
		padding-right: 5px;
	}

	.tabs-content,
	.tabs-content2,
	.tabs-content3,
	.tabs-content4 {
		border-radius: 0;
		height: auto;
		padding-bottom: 0px;
	}

	.tabs-content .aa,
	.tabs-content2 .aa,
	.tabs-content3 .aa,
	.tabs-content4 .aa {
		height: 220px;
		border: 0;
		border: 1px solid #efe8e0;
		text-decoration: none;
		color: #000;
		display: inline-block;
		width: 47%;
		margin: 1%;
		font-size: 10pt;
		background: #fffbf6;
	}

	.tabs-content4 {
		padding: 5px;
	}

	.tabs-content4 .aa:last-child {
		border-left: 1px solid #efe8e0;
	}

	.tabs-content .a,
	.tabs-content2 .a,
	.tabs-content3 .a,
	.tabs-content4 .a {
		text-decoration: none;
		color: #000;
		display: block;
		width: 100%;
		margin: 3% 2%;
		font-size: 11pt;

	}

	.tabs-content .more,
	.tabs-content2 .more,
	.tabs-content3 .more,
	.tabs-content4 .more {
		margin-bottom: 50px;
	}
}

.nav {
position:relative;
display:none;
font-size:14px;
font-weight:900;
background: rgb(31, 145, 139);
background: linear-gradient(188deg, rgb(42 141 139) 0%, rgb(42 141 139) 100%);
color: #fff;
}
.nav-list {
	padding: 0px;
	text-align:right;
	width: 100%; 
	background: linear-gradient(188deg, rgb(42 141 139) 0%, rgb(42 141 139) 100%);
}
.nav-item {
	float:left;
	*display:inline;
	zoom:1;
	position:relative;
	list-style: none;
}
.nav-item a {
	display:block;
	text-decoration: none;
	color:#FFF;
	padding:10px 15px;
	font-weight: normal;
	border-bottom:1px solid #0a3a2d;
}
.nav-item a span{
	vertical-align: middle;
	font-size: 14pt;
}
.nav-item > a:hover {
	
}
.nav-item:hover .nav-submenu {
	display:block;
}
/* Navigation submenu */
.nav-submenu {
	display:none;
	position:absolute;
	left:0;
	list-style: none; 
}
.nav-submenu-item a {
	background:#0d4033;
	text-decoration: none;
	border-bottom:1px solid #0a3a2d;
	display:block;
	padding:10px;
}
.nav-submenu-item a:hover {
	text-decoration: none;
	background:#4b3951;
}
/* Mobile navigation */
.nav-mobile {
	display:none; /* Hide from browsers that don't support media queries */
	cursor:pointer;
	position:absolute;
	top:0;
	left:0;
	background: url(menu/img/nav.svg) no-repeat center center;
	background-size:20px;
	height:30px;
	width:30px;
}
/* Mobile navigation, clickable area for revealing <ul> */
.nav-click {
	position:absolute;
	top:0;
	left:0;
	display:none;
	border-right:1px solid #0a3a2d;
	height:40px;
	width:40px;
	cursor:pointer;
}
.nav-click i {
	display:block;
	height:38px;
	width:38px;
	background:url('menu/img/drop.svg') no-repeat center center;
	background-size:15px;
}
.nav-click:hover {
	background-color:#0d4033;
}
.nav-rotate {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	transform:rotate(180deg);
}

/*------------------------------------*\
    Media Queries
\*------------------------------------*/

@media only screen and (min-width: 320px) and (max-width: 768px) {
	.nav-mobile {
		display:block;
		right: 10px;
		top: 5px;
	}
	.nav {
		display: inline-block;
		width:100%;
		height: 40px;
	
	}
	.nav-list {
		display:none;
	}
	.nav-item {
		width:100%;
		float:none;
	}
	.nav-item > a {
		height: 40px; 
	}
	.nav-click {
		display:block;
	}
	.nav-mobile-open {
		border-radius:5px 5px 0 0;
		-webkit-border-radius:5px 5px 0 0;
		-moz-border-radius:5px 5px 0 0;
	}
	.nav-item:hover .nav-submenu {
		display:none;
	}
	.nav-submenu {
		padding: 0px;
		position:static;
		width:100%;
	}
}