@font-face {
	font-family: 'Bahij';
	src: url('BahijTheSansArabic-Plain.eot'),
		url('BahijTheSansArabic-Plain.woff') format('woff'),
        url('BahijTheSansArabic-Plain.ttf') format('truetype'),
        url('BahijTheSansArabic-Plain.svg') format('svg');
}
body {
    width: 100%;
    height: 100%;
	font-family: 'Bahij', 'Cairo' , sans-serif;
    padding :0;
    margin: 0;
    background: #fff !important;
}
.header{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#667de8+0,6b6ed4+36,715bb9+62,7451ab+81,764ba3+100 */
    background: rgb(102,125,232); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(102,125,232,1) 0%, rgba(107,110,212,1) 36%, rgba(113,91,185,1) 62%, rgba(116,81,171,1) 81%, rgba(118,75,163,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(102,125,232,1) 0%,rgba(107,110,212,1) 36%,rgba(113,91,185,1) 62%,rgba(116,81,171,1) 81%,rgba(118,75,163,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(102,125,232,1) 0%,rgba(107,110,212,1) 36%,rgba(113,91,185,1) 62%,rgba(116,81,171,1) 81%,rgba(118,75,163,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#667de8', endColorstr='#764ba3',GradientType=1 ); /* IE6-9 */
    padding-bottom:20px;
}
#menu ul{
	margin-top:30px;
	padding-right:70px;
	background:url('../images/home.png') no-repeat right;
}
#menu ul> li > a{
	color:#fff;
	font-size: 18.402px;
	font-family:'Bahij';
	padding-right:0;
	padding-left:0;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
}
#menu ul> li > a:after{
    content:'/';
    padding: 0 10px;
}
#menu ul> li:last-of-type > a:after{
	display:none;
}
#menu ul.dropdown-menu{
	padding-right: 0;
	background:#fff;
	top:50%;
	border-radius:5px;
	padding-bottom:10px;
	padding-left:25px;
}
#menu ul.dropdown-menu:after{
   content:url('../images/rect.png');
   position:absolute;
   top:-14px;
   right:20%;
}
#menu ul.dropdown-menu a{
	  font-size: 18.002px;
	  font-family: "Cairo";
	  color:#757575;
	  padding: 9px;
	  border-bottom: 1px solid #d9d9d9;
	  margin: 5px 20px;
}
#menu ul.dropdown-menu> li:last-of-type a{
	border:none;
}
#menu ul.dropdown-menu a:after{
	display:none;
	padding:0;
}
.nav>li>a:focus, .nav>li>a:hover,#site-menu .navbar-nav > .open > a, #site-menu .navbar-nav > .open > a:focus, #site-menu .navbar-nav > .open > a:hover, #site-menu .navbar-nav > .active > a, #site-menu .navbar-nav > .active > a:focus, #site-menu .navbar-nav > .active > a:hover, #site-menu .navbar-nav > li > a:focus, #site-menu .navbar-nav > li > a:hover, .nav .open > a, .nav .open > a:focus, .nav .open > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover{
	background-color: transparent !important;
	font-weight:bold;
	text-shadow:none;
	color:#dfc3fc !important;
}
.nav>li>a:focus:after, .nav>li>a:hover:after,#site-menu .navbar-nav > .open > a:after, #site-menu .navbar-nav > .open > a:focus:after, #site-menu .navbar-nav > .open > a:hover:after, #site-menu .navbar-nav > .active > a:after, #site-menu .navbar-nav > .active > a:focus:after, #site-menu .navbar-nav > .active > a:hover:after, #site-menu .navbar-nav > li > a:focus:after, #site-menu .navbar-nav > li > a:hover:after, .nav .open > a:after, .nav .open > a:focus, .nav .open > a:hover:after, .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover:after, .dropdown-menu > .active > a:after, .dropdown-menu > .active > a:focus:after, .dropdown-menu > .active > a:hover:after{
	font-weight:normal;
	color:#fff !important;
}
.select2{
	float:left;
	margin-top:35px;
    width: 165px !important;
    text-align: center;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
	display:none;
}
.select2-container--default .select2-selection--single{
	background-color:transparent;
	border-color:#fff;
	background:url(../images/arr.png) no-repeat 85% center,url(../images/arr.png) no-repeat 85% -100%;
	padding-right: 0;
	border-radius:10px;
	padding-top: 8px;
	padding-bottom: 35px;
	outline: none;
	transition:all .3s ;
}
.select2-container--default:hover .select2-selection--single{
		background:url(../images/arr.png) no-repeat 85% 200%,url(../images/arr2.png) no-repeat 85% center;

}
.select2-container--default .select2-selection--single .select2-selection__rendered{
	color:#fff;
	font-size: 18.402px;
	font-family:'Bahij';
	font-weight: bold;
}
.select2-results__option{
	color:#677ce7;
	font-size: 18.402px;
	font-family:'Bahij';
}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right:50px;
    padding-left: 30px;
}
.select2-container--default .select2-search--dropdown .select2-search__field{
	display:none;
}
.select2-container--open .select2-dropdown--below{
	background:#fff;
	border-color:transparent;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
	background:transparent;
	color:#667ce7;
	font-weight:bold;
}
.caret{
	display:none;
}
.title{
	text-align:center;
	padding-top:50px;
	background:url('../images/back.png') no-repeat top;
}
.title h1{
    display:inline-block;
        font-size: 57.407px;
        font-family:'Bahij';
        font-weight: bolder;
        padding:5px 0;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dfc3fc+34,c2c4fc+53,b4c4fc+60,8ec5fc+75 */
		background: rgb(223,195,252); /* Old browsers */
		background: -moz-linear-gradient(left, rgba(223,195,252,1) 34%, rgba(194,196,252,1) 53%, rgba(180,196,252,1) 60%, rgba(142,197,252,1) 75%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, rgba(223,195,252,1) 34%,rgba(194,196,252,1) 53%,rgba(180,196,252,1) 60%,rgba(142,197,252,1) 75%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, rgba(223,195,252,1) 34%,rgba(194,196,252,1) 53%,rgba(180,196,252,1) 60%,rgba(142,197,252,1) 75%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfc3fc', endColorstr='#8ec5fc',GradientType=1 ); /* IE6-9 */
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
}
.archive .title h1{
	border-bottom:10px solid rgb(223,195,252);
}
.title p{
    font-size: 30.404px;
    font-family:'Bahij';
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#667eea+34,6a70d6+50,6f63c4+60,764ba2+75 */
    background: rgb(102,126,234); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(102,126,234,1) 34%, rgba(106,112,214,1) 50%, rgba(111,99,196,1) 60%, rgba(118,75,162,1) 75%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(102,126,234,1) 34%,rgba(106,112,214,1) 50%,rgba(111,99,196,1) 60%,rgba(118,75,162,1) 75%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(102,126,234,1) 34%,rgba(106,112,214,1) 50%,rgba(111,99,196,1) 60%,rgba(118,75,162,1) 75%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#667eea', endColorstr='#764ba2',GradientType=1 ); /* IE6-9 */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.input-group-btn .select2{
	width:130px !important;
	margin-top:0;
	float:none;
	margin-right:-5px;
}
.input-group-btn .select2-container--default .select2-selection--single{
	border-color:#fff;
	background:url(../images/arr2.png) no-repeat 85% center,url(../images/arr.png) no-repeat 85% -80%,#7e6ac6;
	padding-right: 0;
	border-radius:10px 0 0 10px;
	padding-top: 20px;
	padding-bottom: 50px;
	border-color:transparent;
	outline: none;
	transition:all .3s;
}
.input-group-btn .select2-container--default:hover .select2-selection--single
{
		background:url(../images/arr2.png) no-repeat 85% 200%,url(../images/arr.png) no-repeat 85% center,#7e6ac6;

}
.input-group-btn .select2-container--default .select2-selection--single .select2-selection__rendered{
	color:#fff;
	font-size: 15.402px;
	font-family:'Bahij';
}
.input-group-btn .select2-results__option{
	color:#677ce7;
	font-size: 15.402px;
	font-family:'Bahij';
}
.input-group-btn .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right:40px;
    padding-left: 20px;
}
.select2-container--default .select2-results>.select2-results__options{
    /* overflow: hidden; */
}
.title form{
	margin:30px 400px;
}
.titel form .search-btn{
	float:right;
	position:relative;
}
.title form .search-btn{
	content:'';
    position:absolute;
    width:96px;
    height:96px;
	background:url(../images/search.png) no-repeat center;
	z-index:99;
	right:10px;
	top:-10px;
transition:all .3s ease-in-out;
}
.title form .search-btn:hover{
	transform:scale(1.1);
}
.title form input{
	background:#715cba;
	padding:35px;
	border-color:#715cba;
	padding-right:120px;
	border-radius: 0 10px 10px 0 !important;
    color:    #fff !important;
    font-size: 18.002px;
    font-family:'Bahij';
}
.title button {
    background: none;
    background-color: transparent !important;
    border: none;
    box-shadow: none !important;
    outline: none !important;
    margin: 0;
    padding: 0;
}
.title  ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #fff !important;
    font-size: 18.002px;
    font-family:'Bahij';
}
.title  :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #fff !important;
   font-size: 18.002px;
   font-family:'Bahij';
}
.title  ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #fff !important;
   font-size: 18.002px;
   font-family:'Bahij';
}
.title  :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #fff !important;
   font-size: 18.002px;
   font-family:'Bahij';
}
.title  ::-ms-input-placeholder { /* Microsoft Edge */
   color:    #fff !important;
   font-size: 18.002px;
   font-family:'Bahij';
}
.mashahyre{
	margin-top: 50px;
    margin-bottom:80px;
}
.mashahyre .item{
	    box-shadow: 0 0 30px 7px #f3f1f1;
	    text-align:center;
	    padding:30px 0;
	    border-radius:100px;
        margin: 30px 0;
	  
}
.mashahyre .item:hover{
        box-shadow: 0 0 30px 7px #e2d9f4;
}
.mashahyre .item .image{
	position:relative;
	display:inline-block;
    min-height: 170px;
    min-width: 170px;
}
.mashahyre .item .image:after{
	 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dfc3fc+0,8ec5fc+100 */
	background: rgb(223,195,252); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(223,195,252,1) 0%, rgba(142,197,252,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(223,195,252,1) 0%,rgba(142,197,252,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(223,195,252,1) 0%,rgba(142,197,252,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfc3fc', endColorstr='#8ec5fc',GradientType=1 ); /* IE6-9 */
	background-repeat:no-repeat;
	content:'';position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	transition:all .3s ease;
	border-radius:50%;
}
.mashahyre .item .image:hover:after{
	transform:rotate(360deg)
}
.mashahyre .item .image img{
	margin:0 auto;
	border-radius:50%;
	position:relative;
	z-index:99;
	padding: 10px;
 }
.mashahyre .item .caption h3 ,h1.entry-title {
  font-size: 30.404px;
  font-family: "Bahij";
  font-weight: bold;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#667de9+26,764ba2+72 */
    background: rgb(102,125,233); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(102,125,233,1) 26%, rgba(118,75,162,1) 72%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(102,125,233,1) 26%,rgba(118,75,162,1) 72%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(102,125,233,1) 26%,rgba(118,75,162,1) 72%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#667de9', endColorstr='#764ba2',GradientType=1 ); /* IE6-9 */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding:4px 0;
    transition:all .3s ease;
}
.mashahyre .item:hover .caption h3,h1.entry-title:hover{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#667de9+26,764ba2+72 */
    background: rgba(118,75,162); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(118,75,162,1) 26%, rgba(102,125,233,1) 72%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(118,75,162,1) 26%,rgba(102,125,233,1) 72%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(118,75,162,1) 26%,rgba(102,125,233,1) 72%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#667de9', endColorstr='#764ba2',GradientType=1 ); /* IE6-9 */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.mashahyre .item .caption h6 a,.entry-header h6 a{
    font-size: 17.402px;
    font-family: "Bahij";
    color:#aeabab;
}
.mashahyre .item .caption p,.entry-header p,.entry-content p{
	color: #685959;
	font-size: 17.402px;
	font-family: "Bahij";
	padding-top:10px;
}
.entry-content .tabs p{
	color:#fff;
}
.mashahyre .more{
	text-align:center;
	margin-top:80px;
}
.mashahyre .more button a{
	font-size: 21.403px;
	font-family: "Bahij";
	color:#7e7d7d;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    }
.mashahyre .more button{
	border:none;
	border:1px solid #ababab;
	background:transparent;
	border-radius:10px;
	padding:25px 80px;
	outline: none;
	position: relative;
	    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    overflow: hidden;
}
.mashahyre .more button:after {
	content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
	width: 100%;
    height: 0;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
	background: #d3c4fc;
	border-radius:10px;
}

.mashahyre .more button:hover a{
	color: #fff;
}
.mashahyre .more button:hover{
	border-color:#d3c4fc
}

.mashahyre .more button:hover:after,
.mashahyre .more button:active:after {
	height: 260%;
    opacity: 1;
}
.add{
	position:relative;
	padding-top:80px;
	padding-bottom:30px;
	text-align:center;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dfc3fc+0,93c5fc+100 */
	background: rgb(223,195,252); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(223,195,252,1) 0%, rgba(147,197,252,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(223,195,252,1) 0%,rgba(147,197,252,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(223,195,252,1) 0%,rgba(147,197,252,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfc3fc', endColorstr='#93c5fc',GradientType=1 ); /* IE6-9 */
}
.add:after{
	position:absolute;
	content:url('../images/shape.png');
	bottom:-8px;
	right:8%;
}
.add h1{
	font-family:"Bahij";
	color:#fff;
	font-size: 45.406px;
	font-weight:bold;
}
.add p{
	font-family:"Bahij";
	color:#fff;
	font-size: 19.402px;
}
.add p:first-of-type{
	background:#fff;
	margin:50px 450px;
	padding:20px 0;
	border-radius:10px;
}
.add p a{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#677ce8+1,6a70d6+28,764ca3+100 */
	background: rgb(103,124,232); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(103,124,232,1) 1%, rgba(106,112,214,1) 28%, rgba(118,76,163,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(103,124,232,1) 1%,rgba(106,112,214,1) 28%,rgba(118,76,163,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(103,124,232,1) 1%,rgba(106,112,214,1) 28%,rgba(118,76,163,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#677ce8', endColorstr='#764ca3',GradientType=1 ); /* IE6-9 */-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight:bolder;
	display: block;
    outline: 1px solid transparent;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.add p a:after{
	content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
	width: 20%;
    height: 100%;
    left: 100%;
    top: 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#677ce8+1,6a70d6+28,764ca3+100 */
	background: rgb(103,124,232); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(103,124,232,1) 1%, rgba(106,112,214,1) 28%, rgba(118,76,163,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(103,124,232,1) 1%,rgba(106,112,214,1) 28%,rgba(118,76,163,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(103,124,232,1) 1%,rgba(106,112,214,1) 28%,rgba(118,76,163,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#677ce8', endColorstr='#764ca3',GradientType=1 ); /* IE6-9 */-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
    -webkit-transform-origin: 0% 0%;
    -webkit-transform: rotateY(90deg);
    -moz-transform-origin: 0% 0%;
    -moz-transform: rotateY(90deg);
    -ms-transform-origin: 0% 0%;
    -ms-transform: rotateY(90deg);
    transform-origin: 0% 0%;
    transform: rotateY(90deg);
}
.add p a:hover{
	-webkit-transform: rotateY(-15deg);
    -moz-transform: rotateY(-15deg);
    -ms-transform: rotateY(-15deg);
    transform: rotateY(-15deg);
    background: rgba(118,76,163,1); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(118,76,163,1) 1%, rgba(106,112,214,1) 72%, rgba(103,124,232,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(118,76,163,1) 1%,rgba(106,112,214,1) 72%,rgba(103,124,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(118,76,163,1) 1%,rgba(106,112,214,1) 72%,rgba(103,124,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#677ce8', endColorstr='#764ca3',GradientType=1 ); /* IE6-9 */-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.footer ul{
	list-style:none;
	-webkit-padding-start: 0;
}
.tagcloud{
	padding-right:0;
}
.tagcloud a{
	 display: block;
}
.footer li{
	font-size:0;
}
.footer a{
	font-size: 18px !important;
    font-family: "Bahij";
	color:#5f4964;
	line-height:1.6;
    position : relative; 
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.footer a:before {
    content: "\f104";
    position: absolute;
    top: 8px;
    right: -12px;
    font: normal normal normal 18px/1 FontAwesome;
    color: #d8c3fc;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.footer a:hover:before {
    opacity: 1;
    right: 0
}

.footer a:hover {
    padding-right: 12px;
    color: #d8c3fc;
}
.footer .rwad a:before{
	display:none;
}
.footer .rwad a:hover{
	padding-right:0;
}
.footer h2{
	font-size: 31.966px ;
    font-family: "Bahij";
	font-weight:bold;
	color:#342538;
	line-height:2;
}
.footer p{
    font-size: 15.842px;
    font-family: "Bahij";
}
.footer p span{
	font-weight:bold;
}
.footer .rwad p a{
     font-size: 13.002px !important;
     font-family: "Bahij;
     color:#000 !important;
}
.footer .rwad img{
	padding-right:20px;
}
.footer{
	padding-top:50px;
	padding-bottom:90px;
	position:relative;
}
.footer .rwad{
	position:absolute;
	right:55%;
	bottom:15%
}
.footer .rights{
	position:absolute;
	right:65%;
	bottom:15%;
}
.footer:after{
	content:'';
	height:8px;
	position:absolute;
	right:0;
	left:0;
	bottom:0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#677be6+1,764ca3+100 */
	background: rgb(103,123,230); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(103,123,230,1) 1%, rgba(118,76,163,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(103,123,230,1) 1%,rgba(118,76,163,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(103,123,230,1) 1%,rgba(118,76,163,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#677be6', endColorstr='#764ca3',GradientType=1 ); /* IE6-9 */
}
.hentry:after,.entry-meta,.entry-meta:before,.entry-meta:after,.entry-footer:after {
  display:none;
}
.hentry{
	box-shadow:none;
}
.entry-meta, .entry-footer{
	border:none;
}
.contact-form{
	font-family:'Bahij';
	margin:80px 250px;
    margin-top:150px;
	background:#fff; 
	box-shadow: 0 0 15px 3px rgba(0,0,0,.2);
}
.contact-form form{
	padding:50px;
}
.contact-form .head {
  padding: 30px;
  background: rgb(223,195,252);
  background: -moz-linear-gradient(left, rgba(223,195,252,1) 0%, rgba(147,197,252,1) 100%);
  background: -webkit-linear-gradient(left, rgba(223,195,252,1) 0%,rgba(147,197,252,1) 100%);
  background: linear-gradient(to right, rgba(223,195,252,1) 0%,rgba(147,197,252,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfc3fc', endColorstr='#93c5fc',GradientType=1 );
  color: #fff;
  overflow: hidden
}
.contact-form .head h3 { 
  margin: 0;
  float: right;
  font-family:'Bahij';
}

.contact-form .head i { 
  float: left;
  color: #fff
}
.contact-form form label { 
  margin-bottom: 10px;
  color: #d9d5d6
}
.contact-form form label span{
  color:#000;

}
.contact-form form > input {
  border-radius:10px;
  margin-bottom: 20px
}
.contact-form form > input,
.contact-form form > textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid #eee;
}
.contact-form form .form-submit  input {
  display: block;
  width: 80%;
  margin: auto;
  margin-top:80px;
  padding: 18px;
  letter-spacing: 1px;
  background: rgb(223,195,252);
  background: -moz-linear-gradient(left, rgba(223,195,252,1) 0%, rgba(147,197,252,1) 100%);
  background: -webkit-linear-gradient(left, rgba(223,195,252,1) 0%,rgba(147,197,252,1) 100%);
  background: linear-gradient(to right, rgba(223,195,252,1) 0%,rgba(147,197,252,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfc3fc', endColorstr='#93c5fc',GradientType=1 );
  color: #fff;
  border: none;
  border-radius: 10px;
  -webkit-box-shadow: 0px 4px 8px rgba(223,195,252, 0.62);
  box-shadow: 0px 4px 8px rgba(223,195,252, 0.62);
  transition:all .3s ease;
}
.contact-form form .form-submit  input:hover{
  background: rgb(147,197,252);
  background: -moz-linear-gradient(left, rgba(147,197,2521) 0%, rgba(223,195,252,1) 100%);
  background: -webkit-linear-gradient(left, rgba(147,197,252,1) 0%,rgba(223,195,252,1) 100%);
  background: linear-gradient(to right, rgba(147,197,252,1) 0%,rgba(223,195,252,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93c5fc', endColorstr='#dfc3fc',GradientType=1 );

}
.contact,.content-area{
	background:url(../images/back.png) no-repeat top;
}
.content-area .content-{
 box-shadow: 0 0 30px 7px #f3f1f1;
 text-align:center;
 padding: 0;
 border-radius:100px;
 margin: 0px 150px;
 margin-top: 200px;
}
.single-featured:hover{
	border:none;
	opacity:1;
    box-shadow: none;
}
.content-area .content- .post-thumbnail a{
	position:relative;
	display:inline-block;
	margin-top:-100px;
}
.content-area .content- .post-thumbnail a:after{
	 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dfc3fc+0,8ec5fc+100 */
	background: rgb(223,195,252); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(223,195,252,1) 0%, rgba(142,197,252,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(223,195,252,1) 0%,rgba(142,197,252,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(223,195,252,1) 0%,rgba(142,197,252,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfc3fc', endColorstr='#8ec5fc',GradientType=1 ); /* IE6-9 */
	background-repeat:no-repeat;
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	transition:all .3s ease;
	border-radius:50%;
}
.content-area .content- .post-thumbnail a:hover:after {
    transform: rotate(360deg);
}
.content-area .content- .post-thumbnail a img{
	margin:0 auto;
	border-radius:50%;
	position:relative;
	z-index:99;
	padding: 10px;
	border:none;
	background:none;
}
.content-area .content- .post-thumbnail a:hover:after {
    transform: rotate(360deg);
}
h1.entry-title,.entry-content{
	font-family:'Bahij';
}
.archive .mashahyre{
	margin-top:80px;
}
.single .mashahyre{
	margin-bottom:10px;
}
.tags{
	margin:30px 150px;
}
.tags ul>li{
    margin: 10px 0;
}
.tags a{
	font-family:'Bahij';
	padding:5px;
	 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#667de8+0,6b6ed4+36,715bb9+62,7451ab+81,764ba3+100 */
    background: rgb(102,125,232); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(102,125,232,1) 0%, rgba(107,110,212,1) 36%, rgba(113,91,185,1) 62%, rgba(116,81,171,1) 81%, rgba(118,75,163,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(102,125,232,1) 0%,rgba(107,110,212,1) 36%,rgba(113,91,185,1) 62%,rgba(116,81,171,1) 81%,rgba(118,75,163,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(102,125,232,1) 0%,rgba(107,110,212,1) 36%,rgba(113,91,185,1) 62%,rgba(116,81,171,1) 81%,rgba(118,75,163,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#667de8', endColorstr='#764ba3',GradientType=1 ); /* IE6-9 */
	margin:0px;
	border-radius:10px;
	color:#fff;
	cursor:pointer;
	transition:all .3s;
}
.tags a:hover{
    background:#c5c4fc ;
    color:#7356b2;
    font-weight:bold;
}




.tabs button,
.tabs .button {
	position: relative;
	display: inline-block;
	color: white;
	padding: 0.75rem 2rem;
	margin: 0 auto;
	background: #7450aa;
	border: none;
	width: 100%;
	font-weight: bold;
	font-size: 1.39rem;
	text-align: center;
	transition:all 0.3s;
	border-radius:0 10px 10px 0;
}
.tabs button:hover {
		background: #fff;
		color:#764da6;
  
}
.tabs button:hover:before,
.tabs button:hover:after {
		color: #764da6;
}
.tabs button:after,
.tabs button:before {
 transition:all 0.3s;
	}


/* ---------------------- Vertical Tabs */

.tabs {
	position: relative;
	/* min-height: 0; */
	transition:all 0.5s;
	margin:50px 80px;
	/*overflow: hidden;*/
	/*padding-top: 80px;*/
}
/* ---------------------- Tab */

.tabs .tab {
		float: right;
		clear: right;
		width: 30%;
		position:relative;
		z-index:9999;

}
/* ---------------------- Tab Toggle */

.tabs	.tab-toggle {
			padding: 2rem 4rem 1rem 2rem;
			position: relative;
			outline: none;
			width: 100%;
			text-align: right;
			margin: 2px 0;
}
.tabs .tab:first-of-type{
    margin-top: 4px;
}
.tabs .tab .tab-toggle:after {
    content: "\25BC";
    position: absolute;
    display: block;
    left: 3rem;
    top: 30%;
    -webkit-transform: rotate(90deg) translateY(-50%);
    -moz-transform: rotate(90deg) translateY(-50%);
    -ms-transform: rotate(90deg) translateY(-50%);
    -o-transform: rotate(90deg) translateY(-50%);
    transform: rotate(90deg) translateY(-50%);
    
}
.tabs	.tab .tab-toggle.active:after {
					color: #754ea7;
						left: 1rem;
}
.tabs	.tab-toggle.active {
	border:1px solid #764da6;
				color: #764da6;
				background-color: white;
				cursor: default;
				font-weight:bold;
}
/* ---------------------- Content */
.content {
		padding: 0 2rem;
		 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#667de8+0,6b6ed4+36,715bb9+62,7451ab+81,764ba3+100 */
		background: rgb(102,125,232); /* Old browsers */
		background: -moz-linear-gradient(left, rgba(102,125,232,1) 0%, rgba(107,110,212,1) 36%, rgba(113,91,185,1) 62%, rgba(116,81,171,1) 81%, rgba(118,75,163,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, rgba(102,125,232,1) 0%,rgba(107,110,212,1) 36%,rgba(113,91,185,1) 62%,rgba(116,81,171,1) 81%,rgba(118,75,163,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, rgba(102,125,232,1) 0%,rgba(107,110,212,1) 36%,rgba(113,91,185,1) 62%,rgba(116,81,171,1) 81%,rgba(118,75,163,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#667de8', endColorstr='#764ba3',GradientType=1 ); /* IE6-9 */
		transition:all 1s;
		max-height: none;
		position: absolute;
		bottom: 0;
		right: 30%;
		width: 70%;
		opacity: 0;
		padding: 0rem 2rem 2rem 2rem;
		transform:translateX(100%);
		border-radius:10px;
}
.content.active {
			max-height: 1000px; // Enough to always clear longest content
			max-height: none;
			opacity: 1;
			transform:none;
}
.content> .heading {
	        color:#fff;
			margin-bottom: 1rem;
		    font-family:'Bahij';
}
p.description a{
	     font-size: 17.402px;
         font-family: "Bahij";
         color: #aeabab;
} 
.entry-content a, .entry-summary a, .page-content a, .comment-content a, .pingback 
.comment-body > a{
    border:none;
}
.links{

	background:#fff;
	 margin:0 80px;
    border-radius: 10px;
}
.links a{
  display: block;
  padding:5px 0;
     font-family: 'Bahij';
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#677ce8+1,6a70d6+28,764ca3+100 */
	background: rgb(103,124,232); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(103,124,232,1) 1%, rgba(106,112,214,1) 28%, rgba(118,76,163,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(103,124,232,1) 1%,rgba(106,112,214,1) 28%,rgba(118,76,163,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(103,124,232,1) 1%,rgba(106,112,214,1) 28%,rgba(118,76,163,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#677ce8', endColorstr='#764ca3',GradientType=1 ); /* IE6-9 */-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    font-size: 21.403px;
    font-family: "Bahij";
    color: #7e7d7d;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.links a:hover{
	color: #d3c4fc;
	border-color:#d3c4fc
}

.search-results .title form ,.search .title form,.archive .title form{
    margin: 30px 300px;
}
.entry-header{
	text-align:center;
}
.search-title{
	font-family:'Bahij';
}
.search-title span{
	font-weight:bold;
	color:#715cba;
}
.hentry {
    background-color: transparent !important;
    padding: 0;
    border: none;
}
.page-title {
    border-bottom: none;
    font-family: 'Bahij';
}
.page-title:before {
    border-color: #715cba;
    right: 50%;
}
article p{
    font-family: 'Bahij';
}
.related-title h3{
	font-size: 28.407px;
    font-family: 'Bahij';
    font-weight: bolder;
    padding: 5px 0;
    background: rgb(223,195,252);
    background: -moz-linear-gradient(left, rgba(223,195,252,1) 34%, rgba(194,196,252,1) 53%, rgba(180,196,252,1) 60%, rgba(142,197,252,1) 75%);
    background: -webkit-linear-gradient(left, rgba(223,195,252,1) 34%,rgba(194,196,252,1) 53%,rgba(180,196,252,1) 60%,rgba(142,197,252,1) 75%);
    background: linear-gradient(to right, rgba(223,195,252,1) 34%,rgba(194,196,252,1) 53%,rgba(180,196,252,1) 60%,rgba(142,197,252,1) 75%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfc3fc', endColorstr='#8ec5fc',GradientType=1 );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.select2-dropdown ul{
	padding-right: 0;
	background:#fff;
	top:50%;
	border-radius:5px;
	padding-bottom:10px;
	padding-left:25px;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.select2-dropdown ul:after{
   content:url('../images/rect.png');
   position:absolute;
   top: -7.2%;
   right:20%;
}
.select2-dropdown ul li{
	  font-size: 18.002px;
	  font-family: "Cairo";
	  color:#757575;
	  padding: 9px;
	  border-bottom: 1px solid #d9d9d9;
	  margin: 5px 1px;
	  margin-right:4px;
}
.select2-dropdown ul li:last-of-type{
    border: none;
}
.select2-search--dropdown {
    display: none;
    padding: 0;
}
.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: transparent !important;
}
.tabs{
	margin-top:120px;
}
.tabs .content .image{
	width:120px;
	height:120px;
	text-align:center;
    margin:0 auto;
    background:none;
    margin-top:-60px;
}
.tabs .content .image img{
	width:120px;
	height:120px;
    position:relative;
    z-index:99999;
}
img.insta{
    background: #fff;
    border-radius: 30px;
}
.navbar-nav > li.active a{
	font-weight:bold;
}
@media (max-width: 1199px) and (min-width: 992px){
    .title {
    padding-top: 40px;
    }
    .title h1 {
    font-size: 45.407px;
    }
    .title p {
    font-size: 28.404px;
    }
    .title form ,.search-results .title form, .search .title form, .archive .title form{
    margin: 30px 250px;
    }
    .add p:first-of-type {
    margin: 50px 350px;
    }
    .add {
    padding-top: 70px;
    }
    .tabs {
    margin: 50px 40px;
   }
    .tabs .tab .tab-toggle:after {
    left: 2rem;
    }
    .contact-form {
    margin: 80px 150px;
    }
}
@media (max-width: 991px) and (min-width: 768px){
    #menu ul {
    padding-right: 35px;
    background: none;
    }
    #menu ul> li > a {
    font-size: 15.402px;
    }
    #menu ul> li > a:after {
    padding: 0 5px;
    }
    .title h1 {
    font-size: 35.407px;
    }
    .title p {
    font-size: 22.404px;
    }
    .title form ,.search-results .title form, .search .title form, .archive .title form{
    margin: 30px 200px;
    }
    .input-group-btn .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 12.402px;
    }
    .title  ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    font-size: 10.002px;
    }
    .title  :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
       font-size: 10.002px;
    }
    .title  ::-moz-placeholder { /* Mozilla Firefox 19+ */
       font-size: 10.002px;
    }
    .title  :-ms-input-placeholder { /* Internet Explorer 10-11 */
       font-size: 10.002px;
    }
    .title  ::-ms-input-placeholder { /* Microsoft Edge */
       font-size: 10.002px;
    }
    .mashahyre {
    margin-top: 50px;
    margin-bottom: 50px;
    }
    .mashahyre .item .image {
    }
    .mashahyre .item .caption h3, h1.entry-title {
    font-size: 22.404px;
    }
    .mashahyre .item .caption p, .entry-header p, .entry-content p {
    font-size: 14.402px;
    padding-top: 0px;
    }
    .mashahyre .item{
        padding-bottom: 0;
    }
    .add {
    padding-top: 40px;
    }
    .add h1 {
    font-size: 28.406px;
    }
    .add p:first-of-type {
    margin: 50px 250px;
    }
    .footer h2 {
    font-size: 24.966px;
    }
    .footer a {
    font-size: 14px !important;
    }
    .footer p {
    font-size: 10.842px;
    }
    .footer .rwad p a {
    font-size: 12.002px !important;
    }
    .footer {
    padding-bottom: 45px;
    }
    .tabs {
    margin: 50px 0px;
   }
    .tabs button, .tabs .button{
        font-size: 1rem;
    }
    .tabs .tab .tab-toggle:after {
    left: 2rem;
    }
    .tabs .tab .tab-toggle:after {
    left: 2rem;
    top: 45%;
    }
    .content-area .content- {
    margin: 0px 100px;
    }
    .contact-form {
    margin: 80px 100px;
    }
}
@media (max-width: 767px){
    .title h1 {
    font-size: 24.407px;
    }
    .select2-results__option {
    font-size: 14.402px;
    }
    .title p {
    font-size: 18.404px;
    }
    .title form{
    margin: 30px 10px;
    }
    .title form, .search-results .title form, .search .title form, .archive .title form {
    margin: 30px 10px;
    }
    .title form .search-btn:before {
    right: 0;
    }
    .title form input {
    padding-right: 90px;
    }
    .title  ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    font-size: 10.002px;
    }
    .title  :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
       font-size: 10.002px;
    }
    .title  ::-moz-placeholder { /* Mozilla Firefox 19+ */
       font-size: 10.002px;
    }
    .title  :-ms-input-placeholder { /* Internet Explorer 10-11 */
       font-size: 10.002px;
    }
    .title  ::-ms-input-placeholder { /* Microsoft Edge */
       font-size: 10.002px;
    }
    .input-group-btn .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 10.402px;
    }
    .input-group-btn .select2 {
    width: 99px !important;
    }
    .input-group-btn .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 30px;
    }
    .mashahyre {
    margin-top: 40px;
    }
    .mashahyre .more button a {
    font-size: 18.403px;
    }
    .mashahyre .more button {
    padding: 20px 50px;
    }
    .add {
    padding-top: 20px;
    }
    .add h1 {
    font-size: 16.406px;
    }
    .add p:first-of-type {
    margin: 20px 45px;
    padding: 15px 0;
    }
    .add p {
    font-size: 14.402px;
    }
    .add:after {
    bottom: -24px;
    right: 0;
     }  
    .footer h2 {
    font-size: 14.966px;
    }
    .footer a {
    font-size: 14px !important;
    }
    .footer .rwad ,.footer .rights{
    position: inherit;
    }
    .footer .rwad {
    margin-top: 300px;
    text-align: center;
    }
    .footer p {
    font-size: 13.842px;
    }
    .footer {
    padding-bottom: 15px;
    }
    .mashahyre .item {
    margin: 15px 0;
    padding: 20px 0;
    border-radius: 60px;
    }
    .mashahyre .item .image {
    margin: 0 15px;
    min-height: 90px;
    min-width: 95px;
    }
    .mashahyre .item .caption h3, h1.entry-title {
    font-size: 18.404px;
    }
    .mashahyre .item .caption h6 a, .entry-header h6 a {
    font-size: 12.402px;
    }
    .mashahyre .item .caption p, .entry-header p, .entry-content p {
    font-size: 12.402px;
    padding-top: 0;
    }
    .content-area .content- {
    margin: 0px 10px;
    margin-top: 150px;
    border-radius: 50px;
    }
    .tags {
    margin: 30px 10px;
    }
    .tabs {
    margin: 20px 5px;
    margin-top: 50px;
    }
    .tabs	.tab-toggle {
    padding: 10px 5px;
    }
    .tabs .tab .tab-toggle:after {
    left: 0;
    }
    img.insta {
    border-radius: 15px;
     }
    #select2-cat-selector-2-results li {
    font-size: 10.002px;
     }
    .tabs button, .tabs .button {
    font-size: 1.2rem;
    }
    .tabs	.tab .tab-toggle.active:after{
        display: none;
    }
    .links a {
    padding: 5px 0;
    }
    .contact-form {
    margin: 80px 10px;
    }
    .contact-form form {
    padding: 0 25px;
    }
    .select2 {
    margin-top: 0;
    }
    .tabs .content .image{
	width:80px;
	height:80px;
        margin-top: -40px;
    }
    .content{
        padding: 0 0 15px 0;
    }
    .tabs .content .image img{
        width:75px;
        height:70px;
    }
    .sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999;
    top: 0;
    right: 0;
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#667de8+0,6b6ed4+36,715bb9+62,7451ab+81,764ba3+100 */
    background: rgb(102,125,232); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(102,125,232,1) 0%, rgba(107,110,212,1) 36%, rgba(113,91,185,1) 62%, rgba(116,81,171,1) 81%, rgba(118,75,163,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(102,125,232,1) 0%,rgba(107,110,212,1) 36%,rgba(113,91,185,1) 62%,rgba(116,81,171,1) 81%,rgba(118,75,163,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(102,125,232,1) 0%,rgba(107,110,212,1) 36%,rgba(113,91,185,1) 62%,rgba(116,81,171,1) 81%,rgba(118,75,163,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#667de8', endColorstr='#764ba3',GradientType=1 ); /* IE6-9 */
    overflow-x: hidden;
  -webkit-box-shadow: 0px 4px 8px rgba(210, 186, 234, 0.62);
  box-shadow: 0px 4px 8px rgba(18, 8, 28, 0.62);
    transition: 0.5s;
    padding-top: 60px;
    }
    .sidenav a {
        padding: 8px 8px 8px 32px;
        text-decoration: none;
        font-size: 14px;
        color: #fff;
        display: block;
        transition: 0.3s;
        font-family:'Bahij';
        padding-right:50px !important;
    }
    .sidenav .closebtn {
        position: absolute;
        top: 0;
        left: 0px;
        font-size: 36px;
        margin-left: 0px;
    }
    .sidenav li a.dropdown-toggle:after{
        content:'+';
        position:absolute;
        left:16%;
        font-size:36px;
    }
    .sidenav ul.dropdown-menu{
        background-color: #fff !important;
        margin: 0 50px;
        border-radius: 10px;
        -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
        box-shadow: 0 6px 12px rgba(0,0,0,.175);
    }
    .sidenav ul.dropdown-menu a {
        font-size: 18.002px;
        font-family: "Cairo";
        color: #757575;
        padding: 9px;
        border-bottom: 1px solid #d9d9d9;
        margin: 5px 20px;
        margin-left: 65px;
            padding-right: 10px !important;
    }
    .sidenav ul.dropdown-menu> li:last-of-type a{
        border:none;
    }
    .title form .search-btn{
	right:-5px;
    }
    .navbar-brand{
        float: none;
    }
    .logo img{
        margin: 0 auto;
    }
    .tabs .tab:first-of-type {
    margin-top: 20px;
    }
    .links {
        margin: 0 20px;
    }
}

@-moz-document url-prefix() {
    
.title form input {
    padding:0;
    padding-right: 100px;
    height:72px;
}
}

.clearfix:after { 
   content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
}

/**
.loading {
	position:absolute;
	left:50%;
	top:30vh;
	margin-left:-20vh;
	display:block;
	width:40vh;
	height:40vh;
	text-align:center;
	filter:contrast(1.2);
}
.loading	span {
  	mix-blend-mode:screen;
		display:block;
		position:absolute;
		border-radius:50%;
		animation:wave 3s infinite linear;
	}
	
.loading	span:nth-child(0) {
		left:-11%;
		right:-2%;
		top:-12%;
		bottom:-5%;
		transform-origin:46% 53%;
		animation-delay:0;
		background-color:hsl(0, 100%, 50%);
	}
	
.loading	span:nth-child(1) {
		left:-4%;
		right:-4%;
		top:-9%;
		bottom:-2%;
		transform-origin:47% 50%;
		animation-delay:-1s;
		background-color:hsl(50, 100%, 50%);
	}
	
.loading	span:nth-child(2) {
		left:-11%;
		right:-4%;
		top:-10%;
		bottom:-11%;
		transform-origin:49% 53%;
		animation-delay:-1.5s;
		background-color:hsl(100, 100%, 50%);
	}
	
.loading	span:nth-child(3) {
		left:-7%;
		right:-9%;
		top:-11%;
		bottom:-4%;
		transform-origin:47% 52%;
		animation-delay:-2s;
		background-color:hsl(150, 100%, 50%);
	}
	
.loading	span:nth-child(4) {
		left:-8%;
		right:-3%;
		top:-5%;
		bottom:-11%;
		transform-origin:47% 52%;
		animation-delay:-2.5s;
		background-color:hsl(200, 100%, 50%);
	}
	
.loading	span:nth-child(5) {
		left:-10%;
		right:-8%;
		top:-4%;
		bottom:-9%;
		transform-origin:48% 51%;
		animation-delay:-3s;
		background-color:hsl(250, 100%, 50%);
	}
	
.loading	span:nth-child(6) {
		left:-9%;
		right:-11%;
		top:-5%;
		bottom:-8%;
		transform-origin:47% 50%;
		animation-delay:-3.5s;
		background-color:hsl(300, 100%, 50%);
	}


@keyframes wave {
	from {
		transform:rotateZ(0deg);
	}
	to {
		transform:rotateZ(360deg);
	}
}