html, body
{
	margin:0;
	padding:0;		
	//color: #616161 !important;
	color: #2A2E35 !important;
	//background:#ccc;
	//font-family: 'Open Sans', sans-serif !important;  
	//font-family:'Open Sans' !important;   
	font-family: Lato, Helvetica !important;
}
ul, li, a, span, label, h1, h2, h3, h4, h5, h6, form, div, p
{
	margin:0 auto;
	padding:0;
}
.clr
{
	clear:both;
}

/*---------------------------------------------------- Header -----------------------------------------------------*/
a
{
	color: #000000 !important;
}

a:hover
{
	text-decoration:none !important;
}

.header_top
{
	padding-top:10px;
	border-bottom: 2px solid #cccccc;
}

.header_top a:hover
{
	color:#7A0027 !important;
}
	
.header_top ul li
{
	list-style-type:none;
}
	
.act a
{
	color: white !important;
	background:#f15a22 !important;
	border-radius:2px;
}

.header_top_right
{
	float:right;
}

.header_top_right li
{
	display:inline;
	padding-left:10px;
}
	
.header_top_mob
{
	display:none;
}

.cf
{
	position:fixed;
	right:0;
	left:0;
	z-index: 9999;
	//background: rgba(255,255,255,0.8) !important;
}

.navigation nav ul li a {
	font-weight: 600 !important;
}

.navigation nav ul li a:hover {
	color: #017DC6 !important;
}

@media only screen and (min-width:320px) and (max-width:640px) 
{
	.header_top
	{
		display:none;
	}

	.header_top_mob
	{
		display:block;
		border-bottom: 2px solid #cccccc;
		padding-top: 8px;
	}
		
	.header_top_mob ul li
	{
		list-style-type:none;
	}
	
	.header_top_mob a:hover
	{
		color:#7A0027 !important;
	}
}
	
/*------------------------------------------------- banner -----------------------------------------------------------*/
.banner
{
	position:relative;
	background: url("../img/banner-1.png") no-repeat center center /cover;
	//height:475px;
	height: 100vh;
	width:100%;
}

.title_banner
{
	position: absolute;
	top: 25%;
	width: 100%;
	text-align:center;
}

.title_banner h1
{
	font-size: 72px;
	color:#fff;
	font-weight: 800;
}

.title_banner h2
{
	font-size: 36px;
	color:#fff;
	font-weight: 400;
}
.scroll-down
{
	padding-top:20px;
}

.scroll-down a
{
	//font-size:40px;
	font-size: 40px;
	border: 1px solid #fff;
	border-radius: 50%;
	padding: 5px;
}

.scroll-down a:hover
{
	border: 1px solid #017DC6;
}

.scroll-down i
{
	color:#fff;
}

.scroll-down i:hover
{
	color:#017DC6;
}

@media only screen and (min-width:641px) and (max-width:991px) 
{
	.title_banner h1 
	{
		padding-top: 50px;
	}
	
	.title_banner h2
	{
		font-size: 33px;
	}
	
	.scroll-down
	{
		padding-top: 80px;
	}
	.banner{
		height: 34vh;
	}
	.about_jayblues {
		padding-top:1px;
		padding-bottom:20px;
	}

}

@media only screen and (min-width:320px) and (max-width:640px) 
{
	.title_banner 
	{
		top: 35%;
	}
	
	.title_banner h1 
	{
		font-size: 34px;
	}
	
	.title_banner h2 
	{
		font-size: 20px;
	}
}

/*--------------------------------------------- about ----------------------------------------------------------*/
.about_jayblues
{
	padding-top:50px;
	padding-bottom:20px;
}

.page_header
{
	text-align:center;
	padding-bottom:30px;
}

.page_header h1
{
	color:#000;
	text-transform:uppercase;
	font-weight:800;
}

.page_header h4
{
	color:#777;
}

.page_header::after
{
	content: "";
	display: block;
	position: relative;
	height: 3px;
	width: 113px;
	background-color: #017DC6;
	margin: 0px auto;
}

.padding_right p
{
	font-size: 20px;
	color: #828281;
	line-height: 35px;
}

.div_three
{
	text-align:center;
	margin-bottom:20px;
}

.div_three h3
{
	text-transform:uppercase;
	font-weight:bold;
	margin-bottom:20px;
}

.div_three p
{
	font-size: 16px;
	color:#666;
}

/*-------------------------------------*/
#lightbox .modal-content {
    display: inline-block;
    text-align: center;   
}

#lightbox .close {
    opacity: 1;
    color: rgb(255, 255, 255);
    background-color: rgb(25, 25, 25);
    padding: 5px 8px;
    border-radius: 30px;
    border: 2px solid rgb(255, 255, 255);
    position: absolute;
    top: -15px;
    right: -55px;
    
    z-index:1032;
}

.modal 
{
	z-index:9999 !important;
}

