@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400&family=El+Messiri:wght@600;700&family=Tajawal&family=Vazirmatn:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;700&family=El+Messiri:wght@600;700&family=Tajawal&family=Vazirmatn:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@200;400;500;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap');
.mobile-newsfeed-more{display:none !important}
body{
	font-family: 'Noto Kufi Arabic', sans-serif;
	/*font-family: "IBM Plex Sans Arabic", sans-serif;*/
	font-weight:400;
	font-size:22px;
	text-align: right;
	line-height: 1.5;
}
nav.mobile-nav, #MobileNavigation{
    display: none;
}
.siteR{
  overflow:hidden
}
.visitorcounter .small {
    display: none;
}
.article-list>.row>div:nth-child(2n+3) {clear:both}
.itemid-101 section.ContentSite {
}
nav.mobile-nav a {
    color: rgb(28 101 83);
    display: block;
    padding: 5px 10px;
    background: #fff;
    height: 40px;
}
.bw-social-share { 
  /*  display: none;*/
}
.e-mailit_toolbox a {
    padding: 7px !important;
    display: block;
}
div#sp-top1 { 
    color: #fff;
    display: block;
    width: 100%;
}
#sp-section-1{
   background: #f3f4f6;
}
.all-news-title {
    display: none;
}
div#sp-top2 {
    width: 100%;
    display: inline-block;
    float: left;
}

#sp-top-bar .menu>li>a, #sp-top-bar .menu>li>span {
	 color: #fff;
	 font-size: 14px;
	 cursor: pointer;
}
div#sp-top2 li{display:inline-block;margin:0 10px;position: relative;}
div#sp-top2 li.active >a, div#sp-top2 li.current >a, div#sp-top2 li >a:hover{border-bottom: 2px solid #a98b25;color: #a98b25;}

#sp-top2 .sp-module-content>div {
    display: flex;
    align-items: flex-start;
    margin: 0 auto;
}

.lang {
    color: #fff;
    background: url(../images/lang.png) no-repeat center left;
    font-size: 14px;
    padding: 8px 10px 5px 25px;
    display: inline-block;
    float: left;
    margin-top: -3px;
}
#sp-top2 .sp-module {
    float: left;
}

div#sp-top2 .line li {
    display: inline-block;
    padding: 0 10px;
    font-size: 15px;
    font-weight: bold;
}

div#sp-top2 .line li a {
    color: #fff;
}
.siteR ul.menu-child {
    position: absolute;
    right: 0;
    top: 100%;
    background: #fff;
    z-index: 10;
    min-width: 150px;
    max-width: 170px;
    box-shadow: 4px -1px 20px rgb(0 0 0 / 30%);
    padding: 0;
    margin: 0;
    display: none;
}

.siteR ul.menu-child a {
    display: block;
    font-size: 13px;
    text-align: right;
    border: 0 !important;
    padding: 5px 10px;
}

.siteR ul.menu-child >li {
    padding: 0;
    margin: 0 0 1px !important;
    display: block !important;
    float: none;
    border-bottom: 1px solid #ccc;
}

ul.menu-child >li:last-child {
    border: 0;
}

li.menu-parent:hover>ul, li.menu-parent a:hover>ul {
    opacity: 1;
    display: block;
}
div#sp-top2 .line ul {
    margin: 0;
    padding: 0;
}
.container {
	width: 100%;
	margin:0 auto;
}
.social2s_credits.clearfix.small {
    display: none;
}
canvas{
    max-width: 100% !important;
}
body.itemid-101 #sp-main-body{display:none}
#sp-publicite1 .bannergroup > .banneritem:nth-child(2){display:none}
.bannergroup {
    position: relative;
    width: 100%;
    max-width: 1000px;
    margin: 50px auto 30px;
}
#sp-publicite1 .bannergroup{margin:50px auto 0}
#sp-righthome .bannergroup {
    margin: 30px auto !important;
}
@media(min-width:1600px){
	.container {
		width: 1400px;
		max-width: 100% !important;
		}

}
.BlkLogo {
    background: #ffffff;
    /* z-index: 0; */
    padding: 30px 0;
    /* box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.10); */
    position: relative;
}
.BlkLogo:before{
	content:''; 
	position:absolute;
	-webkit-border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
	display: block;*/
}
.BlkLogo .container .row{margin:0 !important;}

#sp-menu{
    position: relative;
}
#sp-menu:before, .logo-vision:before{
    content: '';
    background: #f9f5ec;
    height: 100%;
    width: 3px;
    display: block;
    position: absolute;
    right: -70px;
    top: 9px;
}
.logo-vision:before{right: -40px;}
.newsfeed-content {
    width: 100% !important;
    margin: 0 !important;
    height: 100%!important;
    padding: 0 !important;
}
.newsfeed-container .slimScrollDiv,  .newsfeed-content {
    width: 100% !important;
    margin: 0 !important;
    height: 100%!important;
    padding:20px 0 !important;
    background: #f9f8f0;
    border-radius: 23px;
    direction: rtl;
}
#sp-publicite {
    margin: 35px auto;
    display: block;
    float: none;
    text-align: center;
}
 body.itemid-101  section#sp-slider {
	 /* background: url(../images/slide_bg.png) repeat-x top  center; */
	 clear: both;
	 overflow: hidden;
	 position: relative;
	 height: 640px;
	 z-index: 1;
	 display: block;
}
body.itemid-101  section#sp-slider .container-inner{
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.textBlockslide {
    float: right;
    padding: 0 60px 0 0;
}

.Blkslider .imgSlide img {
    max-height: 624px;
    width: auto !important;
}
.textBlockslide h1{
    padding-top: 180px;
    max-width: 600px;
    color: #2d2d2d;
    font-weight: 400;
    line-height: 1.3;
    margin: 0;
    font-size: 32px;
}
.Bslide2 .textBlockslide h1, .Bslide3  .textBlockslide h1{
    max-width: 100%;
    font-size: 32px;
}
body.itemid-101  #sp-slider{
    background: #f9f5ec;
}
body.itemid-101 section#sp-slider:before{
	 content: url(../images/rightslide.png); 
	position: absolute;
	top: 0;
	right:0
}
body.itemid-101 section#sp-slider:after{
	 content: url(../images/leftslide.png); 
	position: absolute;
	bottom: 0;
	left:0;
	z-index: -1;
}
.banneritem img {
    display: block;
    margin: 0 auto;
}
.newsfeed-top {
    background: transparent !important;
}

div#sp-righthome {
    padding-top: 0;
    float: right;
}
div#sp-righthome .sp-column .sp-module:nth-child(2) {
	/* margin-top: 55px; */
}
.newsfeed-top-text {
	color: #000 !important;
	font-size: 24px !important;
	position: relative;
	line-height: 1.3 !important;
	padding: 0 0 10px 0 !important;
	font-weight: 500 !important;
	font-family: inherit !important;
	text-align: right;
	float: right !important;
}
.newsfeed-item_category{
	font-size: 22px;
	position: relative;
	color: #000 !important;
	font-weight: bold;
	text-decoration: none;
	display: none;
}
.newsfeed-item_line-time:before {
    content: '';
    /* background: #ee1c23; */
    height: 7px;
    width: 5px;
    position: absolute;
    display: block;
    left: -26px;
    top: 7px;
    -webkit-border-bottom-right-radius: 30px;
    -moz-border-radius-bottomright: 30px;
    border-bottom-right-radius: 30px;
}

.b-color_52, .b-color_11{
	 color:#000000 !important; 
}
.b-color_51{
	/*color: #17b013 !important;*/
}

.newsfeed-top-text:before{
	content:'';
	/* background:#e6242a; */
	/* height: 8px; */
	/* width: 20px; */
	/* position:absolute; */
	/* display:block; */
	/* left: 15px; */
	/* bottom: 0; */
}
.newsfeed-top-icon {
	display: none !important;
}
.newsfeed-top-switch {
    float: left !important;
}
.newsfeed-icon-settings{color:#000 !important}

.newsfeed-set, div#newsfeed-preloader, .newsfeed-item {
    background: transparent !important;
}
 #sp-feature .frontpage .big-item-wrap {width: 100%;position: relative;margin-bottom: 30px;}
#sp-feature .frontpage .small-item-list  {width: 100%;}

.frontpage  .small-items-container .small-item-wrap {
    clear: both !important;
    margin: 0  0 20px !important;
    border: 0 !important;
    overflow: hidden;
}
.frontpage .small-items-container .small-item-wrap .small-item-image{
	border: 0 !important;
	float: right !important;
}
.infosmall_art{
	display: block;
	clear: both;
	width: 100%;
	padding: 0;
}
.infosmall_art > div{flex:0 1;}
.frontpage .small-item-wrap .catname{
	margin: 10px 0 0;
	padding-left: 25px;
	display: block;
	position: relative;
	overflow: hidden;
	color: #8a8a8a;
	display: none;
}
.frontpage .small-item-wrap .catname:before, .Toplist .catname:before {
    content: '';
    height: 11px;
    width: 5px;
    position: absolute;
    display: block;
    left: 5px;
    top: 5px;
    -webkit-border-bottom-right-radius: 30px;
    -moz-border-radius-bottomright: 30px;
    border-bottom-right-radius: 30px;
}
 
.newsfeed-item_top {
    color: black;
    font-size: 11px;
    line-height: 1.2 !important;
    text-align: right;
    height: 100%;
    position: relative;
    padding: 0 7px  0 0;
    display: block;
}

.newsfeed-item_info {clear: none !important;position: relative;}

.newsfeed-item_content {
    overflow: hidden;
    position: relative;
    padding-right: 26px;
    padding-left: 15px;
}
.newsfeed-item_info .item-image {
    float: right !important;
    margin: 0 0 10px 10px!important;
    border-radius: 5px;
    overflow: hidden;
}
span.newsfeed-item_line-time { 
    white-space: initial !important;
    background: transparent;
    color: #000;
    height: auto;
    margin: 0 !important;
    display: block;
    position: relative;
    padding: 0;
    font-weight: normal !important;
    font-size: 18px;
}
.newsfeed-item_time-line{
	white-space:initial !important;
	display: block !important;
	padding: 6px 0 0 !important;
	margin: 0 !important;
}
.newsfeed-item_info:before {
    content: '';
    background: #ccc;
    width: 2px !important;
    height: 100% !important;
    right: 0;
    top: 0;
    bottom:0 !important;
    display: block !important;
}

.newsfeed-item_info {
    padding: 0 10px !important;
    display: block;
    width: 100%;
}
span.newsfeed-item_sep {
    display: none !important;
}
a.newsfeed-item_title {
    color: #000;
    font-size: 19px !important;
    text-decoration: none !important;
    direction: rtl;
    line-height: 1.1 !important;
    text-align: right;
}
.newsfeed-item {
    padding: 0 0 4px;
}

.newsfeed-items {
}
.big-item-datetime, .small-item-datetime {
    font-size: 12px !important;
    padding: 16px 16px 0;
    margin: 0 !important;
    display: none;
}
 .frontpage .small-items-container .small-item-wrap .small-item-datetime {
    text-align: right;
    display: none;
}
section#sp-culture .small-item-wrap .small-item-datetime { 
    float: none; 
    width:100%;  
}
.lgxcsa-material-card .md-card .lgxcsa-mfigure{
  background: transparent !important;
  z-index: 0 !important;
}

.big-item-title a, .small-item-title a {
    text-decoration: none !important;  
}
.big-item-title a:hover, .small-item-title a:hover, .big-item-title a:focus, .small-item-title a:focus {
    color: #8e8e8e !important;  
}
.big-item-title a{
    font-size: 23px !important;
    font-weight: 400 !important;
    color: #2d2d2d;
}
.small-item-title a{
    font-size: 18px !important;
    font-weight: 100  !important;
    color: #2c6a4f !important;
}
 

.small-item-datetime {
    padding: 16px 16px 0;font-size:12px
}

.big-item-title, .small-item-title{
	position:relative;
	font-style: normal;
	padding:  0;
	margin: 0 ;
	line-height: 1.2;
	text-align: justify;
	display: block;
}
.big-item-image{
	margin-bottom: 16px !important;
}
 /*************************************/
section#sp-tatbikat {
    background: #f9f5ec url(../images/centerbg.jpg) no-repeat center bottom -3px;
    backdrop-filter: blur(5px);
    padding: 50px 0;
}
div#sp-tatbikat {
    margin: 0 auto;
}

#sp-tatbikat .sj-extraslider .owl-controls {
    position: absolute;
    left: inherit;
    right: 50px;
    bottom: 0;
    z-index: 99;
}
 .right_pc-box {
    margin-top: 65px;
    margin-right: 55px;
    max-width: 380px;
    float: right;
}
#sp-tatbikat h2{
	font-size: 30px;
	color:#ae8650;
	font-weight:400 !important;
	padding: 0;
	margin: 0 0 20px;
}
.infopc {
    position: absolute;
    left: 0;
    top: 71px;
}

