/*
loader
=========================== */
/*tarrif-new */
.doze-img {height:300px; background-image:url(../img/BIRDS.jpg); background-size:cover;color:#fff; text-align:center; font-weight:700;font-family: 'Raleway', Helvetica, Arial, }
.doze-text {height:300px; background-image:url(../img/dorza.jpg); background-size:cover; color:#fff; text-align:center; font-weight:700;font-family: 'Raleway', Helvetica, Arial,}
.doze-text h1 {padding-top:10px;color:#fff; font-size:40px;font-weight:400}
.doze-img h1 {padding-top:10px;color:#fff;font-size:40px;font-weight:400}
.button {background-color:#fff !important;}
.doze-text a {background-color:rgb(10,1,1);opacity:0.6; float:left; width:100%; color:#fff; padding:10px; text-decoration:none !important;}
.doze-text a:hover {background-color:#ccc;}
.doze-img a {background-color:rgb(10,1,1);opacity:0.6; float:left; width:100%; color:#fff; padding:10px; text-decoration:none !important;}
.doze-img a:hover {background-color:#ccc;}
.tarrif {padding-top:40px;}
.doze-text h2 {color:#fff; font-size:30px;font-weight:400}
.doze-img h2 {color:#fff;font-size:30px;font-weight:400}
.doze-text h4 {color:#fff; font-size:20px;}
.doze-img h4 {color:#fff;font-size:20px;}
/*tarrif-new-bird */
.bird p  {text-align:justify; }
.bird h1  {font-size:30px;text-align:center;font-weight:400}
.bird h2  {font-size:26px;text-align:center;font-weight:400}
.bird h3 {font-size:20px;text-align:center;font-weight:400}
.per-Head h1 {text-align:center; margin-top:40px;font-size:30px;font-weight:400}
.welcome {padding-top:40px;}
.welcome p { text-align:justify;}
.welcome-text 
.per-Head h1 {font-size:30px;font-weight:400}
.per-Head h2 {font-size:26px;font-weight:400}
.per-Head h4 {font-size:20px; font-weight:400}
.notice {text-align:center;}
.per-Head h3 {text-align:center;  margin-top:10px;font-weight:400 }

.loader-img{
	margin: 11em auto;
	display: block;
	width: 125px;
}
.loader-img img{
	width:125px;
	height:60px;
}
#loader {
  position: fixed;
  width: 96px;
  height: 96px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-box-shadow: 0px 24px 64px rgba(0, 0, 0, 0.24);
  box-shadow: 0px 24px 64px rgba(0, 0, 0, 0.24);
  border-radius: 16px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .2s ease-out, visibility 0s linear .2s;
  -o-transition: opacity .2s ease-out, visibility 0s linear .2s;
  transition: opacity .2s ease-out, visibility 0s linear .2s;
  z-index: 1000;
}

#loader.fullscreen {
  padding: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  background-color: #fff;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
 .none {
        display: none;
    }
    .hiden {
        display:block;
    }
#loader.show {
  -webkit-transition: opacity .4s ease-out, visibility 0s linear 0s;
  -o-transition: opacity .4s ease-out, visibility 0s linear 0s;
  transition: opacity .4s ease-out, visibility 0s linear 0s;
  visibility: visible;
  opacity: 1;
}

#loader .circular {
  -webkit-animation: loader-rotate 2s linear infinite;
  animation: loader-rotate 2s linear infinite;
  position: absolute;
  left: calc(50% - 24px);
  top: calc(50% - 24px);
  display: block;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

#loader .path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  -webkit-animation: loader-dash 1.5s ease-in-out infinite;
  animation: loader-dash 1.5s ease-in-out infinite;
  stroke-linecap: round;
}

@-webkit-keyframes loader-rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes loader-rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes loader-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -136px;
  }
}

@keyframes loader-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -136px;
  }
}

/*
heading-box
=========================== */

.heading-box{
   font-family: 'Raleway', Helvetica, Arial, sans-serif;
    font-weight:700;
	padding: 8rem 0;
	text-align: center;
	padding: 15em 24px;
	word-break: break-all;
	font-size: 12px;
	line-height: 0px;
	}
	
.heading-box h1{
	color: white;
	font-weight: 400;
	text-shadow: 2px 2px 8px#97945a;
}
.heading-box h1 span{
	font-family: 'Raleway', Helvetica, Arial, sans-serif;

}
.heading-box h2{
	color: white;
	text-transform: uppercase;
}
@media (min-width:300px) {
	.heading-box{
		/* padding: 20rem 0; */
	}

}
@media (min-width:414px) {
	.heading-box{
		/* padding: 20rem 0; */
	}
	.heading-box h1{
		font-size:4em;
	}
}
@media (min-width:768px) {
	.heading-box h1{
		font-size:5em;
	}
}
@media (min-width:1024px) {
	.heading-box h1{
		font-size:5em;
	}
}
@media (min-width:2560px) {
	.heading-box h1{
		font-size:9em;
	}
}

/*
parallax scroll
=========================== */
/*.parallax-window {*/
/*    min-height: 400px;*/
/*    background: transparent;*/
/*}*/
/*
head section
=========================== */
.head-section{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 540px;
	text-align: left;
	color: #ffffff;
	background-repeat: repeat;
	background-attachment: fixed;
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;
}
@media screen and (max-width: 2000px){
	.head-section{
    height: 100vh;
    background-size: 100%;
    background-position: center center;
	}
}
@media screen and (max-width: 800px){
    .hiden {
        display:none;
    }
    .none {
        display:block;
    }
    	.heading-box h1{
		font-size: 2.6em;
	}
	.heading-box none h1 {
    font-size: 22px;
}
	.heading-box span {
    font-size: 25px;
}
.heading-box {
    padding: 2em 0px;
}
	.head-section {
    height: 100vh;
    background-size: 100%;
    background-position: center center;
 }
}
.head-section{
    padding: 0;
}
.head-section {
    height: 100vh;
}
/*
caption box
=========================== */
.caption-box{
	text-align: left;
}
.caption-box h1{
	color: white;
	text-transform: capitalize;
	font-weight: 500;
}
.caption-box h2{
	color: white;
	text-transform: capitalize;
	font-weight: 500;
}

.caption-box strong{
	color: white;
	font-weight:500;
}
/*
figure-image
=========================== */
.figure-image{
	-webkit-clip-path: polygon(25% 0%, 100% 1%, 100% 100%, 25% 100%, 0% 50%);
	clip-path: polygon(25% 0%, 100% 1%, 100% 100%, 25% 100%, 0% 50%);
}
.figure-image img{
	
}
.figure-image::before{
	    content: "";
	    display: block;
	    border-style: solid;
	    border-width: 0;
	    position: absolute;
	    z-index: 1;
	    border-top-width: 1px;
	    top: 1.5rem;
	    border-right-width: 1px;
	    right: 3.5rem;
	    bottom: 0;
	    left: 0;
}
.figure-image::before{
	 border-color: rgba(255, 255, 255, 0.5);
}
.figure-image::after {
    border-color: #dadada;
}
.figure-image::after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    border-style: solid;
    border-width: 1px;
    top: 1.5rem;
    right: 3.5rem;
    bottom: -2.5rem;
    left: -0.5rem;
}
/*
.box-col-6
=========================== */
.box-col-6{
	min-height: 400px;
	display: inline-block;
	height: 400px;
}
.right-title{
	padding:2em;
}
.right-title h1{
	font-weight:300;
}
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
  	.right-title h1{
  		font-size:3em;
  	}
}
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1) { 
  .right-title h1{
  		font-size:4em;
  	}
}
.Accommodation{
	
}
.Accommodation {
    position: relative;
    overflow: hidden;
    color: #000000;
    background-repeat: repeat;
    background-attachment: fixed;
}
.Accommodation {
    text-align: center;
}
/* ----------- Retina Screens ----------- */
@media (min-width: 2000px){ 
      .caption-box h1{
          font-size:3em;
      }
}
@media screen and (max-width: 2000px){
	.Accommodation {
    height: 484px;
    background-image: url(../img/silvertipsD.jpeg);
    background-size: 600px 600px;
    -webkit-clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
    background-position: left;
    margin-bottom: 3em;
    }
    .munnar-background{
     height: 484px;
     background-image: url(../img/munnar.jpg);
     background-size: cover;
     -webkit-clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
     clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
     background-position: left;
     margin-bottom: 3em;
    }
    .munnar-background{
        position: relative;
    overflow: hidden;
    color: #000000;
    background-repeat: no-repeat;
    background-attachment: fixed;
    }
    .thattekkad{
        position: relative;
    overflow: hidden;
    color: #000000;
    background-repeat: no-repeat;
    background-attachment: fixed;
    }
    .thattekkad{
     height: 484px;
     background-image: url(../img/Thattekkad.jpg);
     background-size: cover;
     -webkit-clip-path: polygon(25% 0%, 100% 1%, 100% 100%, 25% 100%, 0% 50%);
     clip-path: polygon(25% 0%, 100% 1%, 100% 100%, 25% 100%, 0% 50%);
     background-position: right;
     margin-bottom: 3em;
    }
	.img-mock{
		padding: 0;
	}
	.img-mock span{
		width: 96%;
		margin: 13px;
		border: 1px solid #ffffff91;
		position: absolute;
		height: 93%;
	}
}
@media screen and (max-width: 414px){
	    -webkit-clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 106% 0%, 140% 54%, 81% 103%, 0% 100%);
}

/*
footer
=========================== */
.footer-bottom{
    text-align: center;
}
.footer-bottom:hover{
	letter-spacing: 0px;
}
.footer-bottom img{
	width:100px;
	margin:0 auto;
}
.footer-bottom a{
	color:#00ff04;
}
.footer-bottom a:hover{
	text-decoration:none;
}

.footer-bottom svg{
	color:#ffffff;
}


/* img galler*/
.left-moc{
    
}
.left-moc{
    -webkit-clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
}
/*list dst*/
.listdst{
    
}

#spa{
    display: block;
}
.spa{
    height: 484px;
    background-image: url(../img/Ayurveda.jpg);
    background-size: 600px 600px;
    -webkit-clip-path: polygon(25% 0%, 100% 1%, 100% 100%, 25% 100%, 0% 50%);
    clip-path: polygon(25% 0%, 100% 1%, 100% 100%, 25% 100%, 0% 50%);
    background-position: right;
    margin-bottom: 3em;
}
.spa{
        position: relative;
        overflow: hidden;
        color: #000000;
        background-repeat: no-repeat;
        background-attachment: fixed;
}
.cover-box{
    background-image:url(..img/rest-1.jpg);
}
.cover-box{
    
}
.title-cover-box{
    background-color: white;
}
.title-cover-box h2{
    font-weight:400;
    font-size:24px;
    padding:10px;
    text-transform:capitalize;
    text-align:center;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
}

/*form*/
.info-text {
  text-align: left;
  width: 100%;
}

header, form {
  padding: 0em 0%;
}

.form-group {
  margin-bottom: 20px;
}

h2.heading {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 300;
  text-align: left;
  color: #506982;
  border-bottom: 1px solid #506982;
  padding-bottom: 3px;
  margin-bottom: 20px;
}

.controls {
  text-align: left;
  position: relative;
}
.controls input[type="text"],
.controls input[type="email"],
.controls input[type="number"],
.controls input[type="date"],
.controls input[type="tel"],
.controls textarea,
.controls button,
.controls select {
  padding: 12px;
  font-size: 14px;
  border: 1px solid #c6c6c6;
  width: 100%;
  margin-bottom: 18px;
  color: #888;
  font-family: 'Raleway', Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 300;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.controls input[type="text"]:focus, .controls input[type="text"]:hover,
.controls input[type="email"]:focus,
.controls input[type="email"]:hover,
.controls input[type="number"]:focus,
.controls input[type="number"]:hover,
.controls input[type="date"]:focus,
.controls input[type="date"]:hover,
.controls input[type="tel"]:focus,
.controls input[type="tel"]:hover,
.controls textarea:focus,
.controls textarea:hover,
.controls button:focus,
.controls button:hover,
.controls select:focus,
.controls select:hover {
  outline: none;
  border-color: #09a70c;
}
.controls input[type="text"]:focus + label, .controls input[type="text"]:hover + label,
.controls input[type="email"]:focus + label,
.controls input[type="email"]:hover + label,
.controls input[type="number"]:focus + label,
.controls input[type="number"]:hover + label,
.controls input[type="date"]:focus + label,
.controls input[type="date"]:hover + label,
.controls input[type="tel"]:focus + label,
.controls input[type="tel"]:hover + label,
.controls textarea:focus + label,
.controls textarea:hover + label,
.controls button:focus + label,
.controls button:hover + label,
.controls select:focus + label,
.controls select:hover + label {
  color: #00c512;
  cursor: text;
}
.controls .fa-sort {
  position: absolute;
  right: 10px;
  top: 17px;
  color: #999;
}
.controls select {
  -moz-appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
}
.controls label {
  position: absolute;
  left: 8px;
  top: -15px;
  width: auto;
  color: #999;
  font-size: 16px;
  display: inline-block;
  padding: 4px 10px;
  font-weight: 400;
  background-color: rgba(255, 255, 255, 0);
  -moz-transition: color 0.3s, top 0.3s, background-color 0.8s;
  -o-transition: color 0.3s, top 0.3s, background-color 0.8s;
  -webkit-transition: color 0.3s, top 0.3s, background-color 0.8s;
  transition: color 0.3s, top 0.3s, background-color 0.8s;
  background-color: white;
}
.controls label.active {
  top: -11px;
  color: #555;
  background-color: white;
  width: auto;
}
.controls textarea {
  resize: none;
  height: 200px;
}

button {
  cursor: pointer;
  background-color: #1b3d4d;
  border: none;
  color: #fff;
  padding: 12px 0;
  float: right;
}
button:hover {
  background-color: #224c60;
}

.clear:after {
  content: "";
  display: table;
  clear: both;
}

.grid {
  background: white;
}
.grid:after {
  /* Or @extend clearfix */
  content: "";
  display: table;
  clear: both;
}
.flating [class*='col-'] {
    float: left;
}
[class*='col-'] {
  /* float: left; */
}
.grid [class*='col-']:last-of-type {
  padding-right: 0;
}

.col-2-3 {
  width: 66.66%;
}

.col-1-3 {
  width: 33.33%;
}

.col-1-2 {
  width: 50%;
}

.col-1-4 {
  width: 25%;
}

@media (max-width: 760px) {
    .doze-img {height:345px;}
.doze-text {height:345px;}
  .col-1-4-sm, .col-1-3, .col-2-3 {
    width: 100%;
  }

  [class*='col-'] {
    padding-right: 0px;
  }
}
.col-1-8 {
  width: 12.5%;
}
.background-reservation{
    height: 100vh;
    background-image: url(../img/silver.jpg);
    background-size:height:350px;
    background-position: 84% 100%;
    -webkit-clip-path: circle(45% at 50% 50%);
    clip-path: circle(45% at 50% 50%);
    margin-bottom: 3em;
    position: relative;
    overflow: hidden;
    color: #000000;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size:650px 650px;
}

.food-itm{
    -webkit-clip-path: circle(93.3% at 49% 0);
clip-path: circle(93.3% at 49% 0);
padding:5em 0;
}
.box-item-food{
	height:auto;
	overflow:hidden;
}
.box-item-food img{
	width:100%;
	min-height: 100%;
	height: auto;
	}

.food-item{
	padding:11em 0;
}
.restorant{
	background-image: url(../img/restorant.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
.box-title-resipie h1{
    display:none;
    transition-timing-function: ease-in-out;
    animation: fadeOut 1s;
    overflow: hidden;
    transition-duration: 3s;
}
.box-title-resipie:hover h1{
   position: absolute;
   top: 0;
   font-weight: 200;
   overflow: visible;
   display: block;
   font-size: 30px;
   transition-delay: 1s;
   background-color: #3c763d;
   color: white;
   padding: 10px;
   transition-timing-function: ease-in-out;
   animation: fadeInUp 1s;
}
.box-title-resipie:hover{
	-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
/*
traff and packages box-pack
================================ */
.box-pack{
    
}
.box-pack-img{
    
}
.box-pack-img img{
    
}
table {
	width: 100%;
	border-collapse: collapse;
	overflow: hidden;
	box-shadow: 0 0 20px rgba(0,0,0,0.1);
}

th,
td {
	padding: 15px;
	background-color: rgba(255,255,255,0.2);
	color: #000;
}

th {
	text-align: left;
}

thead th {
	background-color: #03710c;
    color: white;
	
}

tbody tr:hover{
	background-color: rgba(255,255,255,0.3);
}

tbody td {
		position: relative;
		text-align: left;
}
tbody td:hover:before{
				content: "";
				position: absolute;
				left: 0;
				right: 0;
				top: -9999px;
				bottom: -9999px;
				background-color: #3c763d36;
				z-index: -1;
}
/*
packages
================================ */
.img-munnar{
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
}
.img-munnar img{
	display: inline-block;
	width: 180px;
	height: 180px;
	flex-wrap: wrap;
	color: white;
	margin: 6px;
	text-align: center;
}
@media (min-width: 320px){
	.img-munnar{
		flex-wrap:wrap;
	}
}
@media all and (min-width: 1001px){
	.img-munnar{
		flex-wrap:nowrap;
	}
	.img-munnar img{
	width: 140px;
	}
}
@media all and (min-width: 2000px){
	.img-munnar{
		flex-wrap:nowrap;
	}
}

/*
lightbox
================================ */
.lb-image-caption{
	color: black;
	text-transform: capitalize;
	text-decoration: none;
}
.lb-image-caption:hover{
	text-decoration: none;
}
.slideshow {
  list-style: none;
  z-index: 1;
}
.slideshow li span {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  color: transparent;
  background-size: cover;
  background-position: center;
  background-repeat: none;
  opacity: 0;
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-animation: imageAnimation 24s linear infinite 0s;
  -moz-animation: imageAnimation 24s linear infinite 0s;
  animation: imageAnimation 24s linear infinite 0s;
}
.slideshow li h3 {
  position: absolute;
  text-align: center;
  z-index: 2;
  bottom: 150px;
  left: 0;
  right: 0;
  opacity: 0;
  font-size: 4.0625em;
  font-family: 'Raleway', Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  color: #fff;
  -webkit-animation: titleAnimation 24s linear 1 0s;
  -moz-animation: titleAnimation 24s linear 1 0s;
  animation: titleAnimation 24s linear 1 0s;
}
@media only screen and (min-width: 768px) {
  .slideshow li h3 {
    bottom: 30px;
    font-size: 8.125em;
  }
}
@media only screen and (min-width: 1024px) {
  .slideshow li h3 {
    font-size: 10.9375em;
  }
}

.slideshow li:nth-child(1) span {
  background-image: url(../img/silvertipsZ.jpg);
}

.slideshow li:nth-child(2) span {
  background-image: url(../img/silvertipsV.jpg);
  -webkit-animation-delay: 6s;
  -moz-animation-delay: 6s;
  animation-delay: 6s;
}

.slideshow li:nth-child(3) span {
  background-image: url(../img/silvertipsX.jpg);
  -webkit-animation-delay: 12s;
  -moz-animation-delay: 12s;
  animation-delay: 12s;
}

.slideshow li:nth-child(4) span {
  background-image: url(../img/banner.jpg);
  -webkit-animation-delay: 18s;
  -moz-animation-delay: 18s;
  animation-delay: 18s;
}

@-webkit-keyframes imageAnimation {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: ease-in;
  }
  12.5% {
    opacity: 1;
    -webkit-animation-timing-function: ease-out;
  }
  25% {
    opacity: 1;
  }
  37.5% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes imageAnimation {
  0% {
    opacity: 0;
    -moz-animation-timing-function: ease-in;
  }
  12.5% {
    opacity: 1;
    -moz-animation-timing-function: ease-out;
  }
  25% {
    opacity: 1;
  }
  37.5% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes imageAnimation {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  12.5% {
    opacity: 1;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  25% {
    opacity: 1;
  }
  37.5% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes titleAnimation {
  0% {
    opacity: 0;
  }
  12.5% {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  37.5% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes titleAnimation {
  0% {
    opacity: 0;
  }
  12.5% {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  37.5% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes titleAnimation {
  0% {
    opacity: 0;
  }
  12.5% {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  37.5% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.no-cssanimations .slideshow li span {
  opacity: 1;
}
.slideshow span:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 50%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 50%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
}
/*
tharif pckages page
================================ */
.tharif-pack{
    
}
.head-tharif{
    padding: 0px;
    border: 1px solid #d2b98d;
}
.img-tharif{
    
}
.img-tharif img{
    -webkit-transition: all 0.3s linear 0ms;
    -khtml-transition: all 0.3s linear 0ms;
    -moz-transition: all 0.3s linear 0ms;
    -ms-transition: all 0.3s linear 0ms;
    -o-transition: all 0.3s linear 0ms;
    transition: all 0.3s linear 0ms;
}
.img-tharif img {
    width: 100%;
    max-width: 100%;
    height: 230px;
}

.content-tharif{
    display: flex;
    padding: 15px 10px;
}
.content-tharif h1{
	font-weight:300;
	line-height: 1;
	margin: 0;
	flex: auto;
	padding: 0;
	font-size:24px;
}
.price-package{
    padding: 0;
    text-align: right;
    flex: auto;
}
.price-package svg{
}
.price-package a{
	padding: 0 10px;
}
.content-tharif-p:before{
	content:'';
	position: relative;
	width:80%;
	top: 0;
	margin: 10px auto;
	display: block;
	height:1px;
	background-color: #d2b98d;
}
.content-tharif-p{
    text-align: justify;
    padding: 10px;
}
/*
fecility page
================================ */
.right-side-fs{
       background-image: url(../img/facilities2.jpg);
       height: 300px;
       margin: 0 0 3em 0;
       background-size: contain;
           background-repeat: no-repeat;
}
.right-side-fs img{
    
}
.right-fecility{
    background-image: url(../img/silver1.jpg);
    height: 300px;
    background-size: cover;
    background-position: bottom;
    margin: 0 0 3em 0;
    background-repeat: no-repeat;
}
.right-fecility-1{
    background-image: url(../img/contact1.jpg);
    height: 300px;
    background-size: cover;
    background-position: bottom;
    margin: 0 0 3em 0;
    background-repeat: no-repeat;
}
.property-fs{
     background-image: url(../img/property-fs.jpg);
    height: 300px;
    background-size: cover;
    background-position: bottom;
    margin: 0 0 3em 0;
    background-repeat: no-repeat;
}
/*
Accommodation page
================================ */
.Acco-img{
    background-image: url(../img/accomdation.jpg);
    padding: 0;
    height: 300px;
    background-size: cover;
    background-position: bottom;
    margin: 0 0 3em 0;
    background-repeat: no-repeat;
}
.Acco-img ul{padding: 30px;margin: 0;text-align: left;width: 100%;height: 100%;display: inline-block;background-color: #3c763d5c;-webkit-clip-path: circle(35% at 15% 44%);clip-path: circle(64% at 15% 44%);}
.Acco-img li{
	color: white;
	list-style: none;
}
/*
sub heading
================================ */
.sub-heding{
	text-align: center;
	display: block;
	height: 100%;
	width: auto;
}
.sub-heding h1{
	font-weight: 300;
	line-height: 1;
}
.sub-heding h2{
	font-weight: 300;
	font-size: large;
	color:green;
	margin:0;
	padding:0;
	line-height: 1;
}
.sub-heding h2:after{
	content: '';
    position: relative;
    height: 2px;
    width: 50%;
    background-color: green;
    display: flex;
    margin: 0 auto;
}
.sub-heding span{
font-family: 'Raleway', Helvetica, Arial, sans-serif;
	font-size: 4em;
	color: #9a9a9a61;
}
/*
list-fecility list style-1
================================ */
.list-fecility{
    display:inline-block;
    padding: 2em;
}
.list-fecility ul{
	padding: 0;
	margin: 0;
}
.list-fecility li{
	text-transform: uppercase;
	background-color: none;
	list-style: none;
	display: flex;
	transition-duration:0.2s;
	padding: 0 5px 0px 0;
}
.list-fecility li:hover{
	color:#ffffff;
	transition-duration:0.1s;
	background-color:#3c763d;
}
.list-fecility li:hover span{
	color:#ffffff;
}
.list-fecility li span{
	color: #378337;
	font-size: 25px;
	font-weight: 500;
	padding: 0 5px;
}
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 414px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
	
}
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1) { 
  .list-fecility ul{
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	}
}