/*@import '/css/reset.css';*/
/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot{font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

html {
	width:100%;
	height:100%;
}

body {
	width: 100%;
	height: 100%;
	background: white;
	color: black;
	font-size: 12px;
	font-family: Arial, Helvetica, Verdana;
	}
	body a {
		color: black;
		text-decoration: underline;
		}
	body a:hover {
		text-decoration: none;
		}
article, aside, canvas, details,
figcaption, figure, footer, header,
hgroup, nav, section, summary, video {
    display: block;
	}


#header, #footer  {
	font-size:12px;
	line-height:1;
}

.frontWrap {
	font-size:12px;
}

#header p {
	margin:0;
	padding:0;
}

.cf:after {
	clear:both;
	display:block;
	visibility:hidden;
	height:0;
	content:" ";
	font-size:0;
	}
.mainWrap {
	position: relative;
	width: 100%;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	background: url(./i/bg.jpg) no-repeat top center #f5f5f5;
	background-attachment:fixed;
	}
.mainWrap.innerPage {
	background: url(./i/bg-inner.jpg) no-repeat top center #f5f5f5;
	background-attachment:fixed;	
	}
.mainWrap.notFound {
	background: url(./i/not-found.jpg) no-repeat top center;
	}

	.notFound__block {
		margin: 0 auto;
		padding-top: 180px;
		width: 1000px;
		text-align: center;
		}
		.notFound__text {
			margin: 15px 0 85px;
			color: white;
			font-size: 22px;
			font-weight: bold;
			}
		.bigLogo {}

	.redline {
		position: absolute;
		top: 0;
		z-index: 1;
		width: 100%;
		height: 16px;
		background: #e9271d;
		}
	#wrapper {
		position: relative;
		z-index: 2;
		margin: 0 auto;
		padding-top: 5px;
		height: auto !important;
		height: 100%;
		min-height: 100%;
		min-width: 1000px;
		max-width: 1030px;
		background: white;
		}
		#wrapper > .before,
		#wrapper:before {
			position: absolute;
			top: 0;
			left: 0;
			display: block;
			width: 100%;
			height: 16px;
			background: url(./i/redline.png) no-repeat top center #e9271d;
			content: '';
			}

		#header {
			position: relative;
			padding-bottom: 45px;
			margin: 0 auto;
			width: 903px;
			}
		.innerPage #header {
			padding-bottom: 22px;
			}
			.header__topBlock {
				padding-bottom: 13px;
				}
				.logo {
					position: relative;
					z-index: 3;
					float: left;
					margin-left: 12px;
					width: 191px;
					height: 92px;
					margin-top:0;
					margin-bottom:0;
					}
					.logo a {
						display: block;
						overflow: hidden;
						width: 191px;
						height: 92px;
						background: url(/css/i/logo.png) no-repeat;
						text-indent: -9999em;
						font-size: 0;
						}
				.slogan {
					float: left;
					overflow: hidden;
					display: block;
					margin-left: 51px;
					width: 190px;
					height: 93px;
					background: url(./i/slogan.png) no-repeat bottom left;
					text-indent: -9999em;
					font-size: 0;
					}
				.searchForm {
					float: right;
					padding-top: 60px;
					width: 404px;
					}
					.searchForm__query {
						display: inline-block;
						margin-right: 6px;
						padding: 2px 7px 2px 23px;
						width: 223px;
						height: 21px;
						background: url(./i/search.png) no-repeat 4px 5px white;
						border-radius: 3px;
						-webkit-border-radius: 3px;
						border: 1px solid #ececec;
						font-size: 13px;
						vertical-align: top;
						}
					#searchbutton {
						display: inline-block;
						width: 139px;
						height: 27px;
						background: #e33135;
						border: none;
						border-radius: 3px;
						-webkit-border-radius: 3px;
						cursor: pointer;
						color: white;
						text-transform: uppercase;
						text-align: center;
						vertical-align: top;
						}
					.opera #searchbutton {
						padding-top: 7px;
						}
					.ie7 #searchbutton {
						padding-top: 5px;
						}
						#searchbutton i {
							position: relative;
							top: -2px;
							font-style: normal;
							}
				.loginNav {
					position: absolute;
					right: 0;
					top: 24px;
					}
					.loginNav__list {}
						.loginNav__list li {
							position: relative;
							float: left;
							margin-left: 12px;
							padding-left: 12px;
							font-size: 10px;
							text-transform: uppercase;
							}
						.loginNav__list li .after,
						.loginNav__list li:after {
							position: absolute;
							left: 0;
							top: 1px;
							display: block;
							width: 1px;
							height: 8px;
							background: black;
							content: '';
							}
						.loginNav__list li:first-child .after,
						.loginNav__list li:first-child:after {
							display: none;
							}
							.loginNav__list li a {
								text-decoration: none;
								}
							.loginNav__list li.m-red a {
								color: #e33135;
								}
				.menu {
					padding-top: 19px;
					border-top: 1px solid #ebebeb;
					}
					.menu__list {
						text-align: center;
						}
						.menu__list li {
							display: inline-block;
							margin-left: 15px;
							padding-left: 15px;
							height: 16px;
							border-left: 1px solid #e5e5e5;
							}
						.menu__list li:first-child {
							margin-left: 0;
							padding-left: 0;
							border-left: none;
							}
							.menu__list li a {
								position: relative;
								top: 3px;
								text-transform: uppercase;
								text-decoration: none;
								}
							.menu__list li a.tmsel, .menu__list li a:hover {
								color:red;
								}								

		#content, #fcontent {
			margin: 0 auto;
			padding: 0 20px 247px;
			width: 903px;
			background: url(./i/bottom-pic1.jpg) bottom no-repeat;
			box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
			}
		.innerPage #content {
			padding-top: 27px;
			}
		.contentPage #content {
			padding-bottom: 300px;
			padding-top: 27px;
			background: url(./i/bottom-pic2.jpg) bottom no-repeat;
			}
		.hotelsPage #content {
			padding-bottom: 235px;
			background: url(./i/bottom-pic3.jpg) bottom no-repeat;
			min-height:800px;
			}
		.toursPage #content {
			padding-bottom: 425px;
			background: url(./i/bottom-pic4.jpg) bottom no-repeat;
			}
			.mainPic {
				position: relative;
				top: -25px;
				padding: 49px 25px 0;
				width: 853px;
				height: 299px;
				}
				.mainPic img {
					position: absolute;
					left: 0;
					top: 0;
					display: block;
					}
				.mainPic__title {
					position: relative;
					z-index: 3;
					margin-bottom: 22px;
					text-transform: uppercase;
					font-family: Impact;
					font-size: 34px;
					}
					.mainPic__title a {
						border-bottom: 1px solid white;
						color: white;
						text-decoration: none;
						}
				.mainPic__desc {
					position: relative;
					z-index: 3;
					margin-bottom: 30px;
					width: 290px;
					color: white;
					font-weight: bold;
					letter-spacing: 0.8pt;
					line-height: 1.5;
					}
				.moreLink {
					position: relative;
					z-index: 3;
					padding: 9px 15px 6px;
					height: 14px;
					border: 1px solid white;
					border-radius: 3px;
					-webkit-border-radius: 3px;
					color: white;
					font-weight: bold;
					text-transform: uppercase;
					text-decoration: none;
					line-height:1;
					}
				
				.mainPic__thumb {
					position: absolute;
					bottom: 11px;
					right: 38px;
					overflow: hidden;
					display: block;
					width: 205px;
					text-decoration: none;
					}
					.mainPic__thumb__preview {
						position: relative;
						display: block;
						margin-bottom: 11px;
						height: 124px;
						}
						.mainPic__thumb__preview i.play {
							position: absolute;
							z-index: 4;
							left: 50%;
							top: 45px;
							display: block;
							margin-left: -23px;
							width: 46px;
							height: 46px;
							opacity: .8;
							filter: alpha(opacity=80);
							background: url(./i/play-arrow.png) no-repeat;
							content: '';
							}
						.mainPic__thumb__preview:hover i.play {
							opacity: .9;
							filter: alpha(opacity=90);
							}
						.mainPic__thumb__preview:before {
							position: absolute;
							left: 50%;
							bottom: 0px;
							z-index: 2;
							display: block;
							margin-left: -95px;
							width: 190px;
							height: 10px;
							box-shadow: 0 5px 9px black;
							content: '';
							}
						.mainPic__thumb__preview .before {
							background: url(./i/thumb-sh.png) no-repeat bottom left;
							position: absolute;
							bottom: 0px;
							z-index: 2;
							display: block;
							width: 100%;
							height: 10px;
							}
						.mainPic__thumb__preview img {
							position: relative;
							z-index: 3;
							display: block;
							}
					.mainPic__thumb__title {
						position: relative;
						z-index: 3;
						display: block;
						color: white;
						font-weight: bold;
						text-align: center;
						text-decoration: none;
						text-transform: uppercase;
						}

			.mainBlocks {
				margin: -20px 0 14px;
				}
				.teasers {
					float: left;
					overflow: hidden;
					margin-right: 6px;
					width: 468px;
					height: 134px;
					}
					.teaserSlide {}
						.teaserSlide a {
							position: relative;
							display: block;
							width: 468px;
							height: 134px;
							color: white;
							text-decoration: none;
							}
						.teaserSlide img {
							position: absolute;
							top: 0;
							left: 0;
							display: block;
							}
						.teaserSlide__text {
							position: relative;
							z-index: 3;
							display: block;
							padding: 18px 0 0 24px;
							color: white;
							font-size: 14px;
							text-transform: uppercase;
							line-height: 1.5;
							}
							.teaserSlide__text b {
								display: block;
								font-weight: normal;
								font-family: Impact;
								font-size: 27px;
								}

				.hotelsFilter {
					float: left;
					width: 429px;
					height: 134px;
					background: #ededed;
					}
					.hotelsFilter__header {
						padding: 13px 15px 11px;
						background: #c6c5c4;
						border-bottom: 1px solid white;
						color: #393939;
						font-size: 14px;
						text-transform: uppercase;
						}
					.hotelsFilter__list {
						margin-left: -30px;
						padding: 17px 0 0 19px;
						}
						.hotelsFilter__block {
							position: relative;
							float: left;
							margin: 0 0 9px 20px;
							width: 200px;
							height:26px;
							}
							.hotelsFilter__block.m-required .after,
							.hotelsFilter__block.m-required:after {
								position: relative;
								top: 0;
								display: inline-block;
								width: 7px;
								height: 7px;
								color: #717171;
								font-size: 18px;
								font-weight: bold;
								content: '\2a';
								}
							.hotelsFilter__search {
								position: relative;
								top: 2px;
								float: right;
								margin-right: 12px;
								width: 139px;
								height: 27px;
								background: #e33135;
								border: none;
								border-radius: 2px;
								-webkit-border-radius: 2px;
								cursor: pointer;
								color: white;
								text-transform: uppercase;
								text-align: center;
								vertical-align: top;
								}
							.opera .hotelsFilter__search {
								padding-top: 3px;
								}

			.textBlock {
				padding-bottom: 20px;
				color: #585656;
				font-size: 11px;
				line-height: 1.5;
				}
				.textBlock p {
					margin-bottom: 14px;
					}
				.textBlock a {
					font-weight: bold;
					}
				.textBlock__l {
					float: left;
					margin-right: 26px;
					padding-left: 2px;
					width: 446px;
					}
				.textBlock__r {
					float: left;
					padding-left: 2px;
					width: 427px;
					}
					.textBlock__header {
						margin-bottom: 8px;
						color: #333;
						font-size: 12px;
						font-weight: bold;
						text-transform: uppercase;
						}

			.placesBlock {
				margin-bottom: 12px;
				}
				.placesBlock__place {
					position: relative;
					float: left;
					margin-left: 10px;
					width: 294px;
					height: 222px;
					}
				.placesBlock__place:first-child {
					margin-left: 0;
					}
					.placesBlock__place .after,
					.placesBlock__place:after {
						position: absolute;
						bottom: -9px;
						left: 0;
						display: block;
						width: 294px;
						height: 9px;
						background: url(./i/place-sh.png) no-repeat;
						content: '';
						}
					.placesBlock__place img {
						position: absolute;
						left: 0;
						top: 0;
						display: block;
						}
					.placesBlock__place .moreLink {
						position: absolute;
						left: 25px;
						top: 65px;
						}
					.placesBlock__place__title {
						position: absolute;
						left: 28px;
						top: 29px;
						z-index: 3;
						margin-bottom: 22px;
						color: white;
						font-size: 27px;
						font-family: Impact;
						text-transform: uppercase;
						}
					.placeSlider {
						position: absolute;
						left: 0;
						top: 0;
						overflow: hidden;
						width: 295px;
						height: 222px;
						}

		.hotelLogos {
			margin: 0 auto 26px;
			padding-top: 20px;
			width: 943px;
			text-align: center;
			}
			.hotelLogos li {
				display: inline-block;
				margin: 0 15px;
				vertical-align: top;
				}

		.directions {
			float: left;
			width: 290px;
			}
			.sectionHeader {
				margin-bottom: 10px;
				font-size: 14px;
				font-weight: bold;
				text-transform: uppercase;
				}
				.directions__map {
					position: relative;
					}
					.directions__map img {
						display: block;
						}
					.directions__map a {
						position: absolute;
						left: 0;
						top: 0;
						font-size: 12px;
						}
					.directions__map a.m-active,
					.directions__map .m-active a {
						color: #e33135;
						text-decoration: none;
						}
					.directions__map__manila {
						position: absolute;
						left: 167px;
						top: 66px;
						line-height: 1.1;
						}
						.directions__map__manila a {
							position: static;
							display: block;
							font-weight: bold;
							}
					.directions__map a.directions__map__mindoro {
						left: 22px;
						top: 114px;
						}
					.directions__map a.directions__map__boracay {
						left: 26px;
						top: 157px;
						}
					.directions__map a.directions__map__palawan {
						left: -12px;
						top: 183px;
						}
					.directions__map a.directions__map__cebu {
						left: 194px;
						top: 164px;
						}
					.directions__map a.directions__map__bohol {
						left: 220px;
						top: 181px;
						}
				.directions__map .directions__map__other {
					margin-top: 18px;
					padding-right: 10px;
					text-align: center;
					font-weight: bold;
					}
					.directions__map .directions__map__other a {
						position: static;
						}

			.toursSidebar {
				float: left;
				margin-top: -7px;
				width: 220px;
				}
				.toursSidebar__list {
					list-style: none;
					}
					.toursSidebar__list__block {
						margin-bottom: 25px;
						}
						.toursSidebar__list__block .sectionHeader {
							position: relative;
							z-index: 3;
							padding-left: 10px;
							}
						.toursSidebar__list__block__pic {
							position: relative;
							z-index: 2;
							margin: -19px 0 -7px -15px;
							}
						.toursSidebar__list__block__types {
							position: relative;
							z-index: 3;
							margin-left: -3px;
							width: 190px;
							}
							.toursSidebar__list__block__types div {
								margin-bottom: 2px;
								padding: 2px 0 0 13px;
								border-top: 1px solid #f2f2f2;
								}
							.toursSidebar__list__block__types div:first-child {
								border-top: none;
								}
								.toursSidebar__list__block__types div a {
									color: #4a83c1;
									font-weight: bold;
									text-decoration: none;
									}

			.post {
				float: left;
				margin-left: 4px;
				padding-top: 2px;
				width: 609px;
				}
				.post__header {
					margin-bottom: 22px;
					color: #333;
					font-size: 13px;
					font-weight: bold;
					text-transform: uppercase;
					margin-top:0;
					}
				.post__content {
					padding-bottom: 10px;
					color: #585656;
					font-size: 11px;
					line-height: 1.5;
					}
					.post__content img {
						margin-bottom: 17px;
						}
					.post__content p {
						margin-bottom: 14px;
						}
				.post__list {
					font-weight: bold;
					}
					.post__list li {
						margin-bottom: 4px;
						line-height: 1.2;
						}

				.post__gal {
					position: relative;
					margin-bottom: 27px;
					min-height: 260px;
					}
					.post__gal__pic {
						position: absolute;
						z-index: 2;
						display: block;
						}
						.post__gal__pic img {
							margin-bottom: 0;
							}
					.post__gal__pic:hover {
						z-index: 3;
						}
					.post__gal__pic1 {
						top: 16px;
						left: -6px;
						}
					.post__gal__pic2 {
						left: 134px;
						top: 16px;
						}
					.post__gal__pic3 {
						top: 20px;
						left: 237px;
						}
					.post__gal__pic4 {
						top: 118px;
						left: 210px;
						}
					.post__gal__pic5 {
						top: 128px;
						left: 110px;
						z-index: 1;
						}
					.post__gal__pic6 {
						top: 17px;
						left: 295px;
						z-index: 1;
						}
					.post__gal__pic7 {
						top: 100px;
						left: 275px;
						z-index: 2;
						}
					.post__gal__pic8 {
						top: 150px;
						left: 40px;
						z-index: 2;
						}
					.post__gal__pic9 {
						top: 182px;
						left: 215px;
						z-index: 2;
						}

				.hotelsList {
					margin-left: 4px;
					padding-top: 10px;
					}
					.hotelsList__hotel {
						display: inline-block;
						margin: 0 0 44px -1px;
						width: 200px;
						vertical-align: top;
						}
						.hotelsList__title {
							font-size:12px;
							margin-bottom: 7px;
							padding-left: 4px;
							color: #024c8f;
							font-weight: bold;
							text-transform: uppercase;
							overflow:hidden;
							height:20px;
							}
							.hotelsList__title a {
								color: #024c8f;
								font-weight: bold;
								text-decoration:none;
								}
						.hotelsList__stars {
							margin-bottom: 8px;
							padding-left: 3px;
							}
							.hotelsList__stars div {
								float: left;
								margin-right: 3px;
								width: 17px;
								height: 16px;
								background: url(/css/i/star.png) no-repeat;
								margin-left:0;
								list-style:none;								
								}
						.hotelsList__pic {
							display: inline-block;
							margin-bottom: 16px;
							border: 1px solid #ff0000;
							position:relative;
							}
							.hotelsList__pic img {
								display: block;
								max-width: 198px;
								}
						.hotelsList__desc {
							color: #585656;
							font-size: 11px;
							line-height: 1.3;
							}

			.toursContent {
				float: left;
				margin-left: 35px;
				width: 630px;
				}
				
			.generalContent {
				float: left;
				margin-left: 35px;
				width: 630px;
				margin-top: -20px;
				}				

		#footer {
			position: relative;
			margin: 0px auto;
			padding: 28px 0 40px;
			width: 943px;
			border-top: 1px solid #e5e5e5;
			text-align: center;
			}
			.footer__menu {
				margin-bottom: 10px;
				padding-bottom: 19px;
				}
				.footer__menu ul {
					margin-bottom: 7px;
					}
					.footer__menu ul li {
						position: relative;
						display: inline-block;
						margin: 0 3px;
						font-size: 9px;
						text-transform: uppercase;
						}
					.ie7 .footer__menu ul li {
						margin: 0 5px;
						}
						.footer__menu ul li .before,
						.footer__menu ul li:before {
							position: absolute;
							left: -7px;
							top: 4px;
							display: block;
							width: 3px;
							height: 1px;
							background: #565656;
							content: '';
							}
						.footer__menu ul li:first-child .before,
						.footer__menu ul li:first-child:before {
							display: none;
							}
						.footer__menu ul li a {
							color: #565656;
							}

			.footer__contacts {
				padding-bottom: 21px;
				color: #505050;
				font-size: 9px;
				text-transform: uppercase;
				}
				.footer__contacts p {
					margin-bottom: 9px;
					}
					.footer__contacts p b {
						margin: 0 3px;
						}
				.footer__contacts p.copyrights {
					color: #767575;
					}

			.footer__logo {}