.pc-box {
    position: relative;
    max-width: 700px;
    margin: 0 auto;
}

.titlepc {
    color: #2d7454;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    width: 260px;
    /* text-shadow: rgb(255, 255, 255) 2px 0px 0px, rgb(255, 255, 255) 1.75517px 0.958851px 0px, rgb(255, 255, 255) 1.0806px 1.68294px 0px, rgb(255, 255, 255) 0.141474px 1.99499px 0px, rgb(255, 255, 255) -0.832294px 1.81859px 0px, rgb(255, 255, 255) -1.60229px 1.19694px 0px, rgb(255, 255, 255) -1.97998px 0.28224px 0px, rgb(255, 255, 255) -1.87291px -0.701566px 0px, rgb(255, 255, 255) -1.30729px -1.5136px 0px, rgb(255, 255, 255) -0.421592px -1.95506px 0px, rgb(255, 255, 255) 0.567324px -1.91785px 0px, rgb(255, 255, 255) 1.41734px -1.41108px 0px, rgb(255, 255, 255) 1.92034px -0.558831px 0px; */
}

a.linkpc {
    border-radius: 36px;
    background: #2d7454;
    box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.25);
    color: #fff;
    padding: 6px 45px 10px;
    display: block;
    clear: both;
    margin: 20px 0;
    width: max-content;
    float: right;
    font-size: 22px;
    font-weight: 100;
}

.pc-box-desc {
    color: #2d2d2d;
    font-weight: 400 !important;
    line-height: 1.2;
    font-size: 25px;
}

.custom h2, .pc-box-heading {
    font-size: 40px;
    color: #fff;
    font-style: normal;
    font-weight: 700 !important;
    line-height: 50px;
    margin: 20px 0 20px;
}

.pc-box-heading, #sp-khadamat h2 {color:#000}
 /*************************************/
section#sp-blkmessages {
	backdrop-filter: blur(5px);
	padding: 75px 0 30px;
	position:relative;
	background: url(../images/bg_message.jpg) repeat top center;
	background-size: cover;
	color: #fff;
	min-height: 530px;
}
section#sp-blkmessages h2 {
    background: url(../images/bgtitlebas.png) no-repeat bottom center;
    color: #e6d5ba;
    text-align: center;
    font-size: 36px;
    line-height: normal;
    padding: 0 0 30px;
    font-weight: 400;
    margin: 0;
}
div#sp-message {
    max-width: 1240px;
    margin: 0 auto;
    float: none;
    overflow: hidden;
}
div#sp-message .sj-extraslider .owl-dots .owl-dot{background: #e6d5ba !important;}
div#sp-message .sj-extraslider .owl-dots .owl-dot:hover, div#sp-message .sj-extraslider .owl-dots .owl-dot.active {
    background: #fff !important;
    border: 4px solid #fff; 
}
.text_message {
    text-align: center;
    font-size: 25px;
    padding-top: 30px;
    line-height: 1.4;
}
section#sp-blkmessages:before {
	content:'';
	position:absolute; 
	top: 0;
	right: 0;
	width: 100%;
	height: 100%; 
}
section#sp-blkmessages .sj-extraslider .extraslider-inner .item-wrap .item-info .item-description{
	color:#fff !important;
	padding-top: 0;
}
.rl_tabs>.tab-content>.tab-pane {
    background: transparent;
    padding: 30px 20px 25px!important;
    position: relative;
    color: #fff;
}
.rl_tabs>.tab-content>.tab-pane:before{
	content: url(../images/masktabs.png);
	position: absolute;
	top: 0;
	left: 0;
}
.BlkTab.tab_madina .rl_tabs  {
    background: #296a4d url(../images/bg_tableau1.jpg) no-repeat top right;
    border-radius: 15px;
    background-size: cover;
    /* max-width: 330px; */
    float: left;
    width: 100%; 
}
.itemid-101 .BlkTab.tab_madina .rl_tabs{
    margin-top: 60px;
}

.BlkTab.tab_makkah .rl_tabs{
    background: #9a8022 url(../images/bg_tableau2.jpg) no-repeat top right;
    border-radius: 20px;
    background-size: cover;
    /* max-width: 330px; */
    float: left;
    width: 100%;
}
.itemid-101 .BlkTab.tab_makkah .rl_tabs{
    margin-top: 60px;
}


table.tab_makkah1 {
    background: #296a4d url(../images/bg_tableau1.jpg) no-repeat top right;
    color:#fff;
    font-size: 15px;
    border-radius: 20px;
    overflow: hidden;
    text-align: center;
}
table.tab_madina1 {
    background: #9a8022 url(../images/bg_tableau2.jpg) no-repeat top right;
    color:#fff;
    font-size: 15px;
    border-radius: 20px;
    overflow: hidden;
    text-align: center;
}
table.tab_makkah1 th {

    text-align: center;
    background: #215940;
    padding: 20px 10px;
}

table.tab_madina1 th {
    background: #856c13;
    padding: 20px 10px;
    text-align: center;
}
table.tab_madina1 td, table.tab_makkah1 td {
    padding: 10px !important;
}

.rl_tabs .nav-tabs>li>a {
    font-size: 14px;
    background: rgb(79,79,79);
    color:#000 !important;
    background: -moz-linear-gradient(90deg, rgba(79,79,79,1) 0%, rgba(255,255,255,1) 0%, rgba(245,239,226,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(79,79,79,1) 0%, rgba(255,255,255,1) 0%, rgba(245,239,226,1) 100%);
    background: linear-gradient(90deg, rgba(79,79,79,1) 0%, rgba(255,255,255,1) 0%, rgba(245,239,226,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4f4f4f",endColorstr="#f5efe2",GradientType=1);
    -webkit-border-top-left-radius: 15px;
    -webkit-border-top-right-radius: 15px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-topright: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border:0;
}
.rl_tabs .nav-tabs>li.active>a, .rl_tabs .nav-tabs>li.active>a:hover{
    background: transparent !important;
    color:#fff !important;
    border: 0 !important;
    }
.rl_tabs .nav-tabs>li>a{
    position:relative;
    /* z-index: 0; */
}
.rl_tabs .nav-tabs>li.active>a:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	right:0;
	height: 10px;
	/* background:#fff; */
	z-index: -1;
	display: block;
	border-radius: 20px;
}
.BlkTab.tab_madina .rl_tabs .nav-tabs>li.active>a, .rl_tabs .nav-tabs>li.active>a:hover{
    /* background: transparent; */
    color:#fff !important
}
.rl_tabs.outline_content>ul.nav-tabs {
    display: flex;
    border: 0;
}
.rl_tabs>.tab-content {
    padding: 0;
    background-color: rgb(255 255 255 / 0%);
    border: 0 !important;
}
.rl_tabs>ul.nav-tabs>li {
    background: #fff !important;
}

.rl_tabs>ul.nav-tabs>li.active {
    background-color: rgb(255 255 255 / 0%) !important;
}
.rl_tabs>ul.nav-tabs>li>a {
    border: 0 !important;
}

.rl_tabs >ul.nav-tabs>li>a {
    margin: 0 !important;
    outline: none;
    box-shadow: none !important;
    cursor: pointer;
    display: block;
}
 /*************************************/
section#sp-khadamat { 
    padding: 30px 0;
    text-align:center
}
body.itemid-101 section#sp-khadamat {
    /* background: linear-gradient(90deg, rgba(168, 150, 97, 0.25) 0%, rgba(171, 140, 46, 0.25) 100%); */
    backdrop-filter: blur(5px);
    padding: 30px 0 20px;
}

div#sp-khadamat {
    margin: 0 auto;
}
#sp-khadamat h2 {
    margin: 0 0 40px;
}
div#sp-khadamat .list_service {
    display: flex;
    max-width: 100%;
    justify-content: space-between;
    flex-wrap: nowrap;
    padding: 0;
    margin: 0;
}
.boxservice2 {
    padding: 23px 78px 21px 10px;
    margin: 0 6px 10px;
    position: relative;
    transition: all .3s;
    cursor: pointer;
    border-radius: 30px;
    border: 2px solid #AB8C2E;
    font-weight: 800;
    transition: all .3s;
    text-align: right;
    background: linear-gradient(90deg, rgba(168, 150, 97, 0.25) 0%, rgba(171, 140, 46, 0.25) 100%);
    /* backdrop-filter: blur(5px); */
}
.boxservice2 ul li {
    font-size: 13px;
    line-height: inherit;
    padding: 0;
    margin: 0;
    font-weight: normal;
    width: 47%;
    display: inline-block;
}
.boxservice2:hover {
    background: #AB8C2E;
    color: #fff;
}
.boxservice2 span{position: absolute;right: 0;top: 0;}
.boxservice2 span:before{
  content: url(../images/bg_star.png);
  position:absolute;
  right: 16px;
  top: 16px;
  width: 54px;
  height: 53px;
}
.boxservice2 span:after{
  position:absolute;
  right: 33px;
  top: 27px;
  width: 18px;
  height: 18px;
}
.boxservice2 span.service2_1:after{
    content: url(../images/heure_salat.svg) ;
}
.boxservice2 span.service2_2:after{
    content: url(../images/table_imem.svg);
}
.boxservice2 span.service2_3:after{
    content: url(../images/table_salat.svg);
}
.boxservice2 span.service2_4:after{
    content: url(../images/table_cours.svg) ;
}
.boxservice2 span.service2_5:after{
    content: url(../images/table_meet.svg);
}
.boxservice2 ul {
    padding: 0;
    margin: 0;
}
.boxservice:hover{
}
/********************************/
.owl-carousel .owl-item img{width:100%}
.big-item-description, #lgx-contentslider189 .md-card .card-block { 
    color: #636363;
    font-size: 24px !important;
    margin-top: 20px;
}
#sp-feature .frontpage .big-item-wrap .big-item-image, #sp-feature .frontpage .big-item-wrap .big-item-image  + .col-md-4 {width: 100%;padding: 0;-webkit-border-bottom-right-radius: 20px;-moz-border-radius-bottomright: 20px;border-bottom-right-radius: 20px;}
 
#sp-feature .detailbigitem{
	position:absolute;
	bottom: 30px;
	width: 100%;
}
#sp-feature .big-item-title {max-width:760px}
#sp-feature .big-item-title a{color: #fff !important;}
 
#sp-feature .big-item-wrap .big-item-datetime {
    color: #fff !important;
    text-align:right;
    position: absolute;
    right: 35px;
    top: 30px;
    font-size: 18px !important;
}
.sj-listing-tabs .ltabs-items-container .ltabs-items .ltabs-item{
	float:right !important
} 
.sj-listing-tabs .created-date {
    color: #8a8a8a !important;
    font-size: 14px;
    margin-bottom: 0 !important;
    float: right;
    padding-top: 5px;
}
.introtext {
    font-weight: normal;
    font-size: 15px;
    line-height: 24px;
}

div#sp-editorial .pre-text, .sp-module-title {position:relative;margin: 0 0 29px;/* display: none; */}
 
section#sp-service-electronic {
	background: #fff;
	margin: 0;
	position:relative;
	color: #8e8e8e;
	text-align:center;
}
section#sp-service-electronic:before {
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	/* background: linear-gradient(90deg, rgba(171, 140, 46, 0.92) 0%, rgba(56, 107, 95, 0.92) 100%); */
	opacity:0.9
}
 section#sp-service-electronic h2{
	 margin: 50px 0 10px;
	 color: #2d7454;
	 font-size: 32px;
	}
section#sp-service-electronic h2 +p{
	max-width: 870px;
	margin:0 auto 30px;
}
.list_service {
    display: flex;
    margin: 10px auto;
    justify-content: center;
    flex-wrap: wrap;
}

