/*
Author URI: http://webthemez.com/
Note: 
Licence under Creative Commons Attribution 3.0 
Do not remove the back-link in this web template 
-------------------------------------------------------*/

@import url('http://fonts.googleapis.com/css?family=Noto+Serif:400,400italic,700|Open+Sans:400,600,700|Noto+Sans+Ethiopic:wght@400;600;700;800');
@import url('font-awesome.css');
@import url('animate.css');

body {
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 14px;
	font-weight: 300;
	line-height: 1.6em;
	color: #656565;
	overflow-x: hidden;
	/* Show the normal mouse cursor across the site */
	cursor: auto;
}

/* ============================================
   OUTSTANDING LOADING ANIMATION
   ============================================ */
.page-loader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);
	z-index: 9999;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	transition: opacity 0.5s ease-out, visibility 0.5s ease-out;
	overflow: hidden;
}

.page-loader::before {
	content: '';
	position: absolute;
	width: 200%;
	height: 200%;
	background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 1px, transparent 1px);
	background-size: 50px 50px;
	animation: backgroundMove 20s linear infinite;
	opacity: 0.3;
}

@keyframes backgroundMove {
	0% {
		transform: translate(0, 0);
	}
	100% {
		transform: translate(50px, 50px);
	}
}

.page-loader.hidden {
	opacity: 0;
	visibility: hidden;
}

.loader-content {
	position: relative;
	z-index: 2;
	text-align: center;
}

.loader-logo {
	margin-bottom: 30px;
	animation: logoFloat 3s ease-in-out infinite;
}

.loader-logo img {
	max-width: 150px;
	height: auto;
	filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.3));
}

@keyframes logoFloat {
	0%, 100% {
		transform: translateY(0) scale(1);
	}
	50% {
		transform: translateY(-20px) scale(1.05);
	}
}

.loader-spinner {
	position: relative;
	width: 120px;
	height: 120px;
	margin: 0 auto 30px;
}

.spinner-ring {
	position: absolute;
	width: 100%;
	height: 100%;
	border: 4px solid transparent;
	border-top-color: #fff;
	border-radius: 50%;
	animation: spin 1.5s linear infinite;
}

.spinner-ring:nth-child(1) {
	animation-delay: 0s;
	border-top-color: #fff;
}

.spinner-ring:nth-child(2) {
	animation-delay: 0.2s;
	border-top-color: rgba(255, 255, 255, 0.8);
	width: 90%;
	height: 90%;
	top: 5%;
	left: 5%;
}

.spinner-ring:nth-child(3) {
	animation-delay: 0.4s;
	border-top-color: rgba(255, 255, 255, 0.6);
	width: 80%;
	height: 80%;
	top: 10%;
	left: 10%;
}