.bfr {
	float:right;
}

.hdescr {
	font-size:13px;
}

.galpic {
	border:3px solid white;
}

.hdescr ul li, #content ul li {
	list-style:square;
	margin:4px 0 4px 16px;
}

.hdescr ul li ul li, #content ul li ul li {
	list-style:circle;
	margin:4px 0 4px 16px;	
}


.frontShow {
	display:none;
}

.shown {
	display:block;
}

.rspace {
	padding-right:20px;
}

.teampic {
	box-shadow:1px 1px 2px rgba(20,20,20,0.4),
	-2px -2px 4px rgba(0,0,0,0.4) inset,
	2px 2px 2px rgba(255,255,255,0.4) inset
	;
	border-radius:5px;
	float:left;
	width:120px;
	height:160px;
}

.dspace {
	padding-bottom:20px;
}

.intd {
	margin:0px 0 12px 0;
}

.hlrating {
	float:right;
	border:1px solid #CCCCCC;
	width:86px;
	text-align:center;
	margin-right:1px;
	font-size:11px;
	color:#BBBBBB;
	position:relative;
}

.hlrtbg {
	height:100%;
	width:86px;
	background-color:green;
	position:absolute;
	top:0;
	left:0;
}

.hlrtfg {
	position:relative;	
	z-index:10px;
	color:#fff;
}

