/*UWEZO*/
@font-face {
font-family: "OpenSans Bold";
src: url("/fonts/uwezofonts/open_sans/OpenSans-Bold.ttf") format("truetype");
}

@font-face {
font-family: "OpenSans Regular";
src: url("/fonts/uwezofonts/open_sans/OpenSans-Regular.ttf") format("truetype");
}

@font-face {
font-family: "OpenSans Light";
src: url("/fonts/uwezofonts/open_sans/OpenSans-Light.ttf") format("truetype");
}




@font-face {
font-family: "Raleway Bold";
src: url("/fonts/uwezofonts/raleway/Raleway-Bold.ttf") format("truetype");
}

@font-face {
font-family: "Raleway";
src: url("/fonts/uwezofonts/raleway/Raleway-Regular.ttf") format("truetype");
}

@font-face {
font-family: "Raleway Light";
src: url("/fonts/uwezofonts/raleway/Raleway-Light.ttf") format("truetype");
}

@font-face {
font-family: "Raleway XtraBold";
src: url("/fonts/uwezofonts/raleway/Raleway-ExtraBold.ttf") format("truetype");
}





/*Gilroy*/
@font-face {
font-family: "Gilroy Bold";
src: url("fonts/tujengefonts/fonts2019/Gilroy-Bold.otf") format("opentype");
}
@font-face {
font-family: "Gilroy Regular";
src: url("fonts/tujengefonts/fonts2019/Gilroy-Regular.otf") format("opentype");
}
@font-face {
font-family: "Gilroy Light";
src: url("fonts/tujengefonts/fonts2019/Gilroy-Light.otf") format("opentype");
}
@font-face {
font-family: "Gilroy Thin";
src: url("fonts/tujengefonts/fonts2019/Gilroy-Thin.otf") format("opentype");
}
@font-face {
font-family: "Gilroy UltraLight";
src: url("fonts/tujengefonts/fonts2019/Gilroy-UtlraLight.otf") format("opentype");
}

/*EFL*/
@font-face {
font-family: "Efl Bold";
src: url("fonts/tujengefonts/fonts2019/EFL-Bold.otf") format("opentype");
}
@font-face {
font-family: "Efl Regular";
src: url("fonts/tujengefonts/fonts2019/EFL-Regular.otf") format("opentype");
}
@font-face {
font-family: "Efl Light";
src: url("fonts/tujengefonts/fonts2019/EFL-Light.otf") format("opentype");
}


/*2020   >> EFL & TOUCHE*/


/*Touche*/

@font-face {
font-family: "Touche";
src: url("fonts/tujengefonts/fonts2020/Touche/Touche.otf") format("opentype");
}
@font-face {
font-family: "Touche Light";
src: url("fonts/tujengefonts/fonts2020/Touche/Touche-Light.otf") format("opentype");
}
@font-face {
font-family: "Touche Medium";
src: url("fonts/tujengefonts/fonts2020/Touche/Touche-Medium.otf") format("opentype");
}
@font-face {
font-family: "Touche SemiBold";
src: url("fonts/tujengefonts/fonts2020/Touche/Touche-Semibold.otf") format("opentype");
}
@font-face {
font-family: "Touche Bold";
src: url("fonts/tujengefonts/fonts2020/Touche/Touche-Bold.otf") format("opentype");
}


.btn_submit
{
    border-color:#F9C103;
    background-color:#fff
    ;color: #F9C103;
}

.btn_submit:hoover
{
    border-color:#F9C103;
    background-color:#F9C103;
    ;color: #fff;
}

.uwezoXtraBold
{
    font-family:'Raleway XtraBold',sans-serif;
}

.bg-twentycolor
{
    background-color:#edfcff;
}

.bg-grey
{
 background-color: #f0f0ee   
}

.toptopbar
{
    background-color:#1a2c56;
    height:6vh
}

.padtop6
{
    padding-top: 2px;
}


.primaryBlue2019{
    color: #1a2c56;
}

.secondaryBlue2019{
    color:#25a8de;
}

.padleftTweet
{
    padding-left: 4em;
}

.padleftFB
{
    padding-left: 8em;
}

.padrightTweet
{
    padding-right: 6em;
}

.uwezoHeaderRegular
{
    font-family: 'Raleway';
}

.uwezoBold
{
    font-family: 'Raleway Bold';
}



.uwezoBtnNav
{
    font-family: 'Raleway Bold';
}


.tujengeBtnNav
{
    font-family: 'Raleway Bold';
}

.uwezoNavTitle
{
    font-family: 'Raleway Light';
   
    color: #1a2c56;
    font-size: 14px;
}

