html , body{
		  overflow-x: hidden;
			margin: 0;
			font-family: NassimArabicWeb-Regular;
			direction: ltr;
		}
		body{
			background-color: #fbfbfb;
		}
		@font-face {
			font-family: HacenTunisia;
			src: url('../fonts/HacenTunisiaBold.ttf');
			}
		@font-face {
			font-family: HacenTunisia;
			src: url('../fonts/HacenTunisia.ttf');
		}
		@font-face {
			font-family: NassimArabicWeb-Regular;
			src: url('../fonts/NassimArabicWeb-Regular.ttf');
			}
			@font-face {
				font-family: NassimArabicWeb-Bold;
				src: url('../fonts/NassimArabicWeb-Bold.ttf');
				}
		/* =================================================== the Accordion ================================================*/
		.sp{
			margin-left: 6px;
		}
		.pointer{
			cursor: pointer;
		}
		.investCont{
			clear: both;
			display: flex;
			align-items: baseline;
		}
		#first{
			width: 40%;
			display: inline-block;
		}
		#second{
			width: 48%;
			display: inline-block;
			text-align: right;
		}

		.allText {
			color: #6b6b6b;
		}
		b, strong {
			font-weight: bolder !important;
			font-size: 23px !important;
		}
		.at-expanding-share-button.at-expanding-share-button-desktop .at-expanding-share-button-toggle-bg>span{
			background-color: rgb(169, 166, 53) !important;
		}
		.m-top{
			margin-top: 8px;
		}
		.m-t-f{
			margin-top: 10px !important;
		}
		.journpic{
			border-radius: 50%;
			width: 8%;
			margin-right: 6px;
		}
		.accordion .Panelcont {
			position: relative;
		}
		.ContentAccordion {
			display: none;
			border-top: 1px solid rgb(217, 229, 232);
		}
		.ContentAccordion h2{
			font-family: NassimArabicWeb-Bold;
			font-weight: 700;
		}
		.accordion .Panelcont {
			width: 100%;
			font-size: 14px;
			/* text-indent: 15px; */
			user-select: none;
		}

		.accordion .ContentAccordion {
			text-align: left;
			font-size: 18px;
			font-weight: 700;
			line-height: 2;
			padding: 10px;
			color: #695959;
		}

		.arowPanel.active{
			transform: rotate(180deg);
			-webkit-transition: all 0.5s ease-in-out;
			-moz-transition: all 0.5s ease-in-out;
			transition: all 0.5s ease-in-out;
		}
		.col-md-3{
			width: 25%;
		}

					.row {
						margin-right: 15px !important;
						margin-left: 15px !important;
					}
					.Panelcont{
						cursor: pointer;
						display: flex;
						flex-direction: row;
					}
					.panelArow{
						justify-content: center;
					}
					.panel-Gend{
						display: flex;
						align-items: center;
						flex-direction: column;
					}
					.panel-center{
						display: flex;
						align-items: center;
					}
					.relegionName{
							align-items: center !important;
							font-size: 18px;
							font-weight: 700;
					}
					.containerPanalICons{
						display: flex;
					}
					.headNum{
						text-align: center;
    				font-size: 15px;
    				font-weight: 700;
					}
					.Panel{
						background-color: #f5f5f5;
					}
					.iconPanel{
						width: 36px;
						align-items: center !important;
					}
					.numberPanel{
						font-size: 45px;
						font-weight: 700;
						margin-right: 10px;
						padding-bottom: 11px;
					}
					.panelContent{
							background-color: #f5f5f5;
							border-left: 10px solid #afa314;
							padding-top: 11px;
					}
					.arowPanel{
						width: 40px;
					}
					.head2{
						text-align: center;
						font-weight: bold;
					}
					.descriptionPanel{
						text-align: center !important;
						color: black!important;
						font-size: 22px !important;
					}
					.noteSection{
						color: #737373 !important;
    				font-size: 18px !important;
					}
		/*==================================================================== إطار 4 ======================================================== */
					.sectionTextsHead	{
						text-align: center;
						font-weight: 600;
						font-family: NassimArabicWeb-Bold;
					}
					.colPic:hover {
							transform: scale(1.4);
							box-shadow: 1px 16px 20px rgba(0, 0, 0, 0.13);
							opacity: 1 !important;
							z-index: 9999999;
						}
						.colPic2:hover {
							transform: scale(1.9);
							box-shadow: 1px 16px 20px rgba(0, 0, 0, 0.13);
							opacity: 1 !important;
							z-index: 9999999;
						}
					.firstRow{
						border-top: 1px solid gray;
						margin-right: 0px !important;
    				margin-left: 0px !important;
					}
					.secoundRow{
						margin-right: 0px !important;
    				margin-left: 0px !important;
					}
					.thirdRow{
						margin-right: 0px !important;
    				margin-left: 0px !important;
					}
					.descrip-etr4{
						margin-bottom: 36px!important;
						text-align: center !important;
						font-size: 25px !important;
    				font-weight: bolder !important;
					}
					.info4{
						width: 100%;
					}
					.colPic{
						transition: box-shadow .45s ease-out, transform .4s ease-out;
						border: 1px solid gray;
						padding-left: 0px !important;
						padding-right: 0px !important;
					}
					.colPic2{
						transition: box-shadow .45s ease-out, transform .4s ease-out;
						border: 1px solid gray;
						padding-left: 0px !important;
						padding-right: 0px !important;
					}
					.desFirstInfo{
						padding-top: 3px;
						padding-right: 8px;
						border-right: 3px solid grey;
					}
			/*==================================================================== إطار 5 ======================================================== */
				.fiveContaner {
					margin-top: 35px;
					margin-right: 10%;
					margin-left: 10%;
					background-color: #f4f4f4;
					padding-bottom: 28px;
				}
				.fiveContaner h2 {
					text-align: center;
					padding-top: 28px;
					padding-bottom: 28px;
					font-weight: bolder;
					font-family: NassimArabicWeb-Bold;
				}
				.desFive{
					padding-left: 6px;
    			border-left: 5px solid #afa314;
					margin-top: 0px !important;
					padding-top: 3px;
				}
		/*==================================================================== إطار 6 ======================================================== */
				.sixContainer{
					margin-top: 35px;
					margin-right: 0;
					margin-left: 0;
					background-color: #f4f4f4;
					background-image: url("../img/bk8.JPG");
					background-attachment: fixed;
					background-position: center;
					background-repeat: no-repeat;
					background-size: cover;
					position: relative;
				}
				.sixContainer-layer{
					background-color: #000000d6;
					position: absolute;
					/* z-index: 99999; */
					width: 100%;
					height: 100%;
				}
				.six-col{
					border-left: 1px solid rgb(211, 209, 209);
				}
				.sixContainer ul{
					list-style-image: url('../img/back.svg');
					padding-right: 20px;
				}
				.sixContainer li{
					text-align: left;
					font-size: 18px;
    			font-weight: 700;
				}
				.six-h3{
					text-align: left;
					font-weight: 600;
					font-size: 28px;
					margin-bottom: 30px;
				}
				.rowSix{
					color: white;
					padding-top: 35px;
					padding-bottom: 35px;
					display: flex;
				}
				.six-col-r{
					padding-left: 23%;
				}
				.six-col-l{
					padding-right: 16%;
    			padding-left: 43px;
				}
		/*==================================================================== PDF ======================================================== */
				.flexPdf{
					display: flex;
				}
				.pdfImg {
					width: 112px;
    			margin-top: 59px;
				}
				.pdfTop{
					margin-top: 20px;
				}
				.imgPdf a {
					outline: none;
				}
				.imgPdf-container{
					display: flex;
					flex-direction: row;
				}
		/*=========================================================== التنوع الفقهي ===================================================== */
			.Container14{
				margin-top: 35px;
				margin-right: 10%;
				margin-left: 10%;
				background-color: #f4f4f4;
				padding-left: 10%;
				padding-right: 10%;
				text-align: center;
				padding-bottom: 35px;
			}
			.hidden{
				display: none;
			}
			.allPic{
				border-radius: 100%;
				width: 7%;
				cursor: pointer;
				margin-right: 16px;
			}
			.textcontent14-first{
				margin-top: 15px;
				font-size: 19px;
				font-weight: bold;
			}
			.textcontent14-secound{
				font-size: 18px;
				font-weight: bolder;
				margin-top: 10px;
				color: #629b57 !important;
			}
			.m-t14{
					padding-top: 35px;
			}
			.text16 .row{
				margin-right: 0!important;
				margin-left: 0!important;
				border: 1px solid #808080;
			}
			.des16{
				color: #777777 !important;
				font-size: 15px;
				padding-left: 5px;
				padding-top: 5px;
				border-left: 4px solid gray;
				margin-top: 0 !important;
			}
		/* journalistStory */
			.aBtn{
				outline: none;
			}
			.journalistStory{
				direction: ltr;
				border-top: 1px solid #c5c5c5;
			}
			.journHead{
				font-size: 22px;
				margin-top: 15px;
			}
			.journDiscr{
				direction: ltr;
				font-size: 13px;
				margin-top: 3px;
				margin-bottom: 3px;
			}
			.jourBtn{
				color: #fff;
				background-color: #d9534f;
				border-color: #d43f3a;
				border-radius: 5px;
    		margin-bottom: 15px;
			}
			.jourBtn:hover {
				color: #fff;
				background-color: #c9302c;
				border-color: #ac2925;
		}
		/* journalistStory */
		.arij-logo{
			top: 0;
			z-index: 99999999999;
			left:0;
			width: 10%;
			margin-right: 16px;
			position: absolute;
		}
		.show2{
			opacity: 1 !important;
			transform: translateY(0)!important;
		}
		.titlContainer{
			text-align: center;
			opacity: 0;
			transform: translateY(100px);
			transition: all 1s ease-out;
			margin-top: 100%;
		}
		.titlContainer2{
			text-align: center;
			opacity: 0;
			transform: translateY(100px);
			transition: all 1s ease-out;
		}
		/* mnue */
		.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.open>a{
			box-shadow: inset 0 0px 0px rgba(0,0,0,.075) !important;
		}
		.navbar-default{
			background-image: linear-gradient(to bottom,#fff0 0,#f8f8f800 100%) !important;
			box-shadow: inset 0 0px 0 rgba(255,255,255,.15), 0 0px 0px rgba(0,0,0,.075) !important;
		}
		a {
			color: #c31e1e;
		}
		a:hover{
			color: #3e0808;
			text-decoration-line: none;
		}
		#logo{
			float:right;
			margin-left:0px;
			height: 100%;
		}
		#logo1{
			float:right;
			margin-left:0px;
			height:100%;
		}
		#main_menu{
			height:70px;
		}
		#main_menu.sticky{
			position:fixed;
			top:0;
			height:70px;
		}
		.navbar-default{
			background-color: transparent;
			border-color: transparent;
		}
		#main_menu.sticky .navbar{
			margin:10px 0 0 0;
		}
		#main_menu #menu_con{
			height:100%;
		}
		#main_menu .navbar{
			display:table-cell;
			vertical-align: middle;
		}
		#main_menu .navbar a{
			font-size:16px;
			color:#000;
		}
		.navbar-collapse{
			padding:0px;
		}
		.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
			background:#fff;
			color:#D13636 !important;
		}
		.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
			background:#FFF;
			color:#D13636;
		}
		.dropdown-menu li a{
			line-height:30px;
		}
		.dropdown-menu li a:hover{
			background:#f1f1f1;
		}
		.dropdown-menu {
			border: 1px solid #f1f1f1;
			border-radius: 0px;
			-webkit-box-shadow: 0 0px 0px rgba(0,0,0,.175);
			box-shadow: 0 0px 0px rgba(0,0,0,.175);
		}
		#main_menu{
			border-bottom:0px solid lightgray;
			padding:5px 0;
			-webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, .2);
			box-shadow: 0 1px 1px 1px rgba(0, 0, 0, .2);
			background:#FFF;
			width:100%;
			z-index: 5;
		}
		#main_menu i{
			font-size:20px;
		}

		.main-container .row{
			margin:15px 0px;
		}
		.clear{
			clear:both;
		}
		/* IntroTextsCovers */
		.vedioContainer{
			margin-top: 35px;
			padding-right: 10%;
			padding-left: 10%;
		}
		.head2{
			text-align: center;
		}
		.title {
			color: #ffffff;
			font-size: 100px;
			text-shadow: 2px 2px #040404;
			font-family: HacenTunisia;
		}
		.tilteSecound{
			position: relative;
			color: #ffffff;
			font-size: 47px;
			font-family: NassimArabicWeb-Bold;
			-webkit-text-stroke-color: #f23a1f;
			-webkit-text-stroke-width: 10px;
		}
		.tilteSecound div {
			position: absolute;
    	top: 0px;
    -webkit-text-stroke-color: white;
    -webkit-text-stroke-width: 0;
		}
		.tilteSecound2{
			font-family: NassimArabicWeb-Bold;
			padding-bottom: 20px;
			color: #1d0808;
			font-size: 28px;
			font-weight: 800;
		}
		.introh-text p span {
			color: #fff;
			font-size: 24px!important;
			text-align: center;
			font-weight: 700;
	}
		.introh{
			position: relative;
			margin: 0 auto;
			width: 100%;
			overflow-x: hidden;
			height: 100vh;
			z-index: 2;
			background-size: cover;
			background-image: url(../img/MAIN.gif);
			background-position: center center;
			background-attachment: fixed;
		}
			.introh-text {
				display: flex;
				justify-content: center;
				align-items: center;
				flex-direction: column;
				text-align: center;
				position: absolute;
				bottom: 0;
				top: 0;
				left: 0;
				right: 0;
				z-index: 999;
			}
			.line-spacer {
				width: 45%;
				margin: 0 auto;
				margin-top: 20px;
				margin-bottom: 25px;
				border-bottom: 2px solid #3e0808;
			}
			#author {
				padding-bottom: 85px;
			}
			#sup-title {
				text-align: left;
				font-size: 21px;
				color: rgb(51, 51, 51);
				font-weight: 700;
				width: 100%;
			}
			.date2{
				font-size: 21px;
				color: rgb(51, 51, 51);
				font-weight: 700;
			}
		/* SectionTezts */
			.containerTexts{
				margin-left: 25%;
				margin-right: 25%;
			}
			.sectionTexts{
				margin-top: 20px;
				direction: ltr;
				color: #333;
				text-align: left;
				line-height: 29px;
				font-size: 17px;
				font-weight: bold;
				font-family: NassimArabicWeb-Bold;
			}
			.infoChart{
				background-color: #e3e3e35e;
				border-right: 2px solid #a01e1e;
				text-align: left;
				padding-right: 10px;
				margin-top: 7px;
			}
			.headNewText{
				text-align: center;
				font-size: 20px;
				font-weight: bold;
				margin-top: 20px;
				color: #560202;
			}
			.imgPluse{
				margin-left: 5px;
			}
			.Chart1Map{
				width: 100%;
			}
			.Chart2judge{
				width: 100%;
			}
	/* GovernoratesTabs */
		.flex_container{
			display: flex;
			justify-content: space-between ;
			align-items: center;
			flex-direction: row-reverse;
		}

		.number-thousand_icon {
			font-size: 38px;
			color: #707070;
			font-weight: 900;
			display: flex;
			flex-direction: column;
			margin-top: 0px;
			list-style: none;
		}
		.number-thousand_li{
			margin-bottom: -9px;
				margin-top: -5px;
		}
		  .chsrt {
			  margin-top: 20px;
			  height: 400px;
		  }
		.percentChart{
			position: absolute;
			top: 53%;
			left: 44%;
			font-size: 19px;
			font-weight: 600;
		}
		/* .cont-precent{
			position: relative;
		} */
		.graidColores{
			position: relative;
			left: 0;
			right: 0;
			margin: auto;
			height: 19px;
			border-radius: 2px;
			background-color: red;
			width: 50%;
			background-image: linear-gradient(to right,#f7a3a4,#f18d8d,#fa4a4a,#f74040,#f12d2d,#d60d0d,#e41010 ,#d60d0d,#c40808, #b80505, #a80909, #700404, #660303);
		}
		.graidColoresContainer{
			margin-top: 34px;
		}
			.graidColores .descrip-text1::after {
				content: "";
				position: absolute;
				top: 100%;
				left: 50%;
				margin-left: -5px;
				border-width: 5px;
				border-style: solid;
				border-color: black transparent transparent transparent;
		}
		.graidColores .descrip-text2::after {
			content: "";
			position: absolute;
			top: 100%;
			left: 50%;
			margin-left: -5px;
			border-width: 5px;
			border-style: solid;
			border-color: black transparent transparent transparent;
	}
	.graidColores .descrip-text1 {
		width: 120px;
    color: #1b0000;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    border-radius: 6px;
    padding: 3px 0;
    position: absolute;
    z-index: 1;
    bottom: 140%;
    left: 99%;
    margin-left: -60px;
    opacity: .7;
}
		.graidColores .descrip-text2 {
			width: 120px;
			color: #1b0000;
			text-align: center;
			border-radius: 6px;
			padding: 5px 0;
			position: absolute;
			z-index: 1;
			bottom: 140%;
			left: 1%;
			margin-left: -60px;
			opacity: .7;
			font-size: 15px;
			font-weight: 700;
	}
	.map-percent-text{
		margin-top: 6px;
		margin-bottom: 4px;
		font-size: 14px;
		font-weight: 600;
		color: #68656b;
	}
	/* General classes */
	.top-10 {
		margin-top: 7px;
	}
	.top-50{
		margin-top: 50px;
	}

	.center{
		text-align: center;
	}
	.b-r{
		border-right: 1px solid #d4d2d2;
		background: #f9f9f9;
	}
	#mapsection{
		background-color: #fbf7f7;
	}
	hr{
		margin-top: 7px;
		margin-bottom: 0;
		border: 0;
		width: 100%;
		border-top: 1px solid #a1a1a19e;
	}
	/* more text */
		.more{
			margin-top: 7px;
			background-color: #e3e3e35e;
			border-radius: 3px;
			padding: 7px;
		}
	.morecontent span {
			display: none;
	}
	.morelink {
			display: block;
			color: #a01e1e;
			text-decoration: none;
	}
	.morelink:active{
		color: black;
		text-decoration: none;
		color: #a01e1ecf;
	}
	.morelink:hover{
		color: #a01e1ecf;
		text-decoration: none;
	}
	.morelink:visited{
		color: #a01e1ecf;
		text-decoration: none;
	}
	.morelink:focus{
		color: #a01e1ecf;
		text-decoration: none;

	}
	/* Finals */
		.finalTexts{
			font-size: 14px;
			font-weight: 700;
			color: #a01e1e;
			margin-bottom: 8px
		}
		#finalTextsFo span {
			border-right: 2px solid #a01e1e;
			padding-right: 5px;
			display: block;
			color: #333333;
		}
	/* footer */
	#alias{
		color: red;
	}
	footer{
		margin-top: 20px;
		padding-top: 10px;
		padding-bottom: 10px;
		font-size: 21px;
	}
	.teamContant {
		padding-left: 25%;
		display: none;
	}
		.direction2{
			text-align: center;
			cursor: pointer;
			margin-top: 11px;
			margin-bottom: 5px;
		}
		.footerHr {
			margin-top: 15px;
			margin-bottom: 15px;
			border: 0;
			width: 50%;
			border-top: 1px solid #464444;
		}
		.pro{
			margin-right: 10px;
		}
		#copyright {
			background: #000;
			color: #fff;
			text-align: left;
			padding-left: 15px;
   		padding-right: 15px;
		}
		#copyright .kuplix {
			font-family: verdana;
			color: #fff;
		}
		#copyright .kuplix a {
			color: #D13636;
		}

	/* responsive */
	@media screen and (max-width: 992px){
		.row16{
			display: flex;
			flex-direction: row-reverse;
		}
		.secoundRow{
			margin-right: 0 !important;
			margin-left: 0 !important;
			display: flex;
			flex-direction: column-reverse;
		}
		.thirdRow{
			margin-right: 0 !important;
			margin-left: 0 !important;display: flex;
			flex-direction: column-reverse;
		}
		.fiveContaner {
			margin-right: 0%;
			margin-left: 0%;
		}
	}
	@media screen and (max-width: 1024px) {
		.imgPdf-container {
			display: flex;
			flex-direction: row;
			justify-content: space-around;
		}
		.flexPdf{
			display: flex;
			flex-direction: column;
		}
		.accordion-container{
			margin-left: 2% !important;
    	margin-right: 2% !important;
		}

		.m-t-f {
			margin-top: 15px!important;
}

.date2{
	margin-top: 0;
}
.text16 .col-md-3{
	width: 50%;
}
	}
	@media screen and (max-width: 767px) {
		.row16{
			display: flex;
			flex-direction: column;
		}
	}
	@media screen and (max-width: 767px) and (min-width: 480px) {

		.containerTexts{
			margin-left: 15px;
			margin-right: 15px;
		}
		/* GovernoratesTabs */
			.pin-country{
				display: none;
			}
			.flex_container{
				display: none;
			}
			.responsive-tablet{
				display: flex;
				flex-direction: column;
			}
			.Governorates_btn {
				border-radius: 1px;
				width: 100%;
			}
			.responsive-tablet-prop{
				display: flex;
				flex-direction: row-reverse;
				width: 100%;
			}
			.Governorates_btn  .activeb{
				background-color: #989393;
				color: #fcf4f4;
			}
			.activeb{
				background-color: #989393;
				color: #fcf4f4;
			}

			.active  .colr-resp{
				background-color: #c30000;
			}
			.colr-resp{
				background-color: #bcbcbc;
			}
			.active {
				background-color: #989393;
				color: #fcf4f4;
			}

		/*Data representation */
			.allSection {
				background-color: white;
			}
			.content-pens {
				flex-direction: row-reverse;
			}
			.pin-icon {
				font-size: 40px;
				margin-left: 0;
				margin-right: 0;
			}
			.placeholder_text {
				font-size: 22px;
				margin-top: 0px;
				margin-bottom: 0px;
				padding-right: 10px;
			}
			.active1 {
				background-color: transparent;
			}
			.active1 .pin-icon{
				font-size: 41px;
			}
			.nubers {
				font-size: 45px;
			}
			.number-thousand {
				font-size: 24px;
			}.nubersDicribiton {
				font-size: 15px;
			}
			.number-thousand_icon {
				font-size: 32px;
			}
			.b-r {
				border-right: none;
				background: transparent;
			}
			.reverse-col{
				display: flex;
				flex-direction: column-reverse;
			}
			.chartDiscription {
				margin-top: 35px;
				margin-bottom: 35px;
				align-items: center;
				padding-left: 0;
			}
			.chart-pad {
				padding-right: 20px;
				padding-left: 20px;
			}
			.percent-discription{
				display: none;
			}
			.Governorates_names {
				display: flex;
				justify-content: space-evenly;
			}
			.placeholder {
				width: 100%;
			}
			.chrst-top {
				margin-right: 0;
				margin-left: 0;
				margin-bottom: 100px;
			}
			.graidColoresContainer {
				margin-top: 55px;
			}
	}
	@media screen and (max-width: 480px) {
		#sup-title {
			font-size: 16px;
			color: rgb(51, 51, 51);
			font-weight: 700;
			width: 100%;
	}
		.journpic {
			border-radius: 50%;
			width: 8%;
			margin-right: 6px;
			margin-bottom: 10px;
	}
	#first {
    display: inline-block;
}
#second {
	display: inline-block;
	text-align: right;
}
		.teamContant{
			padding-right: 3%;
			padding-left: 0;
		}
			.col-md-3 {
					width: auto;
			}
			.text16 .col-md-3{
				width: 100%;
			}
		.titlContainer{
			margin-top: 159%;
		}
		.imgPdf{
			margin-top: 0px;
			display: flex;
			flex-direction: row;
			justify-content: space-around;
		}
		.imgPdf-container{
			display: flex;
			flex-direction: row;
			justify-content: space-around;
		}
		.pdfTop {
			margin-top: 0;
		}
		.pdfImg {
				width: 70px;
				height: 100px;
				margin-bottom: 0;
				margin-right: 0px;
		}
		.flexPdf {
			display: block;
		}
						.rowSix {
								display: flex;
								flex-direction: column;
						}
						.sixContainer {
							margin-right: 0;
									margin-left: 0;
									    background: #00000094;
							}
							.six-col-l {
								padding-right: 0;
								padding-left: 7%;
							}
								.six-col {
									border-left: 0;
								}
						.six-col-r {
							padding-left: 7%;
							border-bottom: 1px solid #d8d4d4;
					}
					.firstRow{
						margin-right: 0 !important;
						margin-left: 0 !important;
						display: flex;
						flex-direction: column;
					}
					.secoundRow{
						margin-right: 0 !important;
						margin-left: 0 !important;
						display: flex;
						flex-direction: column;
					}
					.thirdRow{
						margin-right: 0 !important;
						margin-left: 0 !important;display: flex;
						flex-direction: column;
					}
					.fiveContaner {
						margin-right: 0%;
						margin-left: 0%;
					}
					.vedioContainer {
						margin-top: 35px;
						padding-right: 1%;
						padding-left: 1%;
				}
				.allPic {
					border-radius: 100%;
					width: 15%;
					cursor: pointer;
					margin-right: 2px;
					margin-bottom: 7px;
					margin-top: 7px;
			}
			.Container14{
				margin-right: 0%;
    		margin-left: 0%;
			}
			.Panelcont {
				align-items: center;
				display: flex;
				flex-direction: column;
			}
			.accordion .Panelcont {
				width: 100%;
				font-size: 14px;
				text-indent: 0;
				user-select: none;
			}
			.relegionName {
				align-items: center !important;
				font-size: 18px;
				font-weight: 700;
				margin-bottom: 10px;
				border-bottom: 1px solid #b5adade0;
			}
			.panelContent {
				border-left: 8px solid #afa314;
		}
			.iconPanel {
				width: 30px;
			}
			.numberPanel {
				font-size: 40px;
				font-weight: 700;
				margin-right: 10px;
				padding-bottom: 0px;
		}
			.headNum {
				font-size: 17px;
			}

	}
	@media screen and (max-width: 480px) {
		.containerTexts {
			margin-left: 2%;
			margin-right: 2%;
		}
		#sup-title{
			float: none;
		}

		#author{
			text-align: left;
    		padding-bottom: 0;
		}
		.title{
			font-size: 43px;
		}
		.tilteSecound{
			font-size: 25px;
		}
		.tilteSecound2 {
			font-size: 16px;
		}
		.introh{
			background-attachment: initial;
		}
		.colPic2:hover{
			transform: scale(1);

		}
		.colPic:hover{
			transform: scale(1);

		}
		.arij-logo {
			top: 0;
			margin-top: 6px;
			width: 32%;
			margin-right: 0;
			position: absolute;
		}
	.description {
	  pointer-events: none;
	  position: absolute;
	  font-size: 18px;
	  text-align: center;
	  background: white;
	  padding: 0 15px;
	  z-index: 5;
	  height: 30px;
	  line-height: 30px;
	  margin: 0 auto;
	  color: #980303;
	  border-radius: 5px;
	  box-shadow: 0 0 0 1px #eee;
	  -moz-transform: translateX(-50%);
	  -ms-transform: translateX(-50%);
	  -webkit-transform: translateX(-50%);
	  transform: translateX(-50%);
	  display: none;
	}
	.description.active {
	  display: block;
	}
	.description:after {
	  content: "";
	  position: absolute;
	  left: 50%;
	  top: 100%;
	  width: 0;
	  height: 0;
	  margin-left: -10px;
	  border-left: 10px solid transparent;
	  border-right: 10px solid transparent;
	  border-top: 10px solid white;
	}


	/* -------------------- */

	.heyo1:hover {
	  -moz-transition: 0.3s;
	  -o-transition: 0.3s;
	  -webkit-transition: 0.3s;
	  transition: 0.3s;
	}

	.enabled1 {
	  stroke:white;
	  cursor: pointer;
	}

	.description1 {
	  pointer-events: none;
	  position: absolute;
	  font-size: 18px;
	  text-align: center;
	  background: white;
	  padding: 0px 15px;
	  z-index: 5;
	  height: 50px;
	  line-height: 30px;
	  margin: 0 auto;
	  color: #980303;
	  border-radius: 5px;
	  box-shadow: 0 0 0 1px #eee;
	  -moz-transform: translateX(-50%);
	  -ms-transform: translateX(-50%);
	  -webkit-transform: translateX(-50%);
	  transform: translateX(-50%);
	  display: none;
	}
	.description1.active {
	  display: block;
	}
	.description1:after {
	  content: "";
	  position: absolute;
	  left: 50%;
	  top: 100%;
	  width: 0;
	  height: 0;
	  margin-left: -10px;
	  border-left: 10px solid transparent;
	  border-right: 10px solid transparent;
	  border-top: 10px solid white;
	}
	}
	@media screen and (max-width: 767px) {
.navbar-default .navbar-collapse{
	background-color: #F8F8F8;
    position: absolute;
    top: 100%;
    padding: 10px;
    z-index: 500;
    left: 0;
    border: 1px solid #eaeaea;
		width: 250px;

}
.navbar-toggle{
	margin-top: 25%!important;
}
.reverse1{
	display: flex;
	flex-direction: column-reverse;
}
	}

	@media screen and (max-width: 780px) {
		.text16 .col-md-3{
			width: 100%;
		}
	}