@font-face {
    font-family: 'ch5';
    src: url('../fonts/chunkfive-webfont.eot');
    src: url('../fonts/chunkfive-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/chunkfive-webfont.woff2') format('woff2'),
         url('../fonts/chunkfive-webfont.woff') format('woff'),
         url('../fonts/chunkfive-webfont.ttf') format('truetype'),
         url('../fonts/chunkfive-webfont.svg#chunkfiveroman') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gothic';
    src: url('../fonts/gothic.eot');
    src: url('../fonts/gothic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gothic.woff') format('woff'),
         url('../fonts/gothic.ttf') format('truetype'),
         url('../fonts/gothic.svg#CenturyGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal;         
}

@font-face {
	font-family: 'thin';
	src: url('../fonts/Existence-Light.eot?') format('eot'), 
	     url('../fonts/Existence-Light.otf')  format('opentype'),
	     url('../fonts/Existence-Light.woff') format('woff'), 
	     url('../fonts/Existence-Light.ttf')  format('truetype'),
	     url('../fonts/Existence-Light.svg#Existence-Light') format('svg');
}

html,body{height:100%}
body{margin:0px;
background:#C8C8C8;
font-family:arial;
font-size:14px;
color:#5B5B5B;
}

a:link{COLOR: #359CF4;TEXT-DECORATION: none}
a{COLOR: #359CF4;TEXT-DECORATION: none}
a:hover{COLOR: #D9011E;}

img {border:0px;}

input, textarea, select{
font-family:gothic;
background: #DADADA;
color:gray;
padding:7px;
font-size:17px;
border: 1px solid transparent;
}

#c_Assamese{font-size:120%;line-height:20px}
#c_English{font-size:120%;line-height:15px}

#p_Assamese{font-size:130%;}
#p_English{font-size:120%;}

input:focus, textarea:focus, select:focus{
background: #CACACA;
border: 1px solid transparent;}

input[type="submit"] {
background:#6B8909;padding:7px;color:#fff;font-family:gothic;font-size:17px;text-align:center;cursor:pointer;
//margin-top:-1px;
}

input[type="submit"]:hover {
background:#E91D4A;
}

input:hover, textarea:hover, select:hover{
background:#CACACA
}

input[placeholder], [placeholder], *[placeholder] {
   color:#000;
}

#wrapper{width:1250px;position:relative;margin:0 auto;padding:0px;}


#sliderbg{
background:#C8C8C8 url(../images/bgcdontentH.jpg) center;
background-size:120%;
float:left;
width:100%;
border:20px solid transparent;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; 
height:auto;
margin-bottom:10px;
}


#box50-01, #box50-02{
min-height:290px;
float:left;
width:49%;
border:15px solid transparent;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; 
margin-bottom:13px;
}

#box50-01{background:transparent;margin-right:.5%;}
#box50-02{background:transparent;margin-left:.5%}

#box50-01:hover{background:#D3D3D3}
#box50-02:hover{background:#D3D3D3}

#section .sectionitem div{
background:#DADADA;
width:24%;
float:left;
height:130px;
margin-left:.5%;
margin-right:.5%;
margin-bottom:1%;
display:block;
position: relative;
overflow:hidden;
transition: all .2s ease-in-out; 
}

#section .sectionitem-nophoto div{
width:24%;
float:left;
height:130px;
margin-left:.5%;
margin-right:.5%;
margin-bottom:1%;
display:block;
position: relative;
overflow:hidden;
transition: all .2s ease-in-out; 
}

#section .sectionitem-nophoto div:hover{
cursor:pointer;
background:#1B1B2F;
box-shadow: inset 0 0 0 230px rgba(0,0,0,0.9),0 0px 0px rgba(0,0,0,0.9); 
transition: all 0.2s ease-in-out;
border:0px;
}


#section #sectionbig{width:49%;height:265px;}

#section #heading{width:100%;float:left;}
#section #heading .Hcaption{
	float:left;
	height:auto;
	background:none;
	width:70%;
	text-align:left;
	margin:0px;
	font-size:35px;
	font-family:thin;
	color:#414141;
}
#section #heading .Hcaption span{background:#DE4138;padding:5px 8px 5px 8px;color:#fff;border-radius:4px}
#section #heading .viewmore{
	float:left;
	height:auto;
	background:none;
	width:30%;
	text-align:right;
	margin:0px;
	margin-top:5px;
	font-size:25px;
	font-family:thin;
	color:#6B8909;	
}

