@charset "utf-8";

@import url(https://fonts.googleapis.com/css?family=Lato:400,300,700);

@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css);



body{

	font-family: 'Lato', sans-serif;

	font-size: 13px;

	overflow: hidden;

}

body, html{

	height: 100%;

}

a, .btn{

	transition: all 0.3s;

	-webkit-transition: all 0.3s;

}

.pad-10{padding:10px;}
.pad-15{
	padding:15px;
	}
.pad-30{
	padding:30px;
	}
	
	
.black-tint{
	
	background-color:rgba(0,0,0,0.5);
	color:#fff;
	
	}
	
.full-width{
	float:left;
	width:100%;
}
.right-0{right:0px;}

.top-33{top:33px;}

.top-26{top:26px;}

.top-44{top:44px;}

.left-0{left:0px;}

.no-margin{margin:0;}

.inline-block{display:inline-block;}

.push-left-70{margin-left:70px;}

.margin-auto{
	margin:0 auto;
	}
.navbar-default{

	background-color: rgba(255,255,255,0.8);

	border:none;

}

.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{

	margin-left: 0;

}

.navbar-brand {

    height: inherit;

    padding: 6px;

}

.navbar-nav>li>a {

    padding: 38.5px;

    text-transform: uppercase;

    letter-spacing: 2px;

}

.navbar-default .navbar-nav>li>a{

	color: #000;

}

.navbar-nav>li{

	border-left: 1px #000 solid;

}

.navbar-nav>li>.dropdown-menu{

	padding: 0;

	background-color:rgba(255,255,255,0.8);

}

.navbar-nav>li>.dropdown-menu>li>a {

    font-size: 15px;

    padding: 20px 35px;

    border-top: 1px #000 solid;
    letter-spacing: 1px;
    text-transform: uppercase;

}

.navbar-nav>li>.dropdown-menu>li:last-child>a{

    border-bottom: 1px #000 solid;	

}

.navbar-toggle{

	margin-top: 30px;

	border-radius: 0;

	border: none;

}

.navbar-toggle .icon-bar {

    display: block;

    width: 26px;

    height: 3px;

    border-radius: 0;

}

.navbar-default .navbar-toggle .icon-bar{

	background-color: #000;

}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{

	background-color: transparent;

}

.homeslider img{

	height: 100%;

	width: auto !important;

}

.hotel-name{

	color: #FFF;

    position: absolute;

    z-index: 12;

    top: 50%;

    margin-top: -161.5px;

    left: 50%;

    margin-left: -243.5px;

    text-align: center;

    text-transform: uppercase;

}

.hotel-name .h1{

	font-weight: 700;

	font-size: 43px;

}

.hotel-name .h1 .w300{

	letter-spacing: 1.5px;

}

.w300{

	font-weight: 300;

}

.btn{

	border-radius: 0;

	padding: 10px 35px;

}

.btn-enter{
	padding: 15px 50px;

	background-color: rgba(0,0,0,0.65);

	border-color: rgba(255,255,255,0.35);

	font-size: 16px;

	color: #FFF;

	letter-spacing: 1px;

}

.btn-enter:hover{

	background-color: rgba(255,255,255,0.35);

	color: #000;

}

.slider-overlay{

	/*background-color: rgba(0,0,0,0.3);*/

	background: url(../images/slider-overlay.png) repeat;

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	z-index: 11;

}

.body-section{

	height: 100%;

	background-position: center center;

	background-attachment: fixed;

	background-size: cover;

}

.h100p{

	height: 100%;

}

.bg-white{

	background-color: #FFF;

}

.inner-content{
	line-height: 20px;

	max-width: 750px;

	width: 100%;

	position: relative;

	top: 50%;

	background-color: rgba(255,255,255,0.8);

	padding: 60px;

	overflow-y: auto;

}

.inner-content .heading{

	border-bottom: 1px solid #ccc;

}

.inner-content .heading .h1{

	margin-top:0; 

	font-weight: 300px;

	text-transform: uppercase;

	font-size: 30px;

	letter-spacing: 2px;

}

.close-btn{

	display: block;position: absolute;

    right: 15px;

    top: 20px;

	border: 1px rgba(0,0,0,0.6) solid;

	background: url(../images/close.png) no-repeat center center;

	padding: 3px;

	height: 26px;

	width: 26px;

	cursor: pointer;

}

