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

@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,300,700);

body {

	font-family: 'Noto Kufi Arabic', sans-serif;

	background: #fff;

	color: #6f6f6f;

	font-size: 16px;

	font-weight: 400;

	animation: fadein 2s;

	-moz-animation: fadein 2s; /* Firefox */

	-webkit-animation: fadein 2s; /* Safari and Chrome */

	-o-animation: fadein 2s; /* Opera */

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

}

 @keyframes fadein {

 from {

 opacity:0;

}

to {

	opacity: 1;

}

}

 @-moz-keyframes fadein { /* Firefox */

 from {

 opacity:0;

}

to {

	opacity: 1;

}

}

 @-webkit-keyframes fadein { /* Safari and Chrome */

 from {

 opacity:0;

}

to {

	opacity: 1;

}

}

 @-o-keyframes fadein { /* Opera */

 from {

 opacity:0;

}

to {

	opacity: 1;

}

}

.clearfix:after {

	content: '';

	display: block;

	overflow: hidden;

	visibility: hidden;

	height: 0;

	width: 0;

	clear: both;

}

.clearfix {

	zoom: 1;

}

dl.article-info.muted.fawy {

	direction: ltr;

	text-align: right;

}

/* Start preloader */

#preloader {

	position: fixed;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	background: #fff;

	z-index: 10000;

}

#preloader .whirlpool, #preloader .whirlpool::before, #preloader .whirlpool::after {

	position: absolute;

	top: 50%;

	left: 50%;

	border: 1px solid rgb(204,204,204);

	border-left-color: rgb(0,0,0);

	border-radius: 974px;

	-o-border-radius: 974px;

	-ms-border-radius: 974px;

	-webkit-border-radius: 974px;

	-moz-border-radius: 974px;

}

#preloader .whirlpool {

	margin: -50px 0 0 -50px;

	height: 100px;

	width: 100px;

	animation: cssload-rotate 1150ms linear infinite;

	-o-animation: cssload-rotate 1150ms linear infinite;

	-ms-animation: cssload-rotate 1150ms linear infinite;

	-webkit-animation: cssload-rotate 1150ms linear infinite;

	-moz-animation: cssload-rotate 1150ms linear infinite;

}

#preloader .whirlpool::after {

	content: "";

	margin: -40px 0 0 -40px;

	height: 80px;

	width: 80px;

	animation: cssload-rotate 2300ms linear infinite;

	-o-animation: cssload-rotate 2300ms linear infinite;

	-ms-animation: cssload-rotate 2300ms linear infinite;

	-webkit-animation: cssload-rotate 2300ms linear infinite;

	-moz-animation: cssload-rotate 2300ms linear infinite;

}

#preloader .whirlpool::before {

	content: "";

	margin: -30px 0 0 -30px;

	height: 60px;

	width: 60px;

	animation: cssload-rotate 1150ms linear infinite;

	-o-animation: cssload-rotate 1150ms linear infinite;

	-ms-animation: cssload-rotate 1150ms linear infinite;

	-webkit-animation: cssload-rotate 1150ms linear infinite;

	-moz-animation: cssload-rotate 1150ms linear infinite;

}

@keyframes cssload-rotate {

 100% {

 transform:rotate(360deg);

}

}

@-o-keyframes cssload-rotate {

 100% {

 -o-transform:rotate(360deg);

}

}

@-ms-keyframes cssload-rotate {

 100% {

 -ms-transform:rotate(360deg);

}

}

@-webkit-keyframes cssload-rotate {

 100% {

 -webkit-transform:rotate(360deg);

}

}

@-moz-keyframes cssload-rotate {

 100% {

 -moz-transform:rotate(360deg);

}

}

/* End preloader */

em {
    display: block;
    background: #efefef;
    border-right: 4px solid #cf5e5e;
    padding: 10px 15px;
    font-style: inherit;
}

img.auto {

	width: auto;

	height: auto;

	float: right;

	margin: 0 0 15px 20px;

	border: 2px solid #fff;

	box-shadow: 0 0 13px -3px #000;

}

.highslide-thumbstrip.highslide-thumbstrip-horizontal .side, .highslide-thumbstrip-horizontal img {

    width: 70px !important;

    height: 40px;

    margin: 0;

    float: none;

}

a.side {

	float: right;

}

img.side {

    width: 450px;

    height: auto;

    float: left;

    margin: 0 20px 15px 0;

}

.place4, .place5, .place7, body.itemid-101 .breadcrumbs, .home-slider, dt.article-info-term {

	display: none;

}

