body{
	font-family: 'Cairo', sans-serif;
	font-size: 17px;
}


* {
	-webkit-transition: all 150ms ease-in-out;
	transition:         all 150ms ease-in-out;

}

.fa::before {

	content: "\f041";
	margin: 0px 0 0 10px;

}


.header-top{
	background:#1f1f1f;
	color: white;
	padding: 7px;
}

.header-main{
	padding: 15px;
	background-color:#1f74c7;
	margin-bottom: 10px;
}

.lintop a{

	color: rgba(255, 255, 255, 0.6);
	padding: 7px;
	font-size: 18px;
}


.lintop a:hover{
	color: rgba(255, 255, 255, 1);
	padding: 7px;
	font-size: 18px;
	text-decoration: none;
}

.takafel{
	background: #4caf50;
	color: rgba(255, 255, 255, 1) !important;
	padding: 7px 15px !important;
}

.logo img
{

	float: right;
}

.logo .text {
	float: right;
	margin-right: 10px;
	margin-top: 9px;

}

.logo .text h1{

	font-size: 16px;
	font-family: "Cairo";
	color: white;
	font-weight: bold;

}


.logo .text p{
	font-size: 16px;
	font-family: "Cairo";
	color: white;
	font-weight: bold;

}

.text2 p{
	text-align: center;
	color: #595959;
	font-size: 14px;

}

.text2 h1{
	margin-bottom: 0px;

}

.nav-desgin{
	background: #ebebeb;
}


.adv img{
	width: 100%;
}

.martyr-day {
	background: #a9d6ff;
	padding: 55px 0;
	position: relative;
}


.martyr-day h1{

	font-size: 28px;
	padding: 0 0 10px 0;
	color: black;
font-weight: bold;
	text-align: center;
	position: relative;
}

.martyr-day p{

	font-size: 18px;
	text-align: center;
}

.martyr-day2{

	background: #1f1f1f;
	padding: 55px 0;

}



.martyrcard {
	background: white;
	padding: 10px;
	}

.martyrcard img{
	float: left;

	width: 30%;
	height: 200px;
	margin: -15px;
}


.martyrcard h1 {
	width: 70%;
	font-size: 24px;
	font-family: "Cairo";
	color: rgb(212, 51, 51);
	font-weight: bold;
	line-height: 1.2em;
	text-align: center;
	float: right;
}

.martyrcard p {
	width: 70%;
	font-size: 18px;
	font-family: "Cairo";
	line-height: 1.2em;
	text-align: center;
	float: right;
}


.header-gray {
	font-size: 32px;
	padding: 0px 0 10px 0;
	color: #2e2e2e;
	text-align: center;
	font-weight: bold;
}

.card{
	border: 0;
	border-radius: 0;
}

.soundcards{
	background: white;
}

.soundcards img{
	width: 150px !important;
	float: right;
	padding: 10px;
}

.soundcards p{

	padding: 6px 0;
}


.soundcards h1{
	background: #d22f2f;
	padding: 15px 0;
	margin: 0;
	color: white;
}

.owl-prev{
	position: absolute;
	top: 50%;
	right: -50px;
	padding: 10px;
	color: rgba(0, 0, 0, 0.2);
	font-family: Font Awesome\ 5 Free;
	font-weight: 900;
	font-size: 50px;
	margin: -40px 0 0 0;
  }


.owl-next{
	position: absolute;
	top: 50%;
	left: -50px;
	padding: 10px;
	color: rgba(0, 0, 0, 0.2);
	font-family: Font Awesome\ 5 Free;
	font-weight: 900;
	font-size: 50px;
	margin: -40px 0 0 0;


}

.owl-next:before {
	content: "\f053";
}

.owl-prev:before {
	content: "\f054";
}



.owl-carousel.owl-rtl {

	margin: 0 0 30px 0;
}


.footer {
	background: #232323;
	padding: 15px 0;
}

.txt-footer{

	text-align: right;
	color: white;
	font-size: 13px;
}

.linbotom a {
	color: #7a7a7a;
	font-size: 25px;
	padding: 10px;
}

.cardsimple h1{
	color: black;
	font-size: 20px;
	font-weight: bold;
}


.cardsimplee{

margin-left:20px;
}


.cardsimple{

	top: 30px;
}

.cardsimplee h1{
	color: white;
	font-size: 20px;
	font-weight: bold;
	margin: 0 0 26px 0;

}


.cardsimplee p{
	color: white;
	font-size: 14px;
	margin-left: 10px;

}

.cardsimplee a{
	color: white;
	font-size: 14px;

}


.cardsimplee li{

	color: white;
	text-underline: none;
	list-style-type: none;
	font-family: 'Cairo', sans-serif;
	font-size: 15px;

}



.fa{
	color: white;
	float:right;
}



.cardsimple p{
	color: black;
	font-size: 14px;

}