.tujengeNavTitle2019
{
    font-family: 'Gilroy Light';
     text-transform: uppercase;
    color: #1a2c56;
    font-size: 14px;
}

.tujengeNavTitle2020
{
    font-family: 'Efl Light';
     text-transform: uppercase;
    color: #1a2c56;
    font-size: 14px;
}

.title2020
{
    font-family: 'Gilroy Bold';
    color: #fff;
}

.navwhitetext
{
    font-size:12px;
    font-family: 'OpenSans Light';
    color: #fff;
}
.space5
{
    letter-spacing: 5px;
}

.letterspacing5
{
letter-spacing: 3px;
}

.whiteColor
{
    color:#fff;
}

.secondaryGreen
{
color: #457986 !important;
}

.secondaryYellow
{
color: #F9C103 !important;
}

.bg_secondaryGreen
{
background-color: #457986 !important;
}

.p
{
    font-family: 'OpenSans Regular', sans-serif; 
}

.uwezolisting
{
    margin-bottom: 1.2em;
    line-height:1.8em;
    color:#457968;
}

.uwezogrey
{
    color:#383838;
}

.uwezotextRegular
{
    font-family: 'OpenSans Regular', sans-serif; 
}

.uwezotextlight
{
    font-family: 'OpenSans Light', sans-serif; 
}

.uwezotextBold
{
font-family: 'OpenSans Bold', sans-serif; 
}

/*.uwezoHeaderBold
{
font-family: 'Raleway Bold', sans-serif;  
}*/

.tujengeHeaderBold
{
font-family: 'Efl Bold', sans-serif;  
}
.sectionAreYou
{
    margin-bottom: 0em;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}
.getmentra
{
    padding-left: 0px;
    margin-bottom:14em
}

.gmentorsection
{
    padding-top: 2px;
    height:680px;margin-top: 40px;
}

.gmentortextbox
{
    height:300px; 
}

.partnership{
    padding-bottom: 5em;
    padding-top: 5em ;
}

.pad0
{
    padding: 0px;
}



.imgul
{
    width:80%;
    margin-top: 5em; 
}
.imgother
{
    width:33%;
    margin-top: 5em; 
}

.justify
{
    text-align: justify;
}

.sectionAboutUs
{
    padding-left: 0px;
    margin-bottom: 0em;
    background-color: #f0f0ee;
}

.aboutUsVid
{
padding-left: 0px;padding-top: 8em;
}

.aboutUsPic
{
padding-left: 0px;padding-top: 30px;
}

.facebookbtn
{
    width: 15% !important;
}

.landingElement
{
    width: inherit;
}

.areYoubgPattern
{
    padding-top: 100px;
}

.about_left
{
    background-image: url('/images/uwezo/uwezopattern_greenfade.png');
    background-position: -30% 0%;
    background-size:50%;
    background-repeat: no-repeat;
}

.about_right
{
    background-image: url('/images/uwezo/uwezopattern_yellowfade.png');
    background-position: 110% 0%;
    background-size:40%;
    background-repeat: no-repeat;
}

.margin_main
{
    margin-top:4em !important;
}

.main_text_margin
{
    margin-top:12em !important;
    margin-bottom:0.4em !important;
}

.submit_guide_btn
{
    width: 35% !important;
}

