body {
    margin: 0px;
    padding: 0px;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
}

@media only screen and (max-width:479px){
	.top-header {
		background-color: #304b9c;
		padding: 0px;
		height:52px;
	}
	.top-header span a {
		color: #fff;
		margin-right: 4px;
		font-size: 12px;
	}
	.top-header .rio-hotel-connect .btn-light {
		background-color: #f74d0c;
		padding: 2px 9px;
		margin-top: -36px;
	}
	.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
			background-color: #fff;
			border-color: #304b9c;
			color: #304b9c;
		}
	.navbar-toggle {
		position: relative;
		float: right;
		padding: 9px 10px;
		margin-top: 8px;
		margin-right: -30px;
		margin-bottom: 8px;
		background-color: #fff; 
		background-image: none;		
		border-radius: 4px;
	}
	.navbar-toggle .icon-bar {
		display: block;
		width: 22px;
		height: 3px;
		border: 1px solid #f74d0c;
		border-radius:2px;
		background-color:#f74d0c;
	}
	.navbar-collapse {
		padding-right: 15px;
		padding-left: 15px;
		z-index: 14;
		margin-top:13px;
		position: absolute;
		overflow-x: visible;
		background-color: #304b9c;
		width: 95%;
		-webkit-overflow-scrolling: touch;
		border-top: 1px solid transparent;
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
	}
	.navbar-nav > li > a {
		padding-top: 5px;
		padding-bottom: 9px;
		line-height: 20px;
		color:#fff;
		font-size:14px;
	}
	.navbar .navbar-collapse .navbar-nav li a {
		font-size: 13px;		
	}
	.navbar-nav .open .dropdown-menu {
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		background-color: #fff;
		border: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
		margin-left: 13px;
        width: 320px;
		
	}
	.dropdown-menu > li > a {
		display: block;
		padding: 8px 20px;
		clear: both;
		font-weight: normal;
		line-height: 1.42857143;
		color: #304b9c;
	}
	.carousel-inner .carousel-caption h1 {
		color: #fff;
		font-family: 'Playfair Display', serif;
		font-weight: bold;
		font-size: 24px;
		font-weight: 700;
		text-shadow: horizontal-offset vertical-offset blur color;
		text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
	}
	.carousel-inner > .item img {
		width: 100%;
		height:200px;
		margin-top: -15px;
		position: relative;
		opacity: 0.9;
	}
	.carousel-inner .carousel-caption h1{
			    color: #fff;
				font-family: 'Playfair Display', serif;
				font-weight: bold;			   
				font-size: 25px;
				font-weight: 700;
				text-shadow: horizontal-offset vertical-offset blur color;
				text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
			}
			.carousel-inner .carousel-caption p{
				 color:#fff;
				
				 font-size:15px;
			}
			.carousel-inner .carousel-caption{
	 margin-bottom:30px;
}
	#topbar .container {
		background-color: #304B9A;
		padding-top: 15px;
		padding-bottom: 15px;
		margin-top: -27px;
		z-index: 1;
		position: relative;
		border-radius: 4px;
		-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
		-moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
		-ms-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
		-o-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
	}
	#topbar {
		width: 100%;
		margin: 0 auto;
		/* background-color: #d2331e; */
		padding: 5px 10px 4px 10px !important;
		margin-top: 0px;
	}
	.aboutrio .about h3 {
		font-size: 21px;
		color: #262626;
		font-weight: 600;
		font-family: 'Raleway', sans-serif;
	}
	.aboutrio .about h3:after {
		display: inline-block;
		vertical-align: middle;
		content: '';
		width: 36px;
		height: 2px;
		background: #f74d0c;
		margin-left: 1px;
		margin-top: 18px;
	}
	.aboutrio .about ul.timeline {
		list-style-type: none;
		position: relative;
		margin-top: 25px;
	}
	.aboutrio .about ul.timeline > li h4 {
		font-weight: 600;
		font-size: 15px;
	}
	.aboutrio .about ul.timeline > li {
		margin: 15px 0;
		padding-left: 12px;
	}
	.aboutrio .about ul.timeline > li p {
		font-size: 14px;
		line-height: 22px;
		color: #555555;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.aboutrio .about ul.timeline > li .Features {
		background-color: #fff;
		width: 100%;
		margin-top: 9px;
		padding: 10px;
		display: inline-block;
		box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
	}
	.aboutrio .about ul.timeline > li .Features span {
		margin-left: 10px;
		font-size: 14px;
	}
	.aboutrio .about ul.timeline > li .Features .fa {
		color: #304B9A;
		font-size: 15px;
	}
	.aboutrio .aboutimg {
		margin-top: -35px;
		margin-right: 50px;
	}
	.aboutrio .about1 {
		z-index: 1;
		margin-top: -273px;
		border-radius: 50%;
		height: 240px;
		width: 240px;
		margin-left: 85px;
		position: relative;
		box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}
	.rio-hotel-seciton h3 {
		font-size: 21px;
		color: #000;
		font-weight: 600;
		font-family: 'Raleway', sans-serif;
	}
	.rio-hotel-seciton {
		padding: 10px 0px 20px 0px;
		border-top: 1px solid #ddd;
	}
	.location-section h4 {
		font-size: 21px;
		color: #000;
		font-weight: 600;
		font-family: 'Raleway', sans-serif;
	}
	.location-section {
		width: 100%;
		padding: 20px 0px;
		padding-bottom: 2px;
		background: #FFFFFF;
	}
	.services-section {
		width: 100%;
		padding: 28px 0px 33px 0px;
		background: #f1f8ffa8;
	}
	.online-booking-section h4 {
		font-size: 21px;
		color: #000;
		font-weight: 600;
		font-family: 'Raleway', sans-serif;
	}
	.online-booking-section h4:after {
		display: inline-block;
		vertical-align: middle;
		content: '';
		width: 25px;
		height: 2px;
		background: #f74d0c;
		margin-left: -2px;
		margin-top: 18px;
	}
	.partner-section ul li a {
		padding: 2px 0px;
	}
	.partner-section ul li a {
		color: #fff;
		font-weight: 500;
		padding: 15px 0px;
		display: inline-block;
		text-transform: capitalize;
		font-size: 12px;
	}
	.partner-section .support {
		display: inline-block;
		padding: 5px 3px;
	}
	.footer {
		/* background-color: #0f172b; */
		background-color: #01002f;
		padding-top: 22px;
		padding-bottom: 18px;		
	}
	.footer .footer-logo {
		width: 130px;
		margin-left: 0px;
	}
	.footer .footer-about h6 {
		color: #fff;
		font-size: 14px;
		text-align: left;
	}
	.footer .footer-about p {
		text-align: left;
		padding-top: 0px;
		line-height: 25px;
		font-size: 13px;
		font-weight: 600;
		color: #fff;
	}
	.footer .rio-hotel-connect1 span {
		text-align: center;
		width: 40px;
		height: 40px;
		margin-top: 25px;
		margin-left: -9px;
	}
	.footer .footer-link ul li a {
		list-style: none;
		line-height: 30px;
		font-size: 14px;
		color: #fff;
	}
	.footer .service-link-widget p {
		font-size: 14px;
		color: #fff;
		margin-top: 10px;
	}
	.footer .service-link-widget ul li {
		text-decoration: none;
		list-style: none;
		line-height: 30px;
		font-size: 14px;
		color: #fff;
	}
	.inner-breadcrum {
		width: 100%;
		background: transparent;
		padding: 12px 0px;
		margin-top: -34px;
		bottom: 0px;
		text-align: left;
		color: #fff;
		font-size: 10px;
		/* background: rgba(255, 255, 255, 0.8); */
	}
	.in-section-1 {
		position: absolute;
		bottom: 27px;
		width: 100%;
		left: 0;
		padding: 0px 2px;
	}
	.aboutriohotels {
		background-color: #fff !important;
		 margin-top: 0px; 
	}
	.aboutriohotels h3 {
		font-size: 21px;
		color: #262626;
		font-weight: 600;
		font-family: 'Raleway', sans-serif;
	}
	.aboutriohotels h3:after {
		display: inline-block;
		vertical-align: middle;
		content: '';
		width: 31px;
		height: 2px;
		background: #f74d0c;
		margin-left: 0px;
		margin-top: 18px;
	}
	.aboutriohotels .about p {
		font-size: 14px;
		line-height: 25px;
	}
	.aboutriohotels .about1 {
		z-index: 1;
		margin-top: -270px;
		border-radius: 50%;
		height: 240px;
		width: 240px;
		margin-left: 35px;
		position: relative;
		box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
		border: 3px solid #f74d0c;
	}
	.rio-hotels-features h3 {
		font-size: 21px;
		color: #fff;
		font-weight: 600;
		font-family: 'Raleway', sans-serif;
	}
	.rio-hotels-features h3:after {
		display: inline-block;
		vertical-align: middle;
		content: '';
		width: 34px;
		height: 2px;
		background: #f74d0c;
		margin-left: 0px;
		margin-top: 18px;
	}
	.rio-hotels-features .card {
		display: inline-block;
		width: 156px;
		height: 140px;
		padding: 22px 16px 9px 1px;
		margin-left: 13px;
		background-color: #fff;
		border-radius: 4px;
		margin-top: 11px;
		margin-right: 0px;
	}
	.rio-hotels-features .card .fa {
		font-size: 30px;
		text-align: center;
		margin-left: 55px;
		color: #f74d0c;
	}
	.hotelbanner .carousel .carousel-inner .item img {
		width: 100%;
		height: 200px;
	}
	.hotelbooking .container h3 {
		font-size: 19px;
		margin-left: 0px;
		font-family: 'Raleway', sans-serif;
		font-weight: 600;
	}
	.hotelbooking .about p {
		font-size: 14px;
		margin-left: 0px;
		text-align: justify;
	}
	.hotelbooking .Facilities p {
		font-size: 13px;
		background-color: #f1f8ffa8;
		font-weight: 600;
		color: #304b9c;
		margin-left: 1px;
		box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
	}
	.hotelbooking {
		padding-top: 10px;
		padding-bottom: 0px;
		background-color: #fff;
	}
	.Hotelrooms .container h3 {
		font-size: 21px;
		color: #262626;
		font-weight: 600;
		font-family: 'Raleway', sans-serif;
	}
	.Hotelrooms {
		padding-top: 10px;
		padding-bottom: 27px;
		background-color: #fff;
	}
	.rio-hotel-gallary {
		background-color: #f1f8ffa8;
		font-weight: bold;
		color: #000;
		padding: 0px 0px 0px 0px;
		margin-top: px;
		padding: 10px;
		padding-bottom: 0px;
	}
	.Hotelcontact .container h3 {
		font-size: 21px;
		color: #262626;
		font-weight: 600;
		font-family: 'Raleway', sans-serif;
	}
	.Hotelcontact .contact p {
		font-size: 14px;
	}
	.Hotelcontact .location {
		background-color: #fff;
		padding: 10px;
		margin-top: -126px;
	}
	.Hotelcontact {
		padding-top: 10px;
		padding-bottom: 3px;
		background-color: #fff;
	}
	.Hotelrooms .card {
		background-color: #fff;
		height: 480px;
		border: 2px solid #c0c0c047;
		box-shadow: 1px 2px 6px 3px #e2e0e0;
		margin-bottom: 10px;
	}
	.meeting {
		background-color: #fff !important;
		padding: -2px;
		z-index: 1;
		margin-top: -155px;
		padding-bottom: 20px;
	}
	.meeting .confrences {
		background-color: #fff;
		height: 435px;
		padding: 8px;
		margin-left: 0px;
		border:none;
		border-radius: 3px;
	}
	.meeting .confrences .btn-light {
		background-color: #f74d0c;
		border-radius: 50px;
		padding: 10px 81px;
		color: #fff;
		box-shadow: none;
		font-weight: bold;
		margin-top: -16px;
	}
	.Contact-section {
		background-color: #fff !important;
		padding: 5px;
		z-index: 1;
		margin-top: -158px;
		padding-bottom: 40px;
	}
	.Contact-section .getintouch1 {
		background-color: #304b9c;
		height: 525px;
		padding: 12px;
		margin-left: -15px;
		width: 350px;
	}
	.Contact-section .getintouch1 .media .media-body h5 {
		font-size: 18px;
		color: #fff;
		margin-top: 0px;
	}
	.Contact-section .getintouch1 .media .media-body p {
		font-size: 14px;
		color: #fff;
	}
	.Contact-section .getintouch p {
		font-size: 14px;
		line-height: 27px;
		color: #555555;
		margin-left: 17px;
	}
	.Address .container h3 {
		font-size: 21px;
		color: #262626;
		font-weight: 600;
		font-family: 'Raleway', sans-serif;
	}
	.Address {
		background-color: #f1f8ffa8 !important;
		padding: 10px;
		z-index: 1;
		margin-top: 00px;
		padding-bottom: 1px;
	}
	.Guest {
		padding-top: 4px;
		padding-bottom: 0px;
		margin-top: 0px;
	}
	.Guest .container h3 {
		font-size: 21px;
		color: #262626;
		font-weight: 600;
		font-family: 'Raleway', sans-serif;
	}
	.Policy {
		padding-top: 5px;
		padding-bottom: 0px;
		margin-top: 0;
	}
	.Policy .container h3 {
		font-size: 21px;
		color: #262626;
		font-weight: 600;
		font-family: 'Raleway', sans-serif;
	}
	.Terms {
		padding-top: 0px;
		padding-bottom: 0px;
		margin-top: 0;
	}
	.Terms .container h3 {
		font-size: 21px;
		color: #262626;
		font-weight: 600;
		font-family: 'Raleway', sans-serif;
	}
	.Room-type{
	 background-color: #f1f8ffa8;
	 margin-top:-20px;
	 padding:25px;
}
.Room-type h2{
	text-align:center;
	font-size: 25px;
    font-weight: 600;
    font-family: 'Raleway', sans-serif;
	color: #304B9A;
}
.deluxe-room h5{
	 text-align:center;
	 font-size: 25px;
     color: #f74d0c;
     font-weight: 600;
     font-family: 'Raleway', sans-serif;
}
.deluxe-room .nav-tabs { 
	 border-bottom:none;
	 margin-left:10px;	 
 }