.spinner-ring:nth-child(4) {
	animation-delay: 0.6s;
	border-top-color: rgba(255, 255, 255, 0.4);
	width: 70%;
	height: 70%;
	top: 15%;
	left: 15%;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

.loader-text {
	color: #fff;
	font-size: 24px;
	font-weight: 600;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
	letter-spacing: 2px;
}

.loading-dots span {
	animation: dotPulse 1.4s infinite;
	opacity: 0;
}

.loading-dots span:nth-child(1) {
	animation-delay: 0s;
}

.loading-dots span:nth-child(2) {
	animation-delay: 0.2s;
}

.loading-dots span:nth-child(3) {
	animation-delay: 0.4s;
}

@keyframes dotPulse {
	0%, 80%, 100% {
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
}

.loader-progress {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 4px;
	background: rgba(255, 255, 255, 0.2);
	overflow: hidden;
}

.progress-bar-fill {
	height: 100%;
	background: linear-gradient(90deg, #fff, #f0f0f0, #fff);
	width: 0%;
	box-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
	transition: width 0.1s linear;
}

/* ============================================
   CURSOR FOLLOWER EFFECT
   ============================================ */
.cursor-follower {
	position: fixed;
	top: 0;
	left: 0;
	pointer-events: none;
	z-index: 9998;
	mix-blend-mode: difference;
}

.cursor-dot {
	position: fixed;
	width: 8px;
	height: 8px;
	background: linear-gradient(135deg, #E6444E, #CC2424);
	border-radius: 50%;
	transform: translate(-50%, -50%);
	transition: width 0.2s ease, height 0.2s ease, opacity 0.2s ease;
	box-shadow: 0 0 10px rgba(230, 68, 78, 0.6);
	opacity: 0;
}

.cursor-ring {
	position: fixed;
	width: 40px;
	height: 40px;
	border: 2px solid rgba(230, 68, 78, 0.8);
	border-radius: 50%;
	transform: translate(-50%, -50%);
	transition: width 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94),
				height 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94),
				opacity 0.3s ease,
				border-color 0.3s ease;
	opacity: 0;
	pointer-events: none;
}

/* Show cursor on mouse move */
body:hover .cursor-dot,
body:hover .cursor-ring {
	opacity: 1;
}

/* Hover effects on interactive elements */
/* Note: Navigation links should show pointer cursor */
.navbar-nav li a,
.navbar-nav li,
header .navbar-nav > li > a,
.navbar-nav > li > a {
	cursor: pointer !important;
}

a, button, .btn, .info-blocks, .post-item-wrap, 
.premium-ad-button, .btn-shop-now,
.scrollup, ul.social-network li a {
	cursor: pointer;
}

a:hover ~ .cursor-follower .cursor-dot,
button:hover ~ .cursor-follower .cursor-dot,
.btn:hover ~ .cursor-follower .cursor-dot,
.info-blocks:hover ~ .cursor-follower .cursor-dot,
.post-item-wrap:hover ~ .cursor-follower .cursor-dot {
	width: 12px;
	height: 12px;
	background: linear-gradient(135deg, #fff, #f0f0f0);
	box-shadow: 0 0 15px rgba(255, 255, 255, 0.8);
}

a:hover ~ .cursor-follower .cursor-ring,
button:hover ~ .cursor-follower .cursor-ring,
.btn:hover ~ .cursor-follower .cursor-ring,
.info-blocks:hover ~ .cursor-follower .cursor-ring,
.post-item-wrap:hover ~ .cursor-follower .cursor-ring {
	width: 60px;
	height: 60px;
	border-color: rgba(255, 255, 255, 0.9);
	border-width: 2px;
}

/* Active/click state */
.cursor-follower.active .cursor-dot {
	width: 20px;
	height: 20px;
	background: linear-gradient(135deg, #fff, #f0f0f0);
	box-shadow: 0 0 20px rgba(255, 255, 255, 1);
}

.cursor-follower.active .cursor-ring {
	width: 50px;
	height: 50px;
	border-color: rgba(255, 255, 255, 1);
	border-width: 3px;
}

/* Special hover for links */
/* Show standard pointer cursor on links instead of hiding it */
a:hover {
	cursor: pointer;
}

/* Hide cursor on touch devices */
@media (hover: none) and (pointer: coarse) {
	body {
		cursor: auto;
	}
	
	.cursor-follower {
		display: none;
	}
}

a:active {
	outline: 0;
}

.clear {
	clear: both;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight: 700;
	line-height: 1.1em;
	color: #333;
	margin-bottom: 20px;
}

.container {
	padding: 0 20px 0 20px;
	position: relative;
}

#wrapper {
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	overflow: hidden;
}

.row,
.row-fluid {
	margin-bottom: 30px;
}

.row .row,
.row-fluid .row-fluid {
	margin-bottom: 30px;
}

.row.nomargin,
.row-fluid.nomargin {
	margin-bottom: 0;
}

img.img-polaroid {
	margin: 0 0 20px 0;
}

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

/* Responsive Images */
img {
	max-width: 100%;
	height: auto;
	display: block;
}

img.img-responsive {
	max-width: 100%;
	height: auto;
}

/*  Header
==================================== */

header {
	position: relative;
	z-index: 10000;
}

header .navbar {
	margin-bottom: 0;
	position: relative;
	z-index: 10000;
}

.navbar-default {
	border: none;
}

.navbar-brand {
	color: #222;
	text-transform: uppercase;
	font-size: 24px;
	font-weight: 700;
	line-height: 1em;
	letter-spacing: -1px;
	margin-top: 10px;
	padding: 0 0 0 15px;
}

.navbar-default .navbar-brand {
	color: #2FADDE;
}

header .navbar-collapse ul.navbar-nav {
	float: right;
	margin-right: 0;
	position: relative;
	z-index: 10004;
}

/* Language Switcher - In Navigation Menu */
.language-switcher-nav {
	position: relative;
	margin-left: 15px;
	z-index: 10005;
}

/* Hide mobile language switcher on desktop */
.language-switcher-mobile {
	display: none;
}

.language-switcher-dropdown {
	position: relative;
	margin: 0;
	z-index: 10005;
}

.language-switcher-nav {
	position: relative;
	margin-left: 15px;
	z-index: 10001;
}

.lang-dropdown-btn {
	background: transparent;
	border: 2px solid #E6444E;
	color: #E6444E;
	padding: 6px 12px;
	font-size: 13px;
	font-weight: 700;
	cursor: pointer;
	transition: all 0.3s ease;
	border-radius: 5px;
	display: flex;
	align-items: center;
	gap: 8px;
	min-width: 60px;
	justify-content: space-between;
	line-height: 30px;
}

.lang-dropdown-btn:hover {
	background: #E6444E;
	color: #fff;
	box-shadow: 0 4px 8px rgba(230, 68, 78, 0.3);
}

.lang-dropdown-btn i {
	font-size: 12px;
	transition: transform 0.3s ease;
}

.language-switcher-dropdown.active .lang-dropdown-btn i {
	transform: rotate(180deg);
}

.lang-dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	background: #fff;
	border: 2px solid #E6444E;
	border-radius: 5px;
	min-width: 150px;
	margin-top: 5px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
	opacity: 0;
	visibility: hidden;
	transform: translateY(-10px);
	transition: all 0.3s ease;
	z-index: 10006;
	display: block;
	pointer-events: none;
}

.language-switcher-dropdown.active .lang-dropdown-menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	pointer-events: auto;
}

.lang-option {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 15px;
	color: #333;
	text-decoration: none;
	transition: all 0.3s ease;
	border-bottom: 1px solid #f0f0f0;
}

.lang-option:last-child {
	border-bottom: none;
}

.lang-option:hover {
	background: #f8f9fa;
	color: #E6444E;
}

.lang-option.active {
	background: #E6444E;
	color: #fff;
}

.lang-option.active:hover {
	background: #CC2424;
}

.lang-code {
	font-weight: 700;
	font-size: 12px;
	opacity: 0.8;
}

/* RTL Support for Arabic */
html[dir="rtl"] {
	direction: rtl;
}

html[dir="rtl"] .navbar-nav {
	float: left !important;
	margin-left: 0;
	margin-right: 0;
}

html[dir="rtl"] .language-switcher-nav {
	margin-left: 0;
	margin-right: 15px;
}

html[dir="rtl"] .lang-dropdown-menu {
	left: auto;
	right: 0;
}

html[dir="rtl"] .container {
	direction: rtl;
}

html[dir="rtl"] .flex-caption {
	left: auto;
	right: 0;
	border-left: none;
	border-right: 6px solid #CC2424;
}

html[dir="rtl"] .info-blocks i.icon-info-blocks {
	float: right;
	margin-right: 0;
	margin-left: 20px;
}

html[dir="rtl"] .info-blocks .info-blocks-in {
	text-align: right;
}

/* ============================================
   RESPONSIVE STYLES - TABLET & MOBILE
   ============================================ */

/* Tablet Styles (768px - 979px) */
@media (min-width: 768px) and (max-width: 979px) {
	.container {
		padding: 0 15px;
	}
	
	.flex-caption {
		bottom: 10%;
		left: 3%;
		padding: 35px 45px;
		max-width: 550px;
	}
	
	.flex-caption .hero-title,
	.flex-caption h3 {
		font-size: 42px;
	}
	
	.flex-caption .hero-subtitle {
		font-size: 20px;
	}
	
	.flex-caption .hero-description,
	.flex-caption p {
		font-size: 16px !important;
		line-height: 26px;
	}
	
	.hero-cta-btn {
		padding: 12px 30px;
		font-size: 14px;
	}
	
	section.callaction {
		padding: 60px 0;
	}
	
	section.callaction h1 {
		font-size: 40px;
	}
	
	section.callaction p {
		font-size: 16px;
		line-height: 28px;
	}
	
	.info-blocks {
		margin-bottom: 25px;
		padding: 20px;
	}
	
	.info-blocks i.icon-info-blocks {
		width: 75px;
		height: 75px;
		font-size: 32px;
		padding: 21px;
	}
	
	.info-blocks .info-blocks-in h3 {
		font-size: 22px;
		line-height: 30px;
		margin-bottom: 8px;
	}
	
	.info-blocks .info-blocks-in p {
		font-size: 14px;
		line-height: 22px;
	}
	
	.premium-ad-content {
		flex-wrap: wrap;
	}
	
	.premium-ad-left {
		flex: 1 1 100%;
		margin-bottom: 15px;
	}
	
	.premium-ad-right {
		flex: 0 0 auto;
		margin: 0 auto;
	}
	
	.language-switcher-dropdown {
		margin-left: 15px;
	}
}

/* Mobile Styles (max-width: 767px) */
@media (max-width: 767px) {
	.container {
		padding: 0 15px;
	}
	
	/* Language Switcher */
	.language-switcher-dropdown {
		margin-left: 0;
		margin-top: 10px;
		float: none;
		width: auto;
	}
	
	.lang-dropdown-btn {
		width: auto;
		justify-content: center;
	}
	
	.lang-dropdown-menu {
		width: 100%;
	}
	
	html[dir="rtl"] .language-switcher-dropdown {
		margin-right: 0;
	}
	
	/* Navigation */
	header .navbar-collapse ul.navbar-nav {
		float: none;
		width: 100%;
		margin-top: 10px;
	}
	
	.navbar-nav {
		display: flex;
		flex-direction: column;
	}
	
	.navbar-nav > li {
		width: 100%;
		text-align: left;
	}
	
	.navbar-nav > li > a {
		padding: 12px 15px;
		display: block;
	}
	
	/* Loading Animation */
	.loader-logo img {
		max-width: 120px;
	}
	
	.loader-spinner {
		width: 100px;
		height: 100px;
	}
	
	.loader-text {
		font-size: 20px;
	}
	
	/* Hero Section / Flex Caption */
	.flex-caption {
		position: relative;
		bottom: auto;
		left: auto;
		right: auto;
		margin: 20px 15px;
		padding: 25px 20px;
		max-width: 100%;
		border-radius: 10px;
		text-align: center;
	}
	
	.flex-caption .hero-title,
	.flex-caption h3 {
		font-size: 28px;
		line-height: 1.2;
		margin-bottom: 10px;
	}
	
	.flex-caption .hero-subtitle {
		font-size: 16px;
		margin-bottom: 10px;
	}
	
	.flex-caption .hero-description,
	.flex-caption p {
		font-size: 14px !important;
		line-height: 22px;
		margin-bottom: 20px;
	}
	
	.hero-cta-btn {
		padding: 12px 25px;
		font-size: 14px;
		display: inline-block;
	}
	
	/* Premium Ad */
	.premium-ad-container {
		padding: 12px 0;
	}
	
	.premium-ad-content {
		flex-direction: column;
		text-align: center;
		padding: 10px 15px;
	}
	
	.premium-ad-left {
		width: 100%;
		padding-right: 0;
		margin-bottom: 15px;
	}
	
	.premium-ad-title {
		font-size: 22px;
		margin-bottom: 8px;
	}
	
	.premium-ad-description {
		font-size: 14px;
		margin-bottom: 12px;
	}
	
	.premium-ad-button {
		padding: 10px 20px;
		font-size: 14px;
	}
	
	.premium-ad-right {
		width: 100%;
		display: flex;
		justify-content: center;
		margin-bottom: 10px;
	}
	
	.premium-ad-badge {
		width: 80px;
		height: 80px;
	}
	
	.premium-ad-discount {
		font-size: 17px;
		max-width: 70px;
		padding: 6px 3px;
		letter-spacing: 0.3px;
	}
	
	.premium-ad-off {
		font-size: 16px;
	}
	
	.premium-ad-close {
		top: 5px;
		right: 10px;
		font-size: 20px;
		width: 30px;
		height: 30px;
	}
	
	/* Callaction Section */
	section.callaction {
		padding: 40px 0;
	}
	
	section.callaction .container {
		padding: 0 15px;
	}
	
	section.callaction h1 {
		font-size: 32px;
		margin-bottom: 20px;
		text-align: center;
	}
	
	section.callaction p {
		font-size: 15px;
		line-height: 24px;
		margin-bottom: 15px;
		text-align: center;
	}
	
	section.callaction .row {
		flex-direction: column;
	}
	
	section.callaction .col-md-4 {
		width: 100%;
		margin-bottom: 20px;
	}
	
	section.callaction .col-md-8 {
		width: 100%;
		text-align: center;
	}
	
	/* Info Blocks */
	.info-blocks {
		margin-bottom: 20px;
		padding: 20px 15px;
		text-align: center;
	}
	
	.info-blocks i.icon-info-blocks {
		float: none;
		display: inline-block;
		margin: 0 auto 15px;
		width: 70px;
		height: 70px;
		font-size: 30px;
		padding: 20px;
	}
	
	.info-blocks .info-blocks-in {
		text-align: center;
	}
	
	.info-blocks .info-blocks-in h3 {
		font-size: 20px;
		line-height: 28px;
		margin-bottom: 10px;
	}
	
	.info-blocks .info-blocks-in p {
		font-size: 14px;
		line-height: 22px;
	}
	
	.info-blocks:hover {
		transform: translateY(-5px) scale(1.01);
	}
	
	/* Featured Ad */
	.featured-ad {
		margin: 20px auto;
	}
	
	.featured-ad-wrapper {
		margin: 0 10px;
	}
	
	.featured-ad-content {
		padding: 15px;
	}
	
	.featured-ad-header h2 {
		font-size: 20px;
	}
	
	.featured-ad-tag {
		font-size: 12px;
		padding: 4px 10px;
	}
	
	.featured-ad-body {
		flex-direction: column;
	}
	
	.featured-ad-image,
	.featured-ad-info {
		flex: 0 0 100%;
		max-width: 100%;
	}
	
	.featured-ad-image {
		margin-bottom: 15px;
	}
	
	.featured-ad-info h3 {
		font-size: 18px;
	}
	
	.featured-ad-info p {
		font-size: 14px;
		margin-bottom: 15px;
	}
	
	.btn-shop-now {
		padding: 10px 20px;
		font-size: 14px;
		width: 100%;
		text-align: center;
	}
	
	.featured-ad-close {
		top: 5px;
		right: 5px;
		width: 28px;
		height: 28px;
		font-size: 18px;
	}
	
	/* Content Section */
	#contentb {
		padding: 30px 0;
	}
	
	#contentb > .container:not(#featured-ad):not(.featured-ad) {
		margin-top: 30px;
		padding-top: 20px;
	}
	
	.block-heading-two h3 {
		font-size: 24px;
		text-align: center;
	}
	
	.block-heading-two h3 span {
		display: block;
	}
	
	/* Why Choose Us Section */
	.col-md-7 p {
		font-size: 14px;
		line-height: 22px;
		margin-bottom: 15px;
		text-align: justify;
	}
	
	/* News Section */
	.latest-post-wrap {
		padding: 15px 0;
	}
	
	.latest-post-wrap h3 {
		font-size: 24px;
		text-align: center;
		margin-bottom: 20px;
	}
	
	.post-item-wrap {
		margin-bottom: 15px;
		padding: 12px;
	}
	
	.post-author-img {
		width: 70px;
		height: auto;
	}
	
	.post-content1 {
		width: calc(100% - 80px);
	}
	
	.post-title a {
		font-size: 14px;
		line-height: 1.4;
	}
	
	.post-meta-top {
		font-size: 12px;
	}
	
	/* Footer */
	footer {
		padding: 40px 0 0;
	}
	
	footer .col-lg-3 {
		margin-bottom: 30px;
		text-align: center;
	}
	
	footer .widgetheading {
		font-size: 18px;
		margin-bottom: 15px;
	}
	
	footer address,
	footer p {
		font-size: 13px;
		line-height: 22px;
	}
	
	#sub-footer {
		padding-top: 20px;
		text-align: center;
	}
	
	.copyright {
		text-align: center;
		margin-bottom: 15px;
	}
	
	#sub-footer ul.social-network {
		float: none;
		text-align: center;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	
	/* Scroll to Top */
	.scrollup {
		width: 40px;
		height: 40px;
		bottom: 15px;
		right: 15px;
	}
	
	.scrollup i {
		margin-top: 12px;
		font-size: 16px;
	}
	
	/* Map */
	.map iframe,
	.map-grid iframe {
		height: 300px;
	}
}

