/*INDEX*/



body{
	font-family:Tahoma;
	color:#7a7979;
	letter-spacing:1px;
	font-size:14px;
	
}

  
/* ===== TOPBAR ===== */
.topbar {
  position: fixed;
  top: 0;
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #000;
  
  z-index: 1100;
}

.topbar .social-icons a {
  color: #fff;
  margin: 0 5px;
  
  text-decoration: none;
}



/* ===== NAVBAR ===== */
.navbar {
  position: fixed;
  top: 50px; /* directly under topbar */
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(255,255,255,0.4);
  backdrop-filter: blur(6px);
  padding: 10px 20px;
  transition: background 0.3s ease;
  z-index: 1000;
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

.navbar.scrolled {
  background: rgba(255,255,255,0.9);
}

/* container for navbar items */
.navbar-container {
  display: flex;
  align-items: center;
  justify-content: space-between; /* distribute space between logos/menu/button */
  gap: 30px;
  flex-wrap: nowrap;
  overflow-x: auto;

  padding: 0 20px;
}

/* hide horizontal scrollbar */
.navbar-container::-webkit-scrollbar { display: none; }
.navbar-container { -ms-overflow-style: none; scrollbar-width: none; }

/* logos */
.navbar .logo-left img,
.navbar .logo-right img {
  
  width: auto;
  flex-shrink: 0;
}

/* nav menu */
.navbar ul {
  display: flex;
  
  list-style: none;
  margin: 0;
  padding: 0;
  align-items: center;
  flex-shrink: 0;
  transition: max-height 0.3s ease;
}

.navbar ul li a {
  text-decoration: none;
  color: #000;
  font-size: 13px;
  letter-spacing:1.6px;
  padding:10px;
  
}

.navbar ul li a:hover {
  text-decoration: none;
  color: #e1a218;
  
}


.a-click{
	border:1px solid #e1a218;
	color:#e1a218;}





/* booking button */
.navbar .booking-btn {
	font-family: 'Great Vibes', cursive;
  background: #e1a218;
  color: #000;
  border: 1px solid #e1a218;
  padding: 8px 10px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 17px;
  flex-shrink: 0;
  transition: 0.3s;
  
}

.navbar .booking-btn:hover {
  background: #fff;
  color: #e1a218;
  border: 1px solid #e1a218;
}





.navbar .booking-btn a {
	
  color: #000;
  cursor: pointer;
  text-decoration:none;
  
  
}

.navbar .booking-btn a:hover {
  
  color: #e1a218;
  text-decoration:none;
}











/* menu toggle for mobile */
.menu-toggle {
    display: none;           /* hidden desktop */
    flex-direction: column;
    cursor: pointer;
    position: absolute;      /* fix position */
    right: 20px;             /* right side */
    top: 50%;                /* vertically center inside navbar */
    transform: translateY(-50%);
    z-index: 1200;
}

.menu-toggle span {
    height: 3px;
    width: 25px;
    background: #000;
    margin: 4px 0;
}




/* ===== MOBILE ===== */
@media (max-width: 900px) {
  .navbar-container {
    justify-content: space-between;
	
	
  }
   .navbar{
	   box-shadow: 0 4px 6px rgba(0,0,0,0.1);
	   position: relative;
	   backdrop-filter: none; /* remove blur */
       
        transition: none; 
		background-color:#fff;      /* optional, remove transition on mobile */
	   
	   }
  

  .navbar ul {
    position: absolute;
    top: 70px;
    left: 0;
    right: 0;
    background: rgba(255,255,255,0.90);
    flex-direction: column;
    align-items: center;
    display: none; /* hide initially */
    gap: 15px;
    padding: 10px 0;
	width:100%;
	border:2px solid #e1a218;
	
	
	
	
	
	
  }

  .navbar ul.active {
    display: flex;
  }






  .menu-toggle {
    display: flex;
  }
}











/* nav*/







/*home*/

.welcome-Rows{
	background-image:url(../images/home-bg1.jpg);
	
	margin-top:-25px;
	
	background-repeat:no-repeat;
	background-position:left;
	padding-bottom:40px;
	
	
	
}

.welcome-col{
	background-color:#fff;
	margin-top:40px;
	padding:20px;}
















.welcome-row{
	border-left:4px solid #e1a218;
	padding-left:15px;
	
		
	}
	
.hd-1{
	color:#7a7979;
	font-size:50px;
	letter-spacing:10px;
	text-shadow: 2px 7px 2px rgba(150, 150, 150, 0.2);
	
	
	}	
	
.hd-1-sub{
	color:#0a7db3;
	font-size:28px;
	letter-spacing:5px;
	margin-top:-10px;
	}
	
.hd-1-sub span{
	color:#e1a218;
	}
	
	
	.hd-1-sm{
	color:#7a7979;
	
	letter-spacing:10px;
	text-shadow: 2px 7px 2px rgba(150, 150, 150, 0.2);	
		
	}	
	
.hd-1-sub-sm{
	color:#0a7db3;
	font-size:15px;
	letter-spacing:5px;
	margin-top:-10px;
	
	}
	
.hd-1-sub-sm span{
	color:#e1a218;
	}	

	.navbar-fixed-top.scrolled {
  background-color: #eeeae7 !important;
  transition: background-color 200ms linear;
  
}
	
	
	
	
.hd-page-main span{
	
	padding:7px;
	color:#000;
	letter-spacing:3px;
	border-bottom:0px solid #e1a218;
	border-top:0px solid #e1a218;
	border-left:13px solid #e1a218;
	border-right:13px solid #e1a218;
	
	}
	
	
	.hd-page-main{
		

	}
	
	
		
.para-1{
	font-size:14px;
	color:#7a7979;
	
	}	
			
.hd-page span{
	border-bottom:1px solid #e1a218;
	padding-bottom:7px;
	color:#0a7db3;
	letter-spacing:2px;
	
	
	}


/*tab*/





.tabpanel__tab {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
 
}
.tabpanel__tab:checked + .tabpanel__tablabel {
  background: #f7f7f7;
  border:1px solid #e1a218;
 
  color:#e1a218;
}


.tabpanel__tablabel:hover {
 
  color:#e1a218;
}







.tabpanel__tablabel {
  flex: 0 1 auto;
  padding: 12px;
 
  color: #7a7979;
  font-weight:normal;
  letter-spacing:2px;
 
   
  
}
.tabpanel__tablabel:hover {
  cursor: pointer;
}

.tabpanel__panel {
  display: none;
  

  
}
.tabpanel__panel > *:first-child {
  margin-top: 0;
}
.tabpanel__panel > *:last-child {
  margin-bottom: 0;
}
.tabpanel__panel > * + * {
  margin-top: 24px;
}

#tabpanel__tab-1:checked ~ .tabpanel__panels #tabpanel__panel-1,
#tabpanel__tab-2:checked ~ .tabpanel__panels #tabpanel__panel-2,
#tabpanel__tab-3:checked ~ .tabpanel__panels #tabpanel__panel-3,
#tabpanel__tab-4:checked ~ .tabpanel__panels #tabpanel__panel-4,
#tabpanel__tab-5:checked ~ .tabpanel__panels #tabpanel__panel-5 {
  display: block;
  position: relative;
  top: 0px;
}

.media__body > * {
  margin: 0;
}
.media__body > p + p,
.media__body > p + h2 {
  margin-top: 24px;
}

.media {
  display: flex;
}
@media screen and (max-width: 600px) {
  .media {
    flex-direction: column;
    align-items: flex-start;
  }
  .media .media__img {
    margin: 0 auto;
  }
  .media .media__img + .media__body {
      }
}
@media screen and (min-width: 601px) {
  .media {
    align-items: flex-start;
  }
  .media .media__img {
    flex: 0 1 auto;
    height: auto;
  }
  .media .media__img + .media__body {
    margin: 24px 105px 24px 18px;
  }
}

.tabpanel {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
@media screen and (max-width: 600px) {
  .tabpanel {
    flex-direction: column;
  }
  .tabpanel .tabpanel__tablabel {
    padding: 24px 36px;
  }
  .tabpanel .tabpanel__tablabel + .tabpanel__tab + .tabpanel__tablabel {
    margin-top: 6px;
  }
  .tabpanel .tabpanel__tab:checked ~ .tabpanel__panels {
    order: 1;
  }
  .tabpanel .tabpanel__tab:not(:checked) + .tabpanel__tablabel {
    order: initial;
  }
  .tabpanel #tabpanel__tab-1 + .tabpanel__tablabel {
    order: 1;
  }
  .tabpanel #tabpanel__tab-1:checked ~ .tabpanel__panels {
    order: 1;
  }
  .tabpanel #tabpanel__tab-2 + .tabpanel__tablabel {
    order: 2;
  }
  .tabpanel #tabpanel__tab-2:checked ~ .tabpanel__panels {
    order: 2;
  }
  .tabpanel #tabpanel__tab-3 + .tabpanel__tablabel {
    order: 3;
  }
  .tabpanel #tabpanel__tab-3:checked ~ .tabpanel__panels {
    order: 3;
  }
  .tabpanel #tabpanel__tab-4 + .tabpanel__tablabel {
    order: 4;
  }
  .tabpanel #tabpanel__tab-4:checked ~ .tabpanel__panels {
    order: 4;
  }
  .tabpanel #tabpanel__tab-5 + .tabpanel__tablabel {
    order: 5;
  }
  .tabpanel #tabpanel__tab-5:checked ~ .tabpanel__panels {
    order: 5;
  }
  .tabpanel .tabpanel__panel {
    padding: 0 12px 12px 12px;
  }
}
@media screen and (min-width: 601px) {
  .tabpanel {
    flex-direction: row;
  }
  .tabpanel .tabpanel__tablabel {
    flex: 0 1 auto;
    padding-left: 24px;
    padding-right: 24px;
  }
  .tabpanel .tabpanel__tablabel + .tabpanel__tab + .tabpanel__tablabel {
    margin-left: 6px;
  }
  .tabpanel .tabpanel__panel {
    padding: 12px;
  }
  .tabpanel .tabpanel__panels {
    flex: 1 1 100%;
  }
}