.deluxe-room .nav-tabs > li{
	 text-align:center;
 }
.deluxe-room .nav-tabs > li.active > a{ 
	 border-width: 0;
 }
.deluxe-room .nav-tabs > li > a {
	 border: none; 
	 color: #f74d0c;
	 background: #fff;
	 font-weight:600;
	 font-family: 'Raleway', sans-serif;
	 font-size:14px;
} 
.deluxe-room .nav-tabs > li.active > a{
	 font-size:14px;
	 color: #f74d0c !important; 
	 font-weight:600;
	 font-family: 'Raleway', sans-serif;
}
.deluxe-room .card{
	 margin-top:30px;
}
.deluxe-room .nav-tabs > li > a::after {
	 content: "";
	 background: #f74d0c;
	 height: 2px;
	 position: absolute; 
	 width: 100%; 
	 left: 0px;
	 bottom: -1px;
	 transition: all 250ms ease 0s; 
	 transform: scale(0);
}  
.deluxe-room .nav-tabs > li.active > a::after,
.deluxe-room .nav-tabs > li:hover > a::after { 
	 transform: scale(1); 
}
.deluxe-room .tab-nav > li > a::after { 
     background: #5a4080;
	 color: #fff;
}
.deluxe-room .tab-pane { 
	 padding: 15px 0; 
}
.deluxe-room .tab-content{
	 padding:20px;
}
.deluxe-room .nav-tabs > li {
	width: 32%;
    text-align: center;
    margin-right: 0px;
}