.boxservice {
    padding: 110px 15px 15px;
    margin: 0 6px 10px;
    position: relative;
    max-width: 245px;
    transition: all .3s;
    cursor: pointer;
    text-align: right;
    color: #783801;
    font-weight: 400;
    font-size: 21px;
    line-height: 1.2;
    text-align: center;
    cursor: pointer;
    display: inline-block;
}
.boxservice:hover {color:#064c3a}
.boxservice span{position: absolute;z-index: 0;top: 0;left: 0;right: 0;}

.boxservice span:after{
    content: url(../images/line.png);
    text-align: center;
    width: 82px;
    height: 8px;
    margin: 0 auto;
    display: block;
}
.boxservice:hover{
}.boxservice span:before{
    content: '';
    /* position:absolute; */
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 45px;
    height: 49px;
    text-align: center;
    display: block;
}
.boxservice span.service_1:before{
    background: url(../images/icon1.png) no-repeat top center;
}
.boxservice span.service_2:before{
    background: url(../images/icon2.png) no-repeat top center; 
}
.boxservice span.service_3:before{
    background: url(../images/icon3.png) no-repeat top center; 
}
.boxservice span.service_4:before{
    background: url(../images/icon4.png) no-repeat top center; 
}
.boxservice span.service_4:before{
    background: url(../images/icon4.png) no-repeat top center; 
}
.boxservice span.service_5:before{
    background: url(../images/icon7.png) no-repeat top center; 
}
.boxservice span.service_6:before{
    background: url(../images/icon5.png) no-repeat top center; 
}
.boxservice span.service_7:before{
    background: url(../images/icon6.png) no-repeat top center; 
}
 
/******/

div.moduletabs div.tabs-content, div.moduletabs.bottom-position div.tabs-content div.tabs-content-inner div.tab-content {
    background: transparent !important;
    border: 0 !important;
}

div.moduletabs.bottom-position div.tabs-container ul.tabs {
    float: none;
    margin: 0 auto;
    text-align: center;
    width: 460px;
    height: 74px !important;
    border: 0 !important;
    direction: rtl;
}

div.moduletabs.bottom-position div.tabs-container {
    border: 0 !important;
    margin: 0 auto;
    text-align: center;
    height: initial !important;
}

div.moduletabs.bottom-position div.tabs-container ul.tabs li {float: right !important;margin: 0 10px;line-height: inherit;}

div.moduletabs.bottom-position div.tabs-container ul.tabs li .tab {
    border-radius: 50px;
    background: rgb(171 137 53) !important;
    border: 0 !important;
    color: #fff !important;
    padding: 17px 57px !important;
    height: 65px;
    font-size: 23px;
    font-weight: 300;
    line-height: 24px;
}

div.moduletabs.bottom-position div.tabs-container ul.tabs li .tab.selected, div.moduletabs.bottom-position div.tabs-container ul.tabs li .tab:hover {
    background: #064c3a !important;
}
/***********************/
 

.big-item-image + .clear{display:none}
 
 a.liremore {
    /* background: url(../images/puceflsh.png) no-repeat left center; */
    text-align: left;
    display: block;
    color: #ac9242;
    font-weight: 400;
    font-size: 19px;
    padding-left: 50px;
    /* position: absolute; */
    top: 7px;
    left: 20px;
    min-height: 35px;
    margin-top: 20px;
    background: #074d31;
    color: #fff;
    padding: 5px 50px;
    display: inline-block;
    float: left;
    border-radius: 8px;
    margin: 0 10px;transition:all .3s
}
a.liremore:hover {
    background: #2d2d2d;
    color: #fff;
    margin-top: -10px;
}
 
/*******************/
 
 
div#sp-publiciteleft1, div#sp-publiciteleft2, div#sp-publiciteleft3, div#sp-publiciteleft4 {
    margin-top: 2px;
    float: right;
}
div#sp-publiciteleft2{
	margin-top: 63px;
}
.sj-listing-tabs .item-title { 
    padding: 10px 0;margin:0;
    clear: both;
}
.item-readmore a {
    background: rgba(27, 131, 84, 1);
    display: inline-block;
    padding: 5px 15px;
    color: #fff;
    font-size: 16px;
    border-radius: 6px;
}
.Toplist {
    display: block;
    font-size: 20px;
    color: #8a8a8a;
    margin: 0 0 7px;
    padding: 20px;
    display: none;
}

.Toplist .catname {
    padding: 0 0 0 25px;
    position: relative;
    float: left;
    text-transform: uppercase;
    color: #8a8a8a;
    display: none;
    font-size: 15px;
    font-weight: 700;
}

.Toplist .catname:before { 
}
 
.sj-listing-tabs .ltabs-wrap { 
    overflow: inherit !important;  
}
 

/**************/
 
 /***********************/
.publiciteleft {
    margin: 0 auto 30px;
}
 

div#fronpage {
    clear: both;
}
 
.publiciteleft.blknewsletter {
    background: url(../images/blknewsletter.jpg) no-repeat center top;
    background-size: cover;
    padding: 30px 26px 10px;
    color: #fff;
    font-size: 18px;
    margin: 55px 0 30px;
    min-height: 200px;
}
.publiciteleft.blknewsletter h3 {
    margin: 0;
    line-height: 18px;
    font-size: 18px;
    color: #fff;
}
td.acyfield_email.acy_requiredField {
    position: relative;
    width: 100%;
}

td.acyfield_email.acy_requiredField input {
    /* -webkit-border-radius: 50px; */
    -moz-border-radius: 50px;
    /* border-radius: 50px; */
    width: 100%;
    height: 55px;
    padding: 5px 20px;
    font-size: 14px;
    border: 0;
    background: rgb(255, 255, 255) !important;
}

td.acyfield_email.acy_requiredField +td {
    position: absolute;
    left: 0;
    top: 0;
}

table.acymailing_form {
    position: relative;
    width: 100%;
}

input.button.subbutton {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #ae8650;
    border: 0 !important;
    height: 56px;
    text-align: center;
    padding: 0 17px;
    font-size: 17px;
}

button.btn-search {
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    border: 0;
    width: 60px;
    color: #fff;
    height: 100%;
    clip-path: polygon(10% 0, 100% 0, 90% 100%, 0% 100%);
}

div#search-top-bar {
    position: relative;
    width: 360px;
    float: left;
}
div#search-top-bar .container{ width:100% }
div#sp-search {
    position: absolute;
    width: 360px;
    left: 0;
    top: -73px;
}

div#sp-menu, .logo-vision {
    position: relative;
    padding: 0;
}
div#sp-menu .sp-column {
	display:flex;
	direction: ltr;
	justify-content: space-between;
	align-items: center;
	font-family: 'Noto Kufi Arabic', sans-serif;
}
.custom.logo-vision p{margin:0}
.custom.logo-vision img {
    max-height: 73px;
}
input#mod-search-searchword {
    clip-path: polygon(10% 0, 100% 0, 100% 100%, 0% 100%);
    width: 100%;
    border: 0 !important;
}

a#btn-search-mobile {
    display: none;
}
 
.linkexterne li {
    list-style: none;
    text-align: right;
}

.linkexterne {
    margin: 0 auto;
    display: inline-block;
}

.blkcontactfooter {
    text-align: right;
}

.blkcontactfooter .adresse, .blkcontactfooter .phone, .blkcontactfooter .fax , .blkcontactfooter p {
    padding-right: 40px;
}
.blkcontactfooter .adresse{
	background:url(../images/maps.png) no-repeat center right
}
.blkcontactfooter .phone{
	background:url(../images/phone.png) no-repeat center right
}
.blkcontactfooter .fax{
	background:url(../images/fax.png) no-repeat center right
}
.blkcontactfooter .mail{
	background:url(../images/mail.png) no-repeat center right
}
.small-item-description {
    /* font-size: 16px; */
    line-height: 26px;
}
#sp-sport .small-item-description { 
    line-height: initial;
}
.article-details .introtext {
    font-size: 20px; 
    position: relative;
    padding: 0 0 10px;
    margin: 0 0 20px;
}
.article-details .introtext:after{
	content:'';
	background:#ccc;
	width:50%;
	height: 1px;
	position:absolute;
	left: 20px;
	right: 20px;
	bottom: 0;
	margin: 0 auto;
}
.article-details .introtext h4{/* font-size:inherit; */}
.controls input {
    background: transparent;
    height: 30px !important;
    padding: 9px 2% 14px !important;
    -webkit-border-radius: 6px !important;
    border-radius: 6px !important;
    border: solid 1px #707070 !important;
    outline: none !important;
    width: 96% !important;
}

label.control-label { 
    margin: 0 10px 15px;
}
span#newsfeed_btnSet {
    display: none;
}
.formpage {
    margin: 0 auto;
    max-width: 767px;
    /* border: 2px solid #3d6960; */
    padding: 30px;
    color: #fff;
    text-align: right;
}

textarea {
    width: 100% !important;
}

input#jsn-captcha {
    max-width: 200px;
}

button.btn.btn-primary.jsn-form-submit {
    padding: 5px 30px;
    font-size: 20px; 
    background: #e6242a;
    border-color: #e6242a;
    transition: all .3s;
}

button.btn.btn-primary.jsn-form-submit:hover {
    background: #fff;
    color: #000 !important;
}

body.itemid-294 .article-details .article-header h1 {
    font-size: 33px;
    text-align: center;
    font-weight: bold;
    margin: 0 auto 20px;
}

body.itemid-294 .article-info {
    display: none;
}
section#sp-video #YoutubeGalleryMainContainer1 {
    padding-top: 5px;
}
aside#sp-right {
    /* float: right !important; */
}

div#sp-component {
    /* float: right; */
    margin-bottom: 40px;
}
.topfoot {
    display: block;
    clear: both;
    padding-top: 20px;
}

.topfoot div {
    background: #5c5c5c;
    width: max-content;
    padding: 20px 30px;
    -webkit-border-bottom-right-radius: 30px;
    -moz-border-radius-bottomright: 30px;
    border-bottom-right-radius: 30px;
    color: #fff;
    margin-bottom:20px
}
.pubtop2{
  display:none
}
div#sp-footer1 .menu{
	display:flex;
	justify-content: space-between;
} 
div#sp-footer1 .menu > li {
    float: left;
    display: inline-block;
    margin: 0 20px 20px 0;
    position: relative;
    text-align: left;
}

div#sp-footer1 .menu li ul {
    position: relative;
}

div#sp-footer1 .menu li ul li {
    display: block;
    float: none;
    margin: 0 0 0;
}

section#sp-footer2 {
    background: #2d2d2d;
    color: #f1efef;
    overflow: hidden;
    padding: 60px 0 40px;
    font-size: 17px;
}
.Footerblk img{max-width: 123px;margin: 15px 0;}
section#sp-footer2 li{display: block;margin-bottom: 5px;font-size: 15px;position:relative;}
section#sp-footer2 li a{color: #f1efef;}
.blockcordonne .iconadres:before{
	content:url(../images/icon1.png); 
}
.blockcordonne .icontel:before{
	content:url(../images/icon2.png); 
}
.blockcordonne .iconmail:before{
	content:url(../images/icomail.png);
}
.blockcordonne .iconfax:before{
	content:url(../images/icon3.png);
}
 .blockcordonne .iconadres:before, .blockcordonne .icontel:before, .blockcordonne .iconadres:before, .blockcordonne .iconfax:before{
	margin-right: 25px;
	float: left;
	margin-bottom: 15px; 
 }
div [itemprop="articleBody"] .blockcordonne {
    display: block;
    border: 2px solid #3d6960;
    padding: 30px;
    margin-top: 20px;
    margin-bottom: 20px;
}
div [itemprop="articleBody"] .blockcordonne .iconadres, div [itemprop="articleBody"] .blockcordonne .icontel, div [itemprop="articleBody"] .blockcordonne .iconadres, div [itemprop="articleBody"] .blockcordonne .iconfax{
	 clear:both;
	 float: none;
}
li.icontel {
    padding-top: 2px;
}
.item_share {
    display: none;
}
a.contactfooter {
    -webkit-border-top-left-radius: 25px;
    -webkit-border-top-right-radius: 25px;
    -moz-border-radius-topleft: 25px;
    -moz-border-radius-topright: 25px;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    background: #3c695f;
    color: #fff;
    font-size: 24px;
    text-transform: uppercase;
    padding: 22px 37px 15px;
    display: block;
    margin-top: -15px;
}
a.contactfooter:focus, a.contactfooter:hover{color:#000}
.rightfooter {
    float: right;
}


.jb-thumbnails-container +div{display:none !important}
#banner-feature-news .jb-thumbnail-title { 
    text-transform: none !important; 
    font-size: 11px;
}
div#banner-feature-news {
    padding: 0;
    margin: 0;
    padding-right: 0 !important;
}
.jb-black {
    background: rgb(244 244 244 / 83%);
    color: #000;
    padding: 20px; 
    font-size: 19px !important;
    color: #0d0d0c;
}
.feature-news-slider p.jb-layer > a {
    display: block;
    padding: 11px 0px;
    position: relative;
}

