/*Theme Name: Nomaxibilia
Author: Elibariki S. Sumari
Description: Nomaxibilia is a modern template designed from scratch just to bring a fresh design approach to the industry
*/

html {
  scroll-behavior: smooth;
}

.pos-center{
    text-align:center;
    display:table;
}

.text-shadow{
    text-shadow:2px 2px 3px #000;
}

.s-view,.ms-fade-view,.ms-grab-cursor{
    height:100vh !important;
}

.transition-image img{
    position:absolute;
    z-index:9;
    top:0;
    width:100%;
    height:100%;
    display:none;
    object-fit:fill;
}

#social-tab{
    position:absolute;
    z-index:10;
    right:0;
    top:40vh;
    background:#000;
    border-radius:20px 0 0 20px;
    padding:8px;
    height:205px;
}

#social-tab img{
    width:40px;
    display:block;
    margin:15px auto;
}

#icons{
    margin-top:3vh;
}
@keyframes intro{
    from{opacity:1;}
    to{top:0;opacity:0;}
}

#about-us{
    text-align:center;
    opacity:1;
    transition:opacity 2s;
}

#inquire, #partner, #tracking{
    display:none;
}

#partner{
    background:rgba(0,0,0,.6);
    padding:10px 15px;
}

#inquire h5{
    font-weight:bold;
}

.icons-color a{
    color:#fff;
}

.trans-box{
    /*border:2px solid #fff;*/
    background:rgba(250,202,34,.9);
    border-radius:12px;
}

.trans-box:hover{
    background:rgba(255,255,255,.7);
}

.intro-title-link:hover + #about-us{
    
}

.floating-container{
    position:absolute;
    z-index:10;
    width:50%;
    /*border:2px solid #ccc;*/
    color:#fff;
    top:40%;
    left:0;
    right:0;
    margin:0 auto;
    animation-name:intro;
    animation-duration:3s;
    animation-direction:reverse;
    animation-timing-function: ease-in-out;
}

.ms-slide-bgcont{
    height:100vh !important;
}

#dark-theme{
    position:absolute;
    width:100%;
    height:100%;
    z-index:10;
    background-image: linear-gradient(180deg,rgba(0,0,0,1) 0,rgba(0,0,0,0) 50%,rgba(0,0,0,.8));
}

#dark-theme-page{
    position:absolute;
    width:100%;
    height:50%;
    z-index:10;
    background-image: linear-gradient(180deg,rgba(210,210,210,1) 0,rgba(0,0,0,0) 50%);
}

.page-title{
    font-weight:bold;
    text-transform:uppercase;
}

.about-tabs{
    padding:7px 12px;
    border-radius:8px;
    background:#faca22;
    color:#fff;
    display:inline-block;
    margin:8px;
}


.about-tabs:hover{
    background:#000;
    color:#faca22;
    text-decoration:none;
}

#horizontal_separator{
    border-bottom:2px solid #ccc;
    margin-top:25px;
}

#post_thumbnail{
    margin-top:25px;
}
.extra-overview{
    display:none;
}

.slogan{
    color:#fff;
    /*font-style:italic;*/
    padding-top:8px;
    padding-left:100px;
}

.team-content{
    padding:10px;
    background:#0c7e8c;
    display:none;
    color:#fff;
    font-size:.8em;
    text-align:justify;
    border-bottom:7px solid #f69633;
}

#header-band{
	background:#3CB54A;
	height:35px;
}

.main-side-menu{
    display:none;
}

#post-navigation-left{
    float:left;
}

#post-navigation-right{
    float:right;
}

.wp-block-table.is-style-stripes{
    width:65%;
}

.brief{
    max-height:99px;
    color:#fff;
    overflow:hidden;
    margin-bottom:10px;
    font-size:.8em;
}


.desc{
    margin-top:5px;
}


.desc:before{
    content:'';
    width:100%;
    border-bottom:6px solid #fff;
    position:absolute;
    z-index:2;
    left:0;
}

.brief a, .block-container-column h4 {
    color:#fff !important;
}

.main-content{
    padding-bottom:10px;
}

.bwg_popup_image_spun1 .bwg_popup_image_spun2{
    background:#007cba !important;
}

.bwg_toggle_container, .bwg_ctrl_btn_container{
    background:#1e3557 !important;
}

[class^="bwg-icon-"], [class*=" bwg-icon-"], .bwg-icon{
    color:#66B3E3 !important;
}

