@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700|Roboto:300,400,500,700|Oswald:400,600,700');

*{padding:0; margin:0;}
body{font-family: 'Raleway', sans-serif; margin:0; padding:0; background:#fff;}

h1, h2, h3, h4, h5, h6{margin:0px; padding:0px; }
p{margin:0px; padding:0px}
ul {margin:0px; padding:0px; list-style:none}
ul li{margin:0px; padding:0px}
a{text-decoration:none!important;}

.main-section .top-header{background:#eee; padding:15px 25px; width:100%;}
.main-section .top-header h1{font-size:20px; color:#fff; font-weight:700; font-family: 'Roboto', sans-serif; margin-top:3px; text-transform:uppercase;}
.main-section .top-header a{float:right; color:#452177; font-size:15px; font-weight:600;}
.main-section .top-header a img{margin-left:7px;}
.main-section .content-body{background:#f0f0f0; padding:0; box-shadow:inset 0 -5px 6px rgba(0,0,0,0.2);}
.main-section .content-body .content-details{background:#fff;}
.content-body .content-details h2{font-size:36px; color:#000; padding:25px 30px; }
.content-body .content-details table tbody{vertical-align:top !important;}
.content-body .content-details table tr th{padding:15px 10px!important; font-size:16px; color:#452177; font-weight:700;}
.content-body .content-details table tr td{padding:25px 10px!important; font-size:14px; color:#333; font-weight:500;}
.content-body .content-details table tr td a{font-size:14px; color:#fff; font-weight:500; text-align:center; background: #b06de9; padding:6px 12px; display:block; border-radius:50px;}
.content-body .content-details table tr td a.event-edit-btn{background:#452177;}
.content-body .content-details table tr td a:hover{opacity:0.9;}
.content-body .content-details table tr th:first-child, .content-body .content-details table tr td:first-child{padding-left:30px !important;}
.content-body .content-details table tr th:last-child, .content-body .content-details table tr td:last-child{padding-right:30px !important;}
.content-body .content-details table tr:nth-child(2n+3){background:#f7f7f7;}
.content-body .content-details table tr td span{color:#452177; font-weight:600; font-family: 'Roboto', sans-serif;}

.content-body .event-navigation{background:#fff; padding:15px 30px; margin-top:30px;}

.footer{background:#04091f; }
.footer p{font-size:16px; color:#999; font-weight:400; text-align:center; padding:20px 0;}

/*......Member Css..........*/
.content-body.content-body-member table tr th, .content-body.content-body-member table tr td{font-family: 'Roboto', sans-serif;}
.content-body.content-body-member table tr td{padding:12px !important;}
.content-body.content-body-member .content-details table tbody{vertical-align:middle !important;}

/*......Member Css..........*/
.content-details .update-haiding{padding:20px 30px; border-bottom:solid 1px #999;}
.content-details .update-haiding h2{font-size:36px; color:#000; padding:0; float:left;}
.content-details .update-haiding a{font-size:18px; text-transform:uppercase; color:#fff; font-weight:500; text-align:center; background:#e92323; padding:8px; width:110px; display:block; border-radius:4px; float:right;}
.content-details .update-haiding a:hover{background:#452177;}

.content-details .update-form{padding:30px 30px 40px 30px;}
.content-details .update-form .update-event-img{width:100%; overflow:hidden; border-radius:8px;}
.update-form .update-event-img img{width:100%;}
.update-form a.update-img-btn{font-size:18px; color:#000; background:#e5e5e5; padding:10px 30px; border-radius:50px; display:block; width:50%; text-align:center; margin:30px auto; font-weight:700;}
.update-form a.update-img-btn img{margin-right:8px; margin-top:-3px;}

.update-form-field .form-group{margin-bottom:30px;}
.update-form-field form label{font-size:18px; color:#000; font-weight:700; width:100%; padding-bottom:7px;}
.update-form-field .form-group label span{float:right;}
.update-form-field .form-group input{padding:12px 15px; min-height:50px; font-size:18px; color:#000; font-weight:500;}
.update-form-field .form-group input::placeholder, .update-form-field .form-group textarea::placeholder{color:#000;}
.update-form-field .form-group textarea{padding:12px 15px; font-size:16px; font-weight:500; line-height:26px;}
.update-form-field form button{background:#452177; font-size:20px; color:#fff; padding:10px 30px; border-radius:4px; text-transform:uppercase; font-weight:700;}
.update-form-field form button:hover{background:#e92323; color:#fff;}
.admin-wrapper{ background:#fff; box-shadow:0 15px 15px rgba(0,0,0,0.2); margin-bottom:35px;}


@media (max-width:1199px){

.main-section .top-header{padding:15px 20px;}
.main-section .content-body{padding:20px;}
.content-body .content-details h2{padding:20px; font-size:30px;}
.content-body .content-details table tr th:first-child, .content-body .content-details table tr td:first-child{padding-left:20px!important;}
.content-body .content-details table tr th:last-child, .content-body .content-details table tr td:last-child{padding-right:20px !important;}
.content-body .content-details table tr th{font-size:15px;}
.content-body .content-details table tr td .event-program-img-box{min-width:70px; overflow:hidden;}
.content-body .content-details table tr td .event-program-img-box img{width:100%;}
.content-body .content-details table tr th, .content-body .content-details table tr td{padding:15px 5px !important;}
.content-body .content-details table tr td{font-size:13px;}

.update-form a.update-img-btn{width:80%;}
.content-details .update-haiding h2{padding:0;}

}

@media (max-width:991px){
	
.logo-menu-bar .navbar-default .navbar-nav>li a{font-size:14px; padding:10px;}
.logo-menu-bar .navbar-default .navbar-nav>li a img.left-img{margin-right:5px; width:14px;}
.content-body .content-details h2{padding:15px 20px; font-size:26px;}
.main-section .content-body .content-details{width:100%; overflow-x:scroll;}
.main-section .content-body .content-details table{width:1100px;}
.navbar-default .navbar-nav>.active>a img.img-white, .navbar-default .navbar-nav>.active>a:hover img.img-white, .navbar-default .navbar-nav>.active>a:focus img.img-white, .navbar-default .navbar-nav>li>a:hover img.img-white, .navbar-default .navbar-nav>li>a:focus img.img-white{width:8px; margin-top:3px; }

.content-details .update-haiding{padding:20px;}
.update-form a.update-img-btn{font-size:16px; width:90%; padding:10px 20px; margin-top:15px;}
.content-details .update-haiding h2{padding:0;}
.content-details .update-haiding a{font-size:15px; width:100px;}
.content-details .update-form{padding:20px 20px 30px;}
.update-form-field form label{font-size:15px; padding-bottom:3px;}
.update-form-field .form-group input{font-size:15px; min-height:44px;}
.update-form-field .form-group{margin-bottom:20px;}
.update-form-field .form-group textarea{font-size:14px; line-height:23px;}
.update-form-field form button{font-size:16px;}


}

@media (max-width:767px){
	
.logo-menu-bar .navbar-default .navbar-header{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+28,eaeaea+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 28%, #eaeaea 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 28%,#eaeaea 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 28%,#eaeaea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */}
.logo-menu-bar .navbar-default .navbar-brand img{width:70px; margin-left:0;}
.logo-menu-bar .navbar-default .navbar-brand {padding:10px 15px;}
.navbar-default .navbar-toggle{margin-top:30px;}
.navbar-default .navbar-nav{margin:0;}
.logo-menu-bar .navbar-default .navbar-nav>li a img.left-img, .navbar-default .navbar-nav>.active>a img.img-white, .navbar-default .navbar-nav>.active>a:hover img.img-white, .navbar-default .navbar-nav>.active>a:focus img.img-white, .navbar-default .navbar-nav>li>a:hover img.img-white, .navbar-default .navbar-nav>li>a:focus img.img-white{width:auto; margin:0;}
.logo-menu-bar .navbar-default .navbar-nav>li a img.left-img{margin-right:8px;}
.main-section .top-header h1{font-size:16px; margin-top:5px;}
.main-section .top-header a span{display:none;}
.content-body .content-details h2{font-size:16px;}
.content-body .content-details table tr td .event-program-img-box{max-width:70px; overflow:hidden;}
.content-body .event-navigation{padding:10px 15px 7px; text-align:center;}
.pagination-lg > li > a, .pagination-lg > li > span{font-size: 12px; padding: 5px 7px;}
.footer p{font-size:14px; padding:12px 0;}

.content-details .update-form .update-event-img{width:210px; margin:0 auto;}
.update-form a.update-img-btn{width:160px;}

	
}
@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,500,600,700&subset=latin-ext');

.slider-section{ position:relative;}
.slider-content-bg{ background:url(/main/assets/images/slider-content-bg.png) no-repeat top left; max-width:515px; height:151px; padding:15px 85px 15px 20px; text-align:left;}
.slider-section .carousel-inner .item > img{ width:100%; height:auto;}
.slider-content-bg h2{font-size:30px; color:#000; font-weight:400; font-family: 'Oswald', sans-serif; margin:25px 0 10px; text-shadow:none;}
.slider-content-bg p{font-size:15px; color:#000;text-shadow:none;}
.item .carousel-caption{left:0; right:0; text-align:left;}
.carousel-caption a{font-size:15px; color:#fff; text-transform:uppercase; font-weight:700; padding:12px 20px; background:#632692; float:left;}
.carousel-caption a img{margin-left:10px;}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{width:auto; margin:0;}
.carousel-control{width:auto; margin:0;}
.carousel-control.left{ background:none; opacity:1;}
.carousel-control.right{ background:none; opacity:1;}
a.carousel-control i {display:block; width:48px; height:120px; top:40%; position:relative;}
a.carousel-control i.left-slider{ background:url(/main/assets/images/slider-left-arrow.png) no-repeat center center #fff; display:block;}
a.carousel-control:hover i.left-slider{ background:url(/main/assets/images/slider-left-arrow-hr.png) no-repeat center center #632692; display:block;}
a.carousel-control i.right-slider{ background:url(/main/assets/images/slider-right-arrow.png) no-repeat center center #fff; display:block;}
a.carousel-control:hover i.right-slider{ background:url(/main/assets/images/slider-right-arrow-hr.png) no-repeat center center #632692; display:block;}

.news-slider{ background:rgba(255,255,255,0.95); max-width:360px; padding:15px; box-sizing:border-box;}
.news-slider .row{ margin-left:-8px; margin-right:-8px;}
.news-slider .col-xs-5{ padding-left:8px; padding-right:8px;}
.news-slider .col-xs-7{ padding-left:8px; padding-right:8px;}
.news-slider h2{font-size:22px; color:#000; font-weight:400; font-family: 'Oswald', sans-serif; margin:0; text-shadow:none; text-transform:uppercase; padding:0 0 15px; border-bottom:solid 1px #ddd; margin-bottom:15px;}
.news-slider .col-xs-7 a{ font-size:15px; font-weight:700; line-height:20px; color:#151515; padding:0 0 10px 0; margin:0; display:block;}
.news-slider .col-xs-7 a:hover{ color:#632692;}
.news-slider span{ font-size:13px; font-weight:600; line-height:22px; color:#454545; padding:0; margin:0; display:block;}
.news-slider img{ max-width:100%; height:auto; padding-bottom:21px;}
.slider-section .container{ position:relative;}
.slider-section .news-slider{ position:absolute; z-index:99991; right:0; bottom:-3px;}

.tree-texture2{background:url(/main/assets/images/tree-texture-bg2.png) repeat-x top left; width:100%; margin-top:-25px; padding-top:50px; position:relative; z-index:99992}
.welcome-main{ padding:60px 0;}
.welcome-main img{ max-width:100%; height:auto; margin-top:-20px;}
.welcome-main h1{ font-size:36px; font-family: 'Oswald', sans-serif; color:#151515; text-transform:uppercase; padding:0 0 30px; margin:0; font-weight:600;}
.welcome-main h1 span{ color:#632692;}
.welcome-main p{ font-size:16px; color:#454545; line-height:26px; padding:0 0 30px; margin:0; font-weight:500;}
.blue-tree-texture{background:url(/main/assets/images/blue-tree-texture-bg.png) repeat-x top left; width:100%; height:39px; margin:0; padding:0; position:relative; z-index:99992}
.blue-tree-texture-btm{background:url(/main/assets/images/blue-tree-texture-bg-btm.png) repeat-x top left; width:100%; height:39px; margin:0; padding:0; position:relative; z-index:99992}
.music-and-culture{ width:100%; background:url(/main/assets/images/blue-texture.jpg) repeat top left; padding:50px 0;}
.music-and-culture h2{ font-size:36px; font-family: 'Oswald', sans-serif; color:#fff; text-transform:uppercase; padding:0 0 30px; margin:0; font-weight:600;}
.music-and-culture h2 span{ color:#fff;}
.music-and-culture p{ font-size:16px; color:#fff; line-height:26px; padding:0 25px 30px 0; margin:0; font-weight:500;}
.music-and-culture a{ font-size:18px; color:#000; background:#fff; border-radius:50px; padding:12px 40px 12px; display:inline-block; margin:10px 0 0; font-weight:700;}
.music-and-culture a:hover{ color:#632692; background:#ddd;}
.music-and-culture img{ max-width:100%; margin:-25px 0 -25px;}

.events-section {padding:50px 0;}
h2.heading-sec{ font-size:40px; font-weight:500;color:#151515;font-family:'Oswald', sans-serif;text-transform:uppercase;padding-bottom:50px;text-align:center;}
h2.heading-sec span{ display:inline-block; color:#632692;}
.events-big img{ width:100%; height:auto; padding-bottom:20px;}
.events-big .readmore{ float:left; background:#632692; color:#fff; font-size:12px; font-weight:700; text-transform:uppercase; padding:7px 14px;}
.events-big .readmore:hover{ background:#eee; color:#632692;}
.events-big .date{ float:right; font-size:13px; font-weight:600; color:#666;}
.events-big h2{ clear:both; font-family: 'Oswald', sans-serif; font-size:24px; text-transform:capitalize; font-weight:500; color:#333; padding:10px 0 0; margin:0;}
.events-big h2 a{ color:#333;}
.events-big h2 a:hover{ color:#452177;}
.events-big p{ font-size:15px; font-weight:500; color:#4c4c4c; padding:15px 0; line-height:24px;}
.events-small{ padding-bottom:6px;}
.events-small img{ max-width:100%; height:auto; padding-bottom:20px;}
.events-small .readmore{ float:none; display:inline-block; background:#632692; color:#fff; font-size:12px; text-transform:uppercase; margin:6px 0 10px 0; padding:7px 14px; font-weight:600;}
.events-small .readmore:hover{ background:#eee; color:#632692;}
.events-small .date{ float:none; display:block; font-size:13px; padding-bottom:10px; font-weight:700; color:#666;}
.events-small h2{ clear:both;font-family: 'Oswald', sans-serif; font-size:18px; line-height:28px; text-transform:capitalize; font-weight:500; color:#333; padding:0 0 8px; margin:0;}
.events-small h2 a{ color:#333;}
.events-small h2 a:hover{ color:#452177;}

#Footer{ padding:30px 0 0; margin:0;}
.tree-texture3{background:url(/main/assets/images/black-tree-texture-bg.png) repeat-x top left; width:100%; margin:0; padding:0; height:39px; position:relative; z-index:99992}
.main-footer{ background:#171717; padding:50px 0 0;}
.footer-logo{ max-width:100%;}
.main-footer h3{ color:#fff; font-size:20px; font-weight:700; text-transform:uppercase; padding:0 0 20px; margin:0;}
.main-footer ul{ display:block; padding:0 0 25px; margin:0; list-style:none;}
.main-footer ul li{ display:block; list-style:none; padding:0; margin:0; }
.main-footer ul li a{ font-size:14px; color:#999; display:block; padding:4px 0; margin:0; font-weight:600;}
.main-footer ul li a img{ padding-right:10px;}
.main-footer ul li a:hover{ color:#fff;}
.main-footer ul.contact li{ padding:4px 0 20px 0; line-height:20px; font-size:14px; color:#999; font-weight:600; display:block;}
.main-footer ul.contact li img{ padding-bottom:10px; float:left; margin:3px 15px 0 0;}
.main-footer p.copyright{ background:#000; padding:20px 15px; font-size:14px; color:#999; font-weight:500; text-align:center; margin:0; margin-top:25px;}
.main-footer p.disclaimer{ max-width:1140px; padding:20px 15px; font-size:11px; color:#8b8b8b; font-weight:500; line-height:14px; text-shadow:1px 1px #111; text-align:center; margin:0 auto;}
.main-footer p.disclaimer strong{ color:#eee; font-weight:600;}

/* ------------ Bootstrape Fade-in Fade-Out CSS Start here ---------------*/
.carousel-fade .carousel-inner .item {opacity:0;transition-property: opacity;}
.carousel-fade .carousel-inner .active {opacity:1;}
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left:0; opacity:0; z-index:1;}
.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity:1;}
.carousel-fade .carousel-control { z-index:2;}
/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next, .carousel-fade .carousel-inner > .item.active.right { opacity:0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
    .carousel-fade .carousel-inner > .item.prev, .carousel-fade .carousel-inner > .item.active.left { opacity:0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    .carousel-fade .carousel-inner > .item.next.left, .carousel-fade .carousel-inner > .item.prev.right, .carousel-fade .carousel-inner > .item.active { opacity:1;
        -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}

/* ------------ Bootstrape Fade-in Fade-Out CSS END here ---------------*/

.inner-banner{ background:url(/main/assets/images/inner-banner.jpg) no-repeat top center;}
.inner-banner h1{ text-align:center; font-family: 'Oswald', sans-serif; font-size:50px; font-weight:300; color:#fff; text-transform:capitalize; padding:80px 0 80px 0; margin:0;}
.inner-banner h1 span{ font-weight:600;}
.tab-navigation .nav-tabs{ text-align:center; border:none; padding-bottom:1px;}
.tab-navigation .nav-tabs > li{ float:none; display:inline-block;}
.tab-navigation .nav-tabs > li a{ border-radius:0; border:none; border-top:solid 4px #fff; background:rgba(82,36,117,0.8); color:#fff; font-size:16px; display:block; padding:5px 20px 15px 20px; font-weight:600;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{ border:none; border-top:solid 4px #522475; background:#fff; color:#522475;}
.tab-navigation .nav-tabs > li:hover > a{ border:none; border-top:solid 4px #522475; background:#fff; color:#522475;}

.tab-navigation .nav-tabs > li a i{ display:block; width:102px; height:103px; display:block; margin:15px auto 10px;}
.tab-navigation .nav-tabs > li a i.wolfclan{ background:url(/main/assets/images/wolf-clan.png) no-repeat top center; background-size:100% 100%;}
.tab-navigation .nav-tabs > li a i.deerclan{ background:url(/main/assets/images/deer-clan.png) no-repeat top center; background-size:100% 100%;}
.tab-navigation .nav-tabs > li a i.turtleclan{ background:url(/main/assets/images/turtle-clan.png) no-repeat top center; background-size:100% 100%;}
.tab-navigation .nav-tabs > li a i.snipeclan{ background:url(/main/assets/images/snipe-clan.png) no-repeat top center; background-size:100% 100%;}
.tab-navigation .nav-tabs > li a i.bearclan{ background:url(/main/assets/images/bear-clan.png) no-repeat top center; background-size:100% 100%;}

.tab-navigation .nav-tabs > li:hover > a i.wolfclan{ background:url(/main/assets/images/wolf-clan-active.png) no-repeat top center; background-size:100% 100%;}
.tab-navigation .nav-tabs > li:hover > a i.deerclan{ background:url(/main/assets/images/deer-clan-active.png) no-repeat top center; background-size:100% 100%;}
.tab-navigation .nav-tabs > li:hover > a i.turtleclan{ background:url(/main/assets/images/turtle-clan-active.png) no-repeat top center; background-size:100% 100%;}
.tab-navigation .nav-tabs > li:hover > a i.snipeclan{ background:url(/main/assets/images/snipe-clan-active.png) no-repeat top center; background-size:100% 100%;}
.tab-navigation .nav-tabs > li:hover > a i.bearclan{ background:url(/main/assets/images/bear-clan-active.png) no-repeat top center; background-size:100% 100%;}

.tab-navigation .nav-tabs > li.active > a i.wolfclan{ background:url(/main/assets/images/wolf-clan-active.png) no-repeat top center; background-size:100% 100%;}
.tab-navigation .nav-tabs > li.active > a i.deerclan{ background:url(/main/assets/images/deer-clan-active.png) no-repeat top center; background-size:100% 100%;}
.tab-navigation .nav-tabs > li.active > a i.turtleclan{ background:url(/main/assets/images/turtle-clan-active.png) no-repeat top center; background-size:100% 100%;}
.tab-navigation .nav-tabs > li.active > a i.snipeclan{ background:url(/main/assets/images/snipe-clan-active.png) no-repeat top center; background-size:100% 100%;}
.tab-navigation .nav-tabs > li.active > a i.bearclan{ background:url(/main/assets/images/bear-clan-active.png) no-repeat top center; background-size:100% 100%;}

.tab-navigation .nav-tabs > li.active > a:after { top:97%; left:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events: none; border-color: rgba(82, 36, 117, 0); border-top-color:#522475; border-width:12px; margin-left:-12px;}

.tab-content-section{ padding:50px 0 0;}
.tab-content-section .tab-content h2{ font-size:36px; font-weight:700; color:#000; background:#fff; float:left; padding:0; margin:0; padding-right:30px;}
.tab-content-section .tab-content h2 span{ color:#592b7c;}
.tab-content-section .tab-content hr{ height:1px; background:#ddd; margin:20px 0 50px; border:none;}
.tab-content-section .tab-content img{ float:right; margin-left:40px;}
.tab-content-section .tab-content p{ font-size:16px; color:#454545; line-height:24px; padding-bottom:20px; margin:0;}

.blue-bg{ width:100%; background:url(/main/assets/images/blue-texture.jpg) repeat top left; padding:30px 0 50px; margin-bottom:-60px;}
.mgtop40{ margin-top:40px;}
.clans-photo h3{ font-family:'Oswald', sans-serif; text-align:center; color:#fff; text-transform:uppercase; font-size:36px; font-weight:500; padding-bottom:50px;}
.tab-content-section .tab-content .clans-photo img{ max-width:156px; max-height:156px; border-radius:50%; border:solid 8px #fff; box-shadow:5px 5px 5px rgba(0,0,0,0.3); display:block; margin:0 auto; float:none;}
.tab-content-section .tab-content .clans-photo h4{ color:#fff; display:block; float:none; padding:10px 0 0; font-size:20px; font-weight:600; text-align:center;}
.tab-content-section .tab-content .clans-photo p{ color:#fff; display:block; float:none; padding:0 0 10px 0; font-size:15px; line-height:20px; font-weight:400; text-align:center; color:#fff; padding-bottom:40px;}
.tab-content-section .tab-content .clans-photo p strong{ color:#e2a861;}

.breadcrumb-section{ background:#f5f5f5; border-bottom:solid 1px #f2f2f2;}
.breadcrumb-section .breadcrumb{ margin:0; padding:10px 0;}
.breadcrumb-section .breadcrumb li{ font-size:14px; font-weight:600;}
.breadcrumb-section .breadcrumb li a{ color:#522475;}
.internal-main{ padding:40px 0;}
.internal-main h2{ font-size:30px; color:#151515; font-weight:700; padding-bottom:15px; margin:0;}
.internal-main h2.internal-heading{ font-size:32px; font-family:'Oswald', sans-serif; text-transform:uppercase; color:#151515; font-weight:600; padding-bottom:20px; margin:0; border-bottom:solid 1px #ddd; margin-bottom:15px;}
.internal-main h2.internal-heading span{ color:#592b7c;}
.internal-main p{ font-size:16px; line-height:24px; padding-bottom:20px; margin:0;}
.internal-main .col-sm-6 img{ width:100%; height:auto; padding-top:20px;}
.internal-main h3{ font-size:20px; font-weight:600; color:#000; line-height:30px;}
.video-section{ padding:30px 0 0; border-top:solid 1px #ddd; margin-top:10px;}
.video-section .container > h2{ font-size:44px; text-align:center; font-family:'Oswald', sans-serif; padding-bottom:15px; color:#151515; font-weight:500; text-transform:uppercase;}
.video-section .container > p{ text-align:center; font-size:16px; line-height:24px; color:#444; padding-bottom:20px; }
.video-section img{ width:100%; height:auto;}
.video-section .col-sm-4 p{ padding:12px 0 20px;}

.members h3{ font-family:'Oswald', sans-serif; text-align:center; color:#fff; text-transform:uppercase; font-size:36px; font-weight:500; padding-bottom:50px;}
.members img{ max-width:156px; max-height:156px; border-radius:50%; border:solid 8px #fff; box-shadow:5px 5px 5px rgba(0,0,0,0.3); display:block; margin:0 auto; float:none;}
.members h4{ color:#fff; display:block; float:none; padding:10px 0 0; font-size:20px; font-weight:600; text-align:center;}
.members p{ color:#fff; display:block; float:none; padding:0 0 10px 0; font-size:15px; line-height:20px; font-weight:400; text-align:center; color:#fff; padding-bottom:40px;}
.members p strong{ color:#e2a861;}

.events-page{ padding:30px 0 50px;}
.events-page h2{ text-align:center; font-size:40px; font-weight:700; color:#111;}
.events-page p{ font-size:18px; color:#777; line-height:28px; font-weight:400; text-align:center; padding:10px 0 20px;}
.events img{ display:block; width:100%; height:auto;}
.events .event-date .date{ background:#452177; text-align:center; color:#fff; font-size:14px; font-weight:700; line-height:28px; float:left; padding:2px 14px; margin:-25px 15px 0 6px; position:relative; z-index:1;}
.events .event-date .date span{ font-size:30px; display:block;}
.events .event-date .info-box-and-time{ color:#333; padding:12px 0; font-weight:600; font-size:15px; float:left;}
.events-page .events h2{ text-align:left;font-family:'Oswald', sans-serif; font-size:20px; line-height:24px; font-weight:400; color:#111; margin:10px 0 10px;}
.events-page .events p{font-size:15px; color:#454545; line-height:22px; font-weight:500; text-align:left; padding:0 0 10px;}
.events-page .events a{ font-size:15px; position:relative; top:0; left:0; color:#353535; font-weight:700; padding-right:25px; display:inline-block; border:solid 1px #c1c1c1; padding:8px 30px; border-radius:50px;}
.events-page .events a:hover{ color:#243a8d; }
.events-page .events .col-sm-4{ margin-bottom:40px;}

.event-book{ padding-bottom:0; padding-top:50px;}
.event-book h2{ font-size:36px; color:#fff; line-height:50px; font-weight:400; margin:0; padding-bottom:20px;}
.event-book h2 span{ font-weight:700;}
.event-book p{ font-size:16px; color:rgba(255,255,255,0.75); line-height:24px; font-weight:500; padding-bottom:25px; margin:0;}
.event-book a{ display:block; width:250px; font-weight:800; border-radius:50px; padding:13px 5px 13px 25px;  color:#452177; text-transform:uppercase; font-size:19px; margin-top:15px; margin-bottom:30px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+22,eaeaea+100 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 22%, #eaeaea 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 22%,#eaeaea 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 22%,#eaeaea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */
}
.event-book a img{ float:right; padding:0 8px; margin:-5px 0 -1px}
.get-your-seat{ padding:10px 30px 70px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+57,eaeaea+100 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 57%, #eaeaea 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 57%,#eaeaea 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 57%,#eaeaea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */
}
.get-your-seat h3{ font-size:32px; color:#151515; line-height:38px; font-weight:300;}
.get-your-seat h3 span{ font-weight:700; color:#452177;}
.get-your-seat p{ font-size:16px; color:#454545; line-height:24px; padding:0; margin:0 0 10px; font-weight:500;}
.get-your-seat input{ width:100%; border:none; border-bottom:solid 1px #ddd; padding:12px 0; font-size:15px; color:#151515; font-weight:600; background:none; margin-bottom:15px;}
.get-your-seat textarea{ width:100%; height:60px; border:none; border-bottom:solid 1px #ddd; padding:12px 0; font-size:15px; color:#151515; font-weight:600; background:none; margin-bottom:15px;}
.get-your-seat button{ background:#452177; border-radius:50px; padding:8px 30px; color:#fff; font-weight:700; font-size:20px; border:none; margin:15px 0; float:left;}
.get-your-seat p.need-help{ padding:12px 0 10px 150px!important; margin:0; line-height:24px; font-size:18px!important; color:#000; font-weight:600!important;}
.get-your-seat p.need-help span{ display:block; color:#452177;}

/single-event-details
     /*____________ Contact us and about us page css start here _____________*/
     /*------------------------------------------------------------*/
 .contact-info{ padding:40px 0 0;}
.contact-info .con-information h2{ font-family: 'Oswald', sans-serif; font-weight:500; padding:10px 0 15px; margin:0; font-size:30px; text-transform:uppercase; color:#151515; border-bottom:solid 1px #cccccc;}
.contact-info .con-information h2 span{color:#452177;}
.contact-info .con-information h3{ font-size:18px; color:#1e3756; margin:0; padding:30px 0 10px; font-weight:700;}
.contact-info .con-information p{font-size:16px; line-height:24px; color:#252525; font-weight:500;}
.con-information .info-box { padding:20px 0;}
.con-information .info-box h3{ font-size:20px; color:#452177; text-transform:uppercase; font-family: 'Oswald', sans-serif; font-weight:500; float:left;}
.con-information .info-box h3 img{ margin-right:15px;}
.con-information .info-box p{ font-size:16px; line-height:24px; color:#252525; font-weight:500; padding:0px 0;}
.con-information .info-box p img{ float:right; padding:0 40px 0 20px;}
.info-box ul{ list-style:none; padding:10px 0; margin:0;}
.info-box ul li{ float:left; margin-right:6px;}
.info-box ul li a{opacity:0.3;}
.info-box ul li a:hover{ opacity:1;}
.contact-from{ background:url(/main/assets/images/blue-texture.jpg) repeat top center; padding:15px 25px;}
.contact-from h2{ text-align:center; background:url(/main/assets/images/white-sapreter.jpg) no-repeat center bottom; color:#fff; font-size:32px; text-transform:uppercase; font-family: 'Oswald', sans-serif; font-weight:400; padding:20px 0 20px; margin:0 0;}
.contact-from hr{ height:4px; width:150px; margin:10px auto 20px; border:none; display:block; background:#fff; border-radius:8px;}
.contact-from input{ background:none; width:100%; color:#fff; font-size:16px; border:none; border-bottom:solid 1px rgba(255,255,255,0.5); margin-bottom:15px; padding:10px 0;}
.contact-from textarea{ background:none; width:100%; font-size:16px; border:none; border-bottom:solid 1px rgba(255,255,255,0.5); margin-bottom:15px; padding:10px 0; height:70px; color:#fff;}
.contact-from input[placeholder]{ color:#fff; opacity:1;}
.contact-from button{ border:solid 1px #fff; width:100%; color:#1e3756; text-shadow:1px 1px #fff; font-weight:800; text-transform:uppercase; font-size:30px; padding:10px 6px; border-radius:4px; margin-bottom:15px; box-sizing:border-box; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4f4f4+0,c9c9c9+100 */ background: #f4f4f4; /* Old browsers */ background: -moz-linear-gradient(top, #f4f4f4 0%, #c9c9c9 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #f4f4f4 0%,#c9c9c9 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #f4f4f4 0%,#c9c9c9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#c9c9c9',GradientType=0 ); /* IE6-9 */ }

/*-------------------------- END ------------------------*/

/* __________________________ News css start here _____________________________*/
/*-----------------------------------------------------------------------------------*/

.popular-post-section { padding:50px 0;}
h2.heading-sec{ border-bottom:solid 1px #ddd;font-size:17px;letter-spacing:3px;margin-bottom:20px;padding-bottom:0;font-weight:700;text-transform:uppercase;text-align:left;}
h2.heading-sec span{ display:inline-block; background:#2f2f2f; padding:12px 20px; color:#fff;}
.popular-post-big img{ width:100%; height:auto; padding-bottom:20px;}
.popular-post-big .category{ float:left; background:#452177; color:#fff; font-size:12px; text-transform:uppercase; padding:6px 10px;}
.popular-post-big .date{ float:right; font-size:14px; font-weight:500; color:#666;}
.popular-post-big h2{ clear:both; font-family: 'Oswald', sans-serif; font-size:24px; line-height:30px; text-transform:capitalize; font-weight:500; color:#333; padding:20px 0 0;}
.popular-post-big h2 a{ color:#333;}
.popular-post-big h2 a:hover{ color:#452177;}
.popular-post-big p{ font-size:16px; font-weight:400; color:#4f4f4f; padding:0; line-height:24px;}

.popular-post-small{ padding-bottom:6px;}
.popular-post-small img{ width:100%; height:auto; padding-bottom:20px;}
.popular-post-small .category{ float:left; background:#452177; color:#fff; font-size:12px; text-transform:uppercase; padding:6px 10px;}
.popular-post-small .date{ float:none; font-size:14px; font-weight:500; color:#666;}
.popular-post-small h2{ clear:both; font-family: 'Oswald', sans-serif; font-size:18px; line-height:24px; text-transform:capitalize; font-weight:500; color:#333; padding:6px 0 0;}
.popular-post-small h2 a{ color:#333;}
.popular-post-small h2 a:hover{ color:#452177;}

.latest-and-recent{background:#f0f0f0; padding-bottom:50px; margin-bottom:-50px;}
.top-gap{ margin-top:50px;}
.latest-and-recent .latest-post{ padding:20px 0 50px; }
.latest-news{ background:#fff; padding:30px; margin-bottom:12px; box-shadow:0 0 10px rgba(0,0,0,0.02); }
.latest-news:hover{ box-shadow:0 0 10px rgba(0,0,0,0.2); }
.latest-news img{ width:100%; height:auto; border-radius:5px;}
.latest-news .category{ float:left; background:#452177; color:#fff; font-size:12px; text-transform:uppercase; padding:6px 10px;}
.latest-news .date{ float:none; font-size:14px; font-weight:500; color:#666;}
.latest-news h2{ clear:both; font-family: 'Oswald', sans-serif; font-size:24px; line-height:30px; text-transform:capitalize; font-weight:500; color:#333; padding:10px 0 10px; margin:0;}
.latest-news h2 a{ color:#333;}
.latest-news h2 a:hover{ color:#452177;}
.latest-news p{ font-size:16px; font-weight:400; color:#4f4f4f; padding:0 0 10px; line-height:24px;}
.readmore.floatr{ float:right; position:static; padding:0;}
.recent-post{ background:#fff; padding:1px 15px 0; margin:0;}
.recent-post h2{ font-size:26px;font-family: 'Oswald', sans-serif; color:#151515; font-weight:500; text-transform:uppercase; border-bottom:solid 1px #ddd; background:url(/main/assets/images/sidebar-border.png) no-repeat bottom right; padding-bottom:15px; margin-bottom:20px;}
.recent-post h2 span{ color:#452177;}
.recent-news{ padding-bottom:25px;}
.recent-news img{ border-radius:4px 4px 4px 4px; float:left; padding-right:15px; width:85px; height:85px; box-sizing:content-box;}
.recent-news .readmore{ position:static; padding:0}
.recent-news h3{color:#252525; font-weight:700; line-height:22px; font-size:15px; text-transform:capitalize; padding:0 0 6px; margin:0;}
.recent-news h3 a{ color:#333;}
.recent-news h3 a:hover{ color:#452177;}
.connect-with-us{ background:#452177; padding:25px 15px 20px; margin:30px 0; text-align:center; }
.connect-with-us h3{ text-align:center; color:#fff; font-size:26px; font-weight:600; font-family: 'Oswald', sans-serif; text-transform:uppercase; margin:0 0 10px;}
.connect-with-us a{ display:inline-block; padding:10px 3px; text-align:center;}
.connect-with-us a:hover{ opacity:0.7;}
.categories-side{ background:#fff; padding:1px 15px 20px; margin:0;}
.categories-side h2{ font-size:26px;font-family: 'Oswald', sans-serif; color:#151515; font-weight:500; text-transform:uppercase; border-bottom:solid 1px #ddd; background:url(/main/assets/images/sidebar-border.png) no-repeat bottom right; padding-bottom:15px; margin-bottom:10px;}
.categories-side h2 span{ color:#452177;}
.categories-side ul { padding-left:0;}
.categories-side ul li{ padding:8px 0;}
.categories-side ul li a{ font-size:15px; font-weight:500; color:#151515; line-height:22px; display:block;}
.categories-side ul li a:hover{ color:#452177;}
.readmore{ color:#452177; font-size:14px; padding:20px 0 5px; font-weight:500; float:left; position:absolute; bottom:15px; left:20px;}
.readmore:hover{ color:#151515;}
.readmore i{ background:url(/main/assets/images/readmore-arrow.png) no-repeat right 2px; float:right; margin-top:2px; height:18px; width:15px; padding-left:25px;}

.pagination__controls .pagination{ width:100%; background:#fff; border-radius:0; margin:15px 0 25px; text-align:center; box-shadow:0 0 10px rgba(0,0,0,0.03);}
.pagination__controls .pagination li{ border:none; display:inline-block; text-align:center;}
.pagination__controls .pagination li a{ border:none; font-size:20px; padding:11px 12px; font-family: 'Oswald', sans-serif; font-weight:600;  display:block; width:auto; max-width:inherit; color:#777;}
.pagination__controls .pagination li.active a, .pagination__controls .pagination li a:hover, .pagination__controls .pagination li a:focus{ color:#452177; background:none;}

/* __________________________ Single post css start here _____________________________*/
/*-----------------------------------------------------------------------------------*/

.single-news-section{background:#f9f9f9; padding:40px 0 50px; margin-bottom:-50px;}
.single-news img{ width:100%; height:auto;}
.single-news h2{ font-size:24px; padding:20px 0 10px 0; color:#151515; line-height:32px; font-weight:600; margin:0;}
.single-news h3{ font-size:20px; padding:20px 0 10px 0; color:#151515; line-height:32px; font-weight:600; margin:0;}
.single-news p{ font-size:15px; padding:10px 0 10px 0; color:#252525; line-height:24px; font-weight:500; margin:0;}
.single-news ul{ padding:15px 30px;}

.internal-main .contact-from{ border-radius:0;}
.internal-main ul{ list-style:none; margin:0;}
.internal-main ul li{ padding:10px 0 10px 30px; background:url(/main/assets/images/listing-arrow.png) no-repeat left 18px;}
.categories-side.internal-sidebar { border:solid 1px #e5e5e5; margin-top:25px; padding-top:15px; background:#f1f1f1;}
.internal-main .col-md-9 img{ max-width:100%; height:auto;}



@media(min-width:300px) and (max-width:767px) {
    a.carousel-control i {display:block; width:30px; height:60px; top:20%; position:relative;}
    a.carousel-control i.left-slider{ background:url(/main/assets/images/slider-left-arrow-hr.png) no-repeat center center; background-size:10px; background-color:none; display:block;}
    a.carousel-control:hover i.left-slider{ background:url(/main/assets/images/slider-left-arrow.png) no-repeat center center; background-size:10px; background-color:none; display:block;}
    a.carousel-control i.right-slider{ background:url(/main/assets/images/slider-right-arrow-hr.png) no-repeat center center; background-size:10px; background-color:none; display:block;}
    a.carousel-control:hover i.right-slider{ background:url(/main/assets/images/slider-right-arrow.png) no-repeat center center; background-size:10px; background-color:none; display:block;}
    .carousel-caption{ bottom:0; padding:0 10px; background:rgba(0,0,0,0.95); position:relative;}
    .slider-content-bg{ padding:5px 0; background:#fff; height:auto; background:none;}
    .slider-content-bg h2{ font-family: 'Raleway', sans-serif; font-weight:700; font-size:14px; margin:0; color:#fff; padding:4px 0 0}
    .slider-content-bg p{ display:none;}
    .carousel-caption a{ font-size:11px; padding:0 0 7px; background:none; color:#8450cb;}
    .carousel-caption a:hover{ color:#fff;}
    .carousel-caption a img{ display:none;}
    .carousel-caption .container{ padding:0 10px;}
    .tree-texture2{ margin:0; opacity:0.2;}
    .slider-section .news-slider{ position:relative; bottom:0;}
    .slider-section .news-slider{ padding:20px 0;}
    .news-slider h2{ margin-bottom:0;}
    .news-slider .row{ padding-top:15px;}
    .news-slider img{ padding-bottom:15px;}
    .news-slider .row:nth-child(2n+1){ background:#f0f0f0;}
    .welcome-main{ padding:30px 0;}
    .welcome-main h1{ font-size:24px; text-align:center;}
    .welcome-main p{ font-size:14px; line-height:20px; text-align:center;}
    .welcome-main img{ display:block; margin:0 auto;}
    .music-and-culture h2{ font-size:24px; text-align:center; padding-bottom:20px;}
    .music-and-culture p{ font-size:14px; line-height:20px; text-align:center; padding:0 0 25px;}
    .music-and-culture img{ margin-top:25px;}
    .music-and-culture a{ font-size:16px; padding:10px 0; text-align:center; display:block; width:150px; margin:0 auto;}
    .music-and-culture{ padding:20px 0;}
    h2.heading-sec{ font-size:24px; padding-bottom:30px;}
    .events-big h2{ font-size:18px; line-height:24px;}
    .events-big p{ font-size:14px; line-height:20px;}
    .events-small{ clear:both; padding-top:25px; border-bottom:solid 1px #ddd;}
    .events-small h2{ font-size:14px; line-height:22px;}
    .events-small .readmore{ font-size:11px; padding:4px 8px;}
    .events-small .date{ padding-bottom:3px;}
    .events-small img{ margin-top:5px;}
    .events-small .row{ margin-left:-7px; margin-right:-7px;}
    .events-small .col-xs-5, .events-small .col-xs-7{ padding-left:7px; padding-right:7px;}
    .footer-logo{ display:block; margin:0 auto;}
    .main-footer h3{ text-align:center; padding:25px 0 20px;}
    .main-footer ul li a{ text-align:center;}
    .main-footer ul{ padding-bottom:10px;}
    .main-footer ul.contact li{ text-align:center;}
    .main-footer ul.contact li img { padding-bottom:0; float:none; margin:7px 10px 0 0;}
    .main-footer p.copyright{ font-size:11px;}

    .inner-banner h1{ font-size:30px; padding:50px 0;}
    h2{ font-size:30px;}
    p{ font-size:14px;}
    .tab-navigation{ margin:0 -15px;}
    .tab-navigation .nav-tabs > li{ float:left; width:20%;}
    .tab-navigation .nav-tabs > li a{ padding:5px 5px 10px; font-size:14px; line-height:16px;}
    .tab-navigation .nav-tabs > li a i{ width:50px; height:50px; margin:0 auto 6px;}
    .tab-content-section .tab-content h2{ float:none; text-align:center; font-size:30px;}
    .tab-content-section .tab-content hr{ display:none;}
    .tab-content-section .tab-content img{ float:none; display:block; max-width:100%; height:auto; margin:10px auto;}
    .tab-content-section .tab-content p{ font-size:15px; text-align:center; line-height:22px;}
    .clans-photo h3{ font-size:30px;}
    .internal-main h2{ font-size:30px;}
    .internal-main p{ font-size:14px; line-height:22px;}
    .video-section .container > h2{ font-size:30px;}
    .video-section .container > p{ font-size:14px; line-height:22px;}
    .contact-from{ margin-top:25px;}
    .con-information .info-box{ padding:0;}
    .popular-post-small h2{ font-size:16px; line-height:22px; padding-top:5px;}
    .popular-post-small .date{ font-size:12px;}
    .popular-post-small{ padding-bottom:25px;}
    .popular-post-section{ padding-bottom:25px;}
    .latest-news{ padding:15px}
    .latest-news img{ margin-bottom:15px;}



}

@media(min-width:768px) and (max-width:991px){
    .slider-section .news-slider{ position:relative; bottom:0;}
    .slider-section .news-slider{ padding:20px 0;}
    .navbar-default .navbar-nav > li > a{ font-size:14px; margin:0 1px; font-family: 'Oswald', sans-serif; font-weight:500;}
    .header-contact-section > a.email-top{ font-size:14px;}
    .header-contact-section > a.callus-top{ font-size:14px; padding:0 10px;}
    .header-contact-section > ul li{ padding:0 5px;}
    .header-contact-section > ul{ padding-left:10px;}
    .slider-content-bg {background: url(/main/assets/images/slider-content-bg.png) no-repeat top right; max-width:405px; height:130px; padding:15px 85px 15px 20px; text-align: left; }
    .slider-content-bg h2{ font-size:22px;}
    .slider-content-bg p{ font-size:13px;}
    .slider-content-bg{ min-height:125px;}
    .carousel-caption{ padding-left:50px; bottom:0; padding-bottom:10px;}
    a.carousel-control i{ height:100px; top:35%;}
    .news-slider{ max-width:100%;}
    .news-slider .row{ width:25%; float:left; margin:0;}
    .news-slider .row > div{ width:100%; float:none; margin:0;}
    .news-slider img{ width:100%; padding-bottom:6px;}
    .tree-texture2{ margin:0; opacity:0.3;}
    .welcome-main h1{ font-size:30px;}
    .welcome-main p{ font-size:15px; line-height:24px;}
    .music-and-culture img{ margin:0;}
    .music-and-culture h2{ font-size:30px; padding-bottom:20px;}
    .music-and-culture p{ font-size:15px; line-height:22px; padding-bottom:15px;}
    .events-small h2{ font-size:14px; line-height:20px;}
    .events-small img{ margin-top:5px;}
    .events-small .row{ margin-left:-7px; margin-right:-7px;}
    .events-small .col-xs-5, .events-small .col-xs-7{ padding-left:7px; padding-right:7px;}
    .events-big h2{ font-size:20px; line-height:26px;}
    .events-small .readmore, .events-big .readmore{ font-size:11px; padding:4px 8px;}
    .main-footer h3{ font-size:13px;}
    .tab-navigation .nav-tabs > li{ width:18.9%;}
    .tab-navigation .nav-tabs > li a{ padding:5px 0 15px 0;}

}

@media(min-width:992px) and (max-width:1199px){
    .slider-section .news-slider{ position:relative; bottom:0;}
    .slider-section .news-slider{ padding:20px 0;}
    .navbar-default .navbar-nav > li > a{ font-size:14px; margin:0 1px; font-family: 'Oswald', sans-serif; font-weight:500;}
    .header-contact-section > a.email-top{ font-size:14px;}
    .header-contact-section > a.callus-top{ font-size:14px; padding:0 10px;}
    .header-contact-section > ul li{ padding:0 5px;}
    .header-contact-section > ul{ padding-left:10px;}

    .slider-content-bg{ min-height:125px;}
    .carousel-caption{ padding-left:50px; bottom:0; padding-bottom:10px;}
    a.carousel-control i{ height:100px; top:35%;}
    .news-slider{ max-width:100%;}
    .news-slider .row{ width:25%; float:left; margin:0;}
    .news-slider .row > div{ width:100%; float:none; margin:0;}
    .news-slider img{ width:100%; padding-bottom:6px;}
    .tree-texture2{ margin:0; opacity:0.3;}
    .welcome-main h1{ font-size:30px;}
    .welcome-main p{ font-size:15px; line-height:24px;}
    .music-and-culture img{ margin:0;}
    .music-and-culture h2{ font-size:30px; padding-bottom:20px;}
    .music-and-culture p{ font-size:15px; line-height:22px; padding-bottom:15px;}
    .events-small h2{ font-size:14px; line-height:20px;}
    .events-small img{ margin-top:5px;}
    .events-small .row{ margin-left:-7px; margin-right:-7px;}
    .events-small .col-xs-5, .events-small .col-xs-7{ padding-left:7px; padding-right:7px;}
    .events-big h2{ font-size:20px; line-height:26px;}
    .events-small .readmore, .events-big .readmore{ font-size:11px; padding:4px 8px;}
    .main-footer h3{ font-size:13px;}
}



/* _________________________ Event Details CSS START here ___________________________*/
/*----------------------------------------------------------------------------------*/

.single-event-details{padding:40px 0;}
.single-event-details .single-events-img{width:100%; border:solid 1px #ddd; border-radius:2px; overflow:hidden; margin-bottom:35px;}
.single-event-details .single-events-img img{width:100%;}
.single-event-details-box h2{font-size:24px; color:#632692; font-weight:700; padding:0 0 10px; border-bottom:solid 1px #ddd; margin:20px 0 15px;}
.single-event-details-box p{font-size:16px; color:#000; line-height:30px; font-weight:500; }
.single-event-details-box p span{color:#632692;}
.single-event-details ul.single-events-social{list-style:none; margin-bottom:45px;}
.single-event-details ul.single-events-social li{display:inline-block; color:#000; padding-right:5px;}
.single-event-details ul.single-events-social li h3{font-size:24px; color:#000; margin:8px 0 0; padding:0; font-weight:700;}
.single-event-details ul.single-events-social li h3 span{font-weight:400;}
.single-event-details ul.single-events-social li img{margin-top:-5px; }
.single-event-details-box .single-events-description{padding:20px; background:#f7f7f7; border-radius:4px;}
.single-event-details-box .single-events-description h3{font-size:22px; color:#000; margin:0 0 15px; padding:0 0 8px; border-bottom:solid 1px #ddd;}
.single-event-details-box .single-events-description p{font-size:16px; color:#000; padding:0; margin:0;}
.single-event-details .event-location-details{background:#f7f7f7; padding:20px; margin-bottom:30px; border-radius:2px;}
.single-event-details .event-location-details h2{margin:0 0 12px; padding:0 0 10px; font-size:24px; font-weight:700; color:#632692; border-bottom:solid 1px #ddd;}
.single-event-details .event-location-details p{font-size:16px; color:#000; margin:8px 0 0; line-height:28px;}
.single-event-details .event-location-map{background:#f9f9f9; border:solid 1px #ddd; border-radius:2px; padding:0;}

@media(min-width:320px) and (max-width:767px){
    .single-event-details .event-location-details{padding:12px; margin:20px 0;}
    .single-event-details .event-location-details p{font-size:14px; line-height:24px;}
    .single-event-details-box h2, .single-event-details .event-location-details h2{font-size:22px;}
    .single-event-details-box p{font-size:14px; line-height:26px;}
    .single-event-details ul.single-events-social{margin-bottom:30px;}
    .single-event-details ul.single-events-social li h3{font-size:20px;}
    .single-event-details ul.single-events-social li:first-child{display:block;}
    .single-event-details ul.single-events-social li img{margin:8px 0 0;}
    .single-event-details-box .single-events-description p{font-size:14px;}
}

@media(min-width:992px) and (max-width:1199px){
    .single-event-details .event-location-details{padding:12px; margin-bottom:15px;}
    .single-event-details .event-location-details p{font-size:14px; line-height:24px;}
    .single-event-details-box h2, .single-event-details .event-location-details h2{font-size:22px;}
    .single-event-details-box p{font-size:14px; line-height:26px;}
    .single-event-details ul.single-events-social li h3{font-size:20px;}
}

/* __________________________ Event Details css END here _____________________________*/
/*-----------------------------------------------------------------------------------*/

.login-body { background:#eee;}
.login-main { padding:120px 0 100px 0;}
.login-section { background:#fff; box-shadow:0 15px 15px rgba(0,0,0,0.2); max-width:500px; min-height:200px; margin:0 auto; padding:0 20px 20px; }
.login-section .logo-login{ text-align:center; padding-bottom:25px; }
.login-section .logo-login img{ margin-top:-80px;}
.login-form .input-section{ display:block; padding-bottom:15px;}
.login-form .input-section label{ display:block; float:none; font-weight:600; font-size:16px;}
.login-form .input-section input{ width:100%; border:solid 1px #ddd; padding:10px 15px; font-size:16px; font-weight:500; color:#151515; border-radius:5px; }
.checkbox-section{ padding-bottom:25px;}
.checkbox-section input{ margin-right:10px;}
.submit-button input, .submit-button button{ width:100%; background:#632692; color:#fff; font-size:20px; font-weight:700; text-align:center; display:block; padding:15px 15px; border:none; border-radius:5px; box-sizing:border-box; text-transform:uppercase; cursor:pointer; }
.submit-button input:hover, .submit-button button:hover{ background:#353535;}
.gotoback{ text-align:center; display:block; padding:15px 15px 0; color:#151515; font-size:15px; text-decoration:underline; font-weight:600;}
.gotoback:hover{ color:#632692; text-decoration:underline;}


.events-small .readmore {
    position: relative;
    left: 0;
    top: 10px;
}

.events-big .readmore {
    position: relative;
    left: 0;
    top: 0px;
}


/*_______________ Add Member Modal Css START Here  _____________*/
/*--------------------------------------------------------------*/

#addmember-modal .modal-content{overflow:hidden; border:solid 1px #666; box-shadow:0 0 10px #666;}
#addmember-modal .modal-header{text-align:center;}
#addmember-modal .modal-header h4{font-size:24px; text-transform:uppercase; padding:15px 0; color:#000; font-weight:700;}
#addmember-modal .modal-body{padding:25px;}
#addmember-modal .modal-body form .form-group label{color:#333; font-weight:600; font-size:16px;}
#addmember-modal .modal-body form .form-group input{min-height:46px; background: #ffffff; font-size:16px; color:#151515; font-weight:500; border:solid 1px #ccc; box-shadow:none; margin-bottom:10px; margin-top:5px;}
#addmember-modal .modal-body form button{ background:#452177; text-align:center; font-size:20px; text-transform:uppercase; color:#fff; font-weight:700; padding:12px 50px; border-radius:50px; margin:10px auto 0; float:none; border:none;}
#addmember-modal .modal-body form button:hover, #addmember-modal .modal-body form button:focus{background:#ddd; color:#452177;}
.close{ font-size:45px; font-weight:400;}

/*_______________ Add Member Modal Css END Here  _____________*/
/*--------------------------------------------------------------*/


/*_______________ Add Member Modal Css START Here  _____________*/
/*--------------------------------------------------------------*/

#updatemember-modal .modal-content{overflow:hidden; border:solid 1px #666; box-shadow:0 0 10px #666;}
#updatemember-modal .modal-header{text-align:center;}
#updatemember-modal .modal-header h4{font-size:24px; text-transform:uppercase; padding:15px 0; color:#000; font-weight:700;}
#updatemember-modal .modal-body{padding:25px;}
#updatemember-modal .modal-body form .form-group label{color:#333; font-weight:600; font-size:16px;}
#updatemember-modal .modal-body form .form-group input{min-height:46px; background: #ffffff; font-size:16px; color:#151515; font-weight:500; border:solid 1px #ccc; box-shadow:none; margin-bottom:10px; margin-top:5px;}
#updatemember-modal .modal-body form button{ background:#452177; text-align:center; font-size:20px; text-transform:uppercase; color:#fff; font-weight:700; padding:12px 50px; border-radius:50px; margin:10px auto 0; float:none; border:none;}
#updatemember-modal .modal-body form button:hover, #updatemember-modal .modal-body form button:focus{background:#ddd; color:#452177;}
.close{ font-size:45px; font-weight:400;}

/*_______________ Add Member Modal Css END Here  _____________*/
/*--------------------------------------------------------------*/

.simple {
    background: none !important;
    color:#000 !important;
}