@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
@font-face
{
	font-family: 'Beyond';
	src: url('../fonts/beyond_the_mountains.otf')  format('truetype'),
		 url('../fonts/beyond_the_mountains.ttf')  format('opentype');
}

/*********************************
2. Body and some general stuff
*********************************/

*
{
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
body
{
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 400;
}

.gen, .cp-text{
	color:#dedede;
}


.gen:hover{
	color:#dedede;
}

.gen a{
	color:#dedede;
}

.gen a:hover{
	color:#dedede;
}


div
{
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
ul
{
	list-style: none;
	margin-bottom: 0px;
}
p
{
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 2;
	font-weight: 400;
	color: #726f6f;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
p a
{
	display: inline;
	position: relative;
	color: inherit;
	border-bottom: solid 1px #dc3545;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
a, a:hover, a:visited, a:active, a:link
{
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
p a:active
{
	position: relative;
}
p a:hover
{
	color: #dc3545;
}
p a:hover::after
{
	opacity: 0.2;
}
::selection
{
	
}
p::selection
{
	
}
h1{font-size: 36px;}
h2{font-size: 30px;}
h3{font-size: 24px;}
h4{font-size: 18px;}
h5{font-size: 14px;}
h1, h2, h3, h4, h5, h6
{
	font-family: 'Open Sans', sans-serif;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
h1::selection, 
h2::selection, 
h3::selection, 
h4::selection, 
h5::selection, 
h6::selection
{
	
}
.form-control
{
	color: #db5246;
}
section
{
	display: block;
	position: relative;
	box-sizing: border-box;
}
.clear
{
	clear: both;
}
.clearfix::before, .clearfix::after
{
	content: "";
	display: table;
}
.clearfix::after
{
	clear: both;
}
.clearfix
{
	zoom: 1;
}
.float_left
{
	float: left;
}
.float_right
{
	float: right;
}
.trans_200
{
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.trans_300
{
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.trans_400
{
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
.trans_500
{
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.fill_height
{
	height: 100%;
}
.super_container
{
	width: 100%;
	overflow: hidden;
}
.prlx_parent
{
	overflow: hidden;
}
.prlx
{
	height: 130% !important;
}
.nopadding
{
	padding: 0px !important;
}
.button
{
	display: inline-block;
	height: 53px;
	overflow: hidden;
}
.button_bcg
{
	position: absolute;
	top: 0;
	left: 0;
	width: 200%;
	height: 100%;
	background: linear-gradient(to right, #fa9e1b, #8d4fff, #fa9e1b);
	z-index: -1;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
.button:hover .button_bcg
{
	left: -100%;
}
.button a
{
	display: block;
	font-size: 13px;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
	line-height: 53px;
	padding-left: 46px;
	padding-right: 46px;
	white-space: nowrap;
	z-index: 2;
}
.button span
{
	display: inline-block;
	vertical-align: middle;
	width: 5.75px;
	height: 5.63px;
	background: #FFFFFF;
	border-radius: 50%;
	margin-right: 2px;
}
.button span:first-child
{
	margin-left: 10px;
}
.button span:nth-child(2)
{
	opacity: 0.6;
}
.button span:last-child
{
	opacity: 0.4;
	margin-right: 0px;
}

/*********************************
3. Header
*********************************/

.header
{
	position: fixed;
	width: 100%;
	background: url(../images/header--bg.png);
	z-index: 12;
	    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
}
.header.scrolled
{
		background: url(../images/header--bg.png);

}

/*********************************
3.1 Top Bar
*********************************/

.top_bar
{
	width: 100%;
	height: 36px;
	background: #ffdd00;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
.header.scrolled .top_bar
{
	visibility: hidden;
	opacity: 0;
	height: 0px;
}
.phone
{
	display: inline-block;
	margin-right: 36px;
	line-height: 36px;
	font-size: 18px;
	font-weight: 600;
	color: #003e7e;
	z-index: 1;
}

.phone a
{
	color: #003e7e;
}

.phone a:hover 
{
	color: #211e18;
}

.social_list_item
{
	position: relative;
	display: inline-block;
	margin-right: 3px;
}
.social_list_item:last-child
{
	margin-right: 0px;
}
.social_list_item a
{
	display: block;
	width: 100%;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 36px;
}
.social_list_item:hover a em
{
	color: #211e18;
}
.social_list_item a em
{
	font-size: 20px;
	color: #003e7e;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.social_list_item a:hover
{
	color: #FFFFFF;
}
.user_box_link
{
	display: inline-block;
}
.user_box_link a
{
	display: block;
	font-size: 10px;
	line-height: 36px;
	font-weight: 600;
	color: #FFFFFF;
	text-transform: uppercase;
}
.user_box_link a:hover
{
	color: #fa9e1c;
}
.user_box_login
{
	margin-right: 15px;
}
.user_box_login::after
{
	display: block;
	position: absolute;
	top: 15px;
	right: -9px;
	background: #FFFFFF;
	width: 1px;
	height: 9px;
	content: '';
}
.main_nav_col
{
	height: 143px;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
.header.scrolled .main_nav_col
{
	height: 100px;
}

/*********************************
3.2 Logo
*********************************/

.logo_container
{
	-webkit-transform: translateY(-6px);
	-moz-transform: translateY(-6px);
	-ms-transform: translateY(-6px);
	-o-transform: translateY(-6px);
	transform: translateY(-6px);
}
.header.scrolled .logo_container
{
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}
.logo a
{
	font-family: 'Open Sans', sans-serif;
	font-size: 30px;
	color: #f4f4f8;
	font-weight: 800;
	text-transform: uppercase;
}
.logo a img
{
	display: inline-block;
	vertical-align: baseline;
	-webkit-transform: translateY(2px);
	-moz-transform: translateY(2px);
	-ms-transform: translateY(2px);
	-o-transform: translateY(2px);
	transform: translateY(2px);
	margin-top: 8%;
    width: 96%;
}

/*********************************
3.3 Main Nav
*********************************/

.main_nav_container
{
	margin-right: 120px;
}
.main_nav_item
{
	position: relative;
	display: inline-block;
	margin-right: 40px;
}
.main_nav_item:last-child
{
	margin-right: 0px;
}
.main_nav_item a
{
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 700;
	color: #FFFFFF;
	text-transform: uppercase;
	padding-bottom: 10px;
	padding-top: 10px;
}

.main_nav_item active a:afte
{
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 700;
	color: #FFFFFF;
	text-transform: uppercase;
	padding-bottom: 10px;
	padding-top: 10px;
}

.main_nav_item::after
{
	display: block;
	position: absolute;
	left: -1px;
	bottom: -11px;
	width: calc(100% + 2px);
	height: 2px;
	background: linear-gradient(to right, #ffffff, #ffffff);
	content: '';
	opacity: 0;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.main_nav_item.active::after
{
	display: block;
	position: absolute;
	left: -1px;
	bottom: -11px;
	width: calc(100% + 2px);
	height: 2px;
	background: linear-gradient(to right, #ffffff, #ffffff);
	content: '';
	opacity: 1;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}


.main_nav_item:hover::after
{
	opacity: 1;
}
.content_search
{
	-webkit-transform: translateY(-1px);
	-moz-transform: translateY(-1px);
	-ms-transform: translateY(-1px);
	-o-transform: translateY(-1px);
	transform: translateY(-1px);
	cursor: pointer;
}
.header.scrolled .content_search
{
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}
.mag_glass
{
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.content_search img
{
	width: 17px;
	height: 17px;
}
.content_search:hover .mag_glass
{
	fill: #fa9e1c;
}
.search_form
{
	position: absolute;
	right: 15px;
	top: 120px;
	width: 237px;
	height: 40px;
	visibility: hidden;
	opacity: 0;
}
.search_form.active
{
	top: 105px;
	visibility: visible;
	opacity: 1;
}
.search_content_input
{
	width: 100%;
	height: 100%;
	background: #FFFFFF;
	color: #1b0b32;
	padding-left: 20px;
	outline: none !important;
	border: none !important;
	box-shadow: 0px 8px 20px rgba(0,0,0,0.15);
}
.bez_1
{
	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
	-moz-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
	-o-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
}

/*********************************
3.4 Menu
*********************************/

.hamburger
{
	display: none;
	-webkit-transform: translateY(-3px);
	-moz-transform: translateY(-3px);
	-ms-transform: translateY(-3px);
	-o-transform: translateY(-3px);
	transform: translateY(-3px);
	cursor: pointer;
	margin-left: 20px;
}
.header.scrolled .hamburger
{
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}
.hamburger em
{
	font-size: 24px;
	color: #FFFFFF;
}
.hamburger:hover em
{
	color: #fa9e1c;
}
.menu
{
	position: fixed;
	width: 100vw;
	height: 100vh;
	background: #004085;
	z-index: 100;
	opacity: 0;
	visibility: hidden;
}
.menu.active
{
	opacity: 0.95;
	visibility: visible;
}
.menu_content
{
	width: 100%;
	height: 100%;
}
.menu_item
{
	position: relative;
	margin-bottom: 3px;
}
.menu_item:last-child
{
	margin-bottom: 0px;
}
.menu_logo
{
	margin-bottom: 28px;
}
.menu_logo a img
{
	width: 219px !important;
}
.menu_item a
{
	display: inline-block;
	position: relative;
	font-family: 'Beyond';
	font-size: 36px;
	color: #FFFFFF;
	font-weight: 400;
}
.menu_item a::after
{
	display: block;
	position: absolute;
	top: 60%;
	left: 0;
	width: 0;
	height: 4px;
	background: #FFFFFF;
	letter-spacing: 2px;
	content: '';
	z-index: 10;
	pointer-events: none;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 400ms ease;
}
.menu_item:hover a::after
{
	width: 100%;
}
.menu_close_container
{
	position: absolute;
	top: 94px;
	right: 122px;
	width: 21px;
	height: 21px;
	cursor: pointer;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.menu_close
{
	top: 9px;
	width: 21px;
	height: 3px;
	background: #FFFFFF;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.menu_close::after
{
	display: block;
	position: absolute;
	top: -9px;
	left: 9px;
	content: '';
	width: 3px;
	height: 21px;
	background: #FFFFFF;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.menu_close_container:hover .menu_close,
.menu_close_container:hover .menu_close::after
{
	background: #fa9e1c;
}

/*********************************
4. Home
*********************************/

.home
{
	width: 100%;
	height: 100vh;
}

.home-1 {
    width: 100%;
    height: 74vh;
}

/*********************************
4.1 Home Slider
*********************************/

.home_slider_container
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}
.home_slider
{
	width: 100%;
	height: 100%;
}
.home_slider_item
{
	width: 100%;
	height: 100%;
}
.home_slider_background
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.home_slider_content
{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 11;
}
.home_slider_content h1
{
	margin-bottom: 0px;
}
.home_slider_content h1:first-child
{
    font-size: 32px;
    font-weight: 900;
    color: #FFFFFF;
    text-transform: uppercase;
    background: #0d0d6259;
    padding: 11px;
}
}
.home_slider_content h1:nth-child(2) {
    font-family: 'Beyond';
    font-size: 57px;
    color: #FFFFFF;
    margin-top: 12px;
}
.home_slider_button
{
	margin-top: 70px;
}
.flipInX
{
	animation-delay: 600ms;
}

.home_title {
    font-size: 72px;
    font-weight: 800;
    color: #FFFFFF;
    text-transform: uppercase;
}

@media only screen and (max-width:430px){
.home_title {
    font-size: 34px;
    font-weight: 800;
    color: #FFFFFF;
    text-transform: uppercase;
}
}

.home_content {
    position: absolute;
    bottom: 106px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
/*********************************
4.2 Home Slider Nav
*********************************/

.home_slider_nav
{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 11;
	cursor: pointer;
}
.home_slider_prev
{
	left: 50px;
}
.home_slider_next
{
	right: 50px;
}
.home_slider_prev:hover .nav_path,
.home_slider_prev:hover .nav_arrow
{
	fill: url(#home_grad_prev);
}
.home_slider_next:hover .nav_arrow,
.home_slider_next:hover .nav_path
{
	fill: url(#home_grad_next);
}

/*********************************
4.3 Home Slider Dots
*********************************/

.home_slider_dots
{
	position: absolute;
	right: 50px;
	bottom: 45px;
	z-index: 10;
}
.home_slider_custom_dots
{

}
.home_slider_custom_dot
{
	display: inline-block;
	position: relative;
	height: 35px;
	line-height: 35px;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 13px;
	font-weight: 600;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.home_slider_custom_dot:hover
{
	color: #fa9e1c;
}
.home_slider_custom_dot:hover.active div
{
	border-color: #fa9e1c;
}
.home_slider_custom_dot.active
{
	padding-left: 13px;
	padding-right: 9px;
	margin-right: 3px;
}
.home_slider_custom_dot div
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: solid 2px transparent;
	border-radius: 18px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.home_slider_custom_dot.active div
{
	border: solid 2px #FFFFFF;
}

/*********************************
5. Search
*********************************/

.search
{
    width: 100%;
    height: 150px !important;
    background: linear-gradient(to right, #003e7e, #00162e) !important;
    z-index: 10;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 5px solid #ffeb3b !important;
    border-top: 5px solid #ffeb3b !important;
}
.search_tabs_container
{
	position: absolute;
	bottom: 100%;
	left: 15px;
	width: calc(100% - 30px);
}
.search_tabs
{
	height: 94px;
}
.search_tab
{
	font-size: 14px;
	font-weight: 700;
	color: #2d2c2c;
	text-transform: uppercase;
	text-align: center;
	height: 100%;
	flex-grow: 1;
	background: #FFFFFF;
	cursor: pointer;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.search_tab img
{
	margin-right: 10px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.search_tab:first-child
{
	border-top-left-radius: 94px;
	padding-left: 7px;
}
.search_tab:last-child
{
	border-top-right-radius: 94px;
	padding-right: 7px;
}
.search_tab.active
{
	background: #fa9e1b;
	color: #FFFFFF;
}
.search_tab.active img
{
	-webkit-filter: brightness(200%) grayscale(100%);
	-moz-filter: brightness(200%) grayscale(100%);
	-ms-filter: brightness(200%) grayscale(100%);
	-o-filter: brightness(200%) grayscale(100%);
  	filter: brightness(200%) grayscale(100%);
}
.search_tab:hover
{
	background: #fa9e1b;
	color: #FFFFFF;
}
.search_tab:hover img
{
	-webkit-filter: brightness(200%) grayscale(100%);
	-moz-filter: brightness(200%) grayscale(100%);
	-ms-filter: brightness(200%) grayscale(100%);
	-o-filter: brightness(200%) grayscale(100%);
  	filter: brightness(200%) grayscale(100%);
}
.search_panel
{
	display: none !important;
	width: 100%;
	height: 100%;
	-webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
}
.search_panel.active
{
	display: flex!important;
}
/* Fade in tabs */
@-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}
.search_panel_content
{
	width: 100%;
	height: 100%;
}
.search_input
{
	width: 100%;
	height: 46px;
	border: none;
	outline: none;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 13px;
	font-weight: 600;
	color: #929191;
}
.search_item:first-child
{
	width: 17.961%;
}
.search_item:nth-child(2)
{
	width: 17.961%;
}
.search_item:nth-child(3)
{
	width: 13.961%;
}
.search_item:nth-child(4)
{
	width: 9.947%;
}
.search_item:nth-child(5)
{
	width: 9.947%;
}
.search_item div
{
	font-size: 13px;
	font-weight: 700;
	color: #FFFFFF;
	text-transform: uppercase;
	margin-bottom: 14px;
}
.dropdown_item_select
{
	-webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    -o-appearance:none;
    appearance:none;
	-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	-webkit-user-select: none;
	background-image: url(../images/dropdown.png);
	background-position: center right;
	background-repeat: no-repeat;
	border: solid 1px #FFFFFF;
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: pointer;
}
.dropdown_item_select::-ms-expand
{
    display: none;
}
.dropdown_item_select:hover
{
	border: solid 1px #fa9e1c;
}
.dropdown_item_select:focus
{
	outline-color: #fa9e1c;
}
.search_button
{
	font-size: 13px;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
	line-height: 53px;
	padding-left: 46px;
	padding-right: 46px;
	background: #ffdd00;
	-webkit-transform: translateY(15px);
	-moz-transform: translateY(15px);
	-ms-transform: translateY(15px);
	-o-transform: translateY(15px);
	transform: translateY(15px);
	border: none;
	outline: none;
	cursor: pointer;
}
.search_button:hover
{
	opacity: 0.8;
}

/*********************************
6. Section Title
*********************************/

.section_title
{
	font-size: 30px;
	font-weight: 700;
	color: #2d2c2c;
	margin-top: -8px;
	text-transform: uppercase;
}

/*********************************
7. Intro
*********************************/

.intro
{
	width: 100%;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
.intro_title
{
	font-weight: 700;
	color: #003e7e;
	margin-top:13px;
}
.intro_text
{
	margin-top: 21px;
}
.intro_text p {
   font-size: 21.5px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 8px;
}
.intro_items
{
	margin-top: 69px;
}
.intro_item
{
	width: 100%;
	height: 425px;
}
.intro_item_overlay
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	background: rgba(49, 18, 75, 0.55);
}
.intro_item_background
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	z-index: 1;
}
.intro_item_content
{
	width: 100%;
	height: 100%;
	z-index: 3;
}
.intro_date
{
	position: absolute;
	top: 35px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	width: auto;
	padding-left: 39px;
	padding-right: 39px;
	white-space: nowrap;
	font-size: 13px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 27px;
	background: #fa9e1c;
	border-radius: 14px;
}
.intro_button
{
	position: absolute;
	bottom: 51px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.intro_center
{

}
.intro_center h1
{
	font-size: 59px;
	font-weight: 700;
	color: #FFFFFF;
	letter-spacing: -0.05em;
}
.intro_price
{
	font-size: 14px;
	font-weight: 400;
	color: #FFFFFF;
	margin-top: -4px;
}
.rating
{
	margin-top: 10px;
}
.rating em
{
	font-size: 19px;
	margin-right: 4px;
}
.rating em:last-child
{
	margin-right: 0px;
}
.rating_1 em:first-child{color: #ffeb8d;}
.rating_2 em:first-child{color: #ffeb8d;}
.rating_2 em:nth-child(2){color: #fed46b;}
.rating_3 em:first-child{color: #ffeb8d;}
.rating_3 em:nth-child(2){color: #fed46b;}
.rating_3 em:nth-child(3){color: #fbb53d;}
.rating_4 em:first-child{color: #ffeb8d;}
.rating_4 em:nth-child(2){color: #fed46b;}
.rating_4 em:nth-child(3){color: #fbb53d;}
.rating_4 em:nth-child(4){color: #fa9e1b;}
.rating_5 em:first-child{color: #ffeb8d;}
.rating_5 em:nth-child(2){color: #fed46b;}
.rating_5 em:nth-child(3){color: #fbb53d;}
.rating_5 em:nth-child(4){color: #fa9e1b;}
.rating_5 em:nth-child(5){color: #ef910a;}

/*********************************
8. CTA
*********************************/

.cta
{
	padding-top: 32px;
	padding-bottom: 32px;
}
.cta_background
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}


#about {
    background: url(../images/about-bg.jpg);
    position: relative;
    color: #fff;
    padding: 40px 0 40px 0;
	background-size: cover;
}

#about:before {
    content: "";
    background: rgb(51 51 51 / 56%);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

#testimonials {
    background: url(../images/testimonials.jpg);
    position: relative;
    color: #fff;
    padding: 40px 0 40px 0;
    background-size: cover;
}

#testimonials:before {
    content: "";
    background: rgb(51 51 51 / 56%);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}
/*********************************
8.1 CTA Slider
*********************************/

.cta_slider_container
{

}
.cta_item
{
	padding-top: 75px;
	padding-bottom: 61px;
	padding-left: 90px;
	padding-right: 90px;
	background: #1111118f;
}
.cta_title
{
	font-size: 30px;
	font-weight: 700;
	color: #ffdd00;
	text-transform: uppercase;
}
.cta_item > .cta_text
{
	font-weight: 600;
	line-height: 2.29;
	margin-top: 14px;
	margin-bottom: 0px;
	color: #ffffff;
	font-size:18px;
}
.cta_button
{
	margin-top: 38px;
}
.rating_r em::before
{
	font-family: 'FontAwesome';
	content: "\f006";
	font-style: normal;
	font-size: 19px;
	margin-right: 4px;
}
.rating_r_1 em:first-child::before{color: #ffeb8d; content: "\f005";}
.rating_r_2 em:first-child::before{color: #ffeb8d; content: "\f005";}
.rating_r_2 em:nth-child(2)::before{color: #fed46b; content: "\f005";}
.rating_r_3 em:first-child::before{color: #ffeb8d; content: "\f005";}
.rating_r_3 em:nth-child(2)::before{color: #fed46b; content: "\f005";}
.rating_r_3 em:nth-child(3)::before{color: #fbb53d; content: "\f005";}
.rating_r_4 em:first-child::before{color: #ffeb8d; content: "\f005";}
.rating_r_4 em:nth-child(2)::before{color: #fed46b; content: "\f005";}
.rating_r_4 em:nth-child(3)::before{color: #fbb53d; content: "\f005";}
.rating_r_4 em:nth-child(4)::before{color: #fa9e1b; content: "\f005";}
.rating_r_4 em:nth-child(5)::before{color: #fa9e1b; content: "\f005";}
.rating_r_5 em:first-child::before{color: #ffeb8d; content: "\f005";}
.rating_r_5 em:nth-child(2)::before{color: #fed46b; content: "\f005";}
.rating_r_5 em:nth-child(3)::before{color: #fbb53d; content: "\f005";}
.rating_r_5 em:nth-child(4)::before{color: #fa9e1b; content: "\f005";}
.rating_r_5 em:nth-child(5)::before{color: #ef910a; content: "\f005";}
.cta_slider_nav
{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 10;
	cursor: pointer;
}
.cta_slider_prev
{
	left: -75px;
}
.cta_slider_next
{
	right: -75px;
}
.cta_slider_prev:hover .nav_path,
.cta_slider_prev:hover .nav_arrow
{
	fill: url(#cta_grad_prev);
}
.cta_slider_next:hover .nav_path,
.cta_slider_next:hover .nav_arrow
{
	fill: url(#cta_grad_next);
}



/*********************************
10. Testimonials
*********************************/

.testimonials
{
	width: 100%;
	padding-top: 105px;
	padding-bottom: 105px;
	background: #FFFFFF;
}
.test_border
{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: linear-gradient(to right, #fa9e1b, #8d4fff);
}

/*********************************
10.1 Testimonials Slider
*********************************/

.test_slider_container
{
	width: 100%;
	margin-top: 54px;
}
.test_item
{
	padding-top: 36px;
}
.test_icon
{
	position: absolute;
	top: 0px;
	left: 41px;
	width: 72px;
	height: 72px;
	background: #fa9e1b;
	border-radius: 50%;
	overflow: hidden;
}
.test_icon img
{
	position: relative;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: auto !important;
}
.test_content_container
{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 44.1%;
	background: rgba(49, 18, 75, 0.8);
}
.test_content
{
	width: 100%;
	height: 100%;
	padding-left: 38px;
	padding-top: 44px;
	padding-right: 40px;
}
.test_item_info
{
	position: absolute;
	left: 41px;
	bottom: calc(100% - 18px);
	background: #FFFFFF;
	padding-left: 20px;
	padding-right: 21px;
	padding-top: 9px;
	padding-bottom: 10px;
	z-index: 10;
}
.test_name
{
	font-size: 14px;
	font-weight: 700;
	color: #2d2c2c;
	text-transform: uppercase;
}
.test_date
{
	font-size: 11px;
	margin-top: 2px;
	color: #2d2c2c;
	padding-left: 2px;
}
.test_quote_title
{
	font-size: 20px;
	font-weight: 500;
	color: #FFFFFF;
	padding-left: 3px;
}
.test_quote_text
{
	font-weight: 500;
	color: #FFFFFF;
	margin-top: 11px;
}
.test_slider_nav
{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 10;
	cursor: pointer;
}
.test_slider_nav .nav_path,
.test_slider_nav .nav_arrow
{
	fill: #c4ced2;
}
.test_slider_prev
{
	left: -75px;
}
.test_slider_next
{
	right: -75px;
}
.test_slider_prev:hover .nav_path,
.test_slider_prev:hover .nav_arrow
{
	fill: url(#test_grad_prev);
}
.test_slider_next:hover .nav_path,
.test_slider_next:hover .nav_arrow
{
	fill: url(#test_grad_next);
}

/*********************************



/*********************************
13. Footer
*********************************/

.footer {
    width: 100%;
    padding-top: 54px;
    padding-bottom:44px;
    background: #002145;
}
.footer_title
{
	font-size: 25px;
	font-weight: 700;
	color: #FFFFFF;
	text-transform: uppercase;
}

/*********************************
13.1 Footer - About
*********************************/

.footer_about
{
	padding-top: 67px;
}
.footer_logo
{
	position: absolute;
	left: 0;
	top: -24px;
}
.footer_about_text
{
	font-size: 14px;
	font-weight: 600;
	color: #FFFFFF;
}
.footer_social_item
{
	display: inline-block;
	width: 31px;
	height: 31px;
	border: solid 1px #fa9e1b;
	border-radius: 50%;
	text-align: center;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
	margin-right: 9px;
}
.footer_social_item:last-child
{
	margin-right: 0px;
}
.footer_social_item a
{
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
}
.footer_social_item a em
{
	display: block;
	position: relative;
	color: #FFFFFF;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 12px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.footer_social_item:hover
{
	background: #fa9e1b;
}
.footer_social_item:hover a em
{
	color: #31124b;
}

/*********************************
13.2 Footer - Blog
*********************************/

.footer_blog
{
	margin-top: 39px;
}
.footer_blog_item
{
	margin-bottom: 21px;
}
.footer_blog_item:last-child
{
	margin-bottom: 0px;
}
.footer_blog_image
{
	width: 60px;
	height: 60px;
	float: left;
}
.footer_blog_image img
{
	width: 100%;
}
.footer_blog_content
{
	padding-left: 81px;
}
.footer_blog_title
{
	margin-top: -4px;
	padding-left: 1px;
}
.footer_blog_title a
{
	font-size: 14px;
	font-weight: 400;
	color: #FFFFFF;
}
.footer_blog_title a:hover
{
	color: #fa9e1b;
}
.footer_blog_date
{
	font-size: 12px;
	font-weight: 400;
	color: #fa9e1b;
	margin-top: 7px;
}

/*********************************
13.3 Footer - Tags
*********************************/

.footer_tags
{
	margin-top: 40px;
}
.tag_item
{
	height: 35px;
	float: left;
	margin-right: 9px;
	margin-bottom: 9px;
	border: solid 1px #fa9e1b;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.tag_item:hover
{
	background: #fa9e1b;
}
.tag_item a
{
	display: block;
	font-size: 12px;
	font-weight: 600;
	color: #FFFFFF;
	line-height: 33px;
	padding-left: 25px;
	padding-right: 25px;
}

/*********************************
13.4 Footer - Contact Info
*********************************/

.contact_info_list
{
	margin-top: 40px;
}
.contact_info_item
{
	margin-bottom: 22px;
}
.contact_info_icon
{
	width: 20px;
	height: 20px;
	margin-right: 10px;
}
.contact_info_icon img
{
	display: block;
	width: 100%;
}
.contact_info_text,
.contact_info_text a
{
	color: #FFFFFF;
	line-height: 2.14;
	margin-top: -4px;
}
.contact_info_item:hover .contact_info_text,
.contact_info_item:hover .contact_info_text a
{
	color: #fa9e1b;
}

/*********************************
14. Copyright
*********************************/

.copyright {
    background: #073567;
    padding: 10px;
    text-align: center;
}
.copyright a{
    color:#ffffff;
}
.copyright_content
{
	height: 52px;
}
.copyright_content div
{
	font-size: 12px;
	font-weight: 600;
	color: #685677;
}
.footer_nav_container
{
	height: 52px;
}
.footer_nav
{
	
}
.footer_nav_list
{
	font-size: 0px;
}
.footer_nav_item
{
	display: inline-block;
	margin-right: 40px;
}
.footer_nav_item a
{
	font-size: 12px;
	font-weight: 600;
	color: #685677;
	text-transform: uppercase;
	line-height: 2;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.footer_nav_item a:hover
{
	color: #FFFFFF;
}


.book_btn .book_now_btn {
    background: #003768;
    color: #ffffff;
    line-height: 34px;
    display: inline-block;
    padding: 0px 25px;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    letter-spacing: .28px;
    position: relative;
    z-index: 2;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    border: 2px solid #ffdd00;
}

.book_btn .book_now_btn:hover {
    background: transparent;
    color: #ffffff;
    line-height: 34px;
    display: inline-block;
    padding: 0px 25px;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    letter-spacing: .28px;
    position: relative;
    z-index: 2;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    border: 2px solid #ffffff;
}


@media only screen and (max-width: 1030px) {
	.book_btn .book_now_btn{
		display:none;
	}
}

.about_btn_b {
    display: inline-block;
    border: 1px solid #8e8e8e;
    padding: 0px 27px;
    line-height: 46px;
    color: #000 !important;
    font-size: 15px;
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: .45px;
    font-weight: 600;
    position: relative;
    z-index: 2;
    -webkit-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
}

.about_btn_b:hover {
    color: #fff !important;
    border-color: #00162e;
    background: #00162e;
    font-weight: 600;
}

.demo {
    background: url(../images/demo.png) repeat;
    padding: 19px;
}

.serviceBox{
    font-family: 'K2D', sans-serif;
    text-align: center;
    padding: 20px 15px 60px;
}
.serviceBox .service-icon{
    color: #ffdd00;
    background-color: #fff;
    font-size: 50px;
    line-height: 100px;
    height: 100px;
    width: 100px;
    margin: 0 auto 20px;
    border-radius: 50%;
    border: 2px solid #ffdd00;
    display: block;
    transition: all 0.3s;
}
.serviceBox:hover .service-icon{
    border-color: transparent;
    box-shadow: 0 0 10px #fff, 0 -10px 0 10px #003e7e;
}
.serviceBox .title{
    color: #303030;
    font-size: 20px;
    text-transform: uppercase;
    padding: 0 10px;
    margin-bottom: 15px;
    transition: all 0.3s;
}
.serviceBox:hover .title{ color:#EB1F52; }
.serviceBox .description{
    font-size: 15px;
    text-align: center;
    line-height: 27px;
    margin-bottom: 20px;
}
.serviceBox .read-more{
    color: #fff;
    background: #003d7e;
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: -56px;
    padding: 5px;
    display: block;
    transform: rotateX(-90deg);
    transform-origin: top center;
    -webkit-clip-path: polygon(0 0, 100% 0, 75% 100%, 25% 100%);
     clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    transition: all 0.5s;
    border-radius: 15px;
}
.serviceBox:hover .read-more{
    box-shadow: 0 0 10px #fff inset;
    transform: rotateX(0);
}
.serviceBox .read-more:hover{
    letter-spacing: 2px;
    text-shadow: 0 0 5px #000;
    text-decoration: none;
}
.serviceBox.blue .service-icon{
    color: #003e7e;
    border-color: #003e7e;
}
.serviceBox.blue:hover .service-icon{
    border-color: transparent;
    box-shadow:0 0 10px #fff, 0 -10px 0 10px #ffdd00;
}
.serviceBox.blue:hover .title{ color: #34C3EB; }
.serviceBox.blue .read-more{ background: #ffdd00; }
.serviceBox.orange .service-icon{
    color: #FF8214;
    border-color: #FF8214;
}
.serviceBox.orange:hover .service-icon{
    border-color: transparent;
    box-shadow:0 0 10px #fff, 0 -10px 0 10px #003e7e;
}
.serviceBox.orange:hover .title{ color: #FF8214; }
.serviceBox.orange .read-more{ background: #FF8214; }
.serviceBox.green .service-icon{
    color: #8FB900;
    border-color: #8FB900;
}
.serviceBox.green:hover .service-icon{
    border-color: transparent;
    box-shadow:0 0 10px #fff, 0 -10px 0 10px #8FB900;
}
.serviceBox.green:hover .title{ color: #8FB900; }
.serviceBox.green .read-more{ background: #8FB900; }
@media only screen and (max-width:990px){
    .serviceBox{ margin: 0 0 50px;
	    padding: 20px 0px 60px; }
}
License Terms

#about {
    background: url(../images/about-bg.jpg);
    position: relative;
    color: #fff;
    padding: 40px 0 40px 0;
}

#about:before {
    content: "";
    background: rgb(51 51 51 / 56%);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

.res {
    font-size: 30px;
    color: #FFF;
    font-weight: 700;
    padding-top: 20px;
}

ul.footer-nav a {
    color: #b7b6b6;
	font-size:17px;
}

ul.footer-nav li {
    line-height:2;
}

.social-info-1 a {
    display: inline-block;
    color: #ffffff;
    background: #001226;
    padding: 20px;
    border-radius: 50%;
    height: 60px;
    width: 60px;
    padding-top: 10px;
    font-size: 27px;
}

.news_post:not(:last-child) {
    margin-bottom: 68px;
}

.news_post_image {
    width: 34.8%;
}

.news_post_image img {
    max-width: 100%;
}

.news_post_content {
    width: 65.2%;
    padding-left: 30px;
}

.news_post_title {
    margin-top: 17px;
}

.news_post_title a {
    font-family: 'Oswald', sans-serif;
    font-size: 28px;
    font-weight: 400;
    color: #181818;
}

.news_post_category {
    margin-top: -5px;
}

.news_post_category ul li {
    display: inline-block;
}

.news_post_category ul li a {
    font-family: 'Oswald', sans-serif;
    font-size: 9px;
    color: #00f;
    text-transform: uppercase;
    letter-spacing: 0.2em;
}

.news_post_text {
    margin-top: 14px;
}

.news_container {
    margin-top: 6%;
}

@media only screen and (max-width: 767px){
.news_post_image {
    width: 100%;
}

.news_post_content {
    width: 100%;
    padding-left: 0px;
    margin-top: 27px;
}
}


em.fa.fa-play-circle.fa-3x.b-animation {
    margin-left: 35%;
    font-size: 104px;
    color: #fff;
    cursor: pointer;
}

.b-animation {
    animation: fadeIn 1s infinite alternate;
}

.b-animation:hover {
    transform: scale(1.5);
    animation: fadeIn 0s infinite alternate;
}

.back-to-top-1 {
    cursor: pointer;
    position: fixed;
    bottom: 11px;
    right: 20px;
    display: none;
    border-radius: 100%;
}

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 11px;
    right: 20px;
    display: none;
    border-radius: 100%;
}

@media only screen and (min-width:1023px){
.social-info-1{
	display:none;
}
}

/*****************************
15. Amenities
****************************/

.services-2 {
    margin-bottom: -58px;
	    margin-top: 7%;
}

@media only screen and (max-width:430px){
.services-2 {
	    margin-top: 7%;
		margin-bottom:0%;
}
}


.services-3 {
    margin-bottom: -58px;
    margin-top: 15%;
}

.services-2 .icon,.services-3 .icon  {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #004085;
    -webkit-box-shadow: 0px 10px 30px -4px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 10px 30px -4px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 10px 30px -4px rgba(0, 0, 0, 0.15);
}
.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}
.justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.services-2 .icon span, .services-3 .icon span {
    font-size: 28px;
    color: #fff;
}

.services-2 .media-body, .services-3 .media-body {
    width: calc(100% - 70px);
}
.pl-3, .px-3 {
    padding-left: 1rem !important;
}

.services-2 .media-body h3, .services-3 .media-body h3 {
    font-family: "Poppins", Arial, sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #6a9aef;
}

@media (min-width: 1200px){
#container-1 {
    max-width: 1332px;
}
}


.title4 {
    font-size: 20px;
    font-weight: 600;
    color: #999;
    border-bottom: 1px dotted;
    margin-left: -1%;
    margin-bottom: 2%;
}

ul.a-t {
    color: #000;
}

ul.a-t > li:before {
    font-family: FontAwesome;
    content: "\f101";
    font-size: 18px;
    padding-right: 10px;
    color: #d21e39;
}

.att-title-1 {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 5%;
    font-weight: 700;
    color: #014590;
    border-bottom: 1px dotted #333;
}

.contact-css{
	 line-height:2.2; font-size:18px;
}

.contact-css a{
	color:#000;
	text-decoration:none;
	border-bottom:none;
}

.contact-css a:hover{
	color:#004085;
	background:none;
}

.list-sty-1 {
    line-height: 2.5;
    font-size: 18px;
}

ul.list-sty-1 a {
    color: #004085;
}

ul.list-sty-1 a:hover {
    color: #000000;
}

.title-room {
    font-size: 27px;
    border-bottom: 1px dotted #333;
    margin-bottom: 3%;
    color: #0056b2;
}

ul.a-t-1 {
    font-size:18px;
	line-height:2.5;
}

.h-p {
    font-size: 23px;
    font-weight: 600;
    color: #04c;
	margin-top:5%;
}

.h-p-d {
    font-size: 18px;
    color: #585858;
	line-height:2;
}

@media (min-width: 430px) and (max-width: 770px) {
.col-md-3-1 {
    -ms-flex: 0 0 50% !important;
    flex: 0 0 50% !important;
    max-width: 50% !important;
}
}

.active-1 {
    display: block;
    position: absolute;
    left: -1px;
    bottom: -11px;
    width: calc(100% + 2px);
    height: 2px;
    background: linear-gradient(to right, #ffffff, #ffffff);
    content: '';
    opacity: 1;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.five {
    font-size: 18px;
    background-color: #004085;
    color: #fff;
    padding: 10px;
    text-align: center;
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    /* background-color: #fbb600; */
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    color: #6b6b6b;
}

.moretext {
  display: none;
}

.ul-sty > li {
    text-align: left;
    font-size: 19px;
    line-height: 2;
}

.ul-sty > li:before {
    font-family:FontAwesome;
	content:"\f101";
	color:#5095de;
	padding:2%;
}

.h3-sty {
    text-align: left;
    border-bottom: 1px dotted #333;
    color: #004085;
    font-weight: 600;
}


.box{
     /*background-image: radial-gradient(circle farthest-corner at 22.4% 21.7%, rgba(4, 189, 228, 1) 0%, rgba(2, 83, 185, 1) 100.2%);*/
     font-family: 'Raleway', sans-serif;
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
     overflow: hidden;
     position: relative;
     transition: all 0.3s ease-in-out;
	     background-color: #000;
    font-size: 16px;
 }
 .box:hover{ box-shadow: 15px 15px 30px rgba(0, 0, 0, 0.4); }
 .box:before{
     content: "";
     border: 8px solid #fff;
     opacity: 0;
     position: absolute;
     top: 50%;
     bottom: 50%;
     left: 15px;
     right: 15px;
     z-index: 1;
     transition: all 0.4s ease-in-out;
 }
 .box:hover:before{
     opacity: 0.9;
     top: 15px;
     bottom: 15px;
 }
 .box img{
     width: 100%;
     height: auto;
     transform: scale(1.1) translateX(4%);
     transition: all 0.4s ease-in-out;
 }
 .box:hover img{
     opacity: 0.3;
     transform: scale(1.1) translateX(-4%);
 }
 .box .box-content{
     color: #fff;
     opacity: 0;
     transform: translateX(20%);
     position: absolute;
     top: 30px;
     left: 33px;
     transition: all 0.3s ease-out;
 }
 .box:hover .box-content{
     opacity: 1;
     transform: translateX(0);
     transition-delay: 0.3s;
 }
 .box .title{
     font-size: 22px;
     font-weight: 700;
     text-transform: uppercase;
     margin: 0;
 }
 .box .post{
     font-size: 15px;
     font-weight: 400;
     font-style: italic;
     text-transform: capitalize;
     letter-spacing: 1px;
 }
 .box .icon{
     padding: 0;
     margin: 0;
     list-style: none;
     opacity: 0;
     transform: translateX(-20%);
     position: absolute;
     bottom: 33px;
     right: 30px;
     z-index: 1;
     transition: all 0.3s ease-out;
 }
 .box:hover .icon{
     opacity: 1;
     transform: translateX(0);
     transition-delay: 0.3s;
 }
 .box .icon li{
     margin: 0 2px;
     display: inline-block;
 }
 .box .icon li a{
     color: rgba(2, 83, 185, 1);
     background: #fff;
     font-size: 18px;
     text-align: center;
     line-height: 30px;
     height: 35px;
     width: 35px;
     border: 3px solid #fff;
     display: block;
     transition: all 0.3s ease;
 }
 .box .icon li a:hover{
     color: #fff;
     background: rgba(6, 57, 84, 1);
 }
 @media only screen and (max-width:990px){
     .box{ margin: 0 0 30px; }
 }
 
 
 .ada, .ada a {
    width: 100%;
    margin: 0 auto;
    padding: 12px 0;
    text-align: center;
    color: #fff;
background: repeat url(../images/ada-bg.png);
    font-size: 17px;
}

























/* ===================================================================
   --- 1. UNIQUE AMENITIES SECTION ---
   =================================================================== */

.amenities-unique {
  position: relative;
  padding: 50px 20px; 
  overflow: hidden;
  /* Optional: Animation for background */
  animation: gradientShift 12s ease infinite;
}

.amenities-grid-page {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 50px;
  max-width: 1200px;
  margin: 0 auto;
}

/* Card Style */
.amenity-item {
  background: #fff;
  padding: 40px 25px;
  border-radius: 15px;
  text-align: center;
  position: relative;
  box-shadow: 0 15px 35px rgba(0,0,0,0.08);
  transition: all 0.4s ease;
  border-top: 4px solid transparent;
}

.amenity-item:hover {
  transform: translateY(-12px) scale(1.02);
  /* UPDATED: Hover border now uses the new accent color */
  border-top: 4px solid #ffdd00;
  /* UPDATED: Hover shadow uses a subtle version of the new primary color */
  box-shadow: 0 20px 45px rgba(30, 30, 42, 0.2); 
}

/* Icon Circle */
.icon-circle {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  /* UPDATED: Icon background uses the new accent color */
  background: #ffdd00; 
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  font-size: 2rem;
  /* UPDATED: Icon color for contrast with the new background */
  color: #000000; 
  transition: all 0.4s ease;
  box-shadow: 0 0 12px rgba(0,0,0,0.1);
}

.amenity-item:hover .icon-circle {
  /* UPDATED: Icon hover background uses the new primary color */
  background: #003e7e;
  /* UPDATED: Icon hover color for contrast */
  color: #fff;
  /* UPDATED: Hover shadow effect using the new accent color for a 'glow' */
  box-shadow: 0 0 25px rgba(255, 221, 0, 0.6); 
}

.amenity-item h3 {
  font-size: 1.4rem;
  color: #000000;
  margin-bottom: 10px;
  font-weight: 400;
  text-transform: uppercase;
}

.amenity-item p {
  font-size: 0.95rem;
  color: #000000;
  line-height: 1.6;
}

/* Background decorative overlay */
.amenities-unique::before {
  content: "";
  position: absolute;
  top: -80px;
  left: -80px;
  width: 200px;
  height: 200px;
  /* UPDATED: Overlay with a transparent version of the new accent color */
  background: rgba(255, 221, 0, 0.1); 
  border-radius: 50%;
  z-index: 0;
}

.amenities-unique::after {
  content: "";
  position: absolute;
  bottom: -100px;
  right: -100px;
  width: 300px;
  height: 300px;
  /* UPDATED: Overlay with a transparent version of the new accent color */
  background: rgba(255, 221, 0, 0.15); 
  border-radius: 50%;
  z-index: 0;
}

@keyframes gradientShift {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* ===== Responsive for Unique Amenities ===== */
@media (max-width: 992px) {
    .amenities-grid-page {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }
}

@media (max-width: 768px) {
    .amenities-grid-page {
        grid-template-columns: 1fr;
    }
    .amenity-item h3 {
        font-size: 1.2rem;
    }
    .amenity-item {
        padding: 30px 20px;
    }
}

/* ===================================================================
   --- 2. ROOM AMENITIES SHOWCASE ---
   =================================================================== */

/* General styling for the section */
.room-amenities-section {
    text-align: center;
    padding: 50px 20px;
    background-color: #ffffff;
}

/* Styling for the main heading */
.room-amenities-section h2 {
    font-size: 3em;
    /* UPDATED: New primary color for heading */
    color: #003e7e; 
    margin: 0 0 20px 0;
    font-weight: 600;
    position: relative;
    display: inline-block;
}

/* The orange underline for the heading */
.room-amenities-section h2::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 70px;
    height: 3px;
    /* UPDATED: New accent color for underline */
    background-color: #ffdd00;
}

/* Flex container for the columns */
.room-amenities-layout {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 60px;
    margin-top: 60px;
    flex-wrap: wrap;
}

/* Styling for the text columns */
.room-amenities-column {
    flex: 1;
    max-width: 250px;
}

.room-amenities-column ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.room-amenities-column li {
    font-size: 1.3em;
    color: #000000;
    margin-bottom: 25px;
}

/* Align text away from the central image */
.room-amenities-column.left {
    text-align: right;
}

.room-amenities-column.right {
    text-align: left;
}

/* Container for the central image */
.room-amenities-image-container {
   flex-shrink: 0;
}

/* Styling for the circular room image */
.room-amenities-image {
    width: 300px;
    height: 300px;
    border-radius: 50%;
    object-fit: cover;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

/* ===== Responsive for Room Amenities ===== */
@media (max-width: 768px) {
    .room-amenities-section h2 {
        font-size: 2.2em;
    }
    .room-amenities-layout {
        gap: 30px;
        flex-direction: column;
    }
    .room-amenities-image {
        width: 250px;
        height: 250px;
        margin-bottom: 20px;
    }
    .room-amenities-column {
        max-width: 100%;
        text-align: center !important; /* Center text on mobile */
    }
    .room-amenities-column li {
        font-size: 1.1em;
        margin-bottom: 15px;
    }
    /* Reverse the order to show left text, then image, then right text */
    .room-amenities-layout .room-amenities-column.left {
        order: 1;
    }
    .room-amenities-layout .room-amenities-image-container {
        order: 2;
    }
     .room-amenities-layout .room-amenities-column.right {
        order: 3;
    }
}

/* ===== Location Section Hero ===== */
.location-section-hero {
  padding: 60px 20px;
}

.location-wrapper-hero {
  max-width: 1280px;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  align-items: stretch;
  background: #ffffff;
  border-radius: 18px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}

/* ===== Left Content Box ===== */
.location-info-box {
  flex: 1;
  padding: 50px 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.location-info-box h2 {
  font-size: 2.6rem;
  color: #003e7e;
  margin-bottom: 20px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.location-info-box p {
  font-size: 1.1rem;
  color: #000000;
  margin-bottom: 30px;
  line-height: 1.8;
}

/* ===== Coordinates & Directions Panels ===== */
.coordinates-area,
.directions-area {
  background: #f8f9fa;
  padding: 22px;
  border-left: 5px solid #ffdd00; 
  margin-bottom: 25px;
  border-radius: 10px;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.05);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.coordinates-area:hover,
.directions-area:hover {
  transform: translateY(-3px);
  box-shadow: 0 5px 12px rgba(255, 221, 0, 0.25);
}

.coordinates-area h4,
.directions-area h4 {
  color: #000000;
  font-size: 1.2rem;
  margin-bottom: 10px;
  font-weight: 600;
}

.coordinates-area ul {
  list-style: none;
  padding-left: 0;
  color: #000000;
}

.coordinates-area ul li {
  margin-bottom: 8px;
  font-size: 1rem;
}

/* ===== Form Styling ===== */
.directions-area form input {
  width: 100%;
  padding: 12px;
  margin-bottom: 12px;
  border-radius: 8px;
  border: 1px solid #ccc;
  font-size: 1rem;
}

.directions-area form button {
  width: 100%;
  padding: 12px;
  background: linear-gradient(90deg, #003e7e, #ffdd00);
  color: #fff;
  border: none;
  font-size: 1rem;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
  font-weight: 600;
  letter-spacing: 0.3px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.directions-area form button:hover {
  background: linear-gradient(90deg, #ffdd00, #003e7e);
  transform: translateY(-2px);
  box-shadow: 0 6px 14px rgba(0, 62, 126, 0.25);
}

/* ===== Map Box (Right Side) ===== */
.location-map-box {
  flex: 1;
  background: #f8f9fa;
  display: flex;
  align-items: center;
  justify-content: center;
  border-left: 3px solid #ffdd00;
  min-height: 400px;
}

.map-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ===== Responsive Design ===== */
@media (max-width: 992px) {
  .location-wrapper-hero {
    flex-direction: column;
  }

  .location-info-box {
    padding: 30px 25px;
  }
  
  .location-map-box {
    height: 350px;
    min-height: auto;
    border-left: none;
    border-top: 3px solid #ffdd00;
  }

  .location-info-box h2 {
    font-size: 2.2rem;
  }
}

@media (max-width: 768px) {
    .location-section-hero {
        padding: 40px 15px;
    }
    .location-info-box h2 {
        font-size: 2rem;
    }
    .location-info-box p {
        font-size: 1rem;
    }
    .location-map-box {
        height: 300px;
    }
}


/* ===== Contact Header Section (Oxford Theme) ===== */
.custom-contact-header {
  text-align: center;
  padding: 20px 20px;
  background-color: #f9f9f9;
}

/* ===== Title Styling ===== */
.custom-contact-title {
  font-size: 2.6rem;
  font-weight: 700;
  color: #003e7e; 
  margin-bottom: 25px;
  position: relative;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 1px;
}

/* Elegant orange-gold underline accent */
.custom-contact-title::after {
  content: '';
  width: 80px;
  height: 4px;
  background: linear-gradient(90deg, #003e7e, #ffdd00);
  display: block;
  margin: 20px auto 0;
  border-radius: 2px;
}

/* ===== Description Text ===== */
.custom-contact-description {
  font-size: 18px;
  line-height: 1.8;
  color: #000000;
  max-width: 1100px;
  margin: 30px auto 0;
  font-weight: 400;
}

/* Highlighted text emphasis */
.custom-contact-description strong {
  color: #003e7e;
  font-weight: 600;
}

/* ===== Inline Links ===== */
.custom-contact-description a {
  color: #003e7e;
  text-decoration: underline;
  transition: color 0.3s ease;
}

.custom-contact-description a:hover {
  color: #ffdd00;
  text-decoration: none;
}

/* ===== Responsive Design ===== */
@media (max-width: 767px) {
  .custom-contact-header {
    padding: 40px 15px;
  }

  .custom-contact-title {
    font-size: 2rem;
  }

  .custom-contact-description {
    font-size: 16px;
    line-height: 1.6;
  }
}

/* ===== Main Contact Info Section (Oxford Theme) ===== */
.contact-section-hero {
  background: #f9f9f9;
  padding: 20px 20px;
}

/* Wrapper Box */
.contact-wrapper-hero {
  max-width: 1280px;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  align-items: stretch;
  background: #ffffff;
  border-radius: 18px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}

/* ===== Left Content Box ===== */
.contact-info-box {
  flex: 1;
  padding: 50px 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.contact-info-box h2 {
  font-size: 2.6rem;
  color: #003e7e; 
  margin-bottom: 15px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.contact-info-box p {
  font-size: 1.1rem;
  color: #000000;
  margin-bottom: 30px;
  line-height: 1.8;
  font-weight: 400;
}

/* ===== Contact Details Box ===== */
.contact-details-area {
  background: #f8f9fa; 
  padding: 22px;
  border-left: 5px solid #ffdd00;
  margin-bottom: 25px;
  border-radius: 10px;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.05);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.contact-details-area:hover {
  transform: translateY(-3px);
  box-shadow: 0 5px 12px rgba(255, 221, 0, 0.25);
}

.contact-details-area h4 {
  color: #000000;
  font-size: 1.2rem;
  margin-bottom: 10px;
  font-weight: 600;
}

.contact-details-area ul {
  list-style: none;
  padding-left: 0;
  color: #000000;
}

.contact-details-area ul li {
  margin-bottom: 12px;
  font-size: 1rem;
  line-height: 1.6;
}

/* ===== Links ===== */
.contact-details-area a {
  color: #003e7e;
  font-weight: 600;
  text-decoration: none;
  transition: color 0.3s ease;
}

.contact-details-area a:hover {
  color: #ffdd00;
  text-decoration: underline;
}

/* ===== Right Side Image ===== */
.contact-image-box {
  flex: 1;
  background: #f8f9fa;
  display: flex;
  align-items: center;
  justify-content: center;
  border-left: 3px solid #ffdd00;
  min-height: 400px;
}

.contact-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0;
}

/* ===== Responsive Design ===== */
@media (max-width: 992px) {
  .contact-wrapper-hero {
    flex-direction: column;
  }

  .contact-info-box {
    padding: 30px 25px;
  }

  .contact-image-box {
    height: 350px;
    min-height: auto;
    border-left: none;
    border-top: 3px solid #ffdd00;
  }

  .contact-info-box h2 {
    font-size: 2.2rem;
  }

  .contact-info-box p {
    font-size: 1rem;
  }
}
@media (max-width: 768px) {
    .contact-image-box {
        height: 300px;
    }
     .contact-info-box h2 {
        font-size: 2rem;
    }
}


/* ===== Comfort Inn & Suites, Oxford Sitemap Section ===== */
.sitemap-section {
  padding: 80px 20px;
  background: linear-gradient(to bottom, #ffffff, #f9f9f9, #ffffff);
  text-align: center;
}

/* ===== Container ===== */
.sitemap-container {
  max-width: 1200px;
  margin: 0 auto;
}

/* ===== Title ===== */
.sitemap-title {
  font-size: 3rem;
  color: #003e7e; 
  margin-bottom: 20px;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 1px;
}

.sitemap-title::after {
  content: '';
  width: 80px;
  height: 4px;
  background: linear-gradient(90deg, #003e7e, #ffdd00);
  display: block;
  margin: 20px auto 0;
  border-radius: 2px;
}

/* ===== Subtitle ===== */
.sitemap-subtitle {
  font-size: 1.2rem;
  color: #000000;
  margin-bottom: 50px;
  font-weight: 400;
  line-height: 1.8;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

/* ===== Sitemap Links Grid ===== */
.sitemap-links {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

/* ===== Sitemap Blocks ===== */
.sitemap-block {
  background-color: #ffffff;
  padding: 40px;
  border-radius: 15px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 4px 20px rgba(10, 32, 80, 0.08);
  border: 1px solid rgba(255, 221, 0, 0.25);
  text-align: left;
}

.sitemap-block:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(0, 62, 126, 0.2); 
}

/* ===== Headings ===== */
.sitemap-block h2 {
  font-size: 1.8rem;
  color: #003e7e;
  margin-bottom: 15px;
  font-weight: 600;
  text-transform: uppercase;
}

/* ===== List Styles ===== */
.sitemap-block ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.sitemap-block ul li {
  margin-bottom: 15px;
}

/* ===== Link Styles ===== */
.sitemap-block ul li a {
  font-size: 18px;
  color: #000000;
  text-decoration: none;
  display: flex;
  align-items: center;
  transition: color 0.3s ease, transform 0.3s ease;
  font-weight: 500;
}

.sitemap-block ul li a em { /* This selects the icon tag if you're using <em> for icons */
  margin-right: 10px;
  font-size: 1.2rem;
  color: #ffdd00;
  transition: color 0.3s ease;
}
.sitemap-block ul li a i { /* This selects <i> if using Font Awesome */
    margin-right: 10px;
    font-size: 1rem;
    color: #ffdd00;
    transition: color 0.3s ease;
    width: 20px;
    text-align: center;
}


.sitemap-block ul li a:hover {
  color: #003e7e;
  transform: translateX(5px);
}

.sitemap-block ul li a:hover em,
.sitemap-block ul li a:hover i {
  color: #003e7e;
}

/* ===== Responsive Design ===== */
@media (max-width: 1024px) {
  .sitemap-links {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 768px) {
  .sitemap-links {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .sitemap-title {
    font-size: 2.2rem;
  }
  .sitemap-subtitle {
      font-size: 1rem;
      margin-bottom: 30px;
  }

  .sitemap-block {
      padding: 30px;
  }

  .sitemap-block h2 {
    font-size: 1.4rem;
  }

  .sitemap-block ul li a {
    font-size: 16px;
  }
}

/* ===== FAQ Section ===== */
.faq-section {
    padding: 20px 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap; 
}

.faq-header {
    text-align: center;
    margin-bottom: 40px;
}

.faq-header h2 {
    color: #003e7e;
    font-size: 36px;
    margin-bottom: 15px;
    position: relative;
    display: inline-block;
}

.faq-header h2::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 4px;
    background: linear-gradient(to right, #003e7e, #ffdd00);
    border-radius: 2px;
}

.faq-header p {
    color: #000000;
    font-size: 18px;
    max-width: 700px;
    margin: 0 auto;
}

.faq-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
    gap: 25px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.faq-card {
    background: white;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.08);
    overflow: hidden;
    transition: all 0.3s ease;
    border-top: 4px solid #ffdd00;
}

.faq-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.12);
}

.faq-question {
    padding: 25px;
    background: #f9f9f9;
    display: flex;
    align-items: center;
}

.faq-icon {
    width: 40px;
    height: 40px;
    background: #003e7e;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    flex-shrink: 0;
    font-size: 18px;
}

.faq-question-text {
    font-size: 18px;
    font-weight: 600;
    color: #000000;
}

.faq-answer {
    padding: 25px;
    position: relative;
}

.faq-answer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 25px;
    right: 25px;
    height: 1px;
    background: linear-gradient(to right, transparent, #e0e0e0, transparent);
}

.faq-answer p {
    margin: 0;
    font-size: 16px;
    line-height: 1.6;
    color: #000000;
}

.faq-answer a {
    color: #003e7e;
    font-weight: 600;
    text-decoration: underline;
    transition: color .3s ease;
}

.faq-answer a:hover {
    color: #ffdd00;
    text-decoration: none;
}

.faq-answer .fa-caret-right {
    color: #ffdd00;
    margin-right: 8px;
}

@media (max-width: 768px) {
    .faq-section {
        padding: 50px 15px;
    }
    .faq-grid {
        /* Change auto-fit to make cards full width */
        grid-template-columns: 1fr;
    }
}
@media (max-width: 600px) {
    .faq-grid {
        grid-template-columns: 1fr;
    }
    
    .faq-header h2 {
        font-size: 28px;
    }

     .faq-header p {
        font-size: 16px;
    }
    
    .faq-question {
        padding: 20px;
    }

     .faq-question-text {
        font-size: 16px;
    }
    
    .faq-answer {
        padding: 20px;
    }
}

/* ====== New Attraction Section ====== */
/* App Layout */
.New-attraction-app-container {
    max-width: 1500px;
    margin: 0 auto;
    padding: 2rem 1rem;
}

.New-attraction-attraction-quality-cards {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
}

@media (min-width: 600px) {
    .New-attraction-attraction-quality-cards {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* --- MODIFIED DESKTOP STYLES --- */
@media (min-width: 1024px) {
    .New-attraction-attraction-quality-cards {
        /* Create a 6-column grid to allow for precise placement */
        grid-template-columns: repeat(6, 1fr);
    }

    /* First 3 items (top row): make each span 2 columns */
    .New-attraction-card:nth-child(-n+3) {
        grid-column: span 2;
    }
    
    /* 4th item: start at column 2 and span 2 columns */
    .New-attraction-card:nth-child(4) {
        grid-column: 2 / span 2;
    }

    /* 5th item: start at column 4 and span 2 columns */
    .New-attraction-card:nth-child(5) {
        grid-column: 4 / span 2;
    }
}
/* --- END OF MODIFIED STYLES --- */

/* Card Styles */
.New-attraction-card {
    background-color: white;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: column;
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.New-attraction-card:hover {
    transform: translateY(-5px);
    /* New primary color with transparency for shadow */
    box-shadow: 0 8px 12px rgba(0, 62, 126, 0.1);
}

.New-attraction-card-image-container {
    width: 100%;
    aspect-ratio: 16 / 10;
    overflow: hidden;
}

.New-attraction-card-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease-in-out;
}

.New-attraction-card:hover .New-attraction-card-image {
    transform: scale(1.05);
}

.New-attraction-card-content {
    padding: 1.5rem;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.New-attraction-card-title {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 0.75rem;
    /* New primary color */
    color: #003e7e;
}

.New-attraction-card-description {
    font-size: 1rem;
    /* Changed to black for contrast on white background */
    color: #000000;
    margin-bottom: 1.5rem;
    line-height: 1.6;
}

.New-attraction-card-details {
    list-style: none;
    padding-left: 0;
    margin: 0;
    font-size: 0.9rem;
    /* Changed to black for contrast on white background */
    color: #000000;
}

.New-attraction-card-details li {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}

.New-attraction-card-details li + li {
    margin-top: 0.75rem;
}

/* --- UPDATED STYLES FOR ICONS AND LINKS --- */

/* Style for new Font Awesome icons */
.New-attraction-card-details i {
    /* New primary color */
    color: #003e7e;
    font-size: 16px;
    width: 16px; /* Ensures alignment is consistent with old SVGs */
    text-align: center;
    flex-shrink: 0;
    margin-top: 3px;
}

/* Style for the link text */
.New-attraction-card-details a {
    color: inherit; /* Use the default text color (black) */
    text-decoration: none;
    transition: color 0.2s ease-in-out;
}

/* Change the link text color on hover */
.New-attraction-card-details a:hover {
    /* New accent color */
    color: #ffdd00;
}

/* ===================================================================
   --- 3. NEARBY ATTRACTIONS SECTION ---
   =================================================================== */

.attractions-section {
  background: white; /* Keep as white */
  padding: 39px 8% 80px 8%;
  color: #333; /* Kept for general section text if not overridden */
}

/* Header */
.attractions-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 40px;
}

.attractions-title {
  font-size: 2.8rem;
  font-weight: 500;
  text-transform: uppercase;
  /* Changed to black for contrast on white background */
  color: #000000;
  margin: 0;
  position: relative;
}

.attractions-title span {
  /* UPDATED: Using new accent color */
  color: #ffdd00; 
}

.attractions-title::after {
  content: "";
  width: 80px;
  height: 4px;
  /* UPDATED: New accent color */
  background: #ffdd00; 
  display: block;
  margin: 12px 0 0;
  border-radius: 2px;
}

/* Attractions Grid */
.attractions-container {
    position: relative;
    z-index: 1;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    padding: 0; /* Remove padding here, controlled by section */
    max-width: 1500px;
}

.attractions-container .category {
    background: white;
    border-radius: 16px;
    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    flex: 1;
}

.attractions-container .category:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 70px rgba(0, 0, 0, 0.25);
}

.attractions-container .category-image {
    width: 100%;
    height: 200px;
    object-fit: cover;
    /* UPDATED: New accent color border */
    border-bottom: 4px solid #ffdd00;
}

.attractions-container .category-header {
    padding: 20px;
    /* UPDATED: New primary color background */
    background-color: #003e7e; 
    color: white; /* White text on new primary background */
    text-align: center;
}

.attractions-container .category-header h2, .title2 {
    color: white; /* Ensure title is white on dark background */
    margin: 0;
    font-size: 24px;
}

.attractions-container .attraction-list {
    padding: 20px;
}

.attractions-container .attraction {
    padding: 15px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #eee; /* Kept light grey for separation */
}

.attractions-container .attraction:last-child {
    border-bottom: none;
}
.attractions-container .attraction-details {
    flex-grow: 1;
    padding-right: 15px;
}
.attractions-container .attraction-name, .title3-attraction {
    margin-bottom: 4px;
    font-size: 16px;
    /* Changed to black for contrast on white background */
    color: #000000;
}

.attractions-container .attraction-type {
    /* Keep black for contrast on white background */
    color: #000000;
}

.attractions-container .attraction-distance {
    /* UPDATED: New accent color */
    background-color: #ffdd00; 
    color: #000000; /* Changed to black for better contrast with accent yellow */
    padding: 5px 12px;
    border-radius: 20px;
    min-width: 70px;
    text-align: center;
    transition: all 0.3s ease;
    font-size: 14px;
    font-weight: 500;
}

.attractions-container .attraction:hover .attraction-distance {
    /* UPDATED: New primary color on hover */
    background-color: #003e7e; 
    transform: scale(1.05);
    color: white; /* Keep white on new primary background */
}

/* ===== Responsive for Nearby Attractions ===== */
@media (max-width: 992px) {
    .attractions-container {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 768px) {
    .attractions-section {
        padding: 40px 15px;
    }
    .attractions-header {
        justify-content: center;
        text-align: center;
    }
    .attractions-title {
        font-size: 2.2rem;
    }
    .attractions-title::after {
        margin: 12px auto 0;
    }
    .attractions-container {
        gap: 30px;
    }
}


/* ====== Gallery and Lightbox ====== */

/* Gallery Grid Styling */
.gallery-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 15px;
    margin: 0px auto;
    padding: 20px;
    margin-top: -40px;
}

.gallery-item {
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures images fill the container without distortion */
    display: block;
    cursor: pointer;
    transition: transform 0.3s ease;
}

/* Hover effect on gallery thumbnails */
.gallery-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0,0,0,0.2);
}

.gallery-item:hover img {
    transform: scale(1.05);
}

/* --- Lightbox Styling --- */

.lightbox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.85); /* Semi-transparent background */
    z-index: 1000;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    /* Animation: Fade-in effect */
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
}

/* This class will be added by JavaScript to show the lightbox */
.lightbox.active {
    visibility: visible;
    opacity: 1;
}

/* Animation: Zoom-in effect for the image */
#lightbox-img {
    max-width: 90vw;
    max-height: 80vh;  /* Adjusted max-height to make room for caption */
    object-fit: contain;
    border-radius: 5px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.5);
    transform: scale(0.8);
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.lightbox.active #lightbox-img {
    transform: scale(1);
}

/* ▼▼▼ THIS IS THE NEW CSS FOR THE CAPTION ▼▼▼ */
#lightbox-caption {
    text-align: center;
    color: #f1f1f1;
    padding: 10px 0;
    margin-top: 10px;
    font-size: 1.1em;
    transition: opacity 0.4s ease-in-out; /* Fades in with lightbox */
    max-width: 80vw;
}


/* Navigation & Close Buttons */
.close-btn, .prev-btn, .next-btn {
    position: absolute;
    color: white;
    cursor: pointer;
    font-weight: bold;
    user-select: none; /* Prevents text selection */
    transition: color 0.2s ease;
}

.close-btn:hover, .prev-btn:hover, .next-btn:hover {
    color: #bbb;
}

.close-btn {
    top: 20px;
    right: 35px;
    font-size: 40px;
}

.prev-btn, .next-btn {
    top: 50%;
    transform: translateY(-50%);
    font-size: 30px;
    padding: 16px;
}

.prev-btn {
    left: 10px;
}

.next-btn {
    right: 10px;
}

/* ===== Responsive for Gallery and Lightbox ===== */
@media (max-width: 768px) {
    .gallery-container {
        /* Adjust for smaller screens */
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
        gap: 10px;
        padding: 10px;
        margin-top: -20px;
    }
    #lightbox-img {
        max-width: 95vw;
        max-height: 75vh;
    }
    .close-btn {
        top: 10px;
        right: 20px;
        font-size: 35px;
    }
    .prev-btn, .next-btn {
        font-size: 24px;
        padding: 10px;
    }
    .prev-btn {
        left: 5px;
    }
    .next-btn {
        right: 5px;
    }
     #lightbox-caption {
        font-size: 1em;
    }
}