/*end tab*/


.read-more2{
	
	border:1px solid #e1a218;
	border-right:0px solid #e1a218;
	padding:7px;
	color:#fff;
	margin-left:-50px;}

.read-more2:hover{
	text-decoration:none;
	background-color:#e1a218;
	border:1px solid #000;
	color:#000;
	cursor:pointer;
	}







.read-more{
	background-color:#fff;
	border:1px solid #e1a218;
	border-right:0px solid #e1a218;
	padding:7px;
	color:#7a7979;
	margin-left:-50px;}

.read-more:hover{
	text-decoration:none;
	background-color:#e1a218;
	border:1px solid #fff;
	color:#fff;
	cursor:pointer;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	.read-more-xs{
	background-color:#fff;
	border:1px solid #e1a218;
	padding:7px;
	color:#e1a218;
	margin-left:55px;
	
	}

.read-more-xs:hover{
	text-decoration:none;
	background-color:#e1a218;
	border:1px solid #fff;
	color:#fff;
	cursor:pointer;
	}
	
	
	
	

.tab-para{
	font-size:12px;
	
	}
	
.search-bg{
	background-image:url(../images/bg2.jpg);
	padding-bottom:30px;
	background-repeat:no-repeat;
	height:270px;
	
	}	
	
	
	.trip-btn{
	
		
		background-color:#e1a218;
		padding:35px;
		
		padding-top:20px;
		padding-bottom:20px;
		}
	
.trip-btn_a{
		color:#fff;
		
		
		
		}	
	
	.trip-img{
		padding:2px;
		border:1px solid  #999;
		background-color:#fff;
		}
	
	.trip-btn_a:hover{
		color:#fff;
		text-decoration:none;
		
		
		}	
	
	
	
	
	/*date picker*/
	

.date-picker {
 
  border:1px solid #e1a218;
  
}

.date-picker {
  width: 100%;
  height: auto;
  max-height: 40px;
  background: white;
  position: relative;
  overflow: hidden;
  transition: all 0.3s 0s ease-in-out;
}
.date-picker .input {
  width: 100%;
  height: 40px;
  font-size: 0;
  cursor: pointer;
}
.date-picker .input .result, .date-picker .input button {
  display: inline-block;
  vertical-align: top;
}
.date-picker .input .result {
  width: calc(100% - 50px);
  height: 40px;
  line-height: 50px;
  font-size: 16px;
  padding: 0 10px;
  color: grey;
  box-sizing: border-box;
}
.date-picker .input button {
  width: 40px;
  height: 40px;
  background-color:#fff;
  color: #7a7979;
  
  border: 0;
  font-size: 18px;
  padding: 0;
}
.date-picker .input button:hover {
  background-color: #fff;
  color: #e1a218;
}
.date-picker .input button:focus {
  outline: 0;
}
.date-picker .calendar {
  position: relative;
  width: 100%;
  background: #fff;
  border-radius: 0px;
  overflow: hidden;
}
.date-picker .ui-datepicker-inline {
  position: relative;
  width: 100%;
}
.date-picker .ui-datepicker-header {
  height: 100%;
  line-height: 40px;
  background: #e1a218;
  color: #fff;
  margin-bottom: 10px;
}
.date-picker .ui-datepicker-prev, .date-picker .ui-datepicker-next {
  width: 20px;
  height: 20px;
  text-indent: 9999px;
  border: 2px solid #fff;
  border-radius: 100%;
  cursor: pointer;
  overflow: hidden;
  margin-top: 12px;
}
.date-picker .ui-datepicker-prev {
  float: left;
  margin-left: 12px;
}
.date-picker .ui-datepicker-prev:after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  margin: -43px 0px 0px 8px;
}
.date-picker .ui-datepicker-next {
  float: right;
  margin-right: 12px;
}
.date-picker .ui-datepicker-next:after {
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
  margin: -43px 0px 0px 6px;
}
.date-picker .ui-datepicker-prev:after, .date-picker .ui-datepicker-next:after {
  content: "";
  position: absolute;
  display: block;
  width: 4px;
  height: 4px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
.date-picker .ui-datepicker-prev:hover, .date-picker .ui-datepicker-next:hover, .date-picker .ui-datepicker-prev:hover:after, .date-picker .ui-datepicker-next:hover:after {
  border-color: #68768A;
}
.date-picker .ui-datepicker-title {
  text-align: center;
}
.date-picker .ui-datepicker-calendar {
  width: 100%;
  text-align: center;
}
.date-picker .ui-datepicker-calendar thead tr th span {
  display: block;
  width: 100%;
  color: #7a7979;
  margin-bottom: 5px;
  font-size: 13px;
}
.date-picker .ui-state-default {
  display: block;
  text-decoration: none;
  color: #b5b5b5;
  line-height: 40px;
  font-size: 12px;
}
.date-picker .ui-state-default:hover {
  background: rgba(0, 0, 0, 0.02);
}
.date-picker .ui-state-highlight {
  color: #7a7979;
}
.date-picker .ui-state-active {
  color: #67a7979;
  background-color: rgba(131, 146, 167, 0.12);
  font-weight: 600;
}
.date-picker .ui-datepicker-unselectable .ui-state-default {
  color: #eee;
  border: 2px solid transparent;
}
.date-picker.open {
  max-height: 400px;
  border:1px solid #eee;
}
.date-picker.open .input button {
  background: #fff;
  
}

	
	/*end date picker*/
	
.selct-dro{
	height:30px;
	border:1px solid #e1a218;
	width:100%;
	}	
	
	.search-col{
		
		
		border:2px solid #e1a218;
		padding:16px;
		background-color:rgba(255,255,255, 0.60);
	
		}
	
	.name{
		color:#7a7979;
		}
	
.hd-search{
	color:#e1a218;
	margin-top:-5px;
	}	
.search-btn{
	height:30px;
	widows:70px;
	background-color:#e1a218;
	color:#fff;
	margin-top:10px;
	border:none;
	

	}	
	
	
	
	
	
.hd-sub{
	
	margin-left:30px;
	margin-top:15px;}	
	
	
	
.hd-sub2{
	
	margin-left:75px;
	margin-top:-7px;}	
	

.home-bg2{
	background-image:url(../images/home-bg2.jpg);
	padding-top:30px;
	padding-bottom:30px;
 }

	
	
.fcltt-lnkRow{
	background-image:url(../images/f1.jpg);
	height:157px;
	background-repeat:no-repeat;
	background-position:left;
	
	}	
	
	
.fcltt-lnkRow2{
	background-image:url(../images/f2.jpg);
	height:157px;
	background-repeat:no-repeat;
	background-position:left;
	}	
	

.fcltt-lnkRow3{
	background-image:url(../images/f3.jpg);
	height:157px;
	background-repeat:no-repeat;
	background-position:left;
	}	
	
	
	.fcltt-lnkRow4{
	background-image:url(../images/f4.jpg);
	height:157px;
	background-repeat:no-repeat;
	background-position:left;
	}	
	
	
.fcltt-lnkRow5{
	background-image:url(../images/f5.jpg);
	height:157px;
	background-repeat:no-repeat;
	background-position:left;
	}		
	
	.fcltt-lnkRow6{
	background-image:url(../images/f6.jpg);
	height:157px;
	background-repeat:no-repeat;
	background-position:left;
	}	
	
	
	
	.fcltt-lnkRowXS{
	background-image:url(../images/f1.jpg);
	height:150px;
	background-repeat:no-repeat;
	background-position:left;
	border:3px solid #fff;
	}	
	
	
.fcltt-lnkRow2XS{
	background-image:url(../images/f2.jpg);
	height:150px;
	background-repeat:no-repeat;
	background-position:right;
	border:3px solid #fff;
	}	
	

.fcltt-lnkRow3XS{
	background-image:url(../images/f3.jpg);
	height:150px;
	background-repeat:no-repeat;
	background-position:left;
	border:3px solid #fff;
	}	
	
	
	.fcltt-lnkRow4XS{
	background-image:url(../images/f4.jpg);
	height:150px;
	background-repeat:no-repeat;
	background-position:right;
	border:3px solid #fff;
	}	
	
	
.fcltt-lnkRow5XS{
	background-image:url(../images/f5.jpg);
	height:150px;
	background-repeat:no-repeat;
	background-position:left;
	border:3px solid #fff;
	}		
	
	.fcltt-lnkRow6XS{
	background-image:url(../images/f6.jpg);
	height:150px;
	background-repeat:no-repeat;
	background-position:right;
	border:3px solid #fff;
	}	
	
	
	.img-box{
		padding-right:5px;
		padding-left:0px;
		padding-top:5px;
		padding-bottom:0px;
		
		
		}
		
	 
		
	.img-box2{
		padding-right:0px;
		padding-left:5px;
		padding-top:5px;
	padding-bottom:0px;
		}
	 	 
	.img-box3{
		
		 padding:5px;
		
		}	 
		 
		 
		 
/*end home*/



/*footer*/

.manjakunnel-div{
	height:20px;
	}


.manjakunnel{
	margin-top:-30px;
	
	

	}


.ftr-bg{
	background-color:#292e31;
	padding-bottom:10px;
	
	}

.ftrP1{
	margin-top:-54px; 
	text-align:right;
	 color:#fff;
	 font-size:13px;
	 line-height:22px;
	}



.ftrP2{
	text-align:center;
	 color:#fff;
	  border:1px solid #e1a218;
	   border-bottom:0px solid #e1a218;
	     padding-left:30px;
		 padding-right:30px;
		 font-size:13px;
		
	}


.ftrP3{
	border:1px solid #e1a218;
	padding:10px;
	text-align:center;
	padding-left:10px;
	
	
	
		}
		
		
	.ftrP3:hover{
	border:1px solid #302e2e;
	
	
	
		}	
		
		
		
		
		
		
		
		
		

.ftrP5 a{
	
	border:1px solid #302e2e;
	padding:5px;
	padding-top:9px;
	padding-bottom:9px;
		}


.ftrP3 a{
	
	border:1px solid #302e2e;
	padding:5px;
	padding-top:9px;
	padding-bottom:9px;
		}









.ftrP5 a:hover{
	
	cursor: pointer;
	border:1px solid #e1a218;
	
		}



.ftrP3 a:hover{
	border:1px solid #e1a218;
	cursor: pointer;
	
		}







.ftrP4{
	margin-top:-52px; 
	text-align:left;
	 color:#fff;
	 font-size:13px;
	}

.copyRow{
	
	padding-top:5px;
	 background-color:#23272a;
	}
	


.copy{
	color:#fff;
	text-align:center;
	font-size:12px;
	
	
	}

.copy a{
	color:#e1a218;

	}


.copy a:hover{
	color:#55a8d1;
	text-decoration:none;
	cursor: pointer;
	
	}


/*footer end*/


/*about*/


	
.abtimg1{
	border-radius:50%;
	border:1px solid #e1a218;
	padding:6px;
	background-color:#fff;
	}	
	
.abtimg2{
	border-radius:50%;
	 margin-top:-150px;
	 border:1px solid #e1a218;
	padding:6px;
	background-color:#fff;
	}		
	
.abtimg3{
	border-radius:50%;
	margin-top:-70px;
	border:1px solid #e1a218;
	padding:6px;
	background-color:#fff;
	}		
	
	
	
	
	.abtimgxs1{
	border-radius:50%;
	border:1px solid #e1a218;
	padding:4px;
	background-color:#fff;
	}	
	
.abtimgxs2{
	border-radius:50%;
	margin-top:-90px;
	border:1px solid #e1a218;
	padding:6px;
	background-color:#fff;
	}		
	
.abtimgxs3{
	border-radius:50%;
	margin-top:-40px;
	border:1px solid #e1a218;
	padding:4px;
	background-color:#fff;
	}		
	


/*end about*/

/*facilities*/


	
	
	
	
.row1{
	border:1px solid #efefef;
	border-left:15px solid #efefef;
	
	padding:10px;}	
	

	

.img-row{
	border:1px solid #efefef;
	padding:10px;
	border:1px solid #efefef;
		}	
	

.row1 h5{
	color: #000;
	
	text-transform:uppercase;
	font-size:14px;
	padding-bottom:0px;}

.row1 p{
	
	text-align:justify;
	
	}



.fclty-col1{

	border:1px solid #efefef;
	padding:10px;
	
	
	
	}
	
.fclty-col12{

	border:1px solid #efefef;
	padding:10px;
	
	}	
	
	
.fclty-col1:hover{

	border:1px solid #e1a218;
	padding:10px;
	
	}
	
.fclty-col12:hover{

	border:1px solid #e1a218;
	padding:10px;
	
	}	
	
	

	
	

/*end facilities*/


/*gallery*/
.gal-img{
	border:1px solid #949392;
	padding:5px;
	
	}
	
	
	
	.gal-img:hover{
	border:1px solid #e1a218;
	padding:5px;
	
	}
	
	
	
	
/*gallery*/


/*contact*/
#contact-in1, #contact-in2, #contact-in3, #contact-inc{
	
	border:1px solid #efefef;
	padding-bottom:20px;
	padding-top:20px;
	border-radius:0px;
	color:#e1a218;
	letter-spacing:2px;
	
	
	}
	
	
	#contact-in1:focus,#contact-in2:focus, #contact-in3:focus, #contact-inc:focus{
		box-shadow:none;
		border:1px solid #e1a218;
		color:#ccc;
		letter-spacing:1px;}
	
	
	
	#contact-in1:hover,#contact-in2:hover, #contact-in3:hover, #contact-inc:hover{
		box-shadow:none;
		border:1px solid #e1a218;
		color:#ccc;
		letter-spacing:1px;}
	
	
	
	
	
	
	
