/*-----------------------------------------------------------------------------------

-------------------------------------------------------------------------------------
	CSS INDEX
	===================

	1. Default CSS
	2. Heade Css here
	3. Slider Css here
	4. Home about Css here
	5. popular disesh css here
	6. Food menu Css here
	7. Our gallery Css here
	8. Reservation css here
	9. our blog css here
	10. Testmonial Css here
	11. Team brand section css here
	12. Discount offer css here
	13. Footer css here
	14. Scrollup css here
	15. About us css here
		15.1 Breadcrubs css here
	16. Resta about css here
	17. Fun factor css here
	18. choose us css here
	19. our team css here
	20. Food menu css here
	21. Our gallery page css here
	22. Our blog page css here
		22.1 Blog Details css here
	23. Contact us pages css here
	24.Navigation css here
		24.1 Dropdown menu css here
		24.2 Mega menu css here
	25. 404 page css here
	26. Mobile menu css here
	27. sticky menu css here
	28. Home two css here
	29. Home three css here
	30. Home four css here
	31. All elements css code here
		31.1 Accordion css
		31.2 Tab css
		31.3 Progress bar css
		31.4 Button css
	32. Preloader CSS here
	33. Cart CSS here

-----------------------------------------------------------------------------------*/

/*========================
	 1. Theme Default CSS
=======================*/
/*@font-face {
	font-family: 'Chatham Squire Lower';
	src: url('fonts/Chatham Squire Lower.otf') format('opentype');
}

@font-face {
	font-family: 'Chatham Squire Lower';
	font-weight: bold;
	src: url('fonts/Chatham Squire Lower.otf') format('opentype');
}*/

/*@import url('https://fonts.googleapis.com/css2?family=Graduate');*/
@import url('https://fonts.googleapis.com/css?family=Great+Vibes|Lato:300,400,700|Raleway:300,400,400i,500,600,600i,700');
@font-face {
	font-family: 'Chatham Squire Lower';
	src: url('/css/fonts/ChathamSquireLowerRegular.woff2') format('woff2'),
		url('/css/fonts/ChathamSquireLowerRegular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

/*@font-face {
	font-family: 'Graduate';
	src: url('/css/fonts/graduate-regular.ttf') format('ttf');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}*/

/*.food_menu {
	font-family: graduate, sans-serif;
}*/
.testimonial a {
    outline: medium none;
    color: #081A38; text-decoration:underline;
    font-size: 16px;
    font-weight: 500;
}
.product-title {
	font-size: 18px;
	font-weight: bold;
	text-transform: capitalize;
	color: #011F45;
	margin-left: 10px;
}
#price {
	margin: 25px 10px 5px 10px;
	border-bottom: 0px inset #f0f0f0;
	font-size: 14px;
}
#productDetails {
	text-align: left;
	color: #333333;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
#description {
	float: left;
	border-bottom: 1px inset #f0f0f0;
	color: #333333;
	margin-left: 10px;
	font-size: 14px;
	text-align: left;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
#total {
	font-size: 16px;
	font-weight: bold;
}
img{max-width: 100%}
.error {
	background-color: #FBE3E4;
	color: #8a1f11;
	border-color: #FBC2C4;
}
.error, .notice, .success {
	padding: 8px;
	margin-bottom: 10px;
	border: 2px solid #ddd;
		border-top-color: rgb(221, 221, 221);
		border-right-color: rgb(221, 221, 221);
		border-bottom-color: rgb(221, 221, 221);
		border-left-color: rgb(221, 221, 221);
}
.message {
	padding: 10px;
	margin: 0px 0px 15px 0px;
		margin-bottom: 15px;
	z-index: 700;
	width: 100%;
}
.storytitle {
	color: #1E4588; font-size:38px;
	line-height:46px;
	padding: 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin: 0px 10px 0px 10px;
	text-align: center;
}

.event-title {
	color: #243342; font-size:16px;
	line-height:18px;
	padding: 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin: 0px;
	text-align: center;
}
.eventtitle {
	color: #243342; font-size:20px;
	line-height:28px;
	padding: 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin: 0px;
	text-align: center;
	font-weight: 500;
	width: 100%;
}
#calendar{ width:auto;
	margin: 0px	auto;
}
/*#calendar a:link, #calendar a:visited{
	display:block;
	padding:0px;
	color:#243342;
	font-size:12px;
}*/

/*#calendar a.selected { CSS class that's dynamically added to the currently active menu items' LI A element
	padding:0px;
	background-color: transparent;
	color:#243342;
	font-size:12px;
}
*/
/*#calendar a:hover {
	display:block;
	text-decoration:none;
	padding:0px;
	background-color:transparent;
	color:#d0baa1;
	font-size:12px;
}
*/
#calendar a.navmonth:link, #calendar a.navmonth:visited {
	display:block;
	padding:0px;
	color:#fff;
	font-size:12px;
}
#calendar a.navmonth:hover {
	display:block;
	padding:0px;
	color:#d0baa1;
	font-size:12px;
}
#calendar td.header {
	font-size:18px;
	line-height:22px;
	color: #fff;
	font-weight:bold;
}
#calendar td.subheader {
	font-size:14px;
	line-height:20px;
	font-weight:bold;
	color: #000099;
}

.day-current .table {
    color: #000099!important;
}

.day-current {
	background-color:rgb(84, 121, 158)!important;
	font-size:14px;
	color: #fff!important;
}
.day-current a {
	color: #fff!important;
}
.event-time {
	color: #FF00FF;
	font-size:12px;
}
.day-all {
	min-width:14%;
	border:1px solid #ddd;
	min-height:80px;
	width: 185px;
	max-width:185px;
	}
.day-digit {
	font-size:14px;
	display:block;
	font-weight:bold;
	margin-bottom:10px;
	/*color:#000099;*/
	}
.mean-container a.meanmenu-reveal span {
	display: block;
	background: #fff;
	height: 3px;
	margin-top: 3px;
}
.mean-container a.meanmenu-reveal {
	color: #fff;
}
.maincontainer {
position: relative;
width: 100%;
height: auto;
overflow: hidden;
	width: 100%;
		margin-right: auto;
	margin-left: auto;/*
	padding-left: 15px;
	padding-right: 15px;*/
}
.welcome-about-img {
	position: relative;
	background-position: center center;
	background-repeat: no-repeat;
	overflow: hidden;
	height: 600px;
	background-size: cover;
}
.welcome-about-left {
	padding-left: 10%;
	padding-right: 10%;
}
.welcome-about-right {
	padding-left: 10%;
	padding-right: 10%;
}
.topcontact {
	background-color: #173059;
	height: 65px;
}
strong {
	font-weight: bold;
}
/*************************************
		 Custom-content all 
 **************************************/
.boxed-layout .wrapper {
	box-shadow: -3px 0 50px -2px rgba(0, 0, 0, 0.14);
	margin: auto;
	position: relative;
	width: 1500px;
}
.boxed-layout .sticky {
	left: 0;
	right: 0;
	width: 1500px;
}
.boxed-layout.fixed {
	margin: 70px 0;
}
.pattern-fixed.pattern {
	background: url("images/bg/pattern.png") repeat fixed 0 0;
}
/*------------------
	2.	Header Css here
-----------------------*/
.header {
	box-shadow: 0 0px 0px rgba(0, 5, 138, 0.2);
	position: relative;
	z-index: 99;
	background: #081A38;
	height:105px;/**/
}
/*.header::before {	
	content: "";
	background-image: url('https://www.thesquire.com/images/22200531_31.jpg');
	background-size: cover;
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	opacity: 0.1;
} */