.cardsimple li:hover{

	text-underline: none;
}



.cardsimple a{
	color: white;
}


.contpadd{
	padding: 0px 0px 30px 0px;
position: relative;


}

.contpadd::after {

	content: "";
	background-image: url("../images/logox2.png");
	background-repeat: no-repeat;
	background-size: 300px auto;
	opacity: 0.05;
	top: 40px;
	left: 40px;
	bottom: 0;
	right: 0;
	position: absolute;
	z-index: -1;

}



.carousel-control-next-icon, .carousel-control-prev-icon {
	display: inline-block;
	width: 50px;
	height: 50px;
	text-shadow: 0 0 10px #000000;
	}


.carousel-control-next, .carousel-control-prev{
background: linear-gradient(to left, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 100%);
}



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

	.slidee>li{
		width: 100% !important;
	}
	.owl-next {
		left: 0;
	}

	.owl-prev {
		right: 0;
	}

	.st-wrapper .st-item.st-rightflow, .st-wrapper .st-item.st-leftflow, .st-wrapper .st-item.st-center {
		width: 90% !important;
		margin-bottom: 10px !important;
	}

	.st-wrapper .st-title,
	.st-wrapper nav {

		width: 100% !important;

	}
	.st-wrapper{
		height: 400px !important;
	}


}

.carousel-control-prev-icon,
.carousel-control-next-icon {

	background-image: none;
}

.carousel-control-next-icon:after
{
	content: "\f054";
	font-size: 55px;
	color: #1f74c7;
	font-weight: 900;
	font-family: Font Awesome\ 5 Free;

}

.carousel-control-prev-icon:after {
	content: "\f053";
	font-size: 55px;
	color: #1f74c7;
	font-weight: 900;
	font-family: Font Awesome\ 5 Free;


}

.card-deck .card{
	 min-width: 40%;
	 margin-bottom:30px;

}

.cardsimple i{
	color: white;
}



figure.snip0020 {

	color: #fff;
	position: relative;
	float: left;
	overflow: hidden;

	width: 100%;
	background: #000000;
	text-align: center;
}
figure.snip0020 * {

	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
figure.snip0020 img {
	opacity: 1;
	width: 100%;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}
figure.snip0020 figcaption {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
figure.snip0020 figcaption > div {
	height: 50%;
	overflow: hidden;
	width: 100%;

}
figure.snip0020 figcaption::before {
	position: absolute;
	top: 50%;
	right: 50%;
	left: 50%;

	content: '';
	opacity: 0;
	background-color: rgba(255, 255, 255, 0);
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	-webkit-transition-delay: 0.6s;
	transition-delay: 0.6s;
}
figure.snip0020 h2,
figure.snip0020 p {
	margin: 0;
	padding: 30px 35px;
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	-webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
	transition: opacity 0.4s,-webkit-transform 0.4s,-moz-transform 0.4s,-o-transform 0.4s,transform 0.4s;
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}
figure.snip0020 h2 {
	display: inline-block;
	word-spacing: -0.1em;
	font-weight: 300;
	text-transform: uppercase;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, transparent 60%, rgba(0, 0, 0, 0.7) 100%);
	-webkit-transform: translate3d(0%, 50%, 0);
	transform: translate3d(0%, 50%, 0);
}
figure.snip0020 h2 span {
	font-weight: 800;
}
figure.snip0020 p {
	font-weight: 300;
	top: 0%;
	color: white;
	background: #32a1f3;
	transform: translate3d(0%, -50%, 0);
}
figure.snip0020 .curl {
	width: 0px;
	height: 0px;
	position: absolute;
	bottom: 0;
	right: 0;
	transition: all .3s ease;
}
figure.snip0020 .curl:before,
figure.snip0020 .curl:after {
	content: '';
	position: absolute;
	z-index: -1;
	left: 12%;
	bottom: 6%;
	width: 70%;
	max-width: 300px;
	max-height: 100px;
	height: 55%;
	box-shadow: 0 12px 15px rgba(0, 0, 0, 0.3);
	transform: skew(-10deg) rotate(-6deg);
}
figure.snip0020 .curl:after {
	left: auto;
	right: 6%;
	bottom: auto;
	top: 14%;
	transform: skew(-15deg) rotate(-84deg);
}
figure.snip0020 {
	color: #ffffff;
}
figure.snip0020:hover img,
figure.snip0020.hover img {
	opacity: 0.7;
}
figure.snip0020:hover figcaption h2,
figure.snip0020.hover figcaption h2,
figure.snip0020:hover figcaption p,
figure.snip0020.hover figcaption p {
	-webkit-transform: translate3d(0%, 0%, 0);
	transform: translate3d(0%, 0%, 0);
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}
figure.snip0020:hover figcaption h2,
figure.snip0020.hover figcaption h2 {
	opacity: 1;
}
figure.snip0020:hover figcaption p,
figure.snip0020.hover figcaption p {
	opacity: 1;
}
figure.snip0020:hover figcaption::before,
figure.snip0020.hover figcaption::before {
	background: #ffffff;
	left: 0px;
	right: 0px;
	opacity: 1;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}
figure.snip0020:hover figcaption .curl,
figure.snip0020.hover figcaption .curl {
	width: 40px;
	height: 40px;
	-webkit-transition-delay: 0.7s;
	transition-delay: 0.7s;
}





.slidee>li{
	float: right;
	list-style: none;
	margin: 1px;
		width: 49%;
}


.slideimg {
	margin-top: 15px;
}


.slidee p{

	font-family: "Cairo";
}


ul {
	padding: 0;
	margin: 0;

}


#home-circle {
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -99px;
	margin-top: -29px;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: #949599;
	color: #d16b19;
	font-size: 28px;
	text-align: center;
	line-height: 90px;
	z-index: 1;

}