#contact-submit{
	background-color: #e1a218;
	height:50px;
	border-radius:0px;
	font-size:18px;
	letter-spacing:2px;
	color:#fff;
	width:140px;
	border:none;
	
	}	
	
	
	
#contact-submit:focus, #contact-submit:hover{
	box-shadow:none;
	background-color: #fff;
	border:1px solid #efefef;
	color: #e1a218;
	
	}	
	
	
.adrs-hdBG{
	border:1px solid #efefef;
	height:290px;
	
	}	
	
	
.adrs-hd{
	background-color:#efefef;
	 padding:10px;
	  height:290px;
	   width:50px;
	    margin-top:-1px; 
		line-height:40px;
		 color:#fff;
		 font-weight:bold;
		 
	}







	
	
	.adrs-p{
		font-size:14px;
		margin-top:-10px;
		padding-left:20px;
		}
	
.adrs-social{
	border:1px solid #7a7979;
	width:220px;
	
	padding-top:8px;
	padding-bottom:4px;
	text-align:center;
	}	
	
	.adrs-social2{
	border:1px solid #7a7979;
	width:220px;
	padding-top:4px;
	padding-bottom:4px;
	text-align:center;
	}	
	
	
	
	
	
.adrs-social:hover{
	border:1px solid #fff;
	
	}	
	
	.adrs-social2:hover{
	border:1px solid #fff;
	
	}	
	
	
	.adrs-social a{
	border:1px solid #fff;
	padding:4px;
	
	}	
	
	.adrs-social2 a{
	border:1px solid #fff;
	padding:4px;
	}	
	
	
	
	
	
	
	
	
	
	
	
	
