.noto-sans-regular { font-family: "Noto Sans", "Lato", sans-serif;
font-optical-sizing: auto;
font-weight: normal; 
font-style: normal; 
font-variation-settings:  "wdth" 100;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
 

body, body p, body p a, footer p, footer a, footer ul li a { font-family: "Noto Sans", "Lato", sans-serif !important; font-optical-sizing: auto; font-weight: normal;  font-variation-settings: "wdth" 100;   -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}

.noto-sans-bold {font-family: "Noto Sans", "Lato", sans-serif ; font-optical-sizing: auto; font-weight: 700;  font-variation-settings: "wdth" 100; }
.noto-sans-semibold { font-family: "Noto Sans", sans-serif; font-optical-sizing: auto; font-weight: 500;  font-variation-settings: "wdth" 100; }



.lato-regular {
font-family: "Lato", "Noto Sans", serif;
font-weight: 400;
font-style: normal;
}

.lato-bold {
font-family: "Lato", "Noto Sans", serif;
font-weight: 700;
font-style: normal;
}

 
 .new_cols { float: left;
    width: 100%;
    position: relative;
    clear: both;
    overflow: hidden; }
	
.container-fluid2 {
    float: left;
    width: 100%;
    padding: 0 2.5%;
}	



ul li, ol li {
    font-family: "Noto Sans", sans-serif;
    font-weight: 400;
    color: rgb(66, 66, 66);
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 1.45;
}

a { text-decoration : none; }

p.21kaddress strong { margin : 0 0 10px 0; }

footer p, footer a, footer ul li a {
    font-family: "Noto Sans", "Lato", sans-serif !important;
    font-optical-sizing: auto;
    font-weight: 700;
    font-variation-settings: "wdth" 100;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
}

footer { background : #003872; padding : 0; }
.foo_left_all  {padding : 5% 0;  }
.foo_right_all  {padding : 2% 0;  }
footer .container-fluidhome { background : #003872; }
.footers_right{ padding-left : 0; }
.foo_logo img {  max-width : 230px; height : auto; }
footer h5 {color : #ffbb00; }
footer ul { list-style-type : none; }
footer ul li { padding : 0 0 5px 0; }
footer ul li a:hover { color: #ffbb00; }
footer p, footer ul li a, footer p a  {color : #fff; }
.social_links li a svg {  color: #003872; background: #ececec !important; }
.social_links li { list-style: none; display: inline-block;  margin: 0px 5px; padding : 0;} 

.social_links li a svg {  width: 40px; height : 40px; border-radius: 100%; padding: 5px; margin : 0 5px; transition: all 0.3s ease 0s; }

.footers_left { border-right : 1px solid #ececec; }
.footer_innerview { border-bottom : 1px solid #ececec; padding : 2% 2% 0 5%; }
.footer_innerview2 { padding : 2% 2% 0 5%;  }
.social_links li:first-child, .social_links li:first-child a svg { margin : 0 auto; }
.social_links li a svg:hover, .social_links li a:hover, .social_links li:hover {  color: #ffbb00; }

.footer_last { background  :#003872;border-top : 1px solid #ececec; }
.footer_last p { color: #fff;  font-size: 14px; font-weight: normal; }

.foo_app {
    float: left;
    width: auto;
    margin: 0 20px 0 0;
}

.foo_portal {
    float: left;
    width: auto;
}

.portal_login { color : #003872 !important; }

.portal_button span {
    background-color: #ececec !important;
    margin: 5px 0 0 0;
}
.cta {
    float: left;
    width: auto;
    padding: 5px 10px;
    border-radius: 5px;
}

.footer_last {
    background: #003872;
    border-top: 1px solid #ececec;
}

.footer_term ul {
    margin: 0px;
    padding: 0px;
    text-align: right;
}


.footer_term ul li {
    list-style: none;
    margin-left: 10px;
    line-height: 1;
    display: inline-block;
    padding: 20px 0px;
    margin-bottom: 0px;
}

.footer_term ul li a {
    color: rgb(255, 255, 255);
    font-size: 13px;
}


.container-fluid_head {
    padding: 0;
    position: relative;
    overflow: hidden;
}


.header-bottom {
    background: #003872;
    padding: 0;
    padding-bottom: 0;
}
 
ul.main_nav {
    margin: 0;
    padding: 20px 0 0px 0;
}

.main_nav {
    float: right;
}

.sitelogo {
    background: #fff;
    float: left;
    margin: 0 0 0 10%;
	height : 75px;
}

img { max-width : 100%; height : auto; }

ul.main_nav li
{
	float : left;
}

ul.main_nav li a {
    font-weight: bold;
    color: rgb(255, 255, 255);
    font-family: "Noto Sans", sans-serif;
    letter-spacing: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.activemenu {
    background: #ffbb00;
}

.main_menus {
    background: #003872;
    float: right;
}

.headslogo {
    background: #fff;
}

.21kaddress { font-weight: normal !important; }
.learners_rows { padding-top : 80px; }

header {
	position: fixed;
    width: 100%;
    z-index: 3;
	height : 75px;
}

.learners_innerview { background: url("../images/Forms.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain; }
.cta a:hover, .cta:hover, .portal_button span:hover { background : #ffbb00 !important;  }
 
@media screen and (min-width: 769px) {
	.zf-templateWidth { 
	width:100%;
	max-width : 350px;
	float: right;
	background :#fff;
	margin : 0 2% 0 0;
	}

    .headslogo img {
    width: 85%;
}

.new_cols.learners_left {
    padding: 40px;
}



}

@media screen and (max-width: 768px) {

.footer_term ul, .footer_term ul li { text-align : center !important; }
.footer_term ul li { padding : 0; }
.footer_innerview2 { text-align : center; }
.footers_left { text-align : center; }
.foo_app, .foo_portal, .portal_button span { float : none; }	

.zf-templateWidth { 
	width:100%;
	max-width : 100%;
	float : left; 
	}
	
.learners_innerview .learners_left {  margin: 80px 1em 0 1em; text-align : center; }
.zoho_form { background : #ddd; }
.zoho_form form { float: left; width: 100%;  background: #ddd; padding: 5% 5%; }
}


.country_zoho iframe  { height : auto; }
.country_zoho iframe .backgroundBg { background : #fff !important; }
.country_zoho .backgroundSecBg   {  background : #fff !important; }

#country-listbox { width : 20em !important; }
.iti__dial-code { float: left; width: auto !important; }
.iti__flag-box, .iti__country-name { width: auto !important; float: left !important; }
.iti__flag { float: left; }
.iti__country { margin: 0 !important;  font-size: 12px !important; width: 100%; float: left;    clear: both;}
.iti__flag-container { width : 100%; }
.iti__selected-flag { background: #fff !important; }

#international_PhoneNumber_countrycodeval { padding-left : 0 !important; }

@media screen and (max-width: 1199px) {

.zf-phwrapper span.dlcode{ width: 33% !important; }
.zf-phwrapper span.dlphone { width: 65% !important; }

.zh_halfwidth_left { width : 100% !important; margin : 0 0 10px 0 !important; }
.zh_halfwidth_right { float : left !important; width : 100% !important; margin : 0 !important;  }
.zf-topAlign .zf-tempFrmWrapper .zf-labelName {  }
.zf-tempContDiv .zf-phonefld span:last-child {   text-align: right; }
.zf-decesion label { width: 100% !important; }

.zf-templateWrapper {  float: left;  width: 100%;  padding: 3% 5% !important;  border-radius: 5px; }
.zf-templateWidth { max-width : 100% !important; }
}

.zf-tempHeadBdr {    margin: 0  auto !important; }

.zf-instruction { 
    font-size: 14px !important;
    margin: 5px 0 10px 0;
}