body{ background:#e3eef4; font-family: 'Lato', sans-serif; font-size:0.9rem;}
.topbar{ background:#a5a5a5; }
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.8rem;
padding-left: .8rem;font-weight: 500;}
.topbar .navbar-dark .navbar-nav .nav-link{border-left:0px solid #e5e5e5; color:#666;}

.navbar-collapse {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display:block;
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

.topbar .navbar-nav li:first-child a.nav-link{ border-left:none;}
.topbar .navbar-nav li:last-child a.nav-link{ border-right:none;}
.headerSignUp .form-control{ width:120px; border-radius: 0rem; border:none; padding: 7px;}
.btn{ border-radius:3px;}
.headerSignUp{padding-top: 8px;}
.headerBar{ background:url(../img/headerBorder.jpg) repeat-x left bottom; padding:15px 0px;}
.headerBar .nav-link { font-size:20px;}
.headerBar .navbar-light .navbar-nav .nav-link{color: #eb574c;}
.headerBar .navbar-light .navbar-nav .nav-link:hover{color: #000;}

.headerBar .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1.2rem;
    padding-left: 1.2rem;
}

.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    /* padding: 1.25rem; */
    padding: 0.6rem 1rem 0.5rem;
    
}


.pagination a {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  border: 1px solid #ddd;
}

.pagination a.active {
  background-color: #4CAF50;
  color: white;
  border: 1px solid #4CAF50;
}

.pagination a:hover:not(.active) {background-color: #ddd;}

.pagination a:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.pagination a:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.active{ 
background-color:#ddd;
	
}


.contentBar2 .h1, h1 {
    font-size: 3rem;
    padding-bottom: 1rem;
    padding-top: 1rem;
}

.p-b20{
     padding-bottom: 1.5rem;
}



a.nav-link {
    color:#909090 !important;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

.topbar .navbar-dark .nav-item.active .nav-link{ background:#c1c0c0;}

.contentBar{ background:url(../img/bannerBG.jpg) no-repeat left bottom; background-size:cover;}

.contentBar2{ background: #e4dad1 url("../img/bg1.png") no-repeat left top; padding:10px 0px;}

.footerBar{ background:#333333; color:#000;padding:8px 0px;}

.footerBar2{ background:#1f1f1f; color:#fff;padding:8px 0px 2px 0px;}

.redCard{background-color: #ea665cbf; color:#fff;}

.form-control{border-radius: 0;}

.redCard .form-control{ border:none;padding: 12px;}

.errorClass{    background: #ffc107;    line-height: 28px;
    padding-left: 5px;}
	
.redCard select.form-control{ padding-top: 10px;}

.redCard .card-body{padding: 20px 20px;}

.redCard .btnWraper{padding-top: 10px; padding-bottom: 10px;}

.hText{color:#ec675d; font-size:50px; margin-bottom:0;}

.pm0 p{ margin-bottom:3px;}

.footerBar h1, .footerBar h2, .footerBar h3{ color:#fff;}

.footerBar h3{ font-size:18px;}

.footerBar, .footerBar a{ color:#596a75;}

.footerBar2 h3{ font-size:16px; color:#eb574c;}

.footerBar2 a{color:#909090!important; padding-left: 0;}

.pageTitleBar{background:#f3f3f3; padding:20px 40px; min-height:132px;}

select.form-control:not([size]):not([multiple]) {
    height: calc(2.25rem + 9px);
}

.pageContent{ background:#fff; padding:40px;}

.greenBar{ background:#09697e; color:#fff;}

.cMap{ border-top:1px solid #ccc;}

.regFormWraper{ background:#f7f7f7; padding:40px; color:#777;}

.regFormWraper .form-control{ border-left:none; background:none; border-right:none; border-top:none; padding-left:0px;}

.regFormWraper textarea.form-control{ border:1px solid #ddd;}

.greyBar{background:#727272; padding:20px 40px 0px 40px; color:#fff; min-height:125px;}

.list{ background:#fff; margin-top:30px;}

.list p{ margin-bottom:3px; font-size:13px;}

.bigTxt{ font-size:35px; color:#eb574c;}

p.locationtxt{ color:#999; margin-bottom:15px;}

.list h3{ margin-bottom:1px;}

.gBg{ background:#f9f9f9; padding:20px; min-height:240px;}

.gBg p{ margin-bottom:10px;}

.listInn{ padding:10px;}

.bText{font-size:52px;}

.card.br0{ border-radius:0;}

#accordion .card-header{ background:#ec675d; padding-top:3px; padding-bottom:3px; border:none;}
#accordion .card-header a.btn-link{ color:#fff;}
#accordion .card{ border:none; margin-bottom:5px; border-radius:0;}

.logoImg{height: 60px;padding: 10px;}

.headerBar.cDb .nav-link{ font-size:16px;}

.headerBar.cDb .navbar-expand-lg .navbar-nav .nav-link{padding-right: 13px;padding-left: 13px;}

.cDb .navbar-nav .nav-link{color: rgba(255,255,255,1); border-left:1px solid #b6bec3; border-right:1px solid #fff;}
.cDb .navbar-nav li:first-child a.nav-link{ border-left:none;}
.cDb .navbar-nav li:last-child a.nav-link{ border-right:none;}
.headerBar.cDb{ padding:0;}

.avatar {
    vertical-align: middle;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

.cDb .nav-item.active{background: #fff;
border: 1px solid #ddd;}

.dropdown:hover .dropdown-menu{display:block;}

.dropdown-menu{margin-top: -7px;}

#accordion .card-header.inActive{background: #999;}
.checked {    color: green;}

.form-control.location{ background:#fff url(../img/locationInput.png) no-repeat 10px center; padding-left: 40px; padding-top:12px; padding-bottom:12px;}
.spacer{ padding-left:20px;}
.form-control.cal{ background:#fff url(../img/cal.png) no-repeat 10px center; padding-left: 40px;  padding-top:12px; padding-bottom:12px;}

.st-1{ min-height:50px; background:#ddd; cursor:pointer;padding: 10px; width:100px;}
.bgWhite{ background:#fff;}
.bgGreen{ background:#28a745; color:#fff;}
div.bgGreen:hover{ background:#53c60e; color:#fff;}
.st-2{min-height:100px;}
.st-3{min-height:150px;}
.st-4{min-height:200px;}
.bookedIcon{ text-align:center;}
.st-1:hover{ background:#ccc;}
.bookingPageContent{ background:#fff; padding:40px; margin-top:10px;}

.prow{background: #e5e5e566;padding: 15px 10px;}
.prow2{background: #0000001a;padding: 15px 10px;}
.bgRed {
    background: #ea665c;
    color: #fff;
    transform: rotate(-90deg);
    text-align: center;
    font-size: 34px;
    width: auto;
    position: relative;
    top: 56px;
}
.textNo{ color:#fff; font-weight:bold; background:#666; padding:5px; width:100px; margin-bottom:0;}
.blockRow .colBlock{ margin-bottom:15px;}

 .bookedIcon .fas{   padding: 13px;
    background: #0d7925;
    border-radius: 50%;
 }
.yellowBg{ background:#e6bc09;}
.yellowBg.st-1:hover{ background:#e6bc09;}
.card-green{background: #53c60e; color:#fff;}
.card-grey{background: #a2a2a2; color:#fff;}
.card-yellow{ background:#e6bc09;}
.text-1{ padding:10px;}
.logoImg{ height:90px;}
.pt35{    padding-top: 35px;}
.topbar .container-fluid .nav-link {
    font-size: 13px;
    line-height: 63px;
    padding-left: 28px;
    padding-right: 28px;
    padding-top: 0px;
}



.topbar .container-fluid .nav-link:hover{ background:#c1c0c0; color:#333;}

.topbar .container-fluid .navbar{}

.navUser a{padding-top: 17px;}

.loader{
    width: 100%;
    height: 100%;
    background: #ffffff85;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 999;
    text-align: center;
}
.loader > img{
    max-width: 180px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.angucomplete-dropdown{
background: #fff;
color: #000;
max-height: 228px;
min-height: 75px;
overflow-y: scroll;
position: absolute;
z-index: 10;width: 94%;}

.angucomplete-row, .angucomplete-searching {
    padding: 10px;
    padding-left: 26px;
    border-bottom: 1px solid #e5e5e5;
    cursor: pointer;
    font-size: 12px;
    background: url("../img/pin.png") no-repeat left center;
	    margin-left: 7px;
    margin-right: 10px;
}

body .datepicker table.table-condensed td, body .datepicker table.table-condensed th{padding: 5px;width: 15px;height: 15px;font-size: 13px;}

.form-control{ font-size:0.9rem;}

.modal.fade.in{
    opacity: 1;
}
.customModel .modal-dialog {
    margin: 10.75rem auto;
}

.notificationIcon{     position: relative;
    border-radius: 50%;}
.notificationIcon .fas{    font-size: 20px;}


.notificationIcon .badge {
    position: absolute;
    top: -2px;
    border-radius: 50%;
    left: 14px;
    background: #f9f9f9;
}
.imgWrapper{ min-height:200px;}
.inlineIcon{ float:left; margin-right:10px;}
.row2 .form-group{ margin-bottom:0.2rem;}
.row2 .col-6{ padding-right:0;}
.btn-Searchw{color: #fff;
    border-radius: 4px;
    background-color: #2DBF43;
    box-shadow: 0 5px 10px 0 rgba(0,181,55,0.5);padding-left: 15px;
    padding-right: 15px;}
.card-2{ margin-top:15px;}

.btn.btn-orange, .btn.btn-danger{     background: #fe7e3f;    color: #fff;    border-radius: 20px; padding: 0.5rem 1rem; margin-bottom:10px;}

.btn.btn-green{     background: #6daf03;    color: #fff;    border-radius: 3px; padding: 0.5rem 1rem;}

.navbar-nav .nav-link{ text-transform: uppercase;}
.tWraper-1{ padding-top: 5px;}


.tWraper-2{ padding-top: 15px; padding-bottom:15px;}

.headerTitle h3{    color: #fff;    font-size: 45px;}

.headerTitle h4{      color: #fff; font-size: 35px;}

.headerTitle{margin-bottom: 10px;}

.btn.btn-orange:hover, .btn.btn-green:hover{     background:#cf1717;}

.btn.btn-Search{border-radius: 3px;box-shadow: 0px 1px 4px #b17404;      padding: 11px 20px;}
.btnWraper{    padding-top: 30px; padding-bottom:30px; }
.homePagerB{ background:url(../img/banner-2.jpg) no-repeat left top; background-size:cover; padding:40px 0px 40px 0px;}
.subArea{padding:30px 0px 10px 0px;}
.card{    box-shadow: 0px 0px 5px #e2dbdb;}
.searchContent{ background-color: #fff;}
.text-orange{ color: #fe7e3f;}
.listHeader h1{ font-weight: 200;}
.listHeader{    padding-top: 15px; padding-bottom: 15px;}
.filderWrap h4{    font-size: 1.1rem; margin-bottom: 15px;}
.imgs img{ width: 100%;}
.starCol{ color: #fe7e3f;}
.lstRow{ background: #f7f7f7; border:1px solid #e5e5e5; margin-bottom: 15px;}
.pt10{ padding-top: 10px;}
.mAway{color:#656464; display: block;}
.btmRow {
    background: #fff;
    padding: 5px 15px;
    border-top: 1px solid #e7e7e7;
}
.br1{border-right: 1px solid #e7e7e7;}
.parkInfo .headerTitle h3 {
    font-size: 30px;
    font-weight: 200;
}

.parkInfo .headerTitle h4 {
    font-weight:100;
    font-size: 16px;
}

.starP{     color: #fff;
    font-size: 18px; }
.parkDetails{ background: #fff;}
.contWraper{ padding-top: 30px;}
.thumbWraper{ margin: 15px 0px;}
.frmWrp{    border: 1px solid rgba(0,0,0,.125);    margin-bottom: 15px;}
.hone{ padding: 10px; background: #fff;    text-align: center;    border-bottom: 1px solid #eee;}
.htwo{ padding: 10px; background: #fbfafa; }
.htwo p{ margin-bottom: 3px;}
.htwo .table td{ border-top:none;}
.hthree{background: #fbfafa; padding: 10px;     margin-bottom: 15px; border-bottom: 1px solid #eee;}
.pl10{ padding-left: 10px;}
.svfab {
    font-size: 20px;
    text-align: center;margin: 0;
}
.frmWrp table{  margin-bottom: 0px;}
.picture, .thumbWraper img {    border: solid 1px #e0e7ed;    padding: 3px;}
.rText {
    background: #11ab01;
    color: #fff;
    padding: 10px;
    border-radius: 50%;
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 30px;
}
.rText.grey{ background: #9a9c9a;}
.parkDetails .card{ margin-bottom: 20px;}
img.mpimage{ height: 280px;}
.regfrmWraper {    padding:50px 0px;}
.regfrmWraperInn{background: #fff;}
.modal-backdrop{ background: none;}
.dateSelection select.form-control{ width: auto;}
.dateSelection label{ font-weight: bold;}
.datepicker table{ width: 100%;}
.filderWrap{ margin-bottom:15px;}
.filderWrap .card-header{    font-weight: 700;}
.descText{ font-size:19px;}
.filderWrap .list-unstyled{    padding-left: 30px;}
.imgs img{ cursor:pointer;}

.mrBtn{ color: #fe7e3f;   cursor: pointer;}
.cnt{    min-height: 144px;}


@media only screen and (min-width: 375px) {
    
  .bgRed {
    background: #ea665c;
    color: #fff;
    transform: rotate(-90deg);
    text-align: center;
    font-size: 34px;
    width: auto;
    position: relative;
    top: 56px;
    left: 112px;
}

.img-fluid {
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.h2, h2 {
    font-size: 1.8rem;
    margin-top:10px;
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}


.contentBar2 .h1, h1 {
    font-size: 2rem;
    padding-bottom: 1rem;
    padding-top: 1rem;
}

.pl150 {
    padding-left: 15px;
}

.text-right {
    text-align: left !important;
}

.float-right {
    float: left !important;
}




}

@media only screen and (min-width: 1280px) {
    
  .bgRed {
    background: #ea665c;
    color: #fff;
    transform: rotate(-90deg);
    text-align: center;
    font-size: 34px;
    width: auto;
    position: relative;
    top: 56px;
    left: 0px;
}

.contentBar2 .h1, h1 {
    font-size: 3rem;
    padding-bottom: 1rem;
    padding-top: 1rem;
}


.pl150 {
    padding-left: 150px;
}

.text-right {
    text-align: right !important;
}

.float-right {
    float: right !important;
}


}