/*
 Theme Name:  official website
 Theme URI: ---
 Description:  official website
 Author: 7lol web solutions
 Author URI:  ,7lol.net
 Version: 1.0
 Tags: black, blue, white,rtl-language-support, editor-style, custom-menu (optional)

 License:
 License URI:

 General comments (optional).
 */


@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@400&display=swap');

body {
	font-family: 'Almarai';
}
a {
    color: #26a7e0;
    text-decoration: none;
}
.search-input {
	border-radius: 0px;
	background-color: #505050;
	color: #fff;
	border: 2px #464646 solid;
}
.btn-search {
	color: #FFF;
	background-color: #8E8E8E;
	border-color: #505050;
	border-radius: 0px;
}
.information li a {
	font-family: sans-serif;
	letter-spacing: 2px;
	font-weight: 100;
}
.information li a:hover {
	color: #68A021 !important;
}
.navbar-hatra {
	background-color: #383838;
	border-color: #e7e7e7;
	color: #68A021;
	margin-bottom: 0px;
	border: 0px;
	border-radius: 0px
}
.navbar-hatra .navbar-nav > li > a {
	color: #B5B5B5;
}

.logo {
	width: 100%;
	height: auto;
}
.navbar-hatra2 {
	background-color: #ffffff;
	border: 0px;
	border-radius: 0px;
	margin-bottom: 0px;
}
.navbar-hatra2 .navbar-nav {
	margin-top: 2%;
	margin-bottom: 2%;
}
.navbar-hatra2 .navbar-nav > li {

}

.navbar-hatra2 .navbar-nav > li > a {
	color: #636161;
	padding: 25px 10px;
}
.navbar-hatra2 .navbar-nav > li > a:hover, .navbar-hatra2 .navbar-nav > li > a:focus {
	color: #205b6e;
	background-color: transparent;
}
.lang-btn {
	color: #fff !important;
	background-color: #D45A5A;
	border-radius: 50px;
	padding: 10px !important;
	margin-top: 10px;
}
.page-row {
    margin: 20px;
    font-size: 16px;
    line-height: 30px;
}
/****slider carousel****/

/* Carousel Styles */
.carousel-indicators .active {
	background-color: #2980b9;
}

.carousel-inner img {
	width: 100%;
	max-height: 600px;
}

.carousel-control {
	width: 0;
}

.carousel-control.left, .carousel-control.right {
	opacity: 1;
	filter: alpha(opacity=100);
	background-image: none;
	background-repeat: no-repeat;
	text-shadow: none;
}
.carousel-control.right {
	left: 200px;
	right: auto;
}
.carousel-control.left {
	left: 150px;
	right: auto;
}
.carousel-control.left span {
	padding-top: 23px;
	height: 80px;
	width: 40px;
}

.carousel-control.right span {
	padding-top: 23px;
	height: 80px;
	width: 40px;
}
.loll {
float: left;
}
.ll {
float: right;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
	position: absolute;
	top: 45%;
	z-index: 5;
	display: inline-block;
}

.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
	left: 0;
}

.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
	right: 0;
}

.carousel-control.left span, .carousel-control.right span {
	background-color: rgba(0, 0, 0, 0.73);
}

.carousel-control.left span:hover, .carousel-control.right span:hover {
	opacity: .7;
	filter: alpha(opacity=70);
}

/* Carousel Header Styles */
.header-text {
	position: absolute;
	top: 20%;
	left: 36%;
	right: auto;
	width: 29.666667%;
	color: #fff;
}

.header-text h2 {
	font-size: 40px;
}

.header-text h2 span {

	padding: 10px;
}
.header-text::after {
	content: '';
	position: absolute;
	height: 180px;
	width: 100px;
	right: 0;
	color: #fff;
	border-right: 5px #fff solid;
	border-bottom: 5px #fff solid;
	border-top: 5px #fff solid;
}
.header-text::before {
	content: '';
	position: absolute;
	height: 180px;
	left: 0;
	width: 70px;
	color: #fff;
	border-left: 5px #fff solid;
	border-top: 5px #fff solid;
	border-bottom: 5px #fff solid;
}
.header-text h3 span {
	font-weight:800;
	padding: 15px;
}

.btn-min-block {
	min-width: 170px;
	line-height: 26px;
}

.btn-theme {
	color: #25b2ff;
	background-color: transparent;
	border: 0px solid #fff;
	margin-right: 15px;
	border-radius: 0px;
	border-bottom: 3px #25b2ff solid;
	font-size: 28px;
}

.btn-theme:hover {
	color: #6FBB44;
	background-color: rgba(0, 0, 0, 0.3);
	border-color: #6FBB44;
}

