@import url('https://fonts.googleapis.com/css?family=Roboto');
body{font-family: 'Roboto', sans-serif;}
.background_bg{background:#2f323b;}
.top-header{background: #1e1e1e; float: left; width: 100%; padding:10px 0;}
.top-header ul{list-style-type: none; margin: 0;padding: 0; display: block; }
.top-header ul li {
list-style-type: none;
display: inline-flex;
padding: 0px 10px;
}
.top-header ul li:last-child{border:0px;}
.top-header ul li a{ color:#b3b3b3; }
.mid-header{background: #941803; float: left; width: 100%;}
.mid-header img {
width: 100%;
}
.right-mid{}
.right-mid ul{list-style-type: none; margin: 0;padding: 0; display: block; }
.right-mid ul li {
list-style-type: none;
margin-top: 8px;
padding: 0;
display: inline-block;
font-size: 18px;
}
.right-mid ul li a{ color:#fff; }
.btn-primary { background: #cfa601; border:none; color: #fff; -webkit-appearance: inherit !important; }
.getquota{margin: 0px 0;}
.header-bg{background: #cfa601; float: left; width: 100%;}
.navbar-nav .nav-link{padding: 0.9rem 1rem; color: #fff !important;}
.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show > .nav-link{background: #cfa601; color: #fff!important;}
.btn-primary:hover { background: #cfa601; border:none; color: #fff; }
.getquota{margin: 0px 0;}
.header-bg:hover{background: #cfa601; float: left; width: 100%;}
.navbar-nav .nav-link{padding: 0.9rem 1rem; color: #fff !important;}
.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show > .nav-link:hover{background: #cfa601; color: #fff!important;}
.navbar{padding:0px;}
.nav-item{ padding: 0px 20px 0 0; }
.navbar-nav li:last-child{ padding: 0 !important; }
.slider img{width: 100%; height:auto ;}
.accom-box{background:url("../images/mid-box-bg.jpg") no-repeat scroll 0 0 / cover; padding: 50px;}
.box{ background: #fff;
padding: 5px;
min-height: 440px;}
.box img{width: 100%; height:auto ;}
.icon1, .icon2, .icon3, .icon4, .icon5,
.icon6
{ display: inline-block; background: url('../images/sprite-icon.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; }
.icon1 { background-position: -0px -0px; width: 30px; height: 30px; }
.icon2 { background-position: -30px -0px; width: 30px; height: 30px; }
.icon3 { background-position: -0px -57px; width: 30px; height: 30px; }
.icon4 { background-position: -30px -30px; width: 30px; height: 30px; }
.icon5 { background-position: -0px -60px; width: 30px; height: 30px; }
.icon6 { background-position: -30px -60px; width: 30px; height: 30px; }
.accom-box .table td{padding: 0;}
.btn.btn-hero, .btn.btn-hero:hover, .btn.btn-hero:focus {
color: #f5f5f5;
background-color: #cfa601;
/* border-color: #1abc9c; */
outline: none;
margin: 20px auto;
}
.box a {
/* text-align: -webkit-auto; */
text-align: right;
display: flow-root;
}
/* Sidebar Nav Styles */
@media (max-width: 767px){
collapse:show .navbar-collapse {
height: 1.5em!important;
padding:.7em;
}
.footer-bg p {
text-align: center !important;
font-size: 14px;
margin-top: 28px;
text-align: center;
}
.services-box {
margin: 20px 0px;
}
.accommodation_2_box {
margin-top: 20px !important;
}
.accommodation_2 h1 {
font-size: 36px;
color: #fff;
margin-bottom: 0px !important;
}
.thumb{text-align:center;}
}
#sidebar-wrapper.active {
right: 250px;
width: 250px;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
@media (max-width: 467px){
.fade-carousel .carousel-inner .carousel-caption h1 {
font-size: 26px !important;
}
.btn.btn-lg {
padding: 10px 10px !important;
font-size: 16px;
}
.fade-carousel .carousel-inner .carousel-caption {
top: 7% !important;
}
.fade-carousel .carousel-inner .slide-1, .fade-carousel .carousel-inner .slide-2, .fade-carousel .carousel-inner .slide-3 {
height: 50vh !important;
}
.fade-carousel .carousel-inner .carousel-item {
height: 50vh !important;
}
.fade-carousel {
height: 50vh !important;
}
.box {
margin-bottom: 20px;
}
.offset-md-2.col-md-8.banner {
background: #00000045;
padding: 16px !important;
}
.footer-bg ul.dexe li {
width: 100%;
float: left;
margin: 0px auto;
text-align: center;
line-height: 3;
}
ul.icn li {
padding: 9px 0px 10px 10px !important;
margin: 0px 5px !important;
}
.searvices-one h3 {
font-size: 28px !important;
}
.footer-bg p {margin-top:20px;
text-align: center;
}
.About_futtor {
margin-top: -130px !important;
}
ul.icn {
margin-top: 31px;
text-align: center;
margin-bottom: 20px;
}
.booking ul li {
width: 100%;
float: left;
margin: 10px 0px;
}
.card.bg-light.mb-3 {
margin-top: 20px !important;
}
.about-us h1 {
font-size: 26px !important;
}
.about-us h3 {
margin: 0px 0px 10px !important;
font-size: 21px !important;
}
.about-us p {
font-size: 14px !important;
line-height: 19px !important;
}
.about-us {
padding: 30px !important;
}
.about-services h1 {
font-size: 26px !important;
margin-bottom: 0px !important;
}
.accommodation_3_box-2 {
height: 240px !important;
}
p.dex_room {
font-size: 15px !important;
font-weight: 400;
margin: 0px;
}
.accommodation_1 h1 {
font-size: 23px !important;
margin-bottom:20px !important;
}
.accommodation_1 ul li {
width: 100% !important;
}
.col-md-6.box_div li {
width: 100% !important;
}
.col-md-6.box_div {
height: 600px !important;
}
.accommodation_1 {
padding: 22px 0px !important;
}
.col-md-6.box_div.height {
height: 400px !important;
}
.accommodation_for h3 {
width: 220px !important;
font-size: 2vh !important;
}
.deat_picker {
top: 36% !important;
}
.footer-bg ul li{border:0px !important;}
}
@media (max-width: 850px){
.booking h2 {
font-size: 22px !important;
color: #5f5c5c;
}
.booking_box p {
font-size: 13px !important;
margin: 0px 0px 5px;
}
}
@media (max-width: 768px){
.accommodation_for img.icn-booking {
margin-right: 6px;
height: 25px !important;
}
.accommodation_1 ul li {
width: 43% !important;
height:83px !important;
}
.col-md-6 .box_div li {height:85px !important; width: 43% !important;}
.col-md-6.box_div.border_1_solid img.icn-booking {
margin-right: 5px;
height: 25px;
}
}
/* Sidebar Nav Styles */
@media (max-width: 767px){
collapse:show .navbar-collapse {
height: 1.5em!important;
padding:.7em;
}
.carousel-indicators {
position: absolute;
right: 0;
bottom: -20px!important;
left: 0;
z-index: 15;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
padding-left: 0;
margin-right: 15%;
margin-left: 15%;
list-style: none;
}
.col-md-6.booking_box {
float: left;
background: #ffff;
box-shadow: 0px 15px 35px #eee;
padding-bottom: 20px;
}
.checkout-box {
background: #fff;
box-shadow: 0px 0px 35px #eee;
padding: 15px 12px 15px;
margin-top: 30px !important;
}
.about-us img.icn-booking {
margin-top: 50px;
}
.accommodation_3_box-2 {
height: 240px !important;
}
.accommodation_1 ul li {
list-style-type: none;
width: 42%;
float: left;
font-size: 14px;
border: 1px solid #eee;
margin: 13px 10px;
padding: 10px 5px;
}
.col-md-6.box_div {
background: #fff;
padding: 20px;
height: 350px;
margin-top: 30px;
}
.deat_picker {
top: 55% !important;
}
}
@media (max-width: 400px){
.fade-carousel .carousel-inner .carousel-caption {
top: 5% !important;
}
.accommodation_3_box-2 {
height: 350px ! important;
}
}
@media (max-width: 370px){
.fade-carousel .carousel-inner .carousel-caption {
top: 1% !important;
}
.checkout-box p {
padding: 10px 10px 45px !important;
}
.check_btn .check-out {
font-size: 13px;
}
ul.icn i.fa.fa-facebook {
padding: 4px 3px 0px 0px ! important;
}
}
@media (max-width: 1199px){
.booking_box img.img-b {
width: 100%;
height: 300px !important;
}
.col-md-12.main_booking {
padding: 15px 0px 316px !important;
}
.booking h2 {
margin-top: -5px !important;
margin-bottom: 50px;
}
.deat_picker {
margin-top: 22px !important;
left: 52% ;
}
.checkout-box p {
padding: 2px 10px 45px !important;
}
.deat_picker.mt-5 {
top: 65px;
}
}
@media (max-width: 995px){
.booking ul li {
line-height: 30px !important;
font-size: 13px !important;
}
.checkout-box p {
font-size: 16px !important;
}
.fade-carousel .carousel-inner .carousel-caption {
top: 10%;
}
p.dex_room {
font-size: 16px ! important;
font-weight: 400;
margin: 0px;
}
.accommodation_1 ul li {
width: 34%;
font-size: 14px;
margin: 13px 10px;
padding: 10px;
}
.col-md-6.box_div li {
font-size: 12px !important;
}
}
#sidebar-wrapper.active {
right: 250px;
width: 250px;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
/* Masthead (Header) */
.masthead{
display: table;
position: relative;
min-width: 100%;
min-height: 100%;
width: 100%;
height: 100%;
/* background: transparent url("https://soldierupdesigns.com/img/bg.jpg") no-repeat fixed 0px 0px / cover; */
z-index: 2000;
background-color:#fff;
margin-left:auto;
margin-right:auto;
}
/*
Bootstrap 4 Carousel with Fade Captions
Code snippet by Jonathan Adcox (Follow me on Twitter @soldierupdesign) for Bootsnipp.com
Image credits: unsplash.com
*/
/* Bs Fade carousel */
.fade-carousel{
position: relative;
height: 70vh;
z-index:2000;
}
.fade-carousel .carousel-inner .carousel-item{
height: 70vh;
background-color: #666666;
color:#000;
}
.carousel-fade .carousel-inner .active {
opacity: 1;
transition: transform 5000ms linear 0s;
/* This should be based on your carousel setting. For bs, it should be 5second*/
transform: scale(10, 10);
}
.fade-carousel .carousel-indicators {
position: absolute;
right: 0;
bottom: 20px;
left: 0;
z-index: 15;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding-left: 0;
margin-right: 15%;
margin-left: 15%;
list-style: none;
top:93%;
}
.fade-carousel .carousel-indicators > li {
position: relative;
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
max-width: 30px;
height: 3px;
margin-right: 3px;
margin-left: 3px;
text-indent: -999px;
cursor: pointer;
background-color: #f39c12;
opacity:.7;
}
.fade-carousel .carousel-indicators > li::before {
position: absolute;
top: -10px;
left: 0;
display: inline-block;
width: 100%;
height: 10px;
content: "";
}
.fade-carousel .carousel-indicators > li::after {
position: absolute;
bottom: -10px;
left: 0;
display: inline-block;
width: 100%;
height: 10px;
content: "";
}
.fade-carousel .carousel-indicators > .active {
background-color: #f39c12;
opacity:1;
}
/* Carousel Captions */
.fade-carousel .carousel-inner .carousel-caption{
opacity: 0;
transition-property: opacity;
top: 20%;
margin: auto;
color: #fff;
text-align: center;
text-transform: uppercase;
text-shadow: 1px 1px 0 rgba(0,0,0,.75);
}
.offset-md-2.col-md-8.banner {
/*background: #00000065;*/
padding: 50px;
}
.offset-md-2.col-md-8.banner h3 {
font-size: 14px;
text-align: left;
margin: 20px 0px;
}
/*.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
opacity: 0;
z-index: 1;
}*/
.fade-carousel .carousel-inner .carousel-caption h1 {
font-size: 34px;
font-weight: 800;
margin: 0;
padding: 0;
text-align: cemter;
}
.fade-carousel .carousel-inner .active .carousel-caption {
opacity: 1;
-webkit-transition: 2s all ease-in-out .8s;
-moz-transition: 2s all ease-in-out .1s;
-ms-transition: 2s all ease-in-out .1s;
-o-transition: 2s all ease-in-out .1s;
transition: 2s all ease-in-out .1s;
}
.fade-carousel .carousel-inner .active .slide-1,
.fade-carousel .carousel-inner .active .slide-2,
.fade-carousel .carousel-inner .active .slide-3{
opacity: 1;
-webkit-transition: 2s all ease-in-out .8s;
-moz-transition: 2s all ease-in-out .1s;
-ms-transition: 2s all ease-in-out .1s;
-o-transition: 2s all ease-in-out .1s;
transition: 2s all ease-in-out .1s;
/* This should be based on your carousel setting. For bs, it should be 5second*/
transform: scale(1.05, 1.05) rotate(.5deg);
}
/* Custom Buttons */
.btn.btn-lg {
padding: 10px 40px;
outline: none;
margin: 20px auto;
font-weight: bold;
}
.btn.btn-hero,
.btn.btn-hero:hover,
.btn.btn-hero:focus{
color: #f5f5f5;
background-color: #cfa601;
border-color: #1abc9c;
outline: none;
margin: 20px auto;
}
.btn-danger {
color: #fff;
background-color: #cfa601;
border-color: #dc3545;
font-weight: bold;
}
.btn-danger:hover {
color: #fff;
background-color: #cfa601;
border-color: #bd2130;
}
/* Slides backgrounds */
.fade-carousel .carousel-inner .slide-1,
.fade-carousel .carousel-inner .slide-2,
.fade-carousel .carousel-inner .slide-3{
height: 70vh;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
opacity: 0;
transition-property: opacity;
overflow:hidden;
}
.fade-carousel .carousel-inner .slide-1 {
background-image: url("../images/slide1.png");
content: 'First Slide';
}
.fade-carousel .carousel-inner .slide-2 {
background-image: url("../images/slide1.png");
content: 'Second Slide';
}
.fade-carousel .carousel-inner .slide-3 {
background-image: url("../images/slide1.png");
content: 'Third Slide';
}
.box {
margin-bottom: 20px !important;
float:left;
}
.box-min-height {min-height:445px;}
}
@media all and (transform-3d), (-webkit-transform-3d) {
.fade-carousel .carousel-inner > .item.next,
.fade-carousel .carousel-inner > .item.active.right {
opacity: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.fade-carousel .carousel-inner > .item.prev,
.fade-carousel .carousel-inner > .item.active.left {
opacity: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.fade-carousel .carousel-inner > .item.next.left,
.fade-carousel .carousel-inner > .item.prev.right,
.fade-carousel .carousel-inner > .item.active {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.testimonial h2 {
text-align: center;
margin-bottom: 12px;
}
.testimonial .carousel-indicators li {
position: relative;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
width: 10px;
height: 10px;
border-radius: 50%;
margin-right: 3px;
margin-left: 3px;
text-indent: -999px;
cursor: pointer;
background: #eab360;
}
.testimonial .carousel-indicators .active {
background-color:#e78b00;
}
.carousel-indicators {
position: absolute;
right: 0;
/* bottom: -35px;*/
left: 0;
z-index: 15;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
padding-left: 0;
margin-right: 15%;
margin-left: 15%;
list-style: none;
}
.carousel-item p {
background: #e78b00;
color: #fff;
padding: 33px;
border-bottom-lright-radius: 86px;
border-bottom-right-radius: 60px;
border-top-left-radius: 60px;
}
.carousel-item h4 {
color: #e78b00;
}
.carousel-item h6 {
color: #e78b00;
}
/*searvices-one open------------*/
.searvices-one {
text-align: center;
padding: 70px 0px 30px;
}
.searvices-one p {
color: #606060;
font-size: 18px;
padding: 0px 0px 30px;
}
.searvices-one h3 {
color: #2b2b2b;
font-size: 36px;
}
/*searvices-one oclog------------*/
.map-bx{ width: 100%;}
.contact-us-box{ background:#941803; position: absolute; color:#fff;}
.footer-bg ul{width: 100%; float: left; display:block; margin: 0;padding: 0; list-style-type: none; text-align:center; }
.footer-bg ul li{ display: inline-block; display:block; margin: 0;padding: 0; display: inline; border-right:1px solid;}
.footer-bg ul li:last-child{border:0px;}
.footer-bg {
/* font-size: large; */
background: #ebebeb;
/* display: table-header-group; */
padding: 125px 0px 30px;
}
.footer-bg p {
font-size: 14px;
text-align: center;
}
p.copyright {
margin-bottom: 0px;
margin-top: 25px;
}
.footer-bg a {
color: #000000;
margin: 0px 12px 0px 12px;
}
.footer-bg a:hover {
text-decoration:none;
color: #000000;
}
ul.icn li {
background: #fff;
text-align: center;
border-radius: 50%;
padding: 10px 0px 10px 16px;
margin: 0px 10px;
}
ul.icn {
margin-top: 31px;
}
ul.icn i.fa.fa-facebook {
padding: 7px 5px 7px 1px;
}
.contact-us-box {
background: #941803;
position: absolute;
position: relative;
color: #fff;
margin-bottom: -27px;
padding: 20px;
margin-top: -154px;
}
.About_futtor {
/* position: absolute; */
/* padding: 0px 0px 141px; */
/* background: beige; */
position: relative;
margin-top: -110px;
padding-bottom: 102px;
width:90%;
}
.footer-bg {
/* font-size: large; */
background: #ebebeb;
/* display: table-header-group; */
}
/* booking */
.booking {
width: 100%;
margin: 0px auto;
float: left;
padding-bottom: 140px;
}
.booking h1 {
font-size: 36px;
text-transform: uppercase;
margin-bottom: 30px;
margin-top: 30px;
color: #fff;
}
.col-md-12.main_booking {
background: #fff;
padding: 15px 0px 310px;
margin: 0px;
box-shadow: 0px 0px 39px #a7a5a5;
}
.booking_box img {
width: 100%;
}
.col-md-6.booking_box {
float: left;
}
.booking_box p {
font-size: 15px;
margin: 16px 0px 5px;
}
.booking ul {
margin: 0px;
list-style-type: none;
padding: 0px;
}
.booking ul li {
display: inline;
line-height: 43px;
font-size: 15px;
border: 1px solid #eee;
padding: 5px;
}
.booking img.icn-booking {
width: 25px;
}
.booking h2 {
font-size: 23px;
color: #5f5c5c;
margin-top: 10px;
}
/*login 0pen*/
.form_main {
position: relative;
float: left;
margin: 0px auto;
width: 100%;
padding:60px 0px;
}
/* checkout-box--------------------- open*/
.checkout-box span {
float: right;
}
.checkout-box {
background: #fff;
box-shadow: 0px 0px 35px #b1aaaa;
padding: 15px 12px 50px;
position: fixed;
}
.input-group {
margin-top: 25px;
position: absolute;
z-index: 9999;
margin-left: 23px;
}
.checkout-box p {
border: 1px solid #dedbdb;
padding: 15px 10px 25px;
font-size:22px;
}
.checkout-box span
{
font-size:16px;
}
.checkout-box p.dex {
border: 1px solid #dedbdb;
padding: 10px 10px 15px;
font-size:22px;
margin-top: 35px;
}
.check_btn {
margin-top: 31px;
}
.check_btn .check-out {
border: none;
background: #cfa601;
color: #fff;
font-weight: bold;
padding: 15px 0px;
width: 100%;
}
input.check-out:hover {
background: #941803;
}
/* checkout-box form--------------------- end*/
/* form_main--------------------- */
.btn-block {
display: block;
width:100px;
}
#dateofbirth {
box-shadow: 0px 0px 11px #ab7c7c;
border: none;
padding: 5px;
}
.deat_picker {
margin-bottom: 30px;
z-index: 99;
position: absolute;
top: 15px;
right: 22px;
}
.booking_heading {
width: 50%;
float: left;
}
[type="date"] {
background:#fff url("../images/date.png") 97% 50% no-repeat ;
}
[type="date"]::-webkit-inner-spin-button {
display: none;
}
[type="date"]::-webkit-calendar-picker-indicator {
opacity: 0;
}
/* custom styles */
label {
display: block;
}
input {
border: 1px solid #c4c4c4;
border-radius: 5px;
background-color: #fff;
padding: 3px 5px;
box-shadow: inset 0 3px 6px rgba(0,0,0,0.1);
width: 190px;
}
/* check out */
.input-group-text {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding: .375rem .75rem;
margin-bottom: 0;
font-weight: 700;
line-height: 1.5;
color: #cfa601;
text-align: center;
white-space: nowrap;
border-radius: .25rem;
width: 46px;
padding: 5px;
font-size:16px ! important;
}
.input-group.input1-login {
position: relative;
top: 45px;
}
.contact-from {
float: left;
width: 100%;
padding: 40px;
}
.footer-bg {
float: left;
padding: 40px;
width: 100%;
}
/* check out end*/
/*gallery*/
.gallery {
padding:0px 0px;
width: 100%;
float: left;
}
.btn:focus, .btn:active, button:focus, button:active {
outline: none !important;
box-shadow: none !important;
}
#image-gallery .modal-footer{
display: block;
}
.img-thumbnail {
padding: .25rem;
background-color: #fff;
border: 1px solid #dee2e6;
border-radius: .25rem;
max-width: 100%;
/* height: auto; */
height: 200px !important;
}
img.img-thumbnail {
height: 200px !important;
}
.thumb{
margin-top: 15px;
margin-bottom: 15px;
}
.col-lg-3.col-md-4.col-xs-6.thumb img {
height: 200px !important;
}
.col-lg-3.col-md-4.col-xs-6.thumb img:hover {
filter: gray;
-webkit-filter: grayscale(1);
}
.col-lg-3.col-md-4.col-xs-6.thumb img {
filter: none;
-webkit-filter: grayscale(0);
}
/*ABOUT OPEN*/
.about-us {
width: 100%;
background: #fbf9f9;
float: left;
padding: 60px;
}
.about-us h3 {
margin: 0px 0px 10px;
font-size: 26px;
}
.about-us h1 {
font-size: 36px;
margin: 0px 0px 20px;
}
.about-us p {
font-size: 15px;
line-height: 26px;
color: #656262;
}
.about-us img.icn-booking {
width: 100%;
}
a.about_btn {
border: 3px solid #cfa601;
padding: 10px 20px;
border-radius: 10px;
color: #000;
}
.about_button {
margin-top: 50px;
}
.about-services {
width: 100%;
float: left;
padding: 50px 0px;
background: #941803;
}
.about-services h1 {
font-size: 36px;
margin-bottom: 30px;
color:#fff;
}
.about-services h3 {
font-size: 22px;
margin: 15px 0px 10px;
}
.about-services p {
font-size: 15px;
color: #807c7c;
}
.about-services img.icn-booking {
width: 100%;
}
.services-box {
background: #fff;
padding: 10px 10px;
}
/*about end*/
/*accommodation open*/
.accommodation_1 h1 {
text-align: left;
text-transform: uppercase;
margin-bottom: 40px;
font-size: 36px;
}
.accommodation_1 {
width: 100%;
float: left;
padding: 50px 0px;
}
.accommodation_1 img.d-block.w-100 {
height:298px;
}
.accommodation_1 .carousel-item p {
background: #e78b00;
color: #fff;
padding: 10px;
font-size: 22px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
}
.accommodation_1 ul{padding:0px;}
.accommodation_1 ul li {
list-style-type: none;
width: 38%;
float: left;
font-size: 14px;
border: 1px solid #eee;
margin: 13px 10px;
padding: 10px;
}
.accommodation_1 .accommodation_1_box h3 {
font-size: 26px;
margin-bottom: 20px;
}
.accommodation_1 .accommodation_1_box p {
font-size: 15px;
margin: 20px 0px 10px;
}
.accommodation_for {
width: 100%;
float: left;
padding: 50px 0px;
background: #646875;
}
.accommodation_for img.icn-booking {
margin-right: 6px;
}
h1.main_h1 {
color: #fff;
margin-bottom30px;
}
.col-md-6.box_div {
background: #fff;
padding: 20px;
height: 350px;
}
.col-md-6.box_div ul {
padding: 0px;
}
.col-md-6.box_div li {
width: 45%;
float: left;
list-style-type: none;
margin: 0px 15px 15px 0px;
font-size: 14px;
border: 1px solid #eee;
padding-top: 6px;
display: flex;
height: 50px;
}
.col-md-6.box_div.border_1_solid {
border: 1px solid #eee;
}
.col-md-6.box_div.border_1_solid img.icn-booking {
margin-right: 5px;
}
.accommodation_5 {
width: 100%;
float: left;
padding: 50px 0px;
}
.accommodation_5_box img
{
width:100%;
height:350px;
}
.accommodation_5 .accommodation_1_box h1 {
font-size: 36px;
margin-bottom: 20px;
}
.accommodation_5 .accommodation_1_box h3 {
font-size: 26px;
margin-bottom: 20px;
}
.accommodation_5 .accommodation_1_box p {
font-size: 15px;
margin: 20px 0px 10px;
}
.accommodation_5 h3 {
margin-top: 20px;
}
.carousel-fade .carousel-inner .active {
opacity: 1;
transition: transform 500ms linear 0s;
transform: scale(1, 1);
}
.accommodation_5 h3 {
margin-top: 20px;
color: #000;
background: #fff;
width: 200px;
padding: 10px 0px;
border-radius: 10px;
}
.accommodation_5 .carousel-indicators
{
}
.accommodation_for h3 {
color: #fff;
margin-top: 200px;
font-weight: bold;
background: #cfa601;
padding: 15px 0px;
width: 300px;
border-radius: 10px;
}
.carousel-item > img {
/* fixes bootstrap 4 bug: bit.ly/bootstrap4-carousel */
width: 100%;
height: 100%;
}
.accommodation_for img.d-block.img-fluid {
height: 350px;
}
.accommodation_for .carousel-indicators {
}
.product-caption-title,
.product-caption-button {
text-transform: uppercase;
}
.product-caption-button {
color: white;
border: 1px solid white;
padding: 5px 15px;
cursor: pointer;
background-color: rgba(0,0,0,0.3);
}
h3 {
margin-top: 12px;
font-size: 1.2rem;
}
.accommodation_2 {
width: 100%;
background: #2f323b;
padding: 50px 0px;
float: left;
}
.accommodation_2_box img {
width: 100%;
}
.accommodation_2 h1 {
font-size: 36px;
color: #fff;
margin-bottom: 40px;
}
.accommodation_2_box p {
color: #fff;
margin: 20px 0px;
font-size: 22px;
font-weight: 500;
}
.accommodation_2_box i.fa.fa-cutlery {
font-size: 22px;
margin-right: 10px;
}
p.dex_room {
font-size: 20px;
font-weight: 400;
margin: 0px;
}
.accommodation_3 {
width: 100%;
padding: 50px 0px;
float: left;
}
.accommodation_3 img {
width: 100%;
}
.accommodation_3 h1 {
font-size: 36px;
margin: 0px 0px 30px;
}
.accommodation_3_box-2 {
background: #bbd15f;
color: #fff;
padding: 20px;
height: 350px;
}
.accommodation_3 img {
width: 100%;
height: 350px;
}
.accommodation_1 h3 {
font-size: 22px;
margin: 16px 0px 0px;
}
/*accommodation end*/
/* FontAwesome for working BootSnippet :> */
#team {
background: #f3f2f2 !important;
}
section {
padding: 60px 0;
}
section .section-title {
text-align: center;
color: #000000;
margin-bottom: 50px;
text-transform: uppercase;
}
#team .card {
border: none;
background: #ffffff;
min-height:135px;
}
.mainflip {
-webkit-transition: 1s;
-webkit-transform-style: preserve-3d;
-ms-transition: 1s;
-moz-transition: 1s;
-moz-transform: perspective(1000px);
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transition: 1s;
transform-style: preserve-3d;
position: relative;
}
.frontside {
position: relative;
-webkit-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
z-index: 2;
margin-bottom: 30px;
}
.backside {
position: absolute;
top: 0;
left: 0;
background: white;
-webkit-transform: rotateY(-180deg);
-moz-transform: rotateY(-180deg);
-o-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);
transform: rotateY(-180deg);
-webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
-moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
}
.frontside,
.backside {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: 1s;
-webkit-transform-style: preserve-3d;
-moz-transition: 1s;
-moz-transform-style: preserve-3d;
-o-transition: 1s;
-o-transform-style: preserve-3d;
-ms-transition: 1s;
-ms-transform-style: preserve-3d;
transition: 1s;
transform-style: preserve-3d;
}
.frontside .card,
.backside .card {
min-height: 312px;
}
.backside .card a {
font-size: 18px;
color: #007b5e !important;
}
.frontside .card .card-title,
.backside .card .card-title {
color: #565555 !important
}
.frontside .card .card-body img {
width: 120px;
height: 120px;
border-radius: 50%;
}
.committee {
padding: 60px !important;
float: left;
width: 100%;
}
/*Tariffs-Policies open*/
.Tariffs-Policies {
width: 100%;
float: left;
padding: 50px 0px;
}
.Tariffs-Policies h1 {
font-size: 36px;
text-transform: uppercase;
}
.Tariffs-Policies h3 {
font-size: 26px;
margin: 10px 0px;
}
.Tariffs-Policies ol {
padding: 0px 0px 0px 16px;
color: #928e8e;
font-size: 15px;
}
.Tariffs-Policies li {
margin:15px 0px;
}
.mandatory {
color: #941803;
}
.datepicker {margin-left:15px; width:240px;}
.areaForDay {margin-left:15px;}
#getFixed {
}
.booking_headingnew{ width: 100%; float: left; }
.booking_headingnew h1{ color:#000; }
.book-list-title{ text-align: left; }
.book-list-title h2{ font-size: 20px;
font-weight: 600;
background: #941803;
color: #fff;
text-align: center;
padding: 10px 5px; }
.book-list-title img{ width: 100%; float: left; }
.login-img img{ border-radius: 30px 0 30px 0;
width: 100%;
height: auto; }
.minus-box1{ margin-left:0px; }
.btn-antr{ background: #941803;
color: #fff!important;
margin: 10px 5px 10px 5px;}
.navbar-dark .navbar-toggler {
border-color: rgba(255,255,255,.5) !important;
}
.booked{ background: #a51f08; color: #fff; }
.ind-box{ float: left;
display: block;
margin: 8px 5px; }
.make-disabled {
opacity: 0.4;
}
.work-agency a {
margin: 0px !important;
}
@media only screen
and (min-device-width:320px)
and (max-device-width:2000px)
and (-webkit-min-device-pixel-ratio: 3) {
.btn-primary { background: #cfa601 !important; border:none; color: #fff; }
}
@media (max-width:1199px){
.nav-item{}
.navbar-nav .nav-link { font-size: 15px;}
}
@media (max-width: 960px){
.nav-item{padding: 0;}
.navbar-nav .nav-link { font-size: 13px;}
}
@media (max-width: 467px){
.nav-item { border-bottom: 1px dashed #f7dd01;}
.accommodation_1 ul li{margin: 13px 0px;}
.contact-from{ padding: 40px 10px; }
}
td.fc-day {
background:#FFF !important;
font-family: 'Roboto', sans-serif;
}
td.fc-today {
background:#FFF !important;
position: relative;
}
.fc-first th{
font-family: 'Roboto', sans-serif;
background:#9675ce !important;
color:#FFF;
font-size:14px !important;
font-weight:500 !important;
}
.fc-event-inner {
font-family: 'Roboto', sans-serif;
background: #03a9f3!important;
color: #FFF!important;
font-size: 12px!important;
font-weight: 500!important;
padding: 5px 0px!important;
}
.fc {
direction: ltr;
text-align: left;
}
.fc table {
border-collapse: collapse;
border-spacing: 0;
}
html .fc,
.fc table {
font-size: 1em;
font-family: "Helvetica Neue",Helvetica;
}
.fc td,
.fc th {
padding: 0;
vertical-align: top;
}
/* Header
------------------------------------------------------------------------*/
.fc-header td {
white-space: nowrap;
padding: 15px 10px 0px;
}
.fc-header-left {
width: 25%;
text-align: left;
}
.fc-header-center {
text-align: center;
}
.fc-header-right {
width: 25%;
text-align: right;
}
.fc-header-title {
display: inline-block;
vertical-align: top;
margin-top: -5px;
}
.fc-header-title h2 {
margin-top: 0;
white-space: nowrap;
font-size: 32px;
font-weight: 100;
margin-bottom: 10px;
font-family: 'Roboto', sans-serif;
}
span.fc-button {
font-family: 'Roboto', sans-serif;
border-color: #9675ce;
color: #9675ce;
}
.fc-state-down, .fc-state-active {
background-color: #9675ce !important;
color: #FFF !important;
}
.fc .fc-header-space {
padding-left: 10px;
}
.fc-header .fc-button {
margin-bottom: 1em;
vertical-align: top;
}
/* buttons edges butting together */
.fc-header .fc-button {
margin-right: -1px;
}
.fc-header .fc-corner-right, /* non-theme */
.fc-header .ui-corner-right { /* theme */
margin-right: 0; /* back to normal */
}
/* button layering (for border precedence) */
.fc-header .fc-state-hover,
.fc-header .ui-state-hover {
z-index: 2;
}
.fc-header .fc-state-down {
z-index: 3;
}
.fc-header .fc-state-active,
.fc-header .ui-state-active {
z-index: 4;
}
/* Content
------------------------------------------------------------------------*/
.fc-content {
clear: both;
zoom: 1; /* for IE7, gives accurate coordinates for [un]freezeContentHeight */
}
.fc-view {
width: 100%;
overflow: hidden;
}
/* Cell Styles
------------------------------------------------------------------------*/
/* | , usually */
.fc-widget-content { /* | , usually */
border: 1px solid #e5e5e5;
}
.fc-widget-header{
border-bottom: 1px solid #EEE;
}
.fc-state-highlight { /* | today cell */ /* TODO: add .fc-today to | */
/* background: #fcf8e3; */
}
.fc-state-highlight > div > div.fc-day-number{
background-color: #ff3b30;
color: #FFFFFF;
border-radius: 50%;
margin: 4px;
}
.fc-cell-overlay { /* semi-transparent rectangle while dragging */
background: #bce8f1;
opacity: .3;
filter: alpha(opacity=30); /* for IE */
}
/* Buttons
------------------------------------------------------------------------*/
.fc-button {
position: relative;
display: inline-block;
padding: 0 .6em;
overflow: hidden;
height: 1.9em;
line-height: 1.9em;
white-space: nowrap;
cursor: pointer;
}
.fc-state-default { /* non-theme */
border: 1px solid;
}
.fc-state-default.fc-corner-left { /* non-theme */
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.fc-state-default.fc-corner-right { /* non-theme */
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
/*
Our default prev/next buttons use HTML entities like ‹ › « »
and we'll try to make them look good cross-browser.
*/
.fc-text-arrow {
margin: 0 .4em;
font-size: 2em;
line-height: 23px;
vertical-align: baseline; /* for IE7 */
}
.fc-button-prev .fc-text-arrow,
.fc-button-next .fc-text-arrow { /* for ‹ › */
font-weight: bold;
}
/* icon (for jquery ui) */
.fc-button .fc-icon-wrap {
position: relative;
float: left;
top: 50%;
}
.fc-button .ui-icon {
position: relative;
float: left;
margin-top: -50%;
*margin-top: 0;
*top: -50%;
}
.fc-state-default {
border-color: #ff3b30;
color: #ff3b30;
}
.fc-button-month.fc-state-default, .fc-button-agendaWeek.fc-state-default, .fc-button-agendaDay.fc-state-default{
min-width: 67px;
text-align: center;
transition: all 0.2s;
-webkit-transition: all 0.2s;
}
.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
color: #333333;
background-color: #FFE3E3;
}
.fc-state-hover {
color: #ff3b30;
text-decoration: none;
background-position: 0 -15px;
-webkit-transition: background-position 0.1s linear;
-moz-transition: background-position 0.1s linear;
-o-transition: background-position 0.1s linear;
transition: background-position 0.1s linear;
}
.fc-state-down,
.fc-state-active {
background-color: #ff3b30;
background-image: none;
outline: 0;
color: #FFFFFF;
}
.fc-state-disabled {
cursor: default;
background-image: none;
background-color: #FFE3E3;
filter: alpha(opacity=65);
box-shadow: none;
border:1px solid #FFE3E3;
color: #ff3b30;
}
/* Global Event Styles
------------------------------------------------------------------------*/
.fc-event-container > * {
z-index: 8;
}
.fc-event-container > .ui-draggable-dragging,
.fc-event-container > .ui-resizable-resizing {
z-index: 9;
}
.fc-event {
border: 1px solid #FFF; /* default BORDER color */
background-color: #FFF; /* default BACKGROUND color */
color: #919191; /* default TEXT color */
font-size: 12px;
cursor: default;
}
.fc-event.chill{
background-color: #f3dcf8;
}
.fc-event.info{
background-color: #c6ebfe;
}
.fc-event.important{
background-color: #FFBEBE;
}
.fc-event.success{
background-color: #BEFFBF;
}
.fc-event:hover{
opacity: 0.7;
}
a.fc-event {
text-decoration: none;
}
a.fc-event,
.fc-event-draggable {
cursor: pointer;
}
.fc-rtl .fc-event {
text-align: right;
}
.fc-event-inner {
width: 100%;
height: 100%;
overflow: hidden;
line-height: 15px;
}
.fc-event-time,
.fc-event-title {
padding: 0 1px;
}
.fc .ui-resizable-handle {
display: block;
position: absolute;
z-index: 99999;
overflow: hidden; /* hacky spaces (IE6/7) */
font-size: 300%; /* */
line-height: 50%; /* */
}
/* Horizontal Events
------------------------------------------------------------------------*/
.fc-event-hori {
border-width: 1px 0;
margin-bottom: 1px;
}
.fc-ltr .fc-event-hori.fc-event-start,
.fc-rtl .fc-event-hori.fc-event-end {
border-left-width: 1px;
/*
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
*/
}
.fc-ltr .fc-event-hori.fc-event-end,
.fc-rtl .fc-event-hori.fc-event-start {
border-right-width: 1px;
/*
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
*/
}
/* resizable */
.fc-event-hori .ui-resizable-e {
top: 0 !important; /* importants override pre jquery ui 1.7 styles */
right: -3px !important;
width: 7px !important;
height: 100% !important;
cursor: e-resize;
}
.fc-event-hori .ui-resizable-w {
top: 0 !important;
left: -3px !important;
width: 7px !important;
height: 100% !important;
cursor: w-resize;
}
.fc-event-hori .ui-resizable-handle {
_padding-bottom: 14px; /* IE6 had 0 height */
}
/* Reusable Separate-border Table
------------------------------------------------------------*/
table.fc-border-separate {
border-collapse: separate;
}
.fc-border-separate th,
.fc-border-separate td {
border-width: 1px 0 0 1px;
}
.fc-border-separate th.fc-last,
.fc-border-separate td.fc-last {
border-right-width: 1px;
}
.fc-border-separate tr.fc-last td {
}
.fc-border-separate .fc-week .fc-first{
border-left: 0;
}
.fc-border-separate .fc-week .fc-last{
border-right: 0;
}
.fc-border-separate tr.fc-last th{
border-bottom-width: 1px;
border-color: #cdcdcd;
font-size: 16px;
font-weight: 300;
line-height: 30px;
}
.fc-border-separate tbody tr.fc-first td,
.fc-border-separate tbody tr.fc-first th {
border-top-width: 0;
}
/* Month View, Basic Week View, Basic Day View
------------------------------------------------------------------------*/
.fc-grid th {
text-align: center;
}
.fc .fc-week-number {
width: 22px;
text-align: center;
}
.fc .fc-week-number div {
padding: 0 2px;
}
.fc-grid .fc-day-number {
float: right;
padding: 0 2px;
}
.fc-grid .fc-other-month .fc-day-number {
opacity: 0.3;
filter: alpha(opacity=30); /* for IE */
/* opacity with small font can sometimes look too faded
might want to set the 'color' property instead
making day-numbers bold also fixes the problem */
}
.fc-grid .fc-day-content {
clear: both;
padding: 2px 2px 1px; /* distance between events and day edges */
}
/* event styles */
.fc-grid .fc-event-time {
font-weight: bold;
}
/* right-to-left */
.fc-rtl .fc-grid .fc-day-number {
float: left;
}
.fc-rtl .fc-grid .fc-event-time {
float: right;
}
/* Agenda Week View, Agenda Day View
------------------------------------------------------------------------*/
.fc-agenda table {
border-collapse: separate;
}
.fc-agenda-days th {
text-align: center;
}
.fc-agenda .fc-agenda-axis {
width: 50px;
padding: 0 4px;
vertical-align: middle;
text-align: right;
white-space: nowrap;
font-weight: normal;
}
.fc-agenda .fc-week-number {
font-weight: bold;
}
.fc-agenda .fc-day-content {
padding: 2px 2px 1px;
}
/* make axis border take precedence */
.fc-agenda-days .fc-agenda-axis {
border-right-width: 1px;
}
.fc-agenda-days .fc-col0 {
border-left-width: 0;
}
/* all-day area */
.fc-agenda-allday th {
border-width: 0 1px;
}
.fc-agenda-allday .fc-day-content {
min-height: 34px; /* TODO: doesnt work well in quirksmode */
_height: 34px;
}
/* divider (between all-day and slots) */
.fc-agenda-divider-inner {
height: 2px;
overflow: hidden;
}
.fc-widget-header .fc-agenda-divider-inner {
background: #eee;
}
/* slot rows */
.fc-agenda-slots th {
border-width: 1px 1px 0;
}
.fc-agenda-slots td {
border-width: 1px 0 0;
background: none;
}
.fc-agenda-slots td div {
height: 20px;
}
.fc-agenda-slots tr.fc-slot0 th,
.fc-agenda-slots tr.fc-slot0 td {
border-top-width: 0;
}
.fc-agenda-slots tr.fc-minor th.ui-widget-header {
*border-top-style: solid; /* doesn't work with background in IE6/7 */
}
/* Vertical Events
------------------------------------------------------------------------*/
.fc-event-vert {
border-width: 0 1px;
}
.fc-event-vert.fc-event-start {
border-top-width: 1px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.fc-event-vert.fc-event-end {
border-bottom-width: 1px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.fc-event-vert .fc-event-time {
white-space: nowrap;
font-size: 10px;
}
.fc-event-vert .fc-event-inner {
position: relative;
z-index: 2;
}
.fc-event-vert .fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay */
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
opacity: .25;
filter: alpha(opacity=25);
}
.fc .ui-draggable-dragging .fc-event-bg, /* TODO: something nicer like .fc-opacity */
.fc-select-helper .fc-event-bg {
display: none\9; /* for IE6/7/8. nested opacity filters while dragging don't work */
}
/* resizable */
.fc-event-vert .ui-resizable-s {
bottom: 0 !important; /* importants override pre jquery ui 1.7 styles */
width: 100% !important;
height: 8px !important;
overflow: hidden !important;
line-height: 8px !important;
font-size: 11px !important;
font-family: monospace;
text-align: center;
cursor: s-resize;
}
.fc-agenda .ui-resizable-resizing { /* TODO: better selector */
_overflow: hidden;
}
thead tr.fc-first{
background-color: #f7f7f7;
}
table.fc-header{
background-color: #FFFFFF;
border-radius: 6px 6px 0 0;
}
.fc-week .fc-day > div .fc-day-number{
font-size: 20px;
margin: 2px;
min-width: 19px; color: #000;
padding: 6px;
text-align: center;
width: 40px;
height: 40px;
}
.fc-sun, .fc-sat{
color: #b8b8b8;
}
.fc-week .fc-day:hover .fc-day-number{
background-color: #B8B8B8;
border-radius: 50%;
color: #FFFFFF;
transition: background-color 0.2s;
}
.fc-week .fc-day:hover .fc-day-number a{
background-color: #B8B8B8;
border-radius: 50%;
color: #FFFFFF;
transition: background-color 0.2s;
}
.fc-week .fc-day.fc-state-highlight:hover .fc-day-number{
background-color: #ff3b30;
}
.fc-button-today{
border: 1px solid rgba(255,255,255,.0);
}
.fc-view-agendaDay thead tr.fc-first .fc-widget-header{
text-align: right;
padding-right: 10px;
}
/*!
* FullCalendar v1.6.4 Print Stylesheet
* Docs & License: http://arshaw.com/fullcalendar/
* (c) 2013 Adam Shaw
*/
/*
* Include this stylesheet on your page to get a more printer-friendly calendar.
* When including this stylesheet, use the media='print' attribute of the tag.
* Make sure to include this stylesheet IN ADDITION to the regular fullcalendar.css.
*/
/* Events
-----------------------------------------------------*/
.fc-event {
background: #fff !important;
color: #000 !important;
}
/* for vertical events */
.fc-event-bg {
display: none !important;
}
.fc-event .ui-resizable-handle {
display: none !important;
}
.booked .fc-day-content p{ background: #2c3b41;
margin-bottom: 4px;
color: #fff;
padding: 3px; }
.fc-week td:nth-child(odd) {
background: #f3f8ff!important;
}
.fc-week td:nth-child(even) {
background: #fffaf5!important;
}
.month_selection select{ color: #000; }
/* Customize the label (the container) */
.custom {
display: block; text-align: left;
position: relative; margin-bottom: 3px;
cursor: pointer; color:#212529;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* Hide the browser's default checkbox */
.custom input {
position: relative;
opacity: 0; margin-right:10px;
cursor: pointer; width: auto;
}
/* Create a custom checkbox */
.checkclass {
position: absolute;
top: 0;
left: 0;
height: 20px;
width: 20px;
background-color: #a9a9a9;
}
/* On mouse-over, add a grey background color */
.custom:hover input ~ .checkclass {
background-color: #ccc;
}
/* When the checkbox is checked, add a blue background */
.custom input:checked ~ .checkclass {
background-color: #2196F3;
}
/* Create the checkclass/indicator (hidden when not checked) */
.checkclass:after {
content: "";
position: absolute;
display: none;
}
/* Show the checkclass when checked */
.custom input:checked ~ .checkclass:after {
display: block;
}
/* Style the checkclass/indicator */
.checkclass:after {
left: 9px;
top: 5px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.custom label{ font-weight:normal; }
.front-messages{
float: left;
width: 100%;
margin-top: 18px;
}
table.dataTable thead th, table.dataTable tfoot th { font-weight: bold; font-size: 13px!important;}
table.dataTable thead th, table.dataTable thead td {padding: 10px 9px !important; line-height: 16px;}
.table-bordered td, .table-bordered th {
border: 1px solid #dee2e6;
font-size: 14px;
}
.table-bordered .button_icon{ padding: .375rem 0px;}
.dataTables_length{ margin: 0 0 10px 0; }
.dataTables_paginate {margin-top: 10px;}
.title_page{ float: left; width:100%; margin-top:30px; }
.dataTables_length select{ margin:0 5px; }
input[type="submit"]{ cursor: pointer; }
.contact-from ol{ margin: 0 0 0 22px; padding: 0; }
.custom-font{ border: 1px soild #ff0000 ; }
.custom-font label{font-size:22px;}
.dataTables_filter{ margin-bottom: 10px; }
table.dataTable tbody th, table.dataTable tbody td {
padding: 8px 10px 0!important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
background:#941803!important;
color:#fff!important;
}
.dataTables_wrapper{ width: 100%; }
.nav-link{ font-size: 18px; }
.navbar-nav .active a{ background:#941803 !important; }
.home-content p{ float: left;
width: 100%;
padding-bottom: 0;
text-align: left;
font-size:15px;
line-height:26px;
}
.home-content ul{display: block; margin: 0; padding: 0; list-style: none; }
.home-content ul li{ font-size: 15px; line-height:26px; float: left; width: 100%; text-align:left; margin:10px 0 0 0; }
.home-content h4{ text-align: left;
float: left;
width: 100%; }
.top-header ul { color:#b3b3b3; }
.right-mid i{ color:#fff; }
.accom-box h2{color: #fff;
font-size: 36px;
margin-top: 0;
text-align: center;
margin-bottom: 50px;}
.bold-label label {font-weight:bold;}
.width100{ width: 100%;
float: left;
background: #941803;
font-size: 18px;
padding: 10px;
color: #fff;
text-align:center;} |