
.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before {
    display: table;
    content: " "
}

.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after {
    clear: both
}


body {
     margin: 0;
     padding: 0;
}
p {
     font-size: 14px;
     line-height: 24px;
     font-family: 'Gotham';
     color: #000;
}
button,input,select,textarea {
     outline: 0;
}
select {
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
}
textarea {
     resize: none !important;
}
.no-padding {
     padding: 0px !important;
}
.img {
     width: 100%;
}
.header {
     position: absolute;
     top: 0;
     left: 0;
     z-index: 999;
     width: 100%;
}
.top-bar {
     background: rgb(255 255 255);
     padding: 10px;
     color: #fff;
}
.topbar-right ul {
     padding: 0px;
     list-style: none;
     margin: 0px;
}
.topbar-right ul li {
     display: inline-block;
     padding: 0 0 0 16px;
}
.topbar-right ul li p {
     display: inline-block;
     margin: 0px;
     font-size: 13px;
     color: #cf1f25 !important;
     margin-bottom: 3px;
     letter-spacing: 1px;
}
.topbar-right p {
     color: #650303;
     font-size: 13px;
     letter-spacing: 1px;
     text-transform: uppercase;
     padding-bottom: 0;
     margin-bottom: 2px;
}
.temp {
     margin: 5px 0 0;
     font-size: 12px;
}
.tooltip {
     font-size: 14px;
     padding: 5px 8px;
}
.navigation {
     width: 100%;
     float: left;
     background: rgba(0, 0, 0, 0.21);
     padding: 0;
     -webkit-transition: all 0.5s ease;
     -moz-transition: position 10s;
     -ms-transition: position 10s;
     -o-transition: position 10s;
     transition: all 0.5s ease;
}
.navigation ul {
     list-style: none;
     padding: 0px;
     margin: 0px;
     text-align: center;
}
.navigation ul li {
     display: inline-block;
}
.navigation ul li a {
    display: inline-block;
    padding: 15px 7px;
    margin: 0 0;
    text-transform: uppercase;
    font-size: 12px;
    border-bottom: 2px solid transparent;
    color: #ffffff;
    letter-spacing: 0px;
}
.navigation ul li a:hover {
     text-decoration: none;
}
.logo {
     padding-top: 0;
     padding: 3px 0px;
}
.q_slide .pagination {
     display: none;
}
.topbar-right {
     float: right;
     text-align: right;
}
.booking {
     width: 100%;
}
.bookwrap {
     position: relative;
}
.book-main {
     position: absolute;
     z-index: 1;
     bottom: 30px;
     width: 70%;
     margin: 0 auto;
     left: 0;
     right: 0;
     -webkit-box-shadow: 0px 13px 20px 0px rgba(0, 0, 0, .34);
     -moz-box-shadow: 0px 13px 20px 0px rgba(0, 0, 0, .34);
     box-shadow: 0px 13px 20px 0px rgba(0, 0, 0, .34);
     background-color: white;
}
.fcbok {
     width: 100%;
     border-right: 1px solid #cf1f25;
     border-bottom: 0;
     border-top: 0;
     border-left: 0;
     height: 61px;
     padding: 0 0 0 10px;
     font-family: 'Gotham';
     outline: 0 !important;
}
.cal {
     position: absolute;
     right: 9px;
     top: 16px;
}
.btn-sub {
     margin: 0;
     padding: 17.3px 15px;
     background: #cf1f25;
     border: none;
     color: #fff;
     letter-spacing: 1px;
     font-size: 20px;
     width: 100%;
     -webkit-padding-before: 16.3px;
     -webkit-padding-after: 16.3px;
}
select {
     -webkit-appearance: menulist;
     -moz-appearance: menulist;
     appearance: menulist;
}
.modal-footer {
     border: none !important;
}
.btn-sub:hover {
     background: #000;
}
.booking select {
     width: 100%;
     background: #fff;
     color: #7d7c7c;
     border: 0;
     font-size: 15px;
     padding: 20px 9px;
     border-right: 1px solid #cf1f25;
     letter-spacing: 0px;
     font-family: 'Gotham';
     outline: 0 !important;
     height: 60px;
     -webkit-border-radius: 0px;
     border-radius: 0;
}
.why_choose_section {
     background: #cf1f25;
     padding: 40px;
     position: relative;
     margin: 40px 0;
     margin-top: 0;
}
.why_choose_section h2 {
     font-family: 'SentinelBook';
     width: 30%;
     float: left;
     margin: 0;
     text-transform: uppercase;
     font-size: 20px;
     color: #fff;
     letter-spacing: 1px;
}
.why_choose_box li {
     padding: 0 13px;
     display: inline-block;
}
.why_choose_box li img {
     margin: 0 auto 17px;
     display: block;
}
.why_choose_box li h2 {
     font-family: 'Gotham';
     width: 100%;
     font-size: 10px;
     color: #fff;
     text-transform: uppercase;
     letter-spacing: 2px;
     text-align: center;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
.footer-navigation {
     width: 100%;
     float: left;
     margin-top: 40px;
     text-align: center;
}
.footer-navigation ul {
     padding: 0px 0 20px 0;
     margin: 15px 0;
     list-style: none;
     border-bottom: solid 1px #6f0000;
     clear: both;
}
.footer-navigation ul li {
     display: inline-block;
     text-transform: uppercase;
     font-size: 14px;
     letter-spacing: 1px;
}
.footer-navigation ul li a {
     padding: 10px 8px;
     color: #808080;
     font-family: 'Gotham';
     font-size: 14px;
}
.footer-add ul {
     list-style: none;
     padding: 0px;
     margin: 0;
}
.footer-add ul li {
     font-size: 14px;
     line-height: 26px;
     color: #808080;
     font-family: 'Gotham';
}
.footer-bot {
     margin-top: 25px;
     margin-bottom: 25px;
}
.news-in {
     width: 70%;
     float: left;
     padding: 6px 5px 4px;
     background: #fff;
     border: none;
     font-size: 16px;
     border: solid 1px #afafaf;
     font-family: 'Gotham';
}
.news-sub {
     width: 30%;
     float: left;
     padding: 7px;
     background: #cf1f25;
     border: none;
     color: #fff;
}
.foot-social {
     padding: 0px;
     list-style: none;
     margin: 50px 0 0 14px;
}
.foot-social li {
     display: inline-block;
     padding: 10px 2px;
}
.foot-social li a {
     display: inline-block;
     font-size: 22px;
     color: #666666;
     width: 40px;
     height: 40px;
     border: solid #666666 1px;
     border-radius: 50%;
     padding: 5px 0;
     text-align: center;
}
.stayhome {
     margin: 80px;
}
.row::before,.row::after {
     content: ' ';
     display: table;
}
.ti {
     margin: 70px 0 40px 0;
     font-size: 40px;
     color: #000;
     z-index: 1;
     position: relative;
     text-transform: capitalize;
     font-family: 'Sentinel';
     font-weight: normal;
     letter-spacing: 1px;
}
.ti .headcol {
     color: #cf1f25;
     font-size: 60px;
    /* font-family: 'apalu';
     */
}
.stayhome p {
     padding: 0 50px 10px 0;
}

.ourvalues {
     background: url(../images/Canadian.jpg) no-repeat fixed top right;
     background-size: contain;
     height: 632px;
     margin: 0;
     width: 100%;
     text-align: center;
}
.centwrap {
     text-align: center;
}
.centwrap h1 {
     text-transform: capitalize;
     color: #cf1f25;
     font-family: 'SentinelBook';
     font-size: 42px;
     letter-spacing: 2px;
    /* font-family: 'apalu';
     */
}
.centwrap p {
     padding: 0 110px;
}

.offer {
     text-align: center;
}
.offer h2 {
     color: #cf1f25;
     font-family: 'SentinelBook';
     letter-spacing: 2px;
     font-size: 36px;
     text-transform: capitalize;
     font-weight: normal;
     line-height: 30px;
     font-size: 60px;
    /* font-family: 'apalu';
     */
}
.offer p {
     margin: 30px 0 40px 0;
}
.meeting {
     background: url(../images/meeting_bg.jpg) no-repeat right top;
     background-attachment: fixed;
     background-size: cover;
     width: 100%;
     height: 500px;
     margin: 70px 0 70px 0;
     position: relative;
}
.testimonial {
     background: #cf1f25;
     padding: 60px 120px;
}
.testimonial h3 {
     color: #fff;
     font-size: 24px;
     font-family: 'SentinelBook';
     font-weight: normal;
}
.testimonial p {
     color: #fff;
     font-size: 14px;
}
.testimonial_home .owl-nav .owl-prev {
     background: url(../images/mainslidearrow_l.png) !important;
     width: 27px;
     height: 27px;
     position: absolute;
     top: 120px;
     left: 0;
}
.testimonial_home .owl-nav .owl-next {
     background: url(../images/mainslidearrow_r.png) !important;
     width: 27px;
     height: 27px;
     position: absolute;
     top: 120px;
     right: 0;
}
.testimonial_home .owl-nav span {
     display: none;
}
.testwrap {
     padding: 10px 200px;
     text-align: center;
}
.meet_event {
     width: 60%;
     float: left;
     padding: 15px 0px 40px 0px;
     position: absolute;
     z-index: 9;
     text-align: center;
    /* text-align:left;
     */
     background: #00000063;
     left: 20%;
     top: 22%;
}
.meet_event h3 {
     font-size: 48px;
     text-transform: capitalize;
     color: #fff;
     font-weight: normal;
     margin: 20px 0px 0px;
     display: block;
     font-size: 60px;
    /* font-family: 'apalu';
     */
    /* font-family: 'SentinelBook';
     */
}
.meet_event h3 span {
     font-size: 60px;
}
.meet_event h2 {
     font-weight: normal;
     font-size: 200px;
     text-transform: uppercase;
     font-family: 'SentinelBook';
     color: #000;
     letter-spacing: 1px;
}
.meet_event p {
     width: 100%;
     padding: 10px 3%;
     color: #fff;
}
.exp2 {
     font-family: 'Gotham';
     background: #cf1f25;
     text-transform: uppercase;
     letter-spacing: 1px;
     color: #fff;
     padding: 10px 20px;
}
.exp2:hover {
     background: #000;
     text-decoration: none;
     color: #fff;
}
.teswrap h2 {
     margin: 0;
     color: #cf1f25;
     font-family: 'SentinelBook';
     letter-spacing: 2px;
     font-size: 36px;
     text-transform: capitalize;
     font-weight: normal;
     line-height: 30px;
     text-align: center;
     padding: 60px 0px 20px 0px;
     font-size: 60px;
    /* font-family: 'apalu';
     */
}
#axis {
     height: 900px;
     position: relative;
     width: 100%;
}
.van {
     top: 0;
     left: 52%;
}
.object {
     position: absolute;
     -webkit-transition: all 2s ease-in-out;
     -moz-transition: all 2s ease-in-out;
     -o-transition: all 2s ease-in-out;
}
#axis:hover .move-left {
     transform: translate(-100px, 0);
     -webkit-transform: translate(-100px, 0);
    /** Safari & Chrome **/
     -o-transform: translate(-100px, 0);
    /** Opera **/
     -moz-transform: translate(-100px, 0);
    /** Firefox **/
}
#axis1 {
     border: 5px #f7f7f7 solid;
     height: 1000px;
     position: absolute;
     width: 100%;
}
.van1 {
     top: 40%;
     left: 44%;
}
.object1 {
     position: absolute;
     -webkit-transition: all 2s ease-in-out;
     -moz-transition: all 2s ease-in-out;
     -o-transition: all 2s ease-in-out;
}
#axis1:hover .move-right {
     transform: translate(350px, 0);
     -webkit-transform: translate(350px, 0);
    /** Chrome & Safari **/
     -o-transform: translate(350px, 0);
    /** Opera **/
     -moz-transform: translate(350px, 0);
    /** Firefox **/
}
.dinehome {
     margin: 80px 0 0 0;
}
.dinetxt {
     width: 70%;
     margin: 25% 0 0 86px;
}
.dinetxt h2 {
     font-family: 'SentinelBook';
     color: #cf1f25;
     font-size: 78px;
     text-transform: capitalize;
     font-weight: normal;
     line-height: 60px;
     font-size: 50px;
    /* font-family: 'apalu';
     */
}
.dinetxt p {
     margin: 30px 0 0 0;
}
.circleb1 {
     width: 230px;
     height: 230px;
     background: #cf1f25;
     border-radius: 100%;
     position: absolute;
     bottom: 120px;
     left: 125px;
     z-index: 1;
}
.circleb1:hover {
     text-decoration: none;
     background: #000;
}
.circleb6 {
     width: 230px;
     height: 230px;
     background: #d01243;
     border-radius: 100%;
     position: absolute;
     top: -70px;
     right: -80px;
     z-index: 1;
}
.circleb6 a {
     font-size: 35px;
     color: #fff;
     position: absolute;
     text-align: center;
     width: 100%;
     top: 80px;
     text-transform: uppercase;
     font-family: 'SentinelBook';
     letter-spacing: 2px;
     line-height: 36px;
}
.circleb6:hover {
     text-decoration: none;
     background: #000;
}
.circleb7 {
     width: 230px;
     height: 230px;
     background: #d01243;
     border-radius: 100%;
     position: absolute;
     top: -70px;
     left: -80px;
     z-index: 1;
}
.circleb7 a {
     font-size: 35px;
     color: #fff;
     position: absolute;
     text-align: center;
     width: 100%;
     top: 80px;
     text-transform: uppercase;
     font-family: 'SentinelBook';
     letter-spacing: 2px;
     line-height: 36px;
}
.circleb7:hover {
     text-decoration: none;
     background: #000;
}
.circleb2 {
     width: 750px;
     height: 750px;
     background: #ddd3ca;
     border-radius: 100%;
     position: absolute;
     top: 34px;
     left: 125px;
}
.circleb1 a {
     font-size: 22px;
     color: #fff;
     position: absolute;
     text-align: center;
     width: 100%;
     top: 90px;
     text-transform: uppercase;
     font-family: 'Gotham';
     letter-spacing: 2px;
}
.circle_off1 {
     width: 200px;
     height: 200px;
     background: #d01243;
     border-radius: 100%;
     position: absolute;
     bottom: 0;
     left: 0;
     z-index: 1;
}
.circle_off1 a {
     font-size: 38px;
     color: #fff;
     position: absolute;
     text-align: center;
     width: 100%;
     top: 58px;
     text-transform: uppercase;
     font-family: 'SentinelBook';
     left: 0;
     line-height: 38px;
}
.circle_off1:hover {
     text-decoration: none;
     background: #000;
}
.circle_off2 {
     width: 200px;
     height: 200px;
     background: #d01243;
     border-radius: 100%;
     position: absolute;
     bottom: 0;
     right: 0;
     z-index: 1;
}
.circle_off2 a {
     font-size: 38px;
     color: #fff;
     position: absolute;
     text-align: center;
     width: 100%;
     top: 58px;
     text-transform: uppercase;
     font-family: 'SentinelBook';
     left: 0;
     text-decoration: none;
     line-height: 38px;
}
.circle_off2:hover {
     text-decoration: none;
     background: #000;
}
.btn.btn-default.btn-number2 {
     border: none;
     font-weight: 300;
     font-size: 11px;
}
.form-control.input-number2 {
     border: none;
     text-align: center;
     font-size: 48px;
     height: 60px;
     color: #000;
}
.tooltip-inner {
     width: 200px;
     padding: 10px 0px;
     color: #fff;
     text-align: center;
     background-color: #000;
     border-radius: 4px;
     font-size: 19px;
     font-weight: bold;
     font-family: 'SentinelBook';
     letter-spacing: 2px;
}
.input-group-btn {
     width: 30px;
     float: left;
     text-align: center;
}
.tooltip.bottom .tooltip-arrow {
     border-bottom-color: #000;
}
#downarrow {
     position: absolute;
     z-index: 1;
     bottom: 140px;
     width: 100%;
     margin: 0 auto;
     text-align: center;
}
.btn.btn-default.btn-number {
     border: none;
     font-weight: 300;
     font-size: 11px;
     background: transparent;
     color: #fff;
}
.form-control.input-number {
     border: none;
     text-align: center;
     font-size: 35px;
     color: #fff;
     width: 70px;
     background: transparent;
}
.have-eff-01 {
     position: relative;
}
.have-eff-01::before {
     position: absolute;
     content: "";
     left: 0;
     width: 55%;
     height: 100%;
     background: #d4a500;
     z-index: 999;
     transition: all 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
     top: 0;
}
.have-eff-01::after {
     position: absolute;
     content: "";
     right: 0;
     width: 55%;
     height: 100%;
     background: #d4a500;
     z-index: 999;
     transition: all 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
     top: 0;
}
.customDots {
     width: 20px;
     position: absolute;
     right: -10px;
     top: 290px;
     z-index: 9999999;
}
.have-eff-01.animated::before,.have-eff-01.animated::after {
     width: 0%;
}
.flipInX2 {
     position: relative;
}
.flipInX2:before {
     position: absolute;
     content: "";
}
.cbp-spmenu h3 {
     color: #afdefa;
     font-size: 1.9em;
     padding: 17px;
     margin: 0;
     font-weight: 300;
     background: #e7e7e7;
     color: #d4a500;
     font-weight: 800;
}
.calendar {
     position: relative;
}
.calendar input {
     visibility: visible !important;
     position: absolute;
     left: 0;
     width: 100%;
     margin: auto;
     right: 0;
     top: 0px;
     height: 100%;
     border: none;
     background: transparent;
     text-indent: 280px;
}
.vs-div {
     transition: all ease-in-out .7s;
}
input[type=number] {
     -moz-appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
     -webkit-appearance: none;
     margin: 0;
}
input[type=number]:hover {
     -moz-appearance: textfield;
}
.vs-div.menu-open {
     transform: translate(-250px, 0) !important;
}
.header.nav-visible {
     width: calc(100% - 250px);
}
.offerbtn1 {
     float: left;
     color: #fff;
     letter-spacing: 1px;
     background: #cf1f25;
     padding: 6px 20px;
     font-family: 'Gotham';
     font-size: 15px;
     border: 1px solid transparent;
     position: relative;
     z-index: 9;
}
.offerbtn1:hover {
     background: #000 !important;
     color: #fff !important;
     text-decoration: none !important;
}
.offerbtn2 {
     float: left;
     color: #fff;
     letter-spacing: 1px;
     background: transparent;
     padding: 6px 20px;
     font-family: 'Gotham';
     font-size: 15px;
     margin: 0 0 0 10px;
     border: 1px solid #fff;
     position: relative;
     z-index: 9;
}
.offerbtn2:hover {
     background: #000 !important;
     color: #fff !important;
     text-decoration: none !important;
     border: 1px solid #000;
}
.grid {
     position: relative;
     margin: 0 auto;
     padding: 0;
     max-width: 1000px;
     list-style: none;
     text-align: center;
}
.grid figure {
     position: relative;
     float: left;
     overflow: hidden;
     margin: 0;
     width: 100%;
     background: #000;
     text-align: center;
     cursor: pointer;
}
.grid figure img {
     position: relative;
     display: block;
     opacity: 0.8;
}
.grid figure figcaption {
     padding: 2em;
     color: #fff;
     text-transform: uppercase;
     font-size: 1.25em;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
}
.grid figure figcaption::before,.grid figure figcaption::after {
     pointer-events: none;
}
.grid figure figcaption,.grid figure figcaption>.ttp {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
.grid figure figcaption>.ttp {
     z-index: 1;
     text-indent: 200%;
     white-space: nowrap;
     font-size: 0;
     opacity: 0;
}
.grid figure h2 span {
     font-weight: normal;
     margin: 20px 0 0 0;
     float: left;
     position: absolute;
     top: 0;
     right: 25px;
}
.grid figure h2,.grid figure p {
     margin: 0;
}
.grid figure p {
     letter-spacing: 1px;
     font-size: 68.5%;
}
/***** Chico *****/
figure.effect-chico img {
     -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
     transition: opacity 0.35s, transform 0.35s;
     -webkit-transform: scale(1.12);
     transform: scale(1.12);
}
figure.effect-chico:hover img {
     opacity: 0.5;
     -webkit-transform: scale(1);
     transform: scale(1);
}
figure.effect-chico figcaption {
     padding: 3em;
}
figure.effect-chico figcaption::before {
     position: absolute;
     top: 30px;
     right: 30px;
     bottom: 30px;
     left: 30px;
     border: 1px solid transparent;
     content: '';
     -webkit-transform: scale(1.1);
     transform: scale(1.1);
}
figure.effect-chico figcaption::before,figure.effect-chico .offerbtn1,figure.effect-chico .offerbtn2,figure.effect-chico p {
     opacity: 0;
     -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
     transition: opacity 0.35s, transform 0.35s;
}
figure.effect-chico h2 {
     padding: 35% 0 20px 0;
     color: #fff;
     text-transform: initial;
     text-align: left;
     font-size: 25px;
     font-family: 'SentinelBook';
}
figure.effect-chico p {
     -webkit-transform: scale(1.5);
     transform: scale(1.5);
     font-size: 14px;
     color: #fff;
     width: 100%;
     float: left;
     margin: 30px 0;
     text-align: left;
     text-transform: initial;
}
figure.effect-chico:hover figcaption::before,figure.effect-chico:hover .offerbtn1,figure.effect-chico:hover .offerbtn2,figure.effect-chico:hover p {
     opacity: 1;
     -webkit-transform: scale(1);
     transform: scale(1);
}
@media screen and (max-width:50em) {
     .content {
         padding: 0 10px;
         text-align: center;
    }
     .grid figure {
         display: inline-block;
         float: none;
         margin: 10px auto;
         width: 100%;
    }
}
.navigation.header-fixed {
     z-index: 9999999;
     position: fixed;
     top: 0;
     background: rgb(255 255 255);
     padding: 0;
     animation: smoothScroll 1s forwards;
}
@keyframes smoothScroll {
     0% {
         transform: translateY(-40px);
    }
     100% {
         transform: translateY(0px);
    }
}
.logo-fixed {
     position: fixed;
     z-index: 99999999;
     width: 185px;
}
.header.fixed .logo {
     transition: all ease-in-out 1s;
}
.header.fixed .logo img {
     max-width: 100%;
    /* height: 45px;
     */
     margin-top: 0;
     width: 166px;
}
.navigation.header-fixed ul li a {
    padding: 20px 7px;
    color: #650303;
}
.map {
     margin: 80px 0 0 0;
}
.address {
     margin: 80px 0 0 0;
}
.contact_form {
     margin: 50px 0 0 0;
}
.thingtodo {
     margin: 80px 0 0 0;
}
.offer_wrap {
     margin: 80px 0 0 0;
}
.stay_wrap {
     margin: 80px 0 0 0;
}
.dinewrap {
     margin: 80px 0 0 0;
}
.dinesection {
     background-image: url(../images/dine_bg.jpg);
     height: 100%;
     background-attachment: fixed;
     background-position: center;
     margin-top: -40px;
     background-repeat: no-repeat;
     background-size: cover;
     padding: 80px 0;
}
.contact-form input {
     width: 100%;
     background: transparent;
     border-bottom: 1px solid #333;
     border-top: none;
     border-right: none;
     border-left: none;
     margin-bottom: 30px;
     height: 40px;
}
.contact-form textarea {
     width: 100%;
     background: transparent;
     border-bottom: 1px solid #333;
     border-top: none;
     border-right: none;
     border-left: none;
     margin-bottom: 30px;
     height: 100px;
}
.contact-form .btnform {
     background: #d31748;
     width: 158px;
     color: #fff;
     border-bottom: 1px solid #fff;
     float: left;
}
.address h2 {
     text-transform: uppercase;
     color: #cf1f25;
     font-family: 'SentinelBook';
     font-size: 25px;
     margin-bottom: 50px;
}
.contact_form h2 {
     text-transform: uppercase;
     color: #cf1f25;
     font-family: 'SentinelBook';
     font-size: 25px;
}
.near-content h4 {
     text-transform: uppercase;
     color: #cf1f25;
     font-family: 'SentinelBook';
     font-size: 35px;
}
.near-content p {
     color: #919191;
     font-size: 14px;
     line-height: 26px;
}
.near-content {
     margin: 90px 0 0 0;
}
.offer-content h4 {
     text-transform: uppercase;
     color: #cf1f25;
     font-family: 'SentinelBook';
     font-size: 35px;
     padding: 30px 0;
}
.offer-content p {
     color: #919191;
     font-size: 14px;
     line-height: 26px;
     margin: 0 0 30px 0;
}
.space1 {
     margin: 20px 0 30px 0;
}
.staydetail h2 {
     text-transform: uppercase;
     color: #cf1f25;
     font-family: 'SentinelBook';
     font-size: 25px;
}
.staydetail {
     background: #e6e7e8;
     float: left;
     width: 100%;
     padding: 20px 20px 40px 20px;
     margin: 0 0 30px 0;
}
.staydetail p {
     text-transform: uppercase;
     color: #cf1f25;
     font-size: 15px;
}
.btnbl {
     font-family: 'Gotham';
     color: #000;
     margin: 0 20px;
     text-transform: uppercase;
}
.comm_btn {
     font-family: 'Gotham';
     background: #cf1f25;
     text-transform: uppercase;
     letter-spacing: 1px;
     color: #fff;
     padding: 10px 20px;
}
.comm_btn:hover {
     background: #000;
     text-decoration: none;
     color: #fff;
}
#conference-timeline {
     position: relative;
     width: 85%;
     margin: 0 auto;
}
#conference-timeline .timeline-start,#conference-timeline .timeline-end {
     display: table;
     font-family: "Roboto", sans-serif;
     font-size: 18px;
     font-weight: 900;
     text-transform: uppercase;
     background: #00b0bd;
     padding: 15px 23px;
     color: #fff;
     max-width: 5%;
     width: 100%;
     text-align: center;
     margin: 0 auto;
}
#conference-timeline .conference-center-line {
     position: absolute;
     width: 4px;
     height: 85%;
     top: 60px;
     left: 50%;
     margin-left: -2px;
     background: #cf1f25;
     z-index: -1;
}
#conference-timeline .conference-timeline-content {
     padding-top: 67px;
     padding-bottom: 67px;
}
.timeline-article {
     width: 100%;
     height: 100%;
     position: relative;
     overflow: hidden;
     margin: 20px 0 80px 0;
}
.timeline-article .content-left-container,.timeline-article .content-right-container {
     max-width: 44%;
     width: 100%;
}
.timeline-article .timeline-author {
     display: block;
     font-weight: 400;
     line-height: 24px;
     text-transform: uppercase;
     color: #cf1f25;
     font-family: 'SentinelBook';
     font-size: 36px;
     letter-spacing: 2px;
     float: left;
     width: 100%;
     margin: 0 0 27px 0;
}
.timeline-article .content-left,.timeline-article .content-right {
     position: relative;
     width: auto;
     padding: 0;
}
.timeline-article p {
     margin: 0 0 0 0;
     padding: 0;
     font-weight: 400;
     color: #242424;
     font-size: 14px;
     line-height: 24px;
     position: relative;
}
.timeline-article p span.article-number {
     position: absolute;
     font-weight: 300;
     font-size: 44px;
     top: 10px;
     left: -60px;
     color: #00b0bd;
}
.timeline-article .content-left-container {
     float: left;
}
.timeline-article .content-right-container {
     float: right;
}
.timeline-article .meta-date {
     position: absolute;
     top: 0;
     left: 50%;
     width: 30px;
     height: 30px;
     margin-left: -15px;
     color: #fff;
     border-radius: 100%;
     background: #cf1f25;
}
.timeline-article .meta-date .date,.timeline-article .meta-date .month {
     display: block;
     text-align: center;
     font-weight: 900;
}
.timeline-article .meta-date .date {
     font-size: 30px;
     line-height: 40px;
}
.timeline-article .meta-date .month {
     font-size: 18px;
     line-height: 10px;
}
.mapcontact {
     width: 100%;
     height: 450px;
}
@media only screen and (max-width:830px) {
     #conference-timeline .timeline-start, #conference-timeline .timeline-end {
         margin: 0;
    }
     #conference-timeline .conference-center-line {
         margin-left: 0;
         left: 50px;
    }
     .timeline-article .meta-date {
         margin-left: 0;
         left: 20px;
    }
     .timeline-article .content-left-container, .timeline-article .content-right-container {
         max-width: 100%;
         width: auto;
         float: none;
         margin-left: 110px;
         min-height: 53px;
    }
     .timeline-article .content-left-container {
         margin-bottom: 20px;
    }
     .timeline-article .content-left, .timeline-article .content-right {
         padding: 10px 25px;
         min-height: 65px;
    }
}
@media only screen and (max-width:400px) {
     .timeline-article p {
         margin: 0;
    }
     .timeline-article p span.article-number {
         display: none;
    }
}
.dine-content h4 {
     text-transform: uppercase;
     color: #cf1f25;
     font-family: 'SentinelBook';
     font-size: 35px;
}
.dine-content p {
     color: #000000;
     font-size: 14px;
     line-height: 26px;
}
.dine-content {
     margin: 140px 0 0 0;
     padding: 100px 70px;
}
.dinewrap .row {
     margin: 0 0 150px 0;
}
.dinewrap .container-fluid {
     padding-right: 0;
     padding-left: 0;
}
.experience_banner {
     margin: 80px 0 0 0;
}
.expwrap {
     position: relative;
     margin: 0 0 70px 0;
     float: left;
     width: 100%;
}
.expbox2 {
     width: 57%;
     float: left;
     position: relative;
     left: 20%;
}
.expbox3 {
     width: 35%;
     position: absolute;
     right: 2%;
     background: #fff;
     padding: 20px;
     top: 300px;
     z-index: 9;
}
.expbox3 h4 {
     text-transform: uppercase;
     color: #cf1f25;
     font-family: 'SentinelBook';
     font-size: 26px;
}
.expbox1 {
     width: 20%;
     left: 3%;
     z-index: 9;
     position: absolute;
     top: 50px;
     background: #fff;
     padding: 10px;
}
.effbothside img {
     width: 100%;
     height: 456px;
     object-fit: cover;
}
.right_img_box img {
     width: 100%;
}
.effbothside {
     margin: auto;
     transition: all ease-in-out 3s;
     width: 100%;
     overflow: hidden;
     background: #f5efe7;
}
.demo-gallery>ul {
     margin-bottom: 0;
     padding: 0;
}
.demo-gallery>ul>li {
     float: left;
     display: inline-block;
}
.demo-gallery>ul>li a {
     border: 3px solid #FFF;
     border-radius: 3px;
     display: block;
     overflow: hidden;
     position: relative;
     float: left;
}
.demo-gallery>ul>li a>img {
     -webkit-transition: -webkit-transform 0.15s ease 0s;
     -moz-transition: -moz-transform 0.15s ease 0s;
     -o-transition: -o-transform 0.15s ease 0s;
     transition: transform 0.15s ease 0s;
     -webkit-transform: scale3d(1, 1, 1);
     transform: scale3d(1, 1, 1);
     height: 100%;
     width: 100%;
}
.demo-gallery>ul>li a:hover>img {
     -webkit-transform: scale3d(1.1, 1.1, 1.1);
     transform: scale3d(1.1, 1.1, 1.1);
}
.demo-gallery>ul>li a:hover .demo-gallery-poster>img {
     opacity: 1;
}
.demo-gallery>ul>li a .demo-gallery-poster {
     background-color: rgba(0, 0, 0, 0.1);
     bottom: 0;
     left: 0;
     position: absolute;
     right: 0;
     top: 0;
     -webkit-transition: background-color 0.15s ease 0s;
     -o-transition: background-color 0.15s ease 0s;
     transition: background-color 0.15s ease 0s;
}
.demo-gallery>ul>li a .demo-gallery-poster>img {
     left: 50%;
     margin-left: -10px;
     margin-top: -10px;
     opacity: 0;
     position: absolute;
     top: 50%;
     -webkit-transition: opacity 0.3s ease 0s;
     -o-transition: opacity 0.3s ease 0s;
     transition: opacity 0.3s ease 0s;
}
.demo-gallery>ul>li a:hover .demo-gallery-poster {
     background-color: rgba(0, 0, 0, 0.5);
}
.demo-gallery .justified-gallery>a>img {
     -webkit-transition: -webkit-transform 0.15s ease 0s;
     -moz-transition: -moz-transform 0.15s ease 0s;
     -o-transition: -o-transform 0.15s ease 0s;
     transition: transform 0.15s ease 0s;
     -webkit-transform: scale3d(1, 1, 1);
     transform: scale3d(1, 1, 1);
     height: 100%;
     width: 100%;
}
.demo-gallery .justified-gallery>a:hover>img {
     -webkit-transform: scale3d(1.1, 1.1, 1.1);
     transform: scale3d(1.1, 1.1, 1.1);
}
.demo-gallery .justified-gallery>a:hover .demo-gallery-poster>img {
     opacity: 1;
}
.demo-gallery .justified-gallery>a .demo-gallery-poster {
     background-color: rgba(0, 0, 0, 0.1);
     bottom: 0;
     left: 0;
     position: absolute;
     right: 0;
     top: 0;
     -webkit-transition: background-color 0.15s ease 0s;
     -o-transition: background-color 0.15s ease 0s;
     transition: background-color 0.15s ease 0s;
}
.demo-gallery .justified-gallery>a .demo-gallery-poster>img {
     left: 50%;
     margin-left: -10px;
     margin-top: -10px;
     opacity: 0;
     position: absolute;
     top: 50%;
     -webkit-transition: opacity 0.3s ease 0s;
     -o-transition: opacity 0.3s ease 0s;
     transition: opacity 0.3s ease 0s;
}
.demo-gallery .justified-gallery>a:hover .demo-gallery-poster {
     background-color: rgba(0, 0, 0, 0.5);
}
.demo-gallery .video .demo-gallery-poster img {
     height: 48px;
     margin-left: -24px;
     margin-top: -24px;
     opacity: 0.8;
     width: 48px;
}
.demo-gallery.dark>ul>li a {
     border: 3px solid #04070a;
}
.home .demo-gallery {
     padding-bottom: 80px;
}
a#lg-download {
     display: none;
}
.galleryline {
     border-bottom: 1px solid #cf1f25;
     text-align: center;
     line-height: 0;
}
.gallery-title {
     font-size: 36px;
     text-align: center;
     font-weight: 500;
     margin-bottom: 70px;
     color: #7d610e;
}
.gallery-title:after {
     content: "";
     position: absolute;
     width: 7.5%;
     left: 46.5%;
     height: 45px;
     border-bottom: 1px solid #5e5e5e;
     color: #7d610e;
}
.filter-button {
     line-height: 0;
     font-size: 15px;
     border-radius: 0;
     text-align: center;
     margin-top: 80px;
     margin-bottom: 20px;
     border-color: transparent;
     text-transform: uppercase;
     background: transparent;
     outline: none;
     padding: 0 12px;
     color: #cf1f25;
     font-family: 'SentinelBook';
}
.filter-button:hover {
     font-size: 15px;
     border-radius: 0;
     text-align: center;
     background-color: transparent;
     border-color: transparent;
     color: #cf1f25;
     font-family: 'SentinelBook';
}
.filter-button:active .filter-button:active {
     background-color: #42B32F;
     color: #7d610e;
}
.galwrap {
     width: 24%;
     float: left;
/*     margin: 5px;*/
}
.listwrap .modal-body {
     padding: 15px 40px;
}
.listwrap .modal-content {
     border-radius: 0 !important;
}
.listwrap .modal-header {
     border-bottom: 0px solid #e5e5e5;
     margin: 0 0 30px 40px;
}
.listwrap .modal-header .close {
     margin-right: 30px;
}
.modal-header .modal-title {
     text-transform: uppercase;
     color: #cf1f25;
     font-family: 'SentinelBook';
     font-size: 25px;
}
.modal-body h2 {
     text-transform: uppercase;
     color: #cf1f25;
     font-family: 'SentinelBook';
     font-size: 25px;
}
.modal-body h3 {
     text-transform: uppercase;
     color: #cf1f25;
     font-family: 'SentinelBook';
     font-size: 15px;
}
.room .owl-nav {
     position: absolute;
     top: -45px;
     right: 0;
}
.listwrap .owl-prev {
     background: url(../images/mainslidearrow_l.png)no-repeat !important;
     width: 30px;
     height: 28px;
}
.listwrap .owl-next {
     background: url(../images/mainslidearrow_r.png)no-repeat !important;
     width: 30px;
     height: 28px;
}
.book_tt {
     background: #d01243;
     padding: 10px 20px;
     color: #fff;
     text-transform: uppercase;
     float: left;
}
.book_tt:hover {
     background: #000;
     color: #fff;
     text-decoration: none;
}
.listwrap .table>thead>tr>th {
     border-bottom: 0px solid #ddd;
}
.listwrap .table>thead>tr>th {
     border-bottom: 1px solid #000;
     font-size: 12px;
     line-height: 24px;
     font-family: 'Gotham';
     color: #000;
}
.listwrap .table>tbody>tr>th {
     border-top: 1px solid #ddd;
     font-size: 12px;
     font-family: 'Gotham';
}
.listwrap .table>tbody>tr>td {
     border-top: 1px solid #ddd;
     font-size: 12px;
     font-family: 'Gotham';
}
.listwrap .table {
     border: 1px solid #000;
}
.listwrap thead {
     background: #efefef;
}
.offerbtn3 {
     float: left;
     color: #000;
     letter-spacing: 1px;
     background: transparent;
     padding: 7px 25px;
     font-family: 'Gotham';
     font-size: 15px;
     border: 1px solid #000;
     z-index: 9;
     margin: 0 0 0 10px;
     text-transform: uppercase;
}
.offerbtn3:hover {
     background: #000 !important;
     color: #fff !important;
     text-decoration: none !important;
}
.offerbtn4 {
     float: left;
     color: #fff;
     letter-spacing: 1px;
     background: #d01243;
     padding: 7px 25px;
     font-family: 'Gotham';
     font-size: 15px;
     border: 1px solid transparent;
     z-index: 9;
     margin: 0 0 0 10px;
     text-transform: uppercase;
}
.offerbtn4:hover {
     background: #000 !important;
     color: #fff !important;
     text-decoration: none !important;
}
.offer-content {
     margin: 90px 0 0 0;
     padding: 0 70px;
}
.offerpage .modal-header {
     padding: 15px;
     border-bottom: 1px solid #e5e5e5;
}
.offerpage ul {
     font-family: 'Gotham';
}
.offerpage .modal-body h2 {
     text-transform: uppercase;
     color: #cf1f25;
     font-family: 'SentinelBook';
     font-size: 15px;
}
.offerpage .modal-content {
     border-radius: 0;
}
ul.facility_list {
     margin: 40px 0 0 0;
     padding: 0;
}
.facility_list li {
     width: 24%;
     line-height: 33px;
     text-align: center;
     border-right: 0px solid #bebebe;
     display: inline-block;
}
.facility_list li span {
     display: block;
     margin-top: 8px;
     letter-spacing: 0.5px;
     text-transform: uppercase;
     font-size: 11px;
     padding: 0 6px;
     font-weight: 500;
     line-height: 18px;
}
.btn40 {
     font-family: 'Gotham';
     background: #cf1f25;
     text-transform: uppercase;
     letter-spacing: 1px;
     color: #fff;
     padding: 10px 20px;
     margin: 80px 0;
     float: left;
}
.btn40:hover {
     text-transform: uppercase;
     background: #000;
     color: #fff;
}
.dine-form input {
     font-family: 'open_sansregular';
     width: 100%;
     border-bottom: 1px dotted #ccc;
     padding: 10px;
     margin: 0 0 25px 0;
     border-top: 0;
     border-right: 0;
     border-left: 0;
     outline: none;
}
.dine-form textarea {
     width: 100%;
     border-bottom: 1px dotted #ccc;
     padding: 10px;
     margin: 0 0 10px 0;
     border-top: 0;
     outline: none;
     border-right: 0;
     border-left: 0;
     height: 100px;
}
.dine-form .box {
     background: #d01243;
     width: 100%;
     font-family: 'open_sansregular';
     text-transform: uppercase;
     letter-spacing: 2px;
     font-weight: bold;
     font-size: 16px;
     border: 0;
}
.closebtn {
     display: none;
}
.menu-mob {
     display: none;
}
.footlogo {
    /* width: 19pc;
     */
     padding: 0px 13px;
}
p.copyright1 {
     text-align: center;
     margin: 30px 0 0 0;
}
.navigation ul li a.active,.navigation ul li a:hover {
     background-color: #cf1f25;
     color: #ffffff;
}
#panel {
     display: none;
}
#flip {
     display: none;
}
.call_m {
     display: none;
}
.navigation ul li:nth-last-child(1) {
     display: none;
}
.footer-news h2 {
     font-size: 13px;
     padding: 0;
     color: #808080;
     margin: 0 0 10px 0;
     letter-spacing: 1px;
}
.table>thead>tr>th {
     vertical-align: bottom;
     border-bottom: 2px solid #ddd;
     text-transform: uppercase;
     color: #cf1f25;
     font-family: 'SentinelBook';
     font-size: 17px;
     letter-spacing: 1px;
}
.aboutwrap {
     margin: 40px 0 0 0;
}
.aboutwrap span {
     font-size: 16px;
     color: #cf1f25;
     font-weight: bold;
}
.navigation.header-fixed .closebtn {
    color: #000;
}
/*--- media start ---- */
@media (min-width:768px) and (max-width:1123px) {
     .offerbtn1 {
         padding: 6px 10px;
    }
     .offerbtn2 {
         padding: 6px 10px;
    }
     .listwrap .col-md-3 {
         width: 100%;
    }
     .navigation .container {
         width: 100%;
    }
     .why_choose_box li {
         width: 19%;
    }
     .navigation ul li a {
         padding: 15px 0 9px 0;
         margin: 0 0;
         font-size: 14px;
         color: #fff;
    }
     .vs-div {
         transition: all ease-in-out .7s;
         margin-top: 70px;
    }
     .navigation {
         position: fixed;
         background: #000;
         padding-top: 48px;
         transition: 0.5s;
         right: -50%;
         z-index: 9999999;
         width: 50%;
         top: 0px;
         margin: 0;
         padding: 15px 0;
         height: 100%;
    }
     .navigation ul li {
         display: inherit;
         padding: 0;
         border-bottom: 1px solid #a9a6a6;
    }
     .menu_slide {
         right: 0;
    }
     .closebtn {
         font-size: 45px;
         display: block;
         color: #fff;
         display: inline-block;
         margin: -19px 0 0 8px;
    }
     .menu-mob {
         margin-top: 0;
         cursor: pointer;
         display: inline-block;
         text-align: center;
         font-size: 26px;
         color: #ffffff;
         padding: 0px 12px;
         position: absolute;
         bottom: 0;
         float: right;
         right: 16px;
         top: 20px;
    }
     .bookwrap {
    }
     .circleb2 {
         width: 50%;
         height: auto;
         border-radius: 0;
         position: relative;
         left: 0;
         float: left;
    }
     .why_choose_section h2 {
         margin: 0 0 40px 0;
         width: 100%;
    }
     .why_choose_box ul {
         padding: 0;
         float: left;
    }
     .why_choose_section {
         padding: 40px 0;
    }
     .centwrap h2 {
         font-size: 21px;
         letter-spacing: 0px;
    } .centwrap h1 {
         font-size: 21px;
         letter-spacing: 0px;
    }
     .centwrap p {
         padding: 0 20px;
    }
     .stayhome {
         margin: 20px;
    }
     .ti .headcol {
         font-size: 28px;
    }
     .meet_event h2 {
         font-size: 40px;
    }
     #axis {
         height: auto;
    }
     .van {
         top: 0;
         left: 0;
    }
     .object {
         width: 50%;
         position: relative;
    }
     .meet_event {
         width: 100%;
         padding: 20px;
    }
     .testimonial {
         padding: 20px;
    }
     .testwrap {
         padding: 0 25px;
    }
     .footer-navigation {
         margin-top: 10px;
    }
     .footer-navigation ul li {
         font-size: 14px;
         margin: 0 0 5px 0;
         text-transform: capitalize;
    }
     .ourvalues {
         display: none;
    }
     .dinetxt h2 {
         font-size: 40px;
         line-height: 45px;
    }
     .dinetxt {
         width: 100%;
         margin: 0;
         padding: 12px 20px;
         height: 605px;
    }
     .dinetxt p {
         margin: 30px 0 0 0;
         font-size: 15px;
    }
     .circleb1 {
         width: 150px;
         height: 150px;
         bottom: 120px;
         left: initial;
         right: 0;
    }
     .circleb1 a {
         font-size: 22px;
         top: 52px;
         letter-spacing: 1px;
    }
     .meet_event h3 span {
         font-size: 23px;
    }
     .meet_event h3 {
         font-size: 28px;
         margin: 110px 0 0 0;
    }
     .meeting {
         background-attachment: inherit;
         margin: 30px 0 80px 0;
         height: 708px;
    }
     .teswrap h2 {
         font-size: 30px;
         margin: 20px 0 0 0;
         padding: 0 0 0 30px;
    }
     .testimonial h3 {
         font-size: 35px;
    }
     .footer-add ul {
         padding: 0 0 50px 0;
    }
     .foot-social {
         margin: 10px;
         float: left;
    }
     .footlogo {
         margin: 0 0 40px 0;
    }
     #downarrow {
         display: none;
    }
     .ti {
         margin: 25px 0 0 0;
    }
     .stayhome p {
         padding: 0 20px 0 0;
    }
     .timeline-article .content-left-container, .timeline-article .content-right-container {
         margin-left: 20px;
    }
     .timeline-article .meta-date {
         left: 0;
         display: none;
    }
     #conference-timeline .conference-center-line {
         left: 12px;
         display: none;
    }
     #conference-timeline {
         width: 98%;
    }
     .timeline-article .timeline-author {
         font-size: 29px;
         letter-spacing: 1px;
    }
     .facility_list li {
         width: 50%;
         float: left;
    }
     .btn40 {
         margin: 39px 0;
    }
     .circleb6 {
         width: 140px;
         height: 140px;
         top: inherit;
         right: 10px;
         bottom: -60px;
    }
     .circleb6 a {
         font-size: 25px;
         top: 48px;
         letter-spacing: 1px;
         line-height: 25px;
    }
     .dine-content {
         margin: 0 0 0 0;
         padding: 70px 20px;
    }
     .circleb7 {
         width: 140px;
         height: 140px;
         top: inherit;
         left: inherit;
         bottom: -60px;
         right: 10px;
    }
     .circleb7 a {
         font-size: 25px;
         top: 48px;
         letter-spacing: 1px;
         line-height: 25px;
    }
     .dinewrap .row {
         margin: 0 0 30px 0;
    }
     .expbox1 {
         display: none;
    }
     .expbox2 {
         width: 50%;
         left: 0;
    }
     .expbox3 {
         width: 50%;
         position: initial;
         top: 0;
         right: 0;
         float: left;
         padding: 15px;
    }
     .offer-content {
         margin: 0;
         padding: 0 20px;
    }
     .near-content {
         margin: 10px 0 0 0;
    }
     .near-content h4 {
         font-size: 25px;
    }
     .address h2 {
         margin-bottom: 12px;
    }
     .contact_form {
         margin: 40px 30px 10px 30px;
    }
     .address {
         margin: 50px 0 0 0;
    }
     .footer-navigation ul li a {
         padding: 0 12px;
         border-right: 1px solid #808080;
    }
     .header {
         background: #000;
         position: fixed;
         height: 73px;
    }
     .navigation.header-fixed ul li a {
         padding: 15px 0 9px 0;
    }
     .mapcontact {
         height: 400px;
    }
     .book-main {
         width: 90%;
    }
     .topbar-right {
         margin: 0 80px 0 0;
    }
     .navigation ul li a.active, .navigation ul li a:hover {
         width: 100%;
    }
     .stbox1 img {
         display: none;
    }
     .meet_event p {
         width: 50%;
    }
     .comm_btn {
         padding: 10px 10px;
    }
     .btnbl {
         margin: 0 10px;
    }
     .staydetail h2 {
         font-size: 20px;
    }
     #panel {
         display: none;
    }
     #flip {
         display: none;
    }
}
.no-border {
     border: none !important;
}
@media (min-width:768px) and (max-width:999px) {
     .stay_wrap .col-sm-12 {
         width: 50%;
    }
     .thingtodo img.img-responsive {
         width: 100%;
    }
     .near-content p {
         margin: 0 0 70px 0;
    }
     .offer_home .owl-nav .owl-prev {
         font-size: 80px !important;
         position: absolute;
         top: 220px;
         color: #fff !important;
         left: 10px;
    }
     .offer_home .owl-nav .owl-next {
         font-size: 80px !important;
         position: absolute;
         top: 220px;
         color: #fff !important;
         right: 10px;
    }
     .book-main {
         width: 100%;
    }
     .btn-sub {
         padding: 16px 5px;
         letter-spacing: 0;
         font-size: 16px;
    }
     .booking select {
         padding: 18px 15px;
    }
     .dinetxt p {
         margin: 30px 0 40px 0;
    }
     .meet_event {
         padding: 100px 20px 20px 20px;
    }
     .meet_event p {
         width: 45%;
    }
     .navigation ul li a.active, .navigation ul li a:hover {
         width: 100%;
    }
     .dinewrap img.img-responsive {
         width: 100%;
    }
     .circle_off1 {
         bottom: 40px;
    }
     .circle_off2 {
         bottom: 40px;
    }
     .offer-content {
         margin: 0 0 60px 0;
    }
}
@media (min-width:240px) and (max-width:767px) {
     figure.effect-chico figcaption::before, figure.effect-chico .offerbtn1, figure.effect-chico .offerbtn2, figure.effect-chico p {
         opacity: 1;
         -webkit-transform: scale(1);
         transform: scale(1);
    }
     .offer_wrap {
         margin: 0 0 0 0;
    }
     .footer-news h2 {
         text-align: center;
    }
     .navigation ul li:nth-last-child(1) {
         display: block;
    }
     .why_choose_box ul {
         overflow-x: auto;
         -webkit-overflow-scrolling: touch;
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -moz-box-orient: horizontal;
         -moz-box-direction: normal;
         -ms-flex-direction: row;
         flex-direction: row;
         -webkit-box-pack: start;
         -moz-box-pack: start;
         -ms-flex-pack: start;
         justify-content: flex-start;
         padding-bottom: 12px;
         padding: 0px;
         width: 100%;
    }
     .why_choose_box ul li {
         width: 35%;
         contain: content;
         -ms-flex-negative: 0;
         flex-shrink: 0;
         margin-right: 10px;
         padding: 0;
    }
     .call_m {
         padding: 7px 5px;
         display: block;
         text-align: center;
         background-color: #000;
         width: 50%;
         position: fixed;
         bottom: 0;
         z-index: 9;
         color: #ffffff;
         font-size: 20px;
         text-transform: uppercase;
         letter-spacing: 3px;
         right: 0;
    }
     .call_m:hover {
         color: #fff;
         text-decoration: none;
    }
     .navigation ul li a {
         padding: 15px 0 9px 0;
         margin: 0 0;
         font-size: 14px;
         color: #fff;
    }
     .vs-div {
         transition: all ease-in-out .7s;
         margin-top: 50px;
    }
     .navigation {
         position: fixed;
         background: #000;
         padding-top: 48px;
         transition: 0.5s;
         right: -250px;
         z-index: 9999999;
         width: 250px;
         top: 0px;
         margin: 0;
         padding: 15px 0;
         height: 100%;
    }
     .navigation ul li {
         display: inherit;
         padding: 0;
         border-bottom: 1px solid #a9a6a6;
    }
     .menu_slide {
         right: 0;
    }
     .closebtn {
         font-size: 45px;
         display: block;
         color: #cf1f25;
         display: inline-block;
         margin: 0px 0 0 8px;
    }
     .menu-mob {
         margin-top: 0;
         cursor: pointer;
         display: inline-block;
         text-align: center;
         font-size: 26px;
         color: #cf1f25;
         padding: 0px 15px;
         position: absolute;
         bottom: 0;
         float: right;
         right: 0;
         top: 6px;
    }
     .bookwrap {
    }
     .circleb2 {
         width: 100%;
         height: auto;
         border-radius: 0;
         position: relative;
         left: 0;
    }
     .why_choose_section h2 {
         margin: 0 0 40px 0;
         width: 100%;
         text-align: center;
         font-size: 25px;
    }
     .why_choose_section {
         padding: 40px 0 0 0;
    }
     .centwrap h2 {
         font-size: 21px;
         letter-spacing: 0px;
         margin-top: 0;
    } .centwrap h1 {
         font-size: 29px;
         letter-spacing: 0px;
    }
     .centwrap p {
         padding: 0 20px;
    }
     .stayhome {
         margin: 20px;
    }
     .ti .headcol {
         font-size: 28px;
    }
     .meet_event h2 {
         font-size: 40px;
    }
     #axis {
         height: auto;
    }
     .van {
         top: 0;
         left: 0;
    }
     .object {
         width: 100%;
         position: relative;
    }
     .meet_event {
         width: 100%;
         padding: 20px;
    }
     .testimonial {
         padding: 20px;
    }
     .testwrap {
         padding: 0 25px;
    }
     .footer-navigation {
         margin-top: 10px;
    }
     .footer-navigation ul li {
         font-size: 14px;
         margin: 0 0 5px 0;
         text-transform: capitalize;
    }
     .ourvalues {
         background: url(../images/Canadian.jpg) no-repeat;
         background-size: cover;
         height: 285px;
         margin: 25px 0;
    }
     .dinetxt h2 {
         font-size: 40px;
         line-height: 45px;
    }
     .dinetxt {
         width: 100%;
         margin: 0;
         padding: 12px 20px;
    }
     .circleb1 {
         width: 150px;
         height: 150px;
         bottom: 120px;
         left: initial;
         right: 0;
    }
     .circleb1 a {
         font-size: 22px;
         top: 52px;
         letter-spacing: 1px;
    }
     .meet_event h3 span {
         font-size: 23px;
    }
     .meet_event h3 {
         font-size: 28px;
    }
     .meeting {
         background-attachment: inherit;
         margin: 30px 0 80px 0;
         background-size: 100%;
         height: 540px;
    }
     .teswrap h2 {
         font-size: 30px;
         margin: 20px 0 0 0;
         padding: 0 0 0 30px;
    }
     .testimonial h3 {
         font-size: 35px;
    }
     .footer-add ul {
         padding: 0 0 50px 0;
    }
     .foot-social {
         margin: 10px;
         float: left;
         width: 100%;
         text-align: center;
    }
     .footlogo {
         margin: 0 0 40px 0;
         width: 100%;
    }
     #downarrow {
         display: none;
    }
     .ti {
         margin: 70px 0 0 0;
    }
     .stayhome p {
         padding: 0 0 0 0;
    }
     .timeline-article .content-left-container, .timeline-article .content-right-container {
         margin-left: 20px;
    }
     .timeline-article .meta-date {
         left: 0;
    }
     #conference-timeline .conference-center-line {
         left: 12px;
    }
     #conference-timeline {
         width: 98%;
    }
     .timeline-article .timeline-author {
         font-size: 29px;
         letter-spacing: 1px;
    }
     .facility_list li {
         width: 50%;
         float: left;
    }
     .btn40 {
         margin: 39px 0;
         width: 100%;
         text-align: center;
    }
     .circleb6 {
         width: 140px;
         height: 140px;
         top: inherit;
         right: 10px;
         bottom: -60px;
    }
     .circleb6 a {
         font-size: 25px;
         top: 48px;
         letter-spacing: 1px;
         line-height: 25px;
    }
     .dine-content {
         margin: 0 0 0 0;
         padding: 35px 20px;
    }
     .circleb7 {
         width: 140px;
         height: 140px;
         top: inherit;
         left: inherit;
         bottom: -60px;
         right: 10px;
    }
     .circleb7 a {
         font-size: 25px;
         top: 48px;
         letter-spacing: 1px;
         line-height: 25px;
    }
     .dinewrap .row {
         margin: 0;
    }
     .expbox1 {
         display: none;
    }
     .expbox2 {
         width: 100%;
         left: 0;
    }
     .expbox3 {
         width: 100%;
         position: initial;
         top: 0;
         right: 0;
         float: left;
         padding: 15px;
    }
     .offer-content {
         margin: 0;
         padding: 0 20px 30px 20px;
    }
     .near-content {
         margin: 10px 0 0 0;
    }
     .near-content h4 {
         font-size: 25px;
    }
     .address h2 {
         margin-bottom: 12px;
    }
     .contact_form {
         margin: 40px 30px 10px 30px;
    }
     .address {
         margin: 50px 0 0 0;
    }
     .footer-navigation ul li a {
         padding: 0 12px;
         border-right: 1px solid #808080;
    }
     .header {
         background: #fff;
         position: fixed;
         height: 50px;
    }
     .navigation.header-fixed ul li a {
         padding: 15px 0 9px 0;
    }
     .mapcontact {
         height: 400px;
    }
     .logo {
         float: left;
    }
     .logo img {
         width: 100%;
    }
     .header.fixed .logo img {
         height: auto;
    }
     .btnbl {
         margin: 10px 20px;
         float: left;
    }
     .facility_list li span {
         height: 55px;
    }
     .dinehome {
         margin: 0 0 0 0;
    }
     .dinetxt p {
         margin: 30px 0 30px 0;
    }
     .comm_btn {
         float: left;
    }
     .thingtodo .near-content p {
         margin: 0 0 50px 0;
    }
     #flip {
         display: block;
    }
     #flip {
         padding: 7px 5px;
         text-align: center;
         background-color: #b3002f;
         float: left;
         width: 50%;
         position: fixed;
         bottom: 0;
         z-index: 9;
         color: #ffffff;
         font-size: 20px;
         text-transform: uppercase;
         letter-spacing: 3px;
    }
     #panel {
         padding: 5px;
         text-align: center;
         background-color: #fff;
         border: solid 1px #fff;
         position: fixed;
         height: 100%;
         width: 100%;
         z-index: 9999;
         bottom: 0;
    }
     #panel {
         display: none;
    }
     .book-main {
         position: relative;
         z-index: 1;
         bottom: 0;
         width: 100%;
         margin: 0 auto;
         left: 0;
         right: 0;
         -webkit-box-shadow: 0px 13px 20px 0px rgba(219, 219, 219, 1);
         -moz-box-shadow: 0px 13px 20px 0px rgba(219, 219, 219, 1);
         box-shadow: 0px 13px 20px 0px rgba(219, 219, 219, 1);
         background-color: white;
    }
     footer {
         margin: 0 0 40px 0;
    }
     #panel h2 {
         text-transform: uppercase;
         color: #cf1f25;
         font-family: 'SentinelBook';
         font-size: 25px;
         margin: 50px 0 10px 0;
    }
     #panel .fcbok {
         border-right: 0px solid #cf1f25;
         padding: 0 0 0 28px;
    }
     #panel .booking select {
         border-right: 0px solid #cf1f25;
    }
     .datepicker.dropdown-menu {
         z-index: 9999 !important;
    }
     .mobileclose {
         right: 10px;
         position: absolute;
         top: 10px;
    }
     .btn-sub {
         padding: 7px 15px;
    }
     .navigation ul li a.active, .navigation ul li a:hover {
         width: 100%;
    }
     .offer_home .owl-nav .owl-prev {
         font-size: 80px !important;
         position: absolute;
         top: 220px;
         color: #fff !important;
         left: 10px;
    }
     .offer_home .owl-nav .owl-next {
         font-size: 80px !important;
         position: absolute;
         top: 220px;
         color: #fff !important;
         right: 10px;
    }
     .space1 {
         height: 40px;
         float: left;
    }
     .circle_off1 {
         bottom: 40px;
    }
     .circle_off2 {
         bottom: 40px;
    }
     .dinesection {
         padding: 10px 0;
         padding-bottom: 0;
         background: none;
    }
     .dinewrap {
         margin-top: 25px;
    }
     .stay_wrap {
         margin-top: 30px;
    }
     .staydetail {
         padding-bottom: 0px;
    }
     .experience_banner {
         margin-top: 40px;
    }
     .expwrap {
         margin-bottom: 20px;
    }
     .thingtodo {
         margin-top: 40px;
    }
     .thingtodo .near-content p {
         margin-bottom: 30px;
    }
     .map {
         margin-top: 40px;
    }
}
/* media for smaller mobiles */
@media(max-width: 405px) {
     figure.effect-chico h2 {
         padding-top: 15%;
    }
     figure.effect-chico p {
         margin: 15px 0;
    }
     .offerbtn1, .offerbtn2 {
         float: none;
         padding: 6px 15px;
         display: inline-block;
    }
     .offerbtn2 {
         margin: 0;
         margin-top: 10px;
    }
     .btnbl {
         float: none;
         display: inline-block;
         margin: 12px 7px;
         font-size: 10px;
    }
     .staydetail {
         padding-bottom: 0;
    }
     .offerbtn3, .offerbtn4 {
         font-size: 12px;
         padding: 7px 15px;
         margin: 0;
    }
     .offerbtn3 {
         margin-left: 15px;
    }
}
/* --- media end ---- */
.ui-widget.ui-widget-content {
     z-index: 99999 !important;
}
/* css for form validation */
/* to hide arrows from input type number */
.position-relative {
     position: relative !important;
}
span.error {
     position: absolute;
     left: 5px;
     bottom: 6px;
     color: red;
     font-size: 12px;
     width: 200px;
     padding-left: 10px;
}
input.invalid {
     border-bottom-color: #ff7b7b;
}
.logo img {
     max-width: 100%;
}
.element_box img {
     display: inline-block;
     margin: auto;
}
.element_box {
     text-align: center;
}
.element_box p span {
     color: #650303;
}
.owl-dots {
     text-align: center;
}
button.owl-dot {
     border-radius: 20px;
     border: 1px solid #000 !important;
     width: 12px;
     height: 12px;
     margin: 2px;
}
button.owl-dot.active {
     border-radius: 20px;
     background: #6f0000;
}
.program-sec h2 {
     text-transform: capitalize;
     color: #cf1f25;
     font-family: 'SentinelBook';
     font-size: 45px;
     letter-spacing: 2px;
     text-align: center;
     margin-bottom: 40px;
}
section.stayhome.program-sec {
     margin: 60px;
}
.marg-top-50 {
     margin-top: 50%;
}
.marg-top-30 {
     margin-top: 40%;
}
.marg-top-20 {
     margin-top: 30%;
}
.bar-c {
     overflow: hidden;
     height: 30px;
     width: 33px;
     margin: 0 auto;
     position: relative;
     cursor: pointer;
     display: inline-block;
}
.bar#bar-1 {
     left: 0;
     -webkit-animation-name: danceHeight1;
     animation-name: danceHeight1;
     -webkit-animation-delay: 0s;
     animation-delay: 0s;
}
.bar {
     height: 1px;
     max-height: 15px;
     width: 3px;
     display: inline-block;
     background-color: #ffffd2;
     bottom: 0;
     position: absolute;
     -webkit-animation-duration: .5s;
     -webkit-animation-play-state: running;
     -webkit-animation-direction: alternate;
     -webkit-animation-timing-function: linear;
     -webkit-animation-iteration-count: infinite;
     animation-duration: .5s;
     animation-play-state: running;
     animation-direction: alternate;
     animation-timing-function: linear;
     animation-iteration-count: infinite;
}
.bar#bar-2 {
     left: 6px;
     -webkit-animation-name: danceHeight2;
     animation-name: danceHeight2;
     -webkit-animation-delay: .3s;
     animation-delay: .3s;
}
.bar#bar-3 {
     left: 12px;
     -webkit-animation-name: danceHeight3;
     animation-name: danceHeight3;
     -webkit-animation-delay: .6s;
     animation-delay: .6s;
}
.bar#bar-4 {
     left: 18px;
     -webkit-animation-name: danceHeight4;
     animation-name: danceHeight4;
     -webkit-animation-delay: .9s;
     animation-delay: .9s;
}
.bar#bar-5 {
     left: 24px;
     -webkit-animation-name: danceHeight5;
     animation-name: danceHeight5;
     -webkit-animation-delay: 1.2s;
     animation-delay: 1.2s;
}
.bar#bar-6 {
     left: 30px;
     -webkit-animation-name: danceHeight6;
     animation-name: danceHeight6;
     -webkit-animation-delay: 1.5s;
     animation-delay: 1.5s;
}
section.teswrap {
     padding: 30px 0px 0px 0px;
}
video {
     width: 100%;
}
.q_slide .slide .caption {
     display: none;
}
.foot-social.top-social li {
     padding: 0px 0px 5px 3px;
}
.foot-social.top-social a {
     width: 30px;
     height: 30px;
     font-size: 16px;
     color: #cf1f25;
     border: solid #cf1f25 1px;
}
.foot-social.top-social {
     margin-top: 0px;
}
.h1, .h2, .h3 .h4, h1, h2, h3, h4 {
     font-family: 'Helvetica Neue', sans-serif !important;
}
p {
     font-family: 'times-new-roman-bold', sans-serif !important;
}
@media (max-width: 767px) {
    .logo img, .header.fixed .logo img {
        width: 140px;
    }    
    .program-sec h2 {
         font-size: 22px;
    }
    .offer h2 {
         font-size: 23px;
    }
    .ti {
         margin: 20px 0 0 0;
         font-size: 24px;
    }
    .ti .headcol {
         font-size: 20px;
    }
    .col-md-4.counter-box {
         text-align: center;
         color: #fff;
         width: 24%;
         float: left;
    }
    .counter-box h3 {
         font-size: 8px !important;
         text-transform: uppercase;
         margin-top: 5px;
    }
}
@media screen and (max-width: 480px) {
    .q_slide {
        height: 30vh;
    }
}
@media screen and (max-width: 425px) {
    .q_slide {
        height: 30vh;
    }
}