/***end of sldier*****/
.news-container {
	background: url('https://7llnt.com/wp/hatra/wp-content/uploads/2016/04/Android-2160x1920.jpg');
	background-attachment: scroll;
}
.news {
	background-color:#123747d1;
	color: #fff;
	padding-top: 20px;
	padding-bottom: 20px;
}
.title {
	padding: 10px;
	margin-top: 16px;
	font-size: 20px;
	border-bottom: 3px #26a7e0 solid;
	margin-bottom: 11px;
}
.social-down {
	text-align: center;
	color: #Fff;
	font-size: 20px;
}
.social-down a {
	color: #fff;
	margin-left: 30px;
}
.btnmore-yellow {
	color: #26a7e0 !important;
	font-size: 20px;
}
/*****news slider*****/

.quote {
	color: rgba(0,0,0,.1);
	text-align: left;
}

/*-------------------------------*/
/*    Carousel Fade Transition   */
/*-------------------------------*/

#fade-quote-carousel.carousel {
	padding-bottom: 60px;
}
#fade-quote-carousel.carousel .carousel-inner .item {
	opacity: 0;
	-webkit-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
	text-align: right;
}
#fade-quote-carousel.carousel .carousel-inner .active {
	opacity: 1;
	-webkit-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-indicators {
	bottom: 10px;
}

#fade-quote-carousel.carousel .carousel-indicators > li {
	border: 1px #717171 solid;
	display: inline-block;
	width: 30px;
	height: 5px;
	margin: 1px;
	text-indent: -999px;
	cursor: pointer;
	background-color: rgb(113, 113, 113);
	border-radius: 0px;
}
#fade-quote-carousel.carousel .carousel-indicators {
	position: absolute;
	right: 27%;
	bottom: 10px;
	z-index: 15;
	width: 60%;
	padding-right: 0;
	margin-right: -30%;
	text-align: center;
	list-style: none;
}
#fade-quote-carousel.carousel .carousel-indicators .active {
	background-color: #3da7e1;
}

#fade-quote-carousel blockquote {
	text-align: right;
	border: none;
	line-height:37px;
}
#fade-quote-carousel .profile-circle {
	width: 100px;
	height: 100px;
	margin: 0 auto;
	border-radius: 100px;
}

/***news slider end****/

.mid-informations {
	background: url('assets/img/image1.jpg') center;
	background-attachment: fixed;
	background-size: 100% 100%;
	padding-top: 5%;
	padding-bottom: 5%;
	text-align: center;
	color: #fff;
}
.title2 {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 20px;
	font-weight: 800;
}
.navbar-middle li {
	text-align: center;
	width: 48%;
	float: left;
}
.navbar-middle li a {
	color: #fff;
	font-size: 20px;
	font-family: sans-serif;
}
.navbar-middle li a:hover {
	background-color: rgba(42, 42, 42, 0.49);
}
.fas {
	color: #286a7a;
    padding-left: 17px;
}
.btn-more2 {
	border-radius: 0px;
	padding: 10px 40px;
	background-color: #7FD250;
}
.btn-more3 {
	border-radius: 0px;
	padding: 10px 40px;
	background-color: #D45A5A;
}
.pdf {
	font-size: 50px;
}

.icon {
	font-family: "themify";
}

.works {
	background: url('assets/img/h1-parallax-img-1.jpg');
}
.works-overlay {
	padding-top: 40px;
	text-align: center;
	color: #fff;
	padding-bottom: 140px;
}
.title3 {
	font-size: 30px;
	font-weight: 700;
}

