/*@import url("https://fonts.googleapis.com/css?family=Poppins:black&display=swap");*/
@import url("https://fonts.googleapis.com/css?family=Poppins&display=swap");
@import url("animate.css");
@import url("iconfont.css");
@import url("font-awesome.min.css");
@import url("slider.css");
@import url('smcorp.lib.css');


header
{
	width : 100%;
	position : absolute;
	top : 0px;
	left : 0px;
	//background : transparent;
	background : #fff;
	z-index : 9999999999999;
	transition : all 0.6s;
}


.logo
{
	width : 30%;
	padding : 10px;
	padding-left : 7%;
}

.logo a
{
	display : block;
	width : max-content;
}

.logo img
{
	height : 50px;
	margin : auto;
}

nav
{
	width : 75%;
	position : absolute;
	top : 0px;
	right : 0px;
}

.menu-div
{
	//background : rgb(25,25,112);
	background : rgb(25,25,112);
	padding : 10px;
	height : 70px;
}

.mn-back
{
	overflow : hidden;
	height : 70px;
}

.bk
{
	width : 400%;
	border : 10px solid rgb(205,133,63);
	padding-bottom : 200%;
	background : rgb(25,25,112);
	transform : rotate(25deg) translate(10%,10%);
}

.mob-nav
{
	display : none;
}

.navigation
{
	list-style : none;
	white-space : nowrap;
	padding : 0px;
	margin : 0px;
}

.navigation li
{
	display : inline-block;
}

.navigation li a
{
	display : block;
	//width : max-content;
	padding : 15px 10px;
	padding-bottom : 30px;
	color : #fff;
	text-decoration : none;
	font-weight : bold;
	font-size : 16px;
}

.navigation li a:hover
{
	color : rgb(205,133,63);
}

.navigation li > ul
{
	display : none;
	position : absolute;
}

.navigation li:hover > ul
{
	display : block;
	margin-top : -5px;
}

.navigation li > ul li
{
	display : block;
}

.navigation li > ul li a
{
	display : block;
	padding : 10px 15px;
	background : rgba(25,25,112,0.7);
}

.navigation li > ul li a:hover
{
	background : #fff;
}

.social-ul
{
	position : absolute;
	top : 50%;
	right : 50px;
	list-style : none;
	transform : translateY(-50%);
}

.social-ul li
{
	display : inline-block;
	padding : 0px 3px;
}

.social-ul li a
{
	display : flex;
	width : 30px;
	height : 30px;
	border-radius : 50%;
	color : rgb(205,133,63);
	text-decoration : none;
	justify-content : center;
	align-items : center;
	border : 2px solid rgb(205,133,63);
	transition : all 0.4s;
}

.social-ul li a:hover
{
	display : flex;
	width : 30px;
	height : 30px;
	border-radius : 50%;
	color : #fff;
	color : rgba(25,25,112,1);
	text-decoration : none;
	justify-content : center;
	align-items : center;
	border : 2px solid rgb(205,133,63);
	background : rgb(205,133,63)
}




.caps
{
	width : 100%;
	height : 100%;
	position : absolute;
	top : 0px;
	left : 0px;
	background : rgba(0,0,0,0.3);
}


.caps h3
{
	width : 100%;
	text-align : center;
	font-weight : bold;
	color : #fff;
	font-size : 65px;
	position : absolute;
	top : 50%;
	left : 50%;
	transform : translate( -50%, -50%);
}



#pillors
{
	padding : 50px 10%;
	background : #fff;
	overflow : hidden;
}

.pillor-header
{
	padding : 20px;
	position : relative;
	border-right : 2px solid rgb(205,133,63);
}

.pillor-header h3
{
	font-size : 40px;
	text-align : right;
	color : rgb(25,25,112);
	position : absolute;
	top : 50%;
	right : 50px;
	transform : translateY(-50%);
}


.col-pillor
{
	padding : 20px;
}

.col-pillor img
{
	margin : 20px auto;
	height : 100px;
}

.col-pillor h4
{
	text-align : center;
	width : 100%;
	font-size : 25px;
	font-weight : normal;
	color : rgb(25,25,112);
}


#services
{
	padding : 50px 10%;
	background : rgb(25,25,112);
	overflow : hidden;
}

.home-header
{
	text-align : center;
	color : rgb(205,133,63);
	font-size : 40px;
	padding : 30px;
}

.col-service
{
	padding : 20px;
	text-align : center;
}

.col-service a
{
	display : block;
	text-decoration : none;
}

.col-service img
{
	display : block;
	//width : 70%;
	height : 100px;
	margin : 20px auto;
}

.col-service h4
{
	width : 100%;
	text-align : center;
	color : rgb(205,133,63);
	font-size : 20px;
}


#about
{
	background-position : bottom;
	background-size : cover;
	background-repeat : no-repeat;
	background-image : url(../images/team_about.jpg);
	overflow : hidden;
}

.about-header
{
	position : relative;	
}

.about-header h3
{
	position : absolute;	
	top : 50%;
	left : 50%;
	text-align : right;
	transform : translate(-50%,-50%);
	color : #fff;
	font-size : 50px;
}