@media all and (max-width:724px){
	 .deluxe-room .nav-tabs > li > a > span {
		 display:line;
	}	
	 .deluxe-room .nav-tabs > li > a {
		 padding: 5px 5px;		 
    }
}

.deluxe-room .tab-pane .carousel-inner {
  position: relative;
  width: 100%;
  min-height: 300px;
  }
 
.deluxe-room .tab-pane .carousel-control.right {
  right: 0;
  left: auto;
  background-image: none !important;
  background-repeat: repeat-x;
}
 .deluxe-room .tab-pane .carousel-control.left {
  left: 0;
  right: auto;
  background-image: none !important;
  background-repeat: repeat-x;
}
.deluxe-room .tab-pane #carousel-example-generic {
    margin: 20px auto;
    width: 100%;
}

.deluxe-room .tab-pane #carousel-custom {
    margin: 20px auto;
    width: 100%;
}
.deluxe-room .tab-pane #carousel-custom .carousel-indicators {
     margin-top: -100px;
    overflow: auto;
    position: static;
    text-align: left;
    white-space: nowrap;
    width: 100%;
    overflow:hidden;
}
.deluxe-room .tab-pane #carousel-custom .carousel-indicators li {
    background-color: transparent;
    -webkit-border-radius: 0;
    border-radius: 0;
    display: inline-block;
    height: auto;
    margin: 0 !important;
    width: auto;
}
.deluxe-room .tab-pane #carousel-custom .carousel-indicators li img {
    display: block;
    opacity: 0.5;
}
.deluxe-room .tab-pane #carousel-custom .carousel-indicators li.active img {
    opacity: 1;
}
.deluxe-room .tab-pane #carousel-custom .carousel-indicators li:hover img {
    
}
.deluxe-room .tab-pane #carousel-custom .carousel-outer {
    position: relative;
}
.deluxe-room .tab-pane .carousel-indicators li img {
     height: 44px;
     width: 50px;
}
.deluxe-room .tab-pane .about-room h2{
	 text-align:center;
	 font-size: 25px;
     font-weight: 600;
     font-family: 'Raleway', sans-serif;
	 color: #304B9A;
}
.deluxe-room .tab-pane .about-room p{
	 text-align:left;
	 font-size: 15px;
     font-weight: 500;
     font-family: 'Raleway', sans-serif;
	 color: #000;
	 line-height:30px;
	 margin-top:25px;
}
.deluxe-room .tab-pane .room-facilities h2{
	 text-align:center;
	 font-size: 25px;
     font-weight: 600;
     font-family: 'Raleway', sans-serif;
	 color: #304B9A;
}
.deluxe-room .tab-pane .room-facilities p {
     font-size: 15px;
     text-align: center;
     padding: 10px;
     background-color: #eeeeee26;
     font-weight: 500;
     color: #000;
     margin-left: 0px;
     box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
	 border: 1px solid #eee;
	 font-family: 'Raleway', sans-serif;
	 margin-top:0px;
}
.deluxe-room .tab-pane .room-facilities p:hover {
     font-size: 15px;
     text-align: center;
     padding: 10px;
     background-color: #eeeeee26;
     font-weight: 500;
     color: #000;
     margin-left: 0px;
     box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
	 border: 1px solid #304B9A;
	 font-family: 'Raleway', sans-serif;
	 margin-top:25px;
	 transition: .4s all;
}
.deluxe-room .tab-pane .Hotel h2{
	 text-align:center;
	 font-size: 25px;
     font-weight: 600;
     font-family: 'Raleway', sans-serif;
	 color: #304B9A;
}
.deluxe-room .tab-pane .Hotel p {
     font-size: 15px;
     text-align: center;
     padding: 10px;
     font-weight: 500;
     color: #000;
     margin-left: 0px;    
	 font-family: 'Raleway', sans-serif;
	 margin-top:25px;
}
.deluxe-room .tab-pane #carousel-example-generic {
    margin: 20px auto;
    width: 100%;
}