.prevert {
	padding-top: 25px;
	padding-bottom: 10px;
	font-size: 15px;
}
.icon-div:hover {
	background-color: #437f8b;
}
.projects {
	text-align: center;
	padding-top: 3%;
	padding-bottom: 3%;
}
.title4 {
	font-size: 30px;
	font-weight: 700;
	padding-bottom: 1%;
	color: #12697a;
}
.title4::before {
	content: '';
	position: absolute;
	width: 20%;
	color: #12697a;
	/* border-left: 5px #6FBB44 solid; */
	/* border-bottom: 5px #6FBB44 solid; */
	height: 6px;
	background-color: #12697a;
	top: 22px;
	right: 0%;
}
.title4::after {
	content: '';
	position: absolute;
	width: 20%;
	color: #12697a;
	/* border-left: 5px #6FBB44 solid; */
	/* border-bottom: 5px #6FBB44 solid; */
	height: 6px;
	background-color: #12697a;
	top: 22px;
	left: 0%;
}
.prevert2 {
	padding-top: 25px;
	padding-bottom: 25px;
	font-size: 15px;
	color: #000000;
}
.nopadding {
	padding-right: 0px;
	padding-left: 0px;
}
.nopadding img {
	width: 100%;
	height:300px;
}
.details {
	top: 0;
	background-color: rgba(0, 0, 0, 0.68);
	font-size: 50px;
	/* z-index: 2; */
	position: absolute;
	width: 100%;
	height: 100%;
}
.faso {
	margin-top: 100px;
	padding-top: 18px;
	background-color: #123747;
	border-radius: 50%;
	color: #fff;
	border: 6px #fff solid;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}
.overlay {
	position: relative;
	overflow: hidden;
	display: block;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.btn-all {
	padding: 10px;
	/* color: #6FBB44; */
	font-size: 20px;
	color: #000;
}
.profile {
	border-radius: 0px;
	border: 0px;
	line-height: 47px;
}
.profile .panel-body {
	padding: 15px;
	text-align: center;
	color: #000;
	font-size: 20px;
}
.layout {
	font-size: 30px;
	font-weight: 800;
}
.img-responsive {
        height: 400px;
    margin: 5px;
}
.imgs-responsive {
        height: 350px;
    margin: 5px;
        width: 510px;
}
.speak-container {
    line-height: 36px;
}
.goalss-para {
        line-height: 36px;

}
.layout::before {
	content: '‘’';
	width: 50px;
	height: 50px;
	font-size: 50px;
	color: #26a7e0;
	font-weight: 800;
	margin-right: -25px;
}
.profile > .panel-heading {
	color: #333;
	text-align: center;
	display: block;
	background-color: #12697a;
	border-color: #ddd;
	border-radius: 0px;
}
.tops {
	padding: 10px 65px;
	margin-top: -45px;
}
.title5 {
	font-size: 30px;
	font-weight: 600;
	border-bottom: 2px #12697a solid;
	    color: #114c5a;
}
.newsletter {
	background-color: #123747;
	padding-top: 25px;
	padding-bottom: 25px;
	text-align: center;
}
.new {
	font-size: 25px;
	color: #EDFF81;
	font-weight: 800;
}
.sennnnd {
	font-size: 15px;
	color: #fff;
	font-weight: 500;
	padding-top: 8px;
}
.newsletter input {
	border-radius: 0px;
	height: 40px;
}
.newsletter .btn {
	border-radius: 0px;
	padding: 10px 25px;
}
.footer {
	background-color: #fafafa;
	color: #1f1f1f;
}
.footer2 {
	padding-top: 2%;
	padding-bottom: 2%;
}
.title7 {
	font-size: 20px;
	padding: 6px;
	border-bottom: 3px #12697a solid;
	margin-bottom: 9%;
	color: #114c5a;
}
footer {
	background-color: #3C3C3C;
	color: #AFAFAF;
	text-align: center;
	padding: 1%;
	font-weight: 800;
}

.badge {
	padding: 7px 7px;
}
.index-info{
	position: relative;
	display: none;
}
.index-info:hover > span.icn-bk {
	-webkit-transform: rotateZ(-20deg) scale(1.5) !important;
	-ms-transform: rotateZ(-20deg) scale(1.5) !important;
	transform: rotateZ(-20deg) scale(1.5) !important;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
	opacity: 0.2;
}
.index-info > span.icn-bk {
color: rgb(230 99 99);
    font-size: 66px;
    right: 20px;
    top: 10px;
    overflow: hidden;
    margin-left: -100%;
    text-align: right;
    position: absolute;
    -webkit-transition: all 0.3s ease !important;
    transition: all 0.3s ease !important;
    -webkit-transform: rotateZ(-10deg !important);
    -ms-transform: rotateZ(-10deg !important);
    transform: rotateZ(-10deg !important);

}
.slider-title{
	    margin-top: 5%
}
.goalss{
	    background-color: #286a7a;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 10px;
}
.posts {
    padding-right: 17%;
    padding-top: 3%;
    padding-bottom: 3%;
    background-color: #3da7e15e;
    color: #fff;
}
.icon-title{
	color:#fff;
}
.speaker-container{
	padding-top:3%;
	padding-bottom:3%;
}
.nav-pills>li>a {
    border-radius: 0px;
    color: #1f1f1f;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
    color: #fff;
    background-color: #7FD250;
}

.nav1 {
        line-height: 45px;
            padding-right: 0;
    margin-bottom: 0;
    list-style: none;
}


/*################# Comments styles #############*/

.commentlist {
	list-style: none;
	font-family: 'DroidKufi-Regular', sans-serif;
}
.commentlist ul {
	list-style: none;
}
#respond h3 {
	color: #435F2C;
	margin-left: 30px;
	margin-bottom: 10px;
}
#commentform {
	margin-left: 30px;
	margin-bottom: 10px;
}
#comment {
	background-color: #FFF;
	margin-bottom: 10px;
	margin-top: 10px;
	border: 3px solid #4E4E4E;
	padding: 10px;
	font-family: 'DroidKufi-Regular', sans-serif;
	height: 70px;
	/* border-radius: 5px; */
	width: 100%;
}
#submit {
	background-color: #4E4E4E;
	color: #FFF;
	padding: 9px;
	font-size: 19px;
	cursor: pointer;
	border: 0px;
}

