@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400;700&family=Open+Sans:wght@300;400;700&family=Poppins:wght@300;400;700&family=Roboto:wght@300;400;700&display=swap');
 
@font-face {
    font-family: 'brandongrotw01-regularregular';
    src: url('brandon_grot_w01_regular-webfont.woff2') format('woff2'),
         url('brandon_grot_w01_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'brandongrotw01-lightregular';
    src: url('brandon_grot_w01_light-webfont.woff2') format('woff2'),
         url('brandon_grot_w01_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
/*  font-family: 'Merriweather', serif;

    font-family: 'Open Sans', sans-serif; 

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

    font-family: 'Roboto', sans-serif; 
	
	font-family: 'brandongrotw01-regularregular';

*/
body{font-family: 'brandongrotw01-lightregular'; background: #f8e1cf;}
p{color:#2a2a2a;font-size:16px;line-height:1.8;margin:0;padding:0}
a{color:#2a2a2a}
a:hover{color:#a33a52;text-decoration:none} 
.img-fullwidth{width:100%} 
html {
    scroll-behavior: smooth;
  }
/*===============================
	Header CSS 
=================================*/
.header{
	background-color:#f8e1cf; 
}
.header .navbar-collapse{
	padding:0;
} 
/* Logo */
.header .logo { 
	margin:5px 0 5px;
	text-align: center;
} 
.header .header-menu {
	background:url(../images/menu-bg.jpg) 0 0 repeat-x;
	z-index: 3333;
	position: relative;
	padding: 19px 0; 
}
.header .navbar {
	background: none;
	box-shadow: none;
	border: none;
	position: relative;
	padding: 0;
}
.navbar-nav {
	display: block;
}
.header .nav li {
	float: left;
	position: relative;
	margin-right: 5px;
}
.header .nav li:last-child{
	margin-right:0px;
}
.header .nav li a {
	color: #fff;
	font-size: 14px; 
	font-weight: 300;
	text-transform: uppercase;
	padding:9px 35px;
	display: block;
	position: relative;
	text-shadow: none;
}
.header .nav li:hover a, 
.header .nav li.active a {
	color: #fff;
}
.header .nav li a i {
	margin-left: 5px;
}
.header .nav li .dropdown {
	background: #fff;
	width: 220px;
	position: absolute;
	left: 0;
	z-index: 99;
	opacity: 0;
	visibility: hidden;
	-webkit-transform:scale(0.5);
	-moz-transform:scale(0.5);
	transform:scale(0.5);
	-webkit-box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.2);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	margin: 0;
}
.header .nav li:hover .dropdown{
	transform:scale(1.0);
	opacity:1;
	visibility:visible;
}
.header .nav li .dropdown li{
	float:none;
	margin:0;
}
.header .nav li .dropdown li a {
	padding: 10px 15px;
	color: #666;
	display: block;
	font-weight: 400;
	text-transform: capitalize;
	background: transparent;
}
.header .nav li .dropdown li i{
	float:right;
}
.header .nav li .dropdown li:hover a{
	color:#000;
}
.header .nav li .dropdown.submenu{
	left:100%;
	top:0;
	opacity:0;
	visibility:hidden;
	-webkit-transform:scale(0.5);
	-moz-transform:scale(0.5);
	transform:scale(0.5);
}
.header .nav li .dropdown li:hover .dropdown.submenu{
	opacity:1;
	visibility:visible;
	transform:scale(1.0);
}
.header .nav li .dropdown li .dropdown.submenu li a {
	color: #777;
	background: transparent;
}
.header .nav li .dropdown li .dropdown.submenu li:hover a{
	color:#fff;
}
.header .button {
	position: absolute;
	top: 0;
	right: 0;
}
.header .button .btn {
	margin-top:1px; 
	color: #fff;
	background: transparent; 
	box-shadow:none;
	font-weight: bold;
	font-size: 15px;
	padding: 7px 20px;
	border-radius:0;
	text-transform: capitalize;
	border:1px solid #fff ;
}
.header .button .btn:hover{
	color:#252525;
	background:#fff;
	border-color:#fff;
}
.header .button .btn i{
	margin-right:5px;
}
/* Header Sticky */
.header.sticky .header-menu{
	position:fixed;
	width:100%;
	top:0;
	left:0;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease; 
	transition:all 0.4s ease;
	animation: fadeInDown 1s both 0.2s;
	-webkit-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.30);
	-moz-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.30);
	box-shadow:0px 0px 10px rgba(0, 0, 0, 0.30);
}
/*===============================
	End Header CSS 
=================================*/		

/*===============================
	Slider CSS 
=================================*/
.home-slider{
	position:relative;
}
.home-slider .single-slider {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat; 
	border: none;
}
.home-slider .single-slider:before{
	opacity:0.2;
}
.home-slider .single-slider .slider-text {
	margin: 240px 0 0;
}
.home-slider .single-slider h1 {
	font-size: 44px;
	line-height:50px;
	text-transform: capitalize;
	color: #fff;
	font-weight: 800;
	margin-bottom: 20px;
} 
.home-slider .single-slider .button{
	margin-top:20px;
}
.home-slider .single-slider .btn {
	margin-right: 15px;
	color: #252525;
	background: #fff;
	position: relative;
	z-index: 3;
	text-transform: uppercase; 
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.home-slider .single-slider .btn:hover{
	background:#fff;
	color:#000;
}
 
/* Slider Meta */
.home-slider .owl-carousel .owl-nav div {
	height: 55px;
	width: 55px;
	line-height: 55px;
	top: 50%;
	background: rgba(0, 0, 0, 0.3);
	color: #fff;
	font-size: 25px;
	position: absolute;
	border: none;
	margin: 0;
	padding: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border-radius: 100%;
	margin: -30px 0 0 0;
}
.home-slider .owl-carousel .owl-nav div:hover{
	background:#e42933;
}
.home-slider .owl-carousel .owl-nav .owl-prev{
	left:15px;
}
.home-slider .owl-carousel .owl-nav .owl-prev:hover{
	left:25px;
}
.home-slider .owl-carousel .owl-nav .owl-next{
	right:15px;
}
.home-slider .owl-carousel .owl-nav .owl-next:hover{
	right:25px;
}

/* Slider Animation */
.home-slider .owl-item.active .slider-text h1{
	animation: fadeInUp 1s both 0.8s;
}
.home-slider .owl-item.active .slider-text p{
	animation: fadeInUp 1s  both 1s;
}
.home-slider .owl-item.active .slider-text .button{
	animation: fadeInUp 1s  both 1.2s;
}
/*===============================
	End Slider CSS 
=================================*/
 
 
 .history{
	background:#f8e1cf;
	position:relative;
	padding:20px 0;
	text-align: center; 
}
.history h2{
	margin:15px 0;
	padding:0 0 0 0; 
	font-size:25px;  
	text-transform: uppercase;
	font-weight: 300;
	color:#242323;	 
} 
.history p{
	margin:0;
	padding:0;
	font-size: 18px;
	line-height: 26px;
	text-align:center; 
	color:#242323;	
}
.socialBox{
	margin: 0;
	padding: 0;
	position:absolute;
	right: 30px;
	top: 30px;
	width: 85px;
	background: #fff;
}
.socialBox ul{
	margin: 0;
	padding:10px 0;
	list-style: none;
}
.socialBox ul li{
	margin: 20px 0;
	text-align: center;
}

.rooms{
	background:#f8e1cf;
	position:relative;
	padding:20px 0;
	text-align: center; 
}
.rooms img{
	position: relative;
}
.roomstxt{
	background: rgba(239,174,71,0.7);
	padding: 15px 25px;
	text-align: center;
	position: absolute;
	bottom: 50px;
	z-index: 111;
}
.roomstxt h2{
	margin:15px 0;
	padding:0 0 0 0; 
	font-size:25px; 
	line-height:36px;
	text-transform: uppercase;
	font-weight: 300;
	color:#fff;	
}
.roomstxt p{
	font-size: 18px;
	font-style: italic;
	line-height: 1.5em;
	text-align: center;
	color: #fff;
}
.roomstxt .button {
	margin:10px 0;
}
.roomstxt .button .btn {
	margin-top:1px; 
	color: #fff;
	background: transparent; 
	box-shadow:none;
	text-transform: inherit;
	font-weight: bold;
	font-weight: 14px;
	padding: 9px 32px;
	border-radius: 0;
	border:1px solid #fff ;
}
.roomstxt .button .btn:hover{
	color:#fff;
	background:#242323 !important;
	border-color:#242323;
}
/*===============================
	End Features CSS
=================================*/

.ourservices{
	background:#f8e1cf;
	position:relative;
	padding:20px 0;
	text-align: center; 
}

.ourservices h2{
	margin:15px 0;
	padding:0 0 0 0; 
	font-size:25px; 
	line-height:36px;
	text-transform: uppercase;
	font-weight: 300;
	color:#242323;	
} 
.sbox{ 
	margin: 15px 8px;	
}
.sbox i{ 
	color:#737171;
	font-size: 30px;
	font-weight: 100;
}
.sbox h3{ 
	margin:10px 0 20px 0;
	line-height: 1.5em;
	text-align: center;
	font-size: 18px; 
	color:rgba(36,35,35,1);
}
.sbox p{
	margin:0;
	padding:0;
	font-style: italic;
	color:rgba(115,115,115,1); 	
	font-weight: 300;
	line-height: 1.5em;
	text-align: center;
	font-size: 18px;
}
 
 

/*=============================
	Testimonials CSS
===============================*/
 
 
/*=============================
	Testimonials CSS
===============================*/
.testimonials {
background-image: url(../images/testi-bg.jpg);
background-size: cover;
background-repeat: no-repeat; 
background-attachment: fixed;
position: relative;
padding: 80px 0;
} 
.testimonials .tt{
	background: rgba(239,174,71,0.7);
	padding: 15px ;	
}
.testimonials h2{
	margin:15px 0;
	padding:0 0 0 0; 
	font-size:25px;
	text-align: center; 
	line-height:36px;
	text-transform: uppercase;
	font-weight: 300;
	color:#fff;
}
.testimonials .single-testimonial { 
	  
	position: relative; 
	box-shadow: inherit; 
	margin: 0;
	color: rgba(115,115,115,1);
}
.testimonials .single-testimonial img{ 
	height:80px;
	width:80px;
	margin:10px auto;
	border-radius:100%;
	border:5px solid #fff;
	-webkit-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.12);
	-moz-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.12);
	box-shadow:0px 0px 20px rgba(0, 0, 0, 0.12);
}
.testimonials .single-testimonial:hover img{
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	transform:rotate(360deg);
}
.testimonials .single-testimonial p {
	font-size: 18px;
	position: relative;
	z-index: 4;
	font-weight:300;
	color:#fff;
	line-height:24px;
	text-align: center;
}
.testimonials .main-content {
	position: relative;
	z-index: 4;
	margin: 35px 0 0 0;
}
.testimonials .main-content:before,
.testimonials .main-content:after{
	position: absolute;
	font-family: 'FontAwesome';
	font-size: 32px;
	z-index: -4;
	text-align: center;
	width: 100%;
}
.testimonials .main-content::before {
	left: 0;
	top: -33px;
	content: "\f10d";
} 
.testimonials .single-testimonial h4 {
	font-weight: normal;
	font-size: 16px;
	position: relative;
	margin: 15px 0;
	color:#e42933;
	text-align:center;
	text-transform:uppercase;
}
.testimonials .single-testimonial h4 small{
	color:#666;	
}
.testimonials .owl-nav{
	top:50%;
	margin-top:-20px;
    position:absolute;
    width: 100%;
}
.testimonials .owl-carousel .owl-nav div {
	height: 48px;
	width: 48px;
	line-height: 48px;
	top: 50%;
	margin-top: -24px;
	background: #e42933;
	color: #fff;
	font-size: 25px;
	position: absolute;
	border: none;
	margin: 0;
	padding: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border-radius: 100%;
}
.testimonials .owl-carousel .owl-nav div:hover{
	background:#e42933;
}
.testimonials .owl-carousel .owl-nav .owl-prev{
	left:-75px;
}
.testimonials .owl-carousel .owl-nav .owl-next{
	right:-75px;
}
.testimonials.no-bg{
	background:#f6f6f6;
}
.testimonials.no-bg:before{
	display:none;
}
.testimonials.no-bg .single-testimonial img{
	box-shadow:none;
}
/*=============================
	End Testimonials CSS
===============================*/
 
/*=============================
	Events CSS
===============================*/
.events{
	padding:20px 0 ; 
}  
.events h2{
	margin:0 0 25px 0;
	padding:0 0 0 0; 
	font-size:25px;
	text-align: center; 
	line-height:36px;
	text-transform: uppercase;
	font-weight: 300;
	color:rgba(36,35,35,1);
}
.events .single-event {
	margin:0 0 15px 0; 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
}
.events .single-event:hover {
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
}
.events .single-event .head{
	position:relative;
}
.events .single-event .head img{}
.events .single-event .head .btn {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-radius: 100%;
	line-height: 50px;
	padding: 0;
	margin: -25px 0 0 -25px;
	color: #fff;
	transition: ;
	-webkit-transform: scale(3);
	-moz-transform: scale(3);
	transform: scale(3);
	opacity:0;
	visibility:hidden;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	z-index:35;
	 
}
.events .single-event:hover .head .btn{
	transform:scale(1);
	opacity:1;
	visibility:visible
} 
.events .single-event .head.overlay:before{
	opacity:0;
	visibility:hidden;
	z-index:34;
}
.events .single-event:hover .head.overlay:before{
	opacity:0;
	visibility:visible;
}
.events .event-content {
	margin:0px;
	padding:15px 0;
	text-align:center;
	background:#fff;
} 
.events .event-content h4 {
	font-size: 18px;
	margin: 10px 0;
}
.events .event-content h4 a{
	color:#252525;
	font-weight:700;
} 
/* Event Nav */
.events .owl-nav {
	width: 100%;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	margin: 0;
}
.events:hover .owl-nav{
	opacity:1;
	visibility:visible;
}
.events .owl-carousel .owl-nav div {
	height: 48px;
	width: 48px;
	line-height: 48px;
	top: 50%;
	background: transparent;
	color: #fff;
	font-size: 48px;
	position: absolute;
	border: none;
	margin: 0;
	padding: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border-radius: 100%;
	margin-top: -24px;
}
.events .owl-carousel .owl-nav div:hover{
	color:#fff;
	background: transparent;
}
.events .owl-carousel .owl-nav .owl-prev{
	left:10px;
}
.events .owl-carousel .owl-nav .owl-prev:hover{
	left:10px;
}
.events .owl-carousel .owl-nav .owl-next{
	right:10px;
}
.events .owl-carousel .owl-nav .owl-next:hover{
	right:10px;
}  



.enroll-form {
	margin-top: 30px;
	text-align: left;  
}   
.enroll-form .form-group:last-child{
	margin-bottom:0px;
}
.enroll-form .form-group{
	margin-bottom: 5px;
}
.enroll-form .form-group label {
	font-size: 16px; 
	margin-bottom: 5px;
	font-style: italic;
}
.enroll-form .form-group input {
	width: 100%;
	height: 40px;
	color: #999999;
	box-shadow: none;
	text-shadow: none;
	font-style: italic;
	border: none; 
	font-weight: 300;
	border-radius: 0px;
	padding-left:10px;
}
.enroll-form .form-group input:hover,
.enroll-form .form-group textarea:hover{
	padding-left:15px;
}
.enroll-form .form-group textarea {
	height: 120px;
	color: #999999;
	box-shadow: none;
	text-shadow: none;
	border: none;
	resize: none; 
	font-weight: 300;
	font-style: italic;
	margin-bottom: 0px;
	padding-left:10px;
	border-radius: 0px;
}
.enroll-form .form-group .btn {
	width: 100%;
	background: #252525;
	color: #fff;
	text-align: center;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	display: block;
	padding: 5px 0;
	font-family: 'brandongrotw01-regularregular';
	text-transform: inherit;
	border-radius: 3px;
	border: none;
}
.enroll-form .form-group .btn:before{
	display:none;
}
.gmap{
	margin-top: 25px;
} 
/*=============================
	Footer CSS
===============================*/
.footer { 
	padding: 0; 
	background:#f5f5f5;
	position:relative;   
}   
.footer .footer-top {
	padding: 40px 0 40px;
}
.footer .footer-top h2{
	margin:15px 0;
	padding:0 0 0 0; 
	font-size:25px;
	text-align: center; 
	line-height:36px;
	text-transform: uppercase;
	font-weight: 300;
	color:rgba(36,35,35,1);
}  
.footer .list{
	margin-top:10px;
}
.footer .list li { 
	color:rgba(36,35,35,1);
	text-align: center;
	font-style: italic;
	font-size: 18px;
	font-weight: 300;
}
.footer .list li a{
	color:rgba(36,35,35,1);
}
.footer .list li i {
	margin-right: 15px;
	color: #fe5a0e;
}
.footer .useful-links ul li {
	position: relative;
	line-height: 36px;
	width: 49%;
	float: left;
	margin-right: 1%;
}
.footer .useful-links ul li a {
	color: #fff;
	font-size: 15px;
}
.footer .useful-links ul li i{
	margin-right:10px;
	color: #fe5a0e;
}  
.footer .footer-middle{
	 
}
.footer .footer-bottom{
	background: #242323;
}
.footer .bottom-head {
	padding: 15px 0;  
} 
.footer .copyright {
	text-align: center; 
}
.footer .copyright p {
	font-size: 14px;
	color: #fff;
	text-transform: capitalize;
}
.footer .copyright a{
	color:#fff;
}
.footer .copyright a:hover{
	color:#fff;
}

.client{
	margin: 10px 0;
	text-align: center;
}
.client ul{
	margin: 0;
	text-align: center;
}
.client ul li{
	margin: 5px 10px;
	display: inline-block;
}
.inner{
	margin: 0;
	padding: 30px 0;
	background: #fafafa;
	position: relative;
}
.Bookroom{
	margin: 0;
	padding: 0;
}

.Bookroom h2 {
	margin: 15px 0;
	padding: 0 0 0 0;
	font-size: 25px;
	text-align: center;
	line-height: 36px;
	text-transform: uppercase;
	font-weight: 300;
	color: rgba(36,35,35,1);
}
.roomscat{
	margin: 0;
	padding: 0;
}
.roomscat h3{
	margin: 15px 0;
	padding: 0 0 0 0;
	font-size: 25px; 
	line-height: 36px; 
	font-weight: 300;
	color: rgba(36,35,35,1);
} 
.rcat{
	margin: 0;
	padding:37px 0;
	border-top: 1px solid #dadcdc;
	border-bottom: 1px solid #dadcdc;
}
.rcat h4{
	color: #242323;
	margin: 5px 0;
	font-size: 20px;
	text-transform: capitalize;
	font-weight: 700;
}
.rcat p{
	font-size:14px;
	line-height: 22px;
	color: #242323;
}
.rcat ul{
	margin: 0;
	padding: 0;
}
.rcat ul li{
	margin: 0 0 0 15px;
	padding: 0;
	list-style: disc;
	color: #242323;
	font-size:14px;
	line-height: 22px;
}
.rcat .amenities{
	border-top: 1px solid #dadcdc;
	margin-top: 5px;	 
}
.rcat .amenities ul{
	list-style: none;
}
.rcat .amenities ul li{
	list-style: none !important;
	margin: 5px 15px 5px 00px;
	display: inline-block;
}
.rcat h1{ 
	margin: 15px 0;
	padding: 0 0 0 0;
	font-size: 25px;
	text-align: center;
	line-height: 36px; 
	font-weight: 300;
	color: rgba(36,35,35,1);
}
.rcat h1 small{
	font-size: 16px;
}
.roomdetail{
	margin: 0;
	padding: 0;
}
.roomdetail h3{
	margin: 15px 0;
	padding: 0 0 0 0;
	font-size: 25px; 
	line-height: 36px; 
	font-weight: 300;
	color: rgba(36,35,35,1);
} 
#custCarousel{
	padding-bottom:50px;	
}
#custCarousel .carousel-indicators {
    position: static;
    margin-top: 20px
}

#custCarousel .carousel-indicators>li {
    width: 100px
}

