/* CSS Document by Palakshi Dam -Krishna Tech */
@import 'https://fonts.googleapis.com/css?family=Open+Sans';
@import 'https://fonts.googleapis.com/css?family=Droid+Serif';

body{font-family: 'Open Sans', sans-serif; margin:0}

a{text-decoration:none}

#main{width:100%; height:auto; float:left}
#main-inner{width:80%; height:auto; margin:0 auto; overflow:auto}
#main-inner1{width:80%; height:auto; margin:0 auto;}

#header{width:100%; height:auto; float:left; margin:0}
#header .imgl{width:10%; height:auto; float:left; margin:0}
#header .con{width:74%; height:auto; float:left; margin:0 0 0 1%}
#header a{text-align:center}
#header h1{color:#BA3D37; font-family: 'Droid Serif', serif; margin:1% 0 0.5% 0}
#header p{color:#666666; font-size:14px; margin-bottom:2%; line-height:150%}
#header .img{width:12%; height:auto; float:left; margin:0 0 0 3%}


.home{margin-top:-30%; transition:0.5s}
.home:hover{opacity:0.8}

#welcome{width:100%; height:auto; float:left; margin:0}
#welcome .con{width:32.5%; height:380px; float:left; margin:1%; background:#FEFAF1}
#welcome .con h2{text-align:center; padding:2% 0; color:#FFB500; background:#641F01; width:100%; float:left; margin:0 0 4% 0; font-family: 'Droid Serif', serif;}
#welcome .con p{font-size:14px; color:#000000; text-align:justify; line-height:160%; padding:0 2%}
#welcome .con a{width:30%; float:left; margin:2% 35% 4% 35%; color:white; background: #333333; text-align:center; padding:2% 1%}
#welcome .con1{width:66%; height: auto; float:left; margin:1%; background: url(images/bg2.png) no-repeat bottom center; padding-bottom:4%}
#welcome .con1 h1{text-align:center; background: url(images/bg2.png) no-repeat top center; padding-top:6%; margin:0 0 2% 0; color:#7A0101; font-family: 'Droid Serif', serif;}
#welcome .con1 p{text-align:center; color: #333333; line-height:150%; font-size:small}
#welcome .con1 a{background:#7A0101; color:white; padding:1% 0%; width:20%; float:left; margin:2% 40%; text-align:center; text-decoration:none; transition:0.50s}
#welcome .con1 a:hover{background:#7A0101;}

#footer{width:100%; height:auto; float:left; padding:1% 0}
#footer p{text-align:center; color:white; line-height:150%; font-size:small; margin:0}