/*.site-header-desktop-primary:after, .site-header-mobi:after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    height: 20px;
    width: 100%;
    bottom: -20px;
    max-width: 100%;
    background-size: 100% 100%;
    background-position: bottom;
    background-repeat: no-repeat;
    background-image: url(https://images.getbento.com/accounts/61827e5…/media/images/35456Squire-Christmas-Lights-TheChathamSquire.png);
    pointer-events: none;
    filter: drop-shadow(1px 2px 1px #081A38);
} */
		
		
.header::after {	
	content: "";
    display: block;
    position: absolute;
    z-index: -1;
    height: 20px;
    width: 100%;
    bottom: -20px;
    max-width: 100%;
    background-size: 100% 100%;
    background-position: bottom;
    background-repeat: no-repeat;
    background-image: url(https://www.thesquire.com/images/35456Squire-Christmas-Lights-TheChathamSquire.png);
    pointer-events: none;
    filter: drop-shadow(1px 2px 1px #081A38);
} 
.header .logo img{
	width: 100%;
	margin: 0px;
} 
.header h2{
	color: #fff;
}
.header h5{
	color: #fff;
}
.header-right,.header-right .search {
	float: none;
	margin-right: 0;
}
.header-right .search,.header-menu,.menu ul li {
	display: inline-block;
}
.menu {
	width:100%;
}
.menu ul li a.btn {
    color: #fff;
    display: block;
    font-size: .9rem;
    font-weight: 600;
    padding: 5px;
    text-transform: uppercase;
}
.menu ul li  a.btn:hover {
    color: #fff!important;
    display: block;
    font-size: .9rem;
    font-weight: 600;
    padding: 5px;
    text-transform: uppercase;
}
.menu > ul > li >  a.btn:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 0px;
    bottom: 0px;
    left: 0;
    width: 0;
    background-color: transparent;
    visibility: hidden;
    transition:none;
    transform-origin: center;
}
.menu ul li a {
	color: #fff;
	display: block;
	font-size: .9rem;
	font-weight: 600;
	padding: 55px 10px 0px 10px;
	text-transform: uppercase;
}
.menu ul li a:hover {
	color: #3a7ce7!important;
	display: block;
	font-size: .9rem;
	font-weight: 600;
	/*padding: 55px 15px 50px 15px;*/
	text-transform: uppercase;
}

.menu ul li a:focus {
	color: #3a7ce7!important;
	display: block;
	font-size: .8rem;
	font-weight: 600;
	/*padding: 55px 15px 50px 15px;*/
	text-transform: uppercase;
}
.menu .menu-item:hover > a {
	color: #3a7ce7;
}
.dropdown_menu > li:hover > a {
	color: #fff;
}
.menu ul li a.active {
	color: #3a7ce7!important;
	display: block;
	font-size: 1rem;
	font-weight: 600;
	/*padding: 55px 15px 50px 15px;*/
	text-transform: uppercase;
}

.menu ul li {
	position: relative;
}
.header-right .search {
	padding-left: 38px;
	padding-top: 47px;
}
.search-inner > a {
	color: #535353;
	font-size: 22px;
	font-weight: bold;
}

.search-inside {
	position: absolute;
	right: 0;
	top: 35px;
	width: 100%;
	z-index: 99999999;
}
.searchbar-inner .search input {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #ddd;
	color: #535353;
	font-size: 20px !important;
	height: 50px;
	z-index: 1;
}
.searchbar-inner .search {
	position: relative;
}
.search-inside a.search-close:hover,.searchbar-inner .search button:hover {
	color: #243342;
}
.searchbar-inner .search button {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: medium none;
	color: #777;
	font-size: 24px;
	position: absolute;
	right: 10px;
	top: 10px;
}
.search-inside a.search-close {
	color: #777;
	font-size: 18px;
	position: absolute;
	right: -22px;
	top: 12px;
}

.header .logo {
	margin-top: 30px;
	width: 100%;
}
.header .logo a{
	display: inline-block;
	margin-top: 0px;
	position: relative;
	font-size: 28px;
	font-family: 'Chatham Squire Lower', sans-serif;
	font-weight: 500;
	color: #fff;
	/*text-transform: uppercase;*/
	margin-left:0%;
	/*transform: translate(-20%,0);*/
}
/*---------------------
	3. Slider Css here
----------------------------*/
.slider-text-table {
	display: table;
	height: 100%;
	width: 100%;
}
.slider-text-tablecell {
	display: table-cell;
	vertical-align: middle;
}
.slider-container .nivo-controlNav {
	bottom: 45px;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index: 99999;
}
.slider-container {
	position: relative;
	z-index: 1;
	border: 0.5rem solid #7899b8;
}
.nivo-controlNav a {
	color: #535353;
	cursor: pointer;
	font-family: "Lato",sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin-left: 20px;
}
.nivo-controlNav a.active {
	color: #243342;
	font-size: 24px;
}

.social-media-follow li {
	display: block;
	margin-bottom: 5px;
}
.social-media-follow li a {
	color: #fff;
	font-size: 15px;
}
.social-media-follow li a:hover {
	color: #243342;
}
.social-media-follow > p {
	display: inline-block;
	font-family: "Raleway",sans-serif;
	font-weight: 600;
	margin-top: 65px;
	text-transform: capitalize;
	transform: rotate(-90deg) translateY(-100%);
	-webkit-transform: rotate(-90deg) translateY(-100%);
		transform: rotate(-90deg) translateY(-100%);
	color: #fff;
}
.social-media-follow {
	margin-top: -25px;
	padding-left: 50px;
}
.social-box-inner {
		display:inline;
		/*float:right;*/
	position: relative;
		margin: 10px 0;
    top: 5px;
}
.social-box-inner a{
	color: #fff!important;
		font-size: 1.0rem;
}
.social-box-inner a:hover{
	color: #3a7ce7!important;
}

.social-box-inner li {
		display:inline;
		padding: 0 10px;
}	
		

.social-box-inner:before {
	/*background: #243342 none repeat scroll 0 0;*/
	bottom: -37px;
	content: "";
	height: 45px;
	left: 5px;
	position: absolute;
	width: 1px;
}

.social-box-footer {
		display:inline;
		float:none;
	position: relative;
		margin: 10px 0;
}
.social-box-footer a{
	color: #fff!important;
}

.social-box-footer li {
		display:inline;
		padding: 0 10px;
}	
		

.social-box-inner:before {
	/*background: #243342 none repeat scroll 0 0;*/
	bottom: -37px;
	content: "";
	height: 45px;
	left: 5px;
	position: absolute;
	width: 1px;
}

.middle-text .title-1 h2 {
	color: #fff;
	font-family: "Raleway", sans-serif;
	font-size: 40px;
	margin-bottom: 2px;
	text-transform: capitalize;
}
.middle-text .title-2 h1 {
	color: #fff;
	font-size: 50px;
	font-weight: bold;
	text-transform: uppercase;
}
.middle-text p {
	color: #fff;
	padding: 0;
}
.middle-text .order-now a {
	background: rgb(84, 121, 158) none repeat scroll 0 0;
	color: #fff;
	display: inline-block;
	font-weight: 600;
	padding: 8px 35px;
	text-transform: uppercase;
}
.middle-text .order-now a:hover {
	background: #0a58ca none repeat scroll 0 0;
}
.middle-text .order-now {
	display: inline-block;
	margin-top: 30px;
}
.slide3-text .middle-text .title-1 h2,.slide3-text .middle-text .title-2 h1 {
	color: #243342;
}
.slide3-text {
	margin-right: 50px;
	text-align: center;font-weight:bold!important; font-size:36px!important;
}
/*---------------------
	4. Home about Css here
----------------------------*/
.welcome-about h2.title_1 {
	color: #555555;
	font-family: "Raleway", sans-serif;
	font-size: 36px;
	margin-bottom: 7px;
	text-transform: capitalize;
}
.welcome-about h3.title_2 {
	color: #555;
	font-family: "Lato",sans-serif;
	font-size: 16px;
	font-weight: 400;
}
.welcome-about p.text1 {
	margin-top: 22px;
}
.welcome-about .read-more > a {
	background: #243342 none repeat scroll 0 0;
	color: #fff;
	display: inline-block;
	font-weight: 600;
	padding: 9px 38px;
	text-transform: uppercase;
}
.welcome-about .read-more {
	margin-top: 35px;
}
.welcome-about .read-more > a:hover{background: #535353;}


.welcome-about-img li {
	color: #555;
	font-family: "Lato",sans-serif;
	font-size: 14px;
	font-weight: 400;
	padding: 9px 0px;
}
/*--------------------------------
	5. popular dishes css here
----------------------------------*/
.popular-dishes .bg-img-2{
	background:	url("images/dish/bg-2.png") no-repeat scroll right top;
}
.popular-dishes {
	background: #f1f1f1 url("images/dish/bg-1.png") no-repeat scroll left bottom;
}
.single-disesh {
	background: #fff none repeat scroll 0 0;
	border-radius: 4px;
	margin-bottom: 60px;
	padding: 40px 25px;
}
.section-title {
	margin-bottom: 54px;
}
.section-title > h2 {
	color: rgb(84, 121, 158);
	display: inline-block;
	font-family: "Raleway", sans-serif;
	font-size: 36px;
	margin-bottom: 40px;
	position: relative;
	text-transform: capitalize;
}
.section-title p {
	margin-bottom: 0;
}
.section-title h2:before {
	background: #243342 none repeat scroll 0 0;
	bottom: -20px;
	content: "";
	height: 1px;
	left: 50%;
	margin-left: -67px;
	position: absolute;
	width: 138px;
}
.section-title > h2:after {
	/*background: rgba(0, 0, 0, 0) url("images/icons/logo-fs.png") no-repeat scroll center center;*/
	content: "";
	height: 30px;
	left: 50%;
	margin-left: -10px;
	margin-top: 7px;
	position: absolute;
	top: 100%;
	width: 27px;
}
.section-title.grey_bg > h2:after {
	background-color: #f1f1f1 ;
}
.section-title.white_bg > h2:after {
	/*background-color: #fff ;*/
}
.disesh-desc h3 {
	color: #535353;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 15px;
	text-transform: capitalize;
}
.disesh-desc p.price {
	color: #243342;
	font-size: 22px;
	font-weight: bold;
}
.dises-list .slick-dots li a {
	color: #535353;
	font-family: "Lato",sans-serif;
	font-size: 16px;
	font-weight: bold;
}
.slick-dots li.slick-active a {
	font-size: 24px;
	color: #243342
}
/*----------------------
	6. Food menu Css here
----------------------*/
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #fff;
    background-color: rgb(84, 121, 158);
    border-color: #dee2e6 #dee2e6 #fff;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link:hover {
    color: #fff;
    background-color: rgb(84, 121, 158);
    border-color: #dee2e6 #dee2e6 #fff;
}
.foode-item-box ul li {
	display: inline-block;
}
.foode-item-box ul li a:hover {
	background: inherit;
}
.foode-item-box {
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	height: 140px;
	position: relative;
	text-align: center;
}
.foode-item-box:before {
	background: url(images/food/bg-1.png)no-repeat scroll left center;
	left: 0;
}
.foode-item-box:before,.foode-item-box:after {
	position: absolute;
	width: 100%;
	height: 100%;
	content: "";
	top: 0;
	pointer-events: none;
}
.foode-item-box:after {
	background: url(images/food/bg-2.png)no-repeat scroll right center;
	right: 0;
}
.foode-item-box ul li {
	display: inline-block;
}
.foode-item-box ul li a {
	color: #535353;
	display: block;
	font-weight: 600;
	padding: 59px 15px;
	text-transform: uppercase;
}
.foode-item-box ul li.active a {
	color: #243342;
}
.foode-item-box ul li.active a:focus{background: none}
.food-img {
	float: left;
	margin: 12px 0;
	text-align: center;
	width: 20%;
}
.single-food-item-desc {
	/* border-left: 1px solid #ddd; */
	float: left;
	padding: 10px;
	position: relative;
	width: 100%;
	min-height: 25px;
}
.single-food-item-title {
	margin-top: 5px;
	width: 100%;
}
.single-food-price {
	position: absolute;
	right: 50px;
	top: 40%;
}
.fooder-menu-description.float_left .single-food-item {
	padding-right: 20px;
}
.single-food-inner {
	border: 0px solid #ddd;
	overflow: hidden;
	text-align: center;
}
.fooder-menu-description.float_right .single-food-item {
	padding-left: 20px;
}
.single-food-item-title h2 {
	color: #081A38;
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 2px;
	text-transform: capitalize;
	/*font-family:graduate;*/
}
.single-food-item-title p {
	color: #081A38;
	margin: 0;
}
.single-food-price > p {
	color: #243342;
	font-size: 24px;
	font-weight: 600;
}
/*-----------------------------
	7. Our gallery Css here
-----------------------------*/
.our-gallery {
	position: relative;
	background: url(images/gallery/bg-1.png)no-repeat scroll left top;
	background-color: #f1f1f1;
}
.our-gallery .bg-img-2{
	background: url(images/gallery/bg-2.png)no-repeat scroll right bottom;
	padding-bottom: 50px;
	padding-top: 80px;
 }
.gallery-menu ul li {
	color: #535353;
	cursor: pointer;
	display: inline-block;
	font-weight: 600;
	margin-left: 35px;
	text-transform: uppercase;
}
.gallery-menu ul li.active {
	color: #243342;
}
.single-item-gallery {
	position: relative;
	overflow: hidden;
}
.single-item-gallery:before {
	background: rgba(229, 76, 42, 0.7) none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	pointer-events: none;
	position: absolute;
	right: 0;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 100%;
	z-index: 99;
}
.single-item-gallery a {
	background: #fff none repeat scroll 0 0;
	border-radius: 50%;
	color: #243342;
	font-size: 22px;
	height: 40px;
	left: 0;
	line-height: 40px;
	margin: -20px auto 0;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	position: absolute;
	right: 0;
	text-align: center;
	top: 50%;
	-webkit-transform: scale(0.2);
			transform: scale(0.2);
	-webkit-transition: all 400ms cubic-bezier(1, -0.6, 0.57, -0.15) 0s;
	transition: all 400ms cubic-bezier(1, -0.6, 0.57, -0.15) 0s;
	width: 40px;
	z-index: 999;
}
.single-item-gallery:hover a {
	 opacity: 1;
	 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transform: scale(1);
			transform: scale(1);
}
.single-item-gallery:hover:before{
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.single-item-gallery:hover img {
	-webkit-transform: scale(1.1);
			transform: scale(1.1);
}
.single-item-gallery > img {
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

/*--------------------------
	8. Reservation css here
-----------------------------*/
.reservation .bg-img-1{
	 background: url(images/bg/reserv-bg.png)no-repeat scroll left top;
}
.reserv-section-inner {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
	overflow: hidden;
	position: relative;
}
.reserv-section-inner .bg-img {
	background: #fff url("images/bg/reserv-form-bg.png") no-repeat scroll right bottom;
	bottom: 0;
	right: 30px;
}
.reserv-section-inner .bg-img {
	height: 100%;
	pointer-events: none;
	position: absolute;
	width: 100%;
}
.reserve-form {
	float: left;
	padding: 100px 35px 100px 100px;
	position: relative;
	width: 50%;
	z-index: 9;
}
.reserve-img {
	bottom: 0;
	float: left;
	position: absolute;
	right: 20px;
	width: 48%;
}
h3.reserv-title {
	color: #535353;
	font-size: 30px;
	text-align: center;
	font-family: "Raleway", sans-serif
}
.reserve-form-top > input {
	border: 1px solid #ddd;
	margin-bottom: 18px;
	text-transform: capitalize;
	color: #aaa
}
.reserve-form .date-time select {
	-moz-appearance: none;
	border: 1px solid #ddd;
	color: #aaa;
}
.reserve-submit button {
	background: #243342 none repeat scroll 0 0;
	border: medium none;
	color: #fff;
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	padding: 10px 0;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 100%;
}
.reserve-submit button:hover {
	background: #535353 none repeat scroll 0 0;
}
/*-------------------------
	9. our blog css here
---------------------------------*/
.single-blog,.blog-img{
	position: relative;
}
.blog-hover {
	background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
	height: 100px;
	margin-top: -50px;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 100%;
}
.blog-hover > a {
	border: 4px solid #243342;
	border-radius: 50%;
	color: #243342;
	display: inline-block;
	font-size: 18px;
	height: 40px;
	line-height: 34px;
	margin-left: -20px;
	margin-top: -20px;
	position: absolute;
	top: 50%;
	width: 40px;
}
.blog-title > h3 {
	color: #243342;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 0;
}
.blog-title > h3 a:hover {
	color: #535353;
}
.blog-title {
	display: inline-block;
	margin-left: 20px;
	padding: 23px 0;
}
.publish-date {
	background: #243342 none repeat scroll 0 0;
	float: left;
	padding: 15px 0;
	width: 30px;
}
.blog-desc {
	background: #fff none repeat scroll 0 0;
	bottom: 75px;
	box-shadow: -1px 0 4px rgba(0, 0, 0, 0.2);
	left: 10px;
	overflow: hidden;
	position: relative;
	right: 10px;
	z-index: 99;
	display:none;
}
.single-blog {
	height: auto;
}
.publish-date > p {
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	line-height: 13px;
	margin: 0;
	text-align: center;
	text-transform: uppercase;
}
.publish-date > p span {
	display: block;
	margin-top: 5px;
}
.mfp-wrap.mfp-close-btn-in.mfp-auto-cursor.mfp-fade.mfp-ready {
	z-index: 9999999999;
}
.mfp-bg.mfp-fade.mfp-ready {
	z-index: 999999999;
}

/*------------------------
	10. Testmonial Css here
----------------------------*/
.testimonial {
	/*background: rgba(0, 0, 0, 0) url("images/testimonial/bg-1.jpg") no-repeat scroll right top ;*/
}
.single-test-text {
	padding: 60px 150px;
}
.testimonial-text-slider {
	/*background: rgba(0, 0, 0, 0) url("images/testimonial/bg-2.jpg") no-repeat scroll center center / cover ;*/
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	height: inherit !important;
	position: relative;
}
.testimonial-text-slider.slick-slider {
	margin-top: 40px;
}
.testimonial-text-slider.slick-dotted.slick-slider {
	margin-bottom: 0;
}
.sin-testiImage img {
	border: 1px solid #fff;
	cursor: pointer;
	display: inline-block !important;
	height: 100%;
	margin-bottom: 30px;
	margin-top: 36px;
	outline: 0 none;
	-webkit-transition: all 0.3s ease-in 0s;
	transition: all 0.3s ease-in 0s;
	width: 100%;
}
.sin-testiImage.slick-current img {
	border: 2px solid #fff;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
	height: 100%;
	margin-top: 20px;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	width: 100%;
}
.testimonial .slick-slider {
	height: 223px;
	z-index: 99;
}
.testimonial .testimonial-image-slider.slick-slider {
	margin-top: -20px;
}
.sin-testiImage {
	position: relative;
}
.sin-testiImage:before {
	background: none repeat scroll 0 0 rgba(229, 76, 42, 0.5);
	content: "";
	height: 100%;
	left: 18px;
	position: absolute;
	top: 36px;
	width: 100%;
	pointer-events: none;
}
.sin-testiImage.slick-current:before {
	display: none;
}
.testimonial-text-slider:before {
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.79);
	content: "";
	height: 100%;
	left: 0;
	pointer-events: none;
	position: absolute;
	width: 100%;
}
p.text-qoute i {
	color: #243342;
	font-size: 30px;
}
p.test-text {
	font-style: italic;
}
.test-title h4 {
	color: #243342;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 0;
	text-transform: uppercase;
}
.test-title > p {
	margin: 0;
}
.testimonial-sliders .slick-dots li a {
	color: #535353;
	font-size: 16px;
	font-weight: 600;
}
.testimonial-sliders .slick-dots li.slick-active a {
	color: #243342;
	font-size: 24px;
}
.testimonial-sliders .slick-dots {
	bottom: 58px;
}
.sin-testiImage.slick-slide.slick-current.slick-active.slick-center:focus {
	outline: medium none !important;
}
.sin-testiImage.slick-slide.slick-active:focus {
	outline: medium none !important;
}
/*-----------------------------
	11. Team Brand section css here
---------------------------------*/
.team-list.slick-slider {
	height: inherit;
}
.single-team img{
	-webkit-filter: grayscale(100%);
	-mz-filter: grayscale(100%);
	-o-filter: grayscale(100%);
		 filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /></filter></svg>#filter');
		 filter: grayscale(100%);
	
}
.single-team img:hover{
	-webkit-filter: none;
	-mz-filter: none;
	-o-filter: none;
		 filter: none;
	
}
/*------------------
	12. Discount offer css here
-------------------------*/
.offer-section .bg-img {
	background: rgba(0, 0, 0, 0) url("images/bg/vegetable.png") no-repeat scroll 15% center;
}
.offer-inner h2.ttle1 {
	color: #535353;
	font-family: "Raleway", sans-serif;
	font-size: 36px;
	text-transform: lowercase;
}
.offer-inner h2.ttle2 {
	color: #535353;
	font-size: 20px;
	font-weight: 600;
	text-transform: capitalize;
}

/*-------------------
	13. Footer css here
-----------------*/
.single-footer.instagram ul li {
	float: left;
	width: 50%;
}
.single-footer.instagram ul li img {
	width: 100%;
}
.single-footer.instagram ul li {
	padding-bottom: 15px;
	padding-right: 15px;
}
.single-footer.instagram ul li a {
	display: block;
	position: relative;
	overflow: hidden;
		font-size: 2.5rem;
}
.single-footer.instagram ul li a:hover:before {
	height: 100%;
	top: 0;
	left: 0;
}

.single-footer	a {
	color: #fff!important;
}
.single-footer a:hover {
	color:#fff!important;
}
.single-footer.instagram ul li a:before {
	background: rgba(255, 237, 162, 0.8) none repeat scroll 0 0;
	content: "";
	height: 0;
	position: absolute;
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	width: 100%;
	color: #000;
	left: -100%;
	top: -100%;
}
.copyright p {
	margin: 0;
}
.single-footer p {
	color: #243342;
	margin-bottom: 0;
}
.single-footer p.phon {
	color: #fff;
	margin-bottom: 0;
	font-size: 14px;
}
.single-footer p.email {
	color: #fff;
	margin-bottom: 0;
	font-size: 14px;
}
.single-footer p.addresses {
	color: #fff;
}
h3.single-footer-title {
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0;
}
.order-now > a {
	background: #243342 none repeat scroll 0 0;
	color: #fff!important;
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
	/*margin-top: 10px;
	padding: 9px 38px;*/
	text-transform: uppercase;
}
.order-now > a:hover {
	background: #535353;
	color: #fff
}
.single-footer .open-list li {
	color: #fff;
	margin-bottom: 5px;
	text-transform: capitalize;
}
.single-footer .open-list li span {
	font-weight: bold;
}

.copyright {
	background: none repeat scroll 0 0 #081A38;
}
.copyright p {
	color: #fff;
	font-size: 13px;
	text-transform: capitalize;
}
.copyright p a {
	color: #fff;
	font-weight: bold;
}
.copyright p a:hover {
	text-decoration: underline;
}
.newsletter-form input {
	background: none repeat scroll 0 0 #fff;
	border: medium none;
	color: #999999;
	font-weight: 600;
}
.newsletter-form button {
	background: none repeat scroll 0 0 #243342;
	border: medium none;
	color: #fff;
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	margin-top: 15px;
	padding: 10px 38px;
	text-transform: uppercase;
	-webkit-transition: all .3s ease 0s;
	transition: all .3s ease 0s;
}
.newsletter-form button:hover {
	background: #535353
}
.single-footer-details ul {
	display: block;
	padding-top: 10px;
}
/*-------------------------
	14. Scrollup css here
-------------------------------*/
#scrollUp {
	background: #081A38;
	bottom: 45px;
	color: #ffffff;
	cursor: pointer;
	display: none;
	font-size: 28px;
	height: 40px;
	line-height: 37px;
	position: fixed;
	right: 30px;
	text-align: center;
	-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
	width: 40px;
	z-index: 9999;
	border-color: #fff;
  border: 1px solid;
}
#scrollUp i {
	-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
}
#scrollUp:hover {
	background: #535353 none repeat scroll 0 0;
}
/*-------------------------
	15. About us css here
-------------------------------*/