.adrs-social a:hover{
	border:1px solid #7a7979;
	
	}	
	
	.adrs-social2 a:hover{
	border:1px solid #7a7979;
	
	}	
		
		
/*end contact*/




.f-imgs{
	padding:4px;
	border:1px solid #7a7979;
	border-radius: 50px  0px 50px 0px;}



.f-imgs2{
	padding:4px;
	border:1px solid #7a7979;
	border-radius: 0px  50px 0px 50px;}


.f-imgs3{
	padding:4px;
	border:1px solid #7a7979;
	border-radius: 50px  0px 50px 0px;}


.f-imgs:hover{
	border:1px solid #e1a218;
	}

.f-imgs2:hover{
	border:1px solid #e1a218;}


.f-imgs3:hover{
	border:1px solid #e1a218;}


.tab-para{
	font-size:12px;
color:#7a7979;
	
	}

.img-fctr{
	border:1px solid #e1a218;
	padding:5px;}

.vdo{
	border:1px solid #e1a218;
	padding:5px;
	}










/*button*/



.portfolio-experiment, .scene {
  height: 18vh;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-display: flex;
  -webkit-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: -60px;
  justify-content: center;
  align-items: center;
  -webkit-justify-content: center;
  -webkit-align-items: center;
}

.portfolio-experiment {
	background:none;
 
}
.portfolio-experiment a {
  color: white;
  padding: 0.7em calc(0.7em * 1.2);
  display: inline-block;
  border: 2px solid transparent;
  position: relative;
  font-size:18px;
  cursor: pointer;
  letter-spacing:3px;
}
.portfolio-experiment a .text {
  transform: translate3d(0, 0.7em, 0);
  display: block;
  transition: transform 0.4s cubic-bezier(0.2, 0, 0, 1) 0.4s;
}


.portfolio-experiment a:hover {
	text-decoration:none;
	


}


.portfolio-experiment a:after {
  position: absolute;
  content: '';
  bottom: -3px;
  left: calc(0.7em * 1.2);
  right: calc(0.7em * 1.2);
  height: 2px;
  background: #e1a218;
  transition: transform 0.8s cubic-bezier(1, 0, 0.37, 1) 0.2s, right 0.2s cubic-bezier(0.04, 0.48, 0, 1) 0.6s, left 0.4s cubic-bezier(0.04, 0.48, 0, 1) 0.6s;
  transform-origin: left;
  text-decoration:none;
 
}
.portfolio-experiment .line {
  position: absolute;
  background: #e1a218;
}
.portfolio-experiment .line.-right, .portfolio-experiment .line.-left {
  width: 2px;
  bottom: -3px;
  top: -3px;
  transform: scale3d(1, 0, 1);
}
.portfolio-experiment .line.-top, .portfolio-experiment .line.-bottom {
  height: 3px;
  left: -3px;
  right: -3px;
  transform: scale3d(0, 1, 1);
}
.portfolio-experiment .line.-right {
  right: -3px;
  transition: transform 0.1s cubic-bezier(1, 0, 0.65, 1.01) 0.23s;
  transform-origin: top;
}
.portfolio-experiment .line.-top {
  top: -3px;
  transition: transform 0.08s linear 0.43s;
  transform-origin: left;
}
.portfolio-experiment .line.-left {
  left: -3px;
  transition: transform 0.08s linear 0.51s;
  transform-origin: bottom;
}
.portfolio-experiment .line.-bottom {
  bottom: -3px;
  transition: transform 0.3s cubic-bezier(1, 0, 0.65, 1.01);
  transform-origin: right;
}
.portfolio-experiment a:hover .text,
.portfolio-experiment a:active .text {
  transform: translate3d(0, 0, 0);
  transition: transform 0.6s cubic-bezier(0.2, 0, 0, 1) 0.4s;
}
.portfolio-experiment a:hover:after,
.portfolio-experiment a:active:after {
  transform: scale3d(0, 1, 1);
  right: -3px;
  left: -3px;
  transform-origin: right;
  transition: transform 0.2s cubic-bezier(1, 0, 0.65, 1.01) 0.17s, right 0.2s cubic-bezier(1, 0, 0.65, 1.01), left 0s 0.3s;
}
.portfolio-experiment a:hover .line,
.portfolio-experiment a:active .line {
  transform: scale3d(1, 1, 1);
}
.portfolio-experiment a:hover .line.-right,
.portfolio-experiment a:active .line.-right {
  transition: transform 0.1s cubic-bezier(1, 0, 0.65, 1.01) 0.2s;
  transform-origin: bottom;
}
.portfolio-experiment a:hover .line.-top,
.portfolio-experiment a:active .line.-top {
  transition: transform 0.08s linear 0.4s;
  transform-origin: right;
}
.portfolio-experiment a:hover .line.-left,
.portfolio-experiment a:active .line.-left {
  transition: transform 0.08s linear 0.48s;
  transform-origin: top;
}
.portfolio-experiment a:hover .line.-bottom,
.portfolio-experiment a:active .line.-bottom {
  transition: transform 0.5s cubic-bezier(0, 0.53, 0.29, 1) 0.56s;
  transform-origin: left;
}



/*renna*/
.hd-1-sub-sm-about{
	color:#0a7db3;
	font-size:25px;
	letter-spacing:5px;
	margin-top:-10px;
	text-align:right;
	
	}
	
.hd-1-sub-sm-about span{
	color:#e1a218;
	}	
/*renna*/




/*slider home*/

  /* Banner wrapper */
    .banner {
      position: relative;
      width: 100%;
      overflow: hidden;
    }

    /* Responsive Video */
    .banner video {
      width: 100%;     /* always fit width */
      height: auto;    /* auto adjust height */
      display: block;  /* removes unwanted space */
    }