body, html {
    height: 100%;
    position: relative;
  }
  .bg {
    /* The image used */
    background-image: url("/images/home2021new.jpeg");
    /* Full height */
    /* height: 100%; */
  
    /* Center and scale the image nicely */
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
}
.bg-in {
    /* The image used */
    background-image: url("/images/email-pattern.png");
    /* Full height */
    height: 100%;
    width: 100%;
    padding: 0px !important;
    margin: 0px !important;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: repeat;
    /* background-size: cover; */
}
.navbar-nav li a{
    font-weight: bolder !important;
}
  .vertical-center {
    margin: 0;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .magJumbo{

    background-image: url("/img/mtn-white-yellow-ovale-rain.png");

    background-repeat: no-repeat !important;
    background-position: right top !important;
    background-size: 25% !important;
    background-color: #000;
    border-radius: 2em !important;
    /* opacity: 0.9; */
  }
   .desktopOnly{
    /* display: none; */
    }#top-banner div div img, #top-banner div div i{
        /* display: none; */
    }
    @media only screen and (min-width: 768px) {
        #jumboHome{
            margin-left: 6em !important;
            margin-top: 2em;
        }.magJumbo{
            margin-top: 3em;
        }
    }
    @media only screen and (min-width: 1024px) {
        #jumboHome{
            margin-left: 8em !important;
        }.magJumbo{
            margin-top: 3em;
        }.desktopOnly{
            display: inline;
        }#top-banner div div img, #top-banner div div i{
            display: inline !important;
            /* padding-bottom: 2em !important; */
            
        }
    } 
  

.rgba-stylish-strong{
    border-radius: 2em !important;
}.btn-mtn{
    background-color: #f8d713;
    color: #fff !important;
}

#top-banner{
    
    background-repeat: no-repeat !important;
  background-position: right top !important;
  background-size: 31.5% !important;
  background-color: #1c2331  !important;
  border-radius: 4px;
  opacity: 0.95;
}
#top-banner div div h3{
    font-size: 1.3em !important;
}
#myClassicTabShadow{
    background-color: #1c2331 !important;
}
.classic-tabs form button{
    background-color: #f8d713 !important;
    color: #fff !important;
}.classic-tabs form button i{
    margin-left: 5px !important;
}
.search-school-card{
    border-radius: 20px;
    /* border: 2px ridge #17a2b8; */
}.searchschoolinput{
    border-top-left-radius: 25px !important;
    border-bottom-left-radius: 25px !important;
}.searchschoollink a{
    color: #f8d713 !important;
}.jumbothron-search-school{
   
 background-image: url("/img/mtn-white-yellow-ovale-rain.png");

  background-repeat: no-repeat !important;
  background-position: left bottom !important;
  background-size: 100% !important;
  background-color: #fff ;
  border-radius: 20px;
  opacity: 0.93;
  background-repeat: no-repeat !important;
  background-position: right top !important;
  background-size: 11% !important;

}
.jumbothron-search-school p, .jumbothron-search-school h4, .jumbothron-search-school h3{
    color: #fff !important;
}.jumbothron-search-school small a{
    color: #fff !important; 
}
.readonlyinput{
    border-radius: 40px;
}.momonum{
    border-top: 1px outset #ccc !important;
    border-left: 2px outset #ccc !important;
    /* border-top-left-radius: 10px !important; */
    /* border-bottom-left-radius: 10px !important; */
}.btnpay:hover{
    color: #555 !important;
    border: 1px solid #ddd;
}
.character-counter{
    display: none !important;
}#klassin{
    border-radius: 30px;
}.jumbothron-select-class{

    /* background-image: url("../img/water_splash.png"); */

    background-repeat: no-repeat !important;
  background-position: left bottom !important;
  background-size: 100% !important;
  background-color: #0a3542f3;
  border-radius: 20px;
  opacity: 0.9;
}.inputrounded{
    border-radius: 25px !important;
}.inputroundedleft{
    border-top-left-radius: 25px !important;
    border-bottom-left-radius: 25px !important;
}.inputroundedright{
    border-top-right-radius: 25px !important;
    border-bottom-right-radius: 25px !important;
}.side-nav-bg{
    background-repeat: no-repeat !important;
  background-position: left bottom !important;
  background-color: #0a3542f2;
}.roundedmodal{
    border-radius: 10px !important;
}#myClassicTabShadow >li >a{
    font-weight: bolder;
    color: #ddd;
}
#myClassicTabShadow >li >.active{
    font-weight: bolder;
    color: #f8d713;
    /* font-size: 0.6em; */
}.mtn-color{
    background-color: #f8d713;
    color: white !important;
}.sidemenuactive a{
    color: #f8d713 !important;
    font-weight: bold !important;
}.mtn-text{
    color: #f8d713 !important;
}
.br-50{
    border-radius: 50px;
}
.br-40{
    border-radius: 40px;
}
.br-20{
    border-radius: 20px;
}
.br-10{
    border-radius: 10px;
}
.br-5{
    border-radius: 5px;
}.select-border{
    border: 1px outset#ccc;
}.navbar{
    /* border-bottom: 2px inset #f8d713 !important; */
}footer{
    /* border-top: 2px solid #fff; */
}.downloadpage>.nav-pills{
    background-color: rgb(152, 227, 228);
    color: white;
}.downloadpage>.nav-pills>.nav-item>.active{
    background-color: #f8d713 !important;
    color: #fff;
    /* font-weight: bold; */
}.text-mtn{
    color: #f8d713;
}.bold-nav{
    color: #fff !important;
}.default-color-dark{
    background-color: #f8d713 !important;
    color: #fff !important;
}.default-color-dark i{
    /* background-color: #f8d713 !important; */
    color: #fff !important;
}.default-color{
    background-color: #3F729B !important;
    color: #fff !important;
}
.lang-mobile {
    display: none;    
}
@media  only screen and (max-width: 1000px) {
    .lang-mobile {
        display: inline;  
    }.hide-mobile {
        display: none;  
    }
}
/*.lang-desktop {
    display: inline;    
}*/
@media  only screen and (max-width: 1000px) {
    .lang-desktop {
        display: none;  
    }
}.text-lg{
    font-size: 1.2em !important;
}.optionsDesc{
    color: #a98 !important;
    font-size: 0.65em !important;
    font-weight: bolder !important;
}
.mtn-color-dark{
    background-color: #f8d713 !important;
    color: #fff !important;
}