.ic_body{

	margin-top: 15px;

}

.form-control{
	height: 44px;

	border-radius: 0;

	box-shadow: none;

	border-color: #000;

}

.form-control:focus{

	box-shadow: none;

	border-color: #000;

}



.hotel-des{

	text-transform:none;

	max-width: 466px;   

}

.fs16 {

	font-size: 16px

}

.fs12 {

	font-size: 12px

}

.fs22 {

	font-size: 22px;

}

.padd-v-10{
	padding:10px 0;}


.padd-h-10{
	padding:0 10px;}
	
.display-table{
	display:table !important;}
.table-cell{
	display:table-cell !important;}
	
.v-align-m{
	vertical-align:middle !important;}
	
.pos-abs{position:absolute !important;}
.pos-rel{
	position:relative !important;}
	
.text-center{
	text-align:center;}
	
 .h2{
	font-size:25px;}
	
#t1, #t2, #t3, #diamond-kandy-xs, #diamond-neliya-xs, #diamond-hikka-xs, #EX1, #EX2, #EX3, #textblock1, #textblock2, #textblock3{
	display:none;}

.dis-inline{display:inline;}


.rhomb {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 200px;
  height: 200px;
  border: none;
  color: rgba(255,255,255,1);
  -o-text-overflow: clip;
  text-overflow: clip;
  background: rgba(28, 103, 164, 0.8);
  -webkit-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg);
  -webkit-transform-origin: 0 100% 0deg;
  transform-origin: 0 100% 0deg;
}

.rhomb div{  
-webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
  text-align:center;
}

.rhomb-nuwara {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 200px;
  height: 200px;
  border: none;
  color: rgba(255,255,255,1);
  -o-text-overflow: clip;
  text-overflow: clip;
  background: rgba(10, 127, 56, 0.8);
  -webkit-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg);
  -webkit-transform-origin: 0 100% 0deg;
  transform-origin: 0 100% 0deg;
}

.rhomb-nuwara div{  
-webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
  text-align:center;
}

.rhomb-inside {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 150px;
  height: 150px;
  border: none;
  color: rgba(255,255,255,1);
  -o-text-overflow: clip;
  text-overflow: clip;
  background: rgba(252, 248, 228, 0.9);
  -webkit-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg);
  -webkit-transform-origin: 0 100% 0deg;
  transform-origin: 0 100% 0deg;
}

.rhomb-inside div{  
-webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
  text-align:center;
}

.rhomb-ex {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 110px;
  height: 110px;
  border: none;
  color: rgba(255,255,255,1);
  -o-text-overflow: clip;
  text-overflow: clip;
  background: rgba(28, 103, 164, 0.8);
  -webkit-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg);
  -webkit-transform-origin: 0 100% 0deg;
  transform-origin: 0 100% 0deg;
}

.rhomb-ex div{  
-webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
  text-align:center;
}

.rhomb-ex-nuwara {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 110px;
  height: 110px;
  border: none;
  color: rgba(255,255,255,1);
  -o-text-overflow: clip;
  text-overflow: clip;
  background: rgba(10, 127, 56, 0.8);
  -webkit-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg);
  -webkit-transform-origin: 0 100% 0deg;
  transform-origin: 0 100% 0deg;
}

.rhomb-ex-nuwara div{  
-webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
  text-align:center;
}


.no-smil .rhomb{top:1200% !important;}
.no-smil .rhomb-nuwara{top:1200% !important;}
.no-smil .rhomb-ex{top:1200% !important;}
.no-smil .rhomb-ex-nuwara{top:1200% !important;}
.no-smil .ie-style{top:1200% !important;}



 


@media screen and (max-width: 992px){

	body{

		overflow: auto;

	}

	.navbar-nav>li>a{

		padding: 38.5px 20px;

	}



	.inner-content{

	    height: auto !important;

	    margin-top: 120px !important;

	    margin-bottom: 50px;

	}

	.body-section{

		height: auto;

	}

}

@media screen and (max-width: 767px){

	.navbar-nav>li>a{

		padding: 20px;

	}

	.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a{

		padding: 20px 15px 20px 25px;
		font-size:12px;
	}
	
	.navbar-nav .open .dropdown-menu>li>a{

		
		font-size:10px;
	}

}

