@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;600;700&display=swap');
* { margin:0px; padding:0px; }
body
{
 font-family: 'Poppins', sans-serif;
  font-weight:300;
  font-size:16px;
  color:#676767;
 }
.container { max-width:1200px; }
.home_slider_area{ position: relative;  }
.home_slider_area .owl-nav { display:none; }

.home_slider_area img{ width: 100% !important; }

.bnr_cpsn{ position: absolute; width:100%; background:url(../images/caption_bg.png) repeat-y; color: #fff; left: 0; right: 0; margin: auto; top: 60%; transform: translateY(-60%); padding:20px 0px; text-align:center;  }
.bnr_cpsn h1{  font-weight:700; font-size:45px; color:#FFF; text-transform:uppercase; line-height:50px; padding-bottom:0px; margin-bottom:0px; background:none;  }
.bnr_cpsn h2{  font-weight:300; font-size: 45px; color:#7390da; text-transform:uppercase; line-height:50px; }
.bnr_cpsn h3{  font-weight:300; font-size: 30px; color:#FFF; line-height:50px; }

.home_slider_area .owl-theme .owl-dots{ width: 100%; left: 0; right: 0; margin:auto; text-align: center; position: absolute; bottom:30px; }
.home_slider_area .owl-theme .owl-dots .owl-dot span{ width: 12px; height: 12px; background:rgba(255,255,255,.6); }
.home_slider_area .owl-theme .owl-dots .owl-dot.active span{ background:#324d8f; }

.logo_area
{
background:url(../images/top_bg.png) repeat-x;
width:100%;
height:97px;
position:fixed;
top:35px;
left:0px;
z-index:2;
}
.call_sec
{
font-weight:300;
font-size:25px;
line-height:28px;
color:#FFF;
}
.call_sec a { color:#FFF; text-decoration:none; }
.call_sec a:hover { opacity:0.8; transition:all 0.5s ease; }
.call_sec span { font-weight:600; }
.call_sec img { margin:20px 20px 0px 0px; display:inline-block; vertical-align:top; }
.call_txt { display:inline-block; vertical-align:top; margin-top:15px; }
.logo
{
width:267px;
height:114px;
position:absolute;
top:-10px;
left: 0; right: 0; 
margin: auto;
}
.book
{
position:absolute;
top:-5px; 
right: 100px;
z-index:10;
}
.book .read a { background:#FFFFFF; }
.book .read a:hover
{ background:#7390DA; }
.userway_dark { margin-top:35px; }
.wel_sec
{
background:url(../images/wel_bg.jpg) no-repeat right top;
background-size:cover;
padding:90px 0px;
}
h1
{
font-weight:300;
font-size:43px;
color:#3a3a3b;
background:url(../images/h1_bg.png) no-repeat left bottom;
text-transform:uppercase;
padding-bottom:15px;
margin-bottom:25px;
}
h1 span
{
font-weight:600;
color:#25418f;
}
.wel_pic
{
margin-top:12%;
position:relative;
z-index:1;
}
.wel_pic img { width:100%; }
.wel_pic:after
{
content:"";
position:absolute;
bottom:-30px;
left:-30px;
width:557px;
height:270px;
z-index:-1;
background:#FFF;
}
.read
{
margin-top:40px; 
cursor:pointer;
}
.read a
{
font-weight:300;
color:#25418f;
border:#25418f 1px solid;
text-decoration:none;
padding:10px 20px;
}
.read a:hover
{
background:#25418f;
color:#FFF;
transition:all 0.5s ease;
}
.service_area
{
background:url(../images/ser_bg.jpg) no-repeat center top;
background-size:cover;
color:#c0c0c0;
}
.service_area h1 , .service_area h1 span { color:#c0c0c0; position:relative; top:45%; }
.ser_left
{
background:rgba(0,0,0,.4);
padding:50px 30px;
height:100%;
}
.ser_box
{
background:rgba(37,65,143,0.13);
border:#3d5189 1px solid;
text-align:center;
padding:25px 10px;
margin-top:30px;
cursor:pointer;
/*min-height:300px;*/
min-height:200px;
height:auto;
}
.ser_box:hover
{
background:rgba(37,65,143,0.6);
transition:all 0.5s ease;
}
.ser_box:hover img { filter: brightness(0) invert(1); transition:all 0.5s ease; }
.ser_box:hover h4 { color:#FFF; transition:all 0.5s ease; } 
.ser_box h4
{
font-weight:600;
text-transform:uppercase;
margin:20px 0px;
color:#c0c0c0;
font-size:20px;
}
.room_area
{
padding:90px 0px;
background:url(../images/room_bg.jpg) no-repeat center 100px;
}
.room_area h1 , .att_area h1  { text-align:center; background-position:bottom center; }
.att_area {
background:url(../images/att_bg.jpg) no-repeat center top;
padding:6% 0% 12% 0%;
background-size:cover;
}
.att { position:relative;  }
.att img { width:100%; height:100%; }
.att:hover .att_txt { background:#324c90;  -webkit-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear; }
.att:hover .att_hd { color:#FFF;trannsition:all 0.5s ease; }
.att:hover .att_txt   { color:#FFF;trannsition:all 0.5s ease; }
.att_txt
{
background:#FFF;
position:absolute;
/*bottom:-30%;*/
width:90%;
left:5%;
top:70%;
padding:20px;
cursor:pointer;
margin-bottom:20px;
}
.att_hd
{
font-weight:600;
font-size:22px;
color:#25418f;
text-transform:uppercase;
margin-bottom:10px;
}
.att_all { margin-top:-80px; }
.att_mid { margin-top:50px; }
.map_area .container , .map_area { position:relative; }
.map_area:before
{
content:"";
background:rgba(17,36,89,0.5);
width:100%;
height:100%;
top:0px;
left:0px;
position:absolute;
}
.find_sec
{
background:rgba(255,255,255,.6);
padding:15px 25px; 
color:#3c3c3c;
position:absolute;
top:120px;
left:0px;
z-index:999;
}
.find_txt a { color:#3c3c3c; text-decoration:none; }
.find_txt a:hover { color:#334c90; transition:all 0.5s ease; }
.find_sec h4
{
font-weight:300;
color:#334c90;
font-size:30px;
}
.find_sec h5
{
font-weight:600;
color:#334c90;
font-size:20px;
text-transform:uppercase;
}
.find_txt { 
background:url(../images/map.jpg) no-repeat left top;
padding-left:65px;
}
.find_sec h4 span { font-weight:600; }
footer
{
background:#0c1e51;
padding:20px 0px;
border-top:#324c90 10px solid;
text-align:center;
}
.copy
{
padding-top:20px;
font-size:15px;
color:#FFF;
}
.copy a
{
color:#7292e7;
text-decoration:none;
trannsition:all 0.5s ease;
}
.copy a:hover { color:#FFF; }


/*photo gallery*/

/*gallery*/
.box { position:relative; }
.gal_hover
{
display:none;
font-size:18px;
color:#FFF !important;
position:absolute;

left:0px;
background-color: rgba(50,76,144,0.8);
 
width:100%;
height:100%;
padding:10% 4%;
}
.gal_hover_in
{
position:absolute;
top:50%;
 transform: translateY(-50%);
 }
.gal_hover img { width:auto !important; height:auto !important; }
.gal-item:hover .gal_hover { display:block;-webkit-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear; }
.gal_hover h5
{
font-weight:300;
font-size:23px;
color:#FFF !important;
margin:20px 0px;
}
.gal_hover h5 span { font-weight:700; }
.gal-container{
	padding: 12px;
	
}
.gal-item{
	overflow: hidden;
	padding: 10px;
}

.gal-item .box{
	height: 380px;
	overflow: hidden;
}
.box img{
	height: 100%;
	width: 100%;
	object-fit:cover;
	-o-object-fit:cover;
}
.gal-item a:focus{
	outline: none;
}

.gal-item a:after{
	content:"";
	display:block;
	background:url(../images/zoom.png) no-repeat  95% 95%;
	opacity: 0;
	
	position: absolute;
	right: 3px;
	left: 3px;
	top: 3px;
	bottom: 3px;
	text-align: center;
    line-height: 450px;
    font-size: 30px;
    color: #fff;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
	
}
.gal-item a:hover:after{
	opacity: 1;
}
.modal-open .gal-container .modal{
	background-color: rgba(0,0,0,0.4);
}
.modal-open .gal-item .modal-body{
	padding: 0px;
}
.modal-open .gal-item button.close{
    position: absolute;
    width: 25px;
    height: 25px;
    background-color: #000;
    opacity: 1;
    color: #fff;
    z-index: 999;
    right: -12px;
    top: -12px;
    border-radius: 50%;
    font-size: 15px;
    border: 2px solid #fff;
    line-height: 25px;
    -webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,0.35);
	box-shadow: 0 0 1px 1px rgba(0,0,0,0.35);
}
.modal-open .gal-item button.close:focus{
	outline: none;
}
.modal-open .gal-item button.close span{
	position: relative;
	top: -3px;
	font-weight: lighter;
	text-shadow:none;
}
.gal-container .modal-dialogue{
	width: 80%;
}
.gal-container .description{
	position: relative;
	height: 40px;
	top: -40px;
	padding: 10px 25px;
	background-color: rgba(0,0,0,0.5);
	color: #fff;
	text-align: left;
}
.gal-container .description h4{
	margin:0px;
	font-size: 15px;
	font-weight: 300;
	line-height: 20px;
}
.gal-container .modal.fade .modal-dialog {
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -ms-transform: scale(0.1);
    transform: scale(0.1);
    top: 100px;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.gal-container .modal.fade.in .modal-dialog {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0);
    opacity: 1;
}
@media only screen and (max-width:  1100px) {
.wel_pic:after { display:none; }
h1 { font-size:30px; }
.ser_box h4 { font-size:18px; }
}
@media only screen and (max-width:  980px) {
.call_txt { display:none; }
.bnr_cpsn h1 , .bnr_cpsn h2 { font-size:30px; line-height:32px; }
.bnr_cpsn h3 { font-size:20px; line-height:32px; }
.logo_area { position:fixed; top:0px;  }
.home_slider_area { margin-top:97px; }
.userway_dark { margin-top:5px; }
.logo { top:0px; }
.att_all , .att_mid { margin-top:0px; }
.att_txt
{
position:relative;
bottom:0px;
width:100%;
left:0%;

}

}
@media only screen and (max-width:  768px) {
.bnr_cpsn h1 , .bnr_cpsn h2 { font-size:26px; line-height:28px; }
.bnr_cpsn h3 { font-size:18px; line-height:20px; }
.call_sec img { width:30px; height:30px; margin-top:30px; }
.wel_pic { margin-bottom:20px; }
.logo_area { height:auto; background:#3D5696; padding:20px 0px;}
.home_slider_area { margin-top:150px; }
.book
{
position:relative;
top:auto; 
right: auto;
margin:10px auto;
}
}
@media only screen and (max-width:  576px) {
.call_sec img { width:20px; height:20px;  margin-top:40px; }
.logo
{
width:194px;
height:82px;
top:5px;
}
}