@media only screen and (min-width:641px) and (max-width:991px) 
{
	.padding_right
	{
		padding-top:20px;
	}
}

@media only screen and (min-width:320px) and (max-width:640px) 
{
	.page_header h1
	{
		font-size:30px;
	}
	
	.padding_right p 
	{
		font-size: 14px;
		line-height: 25px;
		text-align: center;
	}
	
	.div_three
	{
		margin-top:20px;
		margin-bottom:40px;
	}
}

/*------------------------------------------------- middle_reservations ----------------------------------------------*/

.middle_reservations
{
	padding-top:20px;
	padding-bottom:20px;
	background:#84C0D8;
}

.myBut
{
	padding-top:20px;
	text-align:center;
}

.myBut button
{
	font-weight: 700;
	padding: 15px 40px
}

.myBut button:hover
{
	color: #fff !important;
	background-color: #017DC6 !important;
	border-color: #017DC6 !important;
}

@media only screen and (min-width:641px) and (max-width:991px) 
{
	.myBut button
	{
		font-weight: 700;
		padding: 10px 20px;
		font-size:16px;
	}
}

@media only screen and (min-width:320px) and (max-width:640px) 
{
	.myBut button
	{
		font-weight: 700;
		padding: 10px 20px;
		font-size:16px;
	}
}

/*---------------------------------------------------- middle_features ----------------------------------------------*/

.middle_features
{
	background: url("../images/bg4.png") no-repeat center center /cover;
	padding-bottom: 50px;
	padding-top: 20px;
}

.page_header2
{
	text-align: center;
	padding-bottom: 30px;
}

.page_header2 h1
{
	color:#000;
	text-transform:uppercase;
	font-weight:800;
}

.page_header2::after
{
	content: "";
	display: block;
	position: relative;
	height: 3px;
	width: 113px;
	background-color: #017DC6;
	margin: 0px auto;
}

.page_feature h1, .page_feature h4
{
	color:#fff;
}

.page_title p
{
	color:#fff;
	text-align:center;
	font-size:16px;
	margin-bottom:30px;
}

.features_title
{
	background:#fff;
	margin-bottom:20px;
	margin-top:20px;
}

.features_image
{
	overflow:hidden;
}

.features_image img {
    transform: scale(1);
    transition: .4s;
    opacity: 1;
}

.features_title:hover .features_image img {
    transform: scale(1.1);
    transition: .4s;
    opacity: 0.9;
}

.features_content{
	padding: 5px 25px 10px;
}

.page_header_feature
{
	margin-bottom: 15px;
}

.page_header_feature h1
{
	text-transform:uppercase;
	text-align:center;
	font-size: 30px;
}

.page_header_feature::after
{
	content: "";
	display: block;
	position: relative;
	height: 3px;
	width: 113px;
	background-color: #017DC6;
	margin: 0px auto;
}

.features_content p
{
	text-align: center;
	font-size: 16px;
	color: #828281;
}

.comp_title, .visi_state, .prod_range
{
	padding-bottom:10px;
	padding-top:10px;
}

.comp_title p, .visi_state p, .prod_range ul li
{
	font-size:16px;
	text-align:justify;
	color:#797979;
}

.visi_state h3, .prod_range h3
{
	font-weight: bold;
}

.visi_state p
{
	font-style:italic;
}

.prod_range ul li
{
	list-style-type:none;	
}

.prod_range ul li i
{
	color:#034EA2;
}

@media only screen and (min-width:641px) and (max-width:991px) 
{
	.page_header_feature h1 
	{
		font-size: 16px;
	}
	
	.features_content p 
	{
		font-size: 14px;
	}
	
	.comp_title, .visi_state, .prod_range
	{
		padding-bottom:0px;
		padding-top:0px;
	}
}

@media only screen and (min-width:320px) and (max-width:640px) 
{
	.features_title
	{
		margin-bottom:20px;
	}
	
	.page_header_feature h1 
	{
		font-size: 20px;
	}
	
	.features_content p 
	{
		font-size: 14px;
	}
	
	.comp_title, .visi_state, .prod_range
	{
		padding-bottom:0px;
		padding-top:0px;
	}
	
	.comp_title p, .visi_state p, .prod_range ul li
	{
		font-size:14px;
	}
	
	.visi_state h3, .prod_range h3
	{
		text-align:center;
	}
	
	.comp_title p, .visi_state p
	{
		text-align:center;
	}
	
	.page_header2 h1 
	{
		font-size: 24px;
	}
}

/*-------------------------------------------------- Our Menu ----------------------------------------*/
.middle_menu
{
	padding-top:30px;
	padding-bottom:20px;
}



.ui-group
{
	text-align:center;
}

.filters button
{
	font-size: 18px;
} 

.btn-default:hover 
{
    color: #fff !important;
    background-color: #017DC6 !important;
    border-color: #017DC6 !important;
}