.feature-news-slider p.jb-layer {
    padding: 20px;
}
.jb-thumbnail-title{
	
     font-size:14px !important
}
.jb-slide h4 {
    position: absolute;
    top: 0;
    left: 0; 
    margin: 0; 
    background: #ee1c23;
 
    font-size: 18px;
    padding: 10px 22px 12px;
    color: #fff;
    min-height: 33px;
    -webkit-border-bottom-right-radius: 30px;
    -moz-border-radius-bottomright: 30px;
    border-bottom-right-radius: 30px;
    text-transform: uppercase;
 
}
.feature-news-slider img.jb-image, .feature-news-slider img.jb-thumbnail {
    margin-top: 0 !important;
}
div#fcp_wrapper {
    border: 0 !important;
    background: none !important;
    padding: 0 !important;
}

.fcp_controls input {
    display: block; 
    color: #495057;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
 
}

.fcp_controls input {
    background: transparent;
    height: 47px !important;
    padding: 9px 10px 14px !important;
    -webkit-border-radius: 6px !important;
    border-radius: 6px !important;
    border: solid 1px #707070 !important;
    outline: none !important;
    width: 100% !important;
    font-family: 'Cairo', sans-serif;
}

.fcp_controls  textarea {
    height: 120px !important;
    -webkit-border-radius: 6px !important;
    border-radius: 6px !important;
    font-size: initial;
    padding: 9px 10px 14px !important;
    width: 100% !important;
}
.fcp_confirm {
    font-size: initial;
    text-align: center !important;
}
div.fcp_line {
    padding: 10px 0;
    display: block;
    overflow: hidden;
}
.fcp_line.fcp_fixed_text.fcp_opt * {
    font-size: 17px;
    color: #dd1c1c;
    font-weight: bold;
}
div.fcp_label {
    font-size: 17px;
    margin-bottom: 0px;
    display: block;
    clear: both;
    text-align: right;
    font-family: 'Vazirmatn', sans-serif;
}
#fcp_spinner{display:none}
a.clickform {
    cursor: pointer;
    text-decoration: underline;
}

.contact-box{
	font-weight:400
}
.FormBlk {
    max-width: 600px;
    margin: 50px auto;
    font-family: 'Cairo', sans-serif;
}div.fcp_line label {
     font-family: 'Cairo', sans-serif;
}

.FormBlk div.fcp_line input:not([type="submit"]), .FormBlk div.fcp_line select {
    border: 1px solid #3c7768 !important;
    width: 100%;
    display: block;height:45px;border-radius:5px
}
 
input[type="checkbox"] {
    width: 20px !important;
    display: inline-block;
    float: right;
    margin: 0 10px;
}
label.fcp_lcb.fcp_req {
    font-size: 18px;
    padding-right: 15px;
    display: inline-block;
    float: right;
    padding-top: 8px;
}

.fcp_line.fcp_sendrow {
    display: block;
}
div.fcp_sendrow button {
    font-size: 20px;
    background: #0a4e3d;
    border-color: #0c503e;
    transition: all .3s;
    text-align: center !important;
    text-transform: none  !important;
    display: block;
    padding: 10px 20px;
    text-shadow: none;
    color: #fff;
    border-radius: 10px;
    min-width: 200px;
}
.jb-image-container span.seemore{
	color:#ee1b23
}

.item-catname {padding-top: 15px;padding-left: 25px;position: relative;overflow: hidden;line-height: 20px;width: 60%;float:left;color: #8a8a8a !important;display:block;}
.item-catname a{color: #8a8a8a !important; }
.item-catname:before {
    content: '';
    background: #ee1c23;
    height: 11px;
    width: 5px;
    position: absolute;
    display: block;
    left: 5px;
    top: 20px;
    -webkit-border-bottom-right-radius: 30px;
    -moz-border-radius-bottomright: 30px;
    border-bottom-right-radius: 30px;
}
.item-date{
	width: 40%;
	float:right;
	color: #8a8a8a !important;
	padding-top: 18px;
	font-size: 14px;
	text-align: right;
}
.item-title { 
    font-size: 24px;
    color: #0d0d0c;
    font-weight: normal !important;
    text-decoration: none !important;
    display: block;
    clear:both;
    line-height: 25px;
    min-height: 70px;
    padding: 10px 0 !important;
}
.item-title a{color: #0d0d0c;}
.sj-extraslider {
    margin: -8px 0 0 !important;
}

ul{padding:0;}
#sp-entreprise .catname, #sp-emploi .catname{
}
 
#sp-entreprise .pre-text, #sp-entreprise .frontpage .small-item-wrap .catname:before, #sp-entreprise .Toplist .catname:before, #sp-entreprise  .frontpage .big-item-wrap .big-item-title:before{
	 background: #ef8008;
}

.blog >h2 {
    position:relative;
    display: none;
}
.blog > h2:before {
    content: '';
    /* background: #000000; */
    height: 5px;
    width: 20px;
    position: absolute;
    display: block;
    left: 0;
    bottom: 3px;
}

#sp-feature .small-item-content {
    clear: both;
    margin: 0 10px;
}

.big-item-image   .catname{
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 18px;
    padding: 10px 22px 12px;
    color: #fff;
    min-height: 33px;
    -webkit-border-bottom-right-radius: 30px;
    -moz-border-radius-bottomright: 30px;
    border-bottom-right-radius: 30px;
    text-transform: uppercase;
}
 
#sp-sport .small-item-image .catname, #sp-sport .big-item-image   .catname{
    background: #0fab41;
}
#sp-sport .frontpage .small-item-wrap .catname:before, #sp-sport .Toplist .catname:before, #sp-sport  .frontpage .big-item-wrap .big-item-title:before{
	 background: #0fab41;
}
 
#sp-culture .small-item-image .catname, #sp-culture .big-item-image   .catname{
    background: #26c6fa;
}
 #sp-culture .pre-text, #sp-culture .frontpage .small-item-wrap .catname:before, #sp-culture .Toplist .catname:before, #sp-culture  .frontpage .big-item-wrap .big-item-title:before{
	 background: #26c6fa;
}
.small-item-image, .big-item-image {
    position: relative;
}
.small-item-image img{  
	transition: all .3s;
}
.frontpage .big-item-wrap {
    float: right !important;
    margin-left: 2%;
    margin-right: 0 !important;
}
.big-item-image, .small-item-image {
    /* float: none !important; */
    border: 0 !important;
    position: relative;
    overflow: hidden;
    text-align: center;
    transition: all .3s;
}
.big-item-image{
    max-height: 275px;
}
.small-item-image {margin: 0 !important;}
.big-item-image a:after, .small-item-image a:after{
	content: '' !important;
	/* background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #48625c 100%); */
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100% !important;
	visibility: inherit !important;
	overflow: inherit !important;
}

.big-item-image:hover a:after, .small-item-image:hover a:after{
	/* background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #6e6446 100%); */
}
.big-item-image a, .small-item-image a{
    position:relative;
    display:block;
    cursor:pointer;
 }
 
.big-item-image:hover img, .small-item-image:hover img {
    opacity: 0.8;
    filter: alpha(opacity = 80);
    box-shadow: #000 0em 0em 0em;
    -webkit-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
}
.info_big-item, .small-item-content {
    z-index: 1;
}
.small-item-content {bottom: 0px;float: right;}
.small-item-wrap{margin-bottom:30px}

.custom.pubtop iframe {
    display: block;
    width: 100%;
    max-width: 1000px;
    float: none;
}
.custom.pubtop2 iframe {
    display: block;
    width: 100%;
    max-width: 300px;
    float: none;margin: 0 auto;
}
.Redactrice {
    margin: 30px 0 0;
}
section#sp-video .ltabs-item {
    margin-bottom: 30px;
}
.sp-module-content-bottom.clearfix {
    margin: 50px 0 0;
}
.frontpage {
    margin: 0 !important;
    padding: 1px 0 0;
}

 
#sp-publicite iframe{
	margin:0 auto; border:0
}

.aixeena_webticker_content {
    background-color: #000 !important;
    padding: 5px 20px !important;
}
.maks2-left, .maks2-right{display:none}
.aixeena_webticker_content a {
    color: #fff!important;
    font-size: 13px!important;
}

span.aixeenanews-date {
    font-size: 14px!important;color:#e5242a !important;
}


.view-category .rrssb-buttons {
    display: none;
}

.sj-extraslider .owl-controls .owl-prev, .sj-extraslider .owl-controls .owl-next {/* display: none !important; */}

.lgxcsa-material-card .md-card .card-block .lgx-md-btn {
color: #e5242a !important;
    background: transparent !important;
    text-shadow: none;
    box-shadow: none !important;
    padding: 10px 0 !important;
}
#lgx-contentslider189 .md-card .card-block {
    padding: 0 15px !important;
}

.lgx-contentslider {
    z-index: 0 !important;
    position: relative;
}

div#sp-editorial .small-item-wrap {
    /* width: 100%; */
}
#sp-editorial .ltabs-item .catname {
    clip-path: polygon(10% 0px, 100% 0%, 100% 100%, 0% 100%);
    background: #e5242a;
    position: absolute;
    right: 1px;
    top: -45px;
    font-size: 14px;
    padding: 5px 15px !important;
    color: #fff;
    z-index: 999;
    min-height: 33px;
} 
#sp-editorial .ltabs-item .Toplist {
    display: block !important;
    position: relative;
}

#sp-editorial .ltabs-tabs-container{
  display:none
}
.lgxcsa-mfigure.big-item-image img.lgx-figure-img {
   position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    width: auto;
    max-width: inherit;
    min-width: 100%;
}

.lgxcsa-mfigure.big-item-image {
    height: 429px;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    /* display: table-cell; */
    vertical-align: middle;
}
 
.lgxcsa-material-card .md-card {
    box-shadow: none !important;
}
.lgxcsa-mfigcaption{
  display:none !important
}
div#aixwebtickerall-185 {
    z-index: 99999;
}
#sp-blkmessages .sj-extraslider {
    padding-bottom: 70px;
}

div.sj-extraslider {
    position: relative;
    clear: both;
}
.sj-extraslider .owl-dots .owl-dot {
    width: 9px !important;
    height: 9px !important;
    border: 4px solid transparent;
    background: rgb(230 213 186) !important;
    transition: all 0.3s;
    opacity: 1 !important;
}
.sj-extraslider .owl-dots .owl-dot:hover{background: #2d7454 !important;opacity: 1 !important;}
.sj-extraslider .owl-dots .owl-dot.active {
    background: #2d7454 !important;
    border: 4px solid #2d7454;
    width: 13px !important;
    height: 13px !important;
}
.sj-extraslider .owl-controls .owl-prev {
    float: right !important;
    width: 45px;
    text-align: center;
}

.sj-extraslider .owl-controls .owl-next {
    float: right !important;
    right: 0;
}

.sj-extraslider .owl-controls .owl-prev, .sj-extraslider .owl-controls .owl-next {
    width: 38px !important;
    height: 39px !important;
    text-align: center;
    color: #fff !important;
    opacity: 1 !important;
    margin: 0 15px;
}
.sj-extraslider .owl-controls .owl-prev  span, .sj-extraslider .owl-controls .owl-next span{display:none;}
.sj-extraslider .owl-controls .owl-prev{
	background: url(../images/right2.png) no-repeat;
}
.sj-extraslider .owl-controls .owl-next{
	background: url(../images/left2.png) no-repeat;
}
.sj-extraslider .owl-controls .owl-prev:hover, .sj-extraslider .owl-controls .owl-next:hover {
    color: #000 !important;
    opacity: 0.5 !important;
}

.sj-extraslider .owl-controls .owl-prev:hover{
	background: url(../images/right.png) no-repeat;
}
.sj-extraslider .owl-controls .owl-next:hover{
	background: url(../images/left.png) no-repeat;
}
.sj-extraslider .extraslider-inner .item-wrap {
    float: none !important;
    /* position: absolute; */
    /* bottom: 0; */
    /* background: rgb(0 0 0 / 43%) !important; */
    /* padding: 10px 30px; */
}
.sj-extraslider .extraslider-inner .item-wrap .item-image{
	 display: none !important;
}
.sj-extraslider .extraslider-inner .item-wrap .item-info{background:transparent !important;padding-bottom: 30px;overflow: hidden;}

#sp-slide .sj-extraslider .extraslider-inner .item-wrap .item-info{padding: 0;}
.item-info .item-catname {
    color: #fff !important;
}
.sj-extraslider .owl-controls {
    position: absolute;
    width: 200px;
    margin: 0 auto;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 9;
}
.sj-extraslider.button-type1 .owl-dots{float:none !important;z-index: auto;}

#sp-message .sj-extraslider.button-type1 .owl-dots{
    text-align: center;
}
#sp-slider .sj-extraslider .owl-controls {left: inherit;margin: 0;bottom: 63px;right: 63px;}
.sj-extraslider .extraslider-inner .item-wrap .item-info .item-title * {
    min-height: inherit;
    color: #fff !important;
}

.sj-extraslider .extraslider-inner .item-wrap .item-info .item-title {
    min-height: inherit;
}