body.itemid-101 .place4, body.itemid-101 .place5, body.itemid-101 .home-slider {

	display: block;

}

body.itemid-101 .main_content {

	margin: 0;

}

/*{	-webkit-transition: all 0.3s ease 0.1s;

	-moz-transition: all 0.3s ease 0.1s;

	-ms-transition: all 0.3s ease 0.1s;

	-o-transition: all 0.3s ease 0.1s;

	transition: all 0.3s ease 0.1s;}

*/



.place1 {

	display: block;

	background: #efefef;

	padding: 6px 0 0;

	border-bottom: 1px solid #dcdcdc;

}

.place1 ul {

	padding: 0;

	margin: 0;

}

.place1 ul li {

	display: inline-block;

	color: #a1a1a1;

	font-size: 14px;

}

.place1 .info ul li {

	padding-right: 20px;

	line-height: 39px;

}

i.fa.fa-mobile, i.fa.fa-envelope {

    color: #a1a1a1;

    margin-right: 4px;

}

i.fa.fa-mobile {

    font-size: 24px;

    position: relative;

    top: 2px;

}

i.fa.fa-envelope {

    font-size: 16px;

}

.place1 .social {

	text-align: right;

}

.place1 .social li {

	padding-left: 2px;

}

.place1 .social a {

	text-decoration: none !important;

	width: 34px;

	height: 34px;

	color: #a1a1a1;

	border: 1px solid #a1a1a1;

	font-size: 18px;

	text-align: center;

	vertical-align: middle;

	display: table-cell;

	-webkit-transition: all 0.3s ease 0.1s;

	-moz-transition: all 0.3s ease 0.1s;

	-ms-transition: all 0.3s ease 0.1s;

	-o-transition: all 0.3s ease 0.1s;

	transition: all 0.3s ease 0.1s;

}
.place1 .social a:hover {
    color: #1DA1F2;
    border: 1px solid #1DA1F2;
}
.place2 {

    text-align: center;

    position: absolute;

    top: 8px;

    width: 190px;

    height: 190px;

    z-index: 100;

    left: 50%;

    margin-left: -95px;

    border-radius: 50%;

    box-shadow: 0px 7px 10px -2px rgba(0,0,0,0.3);

}

.place2 img {

	width: 100%;

    height: auto;

}

.place3 {

	display: block;

	padding: 12px 0;

	height: 60px;

	background: #fff;

	text-align: center;

	direction: rtl;

}

/*menu*/

.menu .navbar-collapse.collapse {

	padding: 0;

}

.menu ul li ul {

	background: #fff;

	width: 200px;

	display: block;

	opacity: 0;

	border-radius: 3px;

	position: absolute;

	visibility: hidden;

	border-bottom: 3px solid #cf5e5e;

	top: 42px;

	right: 3px;

	margin: 0 2px 0 0;

	padding: 0;

	z-index: 1000;

	box-shadow: 0 0 10px -2px #000;

	-webkit-transition: all 0.3s ease 0.1s;

	-moz-transition: all 0.3s ease 0.1s;

	-ms-transition: all 0.3s ease 0.1s;

	-o-transition: all 0.3s ease 0.1s;

	transition: all 0.3s ease 0.1s;

}

.menu ul li ul:before {

	color: #fff;

	background: url(../images/menu_li_bg.png) 0 0 no-repeat;

	content: "";

	height: 12px;

	width: 17px;

	position: absolute;

	top: -8px;

	right: 15px;

}

.menu ul li:hover > ul {

	opacity: 1;

	visibility: visible;

	-webkit-transition: all 0.3s ease 0.1s;

	-moz-transition: all 0.3s ease 0.1s;

	-ms-transition: all 0.3s ease 0.1s;

	-o-transition: all 0.3s ease 0.1s;

	transition: all 0.3s ease 0.1s;

}

.menu ul li ul ul {

	top: 5px;

	left: 250px;

}

.menu ul li ul ul:before {

	background: none;

}

.menu ul li ul li {

	list-style: none;

	float: none;

	border-bottom: 1px dotted #ccc;

}

.menu ul li ul li a {

	display: block;

	background: none;

	font-size: 14px;

	text-decoration: none;

	color: #373c40 !important;

	padding: 10px 13px;

	text-align: right;

}

.menu ul li ul li a:hover, .menu ul li ul li.active > a {

	color: #cf5e5e !important;

}

.place4 {

	margin: 70px 0 50px;

	direction: rtl;

}

.place4 h2 {

	font-size: 18px;

	color: #cf5e5e;

}

