@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700);
body { font-family: 'Roboto', sans-serif; font-size:14px; color:#333333; background-color:#fff; font-weight:normal; line-height:25px; }

.container { max-width:1200px; width:100%; }

h1 { font-size:36px; margin:20px 0; display:inline-block; border-bottom:2px solid #313A71; padding-bottom:15px; }
h2 { font-size:28px; margin:20px 0; display:inline-block; border-bottom:2px solid #313A71; padding-bottom:15px; }
h3 { font-size:18px; margin:20px 0; }
h4 { font-size:16px; margin:20px 0; }
.bootstrap-validator-form .help-block {
    margin-bottom: 0;
}
.has-feedback label ~ .form-control-feedback { top:30px; }
.set-margin { margin-top:0; margin-bottom:10px; }
.gray-bg { background-color:#efefef; }
.blue-bg { background-color:#313A71; }
.blue-color { color:#313A71; font-weight:700; }
.unstyled-list { list-style:none; padding-left:0; }
.read-more { background:#313A71; display:inline-block; padding:5px 10px; }
.read-more a { color:#FFF; }
.margin-bottom { margin-bottom:20px; }

/*//|~~> HEADER <~~|\\*/

.header { position:relative; }
.header-line p { padding:10px 0 0 20px; text-align:center; }
.header-line ul { padding:10px 20px 10px 0; float:right; margin-bottom:0px; }
.header-line ul li a:hover, .header-line ul li a { color:#000; }
.header-logo { width:30%; position:relative; }
.header-logo img { padding-left:15px; float:left; position:absolute; z-index:10; }

.col-sm-none { display:none; }

.navbar-default {background-color: rgba(0,0,0,0.5); border-color: transparent; margin-bottom:-52px; border-radius:0px; z-index:1; border:0; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: transparent;}

.navbar-default .navbar-nav > li > a {color: #333; font-weight:500;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color: #000;}
.navbar-default .navbar-nav > li > ul { padding-left:15px; font-weight:500; border-top:1px solid #e0e0e0; margin-top:10px;padding-top:15px; }

/*//|~~> HEADER-END <~~|\\*/

.well-set { padding:0 10%; }
.navbar-toggle {padding: 10px; margin:5px 0 5px 0; margin-right: 0; border: 0px solid transparent; border-radius: 0;}
.navbar-toggle .icon-bar {width: 25px; height: 3px; border-radius: 0px; background-color: #FFF !important;}



.banner { position:relative; }
.carousel-control.left, .carousel-control.right {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to right, rgba(0, 0, 0,0) 0%, rgba(0, 0, 0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x;
}
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {top: 55%; margin-top: 0;}


.black-bg { background: rgba(0,0,0,0.5); }


.online-reservation { list-style:none; padding-left:0; font-weight:600; }
.online-reservation li:first-child { text-align:center; padding:10px 20px; margin:20px 0 20px 0; background-color:#313A71; font-size:16px; color:#FFF;  }
.online-reservation li:nth-child(2) { width:100%; }
.online-reservation li:nth-child(3) { width:100%; }
.online-reservation li:last-child { text-align:center;}
.online-reservation li .input-group { margin:25px 0; }

.form-set {
    background-color: transparent !important;
    border-radius: 0 !important;
}
.input-group-addon {padding:0 0 0 20px;font-size:26px; background-color:transparent; border:0px solid #ccc;color: #FFF;}
.default-set {background: #E31E25; color: #FFF; border-radius: 0; border: 0px solid; padding:10px 20px; font-weight:600; margin:0 0 10px 0; }

.online-reservation input {
    color: #FFF;
    padding-left: 15px;
}

/*//|~~> MAIL-CONTANT <~~|\\*/

.thumbnails p { padding:10px; }
.img-thumb { position:relative; }
.img-thumb h3 { color:#FFF; background:rgba(0,0,0,0.5); margin:0; padding:10px 0 10px 10px; position:absolute; top:0; width:100%;}
.img-thumb .read-more { position:absolute; bottom:0; right:0; }

.footer { border-top:2px solid #313A71; padding-top:20px; text-align:center;}
.footer a { color:#333333; }
.footer img { margin:0 auto;  }

.blue-bg a, .blue-bg p { margin:0; padding:5px 0; color:#FFF; display:inline-block; }
.blue-bg [class*="col-"] { text-align:center; }

.why-hotel-rajdev .row { display:flex; flex-wrap: wrap; }
.why-hotel-rajdev div .read-more { margin-top:40px; }
.why-hotel-rajdev [class="col-xs-12 col-sm-7"] { padding:30 65px; }
.why-hotel-rajdev div:nth-child(2) div { background-image:url(../images/our-speciality.jpg); background-repeat: no-repeat; background-size:cover; background-position: 50%; min-height:100%;}

/*//|~~> MAIN-CONTANT-END <~~|\\*/

/*-----------------//|~~> INNER-PAGES <~~|\\-----------------*/


#map { height:400px; width:100% !important; }






@media only screen and (min-width: 768px) {

.blue-bg p { padding:10px 0; float:left;  }
.blue-bg a {  float:right; padding:10px 0;  }

.footer { text-align:left; padding-left:40px; }
.header-line p { text-align:left; }
.online-reservation li:first-child { text-align:center; padding:10px 20px; margin:20px 20px 20px 0; background-color:#313A71; font-size:16px; color:#FFF; float:left; }
.online-reservation li:nth-child(2) { width:25%; float:left; margin-right:25px; }
.online-reservation li:nth-child(3) { width:25%; float:left; margin-right:25px; }
.online-reservation li:last-child { text-align:center; float:left; margin:20px 0; }
.online-reservation li .input-group { margin:25px 0; }

}

@media only screen and (min-width: 1024px) {

.footer { padding-left:0; }
.footer img { margin-top:25px; }
.online-reservation { padding:0 20px; }
.col-md-none { display:none !important; }
.col-sm-none { display:block; }
.navbar-default .navbar-nav > li > a {color: #FFFFFF; padding: 15px 15px 17px 15px; }
.navbar-nav { padding-right:20px;}
.active-links { padding: 15px !important; }
.active-links, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color: #FFF; border-bottom:2px solid #E31E25; padding: 15px; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .navbar-default .navbar-nav > .active > a:focus {color: #FFFFFF; background-color: transparent;}
.active:hover { border-bottom:0; }


.banner .black-bg { width: 100%; position:absolute; bottom:40px; }
.online-reservation { list-style:none; padding-left:0; font-weight:600; padding:0 20px; }
.online-reservation li:first-child { float:left; padding:10px 20px; margin:20px 20px 20px 0; color:#FFF; margin-left:12%; }
.online-reservation li:nth-child(2) { margin-right: 0;}
.online-reservation li:nth-child(3) { margin-right: 0;}
.online-reservation li:last-child { float:left; margin:0;}
.online-reservation li .input-group { margin:25px 0; }

.form-set {background-color: transparent; background-image: none; border: 1px solid #FFFFFF; border-radius: 0px; }
.input-group-addon {padding:0 40px 0 20px;font-size:26px; background-color:transparent; border:0px solid #ccc;color: #FFF;}
.default-set {background: #E31E25; color: #FFF; border-radius: 0; border: 0px solid; padding:10px 20px; font-weight:600; margin:20px 0;}

}

@media only screen and (min-width: 1200px) {



}