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, strong, 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: inherit; font-size: 100%; vertical-align: baseline; }
html { line-height: 1; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }
q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }
a img { border: none; outline: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
.no-padding{ padding:0;}
.no-margin{ margin:0;}
.no-border{ border:none;}
.clear{ clear:both; margin-bottom:10px;}

/* GLOBAL START */
@font-face {
	font-family: 'OpenSans';
	src: url('../fonts//OpenSans.eot');
	src: url('../fonts/OpenSans.eot?#iefix') format('embedded-opentype'),
		url('../fonts/OpenSans.woff') format('woff'),
		url('../fonts/OpenSans.svg#OpenSans') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'OpenSans-Semibold';
	src: url('../fonts/OpenSans-Semibold.eot');
	src: url('../fonts/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/OpenSans-Semibold.woff') format('woff'),
		url('../fonts/OpenSans-Semibold.svg#OpenSans-Semibold') format('svg');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'OpenSans-Light';
	src: url('../fonts/OpenSans-Light.eot');
	src: url('../fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/OpenSans-Light.woff') format('woff'),
		url('../fonts/OpenSans-Light.svg#OpenSans-Light') format('svg');
	font-weight: 300;
	font-style: normal;
}

body {font-family: "OpenSans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; margin: 0px; background: #ffffff;	line-height: 18px; color: #373739; overflow-x: hidden;}
header{ height: 55px;}
.logo{margin: 5px 0 0; width:180px;}
.logo img {max-width: 100%;}
.navbar-toggle{ position:absolute; right:0; top:0; float:none;}
.navbar{ min-height:28px; margin-bottom:8px; border-radius:0;}
.navbar-nav > li > a{ padding:0 15px;}
.container::after, .container::before, .navbar-collapse::after, .navbar-collapse::before, .navbar::after, .navbar::before{ content: " "; display: inline;}
.navbar-inverse{ background:#333333; font-size:11px; font-weight: 700;}
.navbar-inverse .navbar-nav > li > a{ color:#cccccc;}
.navbar-nav > li > a{ line-height:normal; padding:6px 25px;}


/* STEP PANEL STASRT */
.step-panel{ font-size:15px; font-weight:700; margin:-15px 0 8px 0; height:35px; width:100%;}
.step-booking{ background:url(../images/step-panel.png) left center no-repeat;}
.step-application{ background:url(../images/step-panel2.png) left center no-repeat;}
.step-terms{ background:url(../images/step-panel3.png) left center no-repeat;}
.step-confirmation{ background:url(../images/step-panel4.png) left center no-repeat;}
.step-panel ol li{ float:left; padding:8px 0; margin: 0px 6.5%; list-style-type:decimal;}
.step-panel ol li.active{ color:#ffffff;}

/* CONTAINER START */

section{ padding:10px 0; border:solid 1px #ccc; border-radius: 3px; margin:8px auto; display:table; width:97.5%;}
section .h4{ font-family:OpenSans-Semibold, Helvetica, Arial, sans-serif; margin-top:0; font-size: 18px;}
.no-padding .col-md-4 {padding: 0 5px 0 15px;}
.no-padding .col-md-8 {padding: 0 15px 0 5px;}
/*
.venue-gallery{padding:10px; border:solid 1px #ccc; border-radius: 3px;}
vijay
*/
select option [disabled] { background-color: lightgray;opacity: 0.6; }
.venue-gallery{padding:5px; border:solid 1px #ccc; border-radius: 3px;}
.gray-bg{ background:#e4e2e3; min-height:30px; padding:5px 10px; margin-bottom:5px;}
.venue-gallery select { min-width:195px;}
.venue-gallery .form-control{ height:28px; padding:0 5px; display:inline-block; width:auto;}
.gallery > img { height:210px; width: 100%;}
.form-control{ height:32px; padding:6px 4px; font-size: 13px;}
#booking-calendar{ margin:10px 0 !important;}
.available-text{ margin:10px auto;}
.available-text span{ height:16px; width:16px; display:inline-block; margin:-1px 8px;}
.green{background:#c0fcc0; border:solid 1px #a5dca5;}
.blue{background:#b6d8fb; border:solid 1px #a5bdd9;}
.red{background:#fbb1b0; border:solid 1px #e49ba2;}
.yellow{background:#fbc48b; border:solid 1px #e3b180;}
.pink{background:#dba6f6 !important; border:solid 1px #c58fdb !important;}
.pinkBg{background:#dba6f6 !important; border:solid 1px #c58fdb !important;}
.gray{background:#dddddd; border:solid 1px #cecccc;}
.booking-list{ background:#f5f5f5; border:solid 1px #ccc; border-radius: 3px; padding:10px;}
.booking-list table, .booking-list table th{ border:none !important;}
.booking-list table td{ background:#ffffff; padding:5px;}
.booking-list table tr td:first-child{ font-weight:700;}
.booking-list table th{ padding:5px; font-weight:700;}
.fa-remove{ border:solid 1px #999; color:red; padding:2px 4px; border-radius:50%;}
.btn-continue{ text-align:center; margin:20px auto;}
/* PHOTO GALLERY */
.slidepart{ width:100%; height:242px; overflow:hidden; position:relative;}
/*vijay
.slidepart img {position:absolute; height:150px; width:350px;}
*/
.slidepart img {display: none; cursor: pointer; max-width:100%;}
.slidepart img .active{display: 'inline';}
.sl_paginationpart{ background:#efefef; width:auto; height:15px; display:table; position:relative; margin:5px 0; border:solid 1px #999;}

ul.slpagination{ margin:0px; padding:0px; list-style:none; font-family:arial; }
ul.slpagination li{ margin:0px; padding:0px; list-style:none; float:left; }
ul.slpagination li a.prev{background:url(../images/sl_prev.png) no-repeat; width:14px; height:15px; display:block; position:relative; top:20px;}
ul.slpagination li a.next{background:url(../images/sl_next.png) no-repeat; width:14px; height:15px; display:block; position:relative; top:20px; }
ul.slpagination li a.number{background:url(../images/sl_nobg.png) no-repeat; width:75px; height:54px ; display:block; text-align:center; margin:0 2px; padding:1px; border:solid 1px #ccc;}
ul.slpagination li a.number img{ width:70px; height:50px;}
ul.slpagination li a.select{ border:solid 1px #666;}

.responsive-calendar {background: none;}
/* CALENDAR TIMES START */
.calendar-times{ background:#f5f5f5; margin:0 -10px 0 -10px; border:solid 1px #ccc; border-radius:3px; padding:5px 10px;}
.calendar-times span{background:#fff; border: 1px solid #ccc; border-radius: 3px; display: inline-block; margin: 0 0 8px 0; padding: 5px 0px; text-transform:uppercase; font-size:11px; width: 24%; text-align:center; font-weight: bold;}
/*.calendar-times span:hover{ background:#efefef; cursor:pointer;}*/
.select-date {display: table; margin: 12px 0 30px; text-align: center; width: 98%;}
.select-date h4 {display: inline-block; font-weight: 700; margin: 0 auto; width: 70%;}
.select-date .btn{ padding:2px 10px; font-size:16px;}
.steps-text{ font-family:OpenSans, Helvetica, Arial, sans-serif; font-weight:bold; margin:10px 0; font-size: 13px;}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {border: 1px solid #ccc;}
.calendar-times table{ margin-bottom:8px;}
.calendar-times .table tr td{ background:#fff; cursor:pointer; text-align:center; padding:14px 0; margin:0; text-transform: uppercase; border:solid 1px #999; font-size:15px;}
.calendar-times .table tr td:hover{ background: #dba6f6;}
.calendar-times .table div{ background:#fff; font-family: monospace; border-right:solid 1px #999; display:inline-block; padding:1% 3%; font-weight:600; color:#666; width:33%; text-align:center;}
.calendar-times .table tr td div:hover{ background:#efefef;}
.calendar-times .table span{  font-size:10px; color:#333;}
.calendar-times { background: none;}
.green-bg{background:#c0fcc0!important;}
.blue-bg{background:#b6d8fb!important;}
.red-bg{background:#fbb1b0!important;}
.yellow-bg{background:#fbc48b!important;}
.pink-bg{background:#dba6f6!important;}
.gray-bg{background:#dddddd!important;}
table.table-time tr td{background:#fff !important; cursor:default !important; padding:3px !important;}
table.table-time tr td:hover{ background:none !important;}
table.table-time tr th{ background:#efefef; padding:3px; font-weight:bold; font-size:11px; border:solid 1px #999 !important;}
table.table-time .btn{ font-size:12px; padding:0px 6px;}
.h5{ font-weight:bold; font-size:13px; margin:10px 0;}
.select-time{ margin:0 0 10px 0; /*background:#f5f5f5; border:solid 1px #ccc; border-radius:3px; padding:0px 10px 10px 15px;*/}
.select-time .form-control{ display:inline; margin:0 20px 0 0; width:auto;}
.select-time .btn{ font-size:12px; padding:6px 12px; margin:-5px 0 0 0; font-weight:bold;}
.time-bg{ position:relative;}
.time-bg.form-control{ display:inline-block; width:30%;}
.time-bg.form-control > select { -moz-appearance: none; border: medium none; width: 100%;}
.time-bg .fa{ font-size:16px; position:absolute; background:#efefef; padding:7px; top:0; right:1px;}

#daycalendar td {background: #fff; text-align: center;}
#daycalendar td:hover {background: #efefef;}
.map img {border: 1px solid #ccc; margin: 10px 0; max-width:100%;}
.booking_status .form-control{ display:inline; width:auto;}


.footer {display: table; width: 100%; margin:20px 0 0 0;}
.copyright {color: #666; font-size: 12px; padding:10px 0; text-align: center; border-top:solid 1px #ccc;}

.form-group {display: inline-block; margin-bottom: 5px; width: 100%;}
.form-group label span{ color:red;}
.gray-text{ color:#999;}
.text-small{ font-size:80%;}
.text-small b{ font-weight: bold;}
.form-group .text-uppercase{ font-weight:bold; font-size:12px;}

.confirmation section, .terms section{ width:100%; padding:0 20px 20px 20px;}
.terms ol{ padding:0 0 0 15px;}
.terms li{ list-style:decimal; padding:0 0 10px 10px;}
.terms .form-group{ margin:10px 0; padding:15px; background:#f8f8f8; border:solid 1px #ccc; border-radius:3px;} 
.terms .form-group p{ margin:0 0 10px 0;}
a.bg-primary:hover, a.bg-primary:focus{ color:#ccc;}

.confirmation ul{ margin:10px 0;}
.confirmation li{padding:0 0 10px 0;}
.confirmation strong{ font-weight:bold;}
.confirmation table{ width:50%; margin:0 auto;}
.confirmation table tr td{ padding:3px;}
.confirmation .check-info{ padding:10%; color:#6cc325; font-size:120px; text-align: center;}

.carousel-control.left, .carousel-control.right { background:none;}
.carousel-control{ opacity:1; top:50%; text-shadow: none; color:#333; width:2%;}
.carousel-control:hover{ color:#666;}
.carousel-inner.onebyone-carosel { margin: auto; width: 90%; }
.onebyone-carosel .active.left { left: -33.33%; }
.onebyone-carosel .active.right { left: 33.33%; }
.onebyone-carosel .next { left: 33.33%; }
.onebyone-carosel .prev { left: -33.33%; }
#venue_selection .col-md-3{ width:22%; padding:0 0 0 1%;}

strong {font-weight: bold;}

@media only screen and (max-width: 1024px) {
	.calendar-times span{ padding:15.5px 8px; width:24%;}
}
@media only screen and (max-width: 768px) {
	.calendar-times{ margin:10px 0;}
	.calendar-times{ margin:10px -10px 0 -10px}
	.calendar-times .table div{ width:50%;}
	.navbar-toggle .icon-bar{ background:#333; height:3px; width:26px;}
	.navbar-header{ height:0;}
	.navbar-brand{ padding:10px 0;}
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{ border:none;}
	.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover{ background:none;}
	.step-panel{ margin:0 0 8px; background:none; display:table;}
	.step-panel ol li.active { color: #319be4;}
	.step-panel ol li{ padding:4px 0;}
	.venue-gallery .form-control{ width:100%; margin:8px 0 0 0;}
	.no-padding .col-md-4, .no-padding .col-md-8{ padding:10px;}
	.available-text > label { display: block;}
	.booking-list{ overflow:auto;}
	.form-control{ margin:0 0 5px 0;}
	.resp-tabs-container{ border-radius: 3px;}
	h2.resp-accordion{border-top-left-radius: 3px; border-top-right-radius: 3px;}
	.text-right{ text-align:left;}
	.form-group label{ margin-bottom:5px;}
	.select-time .form-control{ margin:0 10px;}
	#venue_selection .col-md-3{ width:100%; padding:0 5%;}
}
@media only screen and (max-width: 480px) {
	.calendar-times span{ padding: 12px 2px; line-height:12px; font-size:12px; width:32%;}
	.confirmation section, .terms section{ width:100%; padding:0 10px 10px 10px;}
	.confirmation table{ width:100%; margin:0 auto;}
	.confirmation .check-info{ padding:0;}
	.time-bg.form-control > select{ width:100%;}
	.select-time .btn{ margin:5px 0 0 0;}
	.step-panel ol li{ float:none;}
}
@media only screen and (max-width: 360px) {
	.calendar-times .table div{ width:auto; padding: 1% 4%;}
	.calendar-times .table span{ font-size:10px;}
	.select-time .form-control{ display:inline-block; width:100%; margin:0 0 5px 0;}
	
	.calendar-times span{ padding: 6px 2px; line-height:12px; font-size:10px; width:32%;}
	
}