#custCarousel .carousel-indicators li img {
    display: block;
    opacity: 0.5
}

#custCarousel .carousel-indicators li.active img {
    opacity: 1
}

#custCarousel .carousel-indicators li:hover img {
    opacity: 0.75
}

.content-block{
	margin-top: 60px;
	border-bottom: 1px solid #bfc0c4;
	font-size: 16px;
	padding-bottom: 30px;
}

.breakdown-widget{
	border: 1px solid #bfc0c4;
	padding: 20px 19px 19px;
	position: sticky !important;
	margin: 0; 
	top: 120px;
}
.breakdown-widget h3{
	border-left: 1px solid #bfc0c4;
	padding-left: 12px;
	margin: 15px 0; 
	font-size: 25px; 
	line-height: 36px; 
	font-weight: 300;
	color: rgba(36,35,35,1);
}
.breakdown-widget h3 small{
	font-size: 14px;
}
.content-block li{
	margin-bottom: 5px;
}
a.whatsapp-btn {background:#0e8c06;border-radius:4px;bottom:25px;color:#fff;font-size:24px;left:15px;padding:5px 10px;position:fixed;z-index:1111; }
a.whatsapp-btn:hover {background:#0ca503;}

.right-panel { position: fixed; right: 0px; top: 50%;  width: 50px; z-index: 9999; right: 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;  -webkit-transform: translateY(-50%);         transform: translateY(-50%); }
.right-panel ul li {  height: 50px;   background-color: #f8e1cf;  line-height: 50px;  width: 50px;  float: left;   margin-bottom: 2px;  -webkit-transition: all 0.5s ease;   transition: all 0.5s ease;list-style: none; }
.right-panel ul li:hover a b {  right: 50px; }
.right-panel ul li a {   color: #fff;    font-weight: 500;    display: inline-block;   position: relative;   z-index: 5; }
.right-panel ul li a b {text-align: center; width: auto;  float: left;   position: absolute;   right: -250px; font-size: 16px;  -webkit-transition: all 0.5s ease;  transition: all 0.5s ease;   background-color: #f8e1cf;   font-weight: 500;  padding: 0 10px;  display: block;  color: #4a4a4a;  z-index: -1;height: 50px;
line-height: 50px; }
.right-panel ul li a span {   width: 50px;  height: 50px;  background-color: #f8e1cf;   position: relative; z-index: 5; display: inline-block; }
.right-panel ul li a span img {  display: block;    margin: 12px auto 0; }