/* ----------------------------------------------------------------
	CSS Specific to the Travel Demo

	Some of the CSS Codes have been modified from the Original
	style.css File to match the Styling of this Demo

	Version: 4.1
-----------------------------------------------------------------*/



@media (min-width: 992px) {

	#top-bar {
		z-index: 299;
		border-bottom-color: rgba(0, 0, 0, 0.05);
	}

	.top-links ul li,
	#top-social li {
		border-left-color: rgba(0, 0, 0, 0.05);
	}

	#top-bar.transparent-topbar { background: transparent !important; }

	#top-bar.transparent-topbar + #header.transparent-header + #slider,
	#top-bar.transparent-topbar + #header.transparent-header + .page-title-parallax {
		/* margin-bottom: -145px; */
		top: -115px;
	}

}

.dark .top-links li > a { color: #EEE; }

.dark .top-links li:hover { background-color: rgba(255,255,255,0.15); }

.dark #top-social li { border-left: 0; }

.dark #top-social li a { color: #EEE; }


@media (min-width: 992px) {

	.rtl .top-links ul li,
	.rtl #top-social li {
		border-right-color: rgba(0, 0, 0, 0.05);
		border-left-color: 0;
	}
}

.rtl .dark #top-social li { border-right: 0; }

.rtl .travel-organiser-tabs ul.tab-nav li {
	margin-left: 1px;
	margin-right: 1px;
	border-right: 0 !important;
}

.rtl .travel-organiser-tabs ul.tab-nav li:first-child { margin-right: 0; }

@media (max-width: 767px) {

.rtl .toggle .togglet i {
	right: 6px;
	left: auto;
}