home-sec-6::selection {
	background:#cf353f;
	color:#fff;
}
::-webkit-scrollbar {
    width: 6px;
}
/* Track */
::-webkit-scrollbar-track {
	background:#fff;
}
/* Handle */
::-webkit-scrollbar-thumb {
    background: #cf353f;
}
::-webkit-scrollbar-thumb:window-inactive {
	background: #ccc; 
}

@font-face {
    font-family: Myriad;
    src: url(../fonts/Myriad-Pro-Light_31642.ttf);
}

@font-face {
    font-family: Square_721;
    src: url(../fonts/Square_721_Condensed_BT.ttf);
}
body{font-family:Myriad;}

.container{width:80%;}

.navbar-header spanBrand {
    font-family: Square_721;
    font-size: 28px;
    font-weight: 900;
    color: #3980bc;
}
.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7;
    border: 0px;
    border-bottom: 0px solid red;
    padding-top: 18px;
    padding-bottom: 18px;
	margin-bottom: 0px;
}
.nav > li > a 
{   
 position: relative;
 display: block; 
 padding: 15px 15px;
 padding-top: 12px;	
 padding-bottom: 20px;
}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: -15px;
    margin-top: -15px;
}
/*.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #3980bc;
}*/
.navbar-nav>li {font-size: 16px;}