.nav-previous, .nav-next{
    background:#1C75BC;
    max-width:fit-content;
    padding:8px 12px;
}

.nav-previous a, .nav-next a{
    color:#fff;
    text-decoration:none;
}

#page-child{
    margin-bottom:50px;
}

.zali:first-child{
    padding-left:0px;
}

#logo-alignment h2{
    margin:37px 0 0 0;
}

html{
    margin:0px !important;
}

.owl-theme .owl-controls{
    display:none;
}

#header{
	background:#fff;
	padding:0px 15px;
	position:relative;
}

#top-band{
	border:4px solid #66B3E3;
}

.portfolio{
	/*border:1px solid #fff;*/
	padding:15px 10px 16px 10px;
	position:relative;
	color:#fff;
}

.portfolio a{
	color:#fff;
}

#portfolio-padding{
	padding:10px 10px 30px 10px;
}

.portfolio-title-tab{
	text-transform:uppercase;
	font-weight:bold;
	text-align:center;
	font-size:1.6em;
	margin-bottom:8px;
}

.portfolio-bg a{
	color:#fff;
}

.portfolio:hover{
	
}

.portfolio:hover a{
	color:#fff;
	text-decoration:none;
}

.portfolio:hover .read-more-btn, #mfawidhi_section .read-more-btn:hover{
	background:#fff;
	color:#3CB54A;
}

.foot-print, .market-focus{
    padding:4px 7px;
    /*border:1px solid #fff;*/
    width:49%;
    display:inline-block;
    margin-top:10px;
    background:#f69633;
    text-align:center;
}

.foot-print-click, .market-focus-click{
    background:#fff;
    color:#0c7e8c;
}

#menu-icons{
    
}

.intro-title-link, .intro-title-link a{
    color:#fff;
    /*transform:scale(1,1);
    transition:transform 1s;*/
}

.intro-title-link a:hover{
    color:#faca22;
    text-decoration:none;
    /*transition:scale(1.5,1.5);*/
}



.intro_separator:hover{
    color:#FACA22;
    text-decoration:none;
}

.huduma_separator h4{
    text-align:left;
}

.intro_separator{
    padding:6px 0;
    margin-left:1px;
    margin-right:1px;
    text-align:center;
}

.huduma_separator{
    padding:6px 0;
    border-bottom:1px solid #F1F2F2;
    margin-left:1px;
    margin-right:1px;
    background:#fff;
}

#contacts_container{
    border:1px solid #F1F2F2;
    background:#EF4136;
    color:#fff;
    padding:13px;
    text-align:center
}

#contacts_container h4{
    color:#fff;
}

#tbs-section{
    padding:13px;
    background:#f7f7f7;
    margin-top:4px;
    color:initial;
    font-weight:bold;
    text-align:center;
}

#tbs-section p{
    margin:10px 0 10px;
    font-size:.8em;
}

#tbs-section img{
    width:75%;
    text-align:center;
    display:block;
    margin:0 auto;
}
#overview_section{
    border:1px solid #ccc;
    padding:7px;
    color:#414042;
}

#overview_title h4{
    margin-bottom:4px;
    font-weight:bold;
    text-align:left;
    color:#006838;
}

#overview_title{
    text-align:center;
}

#overview_title p{
    font-size:13px;
}

#overview_content{
    font-size:13px;
    margin-top:20px;
}


#huduma_excerpt{
    font-size:.8em;
    color:initial;
}

#team-section-fluid{
	background:#F1F2F2;
	padding:70px;
	background:url('images/coconuts.jpg');
	object-fit:cover;
	background-size:cover;
	background-position:center bottom;
}

.zali{
    position:relative;
    padding:0px 0;
}
.caps{
	text-transform:uppercase;
}

#elimu_afya_title{
    font-weight:900;
    color:#fff;
    text-shadow:2px 3px 5px #000;
}

#elimu_afya_content{
    color:#fff;
    font-style:italic;
    width:40%;
}

#afya_tabs_container{
    /*border:1px solid red;*/
    position:absolute;
    z-index:1;
    right:-25px;
    top:0;
    width:20%;
    text-align:center;
}

#afya_tabs{
    background:#3CB54A;
    color:#fff;
    padding:10px;
    margin:5px 0;
}

#afya_tabs:hover{
    background:#fff;
    color:#3CB54A;
}

#afya_tabs h4{
    margin-top:3px;
    margin-bottom:3px;
    
}