#section #heading .viewmore span{background:#6B8909;padding:5px;color:#fff;vertical-align:top}

#section .sectionitem #sectioncaption{
position:absolute;
overflow:hidden;
bottom:-2px;
left:-2px;
width:102%;
background:rgba(0,0,0,.6);
color:#eee;
max-height:45px;
height:auto;
font-family:gothic;
letter-spacing:-0px;
font-size:12px;
border:5px solid transparent;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; 
transition: all .9s ease-in-out; 
}

#section .sectionitem-nophoto #sectioncaption{
position:absolute;
overflow:hidden;
top:0px;
left:-2px;
width:102%;
background:rgba(0,0,0,.6);
color:#eee;
height:100%;
font-family:gothic;
letter-spacing:-0px;
font-size:13px;
border:20px solid transparent;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; 
transition: all .9s ease-in-out; 
}

#section div:hover #sectioncaption{
max-height:none;
transition: all .9s ease-in-out; 
}
.sectionitem:hover div{border:10px solid #000;transition: all .9s ease-in-out; }

.sectionitem #sectionbig #sectioncaption{
font-size:14px;
border:5px solid transparent;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
bottom:-4px;
max-height:50px;
}

.sectionitem-nophoto #sectionbig #sectioncaption{
font-size:15px;
border:20px solid transparent;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
bottom:-4px;
font-weight:bold
}




#contents-01{width:75%;float:left;min-height:760px;background:#f1f1f1;font-family:arial;font-size:13px;color:#343434;margin-right:0%;}
#contents-02{width:25%;float:left;min-height:760px;background:transparent;margin:0px;
border:10px solid transparent;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; 
margin-top:0px;
border-top:0px;
}
#space{margin:15px;}
#contents-01 td{font-family:arial;font-size:14px;color:#343434;}
#contents-01 h4{line-height:60px;}

#pageheader{margin-top:0px;width:100%;left:0px;font-size:33px;font-family:thin;padding:10px;color:#1B1B2F;text-align:left;background:#fff;}
#pagecontent h3{
font-family:thin;
font-size:30px;
color:#fff;
background:#2AABF4;
padding:5px;
width:auto;
line-height:35px;
letter-spacing:0px;
font-weight:normal;
margin-top:20px;
}
#pagecontent #linknav {padding:10px 10px 10px 10px;font-size:17px;margin-bottom:0px;margin-top:0px;background:#ddd;font-family:arial}
#pagecontent #linknav img{width:20px;height:auto;}
#page {padding:20px ;font-size:13px;font-family:arial;color:#5A5A5A;min-height:400px;}
#source{color:#179EEA;font-size:20px;font-weight:bold}
#publish{margin-bottom:30px;color:#A8BD34}







#footer{background:#6E6E6E;width:100%;paddingd-bottom:20px;margin-top:0px;float:left;line-height:15px}
#footer img{opacity:.8}
#footer_1,#footer_2,#footer_3{height:300px;font-size:30px;font-weight:normal;font-family:thin;color:white;}
#footer_1{width:32%;margin-right:1%;float:left;margin-top:1%;}
#footer_2{width:34%;margin-right:1%;float:left;margin-top:1%;}
#footer_3{width:32%;float:left;margin-top:1%;}
#footer-note-01,#footer-note-02{background:#000;padding:0px;color:#8C8C8C;float:left;font-family:arial;font-size:12px}
#footer-note-01{width:70%;text-align:left;}
#footer-note-02{width:30%;text-align:right;}



@media screen and (max-width : 1250px) {
	#wrapper{width:97%;}
}

@media screen and (max-width : 868px) {
	#box50-01, #box50-02{width:100%;margin:0%;margin-top:10px;}
	
	#contents-01, #contents-02{width:100%;min-height:auto}
	
	#footer{height:auto;padding:0px;margin:0px;background:#383838}
	#footer_1,#footer_2,#footer_3{height:auto;width:100%;margin:0px;text-align:center;}
	#footer_2{background:#383838}
	#footer-note-01,#footer-note-02{width:100%;text-align:center}	
	
	
	
}

@media screen and (max-width : 600px) {
	#section #sectionbig{width:99%;}
	#section .sectionitem div{width:49%;margin:.5%;}
	#section .sectionitem-nophoto div{width:49%;margin:.5%;}	
	#section #heading .viewmore{font-size:14px;margin-top:15px}
	

}