/*-------------------------
	15.1 Breadcrubs css here
-------------------------------*/
.breadcrumbs {
	/*background: rgba(0, 0, 0, 0) url("images/slider/5.jpg") no-repeat scroll center center / cover ;*/
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
	padding: 30px 0;
	position: relative;
	z-index: 9;
	/*background-color: rgb(0 88 165);*/
	border: 0.5rem solid #7899b8;
	color: #081A38;
}
h3.breadcrumbs-title {
	color: #081A38;
	font-family: 'Raleway', sans-serif;/*"Raleway", sans-serif;*/
	font-size: 32px;
	text-transform: capitalize;
		font-weight: 500;
}
.breadcrumbs-inner ul li {
	color: #fff;
	display: inline-block;
	text-transform: uppercase;
	color: #081A38;
}
.breadcrumbs-inner ul li a {
	color: #081A38;
}
.breadcrumbs-inner ul li span {
	margin: 0 10px;
}
.breadcrumbs-inner li a:hover {
	color: #7899b8;
}
.breadcrumbs-mobile {
	/*background: rgb(0 88 165) no-repeat scroll center center / cover ;*/
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
	padding: 30px 0;
	position: relative;
	z-index: 9;
	border: 0.5rem solid #7899b8;
	color: #081A38;
	
}
h3.breadcrumbs-mobile-title {
	color: #081A38;
	font-family: "Raleway", sans-serif;
	font-size: 36px;
	text-transform: capitalize;
		font-weight: 500;
}
.breadcrumbs-mobile-inner ul li {
	color: #081A38;
	display: inline-block;
	text-transform: uppercase;
}
.breadcrumbs-mobile-inner ul li a {
	color: #081A38;
}
.breadcrumbs-mobile-inner ul li span {
	margin: 0 10px;
}
.breadcrumbs-mobile-inner li a:hover {
	color: #7899b8;
}
/*---------------------
	16. Resta about css here
--------------------*/
.resta-about {
	padding: 100px 0 180px;
	background: url(images/about/bg-1.jpg)no-repeat scroll right top;
}
.about-resta-details {
	background: #f1f1f1 none repeat scroll 0 0;
	left: 0;
	padding: 60px;
	position: absolute;
	top: 45px;
	width: 55%;
}
.about-rest-img {
	float: right;
	width: 50%;
}
.about-resta-inner {
	position: relative;
}
.about-title > h2 {
	color: #535353;
	font-family: "Raleway", sans-serif;
	font-size: 36px;
	text-transform: capitalize;
}
.about-description p.text-1 {
	margin-bottom: 35px;
}
.see-video {
	background: rgba(229, 76, 42, 0.6) none repeat scroll 0 0;
	position: relative;
}
.viedo--play {
	background: #243342 none repeat scroll 0 0;
	height: 100%;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	width: 70px;
}
.viedo--play > a {
	border: 3px solid #fff;
	border-radius: 50%;
	color: #fff;
	display: inline-block;
	font-size: 18px;
	height: 30px;
	margin-top: 24px;
	width: 30px;
}
.see-more-video > h3 {
	color: #ffffff;
	font-size: 18px;
	font-weight: 600;
	padding: 28px 0;
	position: relative;
	text-align: center;
	text-transform: uppercase;
}
.see-more-video > h3:before {
	background: #fff none repeat scroll 0 0;
	content: "";
	height: 2px;
	left: 20px;
	margin-top: 10px;
	position: absolute;
	width: 100px;
}
/*-------------------------
	17. Fun factor css here
----------------------*/
.fun-factor{
	background: url(images/bg/fun-factor.jpg)no-repeat scroll center center;
	background-size: cover;
}
.fun-icon a,.single-choose a{
	border: 1px dashed;
	border-radius: 50%;
	color: #666;
	display: inline-block;
	font-size: 24px;
	height: 50px;
	line-height: 50px;
	width: 50px;
}

