@charset "utf-8";



/* ============================================================================== 
/*	IMAGE BOXES
/* ------------------------------------------------------------------------------ */

.bitChopa, .bitChopaTiny, .listChopa {
	width: 70px;
	height: 70px;
	overflow:hidden;
	display:block;
	float:left;
	margin: 3px 10px 3px 0;
	border:0px solid #E2E2E2;
	padding:0px;
	text-align:center;
}
.bitChopaTiny { width: 40px;height: 40px; }

.bitChopa img, .bitChopaTiny img, .listChopa img { padding:0; margin:0; }

/* IE5.x & IE6 */
* html span.bitChopa img, *+html span.bitChopa img { height: 70px; width: 70px; }
* html span.bitChopaTiny img, *+html span.bitChopaTiny img { height: 40px; width: 40px; }

.bitChopa img { max-width: 70px; min-height: 60px;  }
.bitChopaTiny img { max-width: 40px; min-height: 30px; }

.listChopa 		{ width: 100px; height: auto; max-height: 100px;  } 
.listChopa img  { width:auto; min-width: 100%; max-height: 100px; }


 div.main-guts img { display: none; }


.gutChopa {
	min-width: 180px;
	max-width: 280px;
	max-height: 150px;
	overflow:hidden !important;border:0px solid #F8F8F8;
	display:inline;  
	float:left;
	margin: 10px;
	padding:0;
}
.gutChopa img {
	max-width: 280px; 
	padding: 0;
	margin:0 0px 0 0;
}
.gutChopa a { display: block; }


/* ============================================================================== 
/*	CONTENT LIST
/* ------------------------------------------------------------------------------ */