#comments {
	color: #208EBD;
	margin-left: 30px;
	margin-bottom: 10px;
	font-weight: normal;
}
.comment-meta a {
	color: #208EBD;
}
.reply a {
	display: block;
	float: left;
	color: #FFF;
	background-color: #4E4E4E;
	text-decoration: none;
	padding: 5px 30px;
	margin-top: 5px;
	margin: 5px;
}
.commentlist {
	margin-left: 30px;
	margin-bottom: 20px;
	padding: 10px;
}
.commentlist p {
	background-color: #FFF;
	padding: 5px;
	border: 1px solid #CCC;
	margin-top: 5px;
}
.commentlist li {
	background-color: #F0F0F0;
	padding: 20px;
	border: none;
}
.fn, .says {
	font-family: 'DroidKufi-Regular', sans-serif;
	color: #D43744;
}
.comment-body {
	border-bottom: 1px solid #fff;
}

/*reply*/
#cancel-comment-reply-link {
	font-family: 'DroidKufi-Regular', sans-serif;
	color: #639c11;
	margin-left: 30px;
}
.children {
	margin-top: 5px;
	margin-left: 30px;
	background-color: #D43744;
	border-right: 4px solid #999;
	margin-right: 21px;
}

#commentform #author, #email, #url {
	border: 1px solid #ccc;
	padding: 10px 5px;
	margin: 5px;
	border-radius: 5px;
}
.comment-author img {
	width: 36px;
	float: left;
	padding: 1px;
	border: 1px solid #ccc;
	margin: 5px;
}
/**/
	
	
/******Cateogry style cheet******/

.post
{
    background-color: #FFF;
    overflow: hidden;
    box-shadow: 0 0 1px #CCC;
    margin-bottom: 3%;
    margin-top: 2%;
}
.post img
{
    filter: blur(2px);
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
}
.post .content
{
max-height:250px;
    padding: 15px;
}
.post .author
{
    font-size: 13px;
    color: #58A22E;
    padding: 10px 5px 16px;
    background-color: #FFF;
}
.btn-cat {
	padding:10px 25px;
border-radius:0px;
}
.post .post-img-content {
    height: 250px;
    position: relative;
}
.post .post-img-content img
{
	 height: 100%;
    position: absolute;
width:100%;
}
.post .post-title
{
    display: table-cell;
    vertical-align: bottom;
    z-index: 2;
    position: relative;
}
.post .post-title a{
	color:#000;
	text-decoration:none;
}
.post .post-title b
{
    background-color: rgba(186, 222, 165, 0.55);
    display: inline-block;
    margin-bottom: 5px;
    color: #232323;
    padding: 10px 15px;
    margin-top: 5px;
   }