.place4 p {

	font-size: 16px;

	line-height: 27px;

}

.main_content {

    margin: 50px 0;

    direction: rtl;

}

.main_content ul {

	padding: 0;

}

.main_content ul li {

    display: flex;
    list-style: none;
    padding-right: 13px;
    line-height: 28px;
    background: url(../images/li_bg_content.png) right 10px no-repeat;
    font-size: 14px;
}

.message_left {

	padding-left: 50px;

}

.message_left .side {

	width: 100%;

	height: auto;

    border: 4px solid #fff;

    box-shadow: 0 0 18px -3px rgba(0, 0, 0, 0.7);

}

.message_right a {

    display: inline-block;

    background: #cf5e5e;

    border-radius: 10px;

    color: #fff;

    text-align: center;

    padding: 12px 30px;

    font-size: 16px;

    text-transform: capitalize;

    text-shadow: 1px 1px 0 #952828;

}

table.style {

	width: 100%;

	margin-bottom: 20px;

	border-top: 10px solid #ebebeb;

	border-left: 10px solid #ebebeb;

}

table.style td {

	padding: 15px 10px 10px 8px;

	text-align: center;

	border-bottom: 10px solid #ebebeb;

	border-right: 10px solid #ebebeb;

}

table.book-style {

	margin: 0 auto;

}

table.book-style img {

	width: 100%;

	height: auto;

	margin: 0;

	border: 10px solid #ebebeb;

}

table.book-style td {

	padding: 6px;
    display: block;
}

.place5 {

    padding: 40px 0 60px;

    background: #fbfbfb;

    border-top: 1px solid #dedede;

    text-align: right;

}

.place5 .well {

	position: relative;

}

.place5 .well:after {

	content: "";

	position: absolute;

	top: 3px;

	left: 0;

	width: 87%;

	height: 16px;

	background: #efefef;

}

.place5 h3 {

    font-size: 22px;

    text-align: right;

    background: url(../images/title_bg_02.png) bottom right no-repeat;

    padding: 0 0 20px;

    display: block;

    margin: 0;

    color: #cf5e5e;

}

.slide-item-image .work-hover-effect, .work-hover-effect {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	background-color: rgba(229 , 85, 59, 0.7);

	-webkit-transition: all 0.3s ease-in;

	-moz-transition: all 0.2s ease-in;

	-ms-transition: all 0.2s ease-in;

	-o-transition: all 0.2s ease-in;

	transition: all 0.2s ease-in;

	-ms-transform: translateY(-100%); /* IE 9 */

	-webkit-transform: translateY(-100%); /* Chrome, Safari, Opera */

	transform: translateY(-100%);

}

.slide-item-image:hover .work-hover-effect, .linkthumb-popup:hover .work-hover-effect {

	-ms-transform: translateY(0); /* IE 9 */

	-webkit-transform: translateY(0); /* Chrome, Safari, Opera */

	transform: translateY(0);

}

.work-hover-effect span {

	width: 56px;

	height: 56px;

	display: inline-block;

	border: 2px solid #fff;

	border-radius: 50%;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-top: -33px;

	margin-left: -33px;

}

.linkthumb-popup .work-hover-effect i {

	margin: 18px 0 0 22px;

}

.work-hover-effect i {

	margin: 17px 0 0 17px;

	font-size: 22px;

	color: #fff;

	-webkit-transition: all .4s ease-in;

	-moz-transition: all .4s ease-in;

	transition: all .4s ease-in;

}

.work-hover-effect span:hover i {

	-webkit-transform: rotateY(360deg);

	-moz-transform: rotateY(360deg);

	transform: rotateY(360deg);

}

.slide-item-wrap {

    margin-bottom: 10px;

}

.jmnewspro.default .slide-item-title a {

 	display: inline-block;

 	font-size: 16px;

 	font-weight: 400;

 	text-transform: uppercase;

 	color: #cf5e5e;

 	padding: 0 0 16px 0;

 	margin: 0;

}

.jmnewspro.default span.slide-item-readmore a {

	color: #cf5e5e;

    padding: 0;

    display: inline-block;

    text-decoration: none;

    text-transform: capitalize;

}

.jmnewspro.default span.slide-item-readmore a:hover {

	color: #222;

}

.jmnewspro.default .NavButtons.BottomRight {

    position: absolute;

    top: -44px;

    left: 0;

    width: 90px;

    display: inline-block;

    z-index: 100;

    background: #fbfbfb;

    height: 20px;

}

#jmnewspro-95 .bx-controls {

	display: none;

	bottom: -40px !important;

}