.news-display,
.news-display li {padding: 8px;margin: 0px;}
.news-display li .news-bits { clear: both; overflow: hidden;}
.news-display li .bitChopa { width: 120px; max-height: 70px; }
.news-display li .bitChopa img { margin-right: 10px; max-width: 120px; }
.news-display li .wid-date { color: #999; }
.news-display li .wid-title { font-weight: bold; font-size: 105%; text-transform: uppercase; display: block; font-family: 'Roboto Condensed', 'Noto Sans JP', sans-serif; }
.news-display li .wid-text { /*display: block; */}

.news-display li {border-bottom: solid 1px #EDEDED;list-style-type: none;}
.news-display > li:last-child { border-bottom: none; }
.news-display li:hover{background-color:#F9F9F9;}
.news-display .postDate {padding-bottom:5px;}




.nav_dloads,
.cont_dloads {	display:block; border:0px solid #000; margin: 0px; padding: 0px 5px 0px 0; width: 100%;  }

.nav_dloads li, 
.cont_dloads li { display:block;  border: none;  border-bottom:1px solid #D2D2D2; padding:3px 0; list-style: none; margin:0 0 3px;}

.nav_dloads li a,
.cont_dloads li a { display:block; padding-top:0px; padding-bottom: 0px; line-height: 150%; }
 
.nav_dloads a { /*overflow: hidden; text-overflow: ellipsis; white-space: nowrap;*/ }
  

.nav_dloads > li:last-child,
.cont_dloads > li:last-child { border-bottom: none !important; }
 
.nav_dloads a  { display:block; padding-top:3px; padding-bottom: 2px; color: var(--main_green_hex); font-size: 95%;  }  
 /* 
========================================================
@ KEY WIDGETS #wrap-key-widgets
========================================================
*/
/* .key-widget { position:relative;height:100px; }
.key-widget .key-icon { height:90px;width:90px;position:absolute;top:0;left:0; border-radius: 50%; background-size: 100% !important; background-clip: border-box }
.key-widget .key-icon img { width: 100%; display: none; }
.key-widget .key-top { height:26px; }
.key-widget .key-title { margin-left:60px;padding-left:30px;line-height:43px;height:43px;border-radius:20px;font-size:100%;text-transform:uppercase;color:#FFF; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.key-widget.key-green > .key-icon, .key-widget.key-green > .key-title { background-color:#527444; }
.key-widget.key-orange > .key-icon, .key-widget.key-orange > .key-title { background:#C29B2A; }
.key-widget.key-blue > .key-icon, .key-widget.key-blue > .key-title { background:#064985; }
.key-widget.key-red > .key-icon, .key-widget.key-red > .key-title { background:#CD1719; } */


.key-widget { position:relative;height:43px; border-radius:20px;}
.key-widget .key-icon { height:41px;width:41px;position:absolute;top:1px;left:5px; border-radius: 50%; background-size: 100% !important; background-clip: border-box; } 
.key-widget .key-top { height:26px;display: none;  }
.key-widget .key-title { margin-left:43px;padding-left:10px;line-height:43px;height:43px;border-radius:20px;font-size:100%;text-transform:uppercase;color:#FFF; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.key-widget.key-green  { background-color:#527444; }
.key-widget.key-orange  { background:#C29B2A; }
.key-widget.key-blue  { background:#064985; }
.key-widget.key-red { background:#CD1719; }

/* @media (max-width: 1281px) {
	.key-widget .key-icon { height:80px;width:80px;}
	.key-widget .key-top { height:20px; }
	.key-widget .key-title { margin-left:50px; line-height:43px;height:43px; font-size:100%; }
} */

/*
========================================================
@ Tabs
========================================================
*/

.nav-tabs-custom {
 margin-bottom:20px;
 background:#fff;
 box-shadow:0 1px 1px rgba(0,0,0,0.1);
 border-radius:3px
}
.nav-tabs-custom>.nav-tabs {
 margin:0;
 border-bottom-color:#f4f4f4;
 border-top-right-radius:3px;
 border-top-left-radius:3px
}
.nav-tabs-custom>.nav-tabs>li {
border: 1px solid #ddd;	
 border-top:3px solid #ddd;
 margin-bottom:-2px;
 margin-right:5px
}
.nav-tabs-custom>.nav-tabs>li>a {
	border-top: 1px solid #ddd;	
 color:#999;
 border-radius:0;
	font-size: 105%;
	
}
.nav-tabs-custom>.nav-tabs>li>a.text-muted {
 color:#999
}
.nav-tabs-custom>.nav-tabs>li>a,
.nav-tabs-custom>.nav-tabs>li>a:hover {
 background:#f8f8f8;
 margin:0
}
.nav-tabs-custom>.nav-tabs>li>a:hover {
 color:#999
}
.nav-tabs-custom>.nav-tabs>li:not(.active)>a:hover,
.nav-tabs-custom>.nav-tabs>li:not(.active)>a:focus,
.nav-tabs-custom>.nav-tabs>li:not(.active)>a:active {
 /*border-color:transparent*/
	 background-color:#e8e8e8;
}
.nav-tabs-custom>.nav-tabs>li.active {
 border-color:#3c8dbc
}
.nav-tabs-custom>.nav-tabs>li.active>a,
.nav-tabs-custom>.nav-tabs>li.active:hover>a {
 background-color:#fff;
 color:#444
}
.nav-tabs-custom>.nav-tabs>li.active>a {
 border-top-color:transparent;
 border-left-color:#f4f4f4;
 border-right-color:#f4f4f4
}
.nav-tabs-custom>.nav-tabs>li:first-of-type {
 margin-left:0
}
.nav-tabs-custom>.nav-tabs>li:first-of-type.active>a {
 border-left-color:transparent
}
.nav-tabs-custom>.nav-tabs.pull-right {
 float:none !important
}
.nav-tabs-custom>.nav-tabs.pull-right>li {
 float:right
}
.nav-tabs-custom>.nav-tabs.pull-right>li:first-of-type {
 margin-right:0
}
.nav-tabs-custom>.nav-tabs.pull-right>li:first-of-type>a {
 border-left-width:1px
}
.nav-tabs-custom>.nav-tabs.pull-right>li:first-of-type.active>a {
 border-left-color:#f4f4f4;
 border-right-color:transparent
}
.nav-tabs-custom>.nav-tabs>li.header {
 line-height:35px;
 padding:0 10px;
 font-size:20px;
 color:#444
}
.nav-tabs-custom {
 margin-bottom:20px;
 background:#fff;
 box-shadow:0 1px 1px rgba(0,0,0,0.1);
 border-radius:3px
}
.nav-tabs-custom>.nav-tabs {
 margin:0;
 border-bottom-color:#f4f4f4;
 border-top-right-radius:3px;
 border-top-left-radius:3px
}
.nav-tabs-custom>.nav-tabs>li {
 border-top:3px solid transparent;
 margin-bottom:-2px;
 margin-right:5px
}
.nav-tabs-custom>.nav-tabs>li>a {
 color:#999;
 border-radius:0
}
.nav-tabs-custom>.nav-tabs>li>a.text-muted {
 color:#999
} 

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background-color: rgba(var(--main_orange_hex), 0.5);
    border: 0;
	color: blue;
}

/*
========================================================
@ GRIDLIST
========================================================
*/


.grid-list * { z-index: 1; /*border-top: 1px solid #e1e1df;*/ }
.grid-list .row{
	margin-right			: -3px;
}
.grid-list .grid{
	border					: 1px solid #e1e1df;
	margin-top				: -1px;
	margin-left				: -1px;
	padding					: 30px 20px /*30px*/;
	text-align				: center;	
}
.grid-list .grid p{
	margin-bottom			: 0; 
}

.grid-list .grid p.line-bottom { 
	display: none; 
}
		
.grid-list .grid .fa{
	margin-bottom			: 5px; border:1px solid; padding:0px; border-radius:100px; display:inline-block; width:65px; height:65px; line-height:65px; /*color: #EE2028;*/
}
.grid-list.grid-vertical .grid{
	text-align				: left;
}
.grid-list.grid-vertical .grid .line-bottom:after{
	left					: 0;
	margin-left				: 0;
}
.grid-list.grid-vertical.with-icons .grid{
	position				: relative;
	padding-left			: 140px;
}
.grid-list.grid-vertical.with-icons .grid .fa{
	position				: absolute;
	width					: 120px;
	height					: 100%;
	background-color		: #FFF;
	border-right			: 1px solid #e1e1df;
	margin					: 0;
	top						: 0;
	left					: 0;
}
.grid-list.grid-vertical.with-icons .grid .fa:before{
	width					: 100%;
	text-align				: center;
	position				: absolute;
	top						: 50%;
	transform				: translate(0, -50%);    
    -webkit-transform		: translate(0, -50%);
    -moz-transform			: translate(0, -50%);
    -ms-transform			: translate(0, -50%);
}
.grid-list.grid-trans .grid{
	border-color			: #363636;
	background-color		: rgba(0,0,0,0.5);
}
.grid-list.grid-dark .grid{
	border-color			: #515151;
}
.grid-list.grid-white .grid{
}
.grid-list.grid-none .grid{
	border					: 0;
}
.grid-list.grid-clients .row{
	margin-left				: 1px;
	margin-right			: -1px;
	margin-top				: 1px;
}
.grid-list.grid-clients .grid{
	padding					: 20px 15px;
}
.grid-list.grid-clients .grid img{
	-ms-filter				: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter					: alpha(opacity=50);
	-moz-opacity			: 0.5;
	-khtml-opacity			: 0.5;
	opacity					: 0.5;
}
.grid-list.grid-clients .grid:hover img{
	-ms-filter				: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter					: alpha(opacity=100);
	-moz-opacity			: 1;
	-khtml-opacity			: 1;
	opacity					: 1;
}
.grid-list#owl-clients-big .grid{
	margin-top				: inherit;
	margin-left				: inherit;
	border-left				: 0;
	border-bottom			: 0;
	border-top				: 0;
}
.grid-list#owl-clients-big .owl-wrapper-outer{
	border					: 1px solid #e1e1df;
}
.grid-list.grid-dark#owl-clients-big .owl-wrapper-outer{
	border					: 1px solid #515151;
}

.grid-list .bxServices,
.grid-list .bxServices li,
.grid-list .bxServicesSide,
.grid-list .bxServicesSide li { list-style:none; padding:0; margin:0; }

.grid-list .bxServices li { float:left; }

.grid-list .bxServicesSide .grid,
.grid-list .bxServices .grid{ padding: 10px 15px; /*width:150px; height:145px;*/ margin:0; }

.grid-list .bxServices .grid { width:150px; border: none;}

.grid-list .bxServices .grid h4,
.grid-list .bxServicesSide .grid h4 { font-size: 13px !important; margin:0; padding:0; text-transform:capitalize;}

.grid-list .bxServices .grid .fa,
.grid-list .bxServicesSide .grid .fa { font-size: 40px !important;}



.grid-list .swiper_featured,
.grid-list .swiper_featured li  { list-style:none; padding:0; margin:0; }
.grid-list .swiper_featured li { float:left; } 
.grid-list .swiper_featured .grid{ padding: 10px 15px; margin:0; z-index: 1 !important; }
.grid-list .swiper_featured .grid { width:150px; border: none;}
.grid-list .swiper_featured .grid h4 { font-size: 13px !important; margin:0; padding:0; text-transform:capitalize;}
.grid-list .swiper_featured .grid .fa { font-size: 40px !important;}





/*
========================================================
@ FOOTER
========================================================
*/
footer, footer * { z-index: 200; }
footer {
	border-bottom: 10px solid #F8CE3E; 
	position: fixed;
    bottom: 0px;
    width: 100%;
	background: #111;
    background: rgba(0, 0, 0, 0.8);
}

.footer {
	position: relative;   z-index: 1000 !important; 
}

.footer .seal_container {
    position: relative
}

.footer .seal {
    position: absolute;
    top: 3em;
    right: 0;
    width: 173px;
    height: 173px;
   /* background: url(file:///G|/xampp/htdocs/images/main_sprite@2x.png) no-repeat -50px -325px*/

}

.footer .footer_main_links {
    margin-bottom: 0; z-index: 100 !important; 
}

.footer .footer_main_links li {
    display: inline-block;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    margin: 0;
    padding: 0
}

.footer .footer_main_links li.side-right {
	float: right;
	border-right: none;
	border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.footer .footer_main_links>li>a,
#footer_more {
    display: block;
    width: 7em;
    font-size: .85em;
    text-align: center;
    color: rgba(255, 255, 255, 0.8);
    padding-top: .5em;
    height: 4.5em;
	cursor: pointer;
}

.footer .footer_main_links>li>a>i,
#footer_more i {
    font-size: 1.2em
}

.footer .footer_main_links>li>a>span,
#footer_more span {
    display: block
}

.footer .footer_main_links>li>a:hover,
#footer_more:hover {
    background: rgba(0, 0, 0, 0.8);
    color: rgba(255, 255, 255, 1)
}

.footer .footer_main_links>li:first-child>a {
    border-left: 1px solid rgba(255, 255, 255, 0.1)
}

.footer .footer_main_links>li.toggled>a,
#footer_more.toggled {
    background: rgba(0, 0, 0, 0.7)
}

.footer .footer_main_links>li.toggled:hover>a {
    background: rgba(0, 0, 0, 0.7)
}



.bubble_bg {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 199;
    display: none;
}


.footer_bubble {
    display: none;
    position: absolute;
    bottom: 80px;
    width: 340px;
    padding: 20px;
    background: #FFF;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    z-index: 1000 !important;
}

.footer_bubble:after {
    content: '';
    position: absolute;
    bottom: -20px;
    left: 10%;
    margin-left: -20px;
    width: 0;
    height: 0;
    border-top: 20px solid #FFF;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent
}

.footer_bubble span {
    display: block;
    margin-left: -0.5em;
    margin-bottom: .5em
}


@media only screen and (max-width: 985px){
	.footer_main_links { height: 62px !important; overflow: visible; overflow-x: scroll; width:100%; position: relative; white-space:nowrap; display: block !important; }
	.footer_main_links li { float: none !important; display: inline-block !important; /*clear: both;*/ margin-bottom: 2px; }
}

@media only screen and (max-width:767px) {
    .footer_bubble {
        width: 94%;
        right: 3%
    }
    .footer_bubble:after {
        left: 50%
    }
    .goog-tooltip {
        display: none !important
    }
    .goog-tooltip:hover {
        display: none !important
    }
    .goog-text-highlight {
        background-color: transparent !important;
        border: none !important;
        box-shadow: none !important
    }
}




#kenya_time {
    position: relative;
    float: right;
    padding-right: 2.5em;
	padding-left: 0.5em;
    border-right: 0;
    color: #FFF;
    margin-right: 1em;
    cursor: default;
	height: 50px;/**/
}