.cat-img {
	width: 100%;
	
}
.cat-post {

padding: 8px;
    /* background-color: #F7F7F7; */
    /* border: 10px #ECECEC solid; */
    margin-bottom: 10px;
    /* height: 500px; */
}
.widget {
	padding: 5px;
	text-align: center;
	text-decoration: none;
	list-style: none;
}
.widget ul li {
	text-align: justify;
	text-decoration: none;
	list-style: none;
	background-color: #F5F5F5;
	padding: 5px;
	border-bottom: 1px #D6D6D6 solid;
	color: #101010;
}
.widget ul li:hover {
	text-align: justify;
	text-decoration: none;
	list-style: none;
	background-color: #FBFBFB;
	padding: 5px;
	border-bottom: 1px #D6D6D6 solid;
	color: #101010;
}
.widget ul li a {

	text-align: center;
	text-decoration: none;
	list-style: none;
}
.widgettitle {
	background-color: #208EBD;
	padding: 5px;
	color: #fff;
	list-style: none;
	text-decoration: none;
}
.dropdown-menu>li>a {
    display: block;
    padding: 10px 25px;
    border-bottom: 1px rgba(113, 188, 70, 0.23) solid;
    border-radius: 0px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 1000;
    display: none;
    float: right;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: right;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 0px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
/********* Word press standard styles***********/
@media only screen and (min-width: 100px) and (max-width: 500px) {
	.icon-div {
		width: 100%;
		background-color: rgb(138 138 138 / 68%);
		padding: 56px 5px;
		font-size: 14px;
		float: right;
	}
		.navbar-brand {
	        width: 100%;
	            height: auto !important;
	}
	.navbar-middle li a {
    font-size: 14px;
}
.ll {
    float: none;
}
.loll {
    float: none;
}
	.clients-img {
		height: 110px;
		width: 49%;
		border: 1px #ECECEC solid;
		float: right;
		    margin: 10px;
	}
	.title3::before {
		content: '';
		position: absolute;
		display: none;
		width: 20%;
		color: #12697a;
		/* border-left: 5px #6FBB44 solid; */
		/* border-bottom: 5px #6FBB44 solid; */
		height: 6px;
		background-color: #fff;
		top: 22px;
		right: 0%;
	}
	.title3::after {
		content: '';
		position: absolute;
		display: none;
		width: 20%;
		color: #12697a;
		/* border-left: 5px #6FBB44 solid; */
		/* border-bottom: 5px #6FBB44 solid; */
		height: 6px;
		background-color: #fff;
		top: 22px;
		left: 0%;
	}
}

@media only screen and (min-width: 500px) and (max-width: 1200px) {
	.icon-div {
	    width: 33%;
    background-color: rgb(138 138 138 / 68%);
    padding: 40px 5px;
    font-size: 14px;
    float: right;
	}
		.navbar-brand {
	        width: 100%;
	            height: auto !important;
	}
	.navbar-middle li a {
    font-size: 14px;
}
.ll {
    float: none;
}
.loll {
    float: none;
}
	.clients-img {
		height: 110px;
		width: 32%;
		border: 1px #ECECEC solid;
		float: right;
	}
	.title3::before {
		content: '';
		position: absolute;
		width: 20%;
		color: #6FBB44;
		/* border-left: 5px #6FBB44 solid; */
		/* border-bottom: 5px #6FBB44 solid; */
		height: 6px;
		background-color: #fff;
		top: 22px;
		right: 0%;
	}
	.title3::after {
		content: '';
		position: absolute;
		width: 20%;
		color: #6FBB44;
		/* border-left: 5px #6FBB44 solid; */
		/* border-bottom: 5px #6FBB44 solid; */
		height: 6px;
		background-color: #fff;
		top: 22px;
		left: 0%;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 2000px) {
	.icon-div {
	    width: 33%;
    background-color: rgb(138 138 138 / 68%);
    padding: 56px 5px;
    font-size: 14px;
    float: right;
    height: 210px;


	}
		.navbar-brand {
	        width: 100%;
	            height: auto !important;
	}
	.navbar-middle li a {
    font-size: 20px;
}
	.clients-img {
		height: 110px;
		width: 32%;
		border: 1px #ECECEC solid;
		float: right;
	}
	.title3::before {
		content: '';
		position: absolute;
		width: 20%;
		color: #123747;
		/* border-left: 5px #6FBB44 solid; */
		/* border-bottom: 5px #6FBB44 solid; */
		height: 6px;
		background-color: #fff;
		top: 22px;
		right: 0%;
	}
	.title3::after {
		content: '';
		position: absolute;
		width: 20%;
		color: #123747;
		/* border-left: 5px #6FBB44 solid; */
		/* border-bottom: 5px #6FBB44 solid; */
		height: 6px;
		background-color: #fff;
		top: 22px;
		left: 0%;
	}
}


.wysija-paragraph{
	float:right !Important;
}
.widget_wysija_cont .wysija-submit {
display: block;
    margin-top: 0px;
    float: right !Important;
    background-color: #E66363;
    border: 0px;
    color: #fff;
    padding: 10px 25px;
    margin-right: 5px;
}

.contact-formgroub{
    margin-bottom: 10px;
    border-radius: 0px;
    margin-top: 10px;

}
.form-unput{
    border-radius: 0px;
    border: 1px #3da7e1 solid;
}

.navbar-toggle {
    position: relative;
    float: none;
    padding: 10px 33px;
    margin-top: 8px;
    margin-bottom: 8px;
    margin-right: 40%;
    background-color: #7FD250;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0px;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 28px;
    height: 4px;
    border-radius: 1px;
}
.fas-header {
    float: left;
    width: 15%;
}




.icon-title {
    color: #fff;
    line-height: 70px;
}

.excerpt {
max-height: 124px;
    height: 124px;
    line-height: 36px;
        font-size: 16px;

}
.navbar-brand {
width: 310px;
}