/*
Template Name: Hotel Flow
File: Layout CSS
Author: TemplatesOnWeb
Author URI: https://www.templateonweb.com/
Licence: <a href="https://www.templateonweb.com/license">Website Template Licence</a>
*/
/*********************center_home****************/
.mySlides {
display:none;
}
.center_main{
position:relative;
  }
.center_main_1{
position:absolute;
bottom:20px;
left:30%;
background:#000000b8;
width:40%;
padding:30px 10px 30px 10px;
  }
.center_main_1 hr{
border-color:#d69d5a;
width:100px;
border-width:3px; 
 }
/*********************center_home_end****************/

/*********************booking****************/
.booking_i{
background:#3e3014;
text-align:center;
padding:10px;
min-height:80px; 
 }
.booking_i1{
min-height:80px;
background:#d69d5a38;
padding:10px;
 }
.booking_i1 .form-control{
height:60px;
color: #777;
font-size:16px;
box-shadow:none;
border:none;
 }
.booking_i .button_1{
margin-top:6px; 
 }
/*********************booking_end****************/

/*********************about_h****************/
#about_h{
padding-top:50px;
padding-bottom:50px; 
 }
.about_h1l blockquote{
border-color:#d69d5a; 
 }
.about_h1r{
background-image: url(../img/4.jpg);
background-position: center;
padding-top:80px;
padding-bottom:80px; 
 }
.about_h1ri{
background:#3e3014cc;
width:50%;
margin-left:auto;
margin-right:auto;
padding:40px 30px; 
 }
/*********************about_h_end****************/

/*********************room****************/
#room{
background:#d69d5a1f;
padding-top:50px;
padding-bottom:50px; 
 }
.room_2i{
position:relative; 
 }
.room_2i2{
position:absolute;
width:100%;
height:100%;
top:0;
background: #000000b8;
padding-top:135px;
display:none; 
 }
.room_2i:hover .room_2i2{
display:block;
 }
.room_2i3i h4{
background:#fff;
padding:10px 10px 12px 10px;
display:inline-block;
 }
.room_2i3{
position:relative;  
 }
.room_2i3i{
position:absolute;
width:100%;
top:-25px;  
 }
.room_2i3i1{
background:#fff;
padding:20px; 
 }
.room_2i3i1 h5 span{
padding-left:5px;
padding-right:5px; 
 }
.room_2i3i1 hr{
border-color:#d69d5a;
width:100px;
border-width:3px; 
 }
.room_2{
margin-top:30px; 
 }
/*********************room_end****************/

/*********************serv_h****************/
#serv_h{
background-image: url(../img/8.jpg);
background-position: center; 
 }
.serv_m{
background: #000000d9;
padding-top:100px;
padding-bottom:150px;
 }
.serv_h1 h1{
font-size:100px; 
 }
.serv_h2i h6{
line-height:2em; 
 }
.serv_h2i span{
font-size:50px; 
 }
.serv_h2{
margin-top:30px; 
 }
/*********************serv_h_end****************/

/*********************quality****************/
.quality_1{
width:70%;
margin-left:auto;
margin-right:auto; 
 }
.quality_1{
box-shadow: 0 0 10px #d69d5aa3;
 }
.quality_1i1i span{
font-size:40px; 
 }
.quality_1i1{
border-top:1px solid #d69d5a33;
padding-top:20px; 
padding-bottom:20px; 
 }
.quality_1ir{
border-left:1px solid #d69d5a33; 
padding:20px;
 }
.quality_1il{
padding:20px;
 }
.main{
position:relative; 
 }
.main_2{
position:absolute;
width:100%;
bottom:-375px;
 }
.quality_1{
background:#fff; 
 }
/*********************quality_end****************/

/*********************work****************/
#work{
background:#d69d5a1f;
padding-top:50px;
padding-bottom:50px;
margin-top:440px; 
 }
.work_1i1{
background:#fff;
box-shadow: 0 0 10px #d69d5aa3;
padding:20px; 
 }
/*********************work_end****************/

/*********************testim****************/
#testim{
padding-top:40px;
padding-bottom:70px; 
 }
.testim_1{
width:70%;
margin-left:auto;
margin-right:auto; 
 }
.testim_1 .span_2{
margin-left:10px;
margin-right:10px; 
 }
/*********************testim_end****************/

/*********************spec****************/
.spec_1i{
border-right:1px solid #d69d5a33;
background:#d69d5a;
padding:10px; 
 }
.spec_1i1{
border-right:1px solid #d69d5a33;
background:#fff;
padding:10px; 
 }
.spec_1{
box-shadow: 0 0 10px #d69d5aa3; 
 }
/*********************spec_end****************/