#kenya_time .h_time {
    display: block;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5em;
    margin-top: .8em;
    text-align: right
}

#kenya_time .h_location {
    display: block;
    font-weight: 400;
    font-size: .8em;
    margin-top: -0.5em;
    text-align: right
}

#kenya_time .h_date {
    position: absolute;
    right: 0;
    top: 14px;
    width: 28px;
    height: 28px;
    border: 1px solid #FFF;
    border-top-width: 5px;
    text-align: center;
    font-size: .9em;
    border-radius: 3px;
    font-weight: 700;
    line-height: 1.5em
}

#kenya_time .h_date:before {
    content: '';
    position: absolute;
    top: -8px;
    left: 3px;
    width: 4px;
    height: 8px;
    border-radius: 2px;
    background: #FFF
}

#kenya_time .h_date:after {
    content: '';
    position: absolute;
    top: -8px;
    right: 3px;
    width: 4px;
    height: 8px;
    border-radius: 2px;
    background: #FFF
}

@media only screen and (max-width:800px) {
    #kenya_time {
        display: none
    }
}

@media only screen and (max-width:767px) {
    #kenya_time {
        display: none
    }
}


.no-js .footer_bubble_button {
    display: none !important
}

.no-js .footer:hover .expanded_footer {
    margin-top: -440px
}