#clinics{
    text-align:center;
    font-weight:900;
    color:#3CB54A;
}

.clinic-title h4{
    font-weight:bold;
    color:#3CB54A;
}
.team-tab{
	text-align:center;
	/*filter:grayscale(100%);
	-webkit-filter:grayscale(100%);*/
}

.team-tab:hover .clinic-title h4{
    color:initial;
}

/*.team-tab:hover{
	filter:grayscale(0%);
	-webkit-filter:grayscale(0%);
}*/

.profile-tab{
    background:#0c7e8c;
    padding:3px 10px;
    border-radius:15px;
    width:fit-content;
    color:#fff;
    margin:0 auto;
    font-size:.8em;
}

.profile-tab:hover{
    cursor:pointer;
    background:#f69633;
}
.team-name{
	text-transform:uppercase;
}

.fp-dropdown, .mf-dropdown{
    display:none;
    padding:5px;
}


#resources-section-fluid{
    background:#f7f7f8;
}

.widgettitle{
    text-align:center;
    font-weight:bold;
    color:#0c7e8c;
}
.intouch{
    background-image:url('images/musk_logo_icon.png');
    padding:15px;
    background-size:6%;
}

.intouch h4{
    text-align:center;
    font-weight:bold;
    text-transform:uppercase;
    color:#0c7e8c;
}

.intouch #equire-button{
    text-align:center;
}

.portfolio-bg a:hover .portfolio{
	background:#fff;
	color:#63BC48;
}

.sub-menu{
    position:absolute;
    z-index:1;
    margin-top:0px !important;
    background:#fff;
    text-align:left !important;
    display:none;
}

.my_main_menu ul li:hover .sub-menu{
    display:block;
}

.sub-menu li{
    display:block;
    width:100%;
    margin:0px !important;
}

ul .sub-menu li a{
    margin-left:0 !important;
    background:none !important;
    border-radius:0 !important;
    display:block;
    text-align:left !important;
    color:#0c7e8c !important;
}

.sub-menu li a:hover{
    background:#0c7e8c !important;
    color:#fff !important;
}

.upper-box{
	position:absolute;
	z-index:2;
	width:50px;
	height:50px;
	border:1px solid #fff;
	left:-25px;
	top:-25px;
	background:#fff;
	color:#63BC48;
}

.glyphicon{
	right:5px;
}

.no-padding-fluid{
    padding-left:0px !important;
    padding-right:0px !important;
}

#menu-section{
    position:absolute;
    z-index:10;
    top:0;
    width:100%;
    padding:0 30px;
}

#menu-section-page{
    position:relative;
    z-index:10;
    top:0;
    width:100%;
    padding:0 30px;
}

.page-title-band{
	background:#63BC48;
	color:#fff;
	margin-bottom:8px;
	text-transform:uppercase;
}

#responsive-side-menu{
    display:none;
}

.section_header{
    background:#3CB54A;
    color:#fff;
    border-radius:20px 20px 0 0;
    text-align:center;
    text-transform:uppercase;
    padding:2px 10px;
}

.intro_separator{
    margin-bottom:7px;
    padding-top:15px;
    padding-bottom:10px;
}

.intro_separator p{
    color:#fff;
}

.habari_separator{
    background:#f7f7f7;
    margin-bottom:7px;
    padding-top:15px;
    padding-bottom:10px;
}

.habari_separator:hover{
    background:#006838;
    color:#fff;
}

.habari_separator:hover h4 a, .habari_separator:hover p, .habari_separator:hover .read-more-habari-btn{
    color:#fff !important;
}

.habari_separator:hover .read-more-habari-btn{
    color:#006838 !important;
    background:#fff;
}

#habari_content_bg{
    padding:0px 12px;
}

#habari_content_bg h4{
    color:#006838;
    font-size:16px;
    font-weight:bold;
}

#habari_content_bg h4 a{
    color:#006838;

}

#habari_content_bg p{
    color:#414042;
    font-size:.9em;
}

#word-logo{
    font-weight:900;
    color:#3CB54A;
}
.my_main_menu{
	text-align:left;
}

.my_main_menu ul{
	list-style-type:none;
	margin:0;
	padding:0;
	float:left;
	margin-top:34px;
}


.my_main_menu ul li{
	float:left;
	margin:0 3px;
	padding:0;
}