/*#jmnewspro-95 .bx-controls, #jmnewspro-95 .bx-controls .bx-pager {

    width: 100%;

    display: flex;

}*/

.place6 {

	padding: 60px 0 60px;
    min-height: 500px;
    background: url(../images/image_bg.jpg) bottom center repeat-x fixed;
    background-size: contain;
}

.place6 h3 {

    font-size: 22px;

    text-align: center;

    background: url(../images/title_bg_01.png) bottom center no-repeat;

    padding: 0 0 20px;

    display: table;

    margin: 0 auto;

    color: #fff;

    font-weight: bold;

}

#sp-testimonial-wrapper #monialsfader #monials li .testi_text {

	background: none !important;

}

#sp-testimonial-wrapper div {

	display: none;

}

#sp-testimonial-wrapper div.mod-wrapper-flat, #sp-testimonial-wrapper div.mod-wrapper-flat div {

	display: block;

}

#monialsfader {

	width: 100% !important;

}

.control_testimonial {

    width: 100%;

    float: left;

    height: 50px;

}

.control_testimonial .control_arrow {

    width: 114px;

    height: 50px;

    position: relative;

    margin: 0 auto;

}

.place7 {

	padding: 40px 0 40px;

}

.place7 h3 {

    font-size: 22px;

    text-align: center;

    background: url(../images/title_bg_02.png) bottom center no-repeat;

    padding: 0 0 20px;

    display: table;

    margin: 0 auto 40px;

    font-weight: bold;

    color: #cf5e5e;

}

table.acymailing_form {

    width: 100%;

    position: relative;

}

table.acymailing_form .acyfield_email input {

    width: 100%;

    border: 1px solid #e3e3e3;

    padding: 18px 14px;

    font-size: 14px;

    color: #cf5e5e;

    height: 60px;

    text-align: right;

}

table.acymailing_form input.button {

    position: absolute;

    top: 0;

    left: 0;

    width: 170px;

    text-indent: 0;

    background: #cf5e5e !important;

    height: 60px;

    font-size: 20px;

    text-transform: uppercase;

}

.place8 {

	display: block;

	padding: 16px 0;

	background: #fff;

}

.place8 p {

	margin: 0;

	color: #222;

	font-size: 14px;

	text-align: center;

}

.moduletablesend-form h2, .contact-info h3 {

	text-align: center;

	color: #333;

	text-transform: capitalize;

	font-weight: 300;

	padding: 0 10px;

	margin: 30px 0 10px;

	background: none;

	font-size: 24px;

}

.contact-info img {

	width: 100%;

	height: auto;

	border: 4px solid #fff;

	box-shadow: 0 0 10px -2px #ccc;

}

.contact-info ul {

	padding: 0;

}

.contact-info ul li {

	list-style: none;

	padding-right: 34px;

	line-height: 30px;

	margin-bottom: 6px;

}

.contact-info li.add {

	background: url(../images/contact_info.png) right 0 no-repeat !important;

}

.contact-info li.fax {

	background: url(../images/contact_info.png) right -326px no-repeat !important;

}

.contact-info li.mobile {

	padding-left: 34px;

	line-height: 30px;

	margin-bottom: 6px;

	background: url(../images/contact_info.png) right -122px no-repeat !important;

}

.contact-info li.phone {

	padding-left: 34px;

	line-height: 30px;

	margin-bottom: 6px;

	background: url(../images/contact_info.png) right -60px no-repeat !important;

}

.contact-info li.whats {

	padding-left: 34px;

	line-height: 30px;

	margin-bottom: 6px;

	background: url(../images/contact_info.png) right -173px no-repeat !important;

}

.contact-info li.email {

	padding-left: 34px;

	line-height: 30px;

	margin-bottom: 6px;

	background: url(../images/contact_info.png) right -271px no-repeat !important;

}

#send {

	margin: 0;

	background: #cf5e5e;

	padding: 8px 26px;

	text-transform: capitalize;

	border: none;

	text-shadow: 1px 1px 0 #000;

	font-weight: 300;

	font-size: 16px;

	border-radius: 5px;

	line-height: 18px;

	color: #fff;

	height: 37px;

	width: 90px !important;

}

.video-style {

    border: 10px solid #efefef;

    padding: 0;

    text-align: center;

    margin-bottom: 30px;

}

.video-style p {

	font-size: 12px; 

}

/* gototop */