/* FONT FAMILY - CONFIGURED TO USE GOOGLE WEB FONT UBUNTU AS OFFICIAL ICLAN FONT FAMILY */
div {
	font-family: ubuntu, sans-serif !important;
	font-style: normal !important;
}

h1,h2, h3, h4, strong, b {
	font-family: ubuntu, sans-serif !important;
	font-weight: 700 !important;
	font-style: normal !important;
}
h5,h6 {
	font-family: ubuntu, sans-serif !important;
	font-weight: 500 !important;
}
a, p, button, span{
	font-family: ubuntu, sans-serif !important;
	font-weight: 400 !important;
	font-style: normal !important;
}
em{
	font-family: ubuntu, sans-serif !important;
	font-weight: 400 !important;
	font-style: italic !important;
}
p a{
	color: #119DA4 !important;
}
p a:hover{
	color: #FFBF00 !important;
	font-weight: 400 !important;
}
/* END OF FONTS CONFIGURATION */




#top-banner{
position: relative !important;
border-bottom-left-radius: 50% 10%  !important;
border-bottom-right-radius: 50% 10%  !important;
padding-top: 5em !important;
padding-bottom: 5em !important;
margin-bottom: 1em;

background-image: url("/img/mtn-white-yellow-ovale-rain.png");
    background-repeat: no-repeat !important;
    background-position: right top !important;
    background-size: 8% !important;
    background-color: #00315c !important;
    /* opacity: 0.9; */
}
@media only screen and (max-width: 720px) {
#top-banner{
position: relative;
border-bottom-left-radius: 50% 14% !important;
border-bottom-right-radius: 50% 14% !important;
background-size: 20% !important;
padding-top: 4em !important;
padding-bottom: 4em !important;
}
}
#btn-download-payid{
    background-color: #f8d713 !important;
}