.my_main_menu ul li a{
	color:#fff;
	padding:5px 25px;
	font-size:1.1em;
	text-transform:uppercase;
	font-weight:bold;
	text-align:center;
	display:block;
	width:100%;
}

.my_about_menu ul li a{
	color:#fff;
	padding:5px 25px;
	font-size:1.1em;
	text-transform:uppercase;
	font-weight:bold;
	text-align:center;
	display:block;
	width:100%;
}

.my_main_menu ul li a:hover{
	color:#faca22;
	text-decoration:none;

}

.my_main_menu .current-menu-item a{
	color:#faca22;
	
	border:none;
	border-bottom:1px solid #0c7e8c;
}

.footer{
	padding:2px 2px 5px 2px;
	color:#fff;
	font-size:.8em;
	position:absolute;
	z-index:10;
	width:100%;
	bottom:0;
}

.footer ul{
	margin:0;
	padding:0;
	list-style-type:none;
}

.footer a{
    color:#fff;
}

.footer a:hover{
    color:#f69633;
}

.slide-container{
	margin:0 auto;
	padding:0;
	position:relative;
	height:100vh;
	/*border:1px solid red;
	background-image: linear-gradient(180deg,rgba(0,0,0,.55) 0,rgba(0,0,0,.4) 25%,rgba(0,0,0,.3));*/
}

.container-margin-top{
    margin-top:2px;
}
#intro{
	width:100%;
	padding:5px;
	position:absolute;
	z-index:10;
	bottom:0;
}

.rounded-circle{
	border-radius:50% !important;
}

#post-thumbnail{
	text-align:center;
	margin-bottom:15px;
	
}
#post-thumbnail img{
	object-fit:cover;
	width:100%;
}

.company-overview-padding{
	padding:1px;
}

.company-overview-blocks{
    background:#1860AB;
    padding:20px 50px;
}

.company-overview-padding h2{
	text-align:center;
	color:#fff;
	margin-top:5px !important;
	margin-bottom:5px;
	font-weight:bold;
}

.img-thumbnail{
	border:1px solid #b5b4b4;
}

#company-overview{
	padding:0px;
	/*background:#66B3E3;*/
	color:#F1F2F2;
	font-size:.8em;
	position:relative;
	text-align:justify;
	margin-bottom:1px;
	margin-top:0;
}

#company-overview:after{
	/*content:'';*/
	width:20px;
	height:20px;
	background:#1C75BC;
	/* border-left:1px solid #ccc;
	border-bottom:1px solid #ccc; */
	position:absolute;
	left:50%;
	transform:rotate(45deg);
	bottom:-10px;
}

#icon_wrapper{
    top:12% !important;
}

#logo-padding{
    padding-bottom:3px;
}

.portfolio-bg h2{
	text-align:center;
	margin:15px 0;
	font-weight:bold;
	color:#fff;
}

.portfolio-bg{
	background:#63BC48;
	padding:18px 0;
	margin-bottom:1px;
}

.ihc-excerpt{
	text-align:center;
}


#page-child li{
	list-style-type:none;
	float:left;
	margin-right:20px;
	font-weight:bold;
	font-size:90%;
	
}

#page-child a{
	color:#333 !important;
}

#page-child a:hover{
	color:#0c7e8c !important;
	text-decoration:underline;
}

#page-child .current_page_item a:link,#page-child .current_page_item a:visited{
	color:#0c7e8c !important;
	border-bottom:1px solid #0c7e8c;
}

#parent-link{
	float:left;
	margin-right:15px;
	padding-right:15px;
	font-size:90%;
	border-right:1px solid #1e3557;
	color:#1e3557;
}

#parent-link p{
	margin:0px;
	padding:2px 0;
	font-weight:bold;
}

#parent-link a:link, #parent-link a:visited{
	color:#1e3557;
}

.upper-case{
    text-transform:uppercase;
    text-align:center;
}
.overview-wrapper{
    /*border:1px solid #fff;*/
    padding:5px 4px 0px 4px;
    position:relative;
    text-align:justify;
}

.overview-background{
    background:#fff;
    color:#fff;
}

.read-more-btn{
    padding:2px 10px;
    bottom:0;
    border:1px solid #fff;
    border-radius:18px;
    color:#fff;
    font-size:.8em;
    width:80px;
    max-width:100px;
    margin:0 auto;
    text-align:center;
    background:#006838;
}