.deluxe-room .tab-pane #carousel-slide {
    margin: 20px auto;
    width: 100%;
}
.deluxe-room .tab-pane #carousel-slide .carousel-indicators {
    margin-top: -100px;
    overflow: auto;
    position: static;
    text-align: left;
    white-space: nowrap;
    width: 100%;
    overflow:hidden;
}
.deluxe-room .tab-pane #carousel-slide .carousel-indicators li {
    background-color: transparent;
    -webkit-border-radius: 0;
    border-radius: 0;
    display: inline-block;
    height: auto;
    margin: 0 !important;
    width: auto;
}
.deluxe-room .tab-pane #carousel-slide .carousel-indicators li img {
    display: block;
    opacity: 0.5;
}
.deluxe-room .tab-pane #carousel-slide .carousel-indicators li.active img {
    opacity: 1;
}
.deluxe-room .tab-pane #carousel-slide .carousel-indicators li:hover img {
    
}
.deluxe-room .tab-pane #carousel-slide .carousel-outer {
    position: relative;
}




.deluxe-room .tab-pane #carousel-example-generic {
    margin: 20px auto;
    width: 100%;
}

.deluxe-room .tab-pane #carousel-move {
    margin: 20px auto;
    width: 100%;
}
.deluxe-room .tab-pane #carousel-move .carousel-indicators {
    margin-top: -100px;
    overflow: auto;
    position: static;
    text-align: left;
    white-space: nowrap;
    width: 100%;
    overflow:hidden;
}
.deluxe-room .tab-pane #carousel-move .carousel-indicators li {
    background-color: transparent;
    -webkit-border-radius: 0;
    border-radius: 0;
    display: inline-block;
    height: auto;
    margin: 0 !important;
    width: auto;
}
.deluxe-room .tab-pane #carousel-move .carousel-indicators li img {
    display: block;
    opacity: 0.5;
}
.deluxe-room .tab-pane #carousel-move .carousel-indicators li.active img {
    opacity: 1;
}
.deluxe-room .tab-pane #carousel-move .carousel-indicators li:hover img {
    
}
.deluxe-room .tab-pane #carousel-move .carousel-outer {
    position: relative;
}
}
@media only screen and (min-width:440px){
	 /* .navbar-collapse { */
		/* padding-right: 15px; */
		/* padding-left: 15px; */
		/* z-index: 14; */
		/* margin-top:13px; */
		/* position: absolute; */
		/* overflow-x: visible; */
		/* background-color: #304b9c; */
		/* width: 415px; */
		/* -webkit-overflow-scrolling: touch; */
		/* border-top: 1px solid transparent; */
		/* -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); */
		/* box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); */
	/* } */
	/* .navbar-nav .open .dropdown-menu { */
		/* position: static; */
		/* float: none; */
		/* width: auto; */
		/* margin-top: 0; */
		/* background-color: #fff; */
		/* border: 0; */
		/* -webkit-box-shadow: none; */
		/* box-shadow: none; */
		/* margin-left: 13px; */
		/* width: 388px; */
	/* } */
}