.hlrtfg strong {
	text-shadow:0px 0px 1px rgba(255,255,255,0.8);
}

.hrating {
	float:right;
}

.giitem {
	float:left;
	width:520px;
	border-top:1px solid #CCCCFF;
	border-bottom:1px solid #FFCCCC;
	margin-bottom:20px;
}

.gileft {
	float:left;
	width:300px;
}

.giright {
	float:right;
	width:210px;
}

.gihead {
	float:left;
	width:520px;
}

.gihead {
	background-color:#3366AA;
	color:white;
	padding:4px;
	font-size:14px;
}

.gimsg {
	padding:6px 0 6px 0;
	font-style:italic;
	float:left;
	width:520px;
}

.gigrades {
	float:left;
	
}

.giline {
	float:left;
	width:520px;
	border-top:1px solid #CCCCCC;
	padding:2px 0 2px 0;
}

.gigen {
	background-color:#FFEEBB;
}

.gigrade {
	float:left;
	width:100px;
	margin-right:10px;
	position:relative;
}

.givalue {
	float:left;
}

.hotelsel {
	position:relative;
	top:1px;
	left:-36px;
	width:240px;
}

.hlreviews {
	position:absolute;
	right:2px;
	top:2px;
	padding:3px 6px 3px 6px;
	background-color:white;
	border-radius:5px;
	line-height:14px;
	opacity:0.8;
}



 #body-container {
    position: relative;
    height: 100%;
    width: 100%;
    right: 0;
    -webkit-transition:  right 0.4s ease-in-out;
    -moz-transition:  right 0.4s ease-in-out;
    -ms-transition:  right 0.4s ease-in-out;
    -o-transition:  right 0.4s ease-in-out;
    transition:  right 0.4s ease-in-out;
}