header .navbar-default {
	background-color: #fff;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);
}

header .nav li a:hover,
header .nav li a:focus,
header .nav li.active a,
header .nav li.active a:hover,
header .nav li a.dropdown-toggle:hover,
header .nav li a.dropdown-toggle:focus,
header .nav li.active ul.dropdown-menu li a:hover,
header .nav li.active ul.dropdown-menu li.active a {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

header .nav li.active a,
header .nav li.active a:hover {
	border-bottom: transparent;

}

header .navbar-default .navbar-nav>.open>a,
header .navbar-default .navbar-nav>.open>a:hover,
header .navbar-default .navbar-nav>.open>a:focus {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}


header .navbar {
	min-height: 70px;
	padding: 18px 0;
}

header .navbar-nav>li {
	padding-bottom: 12px;
	padding-top: 12px;
}

header .navbar-nav>li>a {
	padding-bottom: 6px;
	padding-top: 5px;
	margin-left: 2px;
	line-height: 30px;
	font-weight: 700;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}


.dropdown-menu li a:hover {
	color: #fff !important;
}

header .nav .caret {
	border-bottom-color: #f5f5f5;
	border-top-color: #f5f5f5;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
	background-color: #fff;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
	background-color: #fff;
}


.dropdown-menu {
	box-shadow: none;
	border-radius: 0;
	border: none;
}

.dropdown-menu li:last-child {
	padding-bottom: 0 !important;
	margin-bottom: 0;
}

header .nav li .dropdown-menu {
	padding: 0;
}

header .nav li .dropdown-menu li a {
	line-height: 28px;
	padding: 3px 12px;
}

/* --- menu --- */

header .navigation {
	float: right;
}

header ul.nav li {
	border: none;
	margin: 0;
}

header ul.nav li a {
	font-size: 13px;
	border: none;
	font-weight: normal;
	text-transform: uppercase;
}

header ul.nav li ul li a {
	font-size: 12px;
	border: none;
	font-weight: 300;
	text-transform: uppercase;
}


.navbar .nav>li>a {
	color: #CC2424;
	text-shadow: none;
	border: 1px solid rgba(255, 255, 255, 0) !important;
}

.navbar .nav a:hover {
	background: none;
	color: #C22731 !important;
}

.navbar .nav>.active>a,
.navbar .nav>.active>a:hover {
	background: none;
	font-weight: 700;
}

.navbar .nav>.active>a:active,
.navbar .nav>.active>a:focus {
	background: none;
	outline: 0;
	font-weight: 700;
}

.navbar .nav li .dropdown-menu {
	z-index: 2000;
}

header ul.nav li ul {
	margin-top: 1px;
}

header ul.nav li ul li ul {
	margin: 1px 0 0 1px;
}

.dropdown-menu .dropdown i {
	position: absolute;
	right: 0;
	margin-top: 3px;
	padding-left: 20px;
}

.navbar .nav>li>.dropdown-menu:before {
	display: inline-block;
	border-right: none;
	border-bottom: none;
	border-left: none;
	border-bottom-color: none;
	content: none;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
	color: #10131A;
}


ul.nav li.dropdown a {
	z-index: 1000;
	display: block;
}

select.selectmenu {
	display: none;
}

.pageTitle {
	color: #fff;
	margin: 30px 0 3px;
	display: inline-block;
	font-size: 20px;
	padding: 14px 0;
	font-weight: normal;
}

#featured {
	width: 100%;
	background: #000;
	position: relative;
	margin: 0;
	padding: 0;
}

.form-control {
	border-radius: 0;
}

.thumbnail {
	max-width: 270px;
	padding: 0;
	border-radius: 0;
}

.thumbnail .caption {
	margin-top: 0;
	background-color: #F5F5F5;
}

.fancybox-title-inside-wrap {
	padding: 3px 30px 6px;
	background: #C22731;
}

.progress-bar {
	background-color: #AFAFAF !important;
}

/*  Sliders
==================================== */
/* --- flexslider --- */

#featured .flexslider {
	padding: 0;
	background: #fff;
	position: relative;
	zoom: 1;
}

.slides li:nth-child(1) {
	background: #c22731;
}

.slides li:nth-child(2) {
	background: #175e8b;
}

.slides li:nth-child(3) {
	background: #a37826;
}

.slides .row {
	margin: 0px;
}

.flexslider .slides img {
	width: 100%;
	display: block;
	text-align: center;
	margin: 0 auto;
}

.flex-control-paging li a {
	background: #000;
}

.flex-control-paging li a.flex-active {
	background: #FFF;
	cursor: default;
}

.flex-direction-nav .flex-prev {
	left: 0px;
}

.flex-direction-nav .flex-next {
	right: 0px;
}

.flex-caption {
	zoom: 1;
	bottom: 110px;
	background-color: rgba(0, 0, 0, 0.54);
	color: #fff;
	margin: 0;
	padding: 25px 25px 25px 30px;
	position: absolute;
	left: 0;
	/* IE 9 */
	/* Safari */
	border-left: 6px solid #CC2424;
}

.flex-caption h3 {
	color: #FFFFFF;
	font-size: 38px;
	letter-spacing: 1px;
	margin-bottom: 8px;
	text-transform: uppercase;
}

.flex-caption p {
	margin: 0 0 15px;
	color: #FFF;
	font-size: 18px !important;
	line-height: 28px;
}

.skill-home {
	margin-bottom: 50px;
}

.c1 {
	border: #ed5441 1px solid;
	background: #ed5441;
}

.c2 {
	border: #24c4db 1px solid;
	background: #24c4db;
}

.c3 {
	border: #2FADDE 1px solid;
	background: #2FADDE;
}

.c4 {
	border: #609cec 1px solid;
	background: #609cec;
}

.skill-home .icons {
	padding: 30px 0 0 0;
	width: 100px;
	height: 100px;
	color: #fff;
	font-size: 42px;
	font-size: 42px;
	text-align: center;
	-ms-border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	display: inline-table;
}

.skill-home h2 {
	padding-top: 20px;
	font-size: 36px;
	font-weight: 700;
}

.testimonial-solid {
	padding: 50px 0 60px 0;
	margin: 0 0 0 0;
	text-align: center;
}

.testi-icon-area {
	text-align: center;
	position: absolute;
	top: -84px;
	margin: 0 auto;
	width: 100%;
}

.testi-icon-area .quote {
	padding: 15px 0 0 0;
	margin: 0 0 0 0;
	background: #ffffff;
	text-align: center;
	color: #2FADDE;
	display: inline-table;
	width: 70px;
	height: 70px;
	-ms-border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	font-size: 42px;
	border: 1px solid #2FADDE;
}

.testi-icon-area .carousel-inner {
	margin: 20px 0;
}

.carousel-indicators {
	bottom: -30px;
}

/* Testimonial
----------------------------------*/
.testimonial-area {
	padding: 0 0 0 0;
	margin: 0;
	background: url(../img/low-poly01.jpg) fixed center center;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
}