.expanded_footer {
	border-top: 10px solid #F8CE3E; 
    position: absolute;
    width: 100%;
    color: #FFF; 
	background: url("../image/greenmountains.png") 50% 100% no-repeat rgba(0, 0, 0, 0.9);
	background-size: cover 
}
.expanded_footer_social_links {/*background: #111; background: rgba(0, 0, 0, 0.9);*/}
.expanded_footer_links { display: block; position: relative; padding: 1.5em 0 0; }
/*.expanded_footer_links::after { content: ""; background: url("../image/layout/greenmountains.png"); opacity: 0.8; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: -1;   }*/

.expanded_footer_links h5 { color: #900;  }
.expanded_footer_links .expanded_footer_title {
    display: block;
    margin-bottom: .5em;
    font-size: 1.1em;
    font-weight: 600;
    color: #FFF !important
}

.expanded_footer_links ul li a {
    font-size: .9em;
    color: #333;
	background: none;
	box-shadow: none;
	outline: none;
}

.expanded_footer_links ul li a:hover {
    text-decoration: underline;
	background: none;
}
.nav_foot_col h5 {
    font-size: 17px;
    font-weight: 600 !important;
}

/* ============================================================================================= */
/* @begin :: BULLETS
/* --------------------------------------------------------------------------------------------- */

ul.bul-gry, ul.bul-gry.dark { border-top:0px solid #d7d7d7; margin:0; padding:0px;  }
ul.bul-gry li,
ul.bul-gry.dark li {list-style: none;  border-bottom:0px dotted #d7d7d7;/*padding:0;*/ margin:0; vertical-align:top; list-style-position:inside;}
ul.bul-gry li a, ul.bul-gry.dark li a {}
ul.bul-gry li a.current { color: #C24D00; }
ul.bul-gry.dark li { list-style: disc; color:#333;  border-bottom:1px dotted #333;
vertical-align:top; list-style-position:inside; margin-left:1px; padding-left: 0; }

ul.bul-gry.dark li a { line-height:1;  text-decoration:none;}


/* ============================================================================================= */
/* TABS
/* --------------------------------------------------------------------------------------------- */

.tabscontainer { margin-top: 0px; width: 100%; border-top: 0px solid #CCC; }
.navcontainer ul { background-color: #5F707AX; border-bottom:1px solid #DFDFDF; border-top:0px solid #DFDFDF; margin:0pt; padding:0pt; width:100%; height: 40px; }
.navcontainer ul li { margin:0pt; padding:0pt; display: inline-block; text-align: center; float:left; }
.navcontainer ul li a:hover{ /*background-color:#ECECEC;*/ text-decoration:none !important; }
.navcontainer ul li a { border:1px dotted #DFDFDF !important; background-color: #FAFAFA; color:#807E7E; padding:0 20px 0 10px; text-decoration:none; height: 40px; line-height: 40px; display:block; margin-right:1px; text-decoration:none; }
.navcontainer ul li a.active{ border:1px solid #DFDFDF !important; border-bottom: none !important; border-right:1px solid #f00; background-color: #FFF !important;	 font-weight: bold; color: #666; }
.tabscontent{ /*min-height: 200px;*/ padding: 10px 2px; }
.pg-home .tabscontent { max-height: 250px; } 
.tabsloader, .pgtabsloader { z-index: 1001; padding: 0px; text-align: center; background-color: transparent; border: 0px solid #000000; }
.pgtabsloader {  width:100px; height:30px; margin:0 auto; background:url(../image/icons/a-loader.gif) 50% 50% no-repeat;}

.tabscontent .content,
.pgtabscontent .content{ display: none; }




/*
========================================================
@ GENERAL
========================================================
*/

.panel .panel-heading { font-size: 140%; margin-top: 10px; font-family: 'Roboto Condensed', 'Noto Sans JP', 'Arial', sans-serif; }

.nano-3 { height: 355px !important;  }
.nano-5 { height: 550px !important;  }




div.optionList {padding: 3px 15px 3px 30px; margin: 0px; orphans: auto;}
select.optionItem { box-shadow: none; border-color: #ccc; margin-bottom: 0; padding:3px;}









/*
========================================================
@ DEPARTMENTS
========================================================
*/
 
/*.pg-department header, .pg-department header.special, 
.pg-department header > .container {height: 85px !important; } 
.pg-department header .logo, .pg-department header .logo a,
.pg-department header .logo img {width: 75px;} 
.pg-department header #wrap_head_navs { padding-top: 0px; }
.pg-department main.special {margin-top: 80px; }*/	
.pg-department header, .pg-department header.special, 
.pg-department header > .container {height: 55px !important; } 
.pg-department header .logo, .pg-department header .logo a,
.pg-department header .logo img {width: 65px;} 
.pg-department header #wrap_head_navs { padding-top: 0px; }
.pg-department main.special {margin-top: 60px; }
.pg-department header .head-contact { display: none; }


.pg-department #wrap_crumbs { display: none; }	
.pg-department #wrap_dept_name  h2 { padding-top: 15px; font-size: 28px; font-variant: small-caps; }	


.pg-department .footer,	
.pg-department header { background:rgba(153,51,0,0.8); }	
		


.pg-department.pg-dept-45 .footer,	
.pg-department.pg-dept-45 header,
.pg-department.pg-dept-45 .slidepanel_extruder { background:rgba(102,153,0,0.8); }	

.pg-department.pg-dept-48 .footer,	
.pg-department.pg-dept-48 header,
.pg-department.pg-dept-48 .slidepanel_extruder { background:rgba(16,77,140,0.8); }	

.pg-department.pg-dept-44 .footer,	
.pg-department.pg-dept-44 header,
.pg-department.pg-dept-44 .slidepanel_extruder { background:rgba(255,51,0,0.8); }	

.pg-department.pg-dept-46 .footer,	
.pg-department.pg-dept-46 header,
.pg-department.pg-dept-46 .slidepanel_extruder { background:rgba(153,51,102,0.8); }	

.pg-department.pg-dept-49 .footer,	
.pg-department.pg-dept-49 header,
.pg-department.pg-dept-49 .slidepanel_extruder { background:rgba(51,51,51,0.8); }
	
.pg-department.pg-dept-111 .footer,	
.pg-department.pg-dept-111 header,
.pg-department.pg-dept-111 .slidepanel_extruder { background:rgba(0,0,0,0.8); }