.sj-extraslider .extraslider-inner .item-wrap .item-info .item-description {
    color: #ffffff !important;
    padding-top: 70px;
}

.sj-extraslider .extraslider-inner .item-wrap.style1 .item-date {
    color: #fff !important;
}

hr#system-readmore {
    background: #ccc;
    width: 50%;
    height: 1px;
    left: 20px;
    right: 20px;
    bottom: 0;
    margin: 20px auto;
    border: 0;
}

div#sp-presentation .custom {
    max-width: 800px;
    text-align: center;
    margin: 0 auto 50px;
    display: block;
}

div#sp-presentation h2 {
    color: #254F44;
    text-align: center;
    font-size: 40px;
    font-style: normal;
    font-weight: 800 !important;
}
section#sp-actualitenews .container {
    padding: 40px 15px;
}
section#sp-actualitenews.makh .container {
    border-bottom: 3px solid #f9f5ec; 
}





/*
.bannergroup .banneritem { 
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto !important;
    display: block;
}*/

.bannergroup .banneritem iframe, .bannergroup .banneritem img {overflow: hidden;border: 0;width: 100%;max-width: 100%;} 

.redactrice {
    margin: 60px 0 0;
}

.redactrice span {
    padding: 0 20px;
}
#sp-main-body div.sj-newsfeed {
    padding: 24px 0 30px;
}
.newsfeed-inner { 
    padding-left: 0 !important; 
}

#sp-header {
}
#sp-header .container-inner {
    margin: 0 auto;
    text-align: center;
}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
}
#offcanvas-toggler > .fa {
    color: #ffffff !important;
}


span.tag-count.badge.badge-info {
    position: absolute;
    right: 0;
    top: 10px;
}

.tagspopular li {
    position: relative;
}

.tagspopular li a {
    padding-right: 35px !important;
}
body.itemid-186 .introtext {
    display: none;
}



div#networks {
    position: fixed;
    top: 40%;
    left: 0;
    width: 58px;
    /* height: 290px; */
    z-index: 1001;
    /* background: #185d4c; */
    padding: 15px 8px;
    color: #ffffff;
}

div#networks ul {
    padding: 0;
    margin: 0;
}
div#networks li {
    display: block;
    float: none;
    width: 33px !important;
    height: 33px !important;
    margin:0 0 3px;
    padding: 0;
}
#networks a {
    background: #ffffff;
    color: #000;
    width: 33px;
    height: 33px;
    display: block;
    text-align: center;
    position: relative;
    margin: 0 0 8px;
    float: left;
    /* border: 1px solid; */
}  
#networks a.korran {
    background: #a79143;
    width: 58px;
    display: block;
    height: 81px;
}
#networks a.korran:hover {
    background: #fff; 
}
#sp-footer2 #networks a{
	margin:0 10px 10px;
	float:none;
	width: 20px;
	height: 20px;
	background: transparent;
	color: #fff !important;
}
#sp-footer2 #networks a span{color: #fff;}
#sp-footer2 #networks span:before{top: 0;color: #fff;}
#sp-footer2 #networks a:hover span:before{color: #000;}

.sp-module.btnsearch {
    position: absolute;
    left: 150px;
    top: -45px;
}
 
#networks span.icon1:before{
    content: "\f2ab";
    left: -11px;
    font-size: 26px !important;
    top: 5px;
}
#networks span.icon2:before{
    content: url(../images/twitterx_1.png);
}
#sp-footer2 #networks span.icon2:before{
    content: url(../images/twitterx.png);
}
#sp-footer2 #networks a:hover span.icon2:before{
    content: url(../images/twitterx_1.png);
}
#networks span.icon4:before{
    content: "\f167";
}
#networks span.icon6:before{
    content: "\f16d";
}
#networks span:before{
    position:absolute;
    font: normal normal normal 18px/1 FontAwesome !important;
    top: 8px;
    left: -9px;
    color: #000;
    z-index: 1;
}
#networks a:hover {
    background: #a79143;
    color: #fff;
}
#networks a:hover span:before { 
    color: #fff;
}

#networks a:hover span.icon2:before{
    content: url(../images/twitterx.png);
}

#networks span {
  padding:0!important;
  position: relative;
  color: #000000;
}
.icon1{
	}
/************/
div#Linkexterne {
    position: fixed;
    top: 30%;
    right: 0;
    width: 58px;
    z-index: 1001;
    color: #ffffff;
}
 
#Linkexterne a {
    background: #ffffff;
    color: #000;
    width: 33px;
    height: 36px;
    display: block;
    text-align: center;
    position: relative;
    margin: 0 0 8px;
    float: right;
    text-align: center;
    padding: 0 1px;
}

#Linkexterne a:hover {
    background: #fff; 
}
#sp-footer2 #networks a{
	margin:0 10px 10px;
	float:none;
	width: 20px;
	height: 20px;
	background: transparent;
	color: #fff !important;
}
/********/
.flying-social-media-btn {
    align-self: center;
    position: relative;
    transition: padding-top .3s ease .6s,font .3s;
    transform: rotate(90deg);
    float: right;
    display: inline-block;
    padding-bottom: 96px;
    padding-left: 89px;
    padding-right: 10px;
    padding-top: 0;
}

.flying-social-media-btn:before {
    content: '';
    background: #000000;
    width: 70px;
    height: 1px;
    display: block;
    position: absolute;
    top: 13px;
    left: 12px;
}

.jeSocial {
    float: left;
    display: inline-block;
}

div#je_socialicons {
    display: flex;
    flex-wrap: wrap;
    align-content: space-around;
    justify-content: flex-end;
}

form.form-search input {
    display: none !important;
}

.BlockPartner {
    display: flex;
    flex-wrap: nowrap;
    margin: 0 auto;
    padding:  0;
    justify-content: center;
}
.BlockPartner a{margin: 0 10px;}

.BlockPartner a img {
    max-height: 100px;
}
section#sp-tiltepage {
    background: #f9f5ec;
    padding: 45px 0;
    color: #2d7454;
    font-size: 36px;
}
.itemid-101 section#sp-tiltepage{
	display:none
}

.breadcrumb>li, .breadcrumb>li+li:before {
    /* display: none; */
}
.breadcrumb>.active{/* display:block; */}
.view-category #sp-title .breadcrumb li:nth-child(3), .view-article #sp-title .breadcrumb li:nth-child(3), .view-article #sp-title .breadcrumb li:nth-child(3) a {
    color: #2d7454; 
    font-size: 24px;
}
#sp-title .breadcrumb > li:first-child, .breadcrumb>li+li:before{display: none  }
.breadcrumb>li+li+li:before{display:inherit}
body.itemid-271.view-article #sp-title .breadcrumb > li:last-child, body.itemid-423.view-article #sp-title .breadcrumb > li:last-child{display: none !important;} 

body.itemid-271.view-article .article-details .article-header, body.itemid-423.view-article .article-details .article-header{display: block !important;} 


#sp-title ol.breadcrumb {
    padding: 0;
    font-size: 25px;
    color: #000 !important;!
}
.breadcrumb>.active {
    color: #000;
}
#sp-main-body .BlkTab .rl_tabs {
    margin-bottom: 30px;
}
p.disc.para-1 {font-weight: 400;}

.dateTble {
    color: #fff;
}

.datenow {
    font-size: 15px;
    display: block;
    margin: 0 0 20px;
}

.datelist .heure {
    float: left;
    direction: ltr;
    padding-right: 20px;
    font-size: 14px;
}

.datelist {
    font-weight: 400;
    font-size: 18px;
}

.datelist li {
    padding-bottom: 11px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.acymailing_togglemodule {
    display: none;
}

table.tablegreen {
    width: 100%;
}
.tablegreen thead th {
    padding-bottom: 13px;
    text-decoration: underline;
}
.modiptcity {
    font-weight: normal !important;
    padding: 0!important;
}
table.tablegreen tr th:last-child, table.tablegreen tr td:last-child{text-align: left;}
table.tablegreen tr td:last-child{font-weight:bold}
.datelist.hpier table.tablegreen tr td:last-child{font-weight:normal}
table.tablegreen tr td {
    padding-bottom: 6px;
    border: 0;
    padding: 0 0 6px;
    text-align: right;
}
.article-details h1.tilpage{
      font-weight: bold !important;
    font-size: 24px;
}
.article-details h3{font-size: 22px;}
.modiptcity {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: bold;
    line-height: 15px;
    padding-top: 10px;
    text-align: center;
}

.modiptcity span {
    font-size: 17px !important;
    font-weight: bold;
    line-height: 1.4;
}
.itemid-442 main#sp-component, .itemid-443 main#sp-component, .itemid-444 main#sp-component, .itemid-445 main#sp-component , .itemid-446 main#sp-component , .itemid-447 main#sp-component{
    width: 100%;
}
#sp-top-bar {
   display: block !important;
   padding-top: 5px !important;
   /* background: #074d31 !important; */
   position: relative;
   /* z-index: 1; */
}


#sp-menu .sp-megamenu-parent >li:last-child, #sp-menu .sp-megamenu-parent >li:nth-child(7), #sp-menu .sp-megamenu-parent >li:nth-child(10),
#sp-menu .sp-megamenu-parent >li:nth-child(8), #sp-menu .sp-megamenu-parent >li:nth-child(9), #sp-menu .sp-megamenu-parent >li:nth-child(6),
 #sp-menu .sp-megamenu-parent >li:nth-child(11){ display:none}
/*********************************************/
  @media(max-width: 1600px){
	  	table.tablegreen {
		font-size:11px
}
	body.itemid-101 section#sp-slider:after{
		left: -117px;
	}
	body.itemid-101 section#sp-slider:before{
		right: -80px;
	}
 
 	.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {/* font-size: 17px; */padding: 10px 14px;}
 
	.Blkslider img{
	    max-height:450px;
	    width: auto !important;
	}
	.boxservice2 {
    padding: 15px 78px 15px 20px;
 }
	.textBlockslide h1, .Bslide2 .textBlockslide h1, .Bslide3 .textBlockslide h1 {
    font-size: 26px;
}
.big-item-title a {
    font-size: 21px !important;
}
 .small-item-title a {
    font-size: 18px !important;
}
.big-item-image{
	max-height: 240px;
}
	.contenureligieus h5{
		font-size: 24px;
		padding: 15px 0 10px;
	}  
	  section#sp-region {
    /* margin: 0; */
}
	  .text_message { 
    font-size: 26px; 
}
	  section#sp-blkmessages{
		  padding: 50px 0 30px;
		 }
	  .right_pc-box{
		  margin-right: 0;
		  max-width: 50%;
		 }
	  .pc-box-desc{font-size:26px}
	  #sp-tatbikat .sj-extraslider .owl-controls{right:0}
	  .boxservice{font-size: 20px;/* max-width: 200px; */}
	  .single-solari-service-start{height: 302px;}
	  .BlkTab .rl_tabs .nav-tabs>li>a {
    font-size: 15px;
}
}
   @media(max-width:1400px){
	  	.textBlockslide h1, .Bslide2 .textBlockslide h1, .Bslide3 .textBlockslide h1 {
    font-size: 22px;
}
	body.itemid-101 section#sp-slider:after{
		left: -200px;
	}
	body.itemid-101 section#sp-slider:before{
		right:-80px
	}
	   .sj-listing-tabs .ltabs-wrap .ltabs-tabs-container .pre-text, #sp-video .pre-text, section#sp-international .sp-module-title, .sp-module-title{
		   font-size: 30px;
		  }
	   section#sp-actualitenews .container {
    padding: 50px 15px;
}
	   .single-solari-service-start{
		   height: 320px;
		  }
	   .single-solari-service-start::after{bottom:20px}
	   .BlockPartner a img{
		   max-height: 103px !important;
		  }
	   	div#sp-footer1{
	}
	h5.Titlefooter{
		font-size: 19px;
	}
	   .article-details .article-header h1 {
    font-size: 26px; 
}
	   div [itemprop="articleBody"]{
		   font-size: 18px;
		  }
	   .breadcrumb>.active span, .view-category #sp-title .breadcrumb li:nth-child(3), .view-article #sp-title .breadcrumb li:nth-child(3), .view-article #sp-title .breadcrumb li:nth-child(3) a {
    font-size: 22px;
    line-height: 1.4;
}
  }