.testimonial-solid p {
	color: #000;
	font-size: 16px;
	line-height: 30px;
	font-style: italic;
}

.testimonial-area .carousel-indicators li {
	border: 1px solid #000;
}

.testimonial-area .carousel-indicators .active {
	border: 1px solid #2FADDE;
	background: #2FADDE
}

section.callaction {
	background: #CC2424;
	padding: 50px 0 0 0;
	color: #fff;
	position: relative;
	overflow: hidden;
}

.panel-title>a {
	color: inherit;
	font-size: 15px;
}

.panel-title>a:hover,
.panel-title>a:focus,
.panel-title>a:active {
	text-decoration: none;
	color: #428bca
}

/* Content
==================================== */

#content {
	position: relative;
	padding: 50px 0 0px 0;
}

#content img {
	max-width: 100%;
	height: auto;
}

.cta-text {
	text-align: center;
	margin-top: 10px;
}


.big-cta .cta {
	margin-top: 10px;
}

.box {
	width: 100%;
}

.box-gray {
	background: #f8f8f8;
	padding: 20px 20px 30px;
}

.box-gray h4,
.box-gray i {
	margin-bottom: 20px;
}

.box-bottom {
	padding: 20px 0;
	text-align: center;
}

.box-bottom a {
	color: #fff;
	font-weight: 700;
}

.box-bottom a:hover {
	color: #eee;
	text-decoration: none;
}


/* Bottom
==================================== */

#bottom {
	background: #fcfcfc;
	padding: 50px 0 0;

}

/* twitter */
#twitter-wrapper {
	text-align: center;
	width: 70%;
	margin: 0 auto;
}

#twitter em {
	font-style: normal;
	font-size: 13px;
}

#twitter em.twitterTime a {
	font-weight: 600;
}

#twitter ul {
	padding: 0;
	list-style: none;
}

#twitter ul li {
	font-size: 20px;
	line-height: 1.6em;
	font-weight: 300;
	margin-bottom: 20px;
	position: relative;
	word-break: break-word;
}


/* page headline
==================================== */

#inner-headline {
	background: #C22731;
	position: relative;
	margin: 0;
	padding: 0;
	color: #2FADDE;
	position: relative;
	overflow: hidden;
}


#inner-headline .inner-heading h2 {
	color: #fff;
	margin: 20px 0 0 0;
}

/* --- breadcrumbs --- */
#inner-headline ul.breadcrumb {
	margin: 30px 0 0;
	float: left;
}

#inner-headline ul.breadcrumb li {
	margin-bottom: 0;
	padding-bottom: 0;
}

#inner-headline ul.breadcrumb li {
	font-size: 13px;
	color: #fff;
}

#inner-headline ul.breadcrumb li i {
	color: #dedede;
}

#inner-headline ul.breadcrumb li a {
	color: #fff;
}

ul.breadcrumb li a:hover {
	text-decoration: none;
}

/* Forms
============================= */

/* --- contact form  ---- */
form#contactform input[type="text"] {
	width: 100%;
	border: 1px solid #f5f5f5;
	min-height: 40px;
	padding-left: 20px;
	font-size: 13px;
	padding-right: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}

form#contactform textarea {
	border: 1px solid #f5f5f5;
	width: 100%;
	padding-left: 20px;
	padding-top: 10px;
	font-size: 13px;
	padding-right: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}

form#contactform .validation {
	font-size: 11px;
}

#sendmessage {
	border: 1px solid #e6e6e6;
	background: #f6f6f6;
	display: none;
	text-align: center;
	padding: 15px 12px 15px 65px;
	margin: 10px 0;
	font-weight: 600;
	margin-bottom: 30px;

}

#sendmessage.show,
.show {
	display: block;
}

form#commentform input[type="text"] {
	width: 100%;
	min-height: 40px;
	padding-left: 20px;
	font-size: 13px;
	padding-right: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;

}

form#commentform textarea {
	width: 100%;
	padding-left: 20px;
	padding-top: 10px;
	font-size: 13px;
	padding-right: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
}


/* --- search form --- */
.search {
	float: right;
	margin: 35px 0 0;
	padding-bottom: 0;
}

#inner-headline form.input-append {
	margin: 0;
	padding: 0;
}



/*  Portfolio
================================ */

.work-nav #filters {
	margin: 0;
	padding: 0;
	list-style: none;
}

.work-nav #filters li {
	margin: 0 10px 30px 0;
	padding: 0;
	float: left;
}

.work-nav #filters li a {
	color: #7F8289;
	font-size: 16px;
	display: block;
}

.work-nav #filters li a:hover {}

.work-nav #filters li a.selected {
	color: #DE5E60;
}

#thumbs {
	margin: 0;
	padding: 0;
}

#thumbs li {
	list-style-type: none;
}

.item-thumbs {
	position: relative;
	overflow: hidden;
	margin-bottom: 30px;
	cursor: pointer;
}

.item-thumbs a+img {
	width: 100%;
}

.item-thumbs .hover-wrap {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;

	opacity: 0;
	filter: alpha(opacity=0);

	-webkit-transition: all 450ms ease-out 0s;
	-moz-transition: all 450ms ease-out 0s;
	-o-transition: all 450ms ease-out 0s;
	transition: all 450ms ease-out 0s;

	/* -webkit-transform: rotateY(180deg) scale(0.5,0.5); */
	-moz-transform: rotateY(180deg) scale(0.5, 0.5);
	-ms-transform: rotateY(180deg) scale(0.5, 0.5);
	-o-transform: rotateY(180deg) scale(0.5, 0.5);

	/* transform: rotateY(180deg) scale(0.5,0.5); */
}

.item-thumbs:hover .hover-wrap,
.item-thumbs.active .hover-wrap {
	opacity: 1;
	filter: alpha(opacity=100);

	-webkit-transform: rotateY(0deg) scale(1, 1);
	-moz-transform: rotateY(0deg) scale(1, 1);
	-ms-transform: rotateY(0deg) scale(1, 1);
	-o-transform: rotateY(0deg) scale(1, 1);
	transform: rotateY(0deg) scale(1, 1);
}

.item-thumbs .hover-wrap .overlay-img {
	position: absolute;
	width: 90%;
	height: 100%;
	opacity: 0.80;
	filter: alpha(opacity=80);

	background: #454545;
}

.item-thumbs .hover-wrap .overlay-img-thumb {
	position: absolute;
	border-radius: 60px;
	top: 50%;
	left: 45%;
	margin: -16px 0 0 -16px;
	color: #fff;
	font-size: 32px;
	line-height: 1em;
	opacity: 1;
	filter: alpha(opacity=100);
}

ul.portfolio-categ {
	margin: 10px 0 30px 0;
	padding: 0;
	float: left;
	list-style: none;
}

ul.portfolio-categ li {
	margin: 0;
	float: left;
	list-style: none;
	font-size: 13px;
	font-weight: 600;
	border: 1px solid #D5D5D5;
	margin-right: 15px;
}

ul.portfolio-categ li a {
	display: block;
	padding: 8px 20px;
	color: #353535;
}

ul.portfolio-categ li.active {

	border: 1px solid #D0CFCF;


	background-color: #EDEDED;

}

ul.portfolio-categ li.active a:hover,
ul.portfolio-categ li a:hover,
ul.portfolio-categ li a:focus,
ul.portfolio-categ li a:active {
	text-decoration: none;
	outline: 0;
}

#accordion-alt3 .panel-heading h4 {
	font-size: 13px;
	line-height: 28px;
}

.panel .panel-heading h4 {
	font-weight: 400;
}

.panel-title {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 15px;
	color: inherit;
}

.panel-group .panel {
	margin-bottom: 0;
	border-radius: 2px;
}

.panel {
	margin-bottom: 18px;
	background-color: #EBEBEB;
	border: 1px solid rgba(0, 0, 0, 0.05);
	border-radius: 2px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

#accordion-alt3 .panel-heading h4 a i {
	font-size: 20px;
	line-height: 18px;
	width: 18px;
	height: 18px;
	margin-right: 5px;
	color: #107FC9;
	text-align: center;
	border-radius: 50%;
	margin-left: 6px;
	font-weight: bold;
}

.progress.pb-sm {
	height: 6px !important;
}

.progress {
	box-shadow: inset 0 0 2px rgba(0, 0, 0, .1);
}

