/* CSS Document */
/*
Theme Name: Saint Francis International Education 
Theme URL:https://sfie.edu.np/
Description: full responsive website!
Tags:responsive, bootstrap, education consultancy CMSMS theme, template for Agency .
Copyright: Saint Francis International Education Pvt. Ltd. - 2021 : All Rights Reserved.
*/

@charset "utf-8";

/*::::::::::::::::::::::FONTS IMPORT:::::::::::::::::::::::*/
@import url(http://fonts.googleapis.com/css?family=Oswald:300,400,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,600,700,300,800);
@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500italic,700,500,700italic,900,900italic);
@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');

/*::::::::::::::::::::::FONTS IMPORT:::::::::::::::::::::::*/

/* =============================== SELECTION ============================================== */

.stellarnav{
background:#ffffff !important; 
border-top:1px solid #f1f1f1;
border-left:0px solid #eee;
border-right:0px solid #eee;

box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
-moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
}

@media only screen and (max-width : 1199px) {
	.stellarnav > ul > li > a { padding: 15px 5px !important;}
}


#main-nav{ z-index:111 !important;	
margin-top:0px;
	width:100%; 
    box-sizing:border-box; 	
	font-family: 'Poppins', sans-serif;
	letter-spacing:0.3px;
}



.stellarnav li.has-sub > a:after { 
border-top: 6px solid transparent !important;}
.stellarnav li li.has-sub > a:after { border-left: 6px solid transparent !important; 
border-right: 6px solid transparent; 
border-top: 6px solid transparent;}
.stellarnav li.drop-left li.has-sub > a:after {border-right: 6px solid transparent !important;}

.stellarnav li.has-sub > a:after { content: '\f0d7'; font-family: 'FontAwesome'; line-height:50%;}
.stellarnav li li.has-sub > a:after { content: '\f0da'; font-family: 'FontAwesome'; line-height:50%;}
.stellarnav li.drop-left li.has-sub > a:after { float: left; content: '\f0d9'; font-family: 'FontAwesome'; line-height:50%;}

/*  MEGA MENU */


.stellarnav li.mega ul{
background:#f9f9ff !important;
color:#eb1c24;
padding:0px !important;
}
.stellarnav li.mega:hover > a,
.stellarnav li.mega:focus > a,
.stellarnav li.mega.active > a {
  background:#f9f9ff !important;
  color: #eb1c24 !important;
}

@media only screen and (max-width : 960px) {
	.stellarnav li.mega:hover > a,
.stellarnav li.mega:focus > a,
.stellarnav li.mega.active > a {
  background:#eb1c24 !important;
  color:#ffffff !important;
}
}




.stellarnav li.mega ul > li > a,
.stellarnav li.mega ul > li > ul > li > a{
background:#f9f9ff !important;
color:#494a4e !important; 
font-size:13px !important;
}

li.mega span.section-head {
font-family: 'Poppins', sans-serif;
color:#eb1c24 !important; 
font-size:12px !important; 
font-weight:700; 
letter-spacing:0.5px;
text-transform: uppercase;
text-align:left;
text-decoration:underline;
padding:15px 0px !important; 
}

.stellarnav li.mega ul > li{
min-width: 300px !important;
max-width: 310px !important;	
margin:0px !important;
}
.stellarnav li.mega ul > li:first-child{
margin-left:0px !important;
}
.stellarnav li.mega ul > li > ul{
margin-left:-4px !important;
background:none!important;
margin-right:10px!important;
margin-top:0px !important;
}

.stellarnav li.mega ul > li > ul:last-child{
margin-right:0px!important;
}


@media(max-width:767px){
	

li.mega span.section-head {
font-family: 'Poppins', sans-serif;
color:#507271 !important; 
font-size:13px !important; 
text-decoration:none !important;
padding:15px 0px !important; 
}

.stellarnav li.mega ul > li{
min-width: 265px !important;
max-width: 275px !important;	
}
	
}

/*  END MEGA MENU */



dd{
font-family: 'Poppins', sans-serif;
color:#fec75e;
font-size:12px;
font-weight:400;
padding-left:0px;
letter-spacing:0.2px;
}

dd:hover, 
dd:focus, 
dd:active {
color: #eb1c24;
}