@media(max-width:1300px){
	#sp-logo{
		max-width: 260px;
	}
	.logo-image { 
    max-height: 100px;
}
	#sp-blklogo .logo { 
    margin-top: -25px;
}
	table.tablegreen {
		font-size:14px
}
	 
	#sp-menu:before{
		right: -15px;
	}
	.sp-module.btnsearch{left: 130px;top: -54px;}
	.BlkLogo {
    padding: 36px 0 20px;
}
	.container{width: 92%;}
	#sp-blklogo .container{width:100%}
	.custom.logo-vision img{
    max-height: 54px;
}
body.itemid-101 section#sp-slider{
	height:auto
}
	
	body.itemid-101 section#sp-slider:before{
		right:-120px
	}
	.textBlockslide {
    padding: 0 100px 0 0;
}
	#sp-slider .sj-extraslider .owl-controls{right:100px}
	#sp-slider .sj-extraslider .extraslider-inner .item-wrap .item-info{
		/* width:90% !important; */
		float: right;
	}
	#sp-slide .sj-extraslider .extraslider-inner .item-wrap img{
		max-height: 450px !important;
	}
	.textBlockslide h1, .Bslide2 .textBlockslide h1, .Bslide3  .textBlockslide h1{
	     padding-top: 140px;
	}
	#sp-tatbikat .sj-extraslider .owl-controls{
	 
	}
.rl_tabs .nav-tabs>li>a{
	font-size:12px;
}
	.right_pc-box {
	}
	.infopc {
	}
	div#sp-message {
	    max-width: 969px;
	    margin: 0 auto;
	    float: none;
	    padding: 30px;
	    overflow: hidden;
	}
	
	.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
}
	body.rtl .sp-megamenu-parent > li.sp-has-child > a:before, body.rtl .sp-megamenu-parent > li.sp-has-child > span:before{
		padding-top:20px;
	}
		
.small-item-image img {
} 
	.contenureligieus h5 {
    font-size: 20px;
    padding: 15px;
}
	.single-solari-service-start .icon-area { 
    height: 87px; 
}
	.single-solari-service-start{
	height: 306px;
	padding: 70px 20px;
	}
	.titlepc{
		 font-size: 26px;
	}
	a.linkpc{
	 font-size: 20px;
	}
	.sj-listing-tabs .ltabs-wrap .ltabs-tabs-container .pre-text, #sp-video .pre-text, section#sp-international .sp-module-title, .sp-module-title {
    font-size: 26px;
}
	.big-item-title a {
    /* font-size: 22px !important; */
}
	.small-item-title a{
    font-size: 18px !important; 		
	}
	.text_message{
		font-size:20px;
	}
	 #sp-tatbikat h2{
		font-size:26px !important
	 }
	.pc-box-desc{
		font-size:20px
	}
	div.moduletabs.bottom-position div.tabs-container ul.tabs{
		width: max-content;
	}
	div.moduletabs.bottom-position div.tabs-container ul.tabs li .tab{
		font-size: 20px;
		padding: 17px 46px !important;
		height: inherit;
	}
	section#sp-footer1{
	}

}
@media(max-width:1220px){
	#sp-top-bar {
    display: none !important; 
}

 .form-search .btn{top:5px;}
  
	.sp-module.btnsearch{left: 130px;top: -10px;}
	div#sp-top2 {
	}
	nav.mobile-nav {
    display: block;
    margin: 0;
}
	nav.sp-megamenu-wrapper {
    display: none;
    }
	#sp-blklogo .logo {
    margin-top: -10px;
}
	#sp-blklogo .logo a{}
    	#sp-blklogo .logo a img{
        text-align: center;
        margin: 0 auto;
        max-width: 126px;
    }
    	.BlkMenu.header-sticky #sp-logo{
    	   max-width: 90px !important;
    	}
    	
    div#sp-top1 {}
    section#social_block span{font-size:14px !important}
    		#sp-header .sp-megamenu-parent{display:none}
    		 #offcanvas-toggler {
        display: block !important;
        padding: 0;
      }
      .frontpage .small-item-list, .frontpage .big-item-wrap {
     
    }
    #sp-editorial .ltabs-item .catname{ 
    }
    	div#sp-search { 
    		top: -60px;
    	}
    	.blkcontacttop .tel_top{/* float: none !important; *//* display:block; *//* padding: 5px 0 10px !important; */text-align: right;font-size: 14px !important;}
    		input#mod-search-searchword {
    	   height: 38px;
    	}
    	button.btn-search i  {
    		padding:0;
    		margin-top: -11px !important;
    		position: relative;
    	}
    	.header-sticky .sp-megamenu-parent > li > a, .header-sticky .sp-megamenu-parent > li > span{
    		font-size:12px !important
    	}
    	#sp-blklogo {
    	padding: 20px 0;
    	}
     
    #sp-righthome{display:none}
    .small-item-description {
        font-size: 14px;
        line-height: 20px;
    }
  div#sp-khadamat .list_service{
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
  }

}
 @media(max-width: 1199px){
	 #sp-logo{
		max-width: 100%;
		display: block;
		margin: 0 auto;
		z-index: 1;
		width: 95px;
		padding: 0;
	}
	     #sp-blklogo .logo {
    }
	     #sp-blklogo .logo a {
        display: table;
        margin: 0 auto;
    }
	 div#sp-menu{position:absolute;left: 0;right: 0;padding: 0 20px;top: 25px;}
	 .logo-vision:before {
    top:3px
}
	 .form-search .btn {
        top: 0px;
    }
	 #sp-menu:before{display:none}
	 #sp-slider .sj-extraslider .extraslider-inner .item-wrap .item-info .item-description{
		 padding-top:20px
	 }
	 body.itemid-101 section#sp-slider:after{display:none}
	 #sp-slide .sj-extraslider .extraslider-inner .item-wrap img{
    max-height: 350px !important;
}
	 #sp-slider .sj-extraslider .owl-controls{
		 bottom: 0;
		}
	 section#sp-region{
		}
	 .single-solari-service-start{
	height: 260px;
	padding: 40px 30px;
}
	 .contenureligieus h5{
		 font-size: 17px;
		}
 
		.textBlockslide h1, .Bslide3  .textBlockslide h1{
	    font-size: 22px;
	}
	 .Bslide2 .textBlockslide h1, .textBlockslide h1, .Bslide2 .textBlockslide h1, .Bslide3 .textBlockslide h1 {
	    font-size: 20px;
	    padding-top: 100px;
	}
	section#sp-slider .container-inner {
	}
	.container {
	   /* width: 100%; */
	}
	
.small-item-image img {
} 

	
	.right_pc-box {
	}
#sp-tatbikat .sj-extraslider .owl-controls{
	}

	.boxservice2 {
    border-radius: 15px;
    font-size: 16px;
 }
	.big-item-title a, .small-item-title a {
 }
	 .BlkTab .rl_tabs {
    float: none !important;
    margin: 30px auto 0;
}
	 section#sp-actualitenews .container{
		 padding:25px 0
	 }
	 .big-item-image{
		 max-height: 280px;
		}
	 section#sp-blkmessages{
		  padding: 30px 0 10px;
		 }
	 
	  .boxservice{font-size: 18px;max-width: 155px;padding: 90px 15px 15px;}
	 .text_message{
		 font-size:18px
	 }
	 #sp-slider .sj-extraslider .extraslider-inner .item-wrap .item-info{float:none !important}
	 
	#sp-khadamatmakkah, #sp-khadamatmadina{padding-top: 20px;}
}


@media(max-width: 1000px){
  	#sp-top-bar { 
   display: none; 
}
	.sp-module.btnsearch{
	}
  .lgxcsa-mfigure.big-item-image {
    height: auto;
}
	.big-item-image{
		max-height: inherit;
	}
  .lgxcsa-mfigure.big-item-image img.lgx-figure-img {
    position: relative;
    height: auto;
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}
 
	.sj-extraslider .extraslider-inner .item-wrap img{
		max-width: 400px !important;
		margin: 0 auto;
	}
	.textBlockslide {
    float: none;
    padding: 0 70px;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    display: block;
}
	.textBlockslide h1, .Bslide2 .textBlockslide h1, .Bslide3 .textBlockslide h1{
	padding-top: 50px;
	padding-bottom: 30px;
	text-align: center;
	display: block;
	max-width: 100%;
	}
	.frontpage .big-item-wrap .big-item-title a {
	    font-size: 20px !important;
	}
	.sj-extraslider .extraslider-inner .item-wrap .item-info .item-description{
		text-align:center;
	}
	.pc-box {
    max-width: 600px;
    }
	.right_pc-box{
    margin: 0 auto 30px;
    max-width: 100%;
    text-align: center;
    float: none;
    }
	#sp-tatbikat .sj-extraslider .extraslider-inner .item-wrap .item-info .item-description{
		padding:0
	}
	#sp-tatbikat .sj-extraslider .extraslider-inner{
    padding-bottom: 40px;
}
	#sp-tatbikat .sj-extraslider .owl-controls{
		left: 0;
		right: 0;
		bottom: 0;
	}
	.infopc{
		position: relative;
		top: inherit;
		width: max-content;
		display: block;
		margin: 35px auto;
	}
	a.linkpc{float:none;margin: 10px auto;}
	section#sp-blkmessages h2{font-size: 26px;margin: 0;}

	.text_message{
    font-size: 16px;
}
  .copyright{}
	.small-item-image img{max-width: 100% !important;height: auto;}
	div#sp-menu {
    }
    .single-footer-one-wrapper.two {
    max-width: 300px;
    margin: 0 auto;
}
.frontpage .small-item-list, .frontpage .big-item-wrap {
	float: none !important;
	margin: 0 auto 30px;
	width: 100% !important;
}
	 .single-solari-service-start{
	height: 380px;
	padding: 70px 30px;
	margin: 0 auto 30px;
}
	.single-solari-service-start::after{bottom:50px}
	 .contenureligieus h5{
		font-size: 26px;
		}
	section#sp-footer1, div#sp-footer1{
	padding: 0 15px 20px;
	}
	.BlockPartner a img{
		max-height: 80px !important;
	}
	section#sp-partner{
		margin: 20px 0;
	}
}
.small-item-wrap {
    display: flex;
    align-items: center;
}
@media(max-width:900px){
	h5.Titlefooter.newsletitle, .acymailing_module{
		width:100%;
		float: none;
		display: block;
		padding: 26px 0 0;
		margin: 0;
		text-align: center;
	}
	#sp-tatbikat .sj-extraslider .owl-controls{
	bottom: 0;
	margin:0 auto;
	text-align:center;
	right: 0;
	left:0;
	max-width: 140px;
	}
	td.acyfield_email.acy_requiredField input, input.button.subbutton{
	}
	section#sp-service-electronic h2 +p{
		font-size:18px;
		line-height: 1.4;
	}
}
@media(max-width:767px){
	 .col-sm-7 {
        width: 58.33333333%
    } 
    .col-sm-5 {
        width: 41.66666667%
    }
.textBlockslide{
	padding:0 50px
}
	.textBlockslide h1, .Bslide2 .textBlockslide h1, .Bslide3 .textBlockslide h1{
    padding: 50px 0 20px;
}
	.Footerblk > div{text-align:center}
	.Footerblk img {
    max-width: 100px;
    margin: 0 auto 10px;
}
	.Footerblk  .jeSocial {
    float: none;margin:0 auto 30px;
    display: inline-block;
}
	#sp-khadamatmakkah, #sp-khadamatmadina{padding-top: 20px;}
 #sp-actualitenews .ltabs-items-inner .clr2 +.ltabs-item {
    display: none;
}
}
@media(max-width: 600px){
  
  table.tab_makkah1, table.tab_madina1 {
    text-align: right;font-size: 12px;
}
  table.tab_madina1 td, table.tab_makkah1 td {
    padding: 10px 10px 10px 20px !important;
}
  table.tab_makkah1 th, table.tab_madina1 th {
    text-align: right;
    padding: 20px;
}
  .article-details h1, .article-details h2, .article-details h3, .article-details h4 {
  margin: 14px 0 10px;
    text-align: right;
}
  .article-details h1 {
    font-size: 20px;
}
  .article-details h3 {
    font-size: 15px;
}
  .datelist>div {
    padding: 0;
}
  .contenureligieus h5 {
        font-size: 22px;
        padding-bottom: 40px;
    }
  .single-solari-service-start::after, .service-start::after {

    bottom: 25px; 
}
  #sp-main-body {
    padding: 20px 0 30px;
}
  div#sp-footer1 {
        padding: 0;
    }
  #sp-title ol.breadcrumb { 
    font-size: 20px; 
}
      .breadcrumb>.active span, .view-category #sp-title .breadcrumb li:nth-child(3), .view-article #sp-title .breadcrumb li:nth-child(3), .view-article #sp-title .breadcrumb li:nth-child(3) a {
        font-size: 18px;
        line-height: 1.4;
    }
.textBlockslide h1, .Bslide2 .textBlockslide h1, .Bslide3 .textBlockslide h1{}
	#sp-slider .sj-extraslider .owl-controls{bottom:20px;left:0;right:0;margin:0 auto;text-align:center}
	