.read-more-btn:hover{
    /*background:#0c7e8c;
    color:#fff;
    border-top:1px solid #fff;
    border-left:1px solid #fff;
    border-right:1px solid #fff;*/
}

.read-more-habari-btn{
    padding:2px 10px;
    border:1px solid #006838;
    border-radius:18px;
    color:#fff;
    font-size:.7em;
    width:80px;
    max-width:100px;
    margin:0;
    position:relative;
    bottom:0;
    float:right;
    text-align:center;
    background:#006838;
}

.read-more-habari-btn:hover{
    background:#fff;
    color:#006838;
    border:1px solid #006838;
}

.content-margin{
	margin:15px 0 0 0;
}

.logo-container{
    text-align:center;
}

#responsive-menu{
    display:none;
}

.main-menu{
    display:none;
    list-style-type:none;
}

#developer{
	text-align:center;
	margin:0 auto;
	padding-top:10px;
}

#developer ul li a{
    color:#f8f9f9 !important;
}

@media screen and (max-width:768px){
    .foot-print, .market-focus{
        width:100%;
        display:block;
    }
    
    #team-section-fluid{
        padding:0 20px;
    }
	#menu-section,#menu-section2{
		width:25%;
	}
	
	#developer{
	    width:30%;
	}
	
	#team-section-fluid{
        background-position:bottom;
    }
	
	.block-container{
        display:block;
    }
    .remove-padding-right img{
        padding-right:15px !important;
    }
    
    .portfolio{
        margin-bottom:15px;
    }
    
    .intouch{
        background-size:10%;
    }
    
    #responsive-side-menu{
        display:block;
        position:absolute;
        right:10%;
        top:40px;
        color:#0c7e8c;
        z-index:5;
        font-size:1.4em;
    }
    
    .padding-right{
        padding:0px;
    }
    
    .my_main_menu{
        display:none;
    }
	
	.services-tab{
	    position:relative;
	}
}


@media screen and (max-width:1024px){
	.block-container img{
		max-width:100%;
	}
}


@media screen and (max-width:665px){
	#menu-section,#menu-section2{
		display:none;
	}
	
	#header h2, #header img{
		display:block;
		margin-left:auto;
		margin-right:auto;
		text-align:center;
	}
	
	#developer{
	    width:65%;
	}
	
	#logo-alignment h2{
        margin:10px 0 0 0;
    }
    
    .team-space-separator{
        margin-top:50px;
        margin-bottom:10px;
    }
}

@media screen and (max-width:425px){
    
    .floating-container{
        top:10%;
    }
    
    .overview-wrapper{
        margin-bottom:15px;
    }
    
    .read-more-habari-btn{
        margin:0 auto;
        float:none;
    }
    
    .huduma_separator h4{
        text-align:center;
    }
    
    .portfolio{
        border-bottom:1px solid #fff;
    }
    .intro_separator, .huduma_separator{
        text-align:center;
    }
    #afya_tabs_container{
        position:initial;
        width:60%;
        margin:0 auto;
    }
    #mfawidhi_section{
        margin-top:50px;
    }
    #team-section-fluid{
        text-align:center;
    }
    
    #team-thumbnail, #post_thumbnail{
        text-align:center;
    }
    #elimu_afya_content{
        width:100%;
    }
    #responsive-menu{
        display:block;
        text-align:center;
        padding:10px;
        background:#0c7e8c;
        color:#fff;
        margin-top:7px;
    }
    
    #header-band{
        display:none;
    }
    
    #team-section-fluid{
        background-position:center;
    }
    .my-spread{
        padding-left:0;
        padding-right:0;
    }
    
    .my_main_menu{
        display:none;
    }
    
    .main-menu ul{
        text-align:center;
        list-style-type:none;
        padding:0px;
    }
    
    .main-menu{
        background:#fff;
    }
    
    .main-menu a{
        border-bottom:1px solid #0c7e8c;
        color:#0c7e8c;
        display:block;
        padding:5px 0;
    }
    
     .main-menu ul li{
        
    }
    
    #responsive-side-menu{
        display:none;
    }
    
    .wp-block-table.is-style-stripes{
        width:100%;
    }
    
    .intouch{
        background-size:25%;
    }
    
    #post-navigation-left{
       margin-bottom:20px;
    }
    
    #post-navigation-right{
        float:left;
        margin-bottom:10px;
    }
    
    .footer-column-separator{
        border-bottom:1px dotted #fff;
        padding:15px;
        text-align:center;
    }
}