h2.counter {
	color: #383838;
	font-family: "Lato",sans-serif;
	font-size: 42px;
	font-weight: bold;
	margin-top: 30px;
}
.single-fun-factor h5,.single-choose > h5 {
	color: #535353;
	font-weight: bold;
	text-transform: uppercase;
}
/*-------------------------
	18. choose us css here
----------------------*/
.choose-use-img {
	text-align: center;
}
.choose-us-desc {
	margin-top: -70px;
	padding: 120px 0 80px;
}
.single-choose p {
	margin: 0;
}
.single-choose > h5 {
	margin-top: 30px;
}
.choose-us{
	 background: url(images/about/bg-2.jpg)no-repeat scroll left top;
}
/*--------------------
	19. our team css here
---------------------*/
.single-member {
	border: 1px solid #e6e6e6;
}
.member-overlay-img {
	display: block;
	position: relative;
}
.member-overlay {
	background: rgba(229, 76, 42, 0.5) none repeat scroll 0 0;
	color: #fff;
	height: 100%;
	left: 0;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	position: absolute;
	text-align: center;
	top: 0;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 100%;
}
.member-overlay i {
	border: 1px solid #fff;
	border-radius: 50%;
	color: #fff;
	font-size: 24px;
	height: 50px;
	line-height: 50px;
	margin-left: -25px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 50px;
}
.member-overlay i:hover {
	 background: #fff;
	 color: #243342
}
.socail-icon {
	bottom: 0;
	left: 0;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	position: absolute;
	right: 0;
	text-align: center;
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.socail-icon li {
	display: inline-block;
	margin-right: 25px;
}
.socail-icon li:last-child {
	margin-right: 0;
}
.socail-icon a {
	border: 1px solid transparent;
	border-radius: 50%;
	color: #fff;
	display: block;
	font-size: 20px;
	height: 40px;
	line-height: 40px;
	width: 40px;
}
.socail-icon a:hover {
	border-color: #fff;
	background: #fff;
	color: #243342
}
.member-content {
	padding: 22px;
}
.member-content > p {
	margin-bottom: 25px;
}
.member-tag:before {
	border-top: 4px double #e6e6e6;
	content: "";
	left: 0;
	position: absolute;
	top: 0;
	width: 55%;
}
.member-tag {
	padding-top: 10px;
	position: relative;
}
.member-tag a {
	color: #666666;
	display: block;
	font-size: 16px;
	font-weight: 600;
}
.member-name {
	text-transform: uppercase;
}
.single-member:hover a.member-overlay {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.single-member:hover .socail-icon {
	bottom: 20px;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.our-team-area{
	background: url(images/about/team.png)no-repeat scroll right center;
}
.member-tag a.member-post {
	font-size: 14px;
	margin-top: 5px;
}
/*-------------------------
	20. Food menu css here
------------------------------*/
.food_item_box ul li {
	display: inline-block;
	margin-left: 85px;
}
.food_item_box ul li {
	color: #535353;
	display: block;
	/*font-family: graduate, sans-serif;*/
	font-size: 36px;
	padding: 10px 0;
	text-transform: capitalize;
	font-weight: 500;
}
.food_item_box ul li:first-child {
	margin: 0;
}
.food_item_box ul li.active {
	color: #081A38;
}
.food_item_box {
	 height: auto;
}
.item1 .food_item_box {
	border-bottom: 1px solid #081A38;
	/*background: rgba(0, 0, 0, 0) url("images/food/food-menu/bg.png") no-repeat scroll left center / cover ;*/
}
.load-more > a {
	border: 1px solid #ddd;
	color: #243342;
	display: block;
	font-size: 16px;
	font-weight: 700;
	padding: 18px 0;
	text-transform: capitalize;
}
.load-more > a:hover {
	background: #081A38 none repeat scroll 0 0;
	color: #fff;
}
.item2 .food_item_box {
	
	border-bottom: 1px solid #ddd;
/*	background: url("images/food/food-menu/bg-2.png") no-repeat scroll center center;
	background-size: cover;*/
}
.item3 .food_item_box {
	height: 210px;
}
.item3 .food_item_box{
	
	border-bottom: 1px solid #ddd;
/*	 background:	url("images/food/food-menu/bg-3.png") no-repeat scroll left center;
	 background-size: cover;*/
}
.item3 .food_item_box ul li {
	margin-top: 35px;
}
/*--------------------------
	 21. Our gallery page css here
----------------------------*/
.our_gallery	{
	background: none;
}
.our_gallery .bg-img-1 {
	background: none;
}
.single-gallery-img {
	position: relative;
}
.single-gallery-hover {
	background: rgba(255, 255, 255, 0.6) none repeat scroll 0 0;
	height: 100px;
	margin-top: -50px;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 100%;
	-webkit-transform: scaleY(0);
			transform: scaleY(0);
	-webkit-transform-origin: 50% 50% 0;
			transform-origin: 50% 50% 0;
	-webkit-transition-duration: 0.3s;
			transition-duration: 0.3s;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-transition-timing-function: ease-out;
			transition-timing-function: ease-out;
}
.single-gallery-img:hover .single-gallery-hover,.single-gallery-img.active .single-gallery-hover{
	 -webkit-transform: scaleY(1);
			 transform: scaleY(1); 
}
.single-gallery-hover > span {
	color: #243342;
	font-size: 40px;
	line-height: 100px;
}
/*----------------------
	22. Our blog page css here
--------------------------*/
.single-blog.hover-active.mb-30 {
	margin: 0;
}
.our-blog-pages {
	background-color:#eef5fc !important;
	
}
.our-blog-pages .bg-mg-1 {
	/*background: url("images/blog/blog-bg-2.png") no-repeat scroll left bottom;*/
}
/*----------------------
	22.1 Blog Details css here
--------------------------*/
.blog-comment-img > img {
	border: 1px solid #ddd;
	float: right;
}
.blog-thumbnail .blog-title h4 {
	color: #535353;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}
.blog-thumbnail .blog-publish {
	background: #f1f1f1 none repeat scroll 0 0;
}
.blog-thumbnail .blog-publish {
	background: #f1f1f1 none repeat scroll 0 0;
	bottom: -32px;
	left: 10px;
	position: absolute;
	right: 10px;
}
.articles-details .blog-thumbnail {
	position: relative;
}
.blog-thumbnail img:hover {
	opacity: 0.9;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
.blog-thumbnail img {
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.blog-desacription .b-desc-1 {
	margin-top: 8px;
}
.b-desc-1 p {
	margin-bottom: 25px;
}
.blog-action .action-box > p,.comment-action-box a {
	color: #666666;
	display: inline-block;
	margin-left: 30px;
}
.blog-action .action-box > p:first-child,.comment-action-box a:first-child {
	margin-left: 0;
}
.blog-action .action-box > p i,.comment-action-box a i {
	margin-right: 7px;
}

.blog-share-social,.cheaf-quote-social {
	position: absolute;
	right: 0;
	top: 0;
}
.articles-details .blog-action {
	margin-bottom: 35px;
	margin-top: 15px;
	position: relative;
}
.blog-share-social a,.cheaf-quote-social > a{
	color: #666;
	margin-right: 16px;
}
.blog-share-social a:last-child,.cheaf-quote-social > a:last-child {
	margin-right: 0;
}
.blog-share-social a:hover,.cheaf-quote-social > a:hover {
	color: #243342;
}
.cheaf-quote-img {
	float: left;
	width: 24%;
}
.cheaf-quote-desc {
	float: left;
	padding: 34px 47px 34px 40px;
	width: 76%;
}
.blog-cheaf-quote {
	border: 1px solid #f3f3f3;
	overflow: hidden;
}
.cheaf-quote-text > p {
	font-family: "Raleway",sans-serif;
	font-size: 16px;
	font-weight: 600;
}
.cheaf-quote-text > p i {
	color: #243342;
	margin: 0 2px;
}
.cheaf-quote-action {
	position: relative;
}
.cheaf-quote-title h5 {
	color: #243342;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 0;
	text-transform: uppercase;
}
.blog-comment-box {
	margin-top: 74px;
}
.comment-title > h3 {
	color: #535353;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 47px;
	text-transform: uppercase;
}
.comment-action-box a:hover i{color: #243342}
.comment-action-box > a {
	font-family: "Lato",sans-serif;
}

.blog-comment-img {
	float: left;
	width: 11%;
}
.blog-comment-desc {
	float: left;
	padding-left: 30px;
	width: 89%;
}
.blog-comment.reply .blog-comment-desc {
	width: 74%;
}
.blog-comment.reply .blog-comment-img {
	width: 26%;
}
.blog-comment-img img {float: right}
.comment-top-box {
	position: relative;
}
.comment-action-box {
	position: absolute;
	right: 0;
	top: 0;
}
.comment-title-box > h5 {
	color: #535353;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0;
	text-transform: uppercase;
}
.comment-bottom-box > p {
	margin-bottom: 0;
}
.comment-title-box > p {
	margin-bottom: 10px;
}
.blog-comment {
	margin-bottom: 35px;
}
.comment-input .input-field {
	float: left;
	padding-left: 25px;
	width: 50%;
}
.comment-input .input-field:first-child {
	padding-left: 0;
}
.input-field input {
	height: 40px;
}
.blog-comment-form .textarea textarea,.input-field input{
	border: 1px solid #f3f3f3;
	color: #999;
	padding-left: 20px;
	text-transform: capitalize;
}
.blog-comment-form .textarea textarea {
	height: 100px;
}
.comment-input {
	margin-bottom: 25px;
}
.blog-comment-form .submit > button {
	background: #243342 none repeat scroll 0 0;
	border: medium none;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	line-height: 12px;
	margin-top: 25px;
	padding: 20px 0;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 100%;
}
.blog-comment-form .submit > button:hover {
	background: #555 none repeat scroll 0 0;
}
.widget-search input {
	border: 1px solid #f3f3f3;
	color: #999999;
	font-size: 13px;
	height: 40px;
}
.widget-search input {
	border: 1px solid #f3f3f3;
	color: #999999;
	font-family: "Lato",sans-serif;
	font-size: 13px;
	height: 40px;
}
.widget .widget-search button {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: medium none;
	color: #243342;
	font-size: 18px;
	padding: 0;
	position: absolute;
	right: 20px;
	top: 9px;
}
.widget .widget-search {
	position: relative;
}
.blog-right-sidebar .widget {
	border: 1px solid #f3f3f3;
	padding: 25px 20px;
}
.blog-right-sidebar .widget.search {
	border: medium none;
	padding: 0;
}
.widget-title > h3 {
	color: #243342;
	font-family: "Raleway", sans-serif;
	font-size: 20px;
	margin-bottom: 18px;
	text-transform: capitalize;
}
.widget-categories a:before {
	content: "";
	font-family: FontAwesome;
	margin-right: 12px;
}
.widget-categories a {
	color: #757575;
	font-family: "Lato",sans-serif;
	font-size: 14px;
	font-weight: 500;
	text-transform: capitalize;
}
.widget-categories ul li {
	padding-bottom: 5px;
	padding-left: 12px;
}
.widget-categories h6 {
	margin-bottom: 5px;
}
.widget-categories h6.open a,.widget-categories a:hover {
	color: #243342;
}

.recent-post-thumbnail {
	float: left;
	width: 15%;
}
.recent-post-thumbnail > img {
	border: 1px solid #f1f1f1;
	height: 30px;
	width: 40px;
}
.recent-post .post-detail {
	float: left;
	padding-left: 15px;
	width: 85%;
}
.post-title > h5 {
	color: #606060;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 0;
}
.single-recent-post {
	overflow: hidden;
}
.recent-post .post-date {
	color: #cccccc;
	font-size: 12px;
	line-height: 15px;
	margin-bottom: 0;
}
.blog-right-sidebar .widget.video {
	border: medium none;
	padding: 0;
	position: relative;
}

.widget-video-overlay {
	background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
	height: 128px;
	position: absolute;
	text-align: center;
	top: 50%;
	-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
	width: 100%;
}
.widget-video-overlay > a {
	border: 5px solid #243342;
	border-radius: 50%;
	color: #243342;
	display: inline-block;
	font-size: 22px;
	height: 42px;
	left: 0;
	line-height: 32px;
	margin: 0 auto;
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
	width: 42px;
}
.widget-tag li {
	display: inline-block;
}
.widget-tag li a:hover {
	border-color: #243342;
}
.widget-tag li a {
	color: #757575;
	font-weight: 600;
	text-transform: capitalize;
	border: 1px solid #f1f1f1;
	padding: 10px 12px;
	margin-bottom: 10px;
	margin-right: 10px;
	display: block
}
.blog-right-sidebar .widget.tag {
	padding: 25px 20px 15px;
}

.blog-details-page {
	position: relative;
}
.blog-details-page .bg-img {
	/*background: rgba(0, 0, 0, 0) url("images/blog/blog-details-bg.jpg") no-repeat scroll right bottom;*/
	bottom: 180px;
	height: 100%;
	position: absolute;
	right: 0;
	width: 100%;
}
/*--------------------------
	 23. Contact us pages css here
--------------------------*/
.contact-icon > a {
	color: #666666;
	display: inline-block;
	font-size: 24px;
	height: 50px;
	line-height: 50px;
	position: relative;
	width: 50px;
}

.order-now > input {
	background: #243342 none repeat scroll 0 0;
	color: #fff!important;
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
	/*margin-top: 10px;
	padding: 9px 38px;*/
	text-transform: uppercase;
}
.contact-icon > a:before {
	background: rgba(0, 0, 0, 0) url("images/icons/border.png") no-repeat scroll center center / cover ;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 999999;
}
a.phon {
	color: #243342;
	margin-bottom: 0;
}
 a.phon:hover {
	color:#081A38!important;
}
.single-contact-information p {
	line-height: 20px;
	margin-bottom: 0;
}
.single-contact-information .contact-icon {
	margin-bottom: 12px;
}
.contact-information {
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
	position: relative;
	z-index: 1;
}
.contact-bottom-section .col-md-6.map-div {
	padding-right: 0;
}
.contact-bottom-section .col-md-6.contact-form-div .contact-form {
	float: right;
	padding-left: 30px;
	width: 585px;
}
.contact-form-title h2 {
	color: #535353;
	font-family: "Raleway", sans-serif;
	font-size: 36px;
	margin-bottom: 30px;
	text-align: center;
	text-transform: capitalize;
}
.contact-form-box input {
	border: 1px solid #dddddd;
	color: #aaaaaa;
	margin-bottom: 18px;
	padding-left: 20px;
}
.contact-form-box textarea {
	border: 1px solid #ddd;
	height: 100px;
	padding-left: 20px;
	resize: none;
}
.contact-form-box button {
	background: #243342 none repeat scroll 0 0;
	border: medium none;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	margin-top: 40px;
	padding: 12px 0;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 100%;
}
.contact-form-box button:hover{background: #555;}
.contact-bottom-section {
	position: relative;
}
.contact-bottom-section .bg-img {
	background: rgba(0, 0, 0, 0) url("images/common/contact-page.jpg") no-repeat scroll left center / cover ;
	bottom: 0;
	height: 100%;
	position: absolute;
	width: 100%;
}
.form-messege.success {
	color: green;
	text-transform: uppercase;
	font-style: italic;
}
.form-messege.error {
	color: red;
	text-transform: capitalize;
	font-style: italic;
}
/*-------------------------
	24.Navigation css here
-------------------------*/
/*-------------------------
	24.1 Dropdown menu css here
-------------------------*/
.menu ul li:hover a{
	color: #fafafa;
}
.menu ul li:hover ul li a:hover{
	color: #fff!important; background-color:#081A38;
}


.menu > ul > li > a:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: 0px;
	left: 0;
	width: 0;
	background-color: #3a7ce7;
	visibility: hidden;
	transition: all 250ms ease;
transform-origin: center;
}

.menu a:hover:before, .navbar li:hover > a:before, .navbar .active:before {
	visibility: visible;
	width: 100%;
}
.menu a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover > a {
	color: #fff;
}


.menu ul li:hover ul li a{
	color: #081A38!important;
}
.menu ul li ul.dropdown_menu {
	left: 0;
	top: 100%;
	width: 250px;
}
.menu ul li ul.dropdown_menu, .menu ul li ul.dropdown_menu li ul.dropdown-submenu {
	border-bottom: 2px solid #fff;
	border-top: 2px solid #fff;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	position: absolute;
	-webkit-transition-duration: 0.5s;
			transition-duration: 0.5s;
	visibility: hidden;
	z-index: 99999;
}
.menu ul li ul.dropdown_menu li {
	border-bottom: 1px solid #ddd;
	display: block;
	-webkit-transform: rotateX(-95deg);
			transform: rotateX(-95deg);
	-webkit-transform-origin: 0 0 0;
			transform-origin: 0 0 0;
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.menu ul li ul.dropdown_menu li:last-child {
	border-bottom: medium none;
}
.menu ul li ul.dropdown_menu li a {
	font-size: 14px;
	font-weight: 500;
	padding: 10px 20px;
	text-transform: capitalize;
}
.menu ul li:hover ul.dropdown_menu,.menu ul li ul.dropdown_menu li:hover ul.dropdown-submenu	{
	 opacity: 1;
	 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";	
	 visibility: visible;
}
.menu ul li:hover ul.dropdown_menu li,.menu ul li ul.dropdown_menu li:hover ul.dropdown-submenu li {
	 background: #fff;
	 -webkit-transform: rotateX(0);
			 transform: rotateX(0);
}
.menu ul li ul.dropdown_menu li {
	position: relative;
}
.menu ul li ul.dropdown_menu li ul.dropdown-submenu {
	left: 100%;
	margin-top: -2px;
	top: 0;
	width: 100%;
}
.menu ul li ul.dropdown_menu li ul.dropdown-submenu li{
	-webkit-transform: rotateX(-90deg);
			transform: rotateX(-90deg);
}
.menu ul li ul.dropdown_menu li.dropdown-mega:after {
	content: "";
	font-family: FontAwesome;
	font-size: 18px;
	position: absolute;
	right: 12px;
	top: 5px;
}
.mean-container .mean-bar {
	background: transparent none repeat scroll 0 0;
	float: left;
	min-height: 42px;
	padding: 4px 0 0;
	position: relative;
	top: 00px;
	width: 100%;
	z-index: 999999;
}
.mean-container .mean-nav ul li li a {
	border-top: 1px solid rgba(255, 255, 255, 0.25);
	opacity: 0.85;
	padding: .5em 10%;
	text-shadow: none !important;
	visibility: visible;
	width: 80%;
	font-weight: 600;
	text-transform: capitalize;
	color: #444;
}
/*-------------------------
	24.2 Mega menu css here
-------------------------*/
.menu ul li ul.mgea-menu {
	background: #fff;
	border-bottom: 2px solid #243342;
	border-top: 2px solid #243342;
	left: 0;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	padding: 0 20px;
	position: absolute;
	-webkit-transform: rotateX(-90deg);
			transform: rotateX(-90deg);
	-webkit-transform-origin: 0 0 0;
			transform-origin: 0 0 0;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	visibility: hidden;
	width: 100%;
	z-index: 99999999;
}
.menu ul li:hover ul.mgea-menu {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transform: rotateX(0);
	transform: rotateX(0);
	visibility: visible;
}
.menu ul li.mega-parent,.header .container .row [class*="col-"]	{
	position: static;
}
.mgea-full-width {
	position: relative;
}
.menu ul li ul.mgea-menu li.mega-sub {
	float: left;
	padding-left: 20px;
	width: 25%;
}
.menu ul li.mega-parent ul li a {
	padding: 15px 0;
}
.menu ul li.mega-parent ul li ul li {
	border-bottom: 1px solid #999;
	display: block;
}
.menu ul li.mega-parent ul li ul li a {
	font-size: 14px;
	font-weight: 500;
	padding: 15px 0;
	text-transform: capitalize;
}
.menu ul li.mega-parent ul li ul li:last-child {
	border-bottom: medium none;
}
.menu ul li ul.mgea-menu li.mega-sub:first-child {
	padding-left: 0;
}
.menu ul li ul.mgea-menu:before {
	background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
/*----------------------------
	25. 404 page css here
-------------------------*/
.error-content h2 {
	color: #243342;
	font-family: "Lato",sans-serif;
	font-size: 180px;
	font-weight: bold;
	letter-spacing: 10px;
	text-shadow: 7px 6px 0 #dadada, 0 -1px 0 #dadada, 1px -1px 0 #dadada, -1px 1px 0 #dadada, 1px 1px 0 #dadada;
}
.error-content > h3 {
	color: #535353;
	font-family: "Raleway", sans-serif;
	font-size: 55px;
	font-weight: 500;
	text-transform: capitalize;
}
.error-content h4 {
	color: #535353;
	font-weight: 400;
	text-transform: capitalize;
}
.error-content .go-home {
	background: #243342 none repeat scroll 0 0;
	color: #fff;
	display: inline-block;
	font-weight: bold;
	margin-top: 15px;
	padding: 10px 28px;
	text-transform: uppercase;
}
.error-content .go-home:hover {
	background: #555 none repeat scroll 0 0;
}
/*-------------------
	26. Mobile menu css here
----------------------------*/
.mobile-menu-area {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	margin-top: 0px;
	position: absolute;
	width: 100%;
	z-index: 9999999;
}
.mean-container a.meanmenu-reveal {
	float: left;
	left: 56% !important;
	position: absolute;
	top: -75px;
}
.mean-container .mean-nav ul li a.mean-expand {
	font-family: "Lato",sans-serif;
}
.mobile-menu-area .mean-nav {
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
/*------------------------
	27. sticky menu css here
---------------------------*/
.sticky {
	-webkit-animation: 600ms ease-in-out 0s normal none 1 running fadeInDown;
	animation: 600ms ease-in-out 0s normal none 1 running fadeInDown;
	background: #081A38 none repeat scroll 0 0;
	left: 0;
	margin: auto;
	position: fixed;
	top: 0;
	z-index: 999;
	width: 100%;
	height: 110px;
}

.sticky::before {	
	content: "";
	background-image: none;
	background-size: cover;
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	opacity: 0.2;
} 
.sticky .menu ul li a {
	padding: 50px 10px 36px 10px;
}

.sticky .menu ul li a.btn {
    color: #fff;
    display: block;
    font-size: .8rem;
    font-weight: 600;
    padding: 5px;
    text-transform: uppercase;
}
.header.sticky .logo {
	margin-top: 25px;
	width: 100%;
}
.sticky .header-right .search {
	padding-top: 35px;
}

.sticky h2 {
	font-size: 30px; font-weight:500;
}
.sticky h5 {
	font-size: 14px; font-weight:600;
}
	
.sticky h5, .h5 {
	margin-top: 2px;
	margin-bottom: 2px;
} 

/*--------------------------
	28. Home two css here
---------------------------------*/
.slider-content {
	background: rgba(0, 0, 0, 0) url("images/slider/1.jpg") no-repeat scroll center center / cover ;
	padding: 180px 0;
	z-index: 9;
}
.slider-content.parallax {
	background: rgba(0, 0, 0, 0) url("images/slider/1.jpg") no-repeat fixed center center / cover ;
}
.slider-content .middle-text .order-now {
	margin-top: 10px;
}
.middle-text .title-2 h1 span {
	color: #243342;
}
/*--------------------------
	29. Home three css here
---------------------------------*/
.slider-content.youtube-bg {
	background: url("images/bg/video-bg.png") no-repeat scroll center center / cover ;
}
.slider-content.youtube-bg .middle-text .title-1 h2,.slider-content.youtube-bg .middle-text .title-2 h1,.slider-content.youtube-bg .middle-text p {
	color: #fff;
}
/*--------------------------
	30. Home four css here
---------------------------------*/
.dotted-overlay:after {
	background: url("images/icons/grid.png") repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.dotted-overlay{position: relative}
.dotted-overlay .slider-text-table {
	z-index: 999;
}
/*--------------------------
	31. All elements css code here
---------------------------------*/
/*--------------------------
	31.1 Accordion css
---------------------------------*/
.accordion h3 {
	font-family: "Raleway", sans-serif;
	font-size: 32px;
	font-weight: 400;
	margin-bottom: 20px;
	text-transform: capitalize;
}
.accordion.style1 .panel-title {
	color: #555;
	font-weight: 500;
}
.accordion-active h4 {
	background: #f1f1f1 none repeat scroll 0 0;
	border: 1px solid #ddd;
	border-radius: 3px;
	color: #555;
	font-size: 16px;
	font-weight: 600;
	height: 45px;
	line-height: 45px;
	padding-left: 10px;
	text-transform: uppercase;
}
.accordion-active h4:before {
	color: #555;
	content: "";
	font-family: FontAwesome;
	font-weight: 300;
	margin-left: 5px;
	margin-right: 15px;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.accordion-active h4.open:before {
	color: #243342;
	content: "";
}
.accordion-active h4:hover:before,.accordion-active h4.open {
	color: #243342;
}
.accordion-active h4 a:focus {
	color: inherit;
}
/*--------------------------
	31.2 Tab css
---------------------------------*/
.elements .nav-tabs > li > a {
	color: #555;
	font-weight: 500;
}
.elements .nav-tabs > li.active > a {
	border-radius: 0;
	border-top: 1px solid transparent;
	color: #243342;
}
.elements .nav.nav-tabs {
	border: 1px solid #ddd;
	display: inline-block
}
.elements .nav-tabs > li.active:first-child > a {
	border-left: medium none;
}
.elements .nav-tabs > li.active:last-child > a {
	border-right: medium none;
}
.elements .elements-tab-1 .nav.nav-tabs {
	margin-bottom: 15px;
}
/*--------------------------
	31.3 Progress bar css
---------------------------------*/
.our-skill .progress {
	background-color: #f0f0f0;
	border-radius: 0;
	box-shadow: none;
	height: 6px;
	margin-bottom: 43px;
	overflow: visible;
	position: relative;
}
.our-skill .lead {
	color: #444;
	font-size: 13px;
	font-weight: 700;
	left: 0;
	position: absolute;
	top: -23px;
}
.our-skill .progress-bar {
	background-color: #03a9f4;
	box-shadow: none;
}

.our-skill .progress-bar > span:before, .our-skill .progress-bar > span:after {
	border: medium solid transparent;
	content: " ";
	height: 0;
	pointer-events: none;
	position: absolute;
	top: 100%;
	width: 0;
}
.our-skill .progress-bar > span:before {
	border-top-color: #333;
	border-width: 5px;
	left: 50%;
	margin-left: -5px;
}
.our-skill .progress-bar > span {
	background: #333 none repeat scroll 0 0;
	float: right;
	font-size: 11px;
	margin-right: 10px;
	margin-top: -26px;
	padding: 0 5px;
	position: relative;
}
.progress-style-2 .progress-bar {
	font-size: 14px;
	line-height: 23px;
	padding-left: 12px;
	text-align: left;
	text-transform: capitalize;
}
.progress-style-2 .progress {
	border-radius: 0;
	box-shadow: none;
	height: 23px;
}

.audio audio {
	width: 100%;
}
.properties-video h5 {
	font-size: 24px;
	font-weight: 500;
}
/*--------------------------
	31.4 Button css
---------------------------------*/
a.button {
	background: #243342 none repeat scroll 0 0;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	text-transform: capitalize;
	-webkit-transition: all 0.5s ease-in 0s;
	transition: all 0.5s ease-in 0s
}
a.button.large {
	font-size: 18px;
	padding: 18px 0;
}
.button.large span {
	display: inline-block;
	padding: 0 60px;
}
.button span {
	font-family: "Lato",sans-serif;
}
.button.large i {
	padding: 0 12px;
}
a.button.medium{
	font-size: 16px;
	padding: 18px 0;	
}
.button.medium span {
	display: inline-block;
	padding: 0 40px;
}
.button.medium i {
	padding: 0 12px;
}
a.button.little {
	font-size: 15px;
	padding: 14px 0;
}
.button.little span {
	display: inline-block;
	padding: 0 20px;
}
.button.little i {
	padding: 0 12px;
}
a.button.button-black{
	background: #4a4a4a
}
a.button.button-black:hover{
	background: #fff;
	color: #4a4a4a
}
a.button.button-white,a.button:hover{
	background: #fff;
	color: #243342
}
a.button.button-white:hover,a.button.border_radius.button-black:hover{
	background: #243342;
	color: #fff
}
a.button.border-radius {
	border-radius: 0;
	padding: 14px 0;
}
a.button.btn-gray {
	background: #e5e5e5 none repeat scroll 0 0;
	color: #777;
}
a.button.border_radius {
	border-radius: 30px;
	font-size: 15px;
	padding: 16px 8px;
	text-transform: uppercase;
}
a.button.btn-border {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: 2px solid;
	color: #4a4a4a;
}
a.button.btn-gray:hover,a.button.btn-border:hover{color:#243342}
/*-------------------
	32. Preloader CSS here
----------------------*/
.preloader{
	background-color: #fff;
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 1;
	margin-top: 0px;
	top: 0px;
	z-index: 99999999;
}
.loading-center{
	width: 100%;
	height: 100%;
	position: relative;
}
.loading-center-absolute {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 150px;
	width: 150px;
	margin-top: -75px;
	margin-left: -75px;
}
.object{
	width: 20px;
	height: 20px;
	background-color: #243342 ;
	float: left;
	margin-right: 20px;
	margin-top: 65px;
	border-radius: 50% 50% 50% 50%;
}
.object_one {	
	-webkit-animation: object_one 1.5s infinite;
	animation: object_one 1.5s infinite;
}
.object_two {
	-webkit-animation: object_two 1.5s infinite;
	animation: object_two 1.5s infinite;
	-webkit-animation-delay: 0.25s; 
	animation-delay: 0.25s;
}
.object_three {
	-webkit-animation: object_three 1.5s infinite;
	animation: object_three 1.5s infinite;
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}
@-webkit-keyframes object_one {
75% { -webkit-transform: scale(0); }
}
@keyframes object_one {
	75% { 
	transform: scale(0);
	-webkit-transform: scale(0);
	}
}
@-webkit-keyframes object_two {
	75% { -webkit-transform: scale(0); }
}
@keyframes object_two {
	75% { 
	transform: scale(0);
	-webkit-transform:	scale(0);
	}
}
@-webkit-keyframes object_three {
	75% { -webkit-transform: scale(0); }
}
@keyframes object_three {
	75% { 
	transform: scale(0);
	-webkit-transform: scale(0);
	}
}




/*-------------------
	33. Cart CSS here
----------------------*/
a.shipping, a.billing {color:#F09; font-weight:bold; text-decoration:underline;}
/* checkout boxes (shipping, billing, etc.) */

.checkout-box {
	width: 100%;
	float: left;
	border: 1px solid #ccc;
	padding: 10px;
	margin: 10px 10px 0 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.checkout-box.first-in-row {
	clear: both;
}

.checkout-box.last-in-row {
	margin-right: 0;
	float: right;
}

.checkout-box .step-heading {
	font-size: 14px;
	color: #1e4588;
	margin-bottom: 8px;
}

.checkout-box p {
	margin: 10px 0;
}

span.label, label.inline {
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 100%;
}
div[id^="selected_shipping"] {
	display: none;
	font-weight: bold;
	text-align: left;
	margin: 10px 0;
	}


div[id^=selected_billing] {
	display:none;
	font-weight:bold;
	text-align:left;
	margin: 10px 0;
}