body{
	font-family: "Oswald", sans-serif;
	font-weight: 400;
	font-size: 20px;
	background-color: #F2EFEF;
}
    
a{text-decoration:none;}
bg-light {
    background-color: #f8f9fae8 !important;
}

#mainNav
{
		font-family: 'Oswald', sans-serif;
		background-color: rgba(0, 0, 0, 0.533) !important;
    color: rgb(255, 255, 255)!important;
} 

#mainNav.navbar-shrink {
    border-bottom: 1px solid rgba(33,37,41,.1);
    background-color: #fff !important;
}

#mainNav .navbar-brand{ 
	 font-family: 'Oswald', sans-serif;
   font-size: 1.5em;
   font-weight: 400;
}

.bgtransparent{background-color: rgba(0, 0, 0, 0.533) !important;
    color: rgb(255, 255, 255)!important;} 

.break{
  page-break-after: always; /* CSS 2.1 syntax */
  break-after: always; /* New syntax */
}


.navbar-toggler {
    font-size: 50px;
    right: 0;
    padding: 2px 13px;
    text-transform: uppercase;
    color: #fff;
    border: 0;
    background-color: transparent;
}
.navbar-toggler,
.navbar-toggler:focus,
.navbar-toggler:active {
  outline: none !important;
  box-shadow: 0 0 0 0 !important;
}
.navbar-light .navbar-toggler{color: #fff;}
.navbar-shrink.navbar-light .navbar-toggler{color: #383838;}
  
  
#navbarResponsive .navbar-nav{
	/*background-color:#fff;*/
}

.navbar-shrink #navbarResponsive .navbar-nav{background:transparent;}

.container-xl, .container-lg, .container-md, .container-sm, .container {
   max-width: 1300px;
}    
#mainNav .navbar-nav .nav-item{border-bottom:1px solid #fff}
#mainNav.navbar-shrink .navbar-nav .nav-item{border-bottom:1px solid #000}

#mainNav .navbar-nav .nav-item .nav-link{font-size: 105% !important;}

#mainNav.navbar .nav-item .dropdown-item a{text-decoration:none;font-size:100%}
#mainNav.navbar .nav-item .dropdown-item a:active
#mainNav.navbar .nav-item .dropdown-item a:hover,{text-decoration:underline;}


footer{color: rgba(160,153,153,0.88); font-size:80%;}
footer ul{margin:0px; padding:0px;}
footer ul li a{font-size:110% !important;}
footer #footer_navigation li:not(:first-child)::before {
    content: " | ";
}

ul.clsicons {
    list-style-type: none;
}
ul.clsicons li {
    padding: 2px;
    display: inline-block;
}
ul.clsicons li img {
    width: 25px;
}

.main-heading{padding:10px 0px;}



#frm-contactus .form-control{
			height:40px;
			border:1px solid rgba(0, 0, 0, 0.3);
			background-color:#fff;
	}
	#frm-contactus  textarea.form-control{height:120px; }
	
	#frm-contactus label{font-weight:normal;}
	#frm-contactus .form-group{margin-bottom:15px;}

	button{
		color: #383838;
		/*background-color: #fed136;
		border-color: #fed136;*/
		padding:8px;
		border-radius:5px !important;
	}

.loader {
  border: 3px solid #f3f3f3;
  border-radius: 50%;
  border-top: 3px solid red;
  width: 32px;
  height: 32px;
  -webkit-animation: spin .6s linear infinite; /* Safari */
  animation: spin .6s linear infinite;
  display:inline-block;
  vertical-align:middle;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


.contact_details h3{
	font-weight:600;
}


.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
     border-left-color: transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}


.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
     border-bottom-color: transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
.panel-default > .panel-heading {
    color: #333333;
    background-color: #f5f5f5;
    border-color: #ddd;
}

.panel-default {
    border-color: #ddd;
}
.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
    font-weight: 500;
}
.panel-body {
    padding: 15px;
}

.clstopright{position:absolute; top:0; right:0; height:92px; padding:10px 50px;}

.clstopright span{position: relative;top: 25%;transform: translateY(-30%);}

