/* new Css start here 28-01-2015*/
/* Home page and default page start here */
@import url(https://fonts.googleapis.com/css?family=Roboto:300,300i,700,700i);
@import url(https://fonts.googleapis.com/css?family=Barlow:800i);
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
* { margin:0; padding:0; outline:none; border:0;word-wrap:break-word;box-sizing: border-box;}
/* reset css start here */
html, body { height:100%; width:100%; min-height:100%; }
.clearfix { clear:both; }
.ie7 .clearfix { zoom:1; }
.clearfix:after { content:""; visibility:hidden; display:block; clear:both; }
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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline; line-height: 100%; outline: none; }
::selection { background: #ccc; color: #fff; text-shadow: none; } /* Safari */
::-moz-selection {
background: #ccc;
color: #fff;
text-shadow: none;
} /* Firefox */
:-moz-placeholder {
color: #bbb;
}
::-webkit-input-placeholder {
color: #bbb;
}
:-ms-input-placeholder {
color: #bbb;
}
h1 { font-size:24px; }
h2 { font-size:22px; }
h3 { font-size:20px; }
h4 { font-size:18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }
a { text-decoration:none; }
a:hover { text-decoration: underline; }
input:-webkit-autofill, input::-webkit-autofill:focus, :focus, input::focus:-webkit-autofill, input:-webkit-autofill:focus, input:focus:-webkit-autofill {
}
input:-webkit-autofill {
-webkit-box-shadow:0 0 0 50px white inset; /* Change the color to your own background color */
-webkit-text-fill-color: #000;
background-color: white !important;
}
input:-webkit-autofill:focus {
-webkit-box-shadow: /*your box-shadow*/, 0 0 0 50px white inset;
-webkit-text-fill-color: #333;
background-color:#f00;
}
strong { font-weight: 700; }
h1, h2, h3, h4, h5 { font-weight: normal; line-height: normal; }
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
input[type=text], input[type=password], input[type=email], input[type=number], input[type=file] { outline: none; padding: 5px 1%; font: 400 14px/20px 'Open Sans', sans-serif; color: #000; background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.25); border-radius: 4px;height: 42px !important; }
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=number]:focus, input[type=file]:focus {color: #414848;outline: 0;border:1px solid #e0e0e0;-webkit-box-shadow: 0px 0px 3px rgba(149,203,10,.25); -moz-box-shadow: 0px 0px 3px rgba(149,203,10,.25);box-shadow: 0 0 0 3px rgba(149,203,10,.25); }
input[type=text]:hover, input[type=password]:hover, input[type=email]:hover, input[type=number]:hover, input[type=file]:hover {color: #414848; border: 1px solid #e0e0e0; }
input[type=text]:disabled {width: 100%; text-shadow: 1px 1px 0 rgba(256, 256, 256, 1); background: #FFF; border: 1px solid #f1f1f1; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.10); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .10); -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.10); color: #000 }
input[type=text]:disabled:hover { background: inherit; color: #9D9E9E; }
input[readonly=ReadOnly] { text-shadow: 1px 1px 0 rgba(256, 256, 256, 1); background: #FFF; border: 1px solid #FFF; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.30); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .30); -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.30); }
textarea { outline: none; padding: 5px 1%; height: 60px; width: 98%; font: 400 14px/20px 'Open Sans', sans-serif; color: #000;background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.25);border-radius: 5px;resize:none;}
textarea:focus {color: #414848;outline: 0;border: 1px solid #95cb0a; }
textarea:hover {color: #414848; border: 1px solid rgba(0, 0, 0, 0.80); }
select { outline: none; padding: 3px 1%; height: 42px; width: 100%; font: 400 14px/20px 'Open Sans', sans-serif; color: #000;background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.25); border-radius: 5px;}
select:focus {color: #414848;outline: 0;border: 1px solid #95cb0a; }
select:hover {color: #414848; border: 1px solid rgba(0, 0, 0, 0.80); }
input[type=submit], button, input[type=button] {font: 600 16px/20px Roboto, sans-serif;cursor: pointer;background: linear-gradient(180deg, #1562a6 12%, #1562a6 100%) repeat 0 0; background: -webkit-linear-gradient(-90deg, #1562a6 12%, #1562a6 100%) repeat 0 0; background: -moz-linear-gradient(-90deg, #1562a6 12%, #1562a6 100%) repeat 0 0;border-radius: 5px;padding: 10px 20px;color: #fff;}
input[type=submit]:hover, button:hover, input[type=button]:hover,input[type=submit]:focus, button:focus, input[type=button]:focus,input[type=submit]:active, button:active, input[type=button]:active { text-decoration: none; color: #ffffff; background:#3287d2; }
input[type=submit].disable, button.disable, input[type=button].disable { border: 2px solid rgba(0, 0, 0, 0.10);cursor: pointer; color: rgba(0, 0, 0, 0.25);background:#e1e0e0; cursor:no-drop}
/* anchor button design*/
.myeabtn{font: 600 16px/20px Roboto, sans-serif;border-radius: 30px; border: 2px solid #95cb0a; padding: 5px 20px; cursor: pointer; color: #ffffff;background: #95cb0a; background-color:#95cb0a; height:32px; display: inline-block;line-height:32px;}
.myeabtn:active,.myeabtn:hover { text-decoration: none; color: #95cb0a; border: 2px solid #95cb0a; background:#fff}
input[type=submit]:disabled, button:disabled, input[type=button]:disabled,input[type=image]:disabled { border: 2px solid rgba(0, 0, 0, 0.10);cursor: pointer; color: rgba(0, 0, 0, 0.25);background:#e1e0e0; cursor:no-drop}
input[type=submit]:disabled:active, button:disabled:active, input[type=button]:disabled:active,input[type=image]:disabled:active { top: 0px; }
input.cancel-btn,button.cancel-btn { background: #454545}
input.cancel-btn:hover,button.cancel-btn:hover {color: #454545;border: 0px solid #454545;background: 0 0;}
input.cancel-btn:disabled, button.cancel-btn:disabled, input.cancel-btn:disabled { border: 2px solid rgba(0, 0, 0, 0.10);color: rgba(0, 0, 0, 0.25);background:#e1e0e0; cursor:no-drop}
input.cancel-btn:disabled:active, button.cancel-btn:disabled:active, input.cancel-btn:disabled:active { top: 0px; }
.info, .success, .warning, .error { border: 1px solid; margin:0; padding:10px 2% 10px 5%; width:92.5%; font:400 14px/20px 'Open Sans', sans-serif; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px#888; box-shadow: 0 0 5px #888; transition:all 2s; height:auto; -webkit-transition:all 2s; position:fixed; left:3px; top:3px; z-index:9999; }
.info { color: #00529B; background: #BDE5F8 url('../images/icon-info.png') no-repeat 10px center; }
.success { color: #4F8A10; background: #DFF2BF url('../images/icon-tick.png') no-repeat 10px center; }
.warning { color: #9F6000; background: #FEEFB3 url('../images/icon-warning.png') no-repeat 10px center; }
.error { color: #D8000C; background: #FFBABA url('../images/icon-cross.png') no-repeat 10px center; }
.successconfirm{ color: #4F8A10; background: #DFF2BF; font:600 20px/40px 'Open Sans', sans-serif; padding:10px 2% 10px 2%; width:96%;border: 1px solid; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px#888; box-shadow: 0 0 5px #888; transition:all 2s; height:auto; -webkit-transition:all 2s; display:inline-block; margin:5px 0;}
.errorconfirm{color: #D8000C; background: #FFBABA ; font:600 20px/40px 'Open Sans', sans-serif; padding:10px 2% 10px 2%; width:96%;border: 1px solid; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px#888; box-shadow: 0 0 5px #888; transition:all 2s; height:auto; -webkit-transition:all 2s; display:inline-block; margin:5px 0;}
.outer-info{ margin:0 auto; max-width:480px;}
.infomessage{ color: #00529B; background: #BDE5F8; font:400 16px/30px 'Open Sans', sans-serif; padding:10px 2% 10px 2%; width:96%; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px#888; box-shadow: 0 0 5px #888; transition:all 2s; height:auto; -webkit-transition:all 2s; display:inline-block; margin:5px 0;}
.infomessage p{ margin:5px 0; font:400 14px/20px 'Open Sans', sans-serif;}
.infomessage p a{ color:#00529b; text-decoration:underline}
.infomessage p strong{ font-weight:600;}
.successmessage{ color:#3c763d; background:#dff0d8; font:400 18px/30px 'Open Sans', sans-serif; padding:10px 2% 10px 2%; width:96%;border: 1px solid; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px#888; box-shadow: 0 0 5px #888; transition:all 2s; height:auto; -webkit-transition:all 2s; display:inline-block; margin:5px 0 20px;}
.successmessage p{ margin:5px 0; font:400 18px/24px 'Open Sans', sans-serif;}
.successmessage p a{ color:#00529b; text-decoration:underline}
.successmessage p strong{ font-weight:600;}
/*
Info message
Successful operation message
Warning message
Error message
*/
img{ max-width:100%; max-height:100%; height:auto;}
/* reset css ends here */
body { background:#f1f5f7; padding: 0; margin:0; font-family:'Open Sans', sans-serif; overflow-x:hidden; font-weight:400; line-height:100%; transition:all .5s ease-out; -moz-transition:all .5s ease-out; -webkit-transition:all .5s ease-out; -o-transition:all .5s ease-out; }
.outer-wrapper { overflow:hidden; }
.wrapper { max-width:1130px; margin:0 auto; }
/* Header start here */
.outer-header {background:#ffffff;}
header {display:flex; justify-content:space-between; align-items:center;}
.logo { padding:12px 0px; float:left; width:22%; }
/* Nav start here */
.succcessmsg { color:#087e19; font:400 30px/34px "Open Sans", sans-serif; padding:10px 1%; display:inline-block; }
.paymentfailed{ color:#f00; font:600 18px/24px "Open Sans", sans-serif; padding:0px 1% 10px; display:inline-block;}
/* Nav start here */
.outer-nav { }
nav { float:right; padding:30px 0 0 0 }
nav ul { padding:0; margin:0; list-style:none }
nav ul li { display:inline-block; padding:0 0 0 20px; }
nav ul li a { color:#454545; font:600 16px/26px 'Open Sans', sans-serif; padding:0px 0px; height:26px; display:block; backface-visibility: hidden; box-shadow: 0 0 1px rgba(0, 0, 0, 0); display: inline-block; overflow: hidden; position: relative; transform: translateZ(0px); vertical-align: middle; text-transform:uppercase}
nav ul li a:hover { color:#454545; text-decoration:none }
nav ul li a::before { background:#2098d1; bottom: 0; content: ""; height: 2px; left: 0; position: absolute; right: 100%; transition-duration: 0.3s; transition-property: right; transition-timing-function: ease-out; z-index: -1; }
nav ul li a:hover::before, nav ul li a:focus::before, nav ul li a:active::before { right: 0; }
nav ul li.active a { color:#2098d1 }
nav ul li.active a::before, nav ul li.active a::before, nav ul li.active a::before{ right: 0; }
.dsknone,.leftnavtrigger{ display:none;}
.topnav{ float:left; width:78%; padding:20px 0 0 0 }
.headnav{ float:left;}
.headnav ul{list-style: none; margin:0; padding:0}
.headnav ul li{float: left;position: relative;}
.headnav ul li a { float: left; font: 600 14px/34px Roboto, sans-serif; padding: 0; margin: 0 10px; text-transform: uppercase; backface-visibility: hidden; box-shadow: 0 0 1px transparent; display: inline-block; overflow: hidden; position: relative; transform: translateZ(0); vertical-align: middle; color: #454545 }
.headnav ul li a, .smldevice a { height: auto; box-shadow: 0 0 0 transparent; transform: translateZ(0); vertical-align: middle; overflow: hidden }
.headnav ul li a:hover { text-decoration: none; color: #95cb0a }
.headnav ul li.active a { color: #95cb0a }
/* Breadcrum start here */
.breadcrum-outer { background:#002b54; padding: 7px 9px; box-shadow: 0px 2px 4px #ccc;}
.bread-left{ float:left; vertical-align:top; padding:10px 0;font:400 14px/20px 'Open Sans', sans-serif; color:#fff;}
.bread-left a{color:#ffffff;font-weight: bold;}
.bread-right{ float:right; text-align:right; vertical-align:top; padding:5px 0; width:67%;}
.bread-right.eventtype{ width:32%;}
.bread-right select { outline: none; padding: 3px 1%; height: 30px; width: 100%; font: 400 14px/20px 'Open Sans', sans-serif; color: #000;background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.50); border-radius: 5px; }
.bread-right select:focus {background: #DFE9EC; color: #414848;outline: 0;border: 1px solid rgba(0, 0, 0, 0.80); }
.bread-right select:hover {background: #DFE9EC; }
.bread-right span{font:400 14px/30px 'Open Sans', sans-serif; color:#fff;}
.logoutContent.bread-right span{font:700 14px/30px 'Open Sans', sans-serif; color:#fff}
.bread-right b{font:600 14px/30px 'Open Sans', sans-serif; color:#fff}
.bread-right .dropdwmIntrest{ float:right; width:50%;margin-left: 20px;}
.bread-right .dropdwmIntrest div{ display:inline-block; width:57%;}
/*.bread-right.eventtype .dropdwmIntrest{ width:100%;}*/
.bread-right .dropdwmState{ float:right; width:35%;}
.bread-right .dropdwmState select{ display:inline-block; width:46%;}
/* Tabing start here */
.right-head { float:right;}
.loginsign { float:left;}
.loginsign .signin {float:right; position:relative; margin: -5px 0 0 0}
.loginsign .signin > a { float: left; font: 600 14px/20px Roboto, sans-serif; background: #1562a6; border-radius: 5px; padding: 10px 20px; color: #fff; position: relative; margin: 0 0 0 10px; text-transform:uppercase}
.loginsign .signin > a:hover { text-decoration: none; background:#2182d8; color: #ffffff; }
/* Body container start here */
.body-container { padding:20px 0; font:400 14px/20px 'Open Sans', sans-serif; color:#454545; min-height:500px;}
/* Pravicy Policy start here */
.pravicyContent { padding:20px 0 }
.pravicyContent p { font: 400 16px/24px 'Open Sans', sans-serif; color: #454545; padding: 5px 0 }
.pravicyContent p em, .pravicyContent strong { font: 600 16px/24px 'Open Sans', sans-serif; color: #454545 }
.pravicyContent p em { padding: 5px 0 }
.pravicyContent h3 { font: 600 18px/24px 'Open Sans', sans-serif; color: #454545; padding: 20px 0 5px; width:100%}
.pravicyContent h4 { font: 600 16px/24px 'Open Sans', sans-serif; color: #454545; padding: 0 }
.pravicyContent address, .pravicyContent ol li, .pravicyContent ul li { font: 400 16px/24px 'Open Sans', sans-serif; color: #454545 }
.pravicyContent ol, .pravicyContent ul { margin: 0 10px; padding: 0 10px}
.pravicyContent ol li, .pravicyContent ul li { padding: 5px }
.pravicyContent address { padding: 5px 0 }
.pravicyContent address a { color: #454545; text-decoration: underline }
.pravicyContent address a:hover { color: #454545; text-decoration: none }
/* Pravicy Policy ends here */
/* About us start here */
.about-content { padding: 20px 0 }
.about-content ul { margin: 0 0 10px 20px; padding: 0 }
.about-content ul li { padding: 3px 0 }
.about-content p { padding-bottom: 20px }
.about-content h2, .about-content h3 { color: #454545; font: 400 18px/24px "Open Sans", sans-serif }
.about-content h3 { padding-bottom: 3px }
.about-content h2 { padding-bottom: 10px }
.about-content p, .about-content ul li { color: #454545; font: 400 16px/24px "Open Sans", sans-serif }
/* About us ends here */
/* footer start here */
.outer-topfooter { background: rgba(12,49,66,.95); border-bottom: 1px solid #275c73; padding: 10px 0}
.topfooter-row{ float:left; width:30%;}
.topfooter-row.mid { border-left: 1px solid #1e4f65; border-right: 1px solid #1e4f65; padding: 0 0 0 2%; margin-right:2%; width:35%}
.topfooter-row h3 { color: #fff; font: 400 18px/40px Barlow, Arial, sans-serif; }
.topfooter-row p { color: #fff; font: 400 14px/20px Roboto, Arial, sans-serif; padding-bottom: 10px }
.contact-detail, .social { padding: 0; list-style: none }.social { margin: 0 }
.social li { margin: 5px; display: inline-block }
.social li i { font-size: 32px; transition: all ease .3s; opacity: .75; -moz-transition: all ease .3s; -webkit-transition: all ease .3s; -o-transition: all ease .3s; -ms-transition: all ease .3s }
.social li i:hover { text-decoration: none; opacity: 1; transition: all ease .3s; -moz-transition: all ease .3s; -webkit-transition: all ease .3s; -o-transition: all ease .3s; -ms-transition: all ease .3s }
.social li .fa-linkedin-square,.social li .fa-twitter-square, .social li .fa-facebook-square, .social li .fa-instagram { color: #fff }
.contact-detail { margin: 0 }
.contact-detail li { color: #fff; font: 400 13px/20px Roboto, sans-serif; margin: 10px 0 }
.contact-detail li i { font-size: 13px; padding-right: 10px }
.contact-detail li a { color: #fff }
.subscribe { padding-top: 10px }
.topfooter-row input[type=text] { display: inline-block; width: 73%; background: #fff; padding: 10px; font: 400 14px/16px Roboto, sans-serif; border-radius: 5px }
.topfooter-row input[type=submit] { color: #fff; font: 600 13px/16px Roboto, sans-serif; background: #95cb0a; border-radius: 30px; padding: 10px 18px; border: 0; cursor: pointer; text-transform: uppercase }
.topfooter-row input[type=text].is-invalid { border:1px solid #dc3545}
.footer-lnk, .outerfooter-boot p { font: 400 13px/45px Roboto, sans-serif; color: #fff }
.outerfooter-boot { background: rgba(12,49,66,.95); height: 45px }
.outerfooter-boot p { float: left }
.outerfooter-boot p br { display: none }
.footer-lnk { float: right; width: auto }
.header-slider, .slide { width: 100% }
.footer-lnk a { color: #fff }
.footer-lnk a:hover { color: #fff; text-decoration: underline }
.outer-footer { background:#454545; }
.outer-footer br { display:none; }
.invalid-feedback {display: none;width: 100%;margin-top: .25rem;font-size: 80%;color: #dc3545;}
.subscribe input[type=submit],.subscribe a#btnGo { color: #fff; font: 600 16px/32px Roboto, sans-serif; border: 2px solid #95cb0a; background: #95cb0a; border-radius: 5px; padding:9px 20px; cursor: pointer; text-transform: uppercase;top:0.5px;position:relative }
.subscribe input[type=submit],.subscribe a#btnGo:hover,.subscribe input[type=submit],.subscribe a#btnGo:focus{ background: #95cb0a;color:#ffffff; text-decoration:none;}
.topfooter-row input[type=text].is-invalid + a#btnGo + .invalid-feedback{ display:block;font:600 14px/16px Roboto, sans-serif;width: 100%;margin-top: .25rem;color: #dc3545;}
.subscribe .invalid-feedback{ display:none}
/* Footer ens here */
/* resposive menu start here */
#main-nav { display:none; position:absolute; z-index:99;margin:-5px 0 0 10px;}
#main-nav > section { }
#main-nav.show { background: #3fcee3; z-index:100; width:200px; max-height:400px; min-height: 100%; position: fixed; overflow: auto; -webkit-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; left:0; top:0; margin-left:0}
#nav-button { background: #3fcee3; height: 40px; width: 40px; border-radius: 50%; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25); top: 15px; left:5px; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #444; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; overflow: hidden; cursor:pointer }
#nav-button::before, #nav-button:after, #nav-button span { background:#fff; content: ''; display: block; width: 22px; height: 2px; position: absolute; left: 10px; border-radius:1px; }
#nav-button:before { top: 13px; }
#nav-button:after { bottom:13px; }
#nav-button span { top:50%; margin-top: 0px; color:#888888; }
/* toggleMenu animation */
.fa-close#nav-button { box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.25); left:15px;}
.fa-close#nav-button::before, #nav-button:after, #nav-button span { -webkit-transition: none 0.2s ease 0.2s; -moz-transition: none 0.2s ease 0.2s; -ms-transition: none 0.2s ease 0.2s; -o-transition: none 0.2s ease 0.2s; transition: none 0.2s ease 0.2s; -webkit-transition-property: transform, top, bottom, left, opacity; -moz-transition-property: transform, top, bottom, left, opacity; -ms-transition-property: transform, top, bottom, left, opacity; -o-transition-property: transform, top, bottom, left, opacity; transition-property: transform, top, bottom, left, opacity; }
.fa-close#nav-button span { left: -50px; opacity: 0; }
.fa-close#nav-button::before { top:17px; transform: rotate( 45deg ); -webkit-transform: rotate( 45deg ); -moz-transform: rotate( 45deg ); -ms-transform: rotate( 45deg ); -o-transform: rotate( 45deg ); left:9px }
.fa-close#nav-button:after { bottom:21px; transform: rotate( -45deg ); -webkit-transform: rotate( -45deg ); -moz-transform: rotate( -45deg ); -ms-transform: rotate( -45deg ); -o-transform: rotate( -45deg ); left:9px }
@-webkit-keyframes color { 0% {
box-shadow: 0;
}
30% {
box-shadow: 0 0 10px 25px rgba(12, 121, 137, 0.5);
}
}
@keyframes color { 0% {
box-shadow: 0;
}
30% {
box-shadow: 0 0 10px 25px rgba(12, 121, 137, 0.5);
}
}
#nav-list { position: absolute; top:60px; padding: 0 0 0 2em; opacity: 0; -webkit-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; width: 100%; list-style:none; margin:0; padding:0; display:none; }
#main-nav.show #nav-list { display:block; }
#nav-list a:hover { color: #111; }
#nav-list.nav-show { opacity: 1; }
#nav-list li a { color:#fff; font:600 14px/45px 'Open Sans', sans-serif; height:45px; padding:0 20px; display:block; text-transform:uppercase; backface-visibility: hidden; box-shadow: 0 0 1px rgba(0, 0, 0, 0); overflow: hidden; position: relative; transform: translateZ(0px); vertical-align: middle; -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; }
#nav-list li a:hover { text-decoration:none; color:#fff }
#nav-list li a::before { height:45px; background:#454545; bottom: 0; content: ""; position: absolute; left:0; width:0; transition-duration: 0.3s; transition-property: width, right; transition-timing-function: ease-out; z-index: -1; }
#nav-list li a:hover::before, #nav-list li a:focus::before, #nav-list li a:active::before { width:100%; }
#nav-list ul li.active a { background:#454545; }
#cover { opacity:0; display:none; visibility: hidden; width: 100%; height: 100%; position: fixed; z-index: 61; top: 0; left: 0; -webkit-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }
#cover.display { background: rgba(0, 0, 0, 0.5); opacity: 1; visibility: visible; display:block; }
/*ends here */
/* resposnive ends here */
.cd-top { display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 100px; right: 10px; z-index: 99999; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); overflow: hidden; text-indent: 100%; white-space: nowrap;
border-radius: 50px; background: #93c501 url(../images/cd-top-arrow.png) no-repeat center center; visibility: hidden; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; }
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; }
.cd-top:hover { background: #93c501 url(../images/cd-top-arrow.png) no-repeat center center; }
.cd-top.cd-is-visible { /* the button becomes visible */
visibility: visible; opacity: 1; }
.cd-top.cd-fade-out { /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
opacity: 1; }
.no-touch .cd-top:hover { background-color: #e86256; opacity: 1; }
/* Forgot password section start here */
.forgotpass.loginpanel{margin: 5% auto;max-width:355px;}
.loginerrormsg{color: #f00;font: 400 13px/20px "Open Sans", sans-serif; }
.CaptchaSec{padding: 15px 0 0;}
.RegisterCaptcha{margin: 0 auto;max-width: 362px;}
.registerMsg{padding:10px 0 0;}
.registerMsg p{color: #454545; font: 400 13px/20px "Open Sans", sans-serif; margin:5px 0;}
.registerpage{ margin:20px 0; min-height:500px;}
.registerpage .row span.errormsg{ color:#f00;}
/* Forgot password section ends here */
/* Login css start here*/
.card-signin { border: 0; border-radius: 1rem; box-shadow:0 .5rem 1rem 0 rgba(0,0,0,.7); }
.card-signin .card-title { margin-bottom: 2rem; font-weight: 300; font-size: 1.5rem }
.card-signin .card-body { padding: 2rem }
.form-signin { width: 100% }
.form-signin .btn { font-size: 80%; border-radius: 5rem; letter-spacing:.1rem;
font-weight: 700; padding: 1rem; transition: all .2s }
.form-signin .btn.btn-login { background: #95cb0a; border-color: #95cb0a; font: 600 16px/100% Roboto, sans-serif; color:#fff; width:100%; text-transform:uppercase}
.form-signin .btn.btn-login:hover { background: #fff; color: #95cb0a }
.form-label-group { position: relative; margin-bottom: 1rem }
.form-label-group>input, .form-label-group>label { padding: var(-input-padding-y) var(-input-padding-x); font: 400 14px/30px Roboto, sans-serif }
.form-label-group>label { position: absolute; top: 5px; left: 15px; margin-bottom: 0; line-height: 1.5; color: #495057; border: 1px solid transparent; border-radius:.25rem;transition: all .1s ease-in-out; display:none;}
.form-label-group span.errormsg{ display:inline-block; margin:5px 0 0 0; color:#f00;font:400 14px/20px Roboto, sans-serif;}
.form-label-group input:not(:placeholder-shown) {padding-top:calc(var(-input-padding-y) + var(-input-padding-y) * (2 / 3)); padding-bottom: calc(var(-input-padding-y)/ 3) }
.form-label-group input:not(:placeholder-shown)~label { font-size: 14px;font-weight:bold; color: #fff; top: -13px; left: 8px; background: #099e02; padding: 0 15px; border-radius: 3px; display:block; }
.btn-google { color: #fff; background-color: #ea4335 }
.btn-facebook { color: #fff; background-color: #3b5998 }
.form-label-group a { color: #95cb0a }
.infomessage {color: #000; background-color: #d6edf0; box-shadow: 0px 2px 4px #ccc; margin: 12px 0px 12px 0px; padding: 15px; width: 100%; border-collapse: collapse; box-sizing: border-box; clear: both;}
.infomessage p{font: 400 14px/24px "Open Sans",sans-serif;}
.infomessage p a {color: #000000;font-weight: 700;}
.card-signin span.invalid-feedback{ color:#f00;width:100%;font:400 14px/20px "Open Sans",sans-serif;}
.mx-auto{ margin:30px auto; max-width:50%;}
/* login ends here */
/*** Contact us start here --- */
.contactus { padding: 20px 0 }
.topcontent { padding: 0 0 30px }
.topcontent .col-md-12{width:100%; float:left;}
.topcontent .col-md-4{width:100%; float:left;}
.topcontent .col-md-3{ width:25%; float:left; text-align:center}
.topcontent .col-md-9{width:70%; float:left; padding-left:5%}
.contactus { padding:0px 0 100px 0; }
.address{ margin:30px 0; }
.phone{margin:40px 0 30px;}
.email{margin:30px 0;}
.topcontent .address .icon{ margin-top:10px;}
.topcontent .email .icon{ margin-top:20px;}
.topcontent .phone .icon{ margin-top:10px;}
.topcontent .phone h5{ padding-top:15px;}
.topcontent .icon { display: inline-block; }
.topcontent { padding:110px 0 0 0; width:100%}
.topcontent .icon { border: 1px solid #253946; width: 80px; height: 80px; color: #fff; line-height: 80px; border-radius: 40px; font-size: 20px; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; transition: all .2s ease-out;}
.topcontent .icon i { color: #253946; font-size: 40px; line-height: 80px; }
.topcontent h5 { font: 400 24px/40px Roboto, sans-serif; color: #555; text-align:left;}
.topcontent p { color: #555; font: 400 16px/24px Roboto, sans-serif; margin: 0; text-align:left;}
.topcontent p strong { font-weight: 600; }
.topcontent ul{ list-style:none; margin:0; padding:0;}
.topcontent ul li { color: #555; font: 400 16px/24px Roboto, sans-serif; margin: 0; text-align:left;}
.topcontent ul li a{ color:#007bff;}
.pleaseNote { padding: 20px; margin:50px 20px 0;background-color: #17a2b8;}
.pleaseNote strong { color: #fff; font: 600 16px/24px Roboto, sans-serif }
.pleaseNote span { color: #fff; font: 400 16px/24px Roboto, sans-serif }
.leftcontact{ float:left; width:50%; padding:0 2%;}
.rightcontact{ float:left; width:42%; padding:0 2%;}
.leftcontact h3{ font: 400 36px/56px Barlow, Arial, sans-serif; color: #454545; width: 100%; text-align:left;}
.leftcontact .form-group {margin-bottom: 15px;}
.leftcontact .text-muted {color: #6c757d !important;}
.contactform { width: 100%; margin:30px 0 0 0; }
.contactform label { font: 600 18px/30px Roboto, Arial, sans-serif; color: #454545; display:block; width:100%}
.contactform input[type=email], .contactform input[type=text], .contactform textarea { width:98%;vertical-align: top; }
.contactform input[type=email]:focus, .contactform input[type=text]:focus, .contactform textarea:focus { border: 1px solid #454545; }
.contactform textarea { height: 150px; resize: none; width:98%; }
.contactform input[type=submit] {font: 600 13px/20px Roboto, sans-serif; background: #95cb0a; border: 2px solid #95cb0a; border-radius: 30px; padding: 5px 30px; color: #fff; position: relative; vertical-align: middle; margin: 0; cursor: pointer; }
.contactform input[type=submit]:active, .contactform input[type=submit]:focus, .contactform input[type=submit]:hover { text-decoration: none; color: #95cb0a; border: 2px solid #95cb0a; background: 0 0; }
.custom-select.is-invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .was-validated .form-control:invalid {border-color: #dc3545;}
.custom-select.is-invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus, .was-validated .form-control:invalid:focus {border-color: #dc3545;box-shadow: 0 0 0 .2rem rgba(220,53,69,.25);}
/*** Contact us ends here --- */
/* Payment Loader start here */
.loading { position: fixed; z-index: 999; height: 2em; width: 2em; overflow:show; margin: auto; top: 0; left: 0; bottom: 0; right: 0; }
.loading:before { content: ''; display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); }
.loading:not(:required) {font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }
.loading:not(:required):after { content: ''; display: block; font-size: 10px; width: 1em; height: 1em; margin-top: -0.5em; -webkit-animation: spinner 1500ms infinite linear; -moz-animation: spinner 1500ms infinite linear; -ms-animation: spinner 1500ms infinite linear; -o-animation: spinner 1500ms infinite linear; animation: spinner 1500ms infinite linear; border-radius: 0.5em; -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0; box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0; }
.loadingnew {text-align: center;overflow: auto;margin: auto;z-index: 999; position:relative;}
.loadingnew p {color: rgba(0,0, 0, 1);font-size: 26px;padding: 0 0 0 30px;margin: 0;display: inline-block;line-height: 50px;}
.loadingnew .loadingsec {content: '';display: inline-block;font-size: 10px;width: 1em;height: 1em;margin-top: 24px;/*position: absolute;*/-webkit-animation: spinner 1500ms infinite linear;-moz-animation: spinner 1500ms infinite linear;-ms-animation: spinner 1500ms infinite linear;-o-animation: spinner 1500ms infinite linear;animation: spinner 1500ms infinite linear;border-radius: 0.5em;-webkit-box-shadow: rgba(0, 0, 0, 1) 1.5em 0 0 0, rgba(0, 0, 0, 1) 1.1em 1.1em 0 0, rgba(0, 0, 0,1) 0 1.5em 0 0, rgba(0, 0, 0, 1) -1.1em 1.1em 0 0, rgba(0, 0, 0, 1) -1.5em 0 0 0, rgba(0, 0, 0, 1) -1.1em -1.1em 0 0, rgba(0, 0, 0, 1) 0 -1.5em 0 0, rgba(0, 0, 0, 1) 1.1em -1.1em 0 0;box-shadow: rgba(0,0, 0, 1) 1.5em 0 0 0, rgba(0,0, 0, 1) 1.1em 1.1em 0 0, rgba(0,0, 0, 1) 0 1.5em 0 0, rgba(0,0, 0, 1) -1.1em 1.1em 0 0, rgba(0,0, 0, 1) -1.5em 0 0 0, rgba(0,0, 0, 1) -1.1em -1.1em 0 0, rgba(0,0, 0, 1) 0 -1.5em 0 0, rgba(0,0, 0, 1) 1.1em -1.1em 0 0;}
@-webkit-keyframes spinner {
0% {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg)}
100% {-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);}
}
@-moz-keyframes spinner {
0% {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);}
100% {-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);}
}
@-o-keyframes spinner {
0% {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);}
100% {-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);}
}
@keyframes spinner {
0% {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);}
100% {-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);}
}
/* ends here */
/* table style start here */
table.tableGrid_layout { font: 400 14px/20px 'Open Sans', sans-serif; border:1px solid #dee2e6; text-align: left; color: #333333; border-bottom: 0;width:98%;border-collapse: collapse;margin:18px auto}
table.tableGrid_layout tr td { font: 400 14px/20px 'Open Sans', sans-serif; border-right: 1px solid #dee2e6; border-bottom: 1px solid #dee2e6; padding: 5px;min-height: 30px; vertical-align:top}
table.tableGrid_layout tr td:first-child { border-left:0px solid #729ea5; }
table.tableGrid_layout tr td:last-child { border-right:0px solid #729ea5; }
table.tableGrid_layout tr:nth-child(odd) td { background:#fff; }
table.tableGrid_layout tr:nth-child(even) td { background:rgba(0,0,0,.03); }
table.tableGrid_layout tr:hover td {background:rgba(0,0,0,.06); }
table.tableGrid_layout th { font: 600 14px/20px 'Open Sans', sans-serif; background-color:rgba(0,0,0,.12); border-right: 1px solid #dee2e6; border-bottom: 1px solid #dee2e6; padding: 5px; text-align: left !important; }
table.tableGrid_layout tr th:first-child { border-left:0px solid #729ea5; }
table.tableGrid_layout tr th:last-child { border-right:0px solid #729ea5; }
table.tableGrid_layout tr th a { color: #007bff; }
table.tableGrid_layout tr td a { color:#007bff; }
table.tableGrid_layout tr td.delete_icon{ width:40px; text-align:center;}
table.tableGrid_layout.royalcaptbl{ margin:0 auto; width:480px;}
table.tableGrid_layout.royalcaptbl tr th{ text-align:center !important;}
table.tableGrid_layout.royalcaptbl tr td{ text-align:left !important; vertical-align:middle}
table.tableGrid_layout.royalcaptbl tr td:nth-child(2){ text-align:center !important}
table.tableGrid_layout.royalcaptbl tr td:nth-child(3){ text-align:center !important}
table.tableGrid_layout.royalcaptbl tr:last-child td:nth-child(2){ text-align:left !important}
table.tableGrid_layout_new3 { font: 400 14px/20px 'Open Sans', sans-serif; border:1px solid #dee2e6; text-align: left; color: #333333; border-bottom: 0;width:100%;border-collapse: collapse;}
table.tableGrid_layout_new3 tr td { font: 400 14px/20px 'Open Sans', sans-serif; border-right: 1px solid #dee2e6; border-bottom: 1px solid #dee2e6; padding: 5px;min-height: 50px; vertical-align:top}
table.tableGrid_layout_new3 tr td:first-child { font: 600 14px/22px "Open Sans", sans-serif; color: #454545; width: 31%; border-right: 1px solid #dee2e6;}
.align-tab-w { width:58%}
/* ends here */
/* pop up message box start */
.msgpopup{ background:#fff; border:1px solid #bab9b9;font:16px/24px "Open Sans",sans-serif;}
.msgpopup .mpHd{ background: linear-gradient(180deg, #ffffff 12%, #b9b9b9 100%) repeat 0 0; background: -webkit-linear-gradient(-90deg, #ffffff 12%, #b9b9b9 100%) repeat 0 0; background: -moz-linear-gradient(-90deg, #ffffff 12%, #b9b9b9 100%) repeat 0 0; border-bottom: 1px solid #bab9b9;padding: 5px 10px; color: #454545; font:400 18px/24px "Open Sans", sans-serif; text-transform:uppercase;}
.msgpopup table{ padding:10px;}
.msgpopup table tr td{font:16px/24px "Open Sans",sans-serif;vertical-align:top}
.msgpopup .mpClose{ text-align:center; padding:10px 0}
.msgpopupoverlay{ background:rgba(0,0,0,.6);}
/* ends here */
/* Default page start here */
.entry-stage{background:#002b54; padding:10px; text-align:center; margin-bottom:20px}
.entry-stage h2{ font:700 24px/24px"Open Sans",sans-serif; color:#fff; width:100%; font-style: italic; text-transform:uppercase}
.homepagelink,.bookinginfolink{ margin:0;}
.homepagelink ul,.bookinginfolink ul{ list-style:none; margin:0 ; padding:0; float:left; width:100%; display: flex; flex-wrap: wrap; gap: 15px;}
.homepagelink ul li,.bookinginfolink ul li{ width:calc(100% / 2 - 8px); display: flex;}
.homepagelink ul li a, .bookinginfolink ul li a {
color: #000;
font: 600 16px/20px 'Open Sans', sans-serif;
border: 1px solid #cecedd;
border-radius: 3px;
padding: 15px 15px;
box-shadow: 0 7px 6px rgba(0,0,0,.09);
width: 100%;
text-align: left;
background: #f5f5ff;
transition: all 0.2s ease-in;
}
.homepagelink ul li a:hover,.bookinginfolink ul li a:hover{ background-color:#002b54; text-decoration:none; color:#fff;}
.imgarea{ text-align:center; max-width:100%}
/* Default page ends here */
/* Venue Introduction css start here */
.venuetext{color:#000;font: 400 14px/24px "Open Sans",sans-serif;}
.venuetext h1{font: 400 24px/34px "Open Sans",sans-serif;}
.venuetext p{color:#000;font: 400 14px/24px "Open Sans",sans-serif;}
.venuetext a{color:#248ec2; text-decoration:underline;}
.venuetext ul{ margin:0 20px; padding:0;}
.venuetext ul li{color:#000;font: 400 14px/24px "Open Sans",sans-serif;}
.venueclose{color:#000;font:600 20px/40px "Open Sans",sans-serif;}
.venueclose small{ color:#f00;font:600 20px/40px "Open Sans",sans-serif;}
.rdOption{}
.rdOption table{ width:60%;}
.rdOption table tr td{color:#f00;font:600 16px/24px "Open Sans",sans-serif; text-align:left;}
.rdOption table tr td input[type=radio]{ margin-right:10px;}
.app-colem-btn{ margin:20px 0; text-align:center}
.btngroup{ text-align:center; padding:20px 0;}
/* ends here */
/* booking page start here */
.app-outer { border: 1px solid rgba(0,0,0,.125); margin:0 0px; border-radius:0; }
.app-heading { background:rgba(0,0,0,.03); border-bottom:1px solid rgba(0,0,0,.125);border-top:0px solid rgba(0,0,0,.125); border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0; padding: 10px 0; }
.app-heading h2 { color: #454545; font:400 18px/24px "Open Sans", sans-serif; padding:0 1%; display:inline-block; margin:0; text-transform:uppercase; }
.app-heading h2 > small{ color:#f00; font:400 18px/24px "Open Sans", sans-serif;}
.app-heading h2 > em{ color:#8e0606; font:400 18px/24px "Open Sans", sans-serif;}
.app-heading h3 { color: #454545; font:400 18px/24px "Open Sans", sans-serif; padding:0 1.5%; display:inline-block; margin:0; text-transform:uppercase; }
.app-colem label { font:600 14px/22px "Open Sans", sans-serif; color:#454545; text-align:right; margin:0px 5px 0px 0; padding:5px 0; width:30%; float:left;}
.app-colem label > small{font:600 14px/22px "Open Sans", sans-serif; color:#f00; }
.Wizard9 .app-colem label { padding:0;}
.Wizard9 .app-colem label + div{font:400 14px/22px "Open Sans", sans-serif; color:#454545; }
.app-colem { border-bottom: 0px solid #C2C2C2; position:relative; margin:10px 0}
.app-colem .row { vertical-align:middle; position:relative;font:400 14px/30px 'Open Sans', sans-serif; color:#454545; margin:0;display:inline-block; width:100%;}
.app-colem .row a { color:#454545; text-decoration:underline }
.app-colem .row p{font:400 14px/20px "Open Sans", sans-serif; color:#454545; padding:5px 1%;}
.app-colem .row p.subHeading{background:#b9b9b9;padding: 5px 1%;font:600 16px/24px "Open Sans", sans-serif; }
.app-colem .row ul, .app-colem .row ol{margin:0 1%; list-style:inside decimal; padding:0}
.app-colem .row ul li,.app-colem .row ol li{font:400 14px/20px "Open Sans", sans-serif; color:#454545; margin:2px 0}
.Wizard1{}
.Wizard1 input{ width:40%;}
.Wizard1 select{ width:40%;}
.Wizard1 input + span,.Wizard1 select + span{font:400 14px/20px "Open Sans", sans-serif; color:#f00; padding:5px; display:inline-block;}
.trEvent.alert{ margin:5px;font:400 14px/20px "Open Sans", sans-serif;}
.Wizard2 input[type=text]{ width:40%;}
.Wizard2 select{ width:40%;}
.Wizard2 input + span,.Wizard2 select + span{font:400 14px/20px "Open Sans", sans-serif; color:#f00; padding:5px; display:inline-block;}
.tableGrid_layout.grdQuestion{ width:auto;min-width:50%;max-width:98%;margin:18px auto;}
.tableGrid_layout.grdQuestion tr td{ padding:5px 10px;}
.tableGrid_layout.grdQuestion tr td:first-child{font:600 14px/22px "Open Sans", sans-serif; color:#454545; width:30%; border-right:1px solid #dee2e6}
.tableGrid_layout.grdQuestion tr:hover td,.tableGrid_layout.grdQuestion tr td:hover{ background:transparent;}
/* ends here */
/* pop up message box start */
.msgpopup{ background:#fff; border:1px solid #bab9b9;font:16px/24px "Open Sans",sans-serif;}
.msgpopup .mpHd{ background:rgba(0,0,0,.03); border-bottom:1px solid rgba(0,0,0,.125);border-top:0px solid rgba(0,0,0,.125); padding: 10px; font:400 18px/24px "Open Sans", sans-serif; text-transform:uppercase;}
.msgpopup table{ padding:10px;}
.msgpopup table tr td{font:16px/24px "Open Sans",sans-serif;vertical-align:top ; padding:5px;}
.msgpopup .mpClose{ text-align:center; padding:10px 0}
.msgpopupoverlay{ background:rgba(0,0,0,.6);}
/* stable booking */
.bookingBlock{ text-align:center; margin-bottom:20px; position:relative}
.bookingBlock table{text-align:left;}
.bookingBlock table tr td{ padding:3px;}
.blankitem, .none{ height:auto; width:auto; font-size:0px; line-height:0px; padding:5px; margin:0;}
.bookingBlock1{ text-align:center; margin-bottom:20px; position:relative}
.bookingBlock1 table{ width:100%; text-align:left;}
.bookingBlock1 table tr td{font:400 14px/20px "Open Sans",Arial,Helvetica,sans-serif; width:40px; height:40px; padding:5px; cursor:pointer; border:1px solid #000000; display:inline-block; vertical-align:top; margin:2px 0; text-align:center;}
.bookingBlock1 table tr td.reserveditem{ color:#000}
.bookingBlock1 table tr td.none{ border:0; width:42px;}
#dhtmltooltip { position: absolute; width:auto;max-width:16%; border:0px solid black; padding:5px; background-color: #666 !important; visibility: hidden; z-index: 100;color: #fff;font:400 12px/18px "Open Sans",Arial,Helvetica,sans-serif;}
.entry-stage h2 img{ max-width:100%;}
.stable_hints {}
.stable_hints ul{ list-style:none; margin:0; padding:0;}
.stable_hints ul li{ display:inline-block; width:48%; padding: 0;color: #454545;font:400 14px/20px "Open Sans",Arial,Helvetica,sans-serif; vertical-align:top}
.stable_hints ul li span{ height:10px; display:inline-block; margin-right:10px;}
.availitem_S { padding: 0px; border:solid 1px #000000; background-color: #00ff33; width:32px; text-align:center; font-size: 12px; cursor: pointer; }
.availitem_Sa { padding: 0px; border:solid 1px #000000; background-color: #00ff33; width:32px; text-align:center; font-size: 12px; cursor: pointer; }
.availitem_S1 { padding: 0px; border:solid 1px #000000; background-color: #FF0000; width:32px; text-align:center; font-size: 12px; cursor: pointer; }
.availitem_S1a { padding: 0px; border:solid 1px #000000; background-color: #FF0000; width:32px; text-align:center; font-size: 12px; cursor: pointer; }
.availitem_Y { padding: 0px; border:solid 1px #000000; background-color: #FF9933; width:32px; text-align:center; font-size: 12px; cursor: pointer; }
.availitem_Ya { padding: 0px; border:solid 1px #000000; background-color: #FF9933; width:32px; text-align:center; font-size: 12px; cursor: pointer; }
.availitem_CY { padding: 0px; border:solid 1px #000000; background-color: #bbff22; width:32px; text-align:center; font-size: 12px; cursor: pointer; }
.availitem_CYa { padding: 0px; border:solid 1px #000000; background-color: #bbff22; width:32px; text-align:center; font-size: 12px; cursor: pointer; }
.availitem_T { padding: 0px; border:solid 1px #000000; background-color: #61c5fb; width:32px; text-align:center; font-size: 12px; cursor: pointer; }
.availitem_Ta { padding: 0px; border:solid 1px #000000; background-color: #61c5fb; width:32px; text-align:center; font-size: 12px; cursor: pointer; }
.availitem_DY { padding: 0px; border:solid 1px #000000; background-color: #ff0000; width:32px; text-align:center; font-size: 12px; cursor: pointer; }
.selecteditem_S { padding: 0px; border:solid 1px #000000; background-color: #0033FF; color: #FFFFFF; width:32px; text-align:center; font-size: 12px; cursor: pointer; }
.selecteditem_PO { padding: 0px; border:solid 1px #000000; background-color: #0033FF; color: #FFFFFF; width:32px; text-align:center; font-size: 12px; cursor: pointer; }
.selecteditem_PA { padding: 0px; border:solid 1px #000000; background-color: #0033FF; color: #FFFFFF; width:32px; text-align:center; font-size: 12px; cursor: pointer; }
.selecteditem_UN { padding: 0px; border:solid 1px #000000; background-color: #0033FF; color: #FFFFFF; width:32px; text-align:center; font-size: 12px; cursor: pointer; }
.selecteditem_CAMP { padding: 0px; border:solid 1px #000000; background-color: #0033FF; color: #FFFFFF; width:32px; text-align:center; font-size: 12px; cursor: pointer; }
.selecteditem_S1 { padding: 0px; border:solid 1px #000000; background-color: #0033FF; color: #FFFFFF; width:32px; text-align:center; font-size: 12px; cursor: pointer; }
.selecteditem_Y { padding: 0px; border:solid 1px #000000; background-color: #6600CC; color: #FFFFFF; width:32px; text-align:center; font-size: 12px; cursor: pointer; }
.selecteditem_CY { padding: 0px; border:solid 1px #000000; background-color: #b28f17; color: #FFFFFF; width:32px; text-align:center; font-size: 12px; cursor: pointer; }
.selecteditem_T { padding: 0px; border:solid 1px #000000; background-color: #bb04fc; color: #FFFFFF; width:32px; text-align:center; font-size: 12px; cursor: pointer; }
.reserveditem { padding: 0px; border:solid 1px #000000; background-color: #c0c0c0; width:32px; text-align:center; font-size: 12px; cursor:default; }
.blankitem { padding: 0px; border:none; width:32px; text-align:center; font-size: 12px; cursor:default; }
.blankitem,.none{ padding: 5px; border: none; width: 32px;height: 32px; text-align: center; font-size: 12px; cursor: default}
.availitem_PO{padding: 0px; border:solid 1px #000000; width:32px; text-align:center; font-size: 12px; cursor: pointer;}
.availitem_AR1{padding: 0px; border:solid 1px #000000; background-color: #ffff99; width:32px; text-align:center; font-size: 12px; cursor: pointer;}
.selecteditem_AR1 { padding: 0px; border:solid 1px #000000; background-color: #0033FF; color: #FFFFFF; width:32px; text-align:center; font-size: 12px; cursor: pointer; }
.availitem_AR2{padding: 0px; border:solid 1px #000000; background-color: #ffff99; width:32px; text-align:center; font-size: 12px; cursor: pointer;}
.selecteditem_AR2 { padding: 0px; border:solid 1px #000000; background-color: #0033FF; color: #FFFFFF; width:32px; text-align:center; font-size: 12px; cursor: pointer; }
.availitem_AR3{padding: 0px; border:solid 1px #000000; background-color: #ffff99; width:32px; text-align:center; font-size: 12px; cursor: pointer;}
.selecteditem_AR3 { padding: 0px; border:solid 1px #000000; background-color: #0033FF; color: #FFFFFF; width:32px; text-align:center; font-size: 12px; cursor: pointer; }
.availitem_AR4{padding: 0px; border:solid 1px #000000; background-color: #ffff99; width:32px; text-align:center; font-size: 12px; cursor: pointer;}
.selecteditem_AR4 { padding: 0px; border:solid 1px #000000; background-color: #0033FF; color: #FFFFFF; width:32px; text-align:center; font-size: 12px; cursor: pointer; }
.availitem_AR{padding: 0px; border:solid 1px #000000; background-color: #ffff99; width:32px; text-align:center; font-size: 12px; cursor: pointer;}
.selecteditem_AR { padding: 0px; border:solid 1px #000000; background-color: #0033FF !important;color: #FFFFFF !important; width:32px; text-align:center; font-size: 12px; cursor: pointer; }
.selecteditem_PP{padding: 0px; border:solid 1px #000000; background-color: #0033ff; width:32px; text-align:center; font-size: 12px; cursor: pointer;}
.availitem_PP{padding: 0px; border:solid 1px #000000; width:32px; text-align:center; font-size: 12px; cursor: pointer;}
.availitem_UN{padding: 0px; border:solid 1px #000000; width:32px; text-align:center; font-size: 12px; cursor: pointer;}
.availitem_PA{padding: 0px; border:solid 1px #000000; width:32px; text-align:center; font-size: 12px; cursor: pointer;}
.availitem{padding: 0px;width:32px; text-align:center; font-size: 12px;538 cursor: pointer;}
.td { padding: 4px; float: left; padding-left: 10px; }
.ts1 { border-collapse: collapse; border: none; }
.td2 { padding: 8px; padding-left: 10px; text-align: center; }
.td3 { padding: 4px; padding-left: 10px; text-align: left; }
.td4 { padding: 4px; text-align: center; padding-left: 10px; }
.tdh { text-align: center; color: #000000; height: 19px; }
.stableBookin-content{ padding:10px 0;color: #454545;font:400 16px/20px "Open Sans",Arial,Helvetica,sans-serif;}
.stableBookin-content a{ color:#000; text-decoration:underline}
.stableBookin-content a:hover{color:#454545; text-decoration:none}
.bookingmsg{ padding:10px 0; font:400 14px/20px "Open Sans",Arial,Helvetica,sans-serif}
.bookinghrsdetails {border-right: 0px solid #000;border-bottom: 0px solid #000;font: 14px/18px Arial, Helvetica, sans-serif;}
.bookinghrsdetails th, .bookinghrsdetails td {border-bottom: 1px solid #000;border-left: 1px solid #000;padding: 5px;}
bookinghrsdetails th:nth-child(1), .bookinghrsdetails td:nth-child(1) {border-left: 0px;}
.bookinghorsegrid tr td:nth-child(1),.bookinghorsegrid tr th:nth-child(1){ display:none}
.app-ltWaitingList{ padding:10px 15px; font:400 14px/22px "Open Sans", sans-serif; color:#00529B;}
/*ends here*/
/* Payment section start here */
.paymentOuter{ border: 1px solid #e1e0e0; margin:20px 0 0 0 ;}
.paymentOuter .app-heading { background: linear-gradient(180deg, #ffffff 12%, #b9b9b9 100%) repeat 0 0; background: -webkit-linear-gradient(-90deg, #ffffff 12%, #b9b9b9 100%) repeat 0 0; background: -moz-linear-gradient(-90deg, #ffffff 12%, #b9b9b9 100%) repeat 0 0; border-bottom: 1px solid #bab9b9; border-radius: 10px 10px 0 0; padding: 10px 0; }
.paymentOuter .app-heading h3 { color: #454545; font:400 18px/24px "Open Sans", sans-serif; padding:0 1.5%;margin:0; text-transform:uppercase; }
.paymentLeft{ float:left; width:75%;border-right:1px solid #e1e0e0; vertical-align:top}
.paymentRight{ float:right; width:24%; vertical-align:top; padding:20px 0; text-align:center;}
.paymentRight img{ max-width:94%;}
.paymentLeft .row{ width:100%;}
.paymentLeft .row label{margin-right: 1%;width:21%;}
.paymentLeft .row .expiryDate{ display:inline-block; width:45%;}
.paymentLeft .row > span{color:#f00;font:400 14px/20px "Open Sans",sans-serif; padding:0 .5%;}
.paymentLeft .row label > small{ font:400 14px/20px "Open Sans",sans-serif; color:#f00;}
.paymentLeft .row input[type="text"] {display: inline-block;width: 28%;}
.paymentLeft .row select {display: inline-block;width:28%;}
.paymentLeft .row a{padding: 7px 0 0 5px; display:inline-block;}
.paymentfeescharge{ text-align:left; margin:10px 0 10px 0px;border: 1px solid #CFCFCF;background-color:#fafafa; padding:10px 10px 1px 10px;}
.paymentfeescharge p{color:#000;font:600 15px/20px "Roboto",sans-serif;}
.paymentfeescharge ul{ list-style:none; margin:10px 0 0 0; padding:0;}
.paymentfeescharge ul li{ margin:5px 0}
.paymentfeescharge ul li span{font:600 16px/20px Roboto, sans-serif; display:inline-block; width:100px; vertical-align:top;color:#95cb0a;}
.paymentfeescharge ul li strong{font:600 20px/20px Roboto, sans-serif; display:inline-block; vertical-align:top;color:#568C00;}
.checkoutbtn{ float:left; width:100%; text-align:center; margin:20px 0}
.WizardStep9 .app-outer{ margin:0 0 10px 0}
.WizardStep9 .entry-stage{ margin:0;background:#f3f3f3; border-left:1px solid #dddddd; border-right:1px solid #dddddd; padding:5px 10px;}
.WizardStep9 .entry-stage h2{ font:400 16px/20px Barlow, Arial, sans-serif; color:#000;}
.WizardStep9 table.grdQuestion{ margin:0;}
.WizardStep4{ margin:0;background:#f3f3f3; border:1px solid #dddddd;}
.rptBookingQuestion{ border-top:1px solid #dddddd}
.grdQuestion tr.total th,grdQuestion tr.total td{ text-align:right;}
.termsconditions{ color: #000; font:400 14px/20px "Open Sans", sans-serif;}
table.grdQuestion tr.total td:first-child{ width:auto;}
table.grdQuestion tr.total td:last-child{font:600 14px/20px Open Sans, Arial, sans-serif; color:#454545}
table.grdQuestion tr.subtotal td:first-child{ width:auto;font:600 18px/22px "Open Sans", sans-serif; color:#000;}
table.grdQuestion tr.subtotal td:last-child{font:600 20px/22px Open Sans, Arial, sans-serif; color:#000}
table.tblorderconfrim tr td:last-child{ text-align:right;}
table.tblorderconfrim tr.total td:first-child{ width:auto;text-align:right;}
table.tblorderconfrim tr.total td:last-child{font:600 14px/20px Open Sans, Arial, sans-serif; color:#454545;}
table.tblorderconfrim tr.subtotal td:first-child{ width:auto;font:600 18px/22px "Open Sans", sans-serif; color:#000; text-align:right;}
table.tblorderconfrim tr.subtotal td:last-child{font:600 20px/22px Open Sans, Arial, sans-serif; color:#454545}
.paymentcolem-content{font:400 14px/20px "Open Sans",sans-serif; padding:5px 1%;color: #454545;}
.rbltypeofbooking{ width:40%;}
.rbltypeofbooking tr td input[type=radio]{ width:auto; margin-right:10px;}
.rbltypeofbooking tr td label{ width:auto; color:#f00;}
/* Payment section ends here */
/* Booking info start here */
.indoor-policy-content { border: 0px solid #B0B0B0; padding: 10px; }
.imgVenuelogo { float: left; }
.Venue-right { float: right; }
.Venue-right p { font-size: 16px; line-height: 20px; text-align: right; }
.indoor-content { margin: 20px 0; }
.indoor-content h2 { font-size: 20px; line-height: 24px; text-align: center; padding-bottom: 20px; }
.indoor-content h3 { font-size: 20px; line-height: 34px; padding: 20px 0 0 0; }
.indoor-content p.txt1 { font-size: 16px; line-height: 20px; }
.inner-indoor-content { padding: 10px 5%; }
.usergroup { border: 1px solid #000; border-bottom: 0px solid #000; }
.indoor-content p.txt2 { font-size: 16px; line-height: 22px; font-weight: bold; background: #929191; padding: 0 5px; }
.indoor-content p.txt3 { font-size: 16px; line-height: 24px; padding: 0 10px 0 3%; }
.indoor-content h4 { font-size: 20px; line-height: 30px; padding: 30px 0 0 0; text-align: center; }
.indoor-content h5 { font-size: 18px; line-height: 24px; padding: 30px 0 0 0; text-align: center; }
.usergroup h4 { background: #929191; border-bottom: 1px solid #000; font-size: 20px; line-height: 24px; padding: 5px 10px; color: #000; }
.usergroup p { border-bottom: 1px solid #000; }
.usergroup p span { font-size: 16px; line-height: 24px; padding: 5px 10px; display: inline-block; width: 15%; vertical-align: top; }
.usergroup p small { border-left: 1px solid #000; font-size: 16px; line-height: 24px; padding: 5px 10px; display: inline-block; width: 69%; vertical-align: top; }
.rtcontentinfo{}
.rtcontentinfo p{text-align: right;font:400 16px/22px Open Sans, Arial, sans-serif;}
.selectbook{ border:1px solid #666; text-align:center;margin:20px 0;}
.selectbook h3{background:#666; border-bottom: 1px solid #666; border-radius: 0; padding: 10px 0; color: #fff; font:600 22px/24px "Open Sans", sans-serif;margin:0;}
.Roomtypelist{ text-align:center; padding:20px 0}
.Roomtypelist > div{ width:52%; margin:10px 0; display:inline-block}
.Roomtypelist > div a{ display:block;background-color: #248ec2;color: #fff;cursor: pointer;font:400 20px/24px "Open Sans", sans-serif; text-transform:uppercase; padding: 10px;text-align: center;}
.Roomtypelist > div a:hover{ background:#666; text-decoration:none; color:#fff;}
.ltIntrodution{font:400 14px/20px "Open Sans",sans-serif; padding:20px 0;color: #454545;}
.ltIntrodution p{font:400 14px/20px "Open Sans",sans-serif; padding:5px 0;}
/* booking info ends here */
/* arena booking start here */
.guidlines-img{ margin:20px 0 10px 0}
.guidlines-img1{ margin:40px 0 0 0}
.calendersec{border: 1px solid #e1e0e0; margin:10px 0;}
.calendersecarea{max-height:100%;border-bottom: 1px solid #e1e0e0;}
.calender-row { max-height:500px; height:475px;}
.dhx_menu_icon, .icon_delete, .dhx_cal_select_menu, .dhx_cal_light, .dhx_cal_light_wide, .dhx_cal_ltitle, .dhx_cal_light .dhx_cal_light_wide, .dhx_cal_cover { display: none !important;}
.dhx_cal_event {display: block;}
.dhx_cal_tab:first-child {display: none !important;}
.paymentinfo {display: none;}
.time select {background-color: #f9f9f9;color: #000;font: 12px/16px Arial, Helvetica, sans-serif;margin: 2px 0 0 0px;}
.calender-row {max-height: 500px;height: 475px;border: 1px solid #cecece; width:100%;}
.modal .popover._qty-modal { display: none; position: fixed; max-width: 520px; height: 350px; width: 100%; background: #fff; box-shadow: 0 0 6px 2px rgba(0,0,0,.2); left: 0; right: 0; top: 0; bottom: 0; z-index: 500; margin: auto auto; }
.modal .popover .__header { padding: 25px 35px; background: #1f2533; font-size: 14px; color: #49ba8e; letter-spacing: 3px; text-transform: uppercase; position: relative; }
.modal ._qty-modal .body { text-align: center; }
.modal .popover .body { padding: 15px; zoom: 1; }
.modal ._qty-modal .body .__list { width: 100%; margin: 10px 0 10px; display: inline-block; }
.modal ._qty-modal .body .__list ul { width: 100%; zoom: 1; background: #fff; padding: 0; border: 1px solid #dfe3e7; display: inline-block; list-style: none; }
.modal ._qty-modal .body .__list ul:after, .modal ._qty-modal .body .__list ul:before { content: " "; display: table; line-height: 0; }
.modal ._qty-modal .body .__list ul li { cursor: pointer; float: left; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; width: calc(100% / 5); font-size: 16px; padding: 18px 0; }
.modal ._qty-modal .body .__list ul li._active { color: #0e1422; box-shadow: inset 0 -2px 0 #49ba8e; }
.modal ._terms-modal .body { text-align: center; }
.modal ._qty-modal .body .__avatar { text-align: left; }
.modal ._qty-modal .body .__avatar span { display: none; width: 120px; height: 120px; }
.modal ._qty-modal .body .__list ul li:hover, .modal ._qty-modal .body .__list ul li.active { color: #0e1422; box-shadow: inset 0 -2px 0 #49ba8e; }
.horse-txtbox { margin: 5px 0; width: calc(98% / 2); display: inline-block; }
.horse-txtbox input[type=text] { padding: 10px; font-size: 14px; line-height: 20px; border: 1px solid #dfe3e7; background: #fff; width: 88%; }
.horse-txtbox input[type=text]:disabled { border: 1px solid #dfe3e7; background: #CCC; }
input[type=button].okbtnhide { cursor: pointer; height: 30px; line-height: 30px; cursor: pointer; padding: 0 20px; border: 1px solid #cecece; background-color: #22a1bc; color: #fff; text-shadow: 0 -1px 0 #6f6f6f; border-radius: 3px; font-size: 12px; font-weight: 700; margin: 10px 0; }
.hiddlelayer { height: 100%; width: 100%; position: absolute; z-index: 1; background: rgba(0,0,0,.2); }
input[type=submit].todybtn { font: bold 12px/30px Arial, Helvetica, sans-serif; color: #747473; width: 80px; text-align: center; float: right; cursor: pointer; border: 1px solid #CECECE; height: 30px; line-height: 30px; border-radius: 5px; font: bold 12px/26px Arial, Helvetica, sans-serif; background: #fff; margin-right: 20px; padding:0}
input[type=submit].prevbtn { font: bold 12px/30px Arial, Helvetica, sans-serif; color: #747473; width: 46px; text-align: center; float: right; cursor: pointer; border: 1px solid #CECECE; height: 30px; background: url('../images/arrow_left.png') no-repeat center center; line-height: 30px; border-radius: 5px 0 0 5px; border-right: 0; }
input[type=submit].nextbtn { font: bold 12px/26px Arial, Helvetica, sans-serif; color: #454544; width: 46px; text-align: center; float: right; cursor: pointer; border: 1px solid #CECECE; height: 30px; background: url('../images/arrow_right.png') no-repeat center center; line-height: 30px; border-radius: 0 5px 5px 0; }
.outerSeat { margin: 0 30px; }
#tblSeat { width: 1024px; }
.divSeat { max-height: 400px; min-height: 150px; overflow: auto; }
.divSeat table { width: 100%; }
.divSeat table tr td{ vertical-align:middle}
.divSeat table.tblseat439 tr td:nth-child(1), .divSeat table.tblseat439 tr th:nth-child(1){ display:none}
.btngroupcld { /*width: 1000px;*/ border: 1px solid #000; border-bottom: 0; padding: 10px 10px; }
.lbldateschedulerlf { text-align: center; }
.lbldateschedulerrt { float: right; width: auto; }
.lbldatescheduler { border: 0; font-size: 18px !important; font-weight: 400 !important; font-family: arial !important; color: #000 !important; margin: 0 25%; text-align: center; }
.qty-modalbg { position: fixed; z-index: 350; width: 100%; height: 100%; background: rgba(0,0,0,.3); display: none; left: 0; top: 0; }
.arenabooking select, .arenabooking input[type="text"]{ width:37.5%}
.arenabooking input[type="text"] + span{ vertical-align:middle; font:400 14px/22px "Open Sans", sans-serif;padding:5px}
.app-outer.arenahrsbooking{ margin:20px 0}
.divhourseouter .app-colem label{ width:21%;}
.divhourseouter .app-colem label + input[type="text"]{ width:26%;}
.timeperiod.booking-colem{ border-bottom:0}
.timeperiod .row + div{ width:100%;}
.timeperiod input[type=text].smlcalenderinp{ width:20%;}
.timeperiod select.smlcalenderinp{ width:20%;}
.timeperiod span.blanksep{color: #000;font: 400 14px/40px "Open Sans",sans-serif;}
.timeperiod .booking-row{ float:left; width:100%}
.timeperiod .booking-row label{ float:left; width: 15.75%;}
.timeperiod .booking-row > div{ float:left; width:20%;}
.timeperiod .booking-row > div input[type=text].smlcalenderinp{ width:43%; display:inline-block}
.timeperiod .booking-row > div select.smlcalenderinp{ width:45%;}
.timetaken{ margin:20px 0 10px; border:1px solid #c8c8c8; width:100%; border-bottom:0; border-right:0}
.timetaken tr th{ border-bottom:1px solid #c8c8c8;border-right:1px solid #c8c8c8; background:#e8e8e8;font:600 12px/20px "Open Sans", sans-serif; padding:5px; text-align:left;}
.timetaken tr td{ border-bottom:1px solid #c8c8c8;border-right:1px solid #c8c8c8;font: 12px/20px "Open Sans", sans-serif; padding:5px;}
.bookingleftimg{ float:left; width:70%;}
.guidlines-img{ float:right; width:30%;}
/* ends here */
/* Arena Payment start here */
.bookedetails{border: 1px solid #e1e0e0; margin:20px 0}
.bookedetails-colem{display:table; width:100%;border-bottom: 0px solid #e1e0e0;}
.bookedetails-colem:last-child{ border-bottom:0}
.bookedetails-row{display:table-row;color: #000;font: 400 14px/20px "Open Sans",sans-serif;}
.bookedetails-row label{ display:table-cell; width:30%;background: #f7f7f7;border-right: 1px solid #e1e0e0;color: #000;font: 400 14px/20px "Open Sans",sans-serif;padding: 0 1%;text-align: right; vertical-align: top;}
.bookedetails-row label + span{display:table-cell;color: #000;font: 400 14px/20px "Open Sans",sans-serif; padding-left:10px;}
.bookedetails-row > div{display:table-cell; padding:5px 10px; border-right: 1px solid #e1e0e0; border-bottom: 1px solid #e1e0e0;font: 400 14px/20px "Open Sans",sans-serif; }
.bookedetails-row > div:nth-child(1){ width:3%; text-align:center;}
.bookedetails-row > div:nth-child(2){ width:15%;}
.bookedetails-row > div:nth-child(3){ width:60%; text-align:right;}
.bookedetails-row > div:nth-child(4){ width:11%; text-align:right;}
.bookedetails-row > div:nth-child(5){ width:11%; text-align:right;border-right: 0px solid #e1e0e0;font:600 18px/20px "Open Sans",sans-serif; }
.bookedetails-row > div select{ display:inline-block; width:12%; margin:0;}
.bookedetails-row input[type=text]{ display:table-cell;margin: 5px 1%;vertical-align: middle;width:60%;}
.bookedetails-row > div span{color: #000;font: 400 14px/20px "Open Sans",sans-serif;}
.bookedetails-row > div:nth-child(3) span{color: #000;font:400 14px/20px "Open Sans",sans-serif; padding:0 10px;}
.bookedetails-row > div:nth-child(5) span{ font:600 14px/20px "Open Sans",sans-serif; }
.totalhrs-colem{display:table; width:100%;border-bottom: 1px solid #e1e0e0;}
.totalhrs-row{display:table-row;color: #000;font: 400 14px/40px "Open Sans",sans-serif;}
.totalhrs-row > div{display:table-cell; padding:5px; border-right: 1px solid #e1e0e0; border-bottom: 0px solid #e1e0e0;font: 400 14px/20px "Open Sans",sans-serif; }
.totalhrs-row > div:nth-child(1){ text-align:right;}
.totalhrs-row > div:nth-child(2){width:11%;text-align:right;border-right: 0px solid #e1e0e0;font:600 18px/20px "Open Sans",sans-serif; }
.arenapayment{ margin:0 0 20px 0}
.bookinghrsdetails {border-right: 0px solid #000;border-bottom: 0px solid #000;font: 14px/18px Arial, Helvetica, sans-serif;}
.bookinghrsdetails th, .bookinghrsdetails td {border-bottom: 1px solid #000;border-left: 1px solid #000;padding: 5px;}
.bookinghrsdetails th:nth-child(1), .bookinghrsdetails td:nth-child(1) {border-left: 0px;}
.bookinghorsegrid tr td:nth-child(1),.bookinghorsegrid tr th:nth-child(1){ display:none}
.termsconditions{ color: #000; font:400 14px/20px "Open Sans", sans-serif;}
.termsconditions p{color: #000; font:400 14px/30px "Open Sans", sans-serif;}
.termsconditions ul li{color: #000; font:400 14px/20px "Open Sans", sans-serif; padding:5px 0;}
.termsconditions img{ max-width:100%;}
.rbltypeofbooking{ width:40%;}
.rbltypeofbooking tr td input[type=radio]{ width:auto; margin-right:10px; float:left; margin-top:5px;}
.rbltypeofbooking tr td label{ width:70%; color:#f00; text-align:left; padding:0}
.closedvenue{}
.closedvenue .entry-stage h2 small{ color:#d40000; font:400 28px/36px Barlow, Arial, sans-serif}
.closedvenue p{color: #f00; font:400 14px/20px "Open Sans", sans-serif;}
.fckeditorContent{}
.fckeditorContent h2{color: #000; font:600 16px/20px "Open Sans", sans-serif;}
.fckeditorContent p{color: #000; font:400 14px/20px "Open Sans", sans-serif; padding:5px 0}
/* arena payment ends here */
/* Rider Login css start here */
.loginpanel { max-width:480px; margin:2% auto 5%; }
.loginpanelinner {border: 0; background-color: #ffffff; box-shadow: 0px 5px 9px #ddd; padding: 20px;}
.loginpanelinner h1 { color: rgba(0,0,0,.7);margin: 0;padding: 0 8px 8px;text-align: center;position: relative;font: 600 22px/40px 'Open', sans-serif;}
.loginpanelinner .lblloginError{ color:#f00;font:600 14px/20px "Open Sans", sans-serif; }
.mws-login-lock { background:#002942; border-radius: 20px; height: 40px; position: absolute; right: -10px; text-align: center; top: -10px; width: 40px; display:none;}
.mws-login-lock .icon-lock { background:url(../images/admin-lock.png) no-repeat 0 0; width:24px; height:24px; display:block; margin:6px 0 0 9px; }
.mws-form-row { padding:15px 0 0 0; }
.mws-form-row::before, .mws-form-row:after { content: ""; display: table; line-height: 0; }
.mws-form-row:after { clear: both; }
.mws-form-row::before, .mws-form-row:after { content: ""; display: table; line-height: 0; }
.mws-form-row .mws-form-item { position:relative }
.mws-form-row .mws-form-item label { color: #000;font: 600 14px/20px "Open Sans", sans-serif;padding-bottom: 5px;display: inline-block; }
.mws-form-row .mws-form-item label small {color: #f00;font: 600 14px/20px "Open Sans", sans-serif;}
.mws-form-row .mws-form-item span { color:#f00; font:400 14px/16px "Open Sans", sans-serif;}
.rememberme { padding:15px 0 0 0; color:#fff; font:400 14px/20px "Open Sans", sans-serif; }
.rememberme input[type=checkbox] { margin:4px 5px 0 0; float:left; width:auto; height:auto }
.loginpanelinner span.forgot-password-error2 { color:#f00; font:300 12px/14px "Open Sans", sans-serif; }
.mws-form-row input[type=text] { width: 98%; }
.mws-form-row input[type=password] {width: 98%;}
.mws-form-row input[type=submit] { width:100%;font: 600 16px/100% Roboto, sans-serif;color: #fff; padding:15px; text-transform:uppercase}
.mws-form-row input[type=submit]:hover,.mws-form-row input[type=submit]:focus,.mws-form-row input[type=submit]:active{color:#ffffff;}
.mws-inset {}
.mws-inset a { color: #1562a6; font: 600 14px/20px "Open Sans", sans-serif; }
.mws-inset a:hover { text-decoration:underline; }
.lblMessage, #lblMessage { color:#208302; font:400 13px/20px "Open Sans", sans-serif; }
.lblError, #lblError { color:#f00; font:400 13px/20px "Open Sans", sans-serif; }
#lblMessage.lblError{color:#f00; font:400 13px/20px "Open Sans", sans-serif;}
.staysignin label { color: #000; float: left; font: 400 13px/20px "Open Sans", sans-serif; white-space: nowrap; }
.staysignin input[type="checkbox"] { float: left; height: auto; margin: 3px 5px 0 0; width: auto; }
/* Rider Login css ends here */
/* Forgot password section start here */
.forgotpass.loginpanel{margin: 5% auto;max-width:355px;}
.loginerrormsg{color: #f00;font: 400 13px/20px "Open Sans", sans-serif; }
.CaptchaSec{padding: 15px 0 0;}
.RegisterCaptcha{margin: 0 auto;max-width: 362px;}
.registerMsg{padding:10px 0 0;}
.registerMsg p{color: #454545; font: 400 13px/20px "Open Sans", sans-serif; margin:5px 0;}
.registerpage{ margin:20px 0; min-height:500px;}
.registerpage .row span.errormsg{ color:#f00;}
/* Forgot password section ends here */
/* custom Alert message start here */
.alert{position: relative;padding:10px 15px;margin: 5px 0;border: 1px solid transparent;border-radius: .25rem;font: 400 14px/20px 'Open Sans', sans-serif;}
.alert strong{ font-weight:600;}
.alert-success { color: #fff; background-color: #4CAF50; border-color: #4CAF50;}
.alert-success hr { border-top-color: #b1dfbb }
.alert-success .alert-link { color: #0b2e13 }
.alert-error { color: #fff; background-color: #f44336; border-color: #f44336;}
.alert-error hr { border-top-color: #f1b0b7 }
.alert-error .alert-link { color: #491217 }
/* ends here */
/* responsive menu start here */
.animate { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out }
.bar1, .bar2, .bar3 { width: 24px; height: 3px; background-color: #fff; margin: 4px 0; transition: .4s; display: block; border-radius: 2px }
.change .bar1 { -webkit-transform: rotate(-45deg) translate(-4px, 6px); transform: rotate(-45deg) translate(-4px, 6px) }
.change .bar2 { opacity: 0 }
.change .bar3 { -webkit-transform: rotate(45deg) translate(-4px, -6px); transform: rotate(45deg) translate(-4px, -6px) }
.leftmenutrigger { display:none}
/* Payment confirmation*/
.successmessage{ color:#3c763d; background:#dff0d8; font:400 18px/30px 'Open Sans', sans-serif; margin:15px 0; padding:10px 2% 10px 2%; width:96%;border: 1px solid; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px#888; box-shadow: 0 0 5px #888; transition:all 2s; height:auto; -webkit-transition:all 2s; display:inline-block; margin:5px 0 20px;}
.successmessage p{ margin:5px 0; font:400 18px/24px 'Open Sans', sans-serif;}
.successmessage p a{ color:#00529b; text-decoration:underline}
.successmessage p strong{ font-weight:600;}
.green, .red { font: 600 16px/24px Roboto, sans-serif; float: left; margin: 10px 0 0; width: 100% }
.green { color: #118308 }
.red { color: red }
/* ends here */
/* ---- Area Booking Type start here ----- */
.areabookingtypehead{ margin:0 0 20px 0}
.areabookingtypehead .venuelf{ float:left; width:10%;}
.areabookingtypehead .venuert{ float:right; text-align:right;}
.areabookingtypehead .venuert p{font: 600 14px/22px "Open Sans", sans-serif;}
.bookingtyperdl{}
.selectbook_1{ float:left;margin:0px;width: 100%;vertical-align:middle;padding-left: 18px;}
.selectbook_1 table{ border:0px solid #0000; min-width:80%;max-width:100%}
.selectbook_1 label{width:auto;font: 600 14px/22px "Open Sans", sans-serif;}
.selectbook_1 table tr td { min-width:30%;width:auto;margin:18px auto;padding:5px;border:0px solid #0000;}
.selectbook_1 table tr td label{ font: 600 14px/22px "Open Sans", sans-serif }
.selectbook_1 table tr td input[type=radio]{ margin-right:5px;}
.slectbookRt{ float:left;}
.slectbookRt span{font: 600 14px/24px Roboto, sans-serif; }
.slectbookRt input[type=text]{width:6%;}
/* ///////////////////////////////////// -------------------- Responsive start here ------------------------------///////////////////////////////////// */
@media only screen and (min-width:1651px) {
}
@media only screen and (max-width:1650px) {
.desktop-advertslider{ display:none;}
.mobadverslider{ display:block !important;}
}
/*
Ipad, tablet 1260px above devices only
*/
@media only screen and (max-width:1300px) {
.wrapper { max-width:96%;}
img { max-width:100%; max-height:100%; }
.breadcrum-outer{ height:auto;}
.bread-right{ width: 100%; float:left; text-align:center}
.bread-left{ float:none; text-align:center;}
nav { float:none; text-align:right; }
nav ul li a { padding:0; }
.header-logo span{ width:100%;}
}
/* Mobile tablet 481px devices only */
@media only screen and (max-width:992px) {
.logo{ text-align:center; width:100%}
.topnav{ float:none; margin:0; padding:0;}
.leftnavtrigger { display: block; background: #000; margin:11px 0 0 0; cursor: pointer; padding: 10px; border-radius: 5px; position: absolute; left: 15px; top:0; z-index: 99 }
.leftnavtrigger .navbar-toggler-icon { width: 30px; height: 30px }
.leftnavtrigger.change { position: fixed; left: 15px; top: 0 }
.headnav ul{background: #efefef;box-shadow: 2px 1px 2px rgba(0,0,0,.1);position: fixed;top: 0;flex-direction: column !important;left: -280px;width: 250px;overflow-y: auto;bottom: 0;overflow-x: hidden;z-index: 98; padding-top:60px;}
.headnav ul li{ width:100%;}
.headnav ul.open{left: 0;}
.homepagelink ul li{ width:100%;}
.homepagelink ul li a{ margin:0}
.homepagelink ul li:nth-child(2n+1) a{ margin:0}
.dsknone{ display:block;}
.right-head,.bread-left{ display:none;}
.topfooter-row input[type=text] { width: 50% }
.outer-topfooter { padding: 20px 0; text-align: center;}
.topfooter-row input[type=text] { width: 50%; }
.topfooter-row input[type=submit] { padding: 0 50px; font: 600 22px/36px Roboto, sans-serif; height: 36px; }
.topfooter-row.mid { border: 0; border-top: 0 solid #fff; border-bottom: 0 solid #fff; padding: 10px 0; margin: 2px 0; }
.topfooter-row h3 { font: 400 30px/40px Barlow, Arial, sans-serif; }
.outerfooter-boot { height: auto; padding: 20px 0; }
.footer-lnk, .outerfooter-boot p { float: none; font: 400 16px/30px Roboto, sans-serif; text-align:center;}
.topfooter-row,.topfooter-row.mid{ width:100%;}
.topfooter-row h3 {font: 400 30px/40px Barlow, Arial, sans-serif;}
}
/* Mobile tablet 481px devices only */
@media only screen and (max-width:1260px) {
.header-logo{ text-align:center;}
}
/* Mobile tablet 481px devices only */
@media only screen and (max-width:767px) {
.leftcontact{ width:100%; padding:0}
.rightcontact{ width:100%; padding:0}
.topcontent{ padding:0}
.address,.phone,.email{ margin:10px 0}
.pleaseNote{ margin:10px 0px 0;}
.contactus{ padding:0}
.leftcontact .form-group.clarfix{ text-align:center;}
.entry-stage h2 { font-size:20px; line-height:30px;}
.app-colem{ border-bottom:0px; margin:0}
.app-colem .row { width:98%; padding:10px 1% 0 1%;border-bottom: 0px solid #e1e0e0; font:400 14px/20px 'Open Sans', sans-serif}
.app-colem label { font:600 14px/20px "Open Sans", sans-serif; overflow:hidden; text-align:left; width:auto; padding:0; margin:0}
.app-colem select { width:96%; }
.app-colem .comment-note { height:auto; }
.Wizard1 input,.Wizard2 input[type="text"],.arenabooking select, .arenabooking input[type="text"]{ width:96%; margin-left:0}
.Wizard1 input[type=radio],.Wizard1 input[type=checkbox]{ width:auto;}
.moblnk.app-colem label{ display:none;}
.Wizard9 .app-colem label + div{float: left; padding-left:10px;}
.paymentLeft .row > span{ font:400 14px/20px "Open Sans",sans-serif}
.paymentLeft{ float:none; border-right:0; width:100%;}
.paymentRight{ float:none; border-bottom:1px solid #e1e0e0; width:100%;}
.bookingleftimg{ width:100%; padding-bottom:10px;}
.guidlines-img{ display:none;}
.calandersec.app-colem{ overflow:auto;}
.calandersec.app-colem .row{ width:992px;}
#stablecondition{ overflow:auto; width:100%;}
#dhtmltooltip{ display:none !important;}
#stablecondition, .outerdyna{ width:100%; overflow:auto;}
#dyna .bookingBlock{ overflow:auto; width:100%;padding-bottom:20px; margin-bottom:10px;}
#dyna, #stablecondition > div{ max-width:490px; overflow:auto;}
.logo img {max-width: 200px;}
.leftnavtrigger {padding: 3px 5px;}
}
/* Mobile screen size 480px below start css here */
@media only screen and (max-width:482px) {
.wrapper { overflow:hidden; width:100%}
.imgVenuelogo{ width:100%; float:none; text-align:center; margin-bottom:20px;}
.Venue-right{ float:none; width:100%; text-align:left;}
.Venue-right p{ text-align:left; line-height:22px;}
.Roomtypelist > div{ width:96%; margin:10px 2%}
.bookedetails-row > div select{ width:96%; margin-bottom:10px;}
.bookedetails-row > div:nth-child(3) span{ display:none;}
.bookedetails-row > div:nth-child(3){ width:40%;}
.bookedetails-row > div:nth-child(4){ width:15%;}
.bookedetails-row > div:nth-child(5){ width:25%;}
.totalhrs-row > div:nth-child(2){ width:22%}
input[type="submit"], button, input[type="button"]{ margin-bottom:0;}
.arenapayment .app-colem label + span{ padding:5px 0; display:inline-block; width:100%;}
.msgpopup{ width:300px !important; margin:0 auto;}
.stable_hints ul li{ width:100%}
.paymentLeft .row label{ width:100%; margin:0}
.paymentLeft .row select,.paymentLeft .row input[type="text"]{ width:96%;}
.paymentLeft .row > span{width:99%; float:left}
.Wizard6 .app-colem label{ width:100%; margin:0; padding:0;}
#dyna, #stablecondition > div{ max-width:360px; overflow:auto;}
/* -------------09-07-2020 ----------------- */
.align-width-new{ width:100%;}
.topfooter-row h3 { font: 400 22px/31px Barlow, Arial, sans-serif;}
table.tableGrid_layout_new3 tr td:first-child {width: 100%; border-right: none;}
table.tableGrid_layout_new3 tr td { width: 100%; float: left; text-align:left;}
.align-tab-w { width: 100%;}
.footer-lnk, .outerfooter-boot p { font: 400 12px/26px Roboto, sans-serif;}
.app-colem .row { padding: 7px;}
#stablecondition .entry-stage:nth-child(1) { margin-left: 0px !important; margin-top: 18% !important;}
#stablecondition .bookingBlock { text-align: left; margin-top: 22% !important;}
#stablecondition .bookingBlock:nth-child(4) { width: 80%; margin-top: 50px !important; margin-left: 0% !important; }
#stablecondition .entry-stage:nth-child(7) {right: 23%; margin-top: 110% !important;}
#stablecondition .bookingBlock:nth-child(8) { margin-top: 81px !important;}
#stablecondition .entry-stage:nth-child(5) { margin-top: 18% !important; right: 0% !important;}
.a-w { width:auto; float:left; position:relative; }
.stableBookin-content { float: left; margin-left: 8px;}
#stablecondition .bookingBlock:nth-child(6) { width: 5%; margin-left: 82px;}
.al-l-w-100{ width:100%; float:left; text-align:left;}
.m-d { width:375px; float:left; overflow-x:auto; }
.h-t{width: 144px;float: left;}
.outer-info { max-width: 90%;}
.infomessage p { font: 400 14px/24px "Open Sans",sans-serif;}
}
@media only print {
.wrapper{ width:100% !important}
header,#dhtmltooltip,footer,.outer-nav,.btngroup{ display:none;}
}
.cover-box-new4, .loginpanelinner, .venue-body, .card-box {
background: #fff;
display: inline-block;
width: 100%;
padding: 20px;
box-shadow: 2px 2px 8px rgba(29,63,158,.25);
-moz-box-shadow: 2px 2px 8px rgba(29,63,158,.25);
-webkit-box-shadow: 2px 2px 8px rgba(29,63,158,.25);
-o-box-shadow: 2px 2px 8px rgba(29,63,158,.25);
border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
-khtml-box-sizing: border-box;
}