:root{font-size:16px;}
body{font-family: 'Raleway', sans-serif; font-size:1rem; color:#555555; background-color:#ffffff; overflow-x:hidden;}

img{max-width:100%; height:auto;}
h1, h2, h3, h4, h5, h6{ margin-top:0; margin-bottom:0;}
h1:not(:last-child), h2:not(:last-child), h3:not(:last-child), h4:not(:last-child), h5:not(:last-child), h6:not(:last-child){margin-bottom:.875rem;}

a{color:#217fca; cursor:pointer; text-decoration:none;}
a:hover{color:#e54337;}

@media (min-width: 1400px){
.container, .container-lg, .container-md, .container-sm, .container-xl{max-width:1140px;}
}

.btn{padding:.625rem 2rem; border-radius: 0; font-size: 1rem; font-weight: 700; border-width: 3px;}
.btn-lg{padding:.75rem 3.25rem; font-size: 1.125rem;}

.btn:active, .btn:focus{outline:none; box-shadow:none !important; -webkit-box-shadow:none !important;}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus{outline:0;}

.btn-outline-danger{border-color: #da2d36; color: #070707;}
.btn-outline-danger:hover{background-color: transparent; color: #da2d36;}

.bg-danger{background-color: #de2128 !important;}

.form-control:focus, .form-select:focus{box-shadow:none;}
.form-group{margin-bottom: 20px;}
.form-label{margin-bottom: 5px; color: #000000;}
.form-control, .form-select{border-radius: 0; border-color: #dfdfdf;}
.form-control-lg, .form-select-lg{min-height: calc(1.5em + 1rem + 4px); font-size: 1rem;}
.form-text{font-size: 0.875rem; color: #656565;}
span.error{color:#dc3545; font-size:0.75rem;}

.calendar-icon { position: relative;}
.calendar-icon:before { content: "\f073"; font-size:15px; font-family: 'Font Awesome 6 Free'; font-weight:400; position: absolute; pointer-events: none; color: rgba(0, 0, 0, .5); top: 12px; right: 10px; }


.main-container{min-height:100%; position:relative;}

#header{padding:0; width: 100%; position:fixed; top: 0; z-index: 1;}
#header .header-wrap{padding:5px 0;}
#header .header-wrap .header-nav{}

.header-wrap.sticky{padding:5px 0; background-color: rgba(255, 255, 255, 1);}
.header-wrap.sticky .header-logo img{max-width: 129px;}
.header-wrap.shadow{box-shadow: 0px 9px 13px -6px rgba(0, 0, 0, 10%) !important;}


.header-wrap, .header-wrap.sticky, .header-wrap .header-logo, .header-wrap.sticky .header-logo, .header-wrap .header-logo a, .header-wrap.sticky .header-logo a, .header-wrap .header-logo a img, .header-wrap.sticky .header-logo a img, .header-wrap .header-nav, .header-wrap.sticky .header-nav{
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}

.section{padding:80px 0;}
.section.gray{background-color:#f5f5f5;}

.section h2{font-weight:800; font-size:2.375rem; color:#070707;}
.section h3{font-weight:500; font-size:2rem; color:#dd2127;}
.section h4{font-weight:500; font-size:1.75rem; color:#070707;}
.section h5{font-weight:500; font-size:1.5rem; color:#070707;}
.section p{font-weight:400; font-size: 1.125rem; line-height: 1.9; color:#707070;}
.section p strong{font-weight: 500; color: #070707;}
.section ul{list-style: none; padding-left: 0;}
.section ul li{position: relative; padding-left: 24px; margin-bottom: 12px; font-size: 1.125rem; color:#707070;}
.section ul li:before{content:""; width: 11px; height: 11px; background-image: url(../images/star-icon.png); background-repeat: no-repeat; position:absolute; top:9px; left:0;}

.company-since{font-size: 1rem; font-weight: 600;}
.btn-booking{font-size: .875rem;}
.btn-booking i{margin-right: 5px;}
.btn-booking:hover{color: #dd2127;}

.banner{padding:0 !important; position: relative;}
.banner-bg{width:100%; height:100%; z-index: -1;}
.banner-bg img{width:100%; height: 1095px; object-fit: cover; object-position: top center;}
/*.banner-slider-bg:after{content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.1);}*/
.banner-container{width:100%; position:absolute; top:0; left:0;}
.banner-content{margin-top:270px;}
.banner-content h1{font-size: 3.5rem; font-weight:800; color:#070707;}
.banner-content h1 span{color: #dd2127;}
.banner-content .btn{margin-top: 10px;}
.banner-content .btn i{margin-right: 5px;}

.booking-section{background-color: #de2128;}
.booking-section .form-group{margin-bottom: 20px;}
.booking-section .form-label{margin-bottom: 5px; color: #ffffff;}
.booking-section .form-control, .booking-section .form-select{border-radius: 0; background-color: transparent; border-width: 2px; border-color: #fecbcd; color: #ffffff;}
.booking-section .form-select{background-image: url(../images/arrow.svg);}
.booking-section .form-select option{color: #000000;}
.booking-section .form-control-lg, .booking-section .form-select-lg{min-height: calc(1.5em + 1rem + 8px); font-size: 1rem;}
.booking-section textarea.form-control{height: 250px; resize: none;}
.booking-section .form-text{font-size: 0.875rem; color: #fecbcd;}
.booking-section span.error{color:#fecbcd; font-size:0.75rem;}
.booking-section .btn{min-width: 190px;}

.booking-section input::-webkit-input-placeholder, .booking-section textarea::-webkit-input-placeholder{color: #ffffff;}
.booking-section input:-moz-placeholder, .booking-section textarea:-moz-placeholder{color: #ffffff;}
.booking-section input::-moz-placeholder, .booking-section textarea::-moz-placeholder{color: #ffffff;}
.booking-section input:-ms-input-placeholder, .booking-section textarea:-ms-input-placeholder{color: #ffffff;}
.booking-section input::placeholder, .booking-section textarea::placeholder{color: #ffffff;  }


#footer{padding:20px 0; background-color: #ffffff; color: #000000;}

#myModal .modal-header{border-bottom: 0; padding-bottom: 0;}
#myModal .modal-title{font-size: 1.5rem; font-weight: 500;}
#myModal .modal-body{}
#myModal .modal-body p{font-size: 1.125rem; font-weight: 500;}


@media (max-width: 1199px){
.banner-bg img{height: 1000px;}
.banner-content{margin-top:250px;}
.banner-content h1{font-size: 3rem;}
}

@media (max-width: 991px){
#header{position:sticky;}
#header .header-wrap .header-nav{margin:0; padding:0;}
.header-wrap, .header-wrap.sticky{padding:5px 0 !important; background-color: rgba(255, 255, 255, 1) !important;}
.header-wrap .header-logo img, .header-wrap.sticky .header-logo img{max-width: 130px !important;}
.header-wrap, .header-wrap.shadow{box-shadow: 0px 9px 13px -6px rgba(0, 0, 0, 10%) !important;}
.banner-bg img{height: 800px;}
.banner-content{margin-top:150px;}
.banner-content h1{font-size: 2.5rem;}

.section h2{font-size:2rem;}
.section h3{font-size:1.75rem;}
.section p{font-size: 1rem; line-height: 1.5;}
.section ul{font-size: 1rem;}
.section ul li{padding-left:0;}
.section ul li:before{display: inline-block; margin-right:10px; position:relative; top:0; left:0;}
.btn{font-size: .875rem;}
}

@media (max-width: 767px){
.banner-bg img{height: 500px;}
.banner-content{margin-top:80px;}
.banner-content h1{font-size: 2rem;}

.section{padding:60px 0;}
}

@media (max-width: 575px){
.banner-bg img{height: 420px;}
.banner-content{margin-top:60px;}
.banner-content h1{font-size: 1.75rem;}
}

@media (max-width: 420px){
.banner-bg img{height: 380px;}
.banner-content{margin-top:40px;}
.banner-content h1{font-size: 1.5rem;}
}