.progress {
	overflow: hidden;
	height: 18px;
	margin-bottom: 18px;
	background-color: #f5f5f5;
	border-radius: 2px;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress .progress-bar.progress-bar-red {
	background: #ed5441;
}

.progress .progress-bar.progress-bar-green {
	background: #51d466;
}

.progress .progress-bar.progress-bar-lblue {
	background: #32c8de;
}

/* --- portfolio detail --- */
.top-wrapper {
	margin-bottom: 20px;
}

.info-blocks {
	margin-bottom: 15px;
	position: relative;
	overflow: hidden;
}

.info-blocks i.icon-info-blocks {
	float: left;
	color: #E6444E;
	font-size: 32px;
	min-width: 50px;
	margin-top: 5px;
	text-align: center;
	background-color: #EBEBEB;
	height: 75px;
	width: 75px;
	padding: 21px;
}

.info-blocks .info-blocks-in {
	padding: 0 10px;
	overflow: hidden;
	background-color: #fff;
}

.info-blocks .info-blocks-in h3 {
	color: #555;
	font-size: 22px;
	line-height: 30px;
	margin: 0px 0px 8px 0px;
}

.info-blocks .info-blocks-in p {
	font-size: 14px;
	line-height: 22px;
}

blockquote {
	font-size: 16px;
	font-weight: 400;
	font-family: 'Noto Serif', serif;
	font-style: italic;
	padding-left: 0;
	color: #a2a2a2;
	line-height: 1.6em;
	border: none;
}

blockquote cite {
	display: block;
	font-size: 12px;
	color: #666;
	margin-top: 10px;
}

blockquote cite:before {
	content: "\2014 \0020";
}

blockquote cite a,
blockquote cite a:visited,
blockquote cite a:visited {
	color: #555;
}

/* --- pullquotes --- */

.pullquote-left {
	display: block;
	color: #a2a2a2;
	font-family: 'Noto Serif', serif;
	font-size: 14px;
	line-height: 1.6em;
	padding-left: 20px;
}

.pullquote-right {
	display: block;
	color: #a2a2a2;
	font-family: 'Noto Serif', serif;
	font-size: 14px;
	line-height: 1.6em;
	padding-right: 20px;
}

/* --- button --- */
.btn {
	text-align: center;
	background: #169FD4;
	color: #fff;
	border-radius: 0;
	padding: 10px 20px;
}

.btn-theme {
	color: #fff;
}

.btn-theme:hover {
	color: #eee;
}

/* --- list style --- */

ul.general {
	list-style: none;
	margin-left: 0;
}

ul.link-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.link-list li {
	margin: 0;
	padding: 2px 0 2px 0;
	list-style: none;
}

footer {
	background: #222222;
	position: relative;
	overflow: hidden;
}

footer ul.link-list li a {
	color: #A9A9A9;
}

footer ul.link-list li a:hover {
	color: #eee;
}

/* --- Heading style --- */

h4.heading {
	font-weight: 700;
}

.heading {
	margin-bottom: 30px;
}

.heading {
	position: relative;

}


.widgetheading {
	width: 100%;

	padding: 0;
}

#bottom .widgetheading {
	position: relative;
	border-bottom: #e6e6e6 1px solid;
	padding-bottom: 9px;
}

aside .widgetheading {
	position: relative;
	border-bottom: #e9e9e9 1px solid;
	padding-bottom: 9px;
}

footer .widgetheading {
	position: relative;
}

footer .widget .social-network {
	position: relative;
}


#bottom .widget .widgetheading span,
aside .widget .widgetheading span,
footer .widget .widgetheading span {
	position: absolute;
	width: 60px;
	height: 1px;
	bottom: -1px;
	right: 0;

}

.box-area {
	border: 1px solid #E7E7E7;
	padding: 0 15px;
	padding-top: 41px;
	margin-top: -42px;
}

/* --- Map --- */
.map {
	position: relative;
	margin-top: -50px;
	margin-bottom: 40px;
}

.map iframe {
	width: 100%;
	height: 450px;
	border: none;
}

.map-grid iframe {
	width: 100%;
	height: 350px;
	border: none;
	margin: 0 0 -5px 0;
	padding: 0;
}