/*********************package****************/
#package{
background-image: url(../img/12.jpg);
background-position: center; 
 }
.pack_m{
background: #00000094;
padding-top:300px;
padding-bottom:50px; 
 }
.main_n{
position:relative; 
 }
.main_n1{
position:absolute;
width:100%;
top:-40px; 
 }
/*********************package_end****************/

/*********************team_h****************/
#team_h{
padding-top:50px;
padding-bottom:50px; 
 }
.team_h1i2i2 ul li a {
 background-color: #d69d5a; 
}
.team_h1i2{
position:relative; 
 }
.team_h1i2:hover .team_h1i2i2{
display:block; 
 }
.team_h1i2i2{
position:absolute;
width:100%;
bottom:0;
background:#000000d9;
padding:20px 10px;
display:none;
 }
.team_h1i3{
padding:20px 10px 25px 10px;
border-bottom:1px solid #d69d5a;
cursor:pointer; 
 }
.team_h1i3:hover{
background:#d69d5a;
 }
.team_h1i3:hover h4{
color:#fff;
 }
.team_h1i3:hover h5{
color:#fff;
 }
/*********************team_h_end****************/

/*********************choose****************/
#choose{
padding-top:50px;
padding-bottom:50px;
background:#d69d5a1f;
 }
.choose_1i span{
font-size:60px; 
line-height:0;
 }
.choose_1i{
border:1px solid #d69d5a33;
border-radius:5px;
padding:20px;
 }
.choose_2i{
padding:10px;
background:#fff; 
 }
.choose_2{
margin-top:30px; 
 }
.choose_2ir i{
font-size:60px;
display:block;
margin-top:10px; 
 }
/*********************choose_end****************/

/*********************help****************/
#help{
padding-top:50px;
padding-bottom:50px;
 }
.help_1i{
box-shadow: 0 0 10px #d69d5aa3;
padding:20px 15px; 
 }
.help_1i span{
font-size:60px;
line-height:0; 
 }
/*********************help_end****************/

@media screen and (max-width : 767px){
.center_home img{
min-height:250px; 
 }
.center_main_1{
position:static;
width:100%;
text-align:center; 
 }

.choose_1i {
margin-top:10px; 
 }
#choose{
text-align:center; 
 }
.choose_2i {
margin-top:10px; 
 }
#about_h{
text-align:center; 
 }
.about_h1r {
margin-top:15px; 
 }
.about_h1ri{
width:90%; 
 }
.about_h1r{
padding-top:20px;
padding-bottom:20px; 
 }
.room_2i1 img{
min-height:320px; 
 }
.room_2i {
margin-top:15px; 
 }
.main_2{
position:static; 
 }
#work{
margin-top:0; 
 }
.serv_h1 h1{
font-size:60px; 
 }
#serv_h{
text-align:center; 
 }
#serv_h hr{
margin-left:auto!important;
 }
.serv_m {
padding-top: 50px;
padding-bottom:50px;
}
#quality{
text-align:center; 
padding-top:40px;
padding-bottom:40px;
 }
.quality_1ir{
border:none; 
 }
.quality_1{
width:95%; 
 }
.work_1i {
margin-top:10px; 
 }
.testim_1{
width:95%; 
 }
.main_n1{
position:static; 
 }
.spec_1i1{
border:none;  
 }
#testim {
padding-top: 30px;
padding-bottom:30px;
}
.spec_1i {
margin-top:15px; 
 }
.pack_m {
text-align:center;
padding-top:50px;
padding-bottom:50px;
}
#team_h{
text-align:center; 
 }
.team_h1i2 {
margin-top:15px; 
 }
.help_1i {
margin-top:15px; 
 }
}

@media (min-width:768px) and (max-width:991px) {
.center_home img{
min-height:600px; 
 }
.choose_2ir i {
font-size: 40px;
}
.booking_i h4{
font-size:16px;
 }
.booking_i h5{
font-size:12px;
 }
.about_h1ri{
width:90%; 
 }
.room_2i1 img{
min-height:320px; 
 }
.room_2i3i h4{
font-size:18px; 
 }
.team_h1i2i1 img{
min-height:260px; 
 }
 }
@media (min-width:992px) and (max-width:1200px) {
.center_home img{
min-height:600px; 
 }
.booking_i h4{
font-size:16px;
 }
.booking_i h5{
font-size:12px;
 }
.about_h1ri{
width:90%; 
 }
.room_2i1 img{
min-height:320px; 
 }
.team_h1i2i1 img{
min-height:260px; 
 }
  }
@media (min-width:1201px) and (max-width:1292px) {
.booking_i h4{
font-size:20px;
 }
.booking_i h5{
font-size:16px;
 }
 }