.small-item-image img {
    max-height: 210px;
    width: 100% !important;
    max-width: inherit;
}
	.boxservice {max-width: 142px;font-size: 15px;padding: 78px 15px 15px;}
 .custom.logo-vision img {
    max-height: 50px;opacity: 1 !important;    transform: translateZ(0) !important;
}
.textBlockslide h1, .Bslide2 .textBlockslide h1, .Bslide3 .textBlockslide h1{font-size: 18px;}
div#sp-menu {
}
	.BlockPartner a{
		margin: 0 15px 15px;
		flex-wrap: wrap;
	}
	section#sp-footer1 {
		/* padding:40px 0; */
	}
		h5.Titlefooter.newsletitle, .acymailing_module{
    font-size: 24px;
}
}
@media(max-width:530px){
.modiptcity span {
    font-size: 15px !important; 
}
		div#sp-top1, div#sp-top2 {
	    width: 100%;
	    text-align: center;
	    float:none
	   }
	#sp-top2 .sp-module {
    float: none;  
}
	#sp-top2 .sp-module-content>div{
		display:block
	}
	section#social_block{text-align: center !important;display: inline-block;float: right;}
	section#sp-tatbikat{
		padding: 30px 0 ;
	}
#sp-tatbikat .sj-extraslider .extraslider-inner .item-wrap .item-info{padding-bottom: 45px;}
	div.sj-extraslider{
		padding: 0 0 30px;
	}
	div#sp-message{
    padding: 0;
}
	section#sp-blkmessages h2{
}
	    .sp-module.btnsearch { 
        top: 25px;
    }
.form-search .btn{padding: 0;}
div.moduletabs div.tabs-content {
    padding: 20px 0 0 !important;
}
section#sp-slider .container {
    padding: 0;
}

section#sp-slider .container-inner {
}
.custom h2, .pc-box-heading {
    font-size: 30px;
}

section#sp-service-electronic h2 {font-size: 26px;}
.small-item-wrap {
    margin-bottom: 10px;
}

#sp-blkmessages .sj-extraslider .owl-controls {
    bottom: 25px;
}

section#sp-khadamat {
    padding: 30px 0 20px;
}
div#sp-footer1 {
    /* text-align: center; */
}
.blklogofooter { 
    margin: 0 auto 30px !important; 
}
  
  .text_message {
}
  body.itemid-101 section#sp-khadamat{
    padding:20px 0
  }
	body.itemid-101 section#sp-slider:before{
		right: -150px;
	}
	h5.Titlefooter.newsletitle, .acymailing_module{
    font-size: 24px;
}
	td.acyfield_email.acy_requiredField{
		display: block;
	}
	td.acyfield_email.acy_requiredField +td{
		position:relative;
		display: block;
		text-align: center;
	}
	input.button.subbutton{
		font-size: 18px;
		height: 50px;
		margin: 20px auto;
	}
	.sp-module.btnsearch{
	}
	div.moduletabs.bottom-position div.tabs-container ul.tabs li .tab{
		font-size: 18px;
		padding: 13px 25px !important;
	}
	section#sp-tiltepage{
    padding: 30px 0;
}
}
@media(max-width:479px){
	#sp-actualitenews .ltabs-items-inner .clr1 +.ltabs-item, #sp-actualitenews .ltabs-items-inner .clr2 +.ltabs-item {
    display: none;
}
}
@media(max-width:400px){
 .textBlockslide h1, .Bslide2 .textBlockslide h1, .Bslide3 .textBlockslide h1{
    padding: 30px 0 20px;
    font-size: 15px;
}
	#sp-slide .sj-extraslider .extraslider-inner .item-wrap img{
    max-height: 270px !important;
}
	body.itemid-101 section#sp-slider:before{display:none}
 .textBlockslide{
	 padding: 0 20px;
	}
  .copyright { 
    font-size: 11.5px; 
}
.contenureligieus {
    padding: 0 0 20px;
}
 
 
}

@media(max-width:380px){
	.topfoot div { 
    width: 100%;
	}
	.boxservice{
    max-width: 120px;
}
	    .logo-image {
        max-height: 53px !important;
    }
}
@media(max-width:350px){
  #sp-tatbikat .sj-extraslider .extraslider-inner .item-wrap .item-info {
    padding-bottom:100px;
}
}



@media(max-width:640px){
    div#networks{display:none;}
}


td.acyfield_name.acy_requiredField {
    display: none;
}

.salawatbox img {
    max-width: 500px;
    margin: 30px auto;
}

.salawatbox img {
    max-width: 500px;
    margin: 30px auto;
}

div#salawatbox { 
}
.sp-module ul > li > a {
    color: #252525;
}
 
h1.jaune {
    color: #9b7d2a;
}
.datelist + h1 {
    padding-top: 60px;
}
table.tablegreen tr td, table.tablegreen tr th {
    padding: 0 0 10px;
    font-size: 13px;
    min-width: 100px;
}
table.tablegreen tr td:first-child {
	padding-left: 20px;
}
.hpier table.tablegreen tr td {
	padding-right:0
}
.hpier table.tablegreen tr td, .hpier table.tablegreen tr th {
	  min-width: auto;
}
.datelist .modiptcity span:last-child  {
    display: none !important;
}
 
.tab-content a.liremore {
    color: #fff;
  
  animation: blink 1s infinite;
    font-size: 17px;
    background: none;
    padding: 0;
    margin: 0;
    min-height: auto;
}
@keyframes blink { 
  0% { opacity:0; }
  50% { opacity:1; } 
  100% { opacity:0; }
}

div [itemprop="articleBody"] > .row .BlkImems:last-child {
    border-right: 1px dashed #ccc;
}


.BlkImems{
  padding: 0 5px 30px;
  text-align: right;
  margin-top: 15px;
}
.BoxUser {
    /* display: flex; */
    clear: both;
    font-size: 14px;
    margin: 0 0 22px;
    align-items: flex-start;
    overflow: hidden;
    display: block;
}
.BoxUser .infouser{
	display:inline-block;
	float:right;
	width: 50%;
}
.BoxUser p{margin:0}
.imguser {
	max-width: 47%;
	width: 140px;
	display:inline-block;
	float:left;
	height: 140px;
	border-radius: 10px;
	display: inline-block;
	overflow: hidden;
	float: right;
	margin-left: 3%;
	margin-bottom: 20px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.imguser img{
  max-height: 100%;
  height: 100%;
  width: initial;
  max-width: initial;
  margin: 0 auto;
  display: block;
  /* min-width: 140px; */
  /* width: 100%; */
  width: 140px;
  border-radius: 10px;
}
.BlkImems h1{ 
	color: black;
	font-weight: 500 !important;
}
.BlkImems h2{
	font-size: 19px;
	margin-bottom: 10px;
	min-height: 43px;
}
.infouser h4 {
    color: #000;
    font-weight: 600 !important;
    margin: 10px 0;
}
.infouser h3 {
    font-weight: 600 !important;
    margin: 0;
    font-size: 13px;
    min-height: 60px;
}
a.pdf {
    padding: 0 20px 0 0;
    position: relative;
    text-decoration: underline;
    color: #346759;
    margin: 10px 0 0;
    display: inline-block;
    cursor: pointer;
}
a.pdf:before {
    position: absolute;
    right: 0;
    content: "\f1c1";
    display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}


#sp-component .datelist .table tr td{
  vertical-align: middle;
  padding: 17px 20px !important;
  font-size: 13px !important;
    border: solid 1px #ffffff;
    border-collapse: separate;
    border-spacing: 20px 10px;
    border-top: 0;
}
#sp-component .datelist .table tr:first-child { }
#sp-component .datelist .table tr:nth-child(2n+3) {background: hsl(0deg 0% 100% / 24%)}
#sp-component .datelist .table tr td {
    vertical-align: middle;
    padding: 17px 20px !important;
    font-size: 13px;
}
.sp-column #search-form .input-group-append {
    left: 0;
    right: inherit;
}

.sp-column #search-form .js-finder-search-query {
    padding-left: 87px;
}
.contactinfo a {
    color: #000;
    font-weight: bold;
}
.contactinfo a:hover {
    color: #a98b25;
    font-weight: bold;
}
 .published {
    font-weight: bold;
    font-size: 12px;
    margin: 30px 0;
}

.imggallery img {
    border-radius: 15px;
}

.imggallery {
    margin-bottom: 30px;
}
.imggallery a {
    cursor: pointer;
}
.islamicontainer .modiptcity {
    display: none !important;
}

/*******************/
.player{
	flex-wrap: wrap;
	justify-content: flex-start;
	background-color: transparent;
	background: linear-gradient(to bottom,
		skyblue 20%,
		transparent 50%,
		transparent 50%
		);
	background: -webkit-linear-gradient(to bottom,
		skyblue 20%,
		transparent 50%,
		transparent 50%
	);
	background: -o-linear-gradient(to bottom,
		skyblue 20%,
		transparent 50%,
		transparent 50%
	);
	background: -moz-linear-gradient(to bottom,
		skyblue 20%,
		transparent 50%,
		transparent 50%
	); 
  
	border: 0;
	border-radius: 10px;
	max-width: 250px;
	padding: 5px;
}

 .player::after{
	display: none;
}

 .player .backward,
 .player .forward{
	display: none;
}

 .player .title{
	order: 1;
	width: 100%;
}

 .player .play{
	order: 2;
}

 .player .play span{
	border-color: transparent transparent transparent #2E8AB0;
}

 .player .play:hover span{
	border-color: transparent transparent transparent #66B5D5;
}

 .player .pause{
	order: 3;
}

 .player .pause span{
	border-color: transparent #2E8AB0 transparent #2E8AB0;
}

 .player .pause:hover span{
	border-color: transparent #66B5D5 transparent #66B5D5;
}

 .player .prog{
	order: 6;
	background-color: skyblue;
	width: 100%;
	margin: 0;
}

 
 .player .progBarre,
 .player .volumeBarre{
	background-color: #2E8AB0;
}

 .player .prog:hover .progBarre,
 .player .volumeF:hover .volumeBarre{
	background-color: #66B5D5;
}

 .player .timer{
	order: 5;
	margin-left: auto;
}

 .player .volumeF{
	background-color: skyblue;
	align-self: center;
	position: relative;
	order: 4;
	width: 75px;
	margin: 10px 20px;
}

 .player .volumeF:before{
	position: absolute;
	top: -.15rem;
	left: -10px;
	content: '-';
}

 .player .volumeF:after{
	position: absolute;
	top: -.15rem;
	right: -10px;
	content: '+';
}

 .playlist .player{
	border-radius: 10px;
}

 .playlist ul{
	border: 0;
	max-width: 250px;
	background-color: transparent;
}

 .playlist ul li{
	color: #000;
}

 .playlist ul li:nth-of-type(odd){
	background-color: #2E8AB0;
}

 .playlist ul li:nth-of-type(even){
	background-color: skyblue;
}

 .playlist ul li:hover{
	background-color: #66B5D5;
}
.ListesArticle {
    background: #f9f5ec;
    display: block;
    clear: both;
    border-radius: 15px;
    padding: 30px 20px;
    font-size: 15px;
    color: #9b8216;margin: 30px auto;
}

.ListesArticle li {
    margin-bottom: 17px;
}

span.mod-articles-category-date {
    display: block;
}

span.mod-articles-category-date {
    font-size: 12px;
    padding-top: 5px;
}

a.mod-articles-category-title:hover {
    color: #998115 !important;
}