.about-info
{
	background : rgb(25,25,112);
	color : #fff;
	padding : 30px 20px;
	line-height : 25px;
	padding-right : 10%;
	text-align : justify;
}

.about-link
{
	display : block;
	width : max-content;
	padding : 7px 20px;
	background : #fff;
	text-decoration : none;
	color : rgb(205,133,63);
	text-transform : uppercase;
	//border : 1px solid #fff;
	transition : all 0.4s;
	float : right;
	margin-top : 20px;
}

.about-link:hover
{
	
	background : rgb(205,133,63);
	color : #fff;
}

.about-trans
{
	background : linear-gradient(to right, transparent, rgba(25,25,112,0.7), rgba(25,25,112,1));
}

.mis-vis
{
	background : #fff;
	padding : 50px 10%;
	overflow : hidden;
}

.col-mis-vis
{
	padding : 20px;
	line-height : 25px;
}

.col-mis-vis h4
{
	color : rgb(205,133,63);
	font-size : 25px;
	padding : 20px 0px;
}


#banner
{
	width : 100%;
	//background-position : center;
	background-position : bottom;
	background-size : cover;
	background-repeat : no-repeat;
	background-color : #fff;
	background-attachment : fixed;
	background-image : url(../images/slide1.png);
}

.banner-bg
{
	width : 100%;
	height : 50vh;
	position : relative;
	background : rgba(0,0,0,0.6);
}

.banner-bg h2
{
	color : #fff;
	position : absolute;
	line-height : 50px;
	font-size : 40px;
	text-align : right;
	display : block;
	width : max-content;
	padding : 20px 10%;
	right : 0px;
	bottom : 0px;
}


#pages
{
	padding : 50px 0%;
	overflow : hidden;
}

.about-page-header
{
	position : relative;	
	background-position : center;
	background-size : cover;
	background-repeat : no-repeat;
}

.about-background
{
	position : absolute;
	top : 0px;
	left : 0px;
	width : 100%;
	height : 100%;
	background : rgba(255,255,255,0.5);
}

.about-page-header h3
{
	position : absolute;	
	top : 50%;
	left : 50%;
	text-align : right;
	transform : translate(-50%,-50%);
	color : rgb(25,25,112);
	font-size : 50px;
}

.about-page-info
{
	background : transparent;
	//color : #000;
	padding : 30px 20px;
	line-height : 25px;
	padding-right : 10%;
	text-align : justify;
}


#contact
{
	width : 100%;
	height : 120vh;
	position : relative;
	overflow : hidden;
}

.map
{
	width : 100%;
	height : 100%;
	position : absolute;
	top : 0px;
	left : 0px;
	z-index : 10;
}

.div-cont
{
	background : rgb(25,25,112);
	width : 40%;
	padding : 40px 20px;
	position : absolute;
	top : 50%;
	right : 10%;
	transform : translateY(-50%);
	box-shadow : 0 0 1px #000;
	z-index : 1000;
}

.div-cont h3
{
	color : #fff;
	text-align : center;
	width : 100%;
	font-size : 20px; 
	padding : 20px;
}

.resources
{
	list-style : none;
}

.resources li a
{
	display : block;
	padding : 15px 20px;
	border-bottom : 1px solid rgb(25,25,112);
	text-decoration : none;
	color : rgb(25,25,112);
	transition : all 0.4s;
}

.resources li a:hover
{
	color : rgb(205,133,63);
	border-bottom : 1px solid rgb(205,133,63);
}

.resources li a h4
{
	//font-weight : normal;
	font-size : 16px;
}

.resources li a i
{
	font-size : 13px;
}



footer
{
	width : 100%;
	overflow : hidden;
}


.parnters
{
	width : 100%;
}



.row-foot
{
	//background : rgb(205,133,63);
	background : #fff;
}

.foot-logo
{
	max-height : 70px;
}

.ft-lg
{
	padding : 0px 50px;
	padding-top : 70px;
}

.cp-ul
{
	list-style : none;
	white-space : nowrap;
}

.cp-ul li
{
	display : inline-block;	
	border-left : 1px solid #000;
	margin : 20px 0px;
	margin-bottom : 10px;
}

.cp-ul li:first-child
{
	
	border-left : none;
	padding : 0px;
}

.cp-ul li a
{
	display : block;
	width : max-content;
	padding : 5px 10px;
	text-decoration : none;
	color : #000;
	font-size : 13px;
}

.cp-ul li a:hover
{
	text-decoration : underline;
}

.copy
{
	font-size : 13px;
	padding : 30px 10px;
}


.foot-right
{
	background-position : center;
	background-size : cover;
	background-repeat : no-repeat;
	background-color : rgb(25,25,112);
}

.ft-twist
{
	overflow : hidden;
	height : 300px;
}

.tw-bg
{
	width : 50vw;
	height : 80vh;
	//background : rgb(205,133,63);
	background : #fff;
	border : 20px solid rgb(205,133,63);
	transform : rotate(25deg) translate(-90%, 0%);
}