#mobilesidenav {
    position: absolute;
    background: #363636;
    width: 300px;
    bottom: 0;
    height: 100%;
    right: -300px;
    box-sizing: border-box;
   -moz-box-sizing: border-box;
    padding: 11px;
}

#sidebar-toggle {
    display: none;
    position: relative;
    float: right;
    margin-right: 0;
    padding: 6px 6px;
    margin-top: 19px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

#sidebar-toggle .bar {
    display: block;
    width: 33px;
    height: 5px;
    border-radius: 1px;
    background-color: #B61E21;
    margin: 2px 0;
    border-radius: 2px;
}

.open-sidebar {
    right: 300px!important;
}

.menu-sidebar {
   margin: 12px 0 0;
   right: 0;
   clear: both;
   float: none;
}
.menu-sidebar li {
    margin: 0;
}
.menu-sidebar li a{
    padding: 11px 8px;
    font-size: 14px;
    font-weight: 100;
    color: white;
    text-decoration: none;
    display: block;
    border-bottom: 1px solid #2a2a2a;
    box-shadow: #474747 0 1px 0;
    -webkit-transition:  background 0.3s ease-in-out;
    -moz-transition:  background 0.3s ease-in-out;
    -ms-transition:  background 0.3s ease-in-out;
    -o-transition:  background 0.3s ease-in-out;
    transition:  background 0.3s ease-in-out;
    text-transform: uppercase;
}
.menu-sidebar li a i {
	margin-bottom: -3px;
	margin-right: 8px;
}
.menu-sidebar li a:hover {
    background: #272727;
    
    color: #ffba00;
}