/*Media*/
@media (max-width: 991px)
{

.submit_guide_btn
{
    width: 50% !important;
}




.uwezoNavTitle
{color: #000 !important;}

.footer_left_mobile
{
    width:100% !important;
    text-align: center !important;
}

.footer_mid_mobile
{
    width:100% !important;
    padding-top: 1.5em !important;
    text-align: center !important;
}

.footer_right_mobile
{
    width:100% !important;
    margin-bottom: 2em !important;
    text-align: center !important;
    padding-top:1em !important;
}
    .sectionAboutUs
{
    padding-left: 0px !important;
     margin-bottom: 1em !important;
     padding-bottom: 0em !important

}

.footer_element
{
    width: 15% !important;
}

.footercontcttxt
{
    display: block;
}

.mid_mobile
{
    width: 50%;
}

.mid_mobile_3
{
    width: 33%;
}

.margin_main
{
    margin-top:0em !important;
}

.main_text_margin
{
    margin-top:4em !important;
    margin-bottom:0.4em !important;
}

.areYoubgPattern
{
    display: none !important;
visibility: hidden !important;
}

.areyouHeader
{
    padding-top: 8px !important;
}
.sectionAreYou
{
    margin-bottom: 0em;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}

.padleftTweet
{
    padding-left: 0em !important;
}

.facebookbtn
{
    width: 25% !important;
}


.aboutUsVid
{
padding-left: 0px;padding-top: 0em;
}

.newsection
{
padding-top:20px !important;
}
.getmentra
{
    padding-left: 0px;
    margin-bottom:1em;
}

.partnership{
    padding-bottom: 0em !important;
    padding-top: 0em !important;
}


.gmentorsection
{
    padding-top: 2px;
    height:990px;
    margin-bottom: 16px;
}

.gmentortextbox
{
    height:420px; 
}

.sqr
{
    width:33.3%;
}

.sqr50
{
    width:50%;
}

.sqr100
{
    width:100%;
}

.imgul
{
    width:33%;
    margin-top: 0em; 
}


.imgother
{
    width:33%;
    margin-top: 0em; 
}

.landingElement
{
    width: 33%;
    display: hidden;
}


}

/*end of media*/










/*2019*/

.topfix{
    position: absolute;
}


.tujengeHeader
{
/*font-family: 'UniSans Book', sans-serif;*/
font-family: 'Efl Light', sans-serif;
}

.tujengeHeaderYear
{
/*font-family: 'UniSans Book', sans-serif;*/
font-family: 'Efl Light', sans-serif;
color:#999;
}

.tujengeHeaderYear::hover
{
/*font-family: 'UniSans Book', sans-serif;*/
font-family: 'Efl Light', sans-serif;
color:#25a8de;
}


.tujengeHeaderReg
{
/*font-family: 'UniSans Book', sans-serif;*/
font-family: 'Efl Regular', sans-serif;
}

.tujengeText
{
	
	/*font-family: 'Geomanist Light', sans-serif;*/
    /*font-family: 'Gilroy Regular', sans-serif;*/
    font-family: 'Touche', sans-serif;
    line-height: 2;
}

.tujengeRegularText
{
font-family: 'Touche Medium', sans-serif;	
}

.tujengeTextBold
{
    font-family: 'Touche Bold', sans-serif;
}

.tujengeBookText
{
font-family: 'Geomanist Book', sans-serif;   
}

.tujengeImportantText
{
	font-family: 'UniSans Light', sans-serif;
}

.tujengeNavTitle
{
	font-family: 'UniSans Light', sans-serif;
	color: #0D71BA;
}

.no_margin
{
	margin-top: 0em;
	margin-bottom: 0em;
}

.tujengeHighlitBox
{
	    padding: 3em 3.2em 1.57143em;
	-webkit-box-shadow: 0 0 50px rgba(0,0,0,0.085);
    box-shadow: 0 0 50px rgba(0,0,0,0.085)
}

.redbtn
{
	/*background-color: #BE1E2D;*/
    background-color: #BE1E2D;

	color: #fff
	 -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
  /*  border-color: transparent;*/
    border-color: #fff;
    border-width: 2px;
    -webkit-box-shadow: 0 4px 20px -5px rgba(0,0,0,0.5);
    box-shadow:
     0 4px 20px -5px rgba(0,0,0,0.5);
}

.tujenge_bluebtn
{
    /*background-color: #BE1E2D;*/
    background-color: #0D71BA;

    color: #fff
     -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
   border-color: transparent;
    -webkit-box-shadow: 0 4px 20px -5px rgba(0,0,0,0.5);
    box-shadow: 0 4px 20px -5px rgba(0,0,0,0.5);
}

.tujenge_bluebtn:hover
{
     background-color: #FFF;

    color: #0D71BA;
}



.tujenge_bluebtn2020
{
    /*background-color: #BE1E2D;*/
    background-color: #1a2c56;

    color: #fff
     -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
   border-color: #25a8de;
    -webkit-box-shadow: 0 4px 20px -5px rgba(0,0,0,0.5);
    box-shadow: 0 4px 20px -5px rgba(0,0,0,0.5);
}

.rmp0
{
    margin-right: 0px;
    padding-right: 0px;

    max-width:2160px;
    margin-left:0px
}

.fullsection
{
    height:100vh;
    width: 100vw;
}

.divbgright
{
    background-image: url(./images/bg/divbg.jpg);
    background-size:90% 100%;
    background-position:100% 0%;
    background-repeat: no-repeat;

}



/* POP UP */

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 80%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

.font42
{
    font-size:42px;
}
.font36
{
    font-size:36px;
}
.font32
{
    font-size:32px;
}
.font28
{
    font-size:28px;
}
.font24
{
    font-size:24px;
}
.font22
{
    font-size:22px;
}
.font20
{
    font-size:20px;
}
.font18
{
    font-size:18px;
}
.font16
{
    font-size:16px;
}
.font14
{
    font-size:14px;
}
.font12
{
    font-size:12px;
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* The Close Button */
.close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.modal-header {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}

.modal-body {padding: 2px 16px;}

.modal-footer {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}