/*--------- CSS Design by Khokha Infotech -----------*/

h1,h2,h3,h4,h5,h6{ font-weight:700;}
h2{ font-size:20px;text-transform:uppercase;text-align:center;}
h3{ font-size:18px;text-transform:uppercase;}
h4{ text-transform:uppercase; text-align:center;}
body { background:url(../images/background.png);font-family:ubold; font-size:14px; letter-spacing:0.5px;}
p{ text-align:justify;}
table { table-layout: fixed;}
table.tbborder td, th 
{
	border: solid 1px #ccc; 
	padding:5px;
    
    overflow: hidden; 
    text-overflow: ellipsis; 
    word-wrap: break-word;
}
/*  ----------- Inputs -----------*/
input[type="text"] {      
        
        margin:5px 0px; border: solid 1px #999; padding:5px; border-radius:3px;
    }
input[type="password"] {      
        
        margin:5px 0px; border: solid 1px #999; padding:5px; border-radius:3px;
    }  
input[type="submit"] 
{
	 text-align:left;  	
}
.btn{ background:none;}
.btn:hover{ color:#fff;}
.btnlogin 
{
	background:#000088; color:#fff; 
	padding:1px 5px; 
	border-radius:5px; border:none; width:160px; margin-left:20px;
}
 .btnlogin:before
{
	font-family:"FontAwesome"; content:'\f007';padding-left:10px;
}
.btnlogin:hover
{
	background:#FF004E;
}
/*  ----------- End of Input -----------*/
.table-data div{ border:solid 1px #E4E7E5; min-height:45px; padding-top:10px; background:#fff;}
header{}
.content{ background:#fff; padding:20px;}

.beta{ width:100%;  font-size:70px; text-align:center; opacity:0.04; padding:10px 0px;}
.logo{ padding:15px; }
.top-title, .top-title-admin{ position:absolute; left:250px;top:15px;  font-size:30px; text-align:center; font-weight:700; letter-spacing:2px;}
.top-sub-title{text-align:center; font-size:14px;font-weight:500;}
.top-title-admin{left:400px;}

.skill-india{ position:absolute; right:20px; top:72px;}
.circle 
{
	border-radius:50%;
         background:#F69B3F; 
         font-size:15px; 
         padding:10px; 
         color:#fff; 
         min-width:25px; 
         min-height:25px; float:left;
    }

.trades{ padding-left:40px;}
.trades ul{ padding:10px;}
.trades ul li{ list-style:none; display:inline-block;}
.trades ul li:before{ font-family:"FontAwesome"; content:'\f0a4'; padding-right:5px; color:#F69B3F; line-height:26px; }
.trades .question{ font-size:18px;}
.trades .question:before{font-size:24px;font-family:"FontAwesome"; content:'\f059'; padding-right:5px; color:#F69B3F; }
.electrician-back{ background:url(../images/electrician-back.jpg);background-size: cover; padding:10px;}
.fitter-back{ background:url(../images/fitter-back.jpg);background-size: cover; padding:10px;}
.fire-back{ background:url(../images/fire-back.jpg);background-size: cover; padding:10px;}
.back{ background:rgba(255, 255, 255, 0.8); padding:10px;}
.back:hover{background:rgba(255, 255, 255, 1.0);}
.trade-list{ list-style:none; color:#000; font-size:16px; letter-spacing:1px; text-transform:uppercase; }
.trade-list a{ text-decoration:none;}

.trade-list a, a:visited, a:hover, a:active {
  color: inherit;
}
.trade-list1:before{ font-family:"FontAwesome"; content:'\f0eb'; padding-right:5px; color:#fff; line-height:56px; font-size:30px; }
.trade-list1,.trade-list2,.trade-list3,.trade-list4,.trade-list5,.trade-list6{ background:#f0ad4e; padding:0px 10px; border-bottom:solid 1px #fff;}
.trade-list1:hover, .trade-list2:hover,.trade-list3:hover,.trade-list4:hover,.trade-list5:hover,.trade-list6:hover{ background:#1C3ACE; cursor:pointer; color:#fff;transition: background-color 0.9s ;}
.trade-list li:before{font-family:"FontAwesome";color:#fff;line-height:56px; padding-right:5px;  font-size:30px;}
.trade-list2:before{content:'\f085';}
.trade-list3:before{content:'\f0ad';}
.trade-list4:before{content:'\f1b7';}
.trade-list5:before{content:'\f02c';}
.trade-list6:before{content:'\f182';}

.trade-list-aside{ list-style:none; color:#fff; font-size:12px; letter-spacing:1px; text-transform:uppercase; }
.trade-list-aside a{ text-decoration:none;}

.trade-list-aside a, a:visited, a:hover, a:active {
  color: inherit;
}
.trade-list-aside1:before{ font-family:"FontAwesome"; content:'\f0eb'; padding-right:5px; color:#fff; line-height:36px; font-size:16px; }
.trade-list-aside1,.trade-list-aside2,.trade-list-aside3,.trade-list-aside4,.trade-list-aside5,.trade-list-aside6{ background:#f0ad4e; padding:0px 10px; border-bottom:solid 1px #fff;}
.trade-list-aside1:hover, .trade-list-aside2:hover,.trade-list-aside3:hover,.trade-list-aside4:hover,.trade-list-aside5:hover,.trade-list-aside6:hover{ background:#1C3ACE; cursor:pointer; color:#fff;transition: background-color 0.9s ;}
.trade-list-aside li:before{font-family:"FontAwesome";color:#fff;line-height:36px; padding-right:5px;  font-size:16px;}
.trade-list-aside2:before{content:'\f085';}
.trade-list-aside3:before{content:'\f0ad';}
.trade-list-aside4:before{content:'\f1b7';}
.trade-list-aside5:before{content:'\f02c';}
.trade-list-aside6:before{content:'\f182';}

.all-trades{ background:#f0ad4e; margin:10px; padding:10px; border-radius:5px; text-align:center; color:#fff;}
.all-trades a, a:visited, a:hover, a:active {
  color: inherit; text-decoration:none;
}
.all-trades a:hover{ color:#fff;}
.all-trades:hover{background:#1C3ACE; cursor:pointer; color:#fff;transition: background-color 1s ;}

#admission{ position:absolute; top:140px; right:91px; width:320px;}
.admission{ padding-left:0px;}
.admission img{ width:100%; height:auto; padding-top:10px;}
#last-update:before{ content:'Last Update : '}
#last-update{ padding:15px 10%; background:#000088; color:#fff; height:48px;}
.connect{ background:#ccc; color:#000; padding:5px; font-size:16px; margin-bottom:10px; border-radius:5px;}
.infra img{float:left; border-radius:10px; margin-right:10px;}
.infra ul{padding:0px; margin:0px;}
.infra ul li{ line-height:25px; list-style:none;}
.infra ul li:before{ font-family:"FontAwesome"; content:'\f105'; padding-right:5px; color:#F69B3F;}
/******* Footer *************/
footer { padding-top:20px;color:#fff;}
footer a{ color:#fff; }
footer a:hover{ text-decoration:none; color:#A5FBF6;}
footer p{ padding-left:30px;}
.footer-bottom{ background-color:#333; padding:10px 0px; color:#dddddd;}
.offset-top-34{ margin-top: 34px;}
/**
*  Dividers
**/

.hr {
  height: 1px;
  margin: 0;
  background-color: #ebebeb;
  border: none;
  -webkit-background-clip: content-box;
  background-clip: content-box;
}
.text-subline {
  position: relative;
  height: 1px;
  padding: 0;
  background: #C6BDBD;
  margin-bottom: 22px;
  border: none;
}

.text-subline:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 1px;
  width: 50px;
  background: #A5FBF6;
}
.divider {
  width: 68px;
  height: 2px;
  margin: 10px auto 60px;
  background-color: transparent;
  border: none;
}

.divider-vertical {
  display: inline-block;
  width: 1px;
  height: 46px;
  line-height: 46px;
  margin: 0 20px;
}

.divider-left {
  margin-left: 0;
}

.hr-gradient {
  background-color: #fff;
  background: -webkit-linear-gradient(left, white 35%, #d9d9d9 50%, white 65%);
  background: -o-linear-gradient(left, white 35%, #d9d9d9 50%, white 65%);
  background: -ms-linear-gradient(left, white 35%, #d9d9d9 50%, white 65%);
  background: linear-gradient(to right, white 35%, #d9d9d9 50%, white 65%);
}
/* ----- Backgrounds -------------*/
.bg-primary {
  background-color: #F69B3F;
  color: #fff;
}
.bg-alabaster {
  background-color: #f9f9f9;
}
.bg-footer
{
	background:#000088; 
	color:#fff;
}
.bg-white{ background:#fff;}
/* ----- Sections -------------*/
.section-20 { padding:20px;}
.section-30 { padding:30px 0px;}
.section-40 { padding:40px 0px;}
.section-0{ padding:0px;margin:0px;}
/* ----- Tex Aligns -------------*/
.text-center{ text-align:center;}
/*--------- Insets -------------*/
.inset-30{padding-left:30px;}
@media screen and (max-width: 767px)
{
	.logo{top:0px; left:20px; padding:5px; }
	.top-title{ left:102px; font-size:12px; padding:0px; top:0px;}
	.top-title span{ display:none;}
	.top-title:after{ content:'Ratan Devi ITI'; letter-spacing:0; }
	.top-sub-title{ display:none;}
	.admission{margin-bottom:10px;}
	.text-center img{ width:280px; height:auto;}
	.admission{ padding-left:15px;}
	.trade-list { padding:0px; font-size:12px;}
.padd-0{ padding:0px;}
.skill-india{ display:none;}
.infra img{ width:280px; padding-right:0px;}
table { font-size:11px;}
}
#map {
        height: 350px;
        width: 100%;
      }
      #legend {
        font-family: Arial, sans-serif;
        background: #fff;
        padding: 10px;
        margin: 10px;
        border: 2px solid #ccc;
      }
      #legend h3 {
        margin-top: 0;
      }
      #legend img {
        vertical-align: middle;
      }