#mobilesidenav  .loginNav {
    position: relative;
    margin: 0;
}
#mobilesidenav .searchForm {
    padding: 0;
    width: 100%;
    position: relative;
    float: none;
}

#mobilesidenav #searchbutton {
    background: transparent;
    text-indent: -9999em;
    font-size: 95px;
    display: inline-block;   
    width: 11px!important;   
    height: 11px!important;   
    border: 2px solid #7f7f7f;   
    position: absolute;   
    padding: 0!important;
    border-radius: 0.35em;
    margin: 11px!important;
}
#mobilesidenav .searchForm__query {
    background-image: none;
    margin: 0;
    background: #585858;
    border-color: #313131;
    box-shadow: rgba(255, 255, 255, 0.19) 0 1px 0;
    height: 36px;
}
#mobilesidenav #searchbutton:before {
    content: "";   display: inline-block;   position: absolute;   
    right: -7px;   
    bottom: -3px;   border-width: 0;   
    background: #7f7f7f;   
    width: 9px;   
    height: 2px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     -o-transform: rotate(45deg);
}
#mobilesidenav .loginNav > li {
    display: inline-block;
    margin: 0;
    border-left: 1px dotted #646464;
    padding: 5px 4px 5px 9px;
}
.btn {
    text-transform: uppercase;
    text-decoration: none;
    color: #b6b6b6;
    font-size: 12px;
    padding: 5px 15px;
    border-radius: 3px;
    border: 1px solid;
}
.btn-dark {
    background: #585858;
    border-color: #626262;
}
.btn-red {
    background-color: #9d0b0c;
    border-color: #b11213;
    color: #fff;
}
.btn-cyan {
    background-color:#00ffff;
    border-color: #00cccc;
    color:#333;
}
#mobilesidenav .loginNav > li:first-child {
    border: 0;
    padding-left: 0;
}
#mobilesidenav .loginNav > li:last-child {
    padding-right: 0;
}