.btn:focus {
	color: #fff !important;
    background-color: #017DC6 !important;
    border-color: #017DC6 !important;
}

.clearfix h4
{
	font-weight:600;
	text-transform:uppercase;
	float: left;
}

.grid p
{
	color: #828281;
}

.price
{
	float: right;
	padding-left: 10px;
	//line-height: 19.8px;
	margin: 5px 0px;
	background: #FFF none repeat scroll 0% 0%;
	font-size: 18px;
	font-weight: 700;
}

/* .dotted-bg
{
	border-top: dotted 2px #ccc;
	position: absolute;
	left: 0px;
	top: 15px;
	width: 100%;
	z-index: -1;
} */

.items_menu
{
	margin: 15px 0px;
}

.menu_button 
{
	text-align:center;
}

.menu_button a
{
	text-transform:uppercase;
	font-weight:600;
	padding: 10px 25px;
	background:#1E90FF;
	color:#fff !important;
}

.menu_button .btn
{
	border-radius: 0px !important;
}

.menu_button .btn-default:hover 
{
    color: #fff !important;
    background-color: #017DC6 !important;
    border-color: #017DC6 !important;
}

@media only screen and (min-width:641px) and (max-width:991px) 
{
	
}

@media only screen and (min-width:320px) and (max-width:640px) 
{
	.filters button
	{
		margin-bottom:5px;
	}
}

/*------------------------------------------- content slider --------------------------------------*/
.trusted-quote
{
	background: url("../images/bg5.html") no-repeat center center fixed;
	background-size: cover;
	text-align: center;
	color: #ffffff;
	//padding: 60px 0px 60px;
	padding-bottom: 40px;
}



.quote-body
{
	padding: 50px 50px 20px 50px !important;
	font-size: 16px;
}

.quote-author
{
	font-size: 20px;
	font-weight:600;
}

.quote-author span
{
	font-size:14px;
}

@media only screen and (min-width:641px) and (max-width:991px) 
{
	
}

@media only screen and (min-width:320px) and (max-width:640px) 
{
	.trusted-quote
	{
		padding-top:30px;
	}

	.quote-body 
	{
		padding: 0px 30px 0px 30px !important;
		font-size: 14px;
	}
}
/*----------------------------------------------------- footer top ----------------------------------------------------*/
.footer_top
{
	background: url("../img/footer.png") no-repeat center center /cover;
	//height:250px;
	padding-top:20px;
	padding-bottom:20px;
	color:#fff;
}

.footer_top h1
{
	color: #017DC6;
	font-size: 18px;
	text-transform:uppercase;
	font-weight:600;
}

.footer_top p
{
	color:#777;
	font-size:16px;
}

.footer_top a
{
	color: #017DC6 !important;
}

.get_touch h4, .links_menu h4, .soc_med h4
{
	font-weight:bold;
	margin-bottom:20px;
}

.get_touch ul li, .soc_med ul li
{
	list-style-type:none;
}

.get_touch ul li a, .links_menu ul li a, .soc_med ul li a
{
	color:#fff !important;
}

.get_touch ul li a:hover, .links_menu ul li a:hover, .soc_med ul li a:hover
{
	color:#00A146 !important;
}

.links_menu ul li
{
	list-style-type:none;
	padding-bottom: 5px;
}

.soc_med ul li i
{
	font-size:30px;
}

.soc_med ul li a
{
	line-height: 3;
}

.my_menu
{
	text-align:center;
}

.my_menu a
{
	color:#777 !important;
}

.my_menu a:hover
{
	color: #017DC6 !important;
}

.social_media
{
	margin-bottom:15px;
}

.social_media a
{
	width: 35px;
	height: 38px;
	background:#777;
	color:#fff !important;
	border-radius: 2px;
	text-align: center;
	padding: 7px 10px;
	font-size: 25px;
}

.social_media a:hover
{
	color:#000 !important;
	background:#017DC6;
}

.myAddress p i
{
	color: #017DC6 !important;
}

@media only screen and (min-width:641px) and (max-width:991px) 
{

}

@media only screen and (min-width:320px) and (max-width:640px) 
{
	.my_menu
	{
		text-align:left;
	}
	
	.get_touch, .links_menu, .soc_med
	{
		margin-top: 20px;
		margin-bottom: 20px;
	}
}

.blues 
{
    background-color: #017dc6;
    padding-left: 8px;
    padding-right: 8px;
    color: white;
    border-radius: 3px;
}

.footer_bottom
{
	text-align:center;
	background:#023f84;
	padding-top:19px;
	padding-bottom:10px;
	color:#fff;
}

.footer_bottom a
{
	color:#fff !important;
}

.footer_bottom a:hover
{
	color:#84C0D8 !important;
}

@media only screen and (min-width:320px) and (max-width:640px) 
{
	.no_xs
	{
		display:none !important;
	}
}