video {
    width: 100%;
    height: auto;
}
.containeriframe {
  position: relative;
  /*overflow: hidden;*/
  width: 100%;
  padding-top: 56.25%;height: 380px;
}

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.Molta9a .rl_tabs .nav-tabs>li.active>a, .Molta9a .rl_tabs .nav-tabs>li.active>a:hover {
    background: #44766a !important;
    color: #fff !important;
    border: 0 !important;
}
.Molta9a .rl_tabs.outline_content>ul.nav-tabs {
    display: flex;
    border-bottom: 2px solid #ccc;
    align-content: center;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;    padding-bottom: 1px;
}
.Molta9a .rl_tabs .nav-tabs>li>a {
    font-size: 16px;
    padding: 10px 30px;
    font-weight: 900 !important;
}
.BoxInterne, .BoxInterne2, .BoxInterne3{
	    width: 100vw;
	    position: relative;
	    margin-left: -50vw;
	    left: 19%;
	    padding:40px 0 90px;
	    background-size: cover !important;
	    overflow:hidden;
	    color: #fff; 
	    margin-top:10px;
}
.BoxInterne {
    background: #2a7554 url(../images/bg_message.jpg) repeat top center fixed;
}
.BoxInterne .container {
    display: block;
    position: relative;
}
.itemid-478 main#sp-component {
    width: 100%;
}
.BoxInterne h1, .BoxInterne2 h1, .BoxInterne3 h1{background: url(../images/bgtitlebas.png) no-repeat bottom center ;    padding: 0 0 30px;color:#fff;text-align:center;font-weight:900 !important;margin:10px 0 30px}
 .BoxInterne3 h1{color:#000;}
.BoxInterne2 {
    background: #867234 url(../images/bg_message2.jpg) repeat top center fixed;
 
}
@media(max-width:1800px){
  .BoxInterne, .BoxInterne2, .BoxInterne3{
    left: 16%;
}
}

@media(max-width:1700px){
  .BoxInterne, .BoxInterne2, .BoxInterne3{
    left: 12%;
}
}

@media(max-width:1500px){
  .BoxInterne, .BoxInterne2, .BoxInterne3{
    left: 10%;
}
}

@media(max-width:1400px){
  .BoxInterne, .BoxInterne2, .BoxInterne3{
    left: 6%;
}
}

@media(max-width:1300px){
  .BoxInterne, .BoxInterne2, .BoxInterne3{
    left: 6%;
}
	
	.Molta9a .rl_tabs>.tab-content>.tab-pane {
	    padding: 30px 0  !important;
	}
}
@media(max-width:767px){
	.Molta9a .rl_tabs .nav-tabs>li>a {
    font-size: 13px;
    padding: 10px ; text-align:right;
}
}
@media(max-width:600px){
  .Molta9a .rl_tabs .nav-tabs>li>a {
 
}
}
@media(max-width:500px){
    .Molta9a .rl_tabs .nav-tabs>li>a { 
      min-height: 65px;
      display: flex !important;
      justify-content: center;
      align-items: center;
  }
	  .article-details iframe { 
	    height: 355px;
	}
}
@media(max-width:480px){
    .Molta9a .rl_tabs .nav-tabs>li>a { 
		font-size:12px;
      min-height: 70px; 
  } 
}
@media(max-width:380px){
    .Molta9a .rl_tabs .nav-tabs>li>a { 
		font-size:10px;
      min-height: 100px; 
  } 
	    .article-details iframe {
        height: 225px;
    }
  .BoxInterne, .BoxInterne2, .BoxInterne3 {
    padding: 30px 0;
    height: 460px;
}
}
 .Molta9a .rl_tabs .nav-tabs:after,  .Molta9a .rl_tabs .tab-content>.tab-pane:after,  
.Molta9a .rl_tabs-responsive:after,  .Molta9a .rl_tabs:after, .Molta9a .rl_tabs>.tab-content>.tab-pane:before { 
	display:none;
}
#sp-time1{
    display: block;
    background: #e6d5ba;
    padding: 30px;
    text-align: center;
    margin: 10px auto;
    color: #000;
}

div.numbers {
    background: #ffffff;
    padding: 10px;
    margin: 0 5px 10px;
    color: #000000;
    width: 51px;
    border-radius: 5px;
}
.tarawih {
    text-align: center;
}

.tarawih table {
    margin: 20px auto;
}
.sp-column.timeTop table { 
    margin: 0 auto;
}
.sp-column.timeTop .sp-module-content >span {
    padding: 0 0 30px;
    display: block;
}
.sp-column.timeTop .text {
    font-size: 15px;
    padding: 10px;
}
#sp-time1 h3 {
    color: #fc2323;
    animation: blink 0.5s infinite;
}
.Blkdown {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px auto;
}
.mod_countdown {
    text-align: center !important; 
}

.itemid-491 #sp-title {
    min-height: 0;
    text-align: center;
}

/****************/
.digital-stamp-card {
  padding: 8px 32px;
  background: #F3F4F6;
}

  .digital-stamp-card .digital-stamp-header {
    display: flex;
    align-items: center;
    gap: 10px;
  }

    .digital-stamp-card .digital-stamp-header h6 {
      margin: 0px;
      color: #161616;
      font-size: 14px;
    }

    .digital-stamp-card .digital-stamp-header .btn-digital-stamp-card {
      cursor: pointer; 
;
    }

      .digital-stamp-card .digital-stamp-header .btn-digital-stamp-card span {
        color: #1B8354;
        font-size: 14px;
      }

      .digital-stamp-card .digital-stamp-header .btn-digital-stamp-card svg,
      .digital-stamp-card .digital-stamp-header .btn-digital-stamp-card img {
        transition: 0.3s;
      }

    .digital-stamp-card .digital-stamp-header.open .btn-digital-stamp-card svg,
    .digital-stamp-card .digital-stamp-header.open .btn-digital-stamp-card img {
      transform: rotate(180deg);
    }

    .btn-digital-stamp-card img {
      margin-right: 4px;
      margin-left: 4px;
    }

  .digital-stamp-card .digital-stamp-body {
    padding-top: 40px;
    padding-bottom: 32px;
    display: none;
  }

    .digital-stamp-card .digital-stamp-body .digital-stamp-container {
      margin-bottom: 32px;
      display: flex;
      gap: 32px;
    }

      .digital-stamp-card .digital-stamp-body .digital-stamp-container .box {
        display: flex;
        align-items: flex-start;
        gap: 18px;
      }

        .digital-stamp-card .digital-stamp-body .digital-stamp-container .box .img-border-rounded {
          padding: 14px 16px;
          display: flex;
          align-items: center;
          justify-content: center;
          border: 1px solid #067647;
          border-radius: 100%;
        }

        .digital-stamp-card .digital-stamp-body .digital-stamp-container .box h6 {
          margin-top: 0px;
          margin-bottom: 12px;
          color: #161616;
          font-size: 18px;
        }

        .digital-stamp-card .digital-stamp-body .digital-stamp-container .box .green-text {
          color: #1B8354;
        }

        .digital-stamp-card .digital-stamp-body .digital-stamp-container .box p {
          margin: 0px;
          color: #384250;
          font-size: 16px;
        }

    .digital-stamp-card .digital-stamp-body .stamp-link-box {
      padding: 8px 28px;
      display: flex;
      align-items: center;
      gap: 12px;
      border-radius: 8px;
      background: #FFF;
    }

      .digital-stamp-card .digital-stamp-body .stamp-link-box p {
        margin: 0px;
        color: #161616;
        font-size: 16px;
      }

      .digital-stamp-card .digital-stamp-body .stamp-link-box a {
        color: #1B8354;
        font-size: 16px;
        text-decoration: underline;
      }

.stamp-ar {
  direction: rtl;
}

.stamp-en {
  direction: ltr;
}

@media (max-width: 768px) {
  .digital-stamp-card {
    padding: 8px 7px;
  }

    .digital-stamp-card .digital-stamp-header {
      flex-wrap: wrap;
    }

      .digital-stamp-card .digital-stamp-header .btn-digital-stamp-card {
        /* flex: 100%; */
        /* margin-right: 33px; */
      }

    .digital-stamp-card .digital-stamp-body .digital-stamp-container {
      flex-direction: column;
    }

  [dir="ltr"] .digital-stamp-card .digital-stamp-header .btn-digital-stamp-card {
    margin-right: 0px;
    margin-left: 33px;
  }
}

@media(max-width: 640px){
	#sp-section-1 .container {
    width: 100%;
    padding: 0;
}
.digital-stamp-card .digital-stamp-header {
        display: inline-flex;
    }
	.digital-stamp-card .digital-stamp-header > svg{display:inline-block;float:right;margin-left: 8px;}
	.digital-stamp-card .digital-stamp-header h6{font-size: 12px;}
	.digital-stamp-card .digital-stamp-header .btn-digital-stamp-card{display:inline-block;margin-top: -4px;}
.digital-stamp-card .digital-stamp-header .btn-digital-stamp-card span {
    font-size: 12px;
}

	    .sp-module.btnsearch {
        left: 95px;
        top: -20px;
    }
	.logo-vision:before {
    right: -30px;
}
	    .custom.logo-vision img {
        max-height: 44px;
    }
	    #sp-blklogo .logo a img { 
        max-width: 100px;
    }
}
 @media(max-width:480px){
	     .digital-stamp-card .digital-stamp-header {
        display: block;
    }
	     div#sp-menu {
        top: 24px;
    }
	 .sp-module.btnsearch {
        left: 0;
        top: 30px;
    }
 }
	@media(max-width: 400px){
 
	    .logo-image {
        max-height: 60px;
	    }
		.custom.logo-vision img {
        max-height: 39px;
        margin-top: 0px;
    }
    .sp-module.btnsearch {
        left: 0;
        top: 25px;
    }
	.fa-search:before {font-size: 20px;}
	div#sp-menu {
        top: 20px;
    }
		    .digital-stamp-card .digital-stamp-header h6 {
        font-size: 10px;
    }
		    .logo-vision:before {
        right: -20px;
    }
		
	}

button.share-copy {
    background: #000;
    border-radius: 6px;
    color: #fff;
    font-size: 16px;
    margin: 0;
    display: inline-block;
    padding: 5px 13px;
    border: 0;
}

.my-share-buttons>* {
    display: flex;
    align-items: flex-start;
}
.share-btn span{
    width: 32px;
    height: 32px;
    line-height: 32px;    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 30px; display:block;
}
.share-wa span{
    background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23FFF%22%20d%3D%22M16.21%204.41C9.973%204.41%204.917%209.465%204.917%2015.7c0%202.134.592%204.13%201.62%205.832L4.5%2027.59l6.25-2.002c1.618.895%203.478%201.404%205.46%201.404%206.234%200%2011.29-5.055%2011.29-11.29%200-6.237-5.056-11.292-11.29-11.292zm0%2020.69c-1.91%200-3.69-.57-5.173-1.553l-3.61%201.156%201.173-3.49c-1.126-1.55-1.79-3.454-1.79-5.512%200-5.182%204.217-9.4%209.4-9.4%205.183%200%209.397%204.22%209.397%209.4%200%205.185-4.214%209.4-9.398%209.4zm5.293-6.832c-.284-.155-1.673-.906-1.934-1.012-.262-.106-.452-.16-.655.12s-.78.91-.954%201.096c-.175.186-.344.203-.627.048-.282-.154-1.2-.494-2.264-1.517-.83-.795-1.372-1.76-1.53-2.055-.157-.295%200-.445.15-.584.135-.124.3-.326.45-.488.15-.163.204-.28.307-.47.104-.19.06-.36-.005-.506-.066-.147-.59-1.587-.81-2.173-.218-.586-.46-.498-.63-.505-.168-.007-.358-.038-.552-.045-.19-.007-.507.054-.78.332-.275.277-1.047.946-1.1%202.365-.053%201.418.928%202.826%201.066%203.023.136.2%201.873%203.272%204.76%204.537%202.887%201.264%202.9.878%203.43.85.53-.027%201.733-.633%202-1.297.265-.664.286-1.24.218-1.363-.07-.123-.26-.203-.54-.357z%22%2F%3E%3C%2Fsvg%3E) !important;
}
.share-x span{
  background-color: #000 !important;
    background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Layer_1%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20style%3D%22fill%3A%20%23fff%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M14.095479%2C10.316482L22.286354%2C1h-1.940718l-7.115352%2C8.087682L7.551414%2C1H1l8.589488%2C12.231093L1%2C23h1.940717%20%20l7.509372-8.542861L16.448587%2C23H23L14.095479%2C10.316482z%20M11.436522%2C13.338465l-0.871624-1.218704l-6.924311-9.68815h2.981339%20%20l5.58978%2C7.82155l0.867949%2C1.218704l7.26506%2C10.166271h-2.981339L11.436522%2C13.338465z%22%2F%3E%3C%2Fsvg%3E) !important;
}

.simp-playlist {
    max-width: 600px;
    margin: 0 auto 50px;
}

input#searchInput {
    background: #fff;
    margin: 0 auto 10px;
    max-width: 300px;
}

select#audioSelect {margin: 0 auto 10px;max-width: 300px;background: rgb(245 240 227);color: #000000;font-weight: bold;font-size: 14px;padding: 15px;}
select,
select::picker(select) {
	appearance: base-select;
	padding: 8px 10px;
	border: 2px solid #44766a;
	border-radius: 10px;
	background-color: white;
	color: #000;
} 
select {
	background-color: #44766a;
	color: white;
}

select::picker-icon {
	content:'\2665';
	 color:#44766a;
}

select option {
	display: flex;
	padding: 6px 3px;
}

select option img {
	width: 25px;
}

option::checkmark {
	content: '\2729'; color:#44766a;
}
 audio#audioPlayer {
    border-radius: 10px !important;
    background: #f1f3f4;
}