.view{background:#641F00; color:white; padding:0.8% 1%; width:10%; height:auto; float:left; font-size:small; margin:0 45% 2% 45%; text-align:center; border-radius:5px; transition:0.5s}
.view:hover{background:#F67C01}


.banner_bac{background:#F8F8F8}

#banner{width:100%; height:auto; float:left; padding:1% 0; overflow:hidden}
#banner h1{float:left; margin:1% 0.5%; color:#EDB601; font-weight:normal}
#banner a{float:right; margin:2% 0.5%; color:#EDB601; font-size:small; font-weight:bold; transition:0.5s}
#banner a:hover{color:#c8aa46}
#banner span{float:right; margin:2% 0.5%; color:#CCCCCC; font-size:small;}

#static{width:100%; height:auto; float:left; margin:4% 0}
#static h3{margin:2% 0 0.5% 0}
#static h4{margin:2% 0 0.5% 0}
#static img{margin:1%; width:auto; height:auto; float:left}
#static p{color:#333333; line-height:160%; text-align:justify; font-size: small; margin:1% 0}
#static span{color:#333333; line-height:160%; text-align:justify; font-size: small; margin:1% 0}
#static div{color:#333333; line-height:160%; text-align:justify; font-size: small; margin:1% 0}
#static ul li{background:url('images/tick.png') left top no-repeat; color:#333333; text-align:justify; margin:0; font-size:small; padding:0.5% 0 1% 2%; list-style:none}
#static .h2{color:#DB8900; border-bottom:1px #CCCCCC solid}
#static .con{width:23%; height:auto; float:left; margin:1%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);}
#static .con img{border:#CCCCCC 3px solid; width:100%; height:auto; float:left; margin:0; padding:0; transition:0.50s;}
#static .con img:hover{border:#fea801 3px solid;}

#events{width:100%; height:auto; float:left; margin:4% 0}
#events .con{width:99%; height:auto; float:left; margin:0% 0.5% 3% 0.5%; background:#F8F8F8; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);}
#events .con h3{background:#333333; color:white; padding:1%; font-family: 'Open Sans', sans-serif; font-weight:normal}
#events .con img{width:100%; height:auto; float:left; margin-bottom:1%}
#events .con p{font-size:small; color:#333333; line-height:150%; margin:1%; text-align:justify}
#events .con span{width:98%; height:auto; float:left; text-align:right; color:#729CE8; font-size:small; margin:1%}

#gallery{width:100%; height:auto; float:left; margin:4% 0}
#gallery .con{width:23%; height:auto; float:left; margin:1%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);}
#gallery .con img{border:#CCCCCC 3px solid; width:100%; height:auto; float:left; transition:0.50s;}
#gallery .con img:hover{border:#fea801 3px solid;}

#contact{width:100%; height:auto; float:left; margin:4% 0}
#contact h3{font-family: 'Droid Serif', serif; color:#272F6A; margin:0}
#contact h4{font-size:medium; color:#666666; margin:0.5% 0}
#contact p{font-size:medium; color:#666666; line-height:160%}

#download{width:100%; height:auto; float:left; margin:0 0 3% 0}
#download a{width:43%; float:left; margin:1%; font-size: small; background:url(images/download.png) left no-repeat; padding:1% 1% 1% 4%; text-decoration:none; color:#666666; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25); transition:0.50s}
#download a:hover{background:url(images/download.png) #f1efef left no-repeat; color:#DF460D}

#youtube{width:100%; height:auto; float:left; margin:4% 0}
#youtube .con{width:48%; height:440px; float:left; margin:1%; background:#CCCCCC}
#youtube .con iframe{width:98%; height:350px; float:left; margin:1%}
#youtube .con p{font-size:medium; padding:1%; margin:0; width:98%; float:left; color:#2B65CF}

@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {

#main-inner{width:98%; height:auto; margin:0 auto; overflow:auto}
#main-inner1{width:98%; height:auto; margin:0 auto;}

#header h1{color:#FFB500; font-family: 'Droid Serif', serif; margin:3% 0 1% 0; font-size:x-large}
#header .con{width:90%; height:auto; float:left; margin:5%}
#header a{text-align:center}
#header h1{color:#BA3D37; font-family: 'Droid Serif', serif; margin:1% 0 0.5% 0}
#header p{color:#666666; font-size:small; margin-bottom:2%; line-height:150%}
#header .img{width:50%; height:auto; float:left; margin:0 25%}

.home{margin-top:0%; transition:0.5s}
.home:hover{opacity:0.6}

.view{color:white; padding:2% 1%; width:30%; float:left; font-size:small; margin:1% 35% 10% 35%}

#welcome .con{width:98%; height: auto; float:left; margin:3% 1%; background:#EDE6D7}
#welcome .con p{font-size: small; color:#000000; text-align:justify; line-height:160%; padding:0 2%}
#welcome .con a{width:60%; float:left; margin:2% 20% 4% 20%; color:white; background: #333333; text-align:center; padding:2% 1%}
#welcome .con1{width:98%; height: auto; float:left; margin:1%; background: url(images/bg2.png) no-repeat bottom center; padding-bottom:13%}
#welcome .con1 h1{text-align:center; background: url(images/bg2.png) no-repeat top center; padding-top:12%; margin:0 0 2% 0; color:#7A0101; font-family: 'Droid Serif', serif; font-size:x-large}
#welcome .con1 p{text-align:center; color: #333333; line-height:150%; font-size:small}
#welcome .con1 a{background:#7A0101; color:white; padding:1% 0%; width:60%; float:left; margin:2% 20%; text-align:center; text-decoration:none; transition:0.50s}
#welcome .con1 a:hover{background:#7A0101;}
.banner_bac{background:#E4E2E2}

#banner h1{float:left; color:#C39502; font-weight:normal; width:100%; text-align:center}
#banner a{float: right; margin:2% 0.5%; color:#C39502; font-size:small; text-align:center; width:48%; transition:0.5s}
#banner span{float: right; margin:2% 0.5%; color: #666666; font-size:small; width:1%}

#static img{margin:1%; width:98%; height:auto; float:left}
#static p{margin:1%}
#static span{margin:1%}
#static div{margin:1%}
#static ul li{background:url('images/tick.png') left top no-repeat; color:#333333; text-align:justify; margin:1% 2% 1% 0; font-size:small; padding:0.5% 0 1% 10%; list-style:none;}
#static .con{width:97%; height:auto; float:left; margin:1%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);}

#events .con{margin:0% 0.5% 6% 0.5%; background:#F8F8F8; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.55);}
#events .con h3{background:#333333; color:white; padding:1% 1% 1.5% 1%; font-family: 'Open Sans', sans-serif; font-weight:normal; margin:0; text-align:center}
#events .con p{margin:2%;}
#events .con span{width:96%; height:auto; float:left; text-align:right; color:#729CE8; font-size:small; margin:2%}

#gallery .con{width:96%; height:auto; float:left; margin:1%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);}

#contact h3{text-align:center}
#contact h4{text-align:center}
#contact p{text-align:center}

#download a{width:81%; float:left; margin:4% 1%; font-size: small; background:url(images/download.png) #F6F5F5 left no-repeat; padding:1.5% 1.5% 1.5% 15%; text-decoration:none; color:#666666; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.45); transition:0.50s}

#youtube .con{width:98%; height:auto; float:left; margin:3% 1%; background:#CCCCCC}


}