#gototop {

	background: url(../images/go-to-top.png) no-repeat scroll center center #cf5e5e;

	border-radius: 4px 4px 0 0;

	bottom: 65px !important;

	height: 32px;

	padding: 0 !important;

	right: 20px !important;

	width: 42px;

	border: none !important;

}

#gototop:hover {

	background: url(../images/go-to-top.png) no-repeat scroll center center #cf5e5e;

	opacity: 0.7 !important;

}

/* pagination */



.pagination {

	width: 100%;

}

.pagination ul {

	padding: 0;

}

.pagination ul li {

	list-style: none;

	float: left;

	margin-right: 1px;

	background: none;

	padding: 0;

}

.pagination a {

	display: inline-block;

	text-align: center;

	width: 34px;

	height: 22px;

	background: #cf5e5e;

	color: #fff;

	margin: 0 2px;

	border: none;

	line-height: 22px;

	border-radius: 10px;

}

.pagination a span {

	display: inline-block;

	width: 34px;

	height: 22px;

	line-height: 22px;

}

li.disabled a, .pagination a:hover {

	background: #efefef;

}

.pagination a i {

	display: block;

	width: 20px;

	height: 20px;

}

.pagination a .icon-first {

	background: url(../images/arrow-icon.png) 0px -22px no-repeat;

}

.pagination a .icon-previous {

	background: url(../images/arrow-icon.png) 0px 0px no-repeat;

}

.pagination a .icon-next {

	background: url(../images/arrow-icon.png) 0px -44px no-repeat;

}

.pagination a .icon-last {

	background: url(../images/arrow-icon.png) 0px -65px no-repeat;

}



.pagination li.disabled a .icon-first, .pagination a .icon-first:hover {

	background: url(../images/arrow-icon.png) 0px -22px no-repeat;

}

.pagination li.disabled a .icon-previous, .pagination a .icon-previous:hover {

	background: url(../images/arrow-icon.png) 0px 0px no-repeat;

}

.pagination li.disabled a .icon-next, .pagination a .icon-next:hover {

	background: url(../images/arrow-icon.png) 0px -44px no-repeat;

}

.pagination li.disabled a .icon-last, .pagination a .icon-last:hover {

	background: url(../images/arrow-icon.png) 0px -65px no-repeat;

}

.pagination li.active a {

	color: #000;

	text-decoration: underline;

}

/* media*/



 @media (max-width:767px) {

.logo {

    text-align: center;

    position: relative;

    width: 140px;

    height: 140px;

    margin-left: -70px;

}

.col-md-6.info, .col-md-6.social {

    text-align: center;

}

.place3 {

    height: auto;

    padding: 15px;

}

.nav {

	margin: 0;

}

.search, li.item-143 {

	display: none !important;

}

.menu>li {

    display: block;

    text-align: center;

}

.menu>li>a {

    padding: 10px 0;

    margin: 0 0 1px 0;

    font-size: 14px;

    border: none;

}

.menu ul li ul {

	display: none;

    top: 0;

    left: 0;

    width: 100%;

}

.menu ul li:hover > ul {

	display: block;

    width: 100%;

    position: relative;

    margin: 0;

}

.message_left {

    padding: 0 15px;

    width: 100%;

    margin-top: 20px;

}

.place5 .well:after {

	width: 60%;

}

.jmnewspro.layout1 .slide-item-desc {

	padding: 0 !important;

}

.place4 {

    margin: 20px 0 30px;

}

#sp-testimonial-wrapper #monialsfader #monials li .img {

    margin: 0 auto;

    float: none !important;

}

.place6 {

	padding: 40px 0 0;

}

#sp-testimonial-wrapper #monialsfader #monials li .testimonials {

	font-size: 12px !important;

    line-height: 22px !important;

}

.place8 p {

	text-align: center;

}

a.side {

	float: none;

	width: 100%;

}

img.side {

	width: 100%;

	float: none;

	margin: 0 0 10px;

}

.breadcrumbs {

    padding: 40px 0 40px;

    background: url(../images/image_bg.jpg) top center no-repeat fixed;

}

.breadcrumb>li a, .breadcrumb>li {

	font-size: 14px;

}

.h2, h2, h3, .place6 h3, .place7 h3 {

	font-size: 20px;

	line-height: 28px;

}

.h4, h4, .moduletablesend-form h2, .contact-info h3 {

	font-size: 18px;

}

.main_content {

    margin: 30px 0;

}

table.book-style td {

    padding: 6px;

    display: block;

}

table.acymailing_form input.button {

	position: inherit;

	width: 100%;

	font-size: 16px;

}

table.style td {

    display: block;

    width: 100% !important;

}

}

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



}