@charset "UTF-8";
/*CSS Docement */
:root
{
	--raleway:'Raleway', sans-serif;
	--playfair:'Playfair Display', serif; 
	 --black:#000000;
	 --active-hover:#0aaf5e;
	 --book-now:#007a66;
	 --light-black:#404040;
	 --left-col-bg:#007360;
	 --read-more:#f89833;
	 --bglight:#f8f9fa;
}
*{margin:0; padding:0; box-sizing:border-box;}
h1:first-letter,h2:first-letter,h3:first-letter,h4:first-letter,p:first-letter,li:first-letter,span:first-letter
{
	text-transform:uppercase;
}
html,body
{
	scroll-behavior:smooth;
}
body
{
	font-size:100%;
	font-family:var(--raleway);
	color:var(--black);
	border:none;
	padding:0;
	margin:0;
	background:url(../images/body-bg.jpg) no-repeat center top;
	background-attachment:fixed;
	background-size:cover;
}
main.fade-body{display:none;}
/*=========================== Header Top ======================*/
.header__row
{
	width:100%;
	display:block;
}
.header__top>[class^='col-'], .thumbs__row>[class^='col-']
{
	padding:0;
}
.left-col-bg:after
{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
    background: var(--left-col-bg)!important;
	z-index:-1;
	opacity:0.86;
}
/*=========================== Slider CSS ======================*/
.jssorl-009-spin img
{
    animation-name: jssorl-009-spin;
    animation-duration: 1.6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@keyframes jssorl-009-spin 
{
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/*jssor slider arrow skin 106 css*/
.jssora106 {display:block;position:absolute;cursor:pointer;}
.jssora106 .c {fill:#fff;opacity:.3;}
.jssora106 .a {fill:none;stroke:#000;stroke-width:350;stroke-miterlimit:10;}
.jssora106:hover .c {opacity:.5;}
.jssora106:hover .a {opacity:.8;}
.jssora106.jssora106dn .c {opacity:.2;}
.jssora106.jssora106dn .a {opacity:1;}
.jssora106.jssora106ds {opacity:.3;pointer-events:none;}
.slider
{
	width:100%;
	display:block;
	position:relative;
}
.slider img
{
	max-width:100%;
}

/*====================== Booking Css ======================*/
.book_now
{
	width:100%;
	display:block;
}
.book_now>a.common-btn.btn-info
{
	display: block !important;
	font-weight: 600;
	letter-spacing: 3px;
	background:var(--book-now);
    text-transform: uppercase;
    border-radius: 0;
    border: none;
	padding: 0.5rem 0;
}
	
/*=========================== logo ======================*/
.logo-panel
{
	width:100%;
	display:block;	
	background: white;
}
.logo-panel>figure
{		
	/*padding: 0.6rem 0;*/
	margin-bottom: 0;		
}
.logo-panel>figure>a>img
{
	display:block;
	margin:0 auto; 
	max-width:95%;
}

/*=========================== Main Menu ======================*/
.main-menu
{
	width:100%;
	display:block;;
	padding:0;
}
.brand-logo{position:relative;}
.menu-li
{
	width:100%;
	margin-bottom: 0;
	text-align:center;
}
.menu-li>li
{
	display: block;
	width: 100%;
	text-transform: uppercase;
    font-size: 0.84rem;
    padding: 0.4rem 0;
	position: relative;
}
.menu-li>li>a
{
	color:#ffffff;
	text-decoration:none;
}
.menu-li>li>a>i
{
	/*display:none;*/
}
.li-active
{
	background:var(--active-hover);
}
.menu-li>li:hover
{
	background: var(--active-hover);
}
.left-menu>a>i
{
	font-size: 2rem;
	color: rgba(255,255,255,0.5);
}

.left-menu>a:hover>i
{
	color: rgba(255,255,255,1);
}
.menu-li>li.social_media
{
}
.menu-li>li.social_media>a
{
}
.menu-li>li>ul
{
	list-style:none;
	width: 100%;
	z-index: 999;
}
.menu-li>li>ul>li
{
	display: block;
	width: 100%;
	text-transform: uppercase;
	/*font-size: 0.7rem;*/
	padding: 0.2rem 0;
}
.menu-li>li>ul>li>a
{
	color:#ffffff;
	text-decoration:none;
}
.left-menu>.social_media
{		
	bottom: 2px;
	position: absolute;
	width:100%;
	text-align:center;
}
.left-menu>.social_media>a
{
	color: #ffffff;
	padding: 0.2rem 0.5rem;
}
.left-menu>.social_media>a:before
{
	content:'';
	position:absolute;
	background: #565656;
	height: 1px;
	width: 50%;
	left: 50%;
	top: 0;
	transform: translateX(-50%);		
}
.left-menu>.social_media>a:after
{
	content:'';
	position:absolute;
	background: #565656;
	height: 1px;
	width: 50%;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);		
}

/*========================= Facility Icon's ======================*/
.thumbs__row
{
    align-items: center;
    background: var(--book-now);
}
.facility-block-left
{
	width:100%;
	display:block;
	/*background: var(--book-now);*/
	padding:1rem 0;
}
.facility-left-ul
{
}
.facility-left-ul>ul
{
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	list-style:none;
	margin-bottom: 0;
}
.facility-left-ul>ul>li
{
	text-align: center;
}
.facility-left-ul>ul>li:nth-of-type(odd)
{
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}
.facility-left-ul>ul>li:nth-of-type(even)
{
	border-bottom: 1px solid #ffffff;
}

.facility-left-ul>ul>li:last-child 
{
	border-bottom:none;
}
.facility-left-ul>ul>li:nth-last-child(2)
{
	border-bottom:none;
}
.facility-left-ul>ul>li>img
{
	max-width:100%;
	display:block;
	margin:0 auto;
}
.facility-left-ul>ul>li>span
{
	display:block;
	text-transform:capitalize;
	margin:0.3rem 0;
	font-size: 0.8rem;
	color: #ffffff;
	font-weight: 400;
}

/*================== Facility right block CSS =========================*/
.facility-block-right
{
	width:100%;
	display:block;
}
.facility-right-ul
{
	width:100%;
	display:block;
}
.facility-right-ul>ul
{
	list-style: none;
	margin-bottom:0;
}
.facility-right-ul>ul>li
{
	position:relative;
	z-index:99;
	padding:0;
}
.facility-right-ul>ul>li>img
{
	max-width:100%;
	display:block;
	margin:0 auto;
}
.facility-right-ul>ul>li>span
{
}
.facility-right-text-wrap
{
	position: absolute;
	top: 2%;
	left: 50%;
	width: 99%;
	height: 30%;
	padding: 1rem;
	background:rgba(248, 152, 51, 0.8);
	transform: translateX(-50%);
	z-index: 100;
	display: flex;
	justify-content: center;
	align-items: center;
}
.facility-right-text-wrap>h2
{
	font-family: var(--playfair);
	text-transform: uppercase;
	box-sizing: border-box;
	font-size: 2rem;
	text-align: center;
	text-shadow: -2px -2px 1px #545454;
}
.facility-right-text-wrap>h2>a
{
	color: #ffffff;
	text-decoration:none;
}
.facility-h1
{
	text-align:center;
	position:relative;
	z-index:1; 
	padding-top: 0;
	text-transform:capitalize;
	margin-bottom:2rem;
}
.facility-h1:after,.facility-h1:before	
{
	content:'';
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	padding:0.03rem;
	z-index:-1;
}
.facility-h1:before	
{
	left:0;
	width:100%;		
	background:#cccccc;
}
.facility-h1>span
{
	background: #ffffff;
}
/*======================= Booking Widget ========================*/
.bookingwidget 
{
	background:var(--read-more);
}
#b247SearchBoxContainer
{
    padding: 0!important;	
	font-family:var(--raleway)!important;
}
.searchbox
{
	padding:0.2rem 0.2rem;
}
.sbx-container
{
	margin-bottom:0;
}
.sbx-container > input
{
	border:none!important;    
	color:var(--black)!important;
}
.sbx-container > input
{
	font-size:14px!important;
}
.searchbox__icon
{
	top:4px!important;
}
.searchbox__clickable a
{	
    padding: 6px 15px!important;
    border-radius: 0px!important;
}
.searchbox__field
{
	
}
.searchbox__title
{
	font-weight:500!important;
}
.searchbox__clickable a
{
	background-color: var(--left-col-bg)!important;
	text-transform: capitalize!important;
}
/*========================== Content CSS ============================*/
.main-content
{
	width:100%;
	display:block;
	padding:1rem 0;
	background:#ffffff;
}
.inner__text_li
{
	list-style:inside;
}
.common-h1
{
	font-size: 3rem;
	color: var(--book-now);
	padding: 1.5rem 0 0.5rem;
	font-family: var(--playfair);
}
.common-h2
{
	font-weight: 600;
	color: #000000;
	text-transform: capitalize;
	font-family: var(--playfair);
}
.common-h4,.events>h4
{			
	text-transform: uppercase;
	font-size: 1.3rem;
	color: var(--read-more);
	padding: 0 0 0.5rem;
	font-family: var(--playfair);
	font-weight: 600;
	letter-spacing: 0.5px;
	word-spacing: 2px;
	line-height: 2rem;
}
.common-h4>a,,.events>a
{
	color:var(--read-more);
}
.common-p,.events>p
{
	color: #000000;
	line-height: 2rem;
	letter-spacing: 0.2px;
	word-spacing: 1px;
	box-sizing: border-box;
	font-size:1.2rem;
}
.common-p:first-letter
{
	text-transform:uppercase;
}
.site-address
{
	width:100%;		
}
.site-address>h4
{
	text-align: left;
	font-size: 1rem;
	font-weight: 400; 
	padding: 1rem 0;
}
.site-address>h4>a
{
	color: #000000;
}
.site-contact-no
{
	width:100%;		
}
.site-contact-no>h4
{
	text-align:right;
	font-size: 1rem;
	font-weight: 400;
	padding: 1rem 0;
}	
.site-contact-no>h4>a
{
	color: #000000;
}
.site-contact-no>h4>a>i, .site-address>h4>a>i
{
	transition:top 0.5s ease-in-out;
	position:relative;
}
.site-address>h4>a:hover i, .site-contact-no>h4>a:hover i
{
	animation-name:i-ani;
	animation-duration:1s;
	animation-iteration-count:1;
}
@keyframes i-ani
{
	0%{top:0px;}
	25%{top:-5px;}
	50%{top:0px;}
	75%{top:-3px;}
	100%{top:0;}
}
.text-typography
{
	width:100%;
	display:block;
	text-align:center;
}
.text-typography>h1>small
{		
	color: #004e9a;
}
.text-typography>h1>small:first-letter
{
	text-transform:uppercase;
}

.accommodation>p
{
	display:none;
}
.accommodation>p:nth-of-type(1)
{
	display:block;
}
.accommodation>span.btnShow
{
    background: var(--read-more);
    color: var(--white);
    padding: 0.2rem 1rem;
    cursor: pointer;  
}
.in-room-li
{
	/*margin-top: 3rem !important;	*/
}
.in-room-li+a.common-btn.btn-info
{
	margin-bottom:1rem!important;
}
.in-room-li>li
{
	text-align: left;
	padding: 0.5rem 0;
	list-style: none;    
	font-size: 0.9rem;
}
.in-room-li>li:first-letter
{
	text-transform:uppercase;		
}
.in-room-li>li>img
{
	max-width:30px;
}
.in-room-li>h4.common-h4
{
	width:100%;
	font-family: var(--raleway);
	font-weight: 600;
	font-size: 1.2rem;
	text-transform: inherit;
	color: var(--read-more);
	line-height: inherit;
	text-transform: uppercase;
}
.in-room-li>h4.common-h4+hr
{
	width:100%;
}
.in-room-li+p.common-p
{
	font-size: 0.9rem;
    font-weight: 600;
}
a.common-btn.btn-info
	{		
		background: var(--read-more);
		border-radius: 0;
		text-transform: uppercase;
		border: none;
		position:relative;
		z-index:1;
		box-shadow:none;
        color:#ffffff;
	}
	a.common-btn.btn-info:after
	{
		content:'';
		position:absolute;
		width: 100%;
		height: 100%;
		background: var(--book-now);
		left: 0;
		top: 0;
		z-index: -1;
		transform: scaleX(0);
		transition: all 0.2s linear;
	}
	a.common-btn.btn-info:hover:after
	{
		transform: scaleX(1);
	}
/*------############ Contact Us Page CSS ------#########*/
form#forms
{
	display:flex;
	flex-flow:wrap row;
	justify-content:center;
	align-items:center;
}
form#forms>.form-group
{
	position:relative;
	z-index: 9;	
	width:100%;
	margin: 1rem;
}
/*
form#forms>.form-group:nth-of-type(1)
{
	width: 44%;
	margin: 1rem;
}
form#forms>.form-group:nth-of-type(2)
{
	width: 44%;
	margin: 1rem;
}
form#forms>.form-group:nth-of-type(3)
{
	width: 44%;
	margin: 1rem;
}
form#forms>.form-group:nth-of-type(4)
{
	width: 44%;
	margin: 1rem;
}
form#forms>.form-group:nth-of-type(5)
{
	width: 93%;
	margin: 1rem;
}*/
form#forms>.form-group>label
{
	position: absolute;
	left: 2%;
	top: 50%;
	transform: translateY(-50%);
	opacity:0;
	transition:all ease-in-out 0.5s;
}
form#forms>.form-group>input
{
	height: 40px;
	width: 100%;
	text-transform: capitalize;
	font-family: var(--Raleway);
	padding: 0.5rem 0 0;
}
form#forms>.form-group>textarea
{
	width:100%;
	padding: 0.5rem 0 0;
}
form#forms>.form-group>input[type='email']
{
	text-transform:inherit;
}
form#forms>.form-group>input::placeholder, form#forms>.form-group>textarea::placeholder
{
	font-family: var(--Raleway);
	color: #a4a4a4;
	text-transform:uppercase;
	transition:opacity 0.3s linear;
}
form#forms>.form-group>input:hover + label, form#forms>.form-group>textarea:hover + label
{
	top: 0;
	background: linear-gradient(180deg, #ffffff, #ffffff);
	padding: 0 1rem;
	font-size: 0.9rem;
	text-transform: capitalize;
	font-weight: 600;
	color: #000000;
	z-index: 10;
	opacity:1		
}
form#forms>.form-group>input:hover::placeholder, form#forms>.form-group>textarea:hover::placeholder
{
	opacity:0;
}
form#forms>.form-group>input[type='submit']
{
	background: #000000;
	color: #ffffff;
	border: none;
	padding: 0 1rem;
	border-radius: 3px;
}
form#forms>.form-group>input[type='submit']:hover
{
	background: #373737;
}
form#forms>.form-group>input + label + span, form#forms>.form-group>textarea + label+span
{
	position: absolute;
	left: 1%;
	bottom: -65%;
	text-transform: capitalize;
	color: #ff0000;
	font-size: 0.9rem;
	opacity:0;
	transition:opacity 0.5s linear;
}
form#forms>.form-group>textarea + label+span
{
	bottom:-9%;
}
	
/*================= reception-clock CSS =======================*/
.reception-bg
{		
	padding: 2rem;
	position:relative;
}
.reception-bg:after
{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:-1;
	background:var(--left-col-bg);
	opacity:0.7;
}
.reception-clock
{
	width:100%;
	display:block;
	position:relative;
}
.reception-clock-img
{
	display:block;
	position:relative;
}
.reception-clock-img>img
{
	max-width:100%;
	display:block;
	margin:0 auto;
	user-select: none;
	pointer-events: none;
}
.img-after
{
	position:relative;
}
.img-after:after
{
	content: '';
   position: absolute;
   background: gray;
   width: 100%;
   height: 100%;
   top: 0;
   z-index: -999;
   left: 0;
}
.reception-clock-img>h4
{
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	font-weight: 700;
}
.reception-text
{
	padding:1rem 0;
}
.reception-text>p
{
	color: #ffffff;
}

/*======================= Apartments Room Layout CSS ===========================*/
.aprt-wrap 
{
	background: #ffffff;
	padding: 20px 0px;
	position: relative;
}
.aprt-wrap>.container-fluid, .hotel-facility-wrap>.container-fluid,.hotel-location-wrap>.container-fluid
{		
	max-width: 80%;
}
.aprt-block 
{
	width: 100%;
	border: 0px solid green;
	position: relative;
	z-index: 1;
}
.aprt-position-block 
{
	position: relative;
}
.aprt-position-block>img 
{
	max-width: 100%;
	display: block;
	margin: 0px auto;
	user-select: none;
	pointer-events: none;
}
.room-text 
{
	z-index: 4;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	text-align: center;
	color: #ffffff;
	transition: all ease-in-out 0.5s;
}
.room-text>a 
{
	color: #000000;
}
.aprt-position-block:hover:after
{
	transform:scale(0);
}
.aprt-position-block:hover .room-text
{
	top: 0%;
	transform: translate(-50%, 0%);
	/*background:#78b246;*/
}
.aprt-position-block:hover .room-text>a
{
	color:#ffffff;
	text-transform:capitalize;
	text-decoration:none;
}
.room-text>h2, .room-text>a>h2 
{
	font-family: var(--raleway) !important;
	text-transform: capitalize;
    font-weight: 500;
    color: #000;
	padding: 0.2rem 0;
	font-size: 1.4rem;
	position:relative;
}
.room-text>a>h2:after
{
	content:'';
	position:absolute;
	width:100%;
	background:var(--read-more); 
    top: 0; 
    left: 0;
    height: 100%;
    opacity: 0.7;	
	z-index:-1;
}
.room-text>h4, .room-text>a>h4 
{
	text-transform: capitalize;
	font-weight: 300;
	display:none;
}
.room-price 
{
	width: 50%;		
	position: absolute;
	padding: 7px;
	/*background: #153764;*/
	text-align: center;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%) scale(0);
	transition: all ease-in-out 0.5s;
}

.aprt-position-block:after 
{
	/*content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	top: 0;
	left: 0;
	 transform: scale(1); 
	z-index: 2;
	transition: all ease-in-out 0.5s;*/
}
.room-price>a 
{		
	text-transform: uppercase;
	font-family: var(--playfair);
	text-decoration: none;
	color: #ffffff;
	position: relative;
	display: block;
	margin: 1rem auto;
	background: var(--active-hover);
	padding: 0.5rem 0;
}
.room-price>a:nth-of-type(2)
{
	background:var(--left-col-bg)!important;
}
.room-price>a:after
{
	content:'';
	position:absolute;
	width: 100%;
	height: 100%;
	background: #0057a2;
	left: 0;
	top: 0;
	z-index: -1;
	transform: scaleX(0);
	transition: all 0.2s linear;
}
.room-price>a:hover:after
{
	transform: scaleX(1);
}
.room-price>a>span 
{
	font-size: 1.3rem;
}
.aprt-position-block:hover .room-price
{	
   top: 90%;
   transform: translate(-50%, -100%) scale(1);
}

.aprt-h1
{
	text-align:center;
}
.aprt-h1>h1
{
	text-align: center;
	font-family: var(--playfair);
	padding-top:0;
}	
.aprt-h1>h1>span
{
	
}
	
/*###################### Hotel MAp Location #################*/
.hotel-map-wrap
{	background:#ffffff;
	padding: 3% 0px;
}
.hotel-map-wrap .facility-h1
{
	padding-top:0;
}
.hotel-map-wrap .facility-h1>span
{
	background:var(--white);
}
.hotel-facility-wrap
{
	background:var(--bglight);
}
.hotel-facility-wrap .facility-h1
{
	padding-top:0;
}
.hotel-facility-wrap .facility-h1>span
{
	background:var(--bglight);
}
.hotel-location-wrap>.container-fluid>.row>[class*='col-']>.facility-h1>span
{
	background: var(--white);
}
.hotel-map-text
{
	
}
.hotel-map-text>a.common-btn
{
	text-transform: uppercase;
	margin: 20px auto;
	text-align: center;
	padding: 12px 10px;	
    background: var(--left-col-bg);
    border: none;
    border-radius: 0;
    box-shadow: none;
}
.hotel-map-text>h2
{
	font-size: 1.8rem;
}
.hotel-map-text>h4
{
	font-size: 1rem;
	color: #6e747d;
}
.hotel-map-text>p
{
}
.hotel-map-text>p>a
{
	color: #16365d;
	font-weight: 600;
}

.hotel-map-text>a.common-btn 
{
	text-transform: uppercase;
	margin: 20px auto;
	text-align: center;
	padding: 12px 10px;
	color: #ffffff;
	background: var(--left-col-bg);
}
ul.common-li 
{
	margin-bottom: 0px;
	list-style: none;
	padding-left: 0;
}
.common-li>li 
{
	font-size: 0.95rem;
	padding-bottom: 0.3rem;
	position: relative;
	margin-left: 20px; 
	padding-left: 12px;
	line-height: 1.65rem;
}
.common-li>li>span 
{
	color: #000000;
	font-weight: 500;
}
.common-li>li:after 
{
	content: '>';
	position: absolute;
	top: 0%;
	width: 10px;
	height: 10px;
	color: #153764;
	left: 0;
	font-weight: 700;
}	
/*######################### Guest Comment #################*/
.guest-comment-wrap
{
	padding: 3% 0px;
}
.guest-comment-text
{
}
.guest-comment-text>blockquote
{
	font-size:1rem;
}
.guest-comment-text>a.common-btn
{
	text-transform: uppercase;
	padding: 2% 5%;
	background:#15365B;
}
.guest-comment-img
{
}
.guest-comment-img>img
{
	max-width:100%;
}

/*############### Footer CSS ####################*/
.footer-wrap
{
	background:#23282f;
	padding:1% 0 0;
}
.footer-address
{
	color:#ffffff;
}
.footer-address>a>img
{
	max-width:100%;
}
.footer-address>h4
{
	text-transform: capitalize;
	font-family: var(--font-family-playfair);
}
.footer-address>h4>a
{
	color:#ffffff;
	text-decoration:none;
}
.footer-address>p
{
	font-size: 0.9rem;
	font-weight: 300;
	margin-bottom: 7px;
}
.footer-address>p>a
{
	color:#ffffff;
	line-height: 0px;
}
.footer-address>p>span
{
	text-transform:capitalize;
}
.footer-address>a.common-btn
{
	text-transform: uppercase;
	border: 3px double #ffffff;
	padding: 2% 8%;
	font-size: 1rem;
	margin-top:20px;
    margin-top: 20px;
    background: var(--read-more);
    border-radius: 0;
    box-shadow: none;
}
.footer-li>li
{
	margin-bottom: 0.3rem;
	overflow: hidden;
	text-transform: capitalize;
	font-weight: 300;
	position:relative;
	width:fit-content;
	padding: 0 0.5rem;
	font-size: 0.9rem;
}
.footer-li>li.f-active
{
	user-select:none;
	-webkit-user-select:none;
	-ms-user-select:none;
	-moz-user-select:none;
	pointer-events:none;
	box-shadow: inset 1px 1px 5px white;
	transition:all ease-in-out 0.3s;
}
.footer-li>li>a
{
	color:#ffffff;
	text-decoration:none;
	transition:all ease-in-out 0.5s;
}
.footer-li>li:hover
{
	box-shadow: inset 1px 1px 5px white;
	transition:all ease-in-out 0.3s;		
}

@keyframes footer-li
{
	from
	{
		font-size:0.95rem;
	}
	to
	{
		font-size:0.8rem	
	}
}
.footer-social
{
	background:#0f2c51;
   padding: 7px 0px;
}
.f-social-ul>ul
{
	margin-bottom:0;
}
.f-social-ul>ul>li
{
	color:#ffffff;
	padding:7px;
}
.f-social-ul>ul>li>a
{
	white-space: nowrap;
	color: #8fa3bf;
	text-transform: uppercase;
	font-size: 0.85rem;
}
.f-social-ul>ul>li>span	
{
	font-size: 0.74rem;
	color: #56667d;	
}
.f-social-ul>ul>li>a>img
{
}
.f-active
{		
}
.policy
{
	display:block;
	margin-top: 3rem;
}
.policy>ul
{
	list-style:none;
	display:flex;
	flex-flow:row wrap;
	align-items:center;
	justify-content:center;
}
.policy>ul>li
{
	font-size: 0.646rem;
	padding: 0.2rem;
	text-transform: uppercase;
	font-weight: 100;
}
.policy>ul>li>a
{
	color:#ffd505;
	text-decoration:none;
}
#copy-right
{
	width:100%;
	display:block;
	background: #363636;		
}
#copy-right>p
{
	color: #b5b5b5;
	font-size: 0.8rem;
	text-align: center;
	margin-bottom: 0;
	padding: 0.1rem 0;
}
   #copy-right>p>a
{
   color: #b5b5b5;
   }
.extra-menu>li
{
	font-size: 0.8rem;
	padding: 0.2rem;
}
.extra-menu>li>a
{
	color:#74adf8;
	text-decoration:none;
}