@charset "utf-8";
/* CSS Document */
html,body { width:100%; height:100%; font-family:'Roboto', sans-serif; font-weight:300; font-size:14px; line-height:18px; color:#231f20; padding:0!important;}
.container {width:1200px;}
/*====paragraph starts====*/
h1,h2,h3,h4,h5,h6 { margin:0; padding:0; margin-bottom:15px; margin-bottom:17px; color:#3d3938; font-weight:bold;}
h1 {font-size:28px; text-transform:uppercase; font-family: 'BPreplay Bold'; line-height:36px;}
h2 { font-size:28px;}
h3 { font-size:25px;}
h4 { font-size:20px;}
h5 { font-size:18px}
h6 { font-size:16px;}
/*====paragraph ends//====*/

/*====genral css starts====*/
a,span { color:#0083d7;}
a:hover,a:focus { color:#009bff; text-decoration:none; outline:none;}
p { margin-bottom:15px;}
ul,ol { margin:0; padding:0; margin-left:15px; margin-bottom:15px;}
a#backTop { display:block; text-align:right; font-family: 'BPreplay Bold'; text-transform:uppercase; color:#0083d7; margin:40px 0 21px 0; width:200px; float:right; position:relative!important; right:0!important; top:0!important;}
.mobilenav { display:none;}
.mix{ display:none;}
#trailer { line-height:0;}
#trailer .modal-dialog {max-width:880px;}
iframe { border:0;height:800px;}
/*====genral css ends//====*/

/*====header starts====*/
header { background-color:#000; padding:58px 0;}
header img { margin:0 auto;}
.header-strip {height:42px; background:url(../images/music-details-header-strip.jpg) repeat-x;}
/*====header ends//====*/

/*====home page starts====*/
#home {}
#home .header-strip { height:42px; background:url(../images/home-header-strip.jpg) repeat-x;}
.event { margin-bottom:30px; display:block; font-size:13px; line-height:17px; min-height:430px;}
.event a { color:#fff;}
.event:hover .caption a { color:#ffc100;}
.event .caption { background-color:#231f20; border-top:8px solid #ffc100; display:block; color:#fff; padding:13px; min-height:160px;}
.event .caption h6 { margin-bottom:0; line-height:20px; font-size:14px;}
.event .caption p { margin-bottom:0;}
/*====home starts starts====*/

/*====navigation starts====*/
.navigation { margin:52px 0; overflow:hidden;}
.navigation ul { font-family: 'BPreplay Bold'; list-style:none; font-size:24px; margin-bottom:0;}
.navigation ul li a { color:#333; line-height:32px; }
.navigation ul li { text-transform:uppercase; position:relative; }
.submenu { position:absolute; left:145px; top:0px; display:none;}
.submenu.n-active { display:block;}
.navigation ul li:hover .submenu { display:block;}
.submenu li,.submenu button { display:inline-block; font-family:'Roboto', sans-serif; text-transform:capitalize!important; font-size:14px; margin-left:18px; cursor:pointer;}
.submenu ul li,.submenu button:first-child { margin-left:27px; }
.submenu li:first-child { margin-left:0;}
.submenu button { background:none; border:none; padding:0; outline:none;}
.submenu button.active { font-weight:bold;}
#home .navigation ul li a:hover { color:#ffc100;}
#home h1 { color:#ffc100;}
#Filters { position:relative;}
/*====navigation ends//====*/

/*====footer starts====*/
footer { background:url(../images/footer-bg.jpg) repeat-x; padding:72px 0 50px 0; font-family: 'helveticaneuelightwebfont'; font-size:12px;}
footer a { color:#666;}
footer ul.footer-social-nav { list-style:none; margin-bottom:10px; overflow:hidden; margin-top: 5px; margin-left: 80px; }
footer ul.footer-social-nav li { float:left; margin-right:9px;}
footer ul.quick-links { list-style:none; overflow:hidden;}
footer ul.quick-links li {float:left;}
footer ul.quick-links li.divider { margin:0 7px;}
footer .footer-right { text-align: right; margin-bottom:0px; }
footer ul.quick-links { margin-bottom:2px;}
/*====footer ends//====*/

/*====calendar page starts====*/
#calendar .header-strip {height:42px; background:url(../images/calendar-header-strip.jpg) repeat-x;}
#calendar .navigation ul li a:hover { color:#14a48f;}
#calendar .submenu { top:0px; left:145px;}
#calendar .submenu2 { left:118px;}
#calendar .navigation ul li:hover ul.calendar-filter { display:block!important;}
#calendar h1 { color:#14a48f; padding-top:40px; display:table-cell; }
#calendar h4 { display:table-cell; padding-bottom:40px;  }
#calendar h4 fieldset button { border: none; background: none; }
.section-title { position:relative; margin:10px 0 20px 0;}
.section-title img { float:right;}
.section-title h2 { font-size:32px; text-transform:uppercase; font-family: 'BPreplay Bold'; margin-bottom:0;}
.event-calendar { max-width:375px;}
.event-calendar ul {list-style:none; margin:0;}
.event-calendar .day { margin-bottom:5px;}
.event-calendar .day li { color:#999; text-transform:uppercase; font-size:12px; display:inline-block; text-align:center; width:40px; margin:0 5px;}
.event-calendar .event-date h3 { width:200px; font-size:31px; color:#b8e4dd; float:left; font-family: 'BPreplay Bold'; margin:0; line-height:39px; margin-left: 5px;}
.event-calendar .event-date ul li {display:inline-block; margin:0 5px 0 6.2px; font-family: 'BPreplay Bold'; width:39px; height:39px; }
.event-calendar .event-date ul li button {background:#14a48f; text-align:center; font-size:22px; cursor:pointer; width:39px; height:39px; border: none; }
.event-calendar .event-date ul li button  { color:#fff; display:block; line-height:36px; }
.event-calendar .event-date ul li button .button-checkbox { height:0; width:0;}
.event-calendar .event-date ul li button { margin:0;}
.event-calendar .calendar-row{overflow:hidden; margin-bottom:16px;}
.event-calendar .event-date ul li button.active { background:#e20a16;}
.event-calendar .event-date { margin-bottom: 34px; }
/*====calendar page ends//====*/

/*====flim section starts====*/
.film h2 {color:#40a2e1; margin-top:40px;}
.film .event .caption {border-color:#40a2e1;}
.film .event:hover .caption a {color:#40a2e1;}
/*====flim section ends//====*/

/*====drama section starts====*/
.theatre h2 {color:#e33078; margin-top:52px;}
.theatre .event .caption {border-color:#e33078;}
.theatre .event:hover .caption a {color:#e33078;}
/*====drama section ends//====*/

/*====music section starts====*/
.music h2 {color:#f96915; margin-top:24px;}
.music .event .caption {border-color:#f96915;}
.music .event:hover .caption a {color:#f96915;}
/*====music section ends//====*/

/*====dance section starts====*/
.dance h2 {color:#e20a16; margin-top:61px;}
.dance .event .caption {border-color:#e20a16;}
.dance .event:hover .caption a {color:#e20a16;}
/*====dance section ends//====*/

/*====music details page starts====*/
.details {}
.details a { color:#3d3938;}
.details .btn { background-color:#f96915; color:#3d3938; text-align:center; padding:8px 35px 5px 35px; text-transform:uppercase; border:0; border-radius:0;}
#music-details .btn:hover { background-color:#dd6119; color:#fff;}
.details .content-details a { color:#231f20;}
.details .section-title { margin-bottom:50px;}
.details .page-nav ul { list-style:none; margin-bottom:18px; text-align:center;}
.details .page-nav ul li { display:inline-block;}
.details .page-nav ul li a { line-height:0; color:#3d3938; text-transform:uppercase;}
.details .page-nav ul li a img { margin-top:-2px;}
.details .page-nav ul li.prev img { margin-right:10px;}
.details .page-nav ul li.next img { margin-left:10px;}
.page-nav ul li.page-nav-divider { border-bottom:1px solid #c9c8c8; width:43px; margin:0 5px 4px 5px;}
.details .show-img { margin-bottom:50px;}
.details .show-img img { border-top:7px solid #f96915;}
.details .show-img .btn { margin-top:20px;}
.details .similar-shows h6 { font-size:14px; font-weight:bold; line-height:normal; text-transform:uppercase; margin-left:50px;}
.details .similar-shows ul { list-style:none;}
.details .similar-shows ul li { margin-bottom:20px; padding-left:50px; position:relative;}
.details .similar-shows ul li:before { content: " "; border-top:1px solid #c9c8c8; width:38px; display:block; position:absolute; left:0; top:3px;}
.details .content-details { margin-top:30px;}
.details .content-details p { line-height:18px;}
.details .content-details h3 { font-size:24px; margin-bottom:5px; font-weight:700;}
.details .content-details h5 { font-weight:700; margin-bottom:0; line-height:26px;}
.details .content-details h5.date { margin-top:30px;}
.details .content-details h5.time { margin-bottom:30px;}
.details .content-details .share { margin:30px 0 40px 0;}
#music-details .navigation ul li a:hover { color:#f96915;}
.details h1 {margin:0; margin-top:40px;}
#music-details h1 {color:#f96915;}
.details .section-title span { display:block; text-align:right; font-family: 'BPreplay Bold'; color:#231f20; text-transform:uppercase; margin-right:38px;}
#music-details a:hover { color:#f96915;}
.details .content-details .share p { font-size:12px; margin-bottom:5px;}
.details .content-details a.btn { margin-right:17px;}
.modal-body { padding:100px 0;}
.modal-content { border-radius:0;}
.modal-body .artist { margin-bottom:40px; overflow:hidden; width:100%;}
.modal-body .artist h6 { margin-bottom:0;}
.modal-body .artist p { margin:20px 0 0 0;}
.modal-dialog { width:1170px; border-radius:0;}
.modal-content .close { position:absolute; z-index:999; background:url(../images/modal-close-btn.png) no-repeat; width:64px; height:14px; opacity:1; top:35px; right:27px;}
.modal-content h4 { text-transform:uppercase; margin-bottom:28px; font-size:18px; font-weight:bold;}
.modal-content a { text-decoration:underline; color:#3d3938;}

#music-details .film h1 {color:#40a2e1;}
.details .show-img.film img { border-top:7px solid #40a2e1;}
.details .btn.film { background-color:#40a2e1; }
#music-details .btn.film:hover { background-color:#157ec2; color:#fff;}
#music-details a.film:hover { color:#40a2e1; }

#music-details .theatre h1 {color:#e33078;}
.details .show-img.theatre img { border-top:7px solid #e33078;}
.details .btn.theatre { background-color:#e33078; }
#music-details .btn.theatre:hover { background-color:#c7115a; color:#fff;}
#music-details a.theatre:hover { color:#e33078; }

#music-details .dance h1 {color:#e20a16 ;}
.details .show-img.dance img { border-top:7px solid #e20a16;}
.details .btn.dance { background-color:#e20a16; }
#music-details .btn.dance:hover { background-color:#bf0913; color:#fff;}
#music-details a.dance:hover { color:#e20a16; }

.exhibition h2 {color:#ffc100; }
#music-details .exhibition h1 {color:#ffc100;}
.details .show-img.exhibition img { border-top:7px solid #ffc100;}
.details .btn.exhibition { background-color:#ffc100; }
#music-details .btn.exhibition:hover { background-color:#d9a401; color:#fff;}
#music-details a.exhibition:hover { color:#ffc100; }
/*====music details page ends//====*/

/*====about us page starts====*/
.about .show-img img { border:none;}
.about .navigation ul li a:hover, .about .navigation ul li .n-active { color:#e20a16;}
.about#festival-venues h1 { color:#e20a16; float:left;}
.about#festival-venues h5 { margin-bottom:0; font-weight:bold;}
.about#festival-venues .venue-details { margin-bottom:30px;}
.about .right-col a { text-decoration:underline;}
.about#festival-venues .venue-details a.btn {text-decoration:none; padding:8px 15px 5px 15px; }
.about#festival-venues .venue-details a.btn:hover { background-color:#dd6119; color:#fff;}
.heading h1 { float:left; margin:0 0 40px 0;}
.heading ul.heading-social-nav { list-style:none; float:left; margin-left:20px;}
.heading ul.heading-social-nav li { float:left; margin:-3px 20px 0 0;}
/*====about us page ends//====*/

/*====ticketing subpage starts====*/
.about#ticketing h1 { color:#0083d7;}
/*====ticketing subpage ends//====*/

/*====contact subpage starts====*/
.about#contact h1 { color:#ffc100;}
/*====contact subpage ends//====*/

/*====promotions subpage starts====*/
.about#promotions h1 { color:#0083d7;}
.about#promotions h5 { margin-bottom: 2px; line-height: 22px;}
/*====promotions subpage ends//====*/

/*====nus center subpage starts====*/
.about#nus-centre h1 { color:#f96915;}
.about#nus-centre h5 { line-height:24px; margin-top:30px;}
/*====nus center subpage ends//====*/

/*====festival subpage starts====*/
.about#festival h1 { color:#e33078;}
.about#festival h5 { line-height:24px;}
.bootstrap-checkbox > button.btn{padding:0;width:0px;}
.bootstrap-checkbox > button.btn.displayAsButton{width:auto;}
.bootstrap-checkbox > button.btn.displayAsButton > span.label-checkbox{padding:0px;}
/*====festival subpage ends//====*/

/*====support subpage starts====*/
.about#support h1 { color:#e33078;}
#support .header-strip { height:42px; background:url(../images/home-header-strip.jpg) repeat-x;}
.about#support .navigation ul li a:hover { color:#e33078;}
.tbl-row { margin-top: 10px; text-align: left; text-transform: uppercase; }
.tbl-row img { margin-bottom: 60px; }
.about#support .row .col-sm-2, .about#support .row .col-sm-4 { font-size:14px; line-height: 18px; }
.about .mobile-show { display: none; }
/*====support subpage ends//====*/

/*====subscribe subpage starts====*/
.about#subscribe h1 { color:#40a2e1;}
.about#subscribe .navigation ul li a:hover { color:#40a2e1;}
input[type=submit] { background: #40a2e1 ; text-decoration:none; padding:8px 15px 5px 15px; color:#3d3938; text-align:center; padding:8px 35px 5px 35px; text-transform:uppercase; border:0; border-radius:0; font-family:'Roboto', sans-serif; font-weight:300; font-size:14px; line-height:18px; }
input[type=submit]:hover { background-color:#1a7bb9; color:#fff; }
#tc { display: inline; }
.checkbox { margin-bottom:15px; display:block;}
.checkbox input[type="checkbox"] { margin-left:-50px;}
.checkbox label, .radio label {font-family:'Roboto', sans-serif; font-weight:300; font-size:13px; margin-left:30px; }
.note { font-style:italic; font-size:13px;}
/*====subscribe subpage ends//====*/

/*====contact subpage starts====*/
.map-responsive { width: 470px; }
.map-responsive { height: 370px; }
/*====contact subpage ends//====*/

/*====others section starts====*/
.others h2 {color:#f96915; margin-top:61px;}
.others .event .caption {border-color:#f96915;}
.others .event:hover .caption a {color:#f96915;}
.mobile-hide { display: block; }
.mobile-show { display: none; }
/*====others section ends//====*/

/*====tshirt promotion section starts====*/
#tshirt .modal-dialog,#signupform .modal-dialog { width:100%; max-width:540px; position:fixed; right:5px; bottom:5px; margin:0; padding:0;}
#tshirt .modal-body,#signupform .modal-body { padding:50px 0 10px 29px; min-height:210px;}
#tshirt .modal-body { background:url(../images/t-shirt-img.png) no-repeat top right;}
#tshirt .content {max-width:200px;}
#tshirt .content h2 {font-family: 'BPreplay Bold'; font-size:24px; color:#000;}
#signupform .modal-body { padding:15px;}
#signupform .indicates-required {margin-bottom:5px;}
#signupform span { color:#f00;}
#signupform h3 {font-family: 'BPreplay Bold'; font-size:20px; color:#000; margin-bottom:5px;}
#signupform h6 { margin-bottom:5px;}
#signupform ul.checkbox { margin:0; margin-bottom:15px;}
#signupform ul.checkbox li { list-style:none; display:inline-block; margin-right:10px;}
#signupform .checkbox label { margin:0; padding:0; margin-left:17px; line-height:22px; font-size:11px; font-weight:bold;}
#signupform .checkbox input[type="checkbox"] { margin-left:0px;}
#signupform .form-control { border-radius:0; height:30px; border-color:#ccc; margin-bottom:10px;}
#signupform input[type=submit] { color:#fff;}
#tshirt .modal-content .close,#signupform .modal-content .close { background-image:none; top:5px; right:10px; width:15px; height:15px;}
/*====tshirt promotion section ends//====*/