.carousel-inner>.item>a>img, .carousel-inner>.item>img {
    width:100%;
}
.welcome_to_iip h1
{
	display:block;font-size: 48px;color: #cf353f;font-weight:400;font-weight: bold;font-family: Arial;
}
.welcome_to_iip h4
{
	display:block;font-size:26px;color:#777;margin-top: -15px;margin-bottom:60px;
}
heading{display:block;font-size: 48px;color: #cf353f;font-weight:400;font-weight: bold;font-family: Arial;}
SubHeading{display:block;font-size:26px;color:#777;margin-top: -15px;margin-bottom:60px;}
.welcome_to_iip p
{
	font-size:14px;
}
li,p,.panel-body{text-align:justify;font-size:14px;font-size: 20px;}

.home-sec-2, .home-sec-3,.home-sec-4,.home-sec-6,.home-sec-7,.footer{padding-top:0px;padding-bottom:0px;margin-top: 60px}

.percent-20{width:19%;border-right:1px solid #c8c8c8;text-align:center;}
.percent-20:hover{cursor:pointer}
.percent-20:hover h2{color:#cf353f;}

.no-border-right{border-right:0px solid #c8c8c8;}
.percent-20 h2{font-size:20px;height:45px;}	
.home-sec-2-icons
{
	width:60px;height:60px;text-align:center;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
	background-repeat:no-repeat;
}

#icon-1{background-image:url('../img/icons/1.png')}
#icon-2{background-image:url('../img/icons/2.png')}
#icon-3{background-image:url('../img/icons/3.png')}
#icon-4{background-image:url('../img/icons/4.png')}
#icon-5{background-image:url('../img/icons/5.png')}
/*
.percent-20:hover #icon-1{background-image:url('../img/icons/1-hover.png')}
.percent-20:hover #icon-2{background-image:url('../img/icons/2-hover.png')}
.percent-20:hover #icon-3{background-image:url('../img/icons/3-hover.png')}
.percent-20:hover #icon-4{background-image:url('../img/icons/4-hover.png')}
.percent-20:hover #icon-5{background-image:url('../img/icons/5-hover.png')}*/


.home-sec-3,.home-sec-6{background:#eeeeee;}
.home-sec-3 li{padding-bottom:10px;padding-top:10px;border-bottom: 1px solid #ccc;}
.home-sec-3 ul {list-style-image: url('../img/li-bullet.png');}
.home-sec-3 h4 {font-size: 20px;color: #3980bc;font-weight: 900;}

.home-sec-4 .col-xs-2{width:20%;}
.home-sec-4 h4{border: 1px solid #cf353f;text-align:center;padding:15px;font-weight:100;font-size:16px;transition:1s all;}
.home-sec-4 h4:hover{cursor:pointer;background: #cf353f;color:#fff;border: 1px solid #cf353f;}

.home-sec-4 h4:hover a {
    color: #fff;
    text-decoration: none;
    text-transform: none;
	transition:1s all;
}

.home-sec-5 .panel-group .panel {border: 0px;}
.home-sec-5 .panel-default>.panel-heading {background-color: #fff;border:0px;}
.home-sec-5 .panel-title {font-size: 22px;font-weight:bold;color:#777777}
.home-sec-5 a{background:#cf353f;padding:10px;padding-top:3px;padding-bottom:3px;color:#fff;font-size:18px;font-weight:bold;text-decoration:none;}
.home-sec-5  .home-nav{border:1px solid #777777;display:inline;font-size:24px;padding:5px;margin-bottom:30px;margin:0px;margin-bottom:60px;text-align:center}
.home-sec-5  .home-nav:hover{background:#f1f1f1;color:#000;cursor:pointer}
/*.home-sec-5  .active,.home-sec-5  .active:hover{background-color:#3980bc;color:#fff;border-color:#3980bc;}*/
.home-sec-5 #student{display:none;animation: mymove 2s;}
.home-sec-5 #examiner{animation: mymove 2s;}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes mymove {
    from {opacity: 0;}
    to {opacity:1}
}

/* Standard syntax */
@keyframes mymove {
    from {opacity: 0;}
    to {opacity:1}
}

.home-sec-7 .col-md-6{border:2px solid #ccc;padding:30px;width: 48%;margin-left: 15px;}
.home-sec-7 .col-md-3{font-size:20px;font-weight:bold;}
.home-sec-7 spanTesti{font-size:16px;;color:#3980bc;}

.home-sec-8{padding-top:120px;padding-bottom:120px;}
.home-sec-8 .container{background-image:url('../img/blue-bar.png');padding-top:60px;padding-bottom:120px;background-size:100% auto;background-repeat:no-repeat;}
.home-sec-8 .col-md-3{font-size:26px;color:#fff;padding-top:6px;}
.home-sec-8 .form-inline .form-control {
    background: #40bdf7;
    border: 0px solid #40bdf7;
    border-radius: 0px;
    width: 380px;
    height: 45px;
    text-align: center;
    font-size: 18px;
	color:#fff;
}
.home-sec-8 .btn-default {
    color: #333;
    background-color: #373737;
    border-color: #373737;
    border-radius: 0px;
    color: #fff;
    height: 45px;
    border: 0px;
    width: 200px;
    margin: 0px;
    font-size: 18px;
	    margin-left: -2px;
    margin-top: 1px;
}
.home-sec-8 .form-inline .form-control::placeholder {
    color: #fff;
    opacity: 1; /* Firefox */
}

.footer{background-color:#413d3e;color:#fff}
.footer h3{font-weight:bold; text-align: left;color: #cf353f;}
.footer p{font-size: 15px; text-align: left;color: white;}
.footer li{font-size:15px;padding-top:2px;padding-bottom:2px;}
.footer1 {
   background-color: #cf353f;
   padding: 6px;
}

.client-img{	width: 240px;	height: 180px;	padding: 30px;}

.form-group{	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;	font-size: 16px;	line-height: 1.42857143;	color: #333;	font-weight: bold;}.join-btn{	color: #fff;	background-color: #5cb85c;	border-color: #4cae4c;}

.button-ab14
 {
	margin-top: 10px;
	background-color: #cf353f;
	color: White;
	font-size: 14px;
	font-weight: bold;
	padding: 12px;
	padding-left: 30px;
	padding-right: 30px;
	border: 1px solid #cf353f;
	border-radius: 0px;
	margin-left: 0px;
}
.button-ab14:hover
 {
	margin-top: 10px;
	background-color: white;
	color: #cf353f;
	font-size: 14px;
	font-weight: bold;
	padding: 12px;
	padding-left: 30px;
	padding-right: 30px;
	border: 1px solid #cf353f;
	border-radius: 0px;
	margin-left: 0px;
}
heading1
{
	color: #cf353f;
	font-size: 22px;
	font-weight: bold;
}
h3
{
	color: #cf353f;
	font-size: 22px;
	font-weight: bold;
}
heading2
{
	color: #2f5773;
	font-size: 18px;
	font-weight: bold;
	padding-left: 80px;
	font-weight: bold;
}
heading3
{
	color: #05347b;
	font-size: 18px;
	font-weight: bold;
}
.sub-p-con
{
	padding-left: 100px;
}
.table-header {
    padding: 10px;
    font-size: 20px;
    font-weight: bold;
}
.box-color-light {
    background-color: #cf353f;
    color: white;
}
.table-text {
    padding: 6px;
    font-size: 16px;
}
.row-color-odd {
    background-color: white;
    color: black;
}
.row-color-even
{
	 background-color: #eadedec9;
    color: black;
}


.button-menu
 {
	background-color: #cf353f;
	color: White;
	font-size: 14px;
	font-weight: bold;
	padding: 8px;
	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid #cf353f;
	border-radius: 10px;
	margin-left: 0px;
	margin-top: -10px;
}







/************************* Mobile Version Coding *********************************/

@media screen and (max-width: 980px) {
	li,p,.panel-body{text-align:justify;font-size: 12px;}
	.navbar-default {
		padding-top: 0px;
		padding-bottom: 0px;
		margin-bottom: 0px;
	}
	.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
		margin-left: 15px;
	}
	.navbar-brand>img {
		display: block;
		width: 90%;
	}
	.navbar-header spanBrand {
		/*display:none;*/
		font-size: 20px;
		font-weight: 400;
	}
	.welcome_to_iip h1
	{
		font-size:20px;font-weight:bold;
	}
	.welcome_to_iip h4
	{
		font-size:10px;margin-top:0px;margin-bottom: 20px;
	}
	heading{font-size:20px;font-weight:bold;}
	SubHeading{font-size:10px;margin-top:0px;margin-bottom: 20px;}
	
	.home-sec-2,.home-sec-3,.home-sec-4{padding-top:30px;padding-bottom:30px;}
	.container{width:auto;}
	
	.percent-20{padding:0px;width:19%;text-align:center;border-right:1px solid #c8c8c8;}
	.no-border-right{border-right:0px solid #c8c8c8;}
	.percent-20 h2,.percent-20 a{font-size:10px;}
	.percent-20 h2{height:24px;}
	.home-sec-2-icons{width:30px;height:30px;background-size:100% 100%;}
	
	.home-sec-4 .col-xs-2{width:100%;}
	.home-sec-4 h4{padding:10px;font-size:12px;margin-top:3px;margin-bottom:3px;}
	.home-sec-4 h4:hover{cursor:pointer;background: #3980bc;color:#fff;border:1px solid #3980bc;}
	
	.home-sec-5 .tab-menu{height:40px;}
	.home-sec-5 .col-xs-4{display:none}
	.home-sec-5 .col-xs-2{width:50%}
	.home-sec-5  .home-nav{font-size:16px;}
	
	.home-sec-6 .col-md-2{display:none;}
	
	.home-sec-7 .col-md-6{border:2px solid #ccc;padding:30px;padding-left:0px;padding-right:0px;width: 90%;margin-top:20px;}
	
	.home-sec-8 .container{background-image:none;background-color:#3980bc;padding-bottom:60px;padding-top:40px;}
	.home-sec-8 .col-md-3{font-size:16px;color:#fff;padding-top:6px;text-align:center;}
	.home-sec-8 .pull-right{float:left!important;}
	.home-sec-8 .form-inline .form-control {
		background: #40bdf7;
		border: 0px solid #40bdf7;
		border-radius: 0px;
		width: 135%;
		height: 45px;
		text-align: center;
		font-size: 18px;
		color: #fff;
		margin-top:30px;
	}
	.home-sec-8 .btn-default {
		color: #333;
		background-color: #373737;
		border-color: #373737;
		border-radius: 0px;
		color: #fff;
		height: 45px;
		border: 0px;
		width: 135%;
		margin: 0px;
		font-size: 18px;	
		margin-top: 1px;
	}
}