/* CSS Document by Palakshi Dam -Krishna Tech */
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic,600,600italic,700,700italic);
@import 'https://fonts.googleapis.com/css?family=Great+Vibes';
@import url(http://fonts.googleapis.com/css?family=Playball);

body{font-family: 'Source Sans Pro', sans-serif; margin:0; background:#F2F2F2}

#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}
#header .logo{width:11%; height:auto; float:left}
#header .logo img{width:100%; height:auto; float:left; margin-bottom:1.5%}
#header .img{width:13%; height:auto; float:right}
#header .img1{width:30%; height:auto; float:left; margin:0 23%}

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

#welcome{width:98%; height:auto; float:left; margin:1% 0; padding:1%; background:white}
#welcome .left{width:78%; height:auto; float:left;}
#welcome .left h1{font-family: 'Great Vibes', cursive; text-align:center; color:#333333; margin-bottom:0}
#welcome .left img{width:20%; float:left; margin:0 40% 2% 40%}
#welcome .left p{color:#333333; font-size:14px; text-align:center; font-family: 'Source Sans Pro', sans-serif;}
#welcome .left a{width:20%; height:auto; float:left; margin:1% 40%; background:#790102; color:white; text-align:center; text-decoration:none; padding:0.5% 0; font-family: 'Source Sans Pro', sans-serif; font-size:small;}
#welcome .right{width:20%; height:auto; float:left; margin:3% 0 0 2%}
#welcome .right a{background:#FFCC01; color:#333333; width:100%; height:auto; float:left; margin:3% 0; padding:4% 0; text-align:center; text-decoration:none; font-size:large; font-weight:bold; font-family: 'Source Sans Pro', sans-serif;}
#welcome .right a:hover{background:#E8BA02; color:#333333;}

.videiiframe{background:url('images/bg.jpg') no-repeat left fixed; background-size:cover;}
#videiiframe{width:100%; height:auto; float:left;}
#videiiframe iframe{width:80%; height:400px; float:left; margin:4% 10%}

#footer{width:100%; height:auto; float:left; padding-top:1%}
#footer p{text-align:center; font-size:14px; color:white; font-family: 'Source Sans Pro', sans-serif;}
#footer p a{text-align:center; font-size:14px; color: #CCCCCC; font-family: 'Source Sans Pro', sans-serif;}
#footer p a:hover{color:#FFCC00}


.view{background:#333333; color:white; padding:0.5% 1%; margin:1% 0 3% 0; text-align:center; float:right; font-size:medium} 

.right_side{width:20%; height:auto; float:left; margin:0 0 0 1%; padding:1% 0 0 0;}

#static{width:75%; height:auto; float:left; margin:3% 0}
#static h2{color:#C8A002; font-family: 'Great Vibes', cursive; border-bottom:1px #CCCCCC solid}
#static img{width:auto; height:auto; float:left; margin:0 1% 1% 0}
#static p{font-size:14px; color:#333333; line-height:150%; text-align:justify; font-family: 'Source Sans Pro', sans-serif;}
#static div{font-size:14px; color:#333333; line-height:150%; text-align:justify; font-family: 'Source Sans Pro', sans-serif;}
#static p img{width:auto; height:auto; float:left; margin:1%}
#static p strong{font-family: 'Lora', serif; color:black}
#static ul{width:100%; height:auto; float:left}
#static ul li{font-size:14px; color:#333333; line-height:150%; text-align:justify; font-family: 'Source Sans Pro', sans-serif; background:url('images/tick.png') left top no-repeat; padding:0.5% 0 1% 4%}
#static ul li h3{background:url('images/tick.png') left center no-repeat; color:#666666; text-align:justify; margin:1% 0 0 -5%; padding:2% 1% 1% 3%; width:100%; float:left}
#static h3{font-weight:bold; font-family: 'Lora', serif; width:100%; height:auto; float:left; margin:2% 0 0 0}
#static span{font-size: medium; color:#666666; text-align:justify; line-height:150%; margin:0.5% 0; padding:0}
#static table{width:100%; height:auto; float:left; margin:1% 0}
#static table td{padding:1%; font-size:14px; color:#666666}
#static .faci img{width:30.5%; height:auto; float:left; margin:1%}

#contact{width:75%; height:auto; float:left; margin:3% 0}
#contact h2{color:#C8A002; font-family: 'Great Vibes', cursive; border-bottom:1px #CCCCCC solid}
#contact .con{width:50%; height:auto; float:left; padding:1%; background:#F3F4F4; margin:1% 25%; border:1px #E4E4E4 solid}
#contact h3{text-align:center; color:#E29C00}
#contact p{text-align:center; font-size:medium; font-family: 'Source Sans Pro', sans-serif;}

#download{width:75%; height:auto; float:left; margin:3% 0}
#download h2{color:#C8A002; font-family: 'Great Vibes', cursive; border-bottom:1px #CCCCCC solid}
#download a{width:48%; float:left; margin:1%; font-size: small; background:url(images/download.png) left no-repeat; padding:1% 1% 1% 5%; text-decoration:none; color:#666666; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15); transition:0.50s}
#download a:hover{background:url(images/download.png) #F9F8F8 left no-repeat; color:#DF460D}

#gallery{width:75%; height:auto; float:left; margin:3% 0}
#gallery h2{color:#C8A002; font-family: 'Great Vibes', cursive; border-bottom:1px #CCCCCC solid}
#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;}

#events{width:75%; height:auto; float:left; margin:3% 0}
#events h2{color:#C8A002; font-family: 'Great Vibes', cursive; border-bottom:1px #CCCCCC solid}
#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; width:100%; float:left; margin:0}
#events .con img{width:100%; height:auto; float:left; margin-bottom:1%}
#events .con p{font-size:14px; color:#333333; line-height:150%; padding:1%; text-align:justify; font-family: 'Source Sans Pro', sans-serif;}
#events .con span{width:98%; height:auto; float:left; text-align:right; color:#729CE8; font-size:small; margin:0 1% 1% 1%}


@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 .logo{width:100%; height:auto; float:left; padding:0;}
#header .img{width:40%; height:auto; float:right; margin:1% 30%}
#header .img1{width:90%; height:auto; float:left; margin:0 5%}

.home{margin-top:0; transition:0.5s}

#welcome{width:98%; height:auto; float:left; margin:2% 1%; padding:1%; background:white}
#welcome .left{width:98%; height:auto; float:left; margin:1%}
#welcome .left img{width:60%; float:left; margin:1% 20% 4% 20%}
#welcome .left p{color:#333333; font-size: medium; text-align: justify; font-family: 'Source Sans Pro', sans-serif;}
#welcome .left a{width:40%; height:auto; float:left; margin:1% 30%; background:#790102; color:white; text-align:center; text-decoration:none; padding:2% 0; font-family: 'Source Sans Pro', sans-serif; font-size: medium}
#welcome .right{width:98%; height:auto; float:left; margin:3% 1%}
#welcome .right a{margin:1% 0}

.view{background:#333333; color:white; width:40%; height:auto; float:left; padding:1.5% 1%; margin:0 30% 2% 30%; text-align:center; font-size:medium} 

.right_side{width:98%; height:auto; float:left; margin:1%; padding:1% 0 0 0;}

#static{width:98%; height:auto; float:left; margin:3% 1% 0 1%}
#static img{float:left; width:98%; margin:1%}
#static p{font-size:medium; color:#333333; line-height:160%; text-align:justify; padding:0 2%}
#static ul{margin:2% 0; padding:0; width:100%; float:left}
#static ul li{font-size:medium; color:#333333; background:url(images/tick.png) no-repeat; padding:0 0 1% 8%; list-style:none; width:100%; float:left; margin:1% 0}

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

#contact{width:98%; height:auto; float:left; margin:3% 1% 0 1%}
#contact .con{width:98%; height:auto; float:left; padding:1%; background:#F3F4F4; margin:1%; border:1px #E4E4E4 solid}

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

#events{width:98%; height:auto; float:left; margin:3% 1% 0 1%}
#events .con{width:99%; height:auto; float:left; margin:0% 0.5% 6% 0.5%; background:#F8F8F8; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.55);}
#events .con p{font-size:medium; color:#333333; line-height:150%; padding:1%; text-align:justify; font-family: 'Source Sans Pro', sans-serif;}
#events .con span{width:98%; height:auto; float:left; text-align:right; color:#729CE8; font-size:medium; margin:0 1% 1% 1%}

}