/*
Theme Name: tectak
Theme URI: https://tec-tak.com/
Author: tectak-Team
Author URI: 
Description: tectak for ar and en  .
Version: 1.0
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 5.0
License: GNU General Public License & MIT
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: 
Tags: blog, two-columns, left-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready

--------------------------------------------------------------------------------*/
/* - General
-------------------------------------------------------------------------------*/
/*
@import url('https://fonts.googleapis.com/css2?family=Almarai&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Aref+Ruqaa&family=Noto+Kufi+Arabic:wght@400;700&display=swap');

*/
ul{	list-style: none; margin:0px;padding:0px;}
.nav-header{
   border-bottom: 0px solid lightgray;
    -webkit-box-shadow: 0 1px 1px 1px rgb(0 0 0 / 20%);
    box-shadow: 0 1px 1px 1px rgb(0 0 0 / 20%);
    background: #fff;
    width: 100%;
    z-index: 5;
	margin-bottom:5px;
	
}
 html {scroll-behavior: smooth;}
::-webkit-scrollbar {width: 10px;}
::-webkit-scrollbar-track {background: #f1f1f1; }
::-webkit-scrollbar-thumb {background: #888; }
::-webkit-scrollbar-thumb:hover {background: #555; }
p {text-align:justify;margin-top: 0;margin-bottom: 1rem;}
/**** ------------------------------- framework ------------------------------ */
 a{text-decoration: none; }
 /*a:active{color: #337ab7; }*/
a:hover{color: #06338e; }
a:visited{color: #070089;}
ul{	list-style: none; margin:0px;padding:0px;}
*{
font-family: 'Catamaran', sans-serif;
/*font-family: 'Noto Kufi Arabic Regular';*/
margin:0px;box-sizing: border-box;
font-size: 16px;
line-height: inherit;	
	}
.mac-container{width: 100%;}
.mac-container-all{width:100%; height:auto;}
.mac-container-news{width:100%; height:auto;}
.mac-title{padding-right:5px;font-weight: bold; margin-top:10px;margin-bottom: 10px;cursor: pointer; overflow: hidden;}
.mac-title a{font-family:inherit;font-size: 16px;font-weight: bold;color:inherit; overflow: hidden;}
.mac-title a:hover{color: #20b2af;}
.mac-sub-title{ font-family: 'Noto Kufi Arabic Regular';line-height: 25px;font-size: 14px;padding-right:5px;    overflow: hidden;}
.mac-sub-title a{ font-family: 'Noto Kufi Arabic Regular';line-height: 25px;font-size: 14px;font-weight: bold;    overflow: hidden;}
.mac-sub-title a:hover{color: #b70000;}
.mac-sub-content{padding:5px;font-size: 15px;text-align:justify; }
.mac-excerpt{ font-family: 'Noto Kufi Arabic Regular';}
.mac-content{padding:5px;font-size: 16px;text-align:justify;  }
.mac-image{width:100%;height:150px; padding-right: inherit;}
.mac-image img{width:100%;height:100%;}
.mac-thumb{width:100%; height:150px;}
.mac-thumb-h150-w300{width:300px; height:150px;}
.mac-thumb img{width:100%; height:100%;}
.mac-meta{padding-top:5px;color: #777;font-size: 12px;padding-bottom: 5px; }
.mac-meta ul{list-style: none; margin:0px;padding:0px;	}
.mac-meta ul li{display: inline-block; margin-right: 0px;padding-right:5px;	}
.mac-meta ul li a{text-decoration: none;font-size:13px!important; }
.mac-content-details{padding:5px;}
.mac-post{background: #fff;}
.mac-comment{background: #f7f7f7;}
.mac-ul-nav{list-style: none; margin:0px;padding:0px;}
.mac-ul-nav li{display: block; margin-right: 0px;padding-right:5px;}
.mac-ul-nav li a{display:block;text-decoration: none;font-size:20px; color:#000;transition: 0.3s;}
.mac-ul-nav li a:hover{color:red;}
.mac-ul-nav{list-style: none; margin:0px;padding:0px;}
.mac-ul-inline li{display: inline-block; margin-right:0px;padding-right:5px;}
.mac-ul-inline li a{display:inline-block;text-decoration: none;font-size:14px; color:#000;}
.mac-ul-inline li a:hover{color:red;}
.mac-hover:hover{color:red;}
.mac-a{ padding: 8px 8px 8px 32px;text-decoration: none;font-size: 25px;color: #818181;display: inline-block;transition: 0.3s;}

.mac-section{margin-bottom:10px;}
.mac-section-title{border-bottom: 1px solid #000;font-size:20px;margin-bottom: 10px;line-height:1;}
.mac-section-title a {font-size:25px; margin-bottom: 10px;line-height:1; text-decoration: none;}
.mac-section-title span {font-size: 20px;font-weight: bold; }

.mac-left{float:left;}
.mac-right{float:right;}
.mac-text-center{text-align: center;}.mac-text-left{text-align: left;}.mac-text-right{text-align: right;}
.mac-background{background:#f1f1f1;}
.mac-shadow{-webkit-box-shadow: 0 5px 3px rgba(0, 0, 0, .1);-moz-box-shadow: 0 5px 3px rgba(0, 0, 0, .1);box-shadow: 0 1px 3px rgba(0, 0, 0, .1);}
.mac-border{border: 1px solid #DEDEDE;	}
.mac-border-bottom{border-bottom: 1px solid #DEDEDE;}
.mac-border-bright{border-right: 1px solid #DEDEDE;}
.mac-border-left{border-left: 1px solid #DEDEDE;}
.mac-opacity-0{opacity:0;}
.mac-opacity-1{opacity:1;}
.mac-clear{clear:both;}
.mac-btn{display: inline-block;font-size:15px;line-height: 20px;cursor:pointer;background-color:#006ba7;color:#fff;padding:5px 5px; width:auto;height:auto;}
.mac-content-subscribes{width:100%;padding:5px;}
/**** -------------------------------style scroll ------------------------------ */
.mac-scroll-top{display:none; font-size:20px; font-weight:bold; height:40px;position:fixed; 
 bottom:20px; right:20px; text-align:center;text-decoration:none;
 width:40px; z-index:9;background-color:#04669d;color:#fff;border:1px solid;
 -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
.mac-scroll-top:hover, .mac-scroll-top:focus{text-decoration:none; outline:none}
.mac-fixed-top{width: 100%;position: fixed;top:0px;box-shadow: 0px 3px 6px 3px rgb(0 0 0 / 6%); -webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeInDown;animation-name: fadeInDown;background: #fff;z-index: 20;}
.mac-list-li{margin-bottom: 5px;}
.list-group-item {border: 0px!important;border-bottom: 1px solid rgba(0,0,0,.125);}
.mac-container-over{width: 100%;}.mac-position-r{position:relative; overflow:hidden;}
.mac-position-a{position:absolute;}.mac-width{width: 100%;} .mac-height{height: 100%;}
.mac-transparent-full{position:absolute;top:0px;right:0px;bottom:0px;right:0px; background:rgb(0,0,0,0.3);color:#fff; width:100%;height: 100%;}
.mac-bg-over{background-color:rgb(0,0,0,0.5); color:#fff;padding-left:15px;padding-right:15px;}
.mac-cat-over{position: absolute;top:10px;right: 0px;z-index:9;}
.mac-cat-over a{display: inline-block;padding: 4px 8px;font-size: 12px;background-color:#138fd5;color: #fff;}

.mac-cat-over-buttom{position: absolute;bottom:0px;right: 0px;z-index:9;}
.mac-cat-over-buttom a{display: inline-block;padding: 7px 15px;font-size: 12px;background-color:#20b2af;color: #fff;}


.mac-link a{display: inline-block;padding: 8px 20px;font-size: 12px;border:1px solid #04669d;color: #000; cursor:pointer; background: #fff;
    margin: 3px; text-align:center;}
.btn-primary {
    color: #fff;
    background-color: #04669d;
    border-color: #1fb1af;
}
.mac-date-over{color:#fff; font-size: 12px;z-index:9;}
.mac-image-over{display: block;width: 100%; height:200px;;transition: transform .2s linear;overflow: hidden;}
.mac-image-over img {width: 100%; height:100%;}
.mac-image-over-250{display: block;width: 100%; height:250px;;transition: transform .2s linear;overflow: hidden;}
.mac-image-over-250 img {width: 100%; height:100%;}
.mac-image-over-400{display: block;width: 100%; height:400px;;transition: transform .2s linear;overflow: hidden;}
.mac-image-over-400 img {width: 100%; height:100%;}
.mac-image-over2{display: block;width: 100%; height:195px;transition: transform .2s linear;overflow: hidden;}
.mac-image-over2 img {width: 100%; height:100%;}
.mac-image-over:hover img {transform: scale(1.2);}
.mac-overlay{ position: absolute;top:0px;bottom:0px;left:0px;right:0px;height: 100%;width: 100%;background:rgb(0,0,0,0.2);}
.mac-title-over-bottom{position:absolute;  bottom:0px; background: rgb(0, 0, 0);background:rgb(0,0,0,0.5); color:#fff; width:100%;padding:10px;}
.mac-title-over-bottom a{color:#fff; font-size: 16px;font-weight: bold;}.mac-title-over-bottom a:hover{color:#20b2af;}
.mac-title-over-center{position: absolute;top:50%;color: white;text-align: center;height: 100%;width: 100%; z-index:99;}
.mac-title-over-center a{color:#fff; font-size: 16px;font-weight: bold;}.mac-title-over-center a:hover{color:#20b2af;}
.mac-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.mac-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.mac-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.mac-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.mac-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}

.mac-title-over-bottom .mac-excerpt{display:none;  font-family: 'Noto Kufi Arabic Regular';}.mac-title-over-bottom:hover .mac-excerpt{display:block;}
/*******style button slider *****/
.mac-style-slider .slick-prev,
.mac-style-slider .slick-next {}
.mac-style-slider .slick-prev {right: 20px;left: auto; z-index:10;}.mac-style-slider .slick-next {right: auto;left: 20px;}.mac-style-slider .slick-prev:hover,.mac-style-slider .slick-prev:focus,.mac-style-slider .slick-next:hover,.mac-style-slider .slick-next:focus {}
.mac-style-slider .slick-prev::before,.mac-style-slider .slick-next::before {}
.mac-style-slider .slick-prev::before {content: "→";}.mac-style-slider .slick-next::before {content: "←";}


.mac-title-slider{
   position: absolute;
  top: 50%;
  left: 50%;
  background: rgb(0, 0, 0); /* Fallback color */
  background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
  padding: 5px; /* Some padding */
   text-align: center;
  color: white;
  transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
   z-index:99;
   overflow:hidden;
}
.mac-title-slider h3 a{
	font-size: 25px;color:#fff;
	
}
.mac-panel-nav{position: fixed;z-index: 1060;height:100%;width:280px;top:0px;left:0px;bottom:0px; display:none;
background: white;color:#333;overflow: hidden;transition: all .3s ease-in-out;font-size: 1.3rem;font-family: inherit;}
.mac-panel-nav .mac-panel-close {position:absolute;top:0px;left:25px;font-size: 36px;color:#000;transition: all .3s ease-in-out;}
.mac-open-panel {font-size:20px;cursor:pointer;color:#000;padding:10px 10px;border:1px solid #000;width:70px;height:40px;}
.mac-panel-nav-content{padding:30px;}
.mac-panel-footer{position:absolute;bottom:5px;left:1px; right:1px;font-size: 13px;color:#000;padding:10px;}
.mac-panel-search{padding-top:20px; margin-bottom:10px;}


.mac-menu-mobile{height:100%;width:100%;top:0px;left:0px;bottom:0px; 
background: white;color:#333;overflow: hidden;transition: all .3s ease-in-out;font-size: 1.3rem;font-family: inherit;}
.mac-menu-mobile_nav{font-size: 13px;color:#000;padding:10px;}

.mobile-menu-item {
    flex: 1;
    height: 3.125rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.mobile-menu-icon i{
	    display: block;
    text-align: center;
    margin-bottom: -7px;
}

.mobile-menu-name a{
    font-size: 10px !important;
    color: #e2a5a0;
}





.mac-block-search {background-color: #f7f7f7;box-shadow: 0 2px 5px rgb(0 0 0 / 10%);display: none;padding: 8px;position: absolute;left:15px;top:100%;width: 300px;z-index: 10;border: 5px solid rgba(0, 0, 0, 0.05);border-radius: 10px;margin-top: 0px;}
ul.mac-list-posts {margin: 0;padding: 0;}
ul.mac-list-posts > li {list-style: none;padding-bottom: 10px;margin-bottom: 10px;border-bottom:1px solid #f0f0f0;overflow: hidden;}
ul.mac-list-posts > li img {width: 100px;margin-left: 20px;float: right;}
ul.mac-list-posts > li img {max-width: 75px;}
ul.mac-list-posts > li .post-content h2 {color: #333333;font-family: inherit;font-weight: 700;line-height: 20px;margin: 0 0 10px;font-size: 13px;overflow: hidden;margin-bottom: 7px;}
.fa {display: inline-block;font-family: FontAwesome!important;font-style: normal;font-weight: normal;line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.mac-post-overlay{ position:relative;overflow: hidden;}
.mac-post-overlay:before{position: absolute;  content: "";display: block;width:100%;height:100%;z-index:1;bottom:0px;left:0px;top:0px;
   background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.60) 100%);
   background: -webkit-gradient(linear, left bottom, left bottom, color-stop(60%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.85)));
   background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.60) 100%);background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.60) 100%);background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.60) 100%);
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.60) 100%);}
 .mac-post-overlay .post-content {position: absolute;bottom:0px;padding:20px;z-index:3}
.mac-post-overlay .post-title a  {font-size: 16px;font-weight: bold;color: #fff; z-index:999 }
.mac-post-overlay .post-title a:hover{color: #20b2af; }
.mac-post-overlay .post-date {color: #fff;z-index:6}
.mac-post-overlay .post-thumb{height:250px;width: 100%;}
.mac-post-overlay .post-thumb img {display: block;height:100%;width: 100%;-webkit-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;}
.mac-post-block:hover .post-thumb img,
.mac-post-block:hover .post-thumb img {-webkit-transform: scale(1.15);-moz-transform: scale(1.15);-ms-transform: scale(1.15);-o-transform: scale(1.15);transform: scale(1.15);}
.mac-list-post-block {margin-top: 20px;}
.mac-post-block {position: relative;}
.mac-post-block .post-content {padding: 0px;}
.mac-post-block .post-title a:hover {color: #ec0000;}
.mac-post-block .post-content p {font-size: 13px;}
.mac-post-block .post-cat {position: absolute;top: 20px;left: 20px;z-index: 1;}
.mac-post-block .post-content .post-meta {margin: 3px 0;}
.mac-gradient {position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 0;margin-bottom: 0;padding-bottom: 0;height:100%;width: 100%;
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(25%,rgba(21,21,21,0)),to(rgba(21,21,21,.8)));
    background-image: linear-gradient(180deg,rgba(21,21,21,0) 25%,rgba(21,21,21,.8));}
.mac-banner{width:100%; height:500px;position:relative;}
.mac-banner.mac-banner-image{width:100%;height:100%;}
.mac-banner .mac-banner-image img{width:100%; background-size: 100% 100%;height:100%;  background-repeat:no-repeat;background-attachment: fixed;}
.mac-bg-color{background-color: RGBA(13, 70, 83, 0.5);height:100%;}
.mac-banner-logo img{display: inline-block;z-index:2;}
.mac-banner-text{color:#fff;z-index:2;}
.mac-banner-text h1{color:#fff;font-size: 35px;text-transform: uppercase;padding-bottom:15px;z-index:2;}
.mac-title-bold{font-size: 35px;font-family:inherit;color:#fff;font-weight: bold;z-index:4;}
.mac-title-bold a{font-size: 35px;color:#fff;font-weight: bold;z-index:4;}
.mac-title-bold a:hover{color:#20b2af;}
.mac-text-block {width:auto;position: absolute;top:40%;bottom: 20px;right:20px;left: 20px;color: white;padding: 20px;z-index:10;}
.mac-text-block-single {width:auto;position: absolute;bottom: 20px;right:20px;left: 20px;color: white;padding: 20px;z-index:10;}

/*-----------------post media-------------------*/

.post-media iframe{width:100%; height:350px;}
.post-media .mac-video .embed-responsive  iframe{width:100%; height:300px;}

.mac-thumb-400{width:100%;height:400px;}
.mac-thumb-400  img{width:100%;height:100%;}
.mac-thumb-300{width:100%;height:300px;}
.mac-thumb-300 img{width:100%;height:100%;}
.mac-thumb-200{width:100%;height:200px;}
.mac-thumb-200 img{width:100%;height:100%;}
.mac-thumb-200 img:hover{opacity:0.5;}
.mac-thumb-250{width:100%;height:250px;}
.mac-thumb-250 img{width:100%;height:100%;}
.mac-thumb-150{width:100%;height:180px;}
.mac-thumb-150 img{width:100%;height:100%;}
.mac-thumb-150:hover img {transform: scale(1.2);}
.mac-image-widget{width:100%;height:90px;}
.mac-thumb-90{width:100%;height:90px;}
.mac-thumb-90 img{width:100%;height:100%;}
.mac-thumb-100{width:100%;height:100px;}
.mac-thumb-100 img{width:100%;height:100%;}
.mac-thumb-110{width:100%;height:110px;}
.mac-thumb-110 img{width:100%;height:100%;}
.mac-thumb-banner{width:100%;height:400px;}
.mac-thumb-banner img{width:100%; background-size: 100% 100%;height:100%;  background-repeat:no-repeat;background-attachment: fixed;}
.mac-thumb-services{width:100%;height:300px;}
.mac-thumb-services img{width:100%; background-size: 100% 100%;height:100%;  background-repeat:no-repeat;background-attachment: fixed;}
.mac-title-over-center-data{position: absolute;top:50%;bottom:50%;color: white;text-align: center;height: 100%;width: 100%; z-index:2;}
.mac-title-over-center-data a{color:#fff; font-size:30px;font-weight: bold;}
.mac-title-over-center-data a:hover{color:#20b2af;}

.mac-thumb-500{width:100%;height:500px;}
.mac-thumb-500  img{width:100%;height:100%;}

.mac-content-banner{
width: 100%;
height:100%;
position: absolute;
top:50%;
bottom:50%;
padding:20px;
color: white;
text-align: center; 
z-index:99;	
	
}

.mac-text-block {
  position: absolute;
  top:40px;
  bottom: 20px;
  right: 20px;
  text-align: center; 
  color: white;
  padding-left: 20px;
  padding-right: 20px;
  overflow: hidden;
  z-index:99;
pointer:cursor;  
}


.mac-padding-bottom{padding-bottom:30px;}
.mac-proposal{margin-bottom:10px;padding: 20px;}
.mac-proposal span{font-size:20px; font-family:inherit;}
.mac-fixed{  width: 100%;position: fixed;top:0px;
    box-shadow: 0px 3px 6px 3px rgb(0 0 0 / 6%);
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: animatetop;
    animation-name: animatetop;
    background: rgb(0 0 0 / 42%);
    z-index: 20;}
.top-nav-collapse {padding: 0;background: rgba(28,74,90, 0.9);}
.mac-logo{width:150px;height:60px; padding:5px;}
.mac-logo img{width:100%;height:100%;}
.mac-logo-center{width:auto;height:100px; margin:5px;}
.mac-font-size-30{font-size: 30px;}
.mac-cat-over2{position: absolute;top:10px;right: 0px;z-index:9;}
.mac-cat-over2 a{display: inline-block;padding: 4px 8px;font-size: 30px;background-color:red;color: #fff;}


.mac-transition img {-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;-ms-transition: all .4s ease;transition: all .4s ease;}
.mac-transition:hover img {transform: scale(1.07);-ms-transform: scale(1.07);-webkit-transform: scale(1.07);}

.mac-wow2:hover {transition: all ease-in-out 0.4s;transform: scale(1.1); z-index:22; overflow:hidden;}
.mac-hover-background:hover{background: rgba(0,0,0, 0.9); z-index:2;}

.mac-wow img {-webkit-transition: all ease-in-out 0.4s;transition: all ease-in-out 0.4s;}
.mac-wow:hover img {transform: scale(1.1);}
.mac-over-background {background: rgba(0,0,0,0.2);position: absolute;width: 100%;height: 100%;top: 0px;right: 0px;bottom: 0px;left: 0px;opacity: 0;-webkit-transition: all ease-in-out 0.4s;transition: all ease-in-out 0.4s;}
.mac-over-one:hover .mac-over-background {opacity: 1;}
.mac-content{
}
.mac-b-over {background: rgba(0,0,0,0.4);position: absolute;top: 150px;right: 20px;bottom:20%;left:50%;padding: 20px; overflow:hidden;
font-size:30px;
color:#fff;}

.mac-frist-news{margin-bottom: 5px;overflow: hidden;padding: 5px;}
.mac-other-news {margin-bottom: 8px;overflow: hidden;padding: 5px;}
.mac-margin-bottom-5{margin-bottom: 5px;}


@media (max-width: 768px) {
	.navbar-collapse {
		background: rgba(28,74,90, 0.9);
	}
}

@media (max-width: 500px) { 
.mac-b-over {background: rgba(0,0,0,0.4);position: absolute;top: 80px;right:4%;bottom: 7%;left: 4%;padding: 20px;color:#fff;}
.mac-post-overlay .post-thumb{height:160px;width: 100%;}
.mac-thumb-400{width:100%;height:200px;}
.mac-image{width:100%;height:170px;}
.mac-thumb-banner{width:100%;height:300px;}
.mac-thumb-services{width:100%;height:220px;}
.mac-thumb-300{width:100%;height:200px;}
.mac-thumb-200{width:100%;height:170px;}
.mac-thumb-250{width:100%;height:200px;}
.mac-title-over-center-data{position: absolute;top:20%;bottom:20px;color: white;text-align: center;height: 100%;width: 100%; z-index:2;line-height: 1; overflow:hidden;}
.mac-thumb-500{width:100%;height:300px;}
/*.social-share{display:block;position: fixed;bottom:0px;text-align: center;}*/
.mac-section-title{border-bottom: 1px solid #000;font-size:20px;margin-bottom: 10px;line-height:1;}
.mac-section-title a {font-size:19px; margin-bottom: 10px;line-height:1; text-decoration: none;}
.mac-section-title span {font-size: 15px;font-weight: bold; }

.mac-title-slider{
   position: absolute;
  bottom: 0;
  left: 0;
  background: rgb(0, 0, 0); /* Fallback color */
  background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
  text-align: center;
  font-size: 50px;
  color: white;
  transform: translate(-0,-0);
  -ms-transform: translate(-0,-0);
   z-index:99;
   width:100%;
   overflow:hidden;
}
}

/******************************************/
 /* ----------------------------navbar style -----------------------*/
.navbar-light .navbar-nav .open>.nav-link,.navbar-light .navbar-nav .active>.nav-link,.navbar-light 
.navbar-nav .nav-link.open,.navbar-light .navbar-nav 
.nav-link.active{
padding-top:12px !important;
padding-bottom:15px !important;
padding-left:15px !important;
padding-right:15px !important;
margin:0 5px !important;
background:#ff3209 !important;
color:#fff!important;
text-align:center;
-moz-transition:all .5s ease;-o-transition:all .5s ease;
-webkit-transition:all .5s ease;
}
.navbar-light .navbar-nav .nav-link{
	color:#000 !important;
	padding-top:10px !important;
	padding-bottom:10px !important;
	padding-left:5px !important;
	padding-right:5px !important;
	margin:0 5px !important;
	-moz-transition:all .5s ease;-o-transition:all .5s ease;
	-webkit-transition:all .5s ease;-ms-transition:all .5s ease;
	transition:all .5s ease;position:relative !important;
}
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover{
background:#20b2af !important;
color:#fff !important;
padding-top:12px !important;
padding-bottom:15px !important;
padding-left:20px !important;
padding-right:20px !important;
margin:0 20px;position:relative
}
.mac-fixed{ 
 width: 100%;position: fixed;top:0px;
    box-shadow: 0px 3px 6px 3px rgb(0 0 0 / 6%);
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: animatetop;
    animation-name: animatetop;
    background: rgb(0 0 0 / 42%);
    z-index: 20;}
	

.mac-border-nav{border-bottom: 0px solid lightgray;}

/*****************************/
.footer-bottom{background:#000;	 }
.footer-bottom ul.menu-footer{color: #858585;font-size: 14px;display: inline-flex;	}
.footer-bottom.menu-footer li{display: inline-block;}
.footer-bottom .menu-footer li a{
	font-size: 14px; display: inline-block;margin:4px;color:#fff;padding-right:10px;text-decoration: none; font-family: 'Noto Kufi Arabic Regular';}
.footer-bottom .menu-footer li a:hover{
	color:#fff;
}
/******************/
.top-head{background:#ff3209; font-family: 'Noto Kufi Arabic Regular'; }
.top-head ul.menu-top{color: #fff;font-size:15px;display:inline-flex;}
.top-head.menu-top li{display: inline-block;}
.top-head .menu-top li a{font-size: 14px;font-family: 'Noto Kufi Arabic Regular'; display: inline-block;margin:4px;color:#fff;padding-right:10px; text-decoration: none;}
.top-head .menu-top li a:hover{color:#fff; }


.mac-social{}
.mac-social a{display: inline-block;color: #fff; margin:4px;}
.mac-social .fa{}

 /* ------------------------mac-search popup style-------*/
.openBtn {

  cursor: pointer;
}

.mac-search .overlay {
  height: 100%;
  width: 100%;
  display: none;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9);
}

.mac-search .overlay-content {
  position: relative;
  top: 46%;
  width: 80%;
  text-align: center;
  margin-top: 30px;
  margin: auto;
}

.mac-search .overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
  cursor: pointer;
  color: white;
}

.mac-search .overlay .closebtn:hover {
  color: #ccc;
}
.mac-search .overlay input[type=text] {
  padding: 15px;
  font-size: 17px;
  border: none;
  float: right;
  width: 100%;
  background: white;
}

.mac-search .overlay input[type=text]:hover {
  background: #f1f1f1;
}

.mac-search .overlay button {
  float: right;
  width: 20%;
  padding: 15px;
  background: #ddd;
  font-size: 17px;
  border: none;
  cursor: pointer;
}

.mac-search .overlay button:hover {
  background: #bbb;
}
/* ------------------------ end mac-search popup style-------*/

.mac-card{
	position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgb(206 221 229 / 28%);
	margin-bottom:10px;

}
.mac-card .card-header{
padding: 1rem 1rem;
    margin-bottom: 0;
    background-color: rgb(255 255 255);
    border-bottom: 1px solid #d7d7d7;
}
.mac-card .card-body{
	flex: 1 1 auto;
    padding: 10px;;
}
.mac-padding-top{padding-top:20px;}
.mac-padding-bottom{padding-bottom:20px;}
.mac-advertise-header{ }
/********

*/

.breadcrumb{background: #fff;padding: 5px;}

/*-------------- share----------*/
.mac-ul-share li{display: inline-block; margin-right:0px;padding-right:5px;}
.mac-ul-share li a{display:inline-block;text-decoration: none;font-size:14px;}
.mac-ul-share li .social-facebook{display: inline-block;text-decoration: none;font-size: 17px; width: 35px;background: #093ba5;
text-align: center;transition: all 0.3s ease;} 
.mac-ul-share li .social-facebook i{ color: #fff;}
.mac-ul-share li .social-twitter{display: inline-block;text-decoration: none;font-size: 17px; width: 35px;background: #55acee;text-align: center;
   transition: all 0.3s ease; } 
 .mac-ul-share li .social-twitter i{ color: #fff;}
.mac-ul-share li .social-whatsapp{display: inline-block;text-decoration: none;font-size: 17px; width: 35px;background-color: #037e07;text-align: center;
   transition: all 0.3s ease;} .mac-ul-share li .social-whatsapp i{ color: #fff;}
.mac-ul-share li .social-email{display: inline-block;text-decoration: none;font-size: 17px; width: 35px;background-color: #d8e335;text-align: center;
   transition: all 0.3s ease;} .mac-ul-share li .social-email i{ color: #fff;}
.mac-ul-share li .social-linkedin{display: inline-block;text-decoration: none;font-size: 17px; width: 35px;background-color: #009ccf;text-align: center;
   transition: all 0.3s ease;} .mac-ul-share li .social-linkedin i{ color: #fff;}






.mac-image-widget img{width:100%; height:70px;}


/*      home section ---*/
.blue-container-homepage{position:relative;width:100%;background:url(/assets/images/doctor.png);background-repeat:no-repeat;background-size:100% 100%}

.format-icon{

}
.format-icon i{
	z-index:100;
 left:50%;
  top:50%;
  margin-left: - 50%;
}


.section-home{
	padding-top:50px;
	padding-bottom:50px;
	 background-color: #06338e;
}
.section-home .section-home-image{
	width:100%;

}
.section-home .section-home-image img{
	width:100%;
    height:100%;
}








.copyright{color: #fff;padding: 10px;}

@media (max-width: 500px) { 
.footer-bottom{text-align:center; padding: 5px;}
.top-head{text-align:center;}
.mac-nav-mobile{
	margin-top:1px;
	
}

}

/************** style loader*****************/
.loader {
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #3498db; /* Blue */
    border-top: 16px solid blue;
  border-right: 16px solid green;
  border-bottom: 16px solid red;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


/********************************/
/* Add animation to "page content" */
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s
}

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 } 
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
  from{ bottom:-100px; opacity:0 } 
  to{ bottom:0; opacity:1 }
}