.clslogo span{color:#fff}
.navbar-shrink .clslogo span{color:#383838}
#page{padding-top:10px;}
.index #page{padding-top:0px;}
.mainsection{padding:50px 0px; margin:100px 20px 20px; background-color:#fff; border-radius: 15px;box-shadow: 7px 3px 6px rgba(0, 0, 0, 0.16);transition: .1s;}

.index .mainsection{margin:20px;}

/*
.gallery .mainsection,
.contact-us .mainsection,
.gallery .mainsection,
.roomtypess .mainsection,
.sitemap .mainsection {padding:120px 0px 50px 0px; margin:auto;} 
*/

.roomtypess .mainsection,
.attractions .mainsection
 {padding:0px 0px 50px 0px; margin:82px 0px 0px !important;background-color:transparent !important; border-radius: 0;box-shadow:none;} 

.clsroomtypesinfo ul{list-style-type:none; padding:0px; margin:0px;}
.clsroomtypesinfo ul li{padding: 5px; 0px;}
.clsroomtypesinfo ul li a{color:#fff !important}


.clsroomtypesinfo ul li.active{
	background-color:#f2f2f2;
		
}


#carouselPmsCaptions .carousel-item,
#carouselRTCaptions .carousel-item {
  height: 100vh;
  min-height: 350px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#carouselRTCaptions .carousel-item {
	height: 86vh;
}

.carousel-caption{top:43%; opacity:0.6}


.info-wrap {
    border: 2px solid #2038F2;
    background: #fff;
    border-radius: 15px;
    padding: 30px 20px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 235px;
}
.clsboxshadow {
    box-shadow: 7px 3px 6px rgba(0, 0, 0, 0.16);
    border-radius: 15px;
    text-align: center;
    border: 2px solid transparent;
    transition: .1s;
    cursor: pointer;
    background:#fff;
}

#section_contactus{background-color:#F2EFEF82;padding:30px; margin:50px;}
#section_contactus .contactusbox a{display:block; border:2px solid transparent; }
.btn-primary:disabled, .btn-primary.disabled{background-color: gray;
border-color: gray; cursor:cross;}


.hotel_amenities .card{border-radius: 10px !important;}
.hotel_amenities .card .card-body{min-height:110px;}

.clsattrctionimg {max-width:800px;max-height:85vh;}
.sh-dk,.sh-sm{display:none;}
@media all and (min-width: 992px) {
	/*.navbar .nav-item .dropdown-menu{ display: none; }
	.navbar .nav-item:hover .nav-link{   }
	.navbar .nav-item:hover .dropdown-menu{ display: block; }
	.navbar .nav-item .dropdown-menu{ margin-top:0; }*/
	
	.sh-dk{display:inline;}
}	


@media only screen and (max-width: 600px) {
	#mainNav.navbar .navbar-brand{font-size:120% !important;}	
	#carouselPmsCaptions .carousel-item,#carouselRTCaptions .carousel-item{height: 60vh;}
  .clslogo a {white-space:nowrap;}
  .clsaddres span {display:none;}
  .clsaddres span.clspsnlast{display:inline;}
  
  #idtopbook{display:none;}
  
  .clstopright {
    position: absolute;
    top: 0;
    right: 0;
    height: 112px;
    padding: 3px;
    font-size:17px;
	}
	.clstopright span{
		top: 35%;
	}
	.navbar-toggler{font-size: 45px;}
	
 .mainsection{margin:120px 20px 20px;}
 /* .gallery .mainsection {margin-top:0px;}*/
 #section_contactus{padding:10px; margin:2px;}
 .roomtypess .mainsection,
 .attractions .mainsection{padding-top:5px;}
 	.clsattrctionimg {max-width:100%;max-height:100%}
 
 .sh-sm{display:inline;}
 	
}
.btn-primary:focus,.btn-primary:active {
   outline: none !important;
   box-shadow: none;
}

#frm-reservation *:focus,
#frm-reservation *:active {
    outline: none;
    box-shadow: none !important;
}


 

.btn {
    font-weight: 600;
    text-transform: uppercase;
    border: none;
    border-radius: 300px;
    color:#fff;
} 

.btn-default {
  color:gray;
}     
    
    



/* date picker */
.datepicker {
    background-color: #fff;
    border-radius: 0 !important;
    align-content: center !important;
    padding: 10px !important;
    z-index:1046 !important;
}

.datepicker-dropdown {
    /*top: 180px !important;
    left: calc(50% - 173.5px) !important;*/
    border-right: #1976D2;
    border-left: #1976D2
}

.datepicker-dropdown.datepicker-orient-left:before {
    left: calc(50% - 6px) !important
}

.datepicker-dropdown.datepicker-orient-left:after {
    left: calc(50% - 5px) !important;
    border-bottom-color: #1976D2
}

.datepicker-dropdown.datepicker-orient-right:after {
    border-bottom-color: #1976D2
}

.datepicker table tr td.today,
span.focused {
    border-radius: 50% !important;
    background-image: linear-gradient(#FFF3E0, #FFE0B2)
}

.datepicker thead tr:nth-child(2) {
    background-color: #1976D2 !important
}

.datepicker thead tr:nth-child(3) th {
    font-weight: bold !important;
    padding: 20px 10px !important;
    color: #BDBDBD !important
}

.datepicker tbody tr td {
    padding: 2px !important
}

.datepicker tfoot tr:nth-child(2) th {
    padding: 10px !important;
    border-top: 1px solid #CFD8DC !important
}

.cw {
    font-size: 14px !important;
    background-color: #E8EAF6 !important;
    border-radius: 0px !important;
    padding: 0px 20px !important;
    margin-right: 10px solid #fff !important
}

.old,
.day,
.new {
    width: 30px !important;
    height: 30px !important;
    border-radius: 0px !important
}

.day.old,
.day.new {
    color: #E0E0E0 !important
}

.day.old:hover,
.day.new:hover {
    border-radius: 50% !important
}

.old-day:hover,
.day:hover,
.new-day:hover,
.month:hover,
.year:hover,
.decade:hover,
.century:hover {
    /*border-radius: 50% !important;*/
    background-color: #eee
}

.datepicker .active {
    /*border-radius: 50% !important;*/
    background-image: linear-gradient(#1976D2, #1976D2) !important;
    color: #fff !important
}

.range-start,
.range-end {
    /*border-radius: 50% !important;*/
    background-image: linear-gradient(#1976D2, #1976D2) !important
}

.range {
    background-color: #E3F2FD !important
}

.datepicker .prev,
.datepicker .next,
.datepicker .datepicker-switch {
    border-radius: 0 !important;
    padding: 10px 10px 10px 10px !important;
    font-size: 18px;
    opacity: 0.7;
    color: #fff
}

.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker .datepicker-switch:hover {
    background-color: inherit !important;
    opacity: 1
}

/**/