.stellarnav > ul > li > a { 
padding: 15px 9px !important;
transition: all 0.30s ease; 
font-family: 'Poppins', sans-serif !important;
color:#494a4e !important; 
font-size:13px !important; 
font-weight:700;
text-transform:uppercase;
  -webkit-transition: all 0.30s ease;
  -moz-transition: all 0.30s ease;
  -ms-transition: all 0.30s ease;
  -o-transition: all 0.30s ease;
}
 /*.stellarnav > ul > li:last-child > a { 

}*/



.stellarnav > ul > li:hover > a,
.stellarnav > ul > li:focus > a,
.stellarnav > ul > li.active > a {
  background:#eb1c24 !important;
  color: #fff !important;
}

.stellarnav > ul > li > ul{
	margin-top:0px;
	}
	
.stellarnav ul ul{
  font-size:14px !important;
  font-weight:400; 
  font-family: 'Poppins', sans-serif;	
	
}	

.stellarnav ul ul ul{
  font-size:14px !important;
  font-weight:400; 
  font-family: 'Poppins', sans-serif;
 }	
	
.stellarnav > ul > li > ul > li > a{
	
  background:#eb1c24 !important;
  color: #fff !important; 
  font-size:14px !important;
  font-weight:400; 
  font-family: 'Poppins', sans-serif;
  padding:10px 10px 10px 15px;
  border-bottom:1px solid rgba(0,0,0,0.09);
}

.stellarnav > ul > li > ul > li:last-child > a{
	
  border-bottom:0px solid rgba(0,0,0,0.00);
}


.stellarnav > ul > li > ul > li:hover > a,
.stellarnav > ul > li > ul > li:focus > a,
.stellarnav > ul > li > ul > li.active > a {
background:#ffffff !important;
color: #494a4e !important;
}



.stellarnav > ul > li > ul > li > ul > li > a{
  font-size:14px !important;
  font-weight:400; 
  font-family: 'Poppins', sans-serif;
  background:#ffffff !important;
  color: #494a4e !important;
  padding:10px 15px;
  border-bottom:1px solid rgba(0,0,0,0.09);
}


.stellarnav > ul > li > ul > li > ul > li:last-child > a{
  border-bottom:0px solid rgba(0,0,0,0.00);
}

.stellarnav > ul > li > ul > li > ul > li:hover > a,
.stellarnav > ul > li > ul > li > ul > li:focus > a,
.stellarnav > ul > li > ul > li > ul > li.active > a {
  color: #fff !important;
  background:#eb1c24 !important;
}


.stellarnav li.has-sub>a:after{
	float:right;}
	
	
.stellarnav li.has-sub>a:after{
	float:right;}

.stellarnav li.drop-left> ul > li > a{
padding-left:25px;	
	
}
	.stellarnav li.drop-left> ul > li > a:after{
		margin-left:-15px;
	}
	
	
@media(max-width:767px){
	
	.stellarnav > ul > li:hover > a,
.stellarnav > ul > li:focus > a,
.stellarnav > ul > li.active > a {

border-radius:0;
 -webkit-border-radius:0;
  -moz-border-radius:0;
  -ms-border-radius:0;
  -o-border-radius:0;
}

.stellarnav{
background:#fff !important;
box-shadow: 0px 9px 9px 0px rgba(0, 0, 0, 0.06);
-webkit-box-shadow: 0px 9px 9px 0px rgba(0, 0, 0, 0.06);
-moz-box-shadow: 0px 9px 9px 0px rgba(0, 0, 0, 0.06);
-ms-box-shadow: 0px 9px 9px 0px rgba(0, 0, 0, 0.06);
}

}


@media(max-width:960px){
	
.stellarnav > ul > li:hover > a,
.stellarnav > ul > li:focus > a,
.stellarnav > ul > li.active > a {

border-radius:0;
 -webkit-border-radius:0;
  -moz-border-radius:0;
  -ms-border-radius:0;
  -o-border-radius:0;
}

.stellarnav{
background:#fff !important;
box-shadow: 0px 9px 9px 0px rgba(0, 0, 0, 0.06);
-webkit-box-shadow: 0px 9px 9px 0px rgba(0, 0, 0, 0.06);
-moz-box-shadow: 0px 9px 9px 0px rgba(0, 0, 0, 0.06);
-ms-box-shadow: 0px 9px 9px 0px rgba(0, 0, 0, 0.06);
}

.stellarnav li.mega ul > li{
min-width: 265px !important;
max-width: 275px !important;	
}

}