Font Awesome icon usage statistics

  • 4 types of Font Awesome iconic font are used and found 8 times in total.
  • SUNDERDEEP.AC.IN used 2.0 Font Awesome classes per each class in average.
  • Font Awesome usage statistics of SUNDERDEEP.AC.IN are based on first landing page and within top 1M websites only. Click the font icon to see all websites using it.
  • SUNDERDEEP.AC.IN includes "http://SUNDERDEEP.AC.IN/css/template.css" to use Font Awesome and information from CSS is like below.
  • @font-face {
     font-family:'GraublauWebRegular';
     src:url('../fontsAttached/graublauweb-webfont.eot');
     src:url('../fontsAttached/graublauweb-webfont.eot?#iefix') format('embedded-opentype'), url('../fontsAttached/graublauweb-webfont.woff') format('woff'), url('../fontsAttached/graublauweb-webfont.ttf') format('truetype'), url('../fontsAttached/graublauweb-webfont.svg#GraublauWebRegular') format('svg');
     font-weight:normal;
     font-style:normal;
    }
     @font-face {
     font-family:'GraublauWebBold';
     src:url('../fontsAttached/graublauwebbold-webfont.eot');
     src:url('../fontsAttached/graublauwebbold-webfont.eot?#iefix') format('embedded-opentype'), url('../fontsAttached/graublauwebbold-webfont.woff') format('woff'), url('../fontsAttached/graublauwebbold-webfont.ttf') format('truetype'), url('../fontsAttached/graublauwebbold-webfont.svg#GraublauWebBold') format('svg');
     font-weight:normal;
     font-style:normal;
    }
    html, body, h1, h2, h3, h4, h5, h6, table, tr, td, p, img, iframe, div, ul, ol, li {
    	margin:0px;
    	padding:0px
    }
    .animate {
    	-webkit-transition: all 250ms linear;
    	-moz-transition: all 250ms linear;
    	-o-transition: all 250ms linear;
    	transition: all 250ms linear;
    }
    p {
    	text-align:justify;
    	margin:4px 6px
    }
    a {
    	text-decoration:none;
    	-webkit-transition: all 250ms linear;
    	-moz-transition: all 250ms linear;
    	-o-transition: all 250ms linear;
    	transition: all 250ms linear;
    }
    ul {
    	list-style:none;
    }
    body {
    	color:#575757;
    	font:13px Arial, Helvetica, sans-serif;
    	background:url(../images/bg-topIn.jpg) top repeat-x #fff;
    }
    body.nobg {
    	background:none;
    }
    /* HEADER */
    #rhead {
    	float:left;
    	width:100%;
    }
    .header {
    	float: left;
    	width: 100%;
    }
    .headervisibile {
    	position:fixed;
    	width:1000px;
    	float:left;
    	z-index:99999;
    	top:0;
    }
    .headerblock {
    	float: left;
    	padding-bottom: 15px;
    	width: 100%;
    }
    .adminssionopenheader .btn-default {
    	background-color:#e7c319;
    	border-color:transparent;
    }
    .adminssionopenheader strong {
    	text-transform:uppercase;
    }
    .contactusheader .btn-default {
    	background-color:#e2e5da;
    	border-color:transparent;
    	text-transform:uppercase;
    	font-size:16px;
    }
    .socialheader span {
    	display:inline-block;
    	margin:3px 1px 0;
    }
    .socialheader span a {
    	width:30px;
    	height:30px;
    	display:table-cell;
    	text-align:center;
    	vertical-align:middle;
    	background-color:#e5e5e5;
    	color:#8a0a10;
    	font-size:18px;
    	-webkit-border-radius: 50%;
    	-moz-border-radius: 50%;
    	border-radius: 50%;
    }
    .socialheader span a:hover {
    	text-decoration:none;
    }
    .tollfree {
    	color: #fff;
    	float: right;
    	font-size: 14px;
    	text-transform: uppercase;
    	padding-right:5px;
    }
    .headerblock-internal .tollfree, .headerblock-internal .tollfree a {
    	color: #fff;
    }
    .headerblock-internal .sms {
    	color:#fffb01;
    }
    .tollfree a {
    	font-size:21px;
    	color:#fff;
    }
    .sms {
    	color: #fdfd01;
    	float: right;
    	font-size: 18px;
    	text-align: right;
    	text-transform: uppercase;
    	padding-right:5px;
    	padding-top:5px;
    	font-family: 'Source Sans Pro', sans-serif;
    	font-weight:600;
    }
    .desktop-menu .nav {
    	background: #fefefe; /* Old browsers */
    	background: -moz-linear-gradient(top, #fefefe 0%, #dcd9d9 100%); /* FF3.6+ */
    	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #dcd9d9)); /* Chrome,Safari4+ */
    	background: -webkit-linear-gradient(top, #fefefe 0%, #dcd9d9 100%); /* Chrome10+,Safari5.1+ */
    	background: -o-linear-gradient(top, #fefefe 0%, #dcd9d9 100%); /* Opera 11.10+ */
    	background: -ms-linear-gradient(top, #fefefe 0%, #dcd9d9 100%); /* IE10+ */
    	background: linear-gradient(to bottom, #fefefe 0%, #dcd9d9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#dcd9d9', GradientType=0 ); /* IE6-9 */
    	width:100%;
    }
    .nav > li > a {
    	padding:0 21px;
    	background: #fefefe; /* Old browsers */
    	background: -moz-linear-gradient(top, #fefefe 0%, #dcd9d9 100%); /* FF3.6+ */
    	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #dcd9d9)); /* Chrome,Safari4+ */
    	background: -webkit-linear-gradient(top, #fefefe 0%, #dcd9d9 100%); /* Chrome10+,Safari5.1+ */
    	background: -o-linear-gradient(top, #fefefe 0%, #dcd9d9 100%); /* Opera 11.10+ */
    	background: -ms-linear-gradient(top, #fefefe 0%, #dcd9d9 100%); /* IE10+ */
    	background: linear-gradient(to bottom, #fefefe 0%, #dcd9d9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#dcd9d9', GradientType=0 ); /* IE6-9 */
    	font-family:'GraublauWebRegular';
    	font-size:14px;
    	text-transform:uppercase;
    	color:#780006;
    	margin-left:0;
    	margin-right:0;
    	height:50px;
    	display:table-cell;
    	vertical-align:middle;
    }
    .nav > li:first-child > a, .nav > li:last-child > a {
    	padding:0 23px 0 23px;
    }
    .nav > li > a img {
    	margin-right:9px;
    }
    .dropdown-menu ul {
    }
    .mobile-menu {
    	float:left;
    	width:100%;
    	position:relative;
    	z-index:99999;
    	top:0;
    }
    .mobile-menu .panel {
    	background-color:transparent;
    	border-color:transparent;
    }
    .mobile-menu .panel-body {
    	padding:0;
    }
    .mobile-menu .panel-default > .panel-heading {
    	background-color:transparent;
    	border-color:transparent;
    }
    .mobile-menu .panel-heading {
    	padding:0;
    }
    .mobile-menu .panel-group .panel + .panel {
    	margin-top:0;
    }
    .mobile-menu .panel-title a.collapsed:after {
    	display:block;
    	content:'+';
    	float:right;
    	font-weight:bold;
    	font-size:18px;
    }
    .mobile-menu .panel-title a[aria-expanded="true"]:after {
    	content:'-';
    	float:right;
    	display:block;
    	font-weight:bold;
    	font-size:18px;
    }
    #mainwrapper {
    }
    .wrap {
    	width:1000px;
    	margin:auto;
    	clear:both;
    }
    .contactDD {
    	position:absolute;
    	display:none;
    	background:#e3e3e3;
    	width:167px;
    	margin:28px 0 0 -95px;
    	-moz-border-radius:3px 0 3px 3px;
    	-webkit-border-radius:3px 0 3px 3px;
    	border-radius:3px 0 3px 3px;
    	z-index:999999;
    }
    .contactDD a.dd {
    	float:left;
    	clear:both;
    	padding:2px 10px;
    	margin:1px 1px;
    	color:#000;
    	width:145px;
    	text-align:left;
    }
    .contactDD a.dd:hover {
    	background:#d8d6d6;
    }
    .subddarrow {
    	background:url(../images/bullet-over.png) 180px 8px no-repeat;
    }
    #internal-header {
    	float:left;
    	width:100%;
    	position:relative;
    	z-index:99;
    }
    #internal-header > .container {
    	background-color:#FFFFFF;
    	padding-top:15px;
    	padding-bottom:10px;
    	width:1000px;
    }
    #internal-header #hd1 {
    	width:550px;
    	height:60px;
    	float:left;
    }
    #internal-header #hd1 h3 {
    	font:20px/60px Arial, Helvetica, sans-serif;
    	color:#333333;
    	background:url(../images/header-bul.jpg) 10px 25px no-repeat;
    	text-align:left;
    	padding:0 0 0 30px;
    	margin:0;
    }
    #internal-header h3 {
    	font-family:'GraublauWebRegular';
    	margin:0;
    	color:#780006;
    	text-align:left;
    	font-size:19px;
    	font-weight:normal;
    }
    #header-flash {
    	float:left;
    	width:745px;
    	height:240px;
    	margin:13px 0 0 10px;
    	padding:0px;
    	z-index:-1;
    	background:#000;
    }
    #header-flash img {
    	margin:0px;
    	padding:0px;
    	display:block;
    }
    #bcrumb.pg {
    	float:left;
    	height:20px;
    	width:500px;
    	font:12px/20px Arial, Helvetica, sans-serif;
    	color:#000;
    	text-align:left;
    	padding:0 5px 0 20px;
    	margin:0 0 0 0;
    }
    #bcrumb .pg a {
    	height:15px;
    	font:12px/15px Arial, Helvetica, sans-serif;
    	color:#000;
    	text-align:left;
    	padding:0 0 0 0px;
    	margin:0 0 0 0;
    	text-decoration:none;
    }
    #bcrumb .pg a:hover {
    	color:#000;
    	text-decoration:underline;
    }
    #bcrumb {
    	color:#000;
    	text-align:left;
    	margin:15px 10px 20px;
    	border-bottom:solid 1px #780006;
    	padding-bottom:5px;
    }
    #bcrumb a {
    	height:15px;
    	font:12px/15px Arial, Helvetica, sans-serif;
    	color:#000;
    	text-align:left;
    	padding:0;
    	margin:0;
    	text-decoration:none;
    }
    #bcrumb a:hover {
    	color:#000;
    	text-decoration:underline;
    }
    #top-contact-info {
    	float:left;
    	width:223px;
    	height:249px;
    	margin:0px;
    	padding:0px;
    	background:#fff;
    }
    #top-contact-info h2 {
    	font:12px/15px Arial, Helvetica, sans-serif;
    	text-align:center;
    	font-weight:normal;
    	color:#FFFFFF;
    	margin:0px;
    	padding:10px 0 0 0;
    	height:25px;
    }
    #top-contact-info .blk-txt {
    	font:12px/12px Arial, Helvetica, sans-serif;
    	text-align:left;
    	font-weight:normal;
    	color:#000;
    	margin:0px;
    	padding:5px;
    	font-weight:normal;
    }
    #top-contact-info .blk-txt a {
    	font:12px/12px Arial, Helvetica, sans-serif;
    	text-align:left;
    	font-weight:normal;
    	color:#0066CC;
    	margin:0px;
    	padding:0px;
    	font-weight:bold;
    }
    #content {
    	padding:40px 5px 30px;
    	margin-top:-44px;
    	width:1000px;
    	float:left;
    	position:relative;
    	left:50%;
    	margin-left:-500px;
    	background:#fff;
    	-moz-box-shadow:0 0 3px 3px #b8b8b8;
    	-webkit-box-shadow:0 0 3px 3px #b8b8b8;
    	box-shadow:0 0 3px 3px #b8b8b8;
    	-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=120, Color='#b8b8b8')";
     filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=120 Color='#b8b8b8');
    }
    #contentIndexout {
    	float:left;
    	margin-top:-20px;
    	margin-bottom:20px;
    	padding:20px 0 0;
    	width:990px;
    	background:#fff;
    	-moz-box-shadow:0 0 3px 3px #E6E5E5;
    	-webkit-box-shadow:0 0 3px 3px #E6E5E5;
    	box-shadow:0 0 3px 3px #E6E5E5;
    	-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=120, Color='#b8b8b8')";
     filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=120 Color='#b8b8b8');
    }
    .leftNavImg {
    	text-align:center;
    }
    #left-col h2 {
    	background:url(../images/bg-LHS-title.png) left bottom no-repeat;
    	color:#fefefe;
    	font-size:12px;
    	text-transform:uppercase;
    	height:32px;
    	width:156px;
    	margin:0 0 0 10px;
    	padding:9px 0 0;
    	text-align:center;
    	height:40px;
    }
     @media all and (min-width:0) {
     #left-col h2 {
     font-size:10px;
    }
    }
    #left-menu {
    	float:left;
    	width:156px;
    	margin:0 0 10px 15px;
    	padding:0px 0 0px 0;
    	background:#fff;
    }
    #left-menu ul {
    	margin:0px 0 0 0;
    	padding:0px;
    }
    #left-menu ul li {
    	background:#fff;
    	margin:5px 0;
    	padding:0;
    	list-style:none;
    	line-height:14px;
    }
    #left-menu ul li a {
    	margin:0px;
    	padding:0 0 0 10px;
    	color:#575757;
    	font-weight:normal;
    	text-align:left;
    	text-decoration:none;
    	display:block;
    	background:url('../images/bullet-menu.jpg') 0 5px no-repeat;
    	font-size:12px;
    	text-decoration:underline
    }
    #left-menu ul li a:hover {
    	color:#990000;
    	text-decoration:none;
    }
    #inst-menu {
    	float:left;
    	width:193px;
    	margin:0px 0 20px 0;
    	padding:0px 0 0px 0;
    	background:#fff;
    }
    #inst-menu ul {
    	margin:0px;
    	padding:0px;
    }
    #inst-menu ul li {
    	background:#fff;
    	margin:0 0 5px 0;
    	padding:0px;
    	list-style:none;
    }
    #inst-menu ul li a {
    	margin:0px;
    	padding:0 0 0 20px;
    	font:bold 12px/23px Arial, Helvetica, sans-serif;
    	color:#575757;
    	font-weight:bold;
    	text-align:left;
    	text-decoration:none;
    	width:162px;
    	border-bottom:1px dotted #CCCCCC;
    	display:block;
    	background:url('../images/bullet-menu.jpg') 2px 6px no-repeat;
    }
    #inst-menu ul li a:hover {
    	color:#990000;
    	text-decoration:none;
    }
    #latest-update {
    	float:left;
    	width:193px;
    	height:230px;
    	margin:0px 0 0 0;
    	padding:0px 0 0px 0;
    	background:#990000;
    }
    #latest-update p {
    	margin:10px 0 0 0;
    	padding:0 5px 10px 5px;
    	font:12px/14px Arial, Helvetica, sans-serif;
    	color:#FFF;
    	font-weight:normal;
    	text-align:justify;
    	text-decoration:none;
    }
    #latest-update p a {
    	margin:0;
    	padding:0;
    	color:#FFF;
    	font-weight:normal;
    	text-decoration:underline;
    }
    #main-body {
    	float:left;
    	width:598px;
    	padding:0px;
    	margin:0 5px;
    }
    .rightInnerMainbox {
    	width:580px;
    	margin:0 0 20px 0;
    	font-size:12px;
    	float:left;
    }
    #main-body img {
    	float:left;
    	margin:5px 15px 15px 0;
    	padding:0;
    	display:block;
    	border:none;
    	border:solid 3px #fff;
    	-moz-box-shadow:0 0 3px 3px #cbcaca;
    	-webkit-box-shadow:0 0 3px 3px #cbcaca;
    	box-shadow:0 0 3px 3px #cbcaca;
    	-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=120, Color='#cbcaca')";
     filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=120 Color='#cbcaca');
    }
    #main-body img.noshedow {
    	-moz-box-shadow:none;
    	-webkit-box-shadow:none;
    	box-shadow:none;
    	border:none;
    	-ms-filter:"progid:DXImageTransform.Microsoft.Shadows(Strength=-1, Direction=90, Color='#cbcaca')";
     filter:progid:DXImageTransform.Microsoft.Shadows(Strength=-1, Direction=90 Color='#cbcaca');
    }
    .flashBannerindex {
    	height:290px;
    }
    .indexMainBanner {
    	width:756px;
    	height:267px;
    	margin:0 0 10px 6px;
    	border:solid 4px #fff;
    	-moz-box-shadow:0 0 3px 3px #cbcaca;
    	-webkit-box-shadow:0 0 3px 3px #cbcaca;
    	box-shadow:0 0 3px 3px #cbcaca;
    	-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=180, Color='#cbcaca')";
     filter:progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=180, Color='#cbcaca');
    }
    #main-body img.rimg {
    	float:right;
    	margin:10px 0 15px 15px;
    	padding:0;
    	display:block;
    	border:none;
    	border:solid 3px #fff;
    	-moz-box-shadow:0 0 3px 3px #cbcaca;
    	-webkit-box-shadow:0 0 3px 3px #cbcaca;
    	box-shadow:0 0 3px 3px #cbcaca;
    	-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=180, Color='#cbcaca')";
     filter:progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=180, Color='#cbcaca');
    }
    #main-body img.rimg01 {
    	float:right;
    	margin:50px 0 15px 15px;
    	padding:0;
    	display:block;
    	border:none;
    	border:solid 3px #fff;
    	-moz-box-shadow:0 0 3px 3px #cbcaca;
    	-webkit-box-shadow:0 0 3px 3px #cbcaca;
    	box-shadow:0 0 3px 3px #cbcaca;
    	-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=180, Color='#cbcaca')";
     filter:progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=180, Color='#cbcaca');
    }
    #main-body img.rimg02 {
    	float:right;
    	margin:5px 0 15px 15px;
    	padding:0;
    	display:block;
    	border:none;
    	border:solid 3px #fff;
    	-moz-box-shadow:0 0 3px 3px #cbcaca;
    	-webkit-box-shadow:0 0 3px 3px #cbcaca;
    	box-shadow:0 0 3px 3px #cbcaca;
    	-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=180, Color='#cbcaca')";
     filter:progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=180, Color='#cbcaca');
    }
    #main-body img.himg {
    	margin:0;
    	padding:0;
    }
    #main-body h1 {
    	background:url(../images/bg-title.jpg) left top repeat-x;
    	margin:0px 0 10px 0;
    	padding:2px 0 0 10px;
    	font:13px/23px Arial, Helvetica, sans-serif;
    	font-weight:bold;
    	text-align:left;
    	color:#820000;
    	height:29px;
    }
    #main-body h1 span {
    	font:13px/23px Arial, Helvetica, sans-serif;
    	font-weight:bold;
    	text-align:left;
    	color:#737373 !important;
    	height:auto;
    }
    #main-body h1.pgallery {
    	background:url(../images/pgallery.jpg) left bottom no-repeat;
    	margin:0px 0 10px 0;
    	padding:0 0 5px 15px;
    	font:12px/23px Arial, Helvetica, sans-serif;
    	font-weight:bold;
    	text-align:left;
    	color:#820000;
    }
    #main-body h2 {
    	padding:3px 0;
    	font:12px/23px Arial, Helvetica, sans-serif;
    	font-weight:bold;
    	text-align:left;
    	color:#820000;
    }
    #main-body h2.blk-title {
    	margin:0;
    	padding:3px 0 3px 5px;
    	font:15px/23px Arial, Helvetica, sans-serif;
    	font-weight:bold;
    	text-align:left;
    	color:#000;
    	border-bottom:1px solid #FCCF02;
    	width:530px;
    }
    #main-body ul li {
    	margin:5px 0;
    }
    #main-body h3 {
    	padding:3px 0;
    	font:12px/18px Arial, Helvetica, sans-serif;
    	font-weight:normal;
    	text-align:justify;
    	color:#595959;
    	line-height:18px;
    }
    #main-body h3 a {
    	margin:0px 0 0px 0;
    	padding:0;
    	font:12px/18px Arial, Helvetica, sans-serif;
    	font-weight:bold;
    	color:#595959;
    	text-decoration:none;
    }
    #main-body h3 a:hover {
    	color:#000;
    }
    #main-body h4 {
    	margin:0px 0 0px 0;
    	padding:3px 5px 3px 5px;
    	font:12px/18px Arial, Helvetica, sans-serif;
    	font-weight:normal;
    	text-align:justify;
    	color:#595959;
    }
    #main-body h4 a {
    	font:12px/18px Arial, Helvetica, sans-serif;
    	font-weight:bold;
    	color:#595959;
    	text-decoration:none;
    }
    #main-body h4 a:hover {
    	color:#000;
    }
    #main-body h5 {
    	padding:3px 0;
    	font:12px/18px Arial, Helvetica, sans-serif;
    	font-weight:normal;
    	text-align:justify;
    	color:#595959;
    }
    #main-body h5 a {
    	margin:0px 0 0px 0;
    	padding:0;
    	font:12px/18px Arial, Helvetica, sans-serif;
    	font-weight:bold;
    	color:#595959;
    	text-decoration:none;
    }
    #main-body h5 a:hover {
    	color:#000;
    }
    #main-body p {
    	margin:0px 0 0px 0;
    	padding:3px 5px 3px 5px;
    	font:12px/18px Arial, Helvetica, sans-serif;
    	font-weight:normal;
    	text-align:left;
    	color:#595959;
    	text-decoration:none;
    	line-height:18px;
    	text-align:justify;
    }
    #main-body p a {
    	font:12px/18px Arial, Helvetica, sans-serif;
    	font-weight:bold;
    	color:#595959;
    	text-decoration:none;
    }
    #main-body p a:hover {
    	color:#000;
    }
    #main-body ol {
    	margin:0px 0 0 0;
    	padding:5px 0 15px 0;
    }
    #main-body ol li {
    	margin:0 0 5px 20px;
    	padding:0px;
    	font:12px/15px Arial, Helvetica, sans-serif;
    	color:#595959;
    	font-weight:normal;
    	text-align:justify;
    	text-decoration:none;
    }
    #main-body table.thm td {
    	border:none;
    	padding:0 5px;
    	margin:0px;
    }
    #main-body td.thm {
    	margin:0 0 5px 5px;
    	padding:0px 5px 0 5px;
    	font:12px/15px Arial, Helvetica, sans-serif;
    	color:#595959;
    	font-weight:normal;
    	text-align:justify;
    	text-decoration:none;
    	border:1px solid #f5f5f5;
    }
    #main-body td.nbrd {
    	border-collapse:collapse;
    	border:none;
    }
    #main-body td.nbrd img {
    	border:#a6a5a6 solid 2px;
    	padding:2px;
    }
    #main-body td {
    	margin:0 0 5px 20px;
    	padding:5px 5px 5px 10px;
    	font:12px/15px Arial, Helvetica, sans-serif;
    	color:#595959;
    	font-weight:normal;
    	text-align:left;
    	text-decoration:none;
    }
    #main-body td a {
    	font:12px/15px Arial, Helvetica, sans-serif;
    	color:#5c0409;
    	font-weight:normal;
    	text-decoration:none;
    }
    #main-body td a:hover {
    	font:12px/15px Arial, Helvetica, sans-serif;
    	color:#000;
    	font-weight:normal;
    	text-decoration:none;
    }
    #main-body td.head {
    	font:bold 12px/14px Arial, Helvetica, sans-serif;
    	color:#000;
    	text-align:left;
    	border:none;
    	margin:0;
    	padding:0;
    }
    #main-body th {
    	font:bold 12px/14px Arial, Helvetica, sans-serif;
    	color:#000;
    	text-align:left;
    	border:none;
    	margin:0;
    	padding:0;
    }
    #main-body td.home {
    	margin:0 0 0px 0px;
    	padding:0px 0px 0 0px;
    	border:none;
    }
    a.blink {
    	font:bold 12px Arial, Helvetica, sans-serif;
    	color:#666666;
    	text-decoration:none;
    }
    a.blink:hover {
    	color:#990000;
    }
    #right-col {
    	float:right;
    	width:180px;
    	padding:0px 0px 0 0;
    	margin:0px 10px !important;
    	margin:0px 10px;
    }
    #left-col {
    	float:left;
    	width:180px;
    	margin:0px 0 !important;
    	margin:0px 0 0 3px;
    	padding:0px;
    }
    #right-menu {
    	float:left;
    	width:180px;
    	padding:0;
    	margin:0 0 0 5px;
    	background:#fff;
    }
    #right-menu ul {
    	margin:0;
    	padding:0;
    }
    #right-menu ul li {
    	background:#fff;
    	margin:5px 0;
    	padding:0;
    	list-style:none;
    	line-height:14px;
    }
    i #right-menu ul li a {
    	margin:0px;
    	padding:0 0 0 10px;
    	font:12px/23px Arial, Helvetica, sans-serif;
    	color:#575757;
    	font-weight:normal;
    	text-align:left;
    	text-decoration:underline;
    	display:block;
    	background:url('../images/bullet-menu.jpg') 0 5px no-repeat;
    	line-height:14px;
    }
    #right-menu ul li a:hover {
    	color:#990000;
    	text-decoration:none;
    }
    #rank-banner {
    	float:left;
    	height:256px;
    	width:184px;
    	margin:0;
    	padding:0;
    }
    #rank-banner1 {
    	float:left;
    	height:150px;
    	width:184px;
    	margin:0;
    	padding:0;
    }
    #rank-banner2 {
    	float:left;
    	height:150px;
    	width:184px;
    	margin:20px 0 0 0;
    	padding:0;
    }
    .footerUpbtn {
    	position:absolute;
    	margin:-35px 0 0 950px;
    }
    #phohotgallerydrop {
    	float:right;
    	height:20px;
    	width:300px;
    	text-align:left;
    	padding:0;
    	margin:0 0 0 0;
    }
    select.style01 {
    	width:170px;
    	height:20px;
    	margin:0px 5px 0 5px;
    	padding:0px 0 0 0;
    	border:1px solid #A5A5A5;
    	backgorund-color:#D0D0D0;
    	font:12px/20px Arial, Helvetica, sans-serif;
    	color:#CC0000;
    }
    select.style01 option {
    	margin:0px 5px 0 5px;
    	padding:0;
    	height:20px;
    	border-bottom:1px solid #dadada;
    	font:12px/18px Arial, Helvetica, sans-serif;
    	color:#CC0000;
    }
    .pgallerytitle {
    	margin:0 0 0 0;
    	padding:0 0 0 0;
    	font:12px/18px Arial, Helvetica, sans-serif;
    	font-weight:bold;
    	text-align:left;
    	color:#820000;
    }
    .black_overlay {
    	background-color:#000000;
    	display:none;
    	height:760px;
    	left:0;
    	opacity:0.8;
    	position:absolute;
    	top:0;
    	width:100%;
    	z-index:1001;
    }
    .white_content {
    	display:none;
    	position:absolute;
    	margin-left:-218px;
    	top:10%;
    	left:50%;
    	width:436;
    	height:400px;
    	padding:16px 16px 15px 10px;
    	border:1px solid #666666;
    	background-color:white;
    	z-index:1002;
    	overflow:auto;
    }
    .admission_form {
    	margin:15px 5px 15px 0px;
    	background:#fff;
    	box-shadow:0 0 15px #cacaca;
    	padding:10px;
    	height:270px;
    	border:#babab9 solid 1px;
    }
    .admission_form label {
    	color:#666666;
    	float:left;
    	font-family:Arial, Helvetica, sans-serif;
    	font-size:14px;
    	margin-right:10px;
    	padding-top:5px;
    	width:140px;
    }
    .admission_form .input {
    	background:url(../images/input-bg.png)no-repeat scroll 0 0 transparent;
    	border:medium none;
    	box-shadow:0 0 5px #E2DFE0;
    	color:#999797;
    	float:left;
    	font-family:Arial, Helvetica, sans-serif;
    	font-size:14px;
    	height:29px;
    	margin:0 0 12px;
    	padding:3px 0 0 11px;
    	width:373px;
    }
    .admission_formReg {
    	margin:15px 5px 15px 0px;
    	background:#fff;
    	box-shadow:0 0 15px #cacaca;
    	padding:10px;
    	height:540px;
    	border:#babab9 solid 1px;
    }
    .admission_formReg label {
    	color:#666666;
    	float:left;
    	font-family:Arial, Helvetica, sans-serif;
    	font-size:14px;
    	margin-right:10px;
    	padding-top:5px;
    	width:140px;
    }
    .admission_formReg .input {
    	background:url(../images/input-bg.png)no-repeat scroll 0 0 transparent;
    	border:medium none;
    	box-shadow:0 0 5px #E2DFE0;
    	color:#999797;
    	float:left;
    	font-family:Arial, Helvetica, sans-serif;
    	font-size:14px;
    	height:29px;
    	margin:0 0 12px;
    	padding:3px 0 0 11px;
    	width:373px;
    }
    .admission_form select {
    	margin:0 0 10px 0px;
    	padding:5px;
    	background:url(../images/input-bg.png) no-repeat 0 0;
    	height:32px;
    	width:370px;
    	font-size:14px;
    	font-family:Arial, Helvetica, sans-serif;
    	color:#999797;
    	border:#e2dfe0 solid 1px;
    	float:left;
    	box-shadow:0 0 5px #e2dfe0;
    }
    .admission_form select option {
    	color:#999797;
    	border-bottom:#d6d6d6 solid 1px;
    	padding:5px;
    	box-shadow:0 0 5px #e2dfe0;
    }
    .admission_form input {
    	margin:5px 10px;
    }
    .admission_form select {
    	margin:5px 10px;
    }
    .admission_form01 {
    	background:#fff;
    	height:270px;
    }
    .admission_form01 label {
    	color:#666666;
    	float:left;
    	font-family:Arial, Helvetica, sans-serif;
    	font-size:14px;
    	margin-right:10px;
    	padding-top:5px;
    	width:140px;
    }
    .admission_form01 .input {
    	background:url(../images/input-bg01.png)no-repeat scroll 0 0 transparent;
    	border:medium none;
    	box-shadow:0 0 5px #E2DFE0;
    	color:#999797;
    	float:left;
    	font-family:Arial, Helvetica, sans-serif;
    	font-size:14px;
    	height:26px;
    	margin:0 0 12px;
    	padding:3px 0 0 11px;
    	width:205px;
    }
    .admission_form01 select {
    	margin:0 0 10px 0px;
    	padding:5px;
    	background:url(../images/input-bg01.png) no-repeat 0 0;
    	height:30px;
    	width:195px !important;
    	font-size:12px;
    	font-family:Arial, Helvetica, sans-serif;
    	color:#999797;
    	float:left;
    	box-shadow:0 0 5px #e2dfe0;
    	margin-left:1px !important;
    }
    .admission_form01 select option {
    	color:#999797;
    	border-bottom:#d6d6d6 solid 1px;
    	padding:5px;
    	box-shadow:0 0 5px #e2dfe0;
    }
    .admission_form01 input {
    	margin:5px 10px;
    }
    .admission_form01 select {
    	margin:5px 10px;
    }
    .slide-out-div {
    	margin:15px 0 15px;
    	background:#fff;
    	box-shadow:0 0 25px #bbbaba;
    	padding:10px;
    	border:#dca601 solid 1px;
    	width:390px;
    	position:fixed;
    	z-index:999;
    	height:280px !important;
    }
    .admission_form_side {
    	margin:0px;
    	padding:0px;
    }
    .admission_form_side .input {
    	border:solid 1px #bcbcbc;
    	width:191px;
    	color:#800404;
    	font-size:12px;
    	padding:2px;
    }
    .admission_form_side select {
    	border:solid 1px #bcbcbc;
    	width:191px;
    	color:#800404;
    	font-size:12px;
    	padding:2px;
    }
    .admission_form_side input {
    	margin:5px 10px;
    }
    .admission_form_side select {
    	margin:5px 10px;
    }
    .admission_form_side input[type="submit"] {
    	background-color: #ffd117;
    	border:solid 1px #ffd117;
    	color: #000;
    	padding:5px 10px;
    }
    .gallery {
    	float:left;
    	width:100%;
    	background:url(../images/bg-gallery2.png) repeat-x;
    	border-top:dotted 2px #787878;
    	padding:0;
    }
    .gallery .title h2 {
    	margin:0 0 0 12px;
    }
    .gallery .thumbs {
    	float:left;
    }
    #main-body .gallery .thumbs img {
    	margin:15px;
    }
    .slider {
    	float:left;
    	width:100%;
    	background:url(../images/bg-gallery.png) repeat-x;
    	border-top:dotted 2px #787878;
    	padding:0
    }
    .slider #content {
    	width:580px;
    }
    .rightBox {
    	width:180px;
    	float:right;
    }
    .rightBox .title {
    	background:url(../images/bg-right_nav.png) -1px 0;
    	height:68px
    }
    .rightBox .title2 {
    	background:url(../images/bg-RHS-nav.png) -1px 0;
    	height:38px
    }
    .rightBox .title h2 {
    	color:#fff;
    	font-size:12px;
    	text-transform:uppercase;
    	margin:10px auto;
    	float:left;
    	width:100%;
    	text-align:center;
    }
     @media all and (min-width:0) {
     .rightBox .title h2 {
     font-size:10px;
    }
    }
    .rightBox .title2 h2 {
    	color:#fff;
    	font-size:12px;
    	margin:8px auto;
    	float:left;
    	width:100%;
    	text-align:center;
    	text-transform:uppercase;
    }
     @media all and (min-width:0) {
     .rightBox .title2 h2 {
     font-size:10px;
    }
    }
    .rightBox li {
    	background:url(../images/border1.jpg) bottom repeat-x;
    	padding:10px 15px;
    	text-align:left;
    	color:#575757;
    	line-height:15px;
    }
    ul.fwn li {
    	font-weight:normal;
    }
    .rightLink li {
    	margin:0 0 0 6px;
    	padding:0;
    	background:none;
    	float:left;
    }
    .rightLink li a {
    	float:left;
    	background:url(../images/bullet.png) 0 5px no-repeat;
    	color:#575757;
    	font-size:12px;
    	text-decoration:underline;
    	margin:2px 0;
    	padding:0 0 0 10px;
    }
    .rightBoxInner {
    	background:#eeeeee;
    }
    .socalicon {
    	float:left;
    	margin:0 0 0 35px
    }
    .socalicons {
    	float:left;
    	margin:5px;
    }
    .fb {
    	width:31px;
    	height:31px;
    	overflow:hidden;
    }
    .tw {
    	width:31px;
    	height:31px;
    	overflow:hidden;
    }
    .tw img {
    	margin-left:-42px;
    }
    .yt {
    	width:31px;
    	height:31px;
    	overflow:hidden;
    }
    .yt img {
    	margin-left:-81px;
    }
    ul.ul {
    	margin:10px 20px 0 20px;
    }
    ul.ul li {
    	margin:10px 5px 5px 10px;
    	padding:0 0 0 10px;
    	list-style:circle;
    	font-size:12px;
    	line-height:18px;
    }
    ul.ul li ul {
    	margin:0 0 0 20px;
    }
    ul.ul li ul li {
    	margin:5px;
    }
    .contentInfoaddress {
    	padding:10px 10px;
    }
    .titletabber {
    	text-align:left;
    }
    .contentInfoaddress .address {
    	text-align:left;
    	padding:0 0 10px 0
    }
    .contentInfoaddress .ci {
    	padding:5px 0 5px 20px;
    	margin:4px 0
    }
    .downloadPdf .dpdf {
    	float:left;
    	clear:both;
    	background:url(../images/pdf_icon_16.gif) 0 4px no-repeat;
    	padding:3px 0 3px 20px;
    	margin:2px 0;
    }
    .contentInfoaddress a {
    	font-size:10px;
    	color:#575757;
    }
    .contentInfoaddress a:hover {
    	color:#990000;
    }
    .bordertop {
    	border-top:solid 1px #e5e5e5;
    }
    .mleft {
    	margin-left:5px;
    }
    .bgcolortd {
    	background:#e5e5e5;
    }
    .bgcoloryellow {
    	background:#eee6cb;
    }
    .tdpadding tr td {
    	height:25px;
    }
    #main-body ol.ol {
    	margin:0 20px;
    }
    #main-body table.table {
    	border:solid 1px #e5e5e5;
    }
    #main-body table.table td {
    	border:solid 1px #e5e5e5;
    }
    #main-body .tabblepaddingnone td {
    	padding:0px;
    	margin:0px;
    }
    .photogallery {
    	float:left;
    	width:100%;
    	margin:20px 0 0 0;
    }
    .photogallery .pgbox {
    	float:left;
    	margin:2px 15px;
    	height:160px;
    }
    .photogallery .caption {
    	text-align:center;
    	float:left;
    	clear:both;
    	margin-top:5px;
    	width:100%;
    }
    .photogallery a {
    	color:#575757;
    	font-weight:bold;
    }
    .photogallery a:hover {
    	color:#990000;
    }
    .photoalbum {
    	background:url(../images/photoalbum.jpg) no-repeat;
    	float:left;
    	padding:1px;
    	margin:0 0 0 -1px
    }
    #main-body .photogallery .pgbox img {
    	margin:0px;
    	padding:0px;
    	-moz-box-shadow:none;
    	-webkit-box-shadow:none;
    	box-shadow:none;
    }
    #main-body .tablephotogallery tr td img {
    	margin:0px;
    	padding:0px;
    	-moz-box-shadow:none;
    	-webkit-box-shadow:none;
    	box-shadow:none;
    }
    #main-body td.nbrd img {
    	-moz-box-shadow:none;
    	-webkit-box-shadow:none;
    	box-shadow:none;
    }
    .colorred {
    	color:#820000;
    }
    .graphic, #prevBtn, #nextBtn {
    	margin:0;
    	padding:0;
    	display:block;
    	overflow:hidden;
    	text-indent:-8000px;
    }
    #slider {
    	margin-left:15px;
    }
    #slider ul, #slider li {
    	margin:0;
    	padding:0;
    	list-style:none;
    }
    #slider li {
    	width:545px;
    	height:241px;
    	overflow:hidden;
    }
    #prevBtn, #nextBtn {
    	display:block;
    	width:8px;
    	height:14px;
    	position:absolute;
    	left:4px;
    	top:105px;
    }
    #nextBtn {
    	left:565px;
    }
    #prevBtn a, #nextBtn a {
    	display:block;
    	width:8px;
    	height:14px;
    	background:url(../images/sliderright.jpg) no-repeat 0 0;
    }
    #nextBtn a {
    	background:url(../images/sliderleft.jpg) no-repeat 0 0;
    }
    <!--
    Table css--> .table_admission {
    	width:585px;
    	height:auto;
    	font-size:12px !important;
    }
    .table_admission .row {
    	background:none repeat scroll 0 0 #780006;
    	color:#fff;
    	font-size:13px;
    	font-weight:bold;
    	height:auto;
    	line-height:16px;
    	padding:5px;
    	width:591px;
    }
    .table_admission .lghtblue {
    	width:575px;
    	height:auto;
    	padding:2px;
    	background:#E5E5E5;
    	color:#000;
    	font-size:13px;
    	font-weight:bold;
    	line-height:16px;
    }
    .table_admission .row span {
    	color:#fff;
    	font-size:12px;
    	font-weight:bold;
    }
    .table_admission .border {
    	background:none repeat scroll 0 0 #FFFFFF;
    	color:#000000;
    	font-size:13px;
    	font-weight:normal;
    	height:auto;
    	padding:3px;
    	width:575px;
    }
    .grayclr {
    	background:none repeat scroll 0 0 #E5E5E5 !important;
    	font-weight:bold !important;
    	padding:5px;
    	width:591px;
    }
    .table_admission .border .firstColumne {
    	width:285px;
    	height:auto;
    	float:left;
    	background:url(../images/navigation_icon.png) no-repeat left;
    	padding-left:10px;
    	font-size:12px !important;
    	line-height:16px !important;
    }
    .table_admission .border .firstColumneSingle {
    	width:100%;
    	height:auto;
    	float:left;
    	background:url(../images/navigation_icon.png) no-repeat left;
    	padding-left:10px;
    	font-size:12px !important;
    	line-height:16px !important;
    }
    .table_admission .border .secondColumne {
    	width:265px;
    	height:auto;
    	float:right;
    	background:url(../images/navigation_icon.png) no-repeat left;
    	padding-left:10px;
    	font-size:12px !important;
    	line-height:16px !important;
    }
    .clear {
    	clear:both;
    }
    .blank20 {
    	height:35px;
    }
    .career01 {
    	font-family:Arial, Helvetica, sans-serif;
    	size:15px !important;
    	color:#fff;
    	text-decoration:none;
    }
    .career01 a {
    	font-family:Arial, Helvetica, sans-serif;
    	size:13px;
    	color:#fff;
    	text-decoration:none;
    }
    .career01 a:hover {
    	color:#fff;
    	text-decoration:underline;
    }
    .headingAchievements {
    	margin:0px 0 10px 0;
    	padding:2px 0 0 10px;
    	font:13px/23px Arial, Helvetica, sans-serif;
    	font-weight:bold;
    	text-align:left;
    	color:#820000;
    	height:29px;
    }
    #main-body nav {
    	float:left;
    	width:100%;
    	margin:0px 0 0;
    	padding-bottom:30px;
    }
    #main-body nav ul li a {
    	float:left;
    	clear:both;
    	color:#626262;
    	text-decoration:none;
    	font-size:12px;
    	font-weight:normal;
    	padding:2px 12px 4px 12px;
    	border-bottom:solid 1px #d8d8d8;
    	width:237px;
    	font-family:Arial, Helvetica, sans-serif;
    	background:url("../images/bullet-menu.jpg") no-repeat scroll 0 5px transparent;
    }
    #main-body nav ul li a:hover {
    	background:#ededed;
    	color:#0071B7;
    }
    #main-body nav ul li a.selected {
    	background:#ededed;
    	color:#0071B7;
    }
    #main-body nav ul li ul li a {
    	font-size:12px;
    	font-weight:normal;
    	padding:4px 5px 4px 22px;
    	width:220px;
    	color:#8e8d8d;
    }
    .navigationLeft {
    	width:270px;
    	float:left;
    }
    .navigationRight {
    	width:270px;
    	float:right;
    }
    #main-body img.allnimg {
    	float:right;
    	margin-left:15px;
    	display:block;
    	border:none;
    	border:solid 3px #fff;
    	-moz-box-shadow:0 0 3px 3px #cbcaca;
    	-webkit-box-shadow:0 0 3px 3px #cbcaca;
    	box-shadow:0 0 3px 3px #cbcaca;
    	-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=180, Color='#cbcaca')";
     filter:progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=180, Color='#cbcaca');
    }
    .facultyimg {
    	width:130px !important;
    	height:auto !important;
    	margin:0 !important;
    	padding:0 !important;
    }
    .faculty_name {
    	font-size:12px;
    	font-weight:bold;
    	margin-left:-30px;
    	margin-top:-20px;
    	text-align:center;
    }
    #main-bodyNew {
    	float:left;
    	width:795px;
    	padding:0px;
    	margin:0 5px;
    }
    #main-bodyNew .contactBg {
    	background:url(../images/contactBg.jpg) no-repeat;
    	width:796px;
    	height:597px;
    	padding:40px;
    	
    }
    #main-bodyNew .contactBg .contactLeft {
    	width:270px;
    	height:auto;
    	float:left;
    	color:#525252;
    	font-family:Arial, Helvetica, sans-serif;
    	font-size:12px;
    }
    #main-bodyNew .contactBg .contactRight {
    	width:315px;
    	height:auto;
    	float:right;
    }
    #main-bodyNew .contactBg .input {
    	border:#ccc solid 1px;
    	font-family:Arial, Helvetica, sans-serif;
    	color:#2d2c2c;
    	text-transform:uppercase;
    	width:280px;
    	height:32px;
    	font-size:12px;
    	padding-left:7px;
    }
    #main-bodyNew .contactBg .address {
    	border:#ccc solid 1px;
    	font-family:Arial, Helvetica, sans-serif;
    	color:#2d2c2c;
    	text-transform:uppercase;
    	width:280px;
    	height:78px;
    	font-size:12px;
    	padding-left:7px;
    	padding-top:5px;
    }
    #main-bodyNew .contactBg .message {
    	border:#ccc solid 1px;
    	font-family:Arial, Helvetica, sans-serif;
    	color:#2d2c2c;
    	text-transform:uppercase;
    	width:280px;
    	height:135px;
    	font-size:12px;
    	padding-left:7px;
    	padding-top:5px;
    }
    .contactRight ul {
    	margin:0;
    	padding:0;
    	list-style:none;
    }
    .contactRight ul li {
    	margin-bottom:10px;
    }
    .redHeading {
    	color:#820105;
    	font-size:12px;
    	font-family:Arial, Helvetica, sans-serif;
    	font-weight:bold;
    }
    .subhm {
    	background:url(../images/submit.jpg) no-repeat;
    	width:85px;
    	height:25px;
    	border:none;
    	text-indent:500px;
    }
    .reset {
    	background:url(../images/reset.jpg) no-repeat;
    	width:85px;
    	height:25px;
    	border:none;
    	text-indent:500px;
    }
    #main-bodyNew h1 {
    	background:url(../images/bg-title.jpg) left top repeat-x;
    	margin:0px 0 10px 0;
    	padding:2px 0 0 10px;
    	font:13px/23px Arial, Helvetica, sans-serif;
    	font-weight:bold;
    	text-align:left;
    	color:#820000;
    	height:29px;
    }
    #main-bodyNew h1 span {
    	font:13px/23px Arial, Helvetica, sans-serif;
    	font-weight:bold;
    	text-align:left;
    	color:#737373 !important;
    	height:auto;
    }
    #main-bodyNew h3 {
    	padding:3px 0;
    	font:12px/18px Arial, Helvetica, sans-serif;
    	font-weight:normal;
    	text-align:justify;
    	color:#595959;
    	line-height:18px;
    }
    #main-bodyNew h3 a {
    	margin:0px 0 0px 0;
    	padding:0;
    	font:12px/18px Arial, Helvetica, sans-serif;
    	font-weight:bold;
    	color:#595959;
    	text-decoration:none;
    }
    #main-bodyNew h3 a:hover {
    	color:#000;
    }
    /* FOOTER */
    #footer {
    	float:left;
    	width:100%;
    	position:relative;
    	color:#FFFFFF;
    }
    .footercontainer {
    	float:left;
    	width:100%;
    	position:relative;
    	background-color:#a81d18;
    	padding-bottom:40px;
    }
    .fcbox h3 {
    	font-size:16px;
    	text-transform:uppercase;
    	margin:40px 0 20px;
    	float:left;
    	width:100%;
    }
    .fcbox a {
    	color:#FFFFFF;
    	clear:both;
    	display:block;
    	margin:7px 0;
    }
    .fcbox a:hover {
    	color:#ffa4a1;
    }
    .footersocial .link {
    	float:left;
    	margin:0;
    }
    .footersocial .socialheader span a {
    	background-color:#FFFFFF;
    	color:#a81d18;
    }
    .footersocial .socialheader span a:hover {
    	background-color:#ffd117;
    }
    .footersocial h3 {
    	text-transform:capitalize;
    	margin-bottom:5px;
    }
    .footertollfree {
    	background-color:#620e0b;
    	padding:15px;
    	float:left;
    	clear:both;
    	margin:20px 0;
    	width:100%;
    }
    .footerapplyform a {
    	text-align:center;
    	padding:20px 0;
    	color:#ffcc00;
    	background-color:#d22f2a;
    	border:dotted 2px #FFFFFF;
    	-webkit-border-radius: 5px;
    	-moz-border-radius: 5px;
    	border-radius: 5px;
    }
    .footerapplyform a strong {
    	color:#FFFFFF;
    	text-transform:uppercase;
    	font-weight:normal;
    }
    .bottom-footer {
    	float:left;
    	width:100%;
    	background-color:#f6f6f6;
    	color:#313131;
    	padding:15px 0;
    }
    .allright p {
    	text-align:left;
    	display:inline-block;
    }
    .allright a {
    	display:inline-block;
    	color:#313131;
    	margin:0 5px;
    }
    .powerby {
    	text-align:right;
    }
     @media (min-width: 320px) {
    .link {
     width:100%;
     text-align:center;
     float:right;
     margin:5px 10px;
    }
    .btn-group > .btn, .btn-group-vertical > .btn {
     float:none;
    }
    .tollfree, .sms {
     float: right;
     text-align: center;
     width:100%;
    }
    }
    @media (min-width: 768px) {
    .link {
     width:auto;
     text-align:center;
     float:right;
     margin:0 10px;
    }
    .btn-group > .btn, .btn-group-vertical > .btn {
     float:left;
    }
    .tollfree, .sms {
     float: right;
     text-align: right;
     width:auto;
    }
    }
     @media (min-width: 992px) {
    }
     @media (min-width: 1200px) {
    }
    /* ===
    FontAwesome
    ===*/
    @font-face {
     font-family: 'FontAwesome';
     src: url('../fonts/fontawesome-webfont.eot?v=3.2.1');
     src: url('../fonts/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('../fonts/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
     font-weight: normal;
     font-style: normal;
    }

Examples and source code

icon-youtube

Place Font Awesome icons just about anywhere with the <i> tag.

<i class=" icon-youtube"></i> icon-youtube
Icon classes are echoed via CSS :before.

icon-youtube

icon-youtube

icon-youtube

icon-youtube

To increase icon sizes relative to their container, use the icon-large (33% increase), icon-2x, icon-3x, icon-4x, or icon-5x classes.

<p><i class=" icon-youtube icon-large"></i> icon-youtube</p>
<p><i class=" icon-youtube icon-2x"></i> icon-youtube</p>
<p><i class=" icon-youtube icon-3x"></i> icon-youtube</p>
<p><i class=" icon-youtube icon-4x"></i> icon-youtube</p>
If your icons are getting chopped off on top and bottom, make sure you have sufficient line-height.
  • Font Awesome icon can be used
  • to easily replace lists

Use icon-ul and icon-li to easily replace default bullets in unordered lists.

<ul class="icon-ul">
  <li><i class="icon-li  icon-youtube"></i>Font Awesome icon can be used</li>
  <li><i class="icon-li  icon-youtube icon-spin"></i>to easily replace lists</li>
</ul>

Use a few styles together and you'll have easy pull quotes or a great introductory article icon.

Use icon-border and pull-right or pull-left for easy pull quotes or article graphics.

<i class=" icon-youtube icon-2x pull-left icon-border"></i>
Use a few styles together and you'll have easy pull quotes or a great introductory article icon.

  normal
  icon-rotate-90
  icon-rotate-180
  icon-rotate-270
  icon-flip-horizontal
  icon-flip-vertical

To arbitrarily rotate and flip icons, use the icon-rotate-* and icon-flip-* classes.

<i class=" icon-youtube"></i>  normal<br>
<i class=" icon-youtube icon-rotate-90"></i>  icon-rotate-90<br>
<i class=" icon-youtube icon-rotate-180"></i>  icon-rotate-180<br>
<i class=" icon-youtube icon-rotate-270"></i>  icon-rotate-270<br>
<i class=" icon-youtube icon-flip-horizontal"></i>  icon-flip-horizontal<br>
<i class=" icon-youtube icon-flip-vertical"></i>  icon-flip-vertical

Use the icon-spin class to get any icon to rotate.

<i class=" icon-youtube icon-2x icon-spin"></i>
<i class=" icon-youtube icon-3x icon-spin"></i>
<i class=" icon-youtube icon-4x icon-spin"></i>

CSS3 animations aren't supported in IE8 - IE9.

icon-youtube on icon-check-empty
icon-youtube on icon-circle
icon-youtubel on icon-sign-blank
icon-ban-circle on icon-youtube

To stack multiple icons, use the icon-stack class on the parent, the icon-light for the regularly sized icon, and icon-stack-base for the larger icon. icon-light can be used as an alternative icon color. You can even throw larger icon classes on the parent to get further control of sizing.

<span class="icon-stack">
  <i class=" icon-check-empty icon-stack-base"></i>
  <i class=" icon-youtube "></i>
</span>
icon-youtube on icon-check-empty<br>
<span class="icon-stack">
  <i class=" icon-circle icon-stack-base"></i>
  <i class=" icon-youtube icon-light"></i>
</span>
icon-youtube on icon-circle<br>
<span class="icon-stack">
  <i class=" icon-sign-blank icon-stack-base"></i>
  <i class=" icon-youtube icon-light "></i>
</span>
icon-youtube on icon-sign-blank<br>
<span class="icon-stack">
  <i class=" icon-youtube icon-light"></i>
  <i class=" icon-ban-circle icon-stack-base text-error"></i>
</span>
icon-ban-circle on icon-youtube