/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}body { line-height: 1;}ol, ul { list-style: none;}blockquote, q { quotes: none;}blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none;}table { border-collapse: collapse; border-spacing: 0;} body{font-family: 'Ubuntu', sans-serif;font-size:100%; background:#fff; color:#3B3B3B; margin:0px; padding:0px; line-height:28px; } a{ transition:0.5s all; -webkit-transition:0.5s all; -moz-transition:0.5s all; -o-transition:0.5s all; -ms-transition:0.5s all; color:#333;} a:hover{ transition:0.5s all; -webkit-transition:0.5s all; -o-transition:0.5s all; -moz-transition:0.5s all; -ms-transition:0.5s all; text-decoration:none;} h1{margin:25px 0px 20px 0px; color:#131313;} h2,h3,h4,h5,h6{margin:25px 0px 20px 0px; color:#131313; } #body-bg{background:url(../i/bg.jpg) top center; background-size:cover;} #body-bg-inner{background:url(../i/bg.jpg) top center fixed;} .thank{ min-height:400px; margin:25px 0px;} label { line-height:16px; font-size:14px;} #img-top{margin-top:8px;} .top-logo{ margin:5px 0px 0px 0px;} #img-right{ float:right; margin-top:8px;} #navigation{ margin-top:25px;} #fileupload{ margin-top:15px;} #input-field input{ margin:5px auto;} .progress{ display:none !important;} .association{ margin:5px 0px; min-height:350px;} .association a{ float:left; margin:20px 20px 0px 0px;} nav.sidebar, .main{-webkit-transition: margin 200ms ease-out; -moz-transition: margin 200ms ease-out; -o-transition: margin 200ms ease-out; transition: margin 200ms ease-out;} nav.sidebar .navbar-nav .open .dropdown-menu>li>a:hover, nav.sidebar .navbar-nav .open .dropdown-menu>li>a:focus { color: #CCC; background-color: transparent;} nav:hover .forAnimate{opacity: 1;} .navbar-inverse .navbar-nav> .open> a, .navbar-inverse .navbar-nav> .open> a:hover, .navbar-inverse .navbar-nav> .open> a:focus{ background-color:#EB061A;} .dropdown-menu{ background-color:#F92033;} .navbar-inverse .navbar-nav .open .dropdown-menu> li> a{ font-size:18px; color:#fff !important; font-weight:bold;} .navbar-inverse .navbar-nav .open .dropdown-menu> li> a:hover{ background-color:#EB061A;} .dropdown-menu .divider{ background-color:#EB061A;} .sidebar{ margin:25px 0px;} .navbar-default{ background-color:#f9dcce !important; border-color:#f9dcce;} .navbar-default .navbar-nav> li> a{ color:#f92033; font-weight:500; text-decoration:underline;} .navbar-default .navbar-nav> li> a:hover { text-decoration:none;} nav.sidebar .navbar-nav> li:first-child{border-top:1px #f9dcce solid !important;} .navbar-nav> li> a { padding-top:8px; padding-bottom:8px;} .navbar-inverse .navbar-nav .open .dropdown-menu> li> a { font-size:15px;} .navbar{ margin-bottom:0px !important; border-radius:0px;} .navbar-inverse{ background-color:#F92033 !important; border:1px #F92033 solid; } .navbar-inverse .navbar-nav> li> a{ color:#fff !important; font-size:18px; padding:15px 25px; font-weight:bold;} .navbar-inverse .navbar-nav> .active> a, .navbar-inverse .navbar-nav> .active> a:hover, .navbar-inverse .navbar-nav> .active> a:focus{ background-color:#EB061A;} .navbar-inverse .navbar-toggle{border:1px #CF0A1B solid;} #banner{margin:0px; padding:7px; background-color:#FFD5BC;} .glyphicon{ float:right;} .block-1{ background-color:#fff; height:367px; padding:5px;} .block-1 h2{ margin:0px 0px 25px 0px; padding:5px; font-size:18px; font-weight:bold; background-color:#139E34; color:#fff;} .block-1 h3{ margin:125px 0px 0px 0px; padding:5px; font-size:16px; font-weight:bold; color:#F80808; line-height:18px;} .block-1 .text-1{ font-size:24px; color:#FB5B69; font-weight:bold; width:100%; float:left; line-height:22px;} .block-1 .text-2{ font-size:18px; color:#B10086; font-weight:bold; width:100%; float:left; line-height:22px;} .block-1 .text-3{ font-size:18px; color:#3A3A3A; font-weight:bold; width:100%; float:left; line-height:22px;} .block-1 .text-4 a{ font-size:18px; color:#F92033; font-weight:bold; width:100%; float:left; line-height:22px;} .block-2{ background-color:#fff; padding:5px 5px 25px 5px;} .block-2 h2{ margin:0px 0px 25px 0px; padding:5px; font-size:18px; font-weight:bold; background-color:#B10086; color:#fff;} .block-2 h3{ margin:25px 0px 25px 0px; padding:5px; font-size:16px; font-weight:bold; color:#F80808; line-height:18px;} .block-2 a{ color:#1C0001; font-size:16px; font-weight:bold;} .block-2-img img{ margin:0px auto;} .main-body{ margin-bottom:90px;} .main-body h1{ font-size:24px; font-weight:bold; color:#fff;} .main-body a{color:#fff; font-size:16px; font-weight:bold;} .main-body p{ color:#fff; font-size:16px; line-height:22px;} .body-main-1{ margin:25px auto;} .body-main-1 .col-sm-4:first-child{ margin:0px 0px 0px -15px;} .block-3{ position:relative; padding:4px; background-color:#139E34; z-index:1111} .block-3 h4{ font-size:24px; font-weight:bold; margin:0px; text-align:center; color:#fff;} .block-3 p{ color:#FAE6E6; font-size:16px; line-height:22px; text-align:left; margin:8px auto;} .block-3 a{color:#FAE6E6; font-size:16px; font-weight:bold;} .block-4{ padding:4px; background-color:#FE443B;} .block-4 h4{ font-size:22px; font-weight:bold; margin:0px; text-align:center; color:#fff;} .block-4 p{ color:#FAE6E6; font-size:16px; line-height:22px; text-align:left; margin:8px auto;} .block-4 a{color:#FAE6E6; font-size:16px; font-weight:bold;} .block-5{ position:relative; padding:4px; background-color:#FF1B9C; z-index:2222} .block-5 h4{ font-size:24px; font-weight:bold; margin:0px; text-align:center; color:#fff;} .block-5 p{ color:#FAE6E6; font-size:16px; line-height:22px; text-align:left; margin:8px auto;} .block-5 a{color:#FAE6E6; font-size:16px; font-weight:bold;} .footer{ padding: 0px auto 25px auto;} .footer p{ color:#FAE6E6; padding:15px 0px;} .natraj{ position:absolute; top:111%; left:14%; } .dancer{ position:absolute; top:105%; right:14%; } .other-activities{ background-color:#F9DCCE; padding-bottom:35px; min-height:450px} .other-activities .row{ margin:0px !important;} .festival .row{ margin:5px -15px !important;} .other-activities h1{ font-size:1.5em; font-weight:600; text-align:left; margin-bottom:10px; color:#C30} .other-activities h2{ font-size:1.1em; font-weight:600; margin:0; margin-bottom:10px; color:#8d0707} .other-activities p{ text-align:justify; margin:15px 0;} #footer{ border-top:1px #F8BFA2 solid; border-bottom:1px #F8BFA2 solid;; padding:15px 0px; margin:0px; background-color:#F9DCCE;} #footer p{ text-align:center; color:#000;} .list-style-1{ margin:8px 15px;} .list-style-1 ul{ margin:15px auto;} .list-style-1 ul li{ list-style-type:square;} .banner-innerpage{ margin:28px auto 0;} .inner-list .col-sm-1{ width:4.33333333% !important;} .inner-list{ margin:25px 0px;} .inner-list p{ font-size:18px; font-weight:200; line-height:28px; color:#262626; margin:15px 0px;} .inner-list ol{ margin:10px 0px 10px -25px; padding:0px;} .inner-list ol li{ background:transparent url(../i/line.png) repeat-y 22px 0px;overflow:hidden; vertical-align:top; } .inner-left{width:35px;height:40px;padding:13px 0 0;background:transparent url("../i/bg.png") no-repeat scroll 0% 0%; text-align:center; float:left; margin:0px 0px 0px -10px;} .num{ color:#363636; font-size:16px; margin:-5px auto;} .inner-list .list-style-1 ul{ margin:15px -15px; display: table; counter-increment:none;} .inner-list .list-style-1 ul li{ background:transparent none !important; font-size:18px; line-height:32px; list-style: none;counter-increment: foo; display: table-row;} .inner-list .list-style-1 ul li::before {content: counter(foo) '.' ; display: table-cell; text-align: right; padding-right: .5em;} /*.panel-group .panel{ margin-bottom:8px;}*/ .accordion{min-height:25px;text-decoration:none;color:#db150f;font-size:1em;margin:2px 0px;padding:10px; cursor:pointer; font-size:20px; font-weight:600; } .accordion-open{color:#363636;border-radius:5px;} .accordion-open strong { color:#fff;} .accordion h2 { color:#002366; font-weight:bold; margin:0;} .accordion-open span{display:block;float:right;background:url(../i/minus.png) center center no-repeat;padding:10px} .accordion-close span{display:block;float:right;background:url(../i/plus.png) center center no-repeat;padding:10px} div.container2{margin:0;padding:0} div.content2{font-size:.9em;line-height:1.5em;margin:0;padding:10px; text-align:justify;} div.content2 ul,div.content p{margin:0px;padding:3px} div.content2 ul li{line-height:25px; list-style-position:inside;} div.content2 ul li a{color:#555} code{overflow:auto} .inner-list p:first-child { margin-top:0;} .table> thead> tr> th, .table> tbody> tr> th, .table> tfoot> tr> th, .table> thead> tr> td, .table> tbody> tr> td, .table> tfoot> tr> td{ border:1px #e9540c solid !important; font-size:16px;} .table-1 .bg-warning{ background-color:#e9540c;} .table-1{ margin:25px 0px;} .table-1 { text-align:left} .table-1 th { color:#fff; font-weight:bold;} .nav> li> a { padding-left:0;} /*---hover starts---*/ .awards-logo{padding: 0; width: 360px;height: 70px; margin: 40px auto 30px auto;} .awards-logo li{float: left;} .awards-logo li a{display: block;width: 68px;height: 70px;margin: 0 2px; outline: none; background: transparent url(../i/years.png) no-repeat top left; text-indent: -9000px;position: relative;} .awards-logo li .awards-logo-1{ background-position: 0px 0px;} .awards-logo li .awards-logo-2{background-position: -68px 0px;} .awards-logo li .awards-logo-3{background-position: -136px 0px;} .awards-logo li .awards-logo-4{background-position: -204px 0px;} .awards-logo li .awards-logo-5{ background-position: -272px 0px;} .awards-logo li a .over{width:300px;height: auto;line-height: 32px; padding: 10px; left: 50%; margin-left: -150px; font-weight: 400;font-style: italic; font-size: 14px;color: #363636; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); text-align: center; border: 4px solid #fff; background: rgba(255,255,255,100); text-indent: 0px; border-radius: 5px; position: absolute; bottom: 70px; opacity: 0; visibility: visible;pointer-events: none;box-shadow: 1px 1px 2px rgba(0,0,0,0.1); -webkit-transform: translate(35px) rotate(25deg) scale(1.5);-moz-transform: translate(35px) rotate(25deg) scale(1.5);-o-transform: translate(35px) rotate(25deg) scale(1.5); -ms-transform: translate(35px) rotate(25deg) scale(1.5);transform: translate(35px) rotate(25deg) scale(1.5);-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .awards-logo li a .over:before, .awards-logo li a .over:after{content: '';position: absolute;bottom: -15px; left: 50%; margin-left: -9px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid rgba(0,0,0,0.1);} .awards-logo li a .over:after{bottom: -14px; margin-left: -10px; border-top: 10px solid #fff;} .awards-logo li a:hover .over{visibility: visible; opacity: 0.9; -webkit-transform: translate(0px) rotate(0deg) scale(1);-moz-transform: translate(0px) rotate(0deg) scale(1); -o-transform: translate(0px) rotate(0deg) scale(1); -ms-transform: translate(0px) rotate(0deg) scale(1); transform: translate(0px) rotate(0deg) scale(1);} /*---hover ends---*/ .city{ margin:25px 0px; text-align:center;} .city-inner{ background-color:#d31e1e; padding:15px; font-size:18px; margin:8px auto; box-shadow:0px 0px 12px #EACFC2; color:#fff; font-size:1.2em;} .city-inner a { color:#fff;} .city-inner a:hover{ color:#000;} .modal-body h3{ font-size:18px; margin:2px 0px !important;} .modal-body p{ font-size:16px; line-height:32px;} #filter {background: url("../i/bar.png") repeat-x 0 -94px;display: block; height: 39px ;margin: 35px auto; position: relative; width: 60%;text-align:center; -moz-box-shadow:0 4px 4px #000; -webkit-box-shadow:0 4px 4px #000; box-shadow:0 4px 4px #000;} #filter:before, #filter:after {background: url("../i/bar.png") no-repeat;height: 43px;position: absolute; top: 0; width: 78px;content: ''; -moz-box-shadow:0 2px 0 rgba(0,0,0,0.4);-webkit-box-shadow:0 2px 0 rgba(0,0,0,0.4); box-shadow:0 2px 0 rgba(0,0,0,0.4);} #filter:before {background-position: 0 -47px;left: -78px;} #filter:after {background-position: 0 0;right: -78px;} #filter a{color: #FFFFFF;display: inline-block; height: 39px;line-height: 37px; padding: 0 15px; text-shadow:1px 1px 1px #315218;} #filter a:hover{text-decoration:none;} #filter a.active{background: url("../i/bar.png") repeat-x 0 -138px;box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2),-1px 0 0 rgba(255, 255, 255, 0.2), 1px 0 1px rgba(0,0,0,0.2) inset,-1px 0 1px rgba(0,0,0,0.2) inset;} /*---------------------------- Content area -----------------------------*/ #container{display:block;overflow:hidden; position:relative; z-index:1000; width:75%; margin:0 auto; min-height:300px;} #container li{float: left; height: 96px; list-style: none outside none; margin: 6px;position: relative; width: 125px;-moz-box-shadow: 0 0 5px #000; -webkit-box-shadow: 0 0 5px #000;box-shadow: 0 0 5px #000;} #container ul{overflow:hidden;} #container ul.hidden{display:none;} .gallery{ margin:5px 45px;} .gallery img{ margin:8px;} .content2 h3 { font-weight:600; font-size:18px; color:#C30; margin-top:0;} .sidebar .navbar-nav> li { width:100%;} @media screen and (max-width: 1500px) { .natraj{ left:8%;} .dancer{ right:8%;} } @media screen and (max-width: 1380px) { .natraj{ left:0;} .dancer{ right:0;} } @media screen and (max-width: 980px) { .natraj{display:none; } .dancer{display:none; } .body-main-1 .col-sm-4 { width:100%} .body-main-1 .col-sm-4 { width:100%; margin:0;} .body-main-1 .col-sm-4:first-child{ margin:0px 0px 0px 0px;} } @media screen and (max-width: 420px) { .body-main-1 .col-sm-4:first-child{ margin:0px 0px 0px 0px;} .block-3{ margin-bottom:8px;} .block-4{ margin-bottom:8px;} .block-5{ margin-bottom:8px;} .awards-logo{padding: 0; width: 100%;height: 70px; margin: 40px 25px 100px auto;} #filter {background: url("../i/bar.png") repeat-x 0 -94px;display: block; height: 79px ;margin: 55px auto; position: relative; width: 60%;text-align:center; -moz-box-shadow:0 4px 4px #000; -webkit-box-shadow:0 4px 4px #000; box-shadow:0 4px 4px #000;} .sidebar{ margin:15px 0px;} } @media screen and (max-width: 768px) { .block-1 { height:auto;} .block-2 { height:auto;} .body-main-1 .col-sm-4:first-child { margin: 0px 0px 0px 0;} } /* @media (min-width: 765px) { nav.sidebar:hover + .main{ margin-left: 200px;} nav.sidebar.navbar.sidebar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { margin-left: 0px;} nav.sidebar .navbar-brand, nav.sidebar .navbar-header{ text-align: center; width: 100%; margin-left: 0px;} nav.sidebar a{ padding-right: 13px;} nav.sidebar .navbar-nav> li:first-child{border-top: 1px #e5e5e5 solid;} nav.sidebar .navbar-nav> li{ border-bottom: 1px #e5e5e5 solid;} nav.sidebar .navbar-nav .open .dropdown-menu {position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none;} nav.sidebar .navbar-collapse, nav.sidebar .container-fluid{padding: 0 0px 0 0px;} .navbar-inverse .navbar-nav .open .dropdown-menu>li>a { color: #777; } nav.sidebar{width: 200px; height: 100%; margin-left: -160px; float: left; margin-bottom: 0px;} nav.sidebar li { width: 100%;} nav.sidebar:hover{margin-left: 0px;} .forAnimate{opacity: 0;} } @media (min-width: 1330px) { nav.sidebar{ margin-left: 0px; float: left;} nav.sidebar .forAnimate{opacity: 1;} } */ @media screen and (max-width:980px) {.box-1 {height:100%;}} @media screen and (min-width:1200px) {.box:after {content: ''; display: table; clear: both; }} @media (max-width:1199px){ .inner-list ol li{ background:transparent url(../i/line.png) repeat-y 32px 0px;overflow:hidden; vertical-align:top; } .inner-left{margin:5px 0px 0px !important;} }