/* === premium ad === */
.premium-ad-container {
	background: linear-gradient(135deg, #ff9966, #ff5e62);
	padding: 15px 0;
	color: white;
	position: relative;
	overflow: hidden;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	animation: adPulse 2s infinite alternate;
	z-index: 1;
}

@keyframes adPulse {
	from {
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	}

	to {
		box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
	}
}

.premium-ad-content {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	padding: 10px 15px;
}

.premium-ad-left {
	flex-grow: 1;
	padding-right: 20px;
}

.premium-ad-title {
	font-size: 28px;
	font-weight: 800;
	margin: 0 0 5px 0;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
	letter-spacing: 1px;
}

.premium-ad-description {
	font-size: 16px;
	margin: 0 0 15px 0;
}

.premium-ad-button {
	display: inline-block;
	background-color: #fff;
	color: #ff5e62;
	padding: 8px 20px;
	border-radius: 30px;
	font-weight: bold;
	text-decoration: none;
	transition: all 0.3s ease;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.premium-ad-button:hover {
	background-color: #f8f9fa;
	transform: translateY(-2px);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
	color: #ff5e62;
	text-decoration: none;
}

.premium-ad-right {
	position: relative;
	min-width: 120px;
}

.premium-ad-badge {
	background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
	border-radius: 50%;
	width: 110px;
	height: 110px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	transform: rotate(12deg);
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.8);
	animation: badgeSpin 6s infinite linear;
	padding: 8px;
	border: 2px solid rgba(255, 94, 98, 0.1);
}

@keyframes badgeSpin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

.premium-ad-discount {
	color: #ff5e62;
	font-size: 20px;
	font-weight: 800;
	font-family: 'Noto Sans Ethiopic', 'Noto Serif', 'Arial Unicode MS', sans-serif;
	line-height: 1.3;
	text-align: center;
	padding: 8px 5px;
	word-wrap: break-word;
	max-width: 90px;
	letter-spacing: 0.5px;
	text-shadow: 0 1px 2px rgba(255, 94, 98, 0.2);
	display: block;
	transform: translateZ(0);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.premium-ad-off {
	color: #ff5e62;
	font-size: 20px;
	font-weight: 800;
	line-height: 1;
}

.premium-ad-close {
	background: none;
	border: none;
	color: white;
	font-size: 24px;
	line-height: 1;
	cursor: pointer;
	padding: 0 10px;
	position: absolute;
	top: 10px;
	right: 15px;
	opacity: 0.8;
	transition: opacity 0.3s;
}

.premium-ad-close:hover {
	opacity: 1;
}

.pulse-animation {
	animation: buttonPulse 0.8s infinite alternate;
}

@keyframes buttonPulse {
	from {
		transform: scale(1);
	}

	to {
		transform: scale(1.05);
	}
}

@media (max-width: 768px) {
	.premium-ad-content {
		flex-direction: column;
		text-align: center;
		padding: 10px 15px;
	}

	.premium-ad-left {
		padding-right: 0;
		margin-bottom: 15px;
		width: 100%;
	}
	
	.premium-ad-title {
		font-size: 20px;
	}
	
	.premium-ad-description {
		font-size: 13px;
	}

	.premium-ad-badge {
		margin: 0 auto;
		width: 85px;
		height: 85px;
	}
	
	.premium-ad-discount {
		font-size: 15px;
		max-width: 75px;
		padding: 5px 3px;
		line-height: 1.3;
		letter-spacing: 0.2px;
	}
	
	.premium-ad-close {
		top: 5px;
		right: 10px;
	}
}

/* Featured In-Body Advertisement */
.featured-ad {
	margin: 30px auto;
	position: relative;
	z-index: 1;
	padding: 0;
}

.featured-ad-wrapper {
	position: relative;
	background: linear-gradient(135deg, #2c3e50, #4a69bd);
	border-radius: 10px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
	overflow: hidden;
	color: #fff;
}

.featured-ad-content {
	padding: 20px;
	display: flex;
	flex-direction: column;
}

.featured-ad-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 15px;
}

.featured-ad-header h2 {
	margin: 0;
	font-size: 28px;
	font-weight: 700;
	color: #fff;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}

.featured-ad-tag {
	background-color: #e74c3c;
	color: white;
	padding: 5px 15px;
	border-radius: 20px;
	font-size: 14px;
	font-weight: bold;
	animation: pulse 2s infinite;
}

.featured-ad-body {
	display: flex;
	flex-wrap: wrap;
}

.featured-ad-image {
	position: relative;
	flex: 0 0 30%;
	max-width: 30%;
	padding: 10px;
}

.featured-ad-image img {
	width: 100%;
	height: auto;
	border-radius: 8px;
	transition: transform 0.3s ease;
}

.featured-ad-image:hover img {
	transform: scale(1.05);
}

.featured-ad-discount {
	position: absolute;
	top: 0;
	right: 0;
	background-color: #f39c12;
	color: white;
	font-size: 18px;
	font-weight: bold;
	padding: 10px;
	border-radius: 0 0 0 15px;
	transform: rotate(15deg) translateX(10px) translateY(-10px);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.featured-ad-info {
	flex: 0 0 70%;
	max-width: 70%;
	padding: 10px 20px;
}

.featured-ad-info h3 {
	margin-top: 0;
	font-size: 22px;
	color: #f1c40f;
}

.featured-ad-info p {
	font-size: 16px;
	margin-bottom: 20px;
}

.featured-ad-cta {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.btn-shop-now {
	display: inline-block;
	background: linear-gradient(to right, #e74c3c, #f39c12);
	color: white;
	font-weight: bold;
	padding: 12px 30px;
	border-radius: 30px;
	text-decoration: none;
	transition: all 0.3s ease;
	margin-bottom: 15px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.btn-shop-now:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
	background: linear-gradient(to right, #f39c12, #e74c3c);
	color: white;
	text-decoration: none;
}

.featured-ad-timer {
	font-size: 14px;
	color: #ecf0f1;
}

.countdown {
	font-weight: bold;
	color: #f1c40f;
}

.featured-ad-close {
	position: absolute;
	top: 10px;
	right: 10px;
	background: rgba(255, 255, 255, 0.3);
	border: none;
	color: white;
	font-size: 20px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
}

.featured-ad-close:hover {
	background: rgba(255, 255, 255, 0.5);
	transform: rotate(90deg);
}

@keyframes pulse {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.05);
	}

	100% {
		transform: scale(1);
	}
}

/* Responsive styles for featured ad */
@media (max-width: 768px) {
	.featured-ad {
		margin: 20px 10px;
	}
	
	.featured-ad-wrapper {
		margin: 0;
	}
	
	.featured-ad-content {
		padding: 15px;
	}
	
	.featured-ad-body {
		flex-direction: column;
	}

	.featured-ad-image,
	.featured-ad-info {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.featured-ad-image {
		margin-bottom: 15px;
	}
	
	.featured-ad-image img {
		width: 100%;
	}

	.featured-ad-header h2 {
		font-size: 20px;
	}
	
	.featured-ad-info h3 {
		font-size: 18px;
	}
	
	.featured-ad-info p {
		font-size: 14px;
	}
	
	.btn-shop-now {
		width: 100%;
		text-align: center;
	}
	
	.featured-ad-close {
		top: 5px;
		right: 5px;
		width: 28px;
		height: 28px;
		font-size: 18px;
	}
}


ul.team-detail {
	margin: -10px 0 0 0;
	padding: 0;
	list-style: none;
}

ul.team-detail li {
	border-bottom: 1px dotted #e9e9e9;
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
	list-style: none;
}

ul.team-detail li label {
	font-size: 13px;
}

ul.team-detail li h4,
ul.team-detail li label {
	margin-bottom: 0;
}

ul.team-detail li ul.social-network {
	border: none;
	margin: 0;
	padding: 0;
}

ul.team-detail li ul.social-network li {
	border: none;
	margin: 0;
}

ul.team-detail li ul.social-network li i {
	margin: 0;
}


.pricing-title {
	background: #fff;
	text-align: center;
	padding: 10px 0 10px 0;
}

.pricing-title h3 {
	font-weight: 600;
	margin-bottom: 0;
}

.pricing-offer {
	background: #fcfcfc;
	text-align: center;
	padding: 40px 0 40px 0;
	font-size: 18px;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}

.pricing-box.activeItem .pricing-offer {
	color: #fff;
}

.pricing-offer strong {
	font-size: 78px;
	line-height: 89px;
}

.pricing-offer sup {
	font-size: 28px;
}

.pricing-container {
	text-align: center;
	font-size: 14px;
}

.pricing-container strong {
	color: #353535;
}

.pricing-container ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.pricing-container ul li {
	/* border-bottom: 1px solid #CFCFCF; */
	list-style: none;
	padding: 15px 0 15px 0;
	margin: 0 0 0 0;
	color: #222;
}

.pricing-action {
	margin: 0;
	text-align: center;
	padding: 20px 0 30px 0;
}

.pricing-wrapp {
	margin: 0 auto;
	width: 100%;
	background: #fd0000;
}

.pricing-box-item {
	border: 1px solid #e6e6e6;

	background: #FFFFFF;
	position: relative;
	margin: 0 0 20px 0;
	padding: 0;

	/* -webkit-box-shadow: 0 2px 0 rgba(0,0,0,0.03); */
	-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.03);

	/* box-shadow: 0 2px 0 rgba(0,0,0,0.03); */

	/* -webkit-box-sizing: border-box; */
	-moz-box-sizing: border-box;

	/* box-sizing: border-box; */
	/* padding: 20px 0 0; */
}

.pricing-box-item .pricing-heading {
	text-align: center;
	padding: 1px 0 0px 0;
	display: block;
}

.pricing-box-item.activeItem .pricing-heading {
	/* background: #F1F1F1; */
	text-align: center;
	padding: 0px 0 1px 0;
	border-bottom: none;
	display: block;
	color: #fff;
	padding-top: 9px;
}

.pricing-box-item.activeItem .pricing-heading h3 {
	color: #E6444E;
}

.pricing-box-item .pricing-heading h3 strong {
	font-size: 28px;
	font-weight: 600;
}

.pricing-box-item .pricing-heading h3 {
	font-size: 32px;
	font-weight: 300;
	letter-spacing: -1px;
}

.pricing-box-item .pricing-terms {
	text-align: center;
	background: #E8E8E8;
	display: block;
	overflow: hidden;
	padding: 11px 0 5px;
}

.pricing-box-item .pricing-terms h6 {
	margin-top: 10px;
	color: #7D7D7D;
	font-size: 17px;
}

.pricing-box-item .icon .price-circled {
	margin: 10px 10px 10px 0;
	display: inline-block !important;
	text-align: center !important;
	color: #fff;
	width: 68px;
	height: 68px;
	padding: 12px;
	font-size: 16px;
	font-weight: 700;
	line-height: 68px;
	text-shadow: none;
	cursor: pointer;
	background-color: #888;
	border-radius: 64px;
	-moz-border-radius: 64px;
	-webkit-border-radius: 64px;
}

.pricing-box-item .pricing-action {
	margin: 0;
	text-align: center;
	padding: 30px 0 30px 0;
}

/* ===== Widgets ===== */

/* --- flickr --- */
.widget .flickr_badge {
	width: 100%;
}

.widget .flickr_badge img {
	margin: 0 9px 20px 0;
}

footer .widget .flickr_badge {
	width: 100%;
}

footer .widget .flickr_badge img {
	margin: 0 9px 20px 0;
}

.flickr_badge img {
	width: 50px;
	height: 50px;
	float: left;
	margin: 0 9px 20px 0;
}

/*News*/
.post-item-wrap {
	border: none;
	padding: 0px 0 25px 0px;
	margin-bottom: 0px;
	border-radius: 0px;
	background-color: rgb(235, 235, 235);
	border: 1px solid #E5E5E5;
	padding: 8px 12px 13px;
}

.post-author-img {
	margin: 5px 0 0 0;
	float: left;
	width: 84px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	padding: 0px;
	border: 1px solid #fff;
}

.post-title a {
	font-size: 16px;
	color: #414042;
	line-height: 1.3em;
}

.post-meta-top {
	width: 100%;
	padding: 3px 0 0px 0;
}

.latest-post-wrap {
	padding: 15px 15px 15px 0;
}

.post-content2 {
	padding: 8px 15px 0px 15px;
	float: left;
	width: 83%;
}

.post-meta-top ul {
	float: left;
	padding: 0;
	margin: 0;
}

.post-item-wrap {
	border-bottom: none;
	margin: 0 0 12px;
}

.post-meta-top li a {
	color: #107fc9;
	font-size: 13px;
	text-decoration: none;
}

.post-meta-top li {
	display: inline;
	height: 30px;
	/* line-height: 30px; */
	float: left;

	padding-right: 15px;
}

.post-meta-top .fa-calendar {
	font-size: 18px;
	color: #C22631;
	margin: 6px 10px 0 0;
	float: left;
}

/* --- Recent post widget --- */

.recent-post {
	margin: 20px 0 0 0;
	padding: 0;
	line-height: 18px;
}

.recent-post h5 a:hover {
	text-decoration: none;
}

.recent-post .text h5 a {
	color: #353535;
}


footer {
	padding: 50px 0 0 0;
	color: #A9A9A9;
}

footer a {
	color: #C22631;
}

footer a:hover {
	color: #eee;
}

footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6 {
	color: #eee;
}

footer address {
	line-height: 1.6em;
}

footer h5 a:hover,
footer a:hover {
	text-decoration: none;
}

ul.social-network {
	list-style: none;
	margin: 0;
}

ul.social-network li {
	display: inline;
	margin: 0 5px;
}

#sub-footer {
	text-shadow: none;
	color: #A9A9A9;
	padding: 0;
	padding-top: 30px;
	margin: 20px 0 0 0;
	background: #222222;
}

#sub-footer p {
	margin: 0;
	padding: 0;
}

#sub-footer span {
	color: #A9A9A9;
}

.copyright {
	text-align: left;
	font-size: 12px;
}

#sub-footer ul.social-network {
	float: right;
}



/* scroll to top */
.scrollup {
	position: fixed;
	width: 32px;
	height: 32px;
	bottom: 0px;
	right: 20px;
	background: #222;

}

a.scrollup {
	outline: 0;
	text-align: center;
}

a.scrollup:hover,
a.scrollup:active,
a.scrollup:focus {
	opacity: 1;
	text-decoration: none;
}

a.scrollup i {
	margin-top: 10px;
	color: #fff;
}

a.scrollup i:hover {
	text-decoration: none;
}




.absolute {
	position: absolute;
}

.relative {
	position: relative;
}

.aligncenter {
	text-align: center;
}

.aligncenter span {
	margin-left: 0;
}

.floatright {
	float: right;
}

.floatleft {
	float: left;
}

.floatnone {
	float: none;
}

.aligncenter {
	text-align: center;
}

img.pull-left,
.align-left {
	float: left;
	margin: 0 15px 15px 0;
}

.widget img.pull-left {
	float: left;
	margin: 0 15px 15px 0;
}

img.pull-right,
.align-right {
	float: right;
	margin: 0 0 15px 15px;
}

article img.pull-left,
article .align-left {
	float: left;
	margin: 5px 15px 15px 0;
}

article img.pull-right,
article .align-right {
	float: right;
	margin: 5px 0 15px 15px;
}

/* ============================= */

.clear-marginbot {
	margin-bottom: 0;
}

.marginbot10 {
	margin-bottom: 10px;
}

.marginbot20 {
	margin-bottom: 20px;
}

.marginbot30 {
	margin-bottom: 30px;
}

.marginbot40 {
	margin-bottom: 40px;
}

.clear-margintop {
	margin-top: 0;
}

.margintop10 {
	margin-top: 10px;
}

.margintop20 {
	margin-top: 20px;
}

.margintop30 {
	margin-top: 30px;
}

.margintop40 {
	margin-top: 40px;
}


/*  Media queries 
============================= */

@media (min-width: 768px) and (max-width: 979px) {

	a.detail {
		background: none;
		width: 100%;
	}

	.flexslider .slides img {
		max-width: 100%;
	}

	footer .widget form input#appendedInputButton {
		display: block;
		width: 91%;
		-webkit-border-radius: 4px 4px 4px 4px;
		-moz-border-radius: 4px 4px 4px 4px;
		border-radius: 4px 4px 4px 4px;
	}

	footer .widget form .input-append .btn {
		display: block;
		width: 100%;
		padding-right: 0;
		padding-left: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin-top: 10px;
	}

	ul.related-folio li {
		width: 156px;
		margin: 0 20px 0 0;
	}
}