.foot-right h3
{
	display : block;
	color : #fff;
	border-bottom : 2px solid #fff;
	width : max-content;
	margin-top : 30px;
	margin-bottom : 20px;
	padding-bottom : 15px;
	font-weight : bolder;
}

.foot-right ul
{
	list-style : none;
	
}

.foot-right ul a
{
	display : block;
	text-decoration : none;
	color : #fff;
	font-size : 14px;
	padding : 5px 0px;
}

.foot-right ul a:hover
{
	text-decoration : underline;
}

.foot-cont
{
	color : #fff;
	font-size : 12px;
	line-height : 20px;
}

.text-foot
{
	width : 80%;
	color : #fff;
	text-align : justify;
	line-height : 20px;
	font-size : 15px;
}

.cont-text
{
	color : #fff;
	line-height : 25px;
}

.cont-text i
{
	font-size : 60px;
	color : #fff;
}

.pillor-header h2
{
	display : none;
}




/*Animation */




.bounceInUp
{
	animation : bounceInUp 0.6s ease-in;
}

.slideInRight
{
	animation : slideInRight 0.6s ease-in;
}


.slideInLeft
{
	animation : slideInLeft 0.6s ease-in;
}

.slideInUp
{
	animation : slideInUp 0.6s ease-in;
}

.slideInDown
{
	animation : slideInDown 0.6s ease-in;
}



/*End Animation */

.mob-menu-btn
{
	display : none;
}




@media all and (max-width : 600px)
{
	.logo img
	{
		height : 40px;
		margin : auto;
	}
	
	nav
	{
		height : 100%;
	}
	
	
	.menu-div,
	.mn-back
	{
		display : none;
	}

	.mob-menu-btn
	{
		display : block;
		position : absolute;
		top : 50%;
		right : 0px;
		transform : translate(-20px, -50%);
		color : rgba(25,25,112,1);
		font-size : 20px;
		z-index : 9999999;
		cursor : pointer;
	}
	
	.mob-nav
	{
		display : none;
		position : absolute;
		right : 0px;
		top : 100%;
		background : rgba(25,25,112,0.9);
		overflow : auto;
		padding : 15px;
	}
	
	.mob-nav ul
	{
		list-style : none;
		padding-left : 20px;
	}
	
	.mob-nav ul li
	{
		
	}
	
	.mob-nav ul li a
	{
		display : block;
		text-decoration : none;
		color : #fff;
		text-transform : uppercase;
		padding : 5px;
	}
	
	
	.col-100,
	.col-95,
	.col-90,
	.col-85,
	.col-80,
	.col-75,
	.col-70,
	.col-65,
	.col-60,
	.col-55,
	.col-50,
	.col-45,
	.col-40,
	.col-35,
	.col-33,
	.col-30,
	.col-25,
	.col-20,
	.col-15,
	.col-10,
	.col-5
	{
		width : 100%;
	}
	
	.ft-cols
	{
		padding : 0px 50px;
	}
	
	.foot-cont
	{
		padding-bottom : 50px;
	}
	
	
	.pillor-header
	{
		padding : 20px;
		position : relative;
		border : none;
		//padding-bottom : 70px;
		border-bottom : 2px solid rgb(205,133,63);
	}
	
	.pillor-header h3
	{
		display : none;
	}

	.pillor-header h2
	{
		display : block;
		font-size : 40px;
		text-align : center;
		color : rgb(25,25,112);
	}
	
	.about-header h3
	{
		position : relative;	
		height : 300px;
		padding-right : 50px;
		text-align : right;
		transform : translate(-50%,-50%);
		color : #fff;
		font-size : 50px;
	}
	
	
	.about-page-header
	{
		//height : 300px;
	}
	
	.about-background
	{
		height : 300px;
		position : relative;
	}
	
	
	.div-cont
	{
		display : block;
		background : rgb(25,25,112);
		width : 90%;
		padding : 40px 20px;
		position : relative;
		top : 0px;
		right : 0px;
		transform : none;
		margin : auto;
		box-shadow : 0 0 1px #000;
		z-index : 1000;
	}

	.div-cont h3
	{
		color : #fff;
		text-align : center;
		width : 100%;
		font-size : 20px; 
		padding : 20px;
	}
	
	.map
	{
		width : 100%;
		height : 300px;
		position : relative;
		top : 0px;
		left : 0px;
		z-index : 10;
	}
	
	#contact
	{
		width : 100%;
		height : max-content;
		padding : 20px 0px;
		position : relative;
		overflow : hidden;
	}
	
	.banner-bg h2
	{
		color : #fff;
		position : absolute;
		line-height : 50px;
		font-size : 30px;
		text-align : right;
		display : block;
		width : 100%;
		padding : 20px;
		padding-right : 50px;
		right : 0px;
		bottom : 0px;
	}
	
	.caps h3
	{
		width : 100%;
		text-align : center;
		font-weight : bold;
		color : #fff;
		font-size : 45px;
		padding : 0px 30px;
		position : absolute;
		top : 50%;
		left : 50%;
		transform : translate( -50%, -50%);
	}
	
}