/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
:root
{
	--primaryColor: #c86d31;
	--secundaryColor: #544c4c;
	--brownAccent: #23190a;
	--lightColor: #ebe9e6;
}

.languageImg
{
	height: 30px !important;
}
.languageImgHeader
{
	height: 20px !important;
}
.primaryColor
{
	color: var(--primaryColor) !important;
}
.mainColor
{
	background-color: var(--primaryColor);
}
.height	
{
	background-size: 100em!important;
	
}
.dark #header-wrap
{
	background-color: var(--brownAccent);
}
.icons
{
	color: var(--primaryColor);
	font-size: 40px;
	padding-left: 12px;
	padding-right: 12px;
}
.fbox-ul
{
	color: #999;
}
.footer-bosite
{
	background-color: var(--primaryColor) !important;
}
.formBackground
{
	background-color: var(--brownAccent) !important;
}
.extraMargin
{
	margin-top: 80px !important;
	margin-bottom: 80px !important;
}

.mobileLanguage
	{
		padding-left: 20px;
	}
.mobileShow
	{
		display: none;
	}
	.mobileHide
	{
		display: flexbox;
	}
	.titleSize
	{
		font-size: 54px !important;
	}
@media (max-width: 768px) {
	/* For mobile phones: */
	.responsiveImg
	{
		height: 220px;
	}
	.icons
	{
		text-align: center !important;
	}
	.mobileTitle
	{
		text-align: center !important;
	}
	.mobileWidth
	{
		width: 100%;
	}
	.menuMobile
	{
		border-top: none !important;
	}
	.xPaddingContact
	{
		padding-bottom: 30px !important;
	}
	.titleSize
	{
		font-size: 30px !important;
	}
	.paddingMobile
	{
		padding: 0px !important;
		padding-bottom: 30px !important;
	}
	.paddingMobilePrice
	{
		padding: 20px !important;
		padding-bottom: 30px !important;
	}
	.fontMobile
	{
		font-size: 2vh;
	}
	.mobileShow
	{
		display: block !important;
	}
	.mobileHide
	{
		display: none;
	}
	.priceSize
	{
		font-size: 2vh !important;
	}
	.mobileLanguage
	{
		padding-left: 0px !important;
	}

	





  }
  @media (min-width: 768px) {
	/* For mobile phones: */
	.responsiveImg
	{
		height: 360px;
	}
	.mobileList
	{
		margin-top:	 1em !important;
		padding-left:1em !important;
	}
  }

  .dark .sticky-header #header-wrap, .sticky-header.dark #header-wrap
  {
	  background-color: var(--brownAccent) !important;
  }

.blurImage
{
	filter: blur(8px);
	-webkit-filter: blur(8px);
}
.boxed-slider
{
	padding-bottom: 60px;
}
.section
{
	margin: 0px;
	padding: 0px !important;
}