@media (max-width: 767px) {

	body {
		padding-right: 0;
		padding-left: 0;
	}

	.navbar-brand {
		margin-top: 10px;
		border-bottom: none;
	}

	.navbar-header {
		margin-top: 0;
		border-bottom: none;
	}

	.navbar-nav {
		border-top: none;
		float: none;
		width: 100%;
	}

	.navbar .nav>.active>a,
	.navbar .nav>.active>a:hover {
		background: none;
		font-weight: 700;
		color: #1B1B1B;
	}

	header .navbar-nav>li {
		padding: 0;
	}

	header .nav li .dropdown-menu {
		margin-top: 0;
	}

	.flexslider .slides img {
		max-width: 100%;
	}

	.dropdown-menu {
		position: absolute;
		top: 0;
		left: 40px;
		z-index: 1000;
		display: none;
		float: left;
		min-width: 160px;
		padding: 5px 0;
		margin: 2px 0 0;
		font-size: 13px;
		list-style: none;
		background-color: #fff;
		background-clip: padding-box;
		border: 1px solid #f5f5f5;
		border: 1px solid rgba(0, 0, 0, .15);
		border-radius: 0;
		-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
		box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	}


	.flex-caption {
		bottom: 0;
		position: relative !important;
		left: auto !important;
		right: auto !important;
		margin: 20px 15px !important;
		padding: 25px 20px !important;
		max-width: 100% !important;
		border-radius: 10px !important;
		text-align: center !important;
		border-left: none !important;
		border-top: 4px solid #CC2424 !important;
	}
	
	.flex-caption h3,
	.flex-caption .hero-title {
		font-size: 24px !important;
		line-height: 1.2 !important;
	}
	
	.flex-caption .hero-subtitle {
		font-size: 14px !important;
	}
	
	.flex-caption p,
	.flex-caption .hero-description {
		font-size: 14px !important;
		line-height: 22px !important;
	}
	
	.hero-cta-btn {
		padding: 10px 20px;
		font-size: 13px;
	}

	.navbar-collapse.collapse {
		border: none;
		overflow: visible;
		display: flex;
		flex-direction: column;
	}
	
	.navbar-collapse .navbar-nav {
		order: 2;
		width: 100%;
	}
	
	/* Language switcher is now at top right, no need for navbar positioning */


	.box {
		border-bottom: 1px solid #e9e9e9;
		padding-bottom: 20px;
	}

	#featured .flexslider .slide-caption {
		width: 90%;
		padding: 2%;
		position: absolute;
		left: 0;
		bottom: -40px;
	}


	#inner-headline .breadcrumb {
		float: left;
		clear: both;
		width: 100%;
	}

	.breadcrumb>li {
		font-size: 13px;
	}


	ul.portfolio li article a i.icon-48 {
		width: 20px;
		height: 20px;
		font-size: 16px;
		line-height: 20px;
	}


	.left-sidebar {
		border-right: none;
		padding: 0 0 0 0;
		border-bottom: 1px dotted #e6e6e6;
		padding-bottom: 10px;
		margin-bottom: 40px;
	}

	.right-sidebar {
		margin-top: 30px;
		border-left: none;
		padding: 0 0 0 0;
	}


	footer .col-lg-1,
	footer .col-lg-2,
	footer .col-lg-3,
	footer .col-lg-4,
	footer .col-lg-5,
	footer .col-lg-6,
	footer .col-lg-7,
	footer .col-lg-8,
	footer .col-lg-9,
	footer .col-lg-10,
	footer .col-lg-11,
	footer .col-lg-12 {
		margin-bottom: 20px;
	}

	#sub-footer ul.social-network {
		float: left;
	}



	[class*="span"] {
		margin-bottom: 20px;
	}

}

/* Small Mobile Styles (max-width: 480px) */
@media (max-width: 480px) {
	.container {
		padding: 0 10px;
	}
	
	/* Navigation */
	.navbar-brand {
		padding: 0;
	}
	
	.navbar-brand img {
		max-width: 120px;
		height: auto;
	}
	
	/* Loading Animation */
	.loader-logo img {
		max-width: 100px;
	}
	
	.loader-spinner {
		width: 80px;
		height: 80px;
		margin: 0 auto 20px;
	}
	
	.loader-text {
		font-size: 18px;
	}
	
	/* Hero Section */
	.flex-caption {
		padding: 20px 15px;
		margin: 15px 10px;
	}
	
	.flex-caption .hero-title,
	.flex-caption h3 {
		font-size: 24px;
	}
	
	.flex-caption .hero-subtitle {
		font-size: 14px;
	}
	
	.flex-caption .hero-description,
	.flex-caption p {
		font-size: 13px !important;
		line-height: 20px;
	}
	
	.hero-cta-btn {
		padding: 10px 20px;
		font-size: 12px;
	}
	
	/* Premium Ad */
	.premium-ad-title {
		font-size: 18px;
	}
	
	.premium-ad-description {
		font-size: 12px;
	}
	
	.premium-ad-button {
		padding: 8px 16px;
		font-size: 12px;
	}
	
	.premium-ad-badge {
		width: 70px;
		height: 70px;
	}
	
	.premium-ad-discount {
		font-size: 13px;
		max-width: 60px;
		padding: 4px 2px;
		letter-spacing: 0.2px;
		line-height: 1.25;
	}
	
	.premium-ad-off {
		font-size: 14px;
	}
	
	/* Callaction */
	section.callaction {
		padding: 30px 0;
	}
	
	section.callaction h1 {
		font-size: 26px;
	}
	
	section.callaction p {
		font-size: 14px;
		line-height: 22px;
	}
	
	/* Info Blocks */
	.info-blocks {
		padding: 15px 10px;
	}
	
	.info-blocks i.icon-info-blocks {
		width: 60px;
		height: 60px;
		font-size: 28px;
		padding: 16px;
	}
	
	.info-blocks .info-blocks-in h3 {
		font-size: 18px;
	}
	
	.info-blocks .info-blocks-in p {
		font-size: 13px;
		line-height: 20px;
	}
	
	/* Featured Ad */
	.featured-ad-header h2 {
		font-size: 18px;
	}
	
	.featured-ad-info h3 {
		font-size: 16px;
	}
	
	.featured-ad-info p {
		font-size: 13px;
	}
	
	/* Content */
	.block-heading-two h3 {
		font-size: 20px;
	}
	
	.col-md-7 p {
		font-size: 13px;
		line-height: 20px;
	}
	
	/* News */
	.post-item-wrap {
		padding: 10px;
	}
	
	.post-author-img {
		width: 60px;
	}
	
	.post-content1 {
		width: calc(100% - 70px);
	}
	
	.post-title a {
		font-size: 13px;
	}
	
	.post-meta-top {
		font-size: 11px;
	}
	
	/* Footer */
	footer {
		padding: 30px 0 0;
	}
	
	footer .widgetheading {
		font-size: 16px;
	}
	
	footer address,
	footer p {
		font-size: 12px;
	}
	
	/* Map */
	.map iframe,
	.map-grid iframe {
		height: 250px;
	}
	
	/* Other responsive fixes */
	.bottom-article a.pull-right {
		float: left;
		margin-top: 20px;
	}

	.flexslider .slides img {
		max-width: 100%;
	}

	.flex-caption {
		bottom: 0;
	}

	.search {
		float: left;
	}

	.flexslider .flex-caption {
		display: block;
	}

	.cta-text {
		margin: 0 auto;
		text-align: center;
	}

	ul.portfolio li article a i {
		width: 20px;
		height: 20px;
		font-size: 14px;
	}
}

section.callaction h1 {
	color: #fff;
}

section.callaction:before,
#inner-headline:before {
	position: absolute;
	width: 118%;
	height: 100%;
	background-color: #E6444E;
	-ms-transform: rotate(20deg);
	-webkit-transform: rotate(20deg);
	transform: rotate(20deg);
	content: '';
	z-index: 0;
}

#wrapper:before {
	position: absolute;
	width: 215%;
	height: 26%;
	-ms-transform: rotate(20deg);
	-webkit-transform: rotate(20deg);
	transform: rotate(20deg);
	content: '';
	z-index: 0;
}

footer:before {
	position: absolute;
	width: 130%;
	height: 100%;
	background-color: #2D2D2D;
	-ms-transform: rotate(20deg);
	-webkit-transform: rotate(20deg);
	transform: rotate(20deg);
	content: '';
}