#home-circle1 {
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -105px;
	margin-top: -35px;
	width: 72px;
	height: 72px;
	border-radius: 50%;
	background: white;
	color: #d16b19;
	font-size: 28px;
	text-align: center;
	line-height: 90px;
	z-index: 1;

}



#home-circlee {
	display: block;
	position: absolute;
	top: 0;
	left: 56%;
	margin-left: -99px;
	margin-top: -29px;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: #949599;
	color: #d16b19;
	font-size: 28px;
	text-align: center;
	line-height: 90px;
	z-index: 1;

}


#home-circlee:active {


	 background-color: #ed1b26;
	 box-shadow: 0 3px #f2f2f2;
	 transform: translateY(4px);


 }

#home-circlee:hover {

	background-color: #ed2024;

}


#home-circle:active {


	background-color: #ed1b26;
	box-shadow: 0 3px #f2f2f2;
	transform: translateY(4px);


}

#home-circle:hover {

	background-color: #ed2024;

}



#home-circle2 {
	display: block;
	position: absolute;
	top: 0;
	left: 56%;
	margin-left: -105px;
	margin-top: -35px;
	width: 72px;
	height: 72px;
	border-radius: 50%;
	background: white;
	color: #d16b19;
	font-size: 28px;
	text-align: center;
	line-height: 90px;
	z-index: 1;

}


.fa-camera::before {

	color: white;
	margin-right: 17px;
	line-height: 55px;
}


.fa-video::before {

	color: white;
	margin-right: 14px;
	line-height: 55px;
}



#home-circle i {
	position: relative;
	z-index: 1;
}


.word h1 {
	font-size: 32px;
	padding: 0px 0 10px 0;
	color: #2e2e2e;
	text-align: center;
	font-weight: bold;
}

.word p {

	padding: 0px 0 40px 0;
	text-align: center;
}


.navbar{

background-color:rgba(255,255,255, 0.1);
	padding: 0.75rem;
	border-radius: 8px;

}

.navbar-light .navbar-nav .nav-link {
	color: rgba(0,0,0,.5);
	color: white;
}

.navbar-light .navbar-brand {
	color: rgba(0,0,0,.9);
	color: white;
}

.card-deck {

	margin-right: 0px;
	margin-left: 0px;

}


.thumbnail:nth-child(2n+1) {
	background-color: #FFFFFF;
	border: 0px solid #d7d7d7;
	border-radius: 0px;
	color: #1b1b1b;
	padding: 0px;
}


.thumbnail img {
	float: right;
	margin-left: 4px;

}

.thumbnail .caption {
	padding: 0 !important;
}

.caption h3 {
	margin-top: 4px;
	margin-bottom: 4px;
	font-size: 18px;
}

.caption p {
	font-size: 14px !important;
	color: #4b4b4b;
}




.list-a a{
	display: list-item;
	text-align: right;
	color: #ffffff;
	list-style: disc;
	list-style-position: inside;
	font-size: 16px;
	padding: 0 0 10px 0;
}


.absolute-news{
	position: fixed;
	padding: 15px;
	background: #2877bc;
	z-index: 150;
	bottom: 0;
	right: 0;
	left: 0;
}

.absolute-news a{
	color: #f9f9f9;
text-decoration: none;
}

.close-absolute-news{
	cursor: pointer;
	font-size: 28px;
}

.in-page{
	background: #efefef;
	padding: 15px;
}
.img-reponsive{
	width: 100%;
	height:auto;
}
.slider{
	width:33%!important;
padding: 0px 10px;
}

.ticker {
    width: 100%;
    margin: 0px 0px 10px; 0px;
    auto;
    background-color: white;
    border-radius: 5px;
    font-family: 'Cairo', sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #212529;
    text-align: right;
}
    /* The HTML list gets replaced with a single div,
       which contains the active ticker item, so you
       can easily style that as well */
.ticker div {
    display: inline-block;
    word-wrap: break-word;
}
video{
    width:100%!important;
}