*{
	padding:0px;
	margin:0px;
	box-sizing:border-box;
	font-family:"inherit", sans-serif;
}
html,body{
	width:100%;
	height:100%;
}
.address_bar{
	padding:10px 30px;
	background:#D5451B;
}
.address_bar a{
	text-decoration:none;
	padding:0px 20px;
	color:white;
}
.address_bar a span{
	padding:0px 5px;
}
.logo_area{
	padding:0px 30px;
	display:flex;
	justify-content:space-between;
}
.logo_area img{
	height:100px;
	padding:10px;
}
.logo_area .iti_logo_area{
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:0px 20px;
}
.logo_area .iti_logo_area .iti_name{
	letter-spacing:2px;
	padding:0px 20px;
}
.logo_area .iti_logo_area .iti_name h3{
	font-size:32px;
}
.logo_area .iti_logo_area .iti_name span{
	font-size:24px;
}
nav{
	background:#4E9F3D;
	padding:0px 30px;
}
nav ul{
	display:flex;
	justify-content:flex-start;
}
nav ul li{
	list-style-type:none;
	padding:15px 20px;
	position:relative;
}
nav ul li a{
	text-decoration:none;
	color:white;
	font-weight:700;
	text-transform:uppercase;
	font-size:15px;
	padding:10px 0px;
}
nav ul li ul{
	position:absolute;
	left:0;
	top:100%;
	background:#4E9F3D;
	display:none;
	width:100%;
	z-index:1;
}
nav ul li:hover li{
    	padding:15px 0px;
}
nav ul li:hover{
	background:#D5451B;
}
nav ul li:hover ul{
	display:block;
	text-align:center;
	border-top:2px solid white;
}
footer{
	padding:20px 40px;
	background:rgba(19,36,86,1);
	color:rgba(240,255,255,1);
	display:flex;
	justify-content:space-between;
}
footer .footer_col{
	padding:10px 20px;
}
footer .footer_col h2{
	padding:10px 0px;
	border-bottom:2px solid white;
	position:relative;
}
footer .footer_col h2:after{
	content:"";
	height:2px;
	width:50px;
	top:100%;
	left:0;
	background:#C84B31;
	position:absolute;
}
footer .footer_col ul{
	padding:20px 0px;
}
footer .footer_col ul li{
	list-style-type:none;
	padding:5px 0px;
}
footer .footer_col ul li a{
	text-decoration:none;
	color:rgba(240,255,255,1);
	font-size:15px;
}
footer .footer_col ul .f_icon{
	font-size:13px;
	padding:0px 10px 0px 0px;
}
.developer{
	padding:20px 40px;
	text-transform:uppercase;
	text-align:center;
	background:#D5451B;
	color:rgba(240,255,255,1);
	border:2px double black;
}
.developer a{
	text-decoration:none;
	color:rgba(240,255,255,1);
}

.intro{
	padding:40px 30px;
	background:url('../library/bg1.jpg');
	background-size:contain;
}
.intro h2, .course_offered h2, .p_message h2{
	text-transform:uppercase;
	text-align:center;
	padding:10px 50px;
	font-weight:900;
	letter-spacing:2px;
	font-size:30px;
	position:relative;
	margin:40px;
	text-shadow:2px 3px rgba(0,0,0,.1),3px 4px rgba(0,0,0,.1),4px 5px rgba(0,0,0,.1);
}
.intro h2:after, .course_offered h2:after, .p_message h2:after{
	content:'';
	position:absolute;
	top:100%;
	left:40%;
	background:#D5451B;
	height:4px;
	width:15vw;
}
.intro p{
	padding:20px 50px;
	letter-spacing:2px;
	line-height:35px;
	margin:20px;
	text-align:center;
	font-size:18px;
}
.course_offered{
	padding:20px 30px;
}
.course_offered .course_area{
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:10px 30px;
}
.course{
	width:200px;
	height:200px;
	padding:10px 30px;
	box-shadow:2px 3px 4px rgba(0,0,0,.5);
	background:#FF6363;
}
.course img{
	width:100%;
	height:100%;
}
.course .course_name{
	margin-top:20px;
	text-align:center;
	font-weight:900;
	color:white;
}
.course:hover{
	background:#D5451B;
}
.message_area{
	display:grid;
	grid-template-columns:70% 25%;
	padding:30px 50px;
}
.message_area .p-message{
	padding:10px 30px;
}
.message_area .p-message p{
	text-align:justify;
	font-size:14px;
	letter-spacing:1px;
	line-height:30px;
	text-indent:25%;
}
.message_area .p_photo{
	padding:20px 0px;
}
.message_area .p_photo img{
	width:100%;
	height:50%;
}
.mission-area{
    padding:20px 40px;
    letter-spacing:.7px;
}
.mission-area p{
    text-align:justify;
    padding:10px 0px;
    line-height:30px;
}
.p-heading{
    padding:40px;
    text-align:center;
    background:rgba(19,36,86,1);
    color:white;
    font-weight:700;
    letter-spacing:2.5px;
    font-size:2.5em;
}
.p-breadcrumbs{
    padding:10px 40px;
    background:#4E9F3D;
}
.p-breadcrumbs ul{
    display:flex;
    align-items:center;
    justify-content:flex-start;
}
.p-breadcrumbs ul li{
    list-style-type:none;
    padding:10px 2px;
}
.p-breadcrumbs ul li span, .p-breadcrumbs ul .current-page{
    padding:0px 10px;
    color:white;
    opacity:.5;
}
.p-breadcrumbs ul li a{
    text-decoration:none;
    color:white;
    font-weight:700;
    letter-spacing:2px;
}
.course-wrapper{
    padding:40px 20px;
}
.course-wrapper .course-card-area{
   padding:20px;
}
.course-wrapper .course-card-area .course-card2{
    display:inline-block;
    width:350px;
    background:rgb(113, 24, 67);
    margin:5px 10px;
    overflow:hidden;
}
.course-wrapper .course-card-area .course-card2 a{
    text-decoration:none;
    color:white;
    font-weight:700;
    background:transparent;
    z-index:1;
}
.course-wrapper .course-card-area .course-card2 .course-card2-item{
    z-index:1;
    position:relative;
    width:350px;
    height:100%;
    padding:20px 30px;
}
.course-wrapper .course-card-area .course-card2 .course-card2-item .card-box{
    position:absolute;
    top:0;
    left:-40px;
    height:100%;
    width:4vw;
    background:black;
    transform:rotate(45deg);
    z-index:-1;
}
.course-wrapper .course-card-area .course-card2:hover .card-box{
    left:0px;
    transform:rotate(0deg);
    width:100%;
    transition:width .5s ease-in-out;
}