#filter-box{
	font-family: arial, serif;
	background-color: #f3f3f3;
	border-bottom: 3px solid #eee;
	border-radius: 4px;
	width: 100%;
	margin: 0;
	padding: 20px;
	box-sizing: border-box;
}
.filter-clear{
	clear: both;
}
.filter-group{
	margin: 0 0 10px 0;
}
.filter-group label{
	font-size: 12px;
	margin: 0 0 5px 0;
	display: block;
}
.filter-inline{
	float: left;
	margin-right: 10px; 
}
.filter-inline span{
	font-size: 12px;
}
#filter-box .filter-group select, 
#filter-box input[type="text"]{
	width: 150px;
	height: 34px;
	border-radius: 4px;
	border:1px solid #ccc;
	box-sizing: border-box;
	padding: 5px;
	margin: 0 ;
	position: relative;
	background: #fff;
	display: inline-block;
}
#filter-box #filter-search input[type="text"]{
	width: calc( 100% - 40px);
	height: 34px;
	-webkit-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
	border:1px solid #ccc;
	box-sizing: border-box;
	padding: 5px;
	margin: 0 -5px 0 0 ;
	position: relative;
	display: inline-block;
}
#filter-box #filter-search input[type="submit"]{
	cursor: pointer;
	width: 40px;
	height: 34px;
	-webkit-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
	border:1px solid #444;
	box-sizing: border-box;
	margin: 0;
	background: #444 url(/pics/search.png) no-repeat center center;
	display: inline-block;
	text-indent: -9999px;
}
#filter-box #filter-search input[type="submit"]:hover{
	background-color: #333;
}
#filter-stars,
#filter-price{
	width: calc( 40% - 10px);
}
#filter-apply{
	width: 20%;
	margin: 0;
}
#filter-apply input[type="submit"]{
	color:#fff;
	width: 100%;
	margin: 20px 0 0 0;
	cursor: pointer;
	height: 34px;
	border-radius: 4px;
	border:1px solid #444;
	box-sizing: border-box;
	background: #444;
	display: inline-block;
}
#filter-apply input[type="submit"]:hover{
	background: #333;
}
.filter-group#filter-rating  select{
	width: 100%;
}
#filter-price input[type="text"]{
	width: 30%;
}
#filter-stars input[type="text"]{
	width: 30%;
}
@media all and (max-width: 600px) {
	.filter-group{
		margin: 0 0 10px 0;
	}
	.filter-inline{
		float: none;
		margin: 0 0 10px 0; 
	}
	#filter-stars,
	#filter-price{
		width: 100%;
	}
	#filter-price input[type="text"]{
		width: 38.5%;
	}
	#filter-stars input[type="text"]{
		width: 38.5%;
	}
	#filter-apply{
		width: 100%;
	}

}