#inner-headline:before {
	-ms-transform: rotate(10deg);
	-webkit-transform: rotate(10deg);
	transform: rotate(10deg);
}

/* ============================================
   ADDITIONAL RESPONSIVE IMPROVEMENTS
   ============================================ */

/* Tablet Portrait (768px - 979px) */
@media (min-width: 768px) and (max-width: 979px) {
	.container {
		padding: 0 15px;
	}
	
	.flex-caption {
		bottom: 10%;
		left: 3%;
		padding: 35px 45px;
		max-width: 550px;
	}
	
	.flex-caption .hero-title,
	.flex-caption h3 {
		font-size: 42px;
	}
	
	.flex-caption .hero-subtitle {
		font-size: 20px;
	}
	
	.flex-caption .hero-description,
	.flex-caption p {
		font-size: 16px !important;
		line-height: 26px;
	}
	
	.hero-cta-btn {
		padding: 12px 30px;
		font-size: 14px;
	}
	
	section.callaction {
		padding: 60px 0;
	}
	
	section.callaction h1 {
		font-size: 40px;
	}
	
	section.callaction p {
		font-size: 16px;
		line-height: 28px;
	}
	
	.info-blocks {
		margin-bottom: 25px;
		padding: 20px;
	}
	
	.info-blocks i.icon-info-blocks {
		width: 80px;
		height: 80px;
		font-size: 35px;
		padding: 22px;
	}
	
	.info-blocks .info-blocks-in h3 {
		font-size: 22px;
	}
	
	.premium-ad-content {
		flex-wrap: wrap;
	}
	
	.premium-ad-left {
		flex: 1 1 100%;
		margin-bottom: 15px;
		text-align: center;
	}
	
	.premium-ad-right {
		flex: 0 0 auto;
		margin: 0 auto;
	}
	
	.language-switcher-dropdown {
		margin-left: 15px;
	}
}

/* Mobile Landscape and Portrait (max-width: 767px) - Enhanced */
@media (max-width: 767px) {
	/* Language Switcher - Move to top beside logo on mobile */
	.navbar-header {
		position: relative;
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
		min-height: 50px;
		gap: 8px;
		overflow: visible;
	}
	
	/* Hamburger menu - fixed position on left */
	.navbar-toggle {
		position: relative;
		z-index: 1001;
		margin-right: 0;
		margin-left: 0;
		padding: 9px 10px;
		flex-shrink: 0;
		width: 44px;
		height: 44px;
	}
	
	/* Logo - flexible width, prevents overlap */
	.navbar-brand {
		margin-right: 0;
		padding-right: 0;
		flex: 1 1 auto;
		min-width: 0;
		max-width: calc(100% - 140px);
		overflow: hidden;
		text-align: left;
	}
	
	.navbar-brand img {
		max-width: 100%;
		height: auto;
		display: block;
		object-fit: contain;
		max-height: 40px;
	}
	
	/* Language switcher - fixed position on right */
	.navbar-header .language-switcher-mobile {
		position: relative;
		right: auto;
		top: auto;
		transform: none;
		z-index: 10005;
		margin: 0;
		width: auto;
		flex-shrink: 0;
		overflow: visible;
	}
	
	.language-switcher-mobile .language-switcher-dropdown {
		margin: 0;
		position: relative;
		z-index: 10005;
		overflow: visible;
	}
	
	.language-switcher-mobile .lang-dropdown-btn {
		padding: 5px 10px;
		font-size: 12px;
		min-width: 50px;
		line-height: 1.2;
		white-space: nowrap;
		pointer-events: auto !important;
		cursor: pointer !important;
		position: relative;
		z-index: 10005;
	}
	
	.language-switcher-mobile .lang-dropdown-menu {
		right: 0;
		left: auto;
		min-width: 130px;
		z-index: 10006;
		position: absolute;
		top: 100%;
		margin-top: 5px;
	}
	
	.language-switcher-mobile .lang-option {
		pointer-events: auto !important;
		cursor: pointer !important;
		-webkit-tap-highlight-color: rgba(230, 68, 78, 0.2);
	}
	
	/* Hide language switcher from nav menu on mobile */
	.navbar-nav .language-switcher-nav {
		display: none !important;
	}
	
	/* Show mobile language switcher */
	.language-switcher-mobile {
		display: block !important;
	}
	
	/* Ensure language switcher is properly positioned */
	.navbar-collapse {
		display: flex;
		flex-direction: column;
		overflow: visible !important;
	}
	
	.navbar-collapse .navbar-nav {
		order: 2;
		overflow: visible;
	}
	
	/* Ensure dropdown menu is not clipped */
	.navbar-header {
		overflow: visible !important;
	}
	
	header .navbar {
		overflow: visible !important;
	}
	
	header {
		overflow: visible !important;
	}
	
	/* Language switcher in navigation */
	.language-switcher-nav {
		margin-left: 10px;
	}
	
	.lang-dropdown-btn {
		padding: 6px 10px;
		font-size: 12px;
		min-width: 55px;
	}
	
	/* Improve flex caption positioning */
	.flex-caption {
		position: relative !important;
		bottom: auto !important;
		left: auto !important;
		right: auto !important;
		margin: 20px 15px !important;
		padding: 25px 20px !important;
		max-width: 100% !important;
		border-radius: 10px !important;
		text-align: center !important;
		border-left: none !important;
		border-top: 4px solid #CC2424 !important;
	}
	
	/* Better spacing for content sections */
	#contentb {
		padding: 20px 0;
	}
	
	#contentb > .container:not(#featured-ad):not(.featured-ad) {
		margin-top: 20px;
		padding-top: 15px;
	}
	
	/* Improve row spacing on mobile */
	.row {
		margin-bottom: 20px;
	}
	
	/* Better image handling */
	img {
		max-width: 100%;
		height: auto;
	}
	
	/* Improve button touch targets */
	.btn, .premium-ad-button, .btn-shop-now, .hero-cta-btn {
		min-height: 44px;
		min-width: 44px;
		padding: 10px 20px;
	}
	
	/* Ensure navigation links are touch-friendly */
	.navbar-nav > li > a {
		min-height: 44px;
		display: flex;
		align-items: center;
	}
	
	/* Fix any overflow issues */
	.container {
		overflow-x: hidden;
	}
	
	/* Ensure images don't overflow */
	img, .img-responsive {
		max-width: 100% !important;
		height: auto !important;
	}
	
	/* Fix table overflow */
	table {
		display: block;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
	
	/* Ensure forms are mobile-friendly */
	input[type="text"],
	input[type="email"],
	input[type="tel"],
	input[type="password"],
	textarea,
	select {
		font-size: 16px; /* Prevents zoom on iOS */
		min-height: 44px;
		width: 100%;
		box-sizing: border-box;
	}
}

/* Small Mobile (max-width: 480px) - Enhanced */
@media (max-width: 480px) {
	/* Even smaller padding */
	.container {
		padding: 0 10px;
	}
	
	/* Compact navigation - prevent overlap on small screens */
	.navbar-header {
		padding-left: 10px;
		padding-right: 10px;
		gap: 6px;
		overflow: visible !important;
	}
	
	.navbar-brand {
		max-width: calc(100% - 130px) !important;
		margin-right: 0 !important;
		flex-shrink: 1;
	}
	
	.navbar-brand img {
		max-width: 100% !important;
		height: auto !important;
		display: block;
		max-height: 35px;
	}
	
	.navbar-header .language-switcher-mobile {
		position: relative;
		right: auto;
		top: auto;
		transform: none;
		margin: 0;
		overflow: visible;
		z-index: 10005;
	}
	
	.language-switcher-mobile .lang-dropdown-btn {
		padding: 4px 8px;
		font-size: 11px;
		min-width: 45px;
		pointer-events: auto !important;
		cursor: pointer !important;
		position: relative;
		z-index: 10005;
	}
	
	.language-switcher-mobile .lang-dropdown-menu {
		right: 0;
		left: auto;
		z-index: 10006;
		position: absolute;
		top: 100%;
		margin-top: 5px;
	}
	
	.navbar-toggle {
		padding: 7px 8px;
	}
	
	/* Smaller text for better fit */
	.flex-caption .hero-title,
	.flex-caption h3 {
		font-size: 22px;
	}
	
	.flex-caption .hero-description,
	.flex-caption p {
		font-size: 12px !important;
		line-height: 18px;
	}
	
	/* Compact ads */
	.premium-ad-title {
		font-size: 16px;
	}
	
	.premium-ad-description {
		font-size: 11px;
	}
	
	/* Smaller info blocks */
	.info-blocks {
		padding: 12px 8px;
	}
	
	.info-blocks i.icon-info-blocks {
		width: 55px;
		height: 55px;
		font-size: 24px;
		padding: 15px;
	}
	
	.info-blocks .info-blocks-in h3 {
		font-size: 18px;
		line-height: 24px;
		margin-bottom: 8px;
	}
	
	.info-blocks .info-blocks-in p {
		font-size: 13px;
		line-height: 20px;
	}
	
	/* Compact footer */
	footer .col-lg-3 {
		margin-bottom: 25px;
	}
	
	footer .widgetheading {
		font-size: 15px;
	}
	
	/* Better map on small screens */
	.map iframe {
		height: 200px;
	}
}