@media screen and (max-width: 480px){

	.hotel-name .h1{

		font-size: 28px;

	}

	.hotel-name{

		margin-left: -183.5px;

		width: 100%;

		margin: 0;

		left: 0;

		top: 94px;

		padding: 0 11px;

	}

}

@media screen and (max-width: 375px){

	.hotel-name .h1{

		font-size: 24px;

	}

	.hotel-name .hotel-des{

		font-size: 14px;

	}

}

@media screen and (max-width: 320px){

	.hotel-name .h1{

		font-size: 18px;

	}

	.hotel-name .hotel-des{

		font-size: 12px;

	}

}

@media screen and (max-width: 320px){

	.h1{

		font-size: 36px;

	}

}



/*slider*/



.accordion-slider {
  max-width: 100%;
  width: 100%;
  height: 100vh;
  margin: 0 auto;
  display: table;
  table-layout: fixed;
  padding: 0;
  list-style: none;
  overflow: hidden;
}
.accordion-slider:hover li {
  width: 10%;
}
.accordion-slider li {
  transition: all 750ms ease;
  width: 20%;
  display: table-cell;
  height: 200px;
  position: relative;
  overflow:hidden;
  vertical-align: bottom;
}
.accordion-slider li:nth-child(1) {
  background: #fff url(../images/slider-nw/kandy_01.jpg) 0 0 no-repeat;
  background-size: cover;
}
.accordion-slider li:nth-child(2) {
  background: #fff url(../images/slider-nw/nuwara_eliya_01.jpg) 0 0 no-repeat;
  background-size: cover;
}
.accordion-slider li:nth-child(3) {
  background: #fff url(../images/slider-nw/hikkaduwa_01.jpg) 0 0 no-repeat;
  background-size: cover;
  /*Remove the slider of hikkaduwa*/
  display: none;
}














.accordion-slider li:hover {
  width: 60%;
}

.accordion-slider li:hover .item{
	background: rgba(0, 0, 0, 0);
	
}
.accordion-slider li:hover .text_block {
  background-color:rgba(0,0,0,0.52);
}


.accordion-slider .item {
  background: rgba(0, 0, 0, 0.05);
  transition: all .6s ease-in-out;
  min-width: 150px;
  /*position: absolute;*/
  right: 0;
  left: 0;
  height: 100%;
  color: #fff;
  padding: 0 10px;
  text-decoration: none;
}
.accordion-slider:hover .item {
  background: rgba(0, 0, 0, 0.15);
}
.accordion-slider .item .text_block {
  transition: all 1000ms ease;
 background-color:rgba(0,0,0,0.52);
  padding: 10px 0;
  font-size: 14px;
 position: absolute;
  right: 0;
  left: 0;
  text-align: center;
  bottom: 0%;
  transform: translateY(0%);
  max-height: 210px;
  color: #fff;
}
.accordion-slider li:hover .item .text_block .dis-tbl .dis-tbl-cell:first-child{
	width:70%;
	margin:0 auto;
	
}

.accordion-slider .item .text_block .dis-tbl .dis-tbl-cell:nth-child(2) ,
.accordion-slider .item .text_block .dis-tbl .dis-tbl-cell:nth-child(3) {
  position:absolute;
  right:100%;
}

.accordion-slider .item .text_block img{
	margin: 0 auto;
	width: 40%;
	transition: all .6s ease;
}

.accordion-slider li:hover .item .text_block img{
	width: 100%;
    margin-left: 0;
	float:left;
}

.accordion-slider li:hover .text_block .dis-tbl .dis-tbl-cell:nth-child(2) ,
.accordion-slider li:hover .text_block .dis-tbl .dis-tbl-cell:nth-child(3){
	position: relative;
	right:0%;
	
	
}



.accordion-slider li .text_block{
	min-height:250px;}
	
	


	




@media (max-width: 768px) {
 .h2{
	 font-size:24px;
	 }
	 

	
.navbar-fixed-top{
	position:relative;}
}


.accordion-slider .first:hover .accordion-slider .second .item .text_block {

  display:none !important;
}


/*style filr editing Amila*/