// Zmienne less

@img : '../image/';
@color_main : #424242;


// CSS

body {
	background: #fff;
}

.scale-1-1 {
	transition: 0.1s;
	&:hover {
			transform:scale(1.1);
	}
}

#top {
	background: none;
	padding:0px;

	.top-links {
		color:@color_main;
		padding:0px 0px;
	}

	#top-links {
		margin-top:15px;
		margin-bottom:5px;
		a {	color:#ffffff;
			font-size:13px;
			font-family: "Lato";
			border-right:1px solid #d0d0d0;
			padding-right: 10px;
		}
		li {color:#ffffff;
			&:last-child {
				a {
					border:0px;
					padding-right:0px;
				}
			}
		}

		.dropdown-menu {
			a {
				color:#3A3A3A;
				&:hover {color:White;}
			}
		}

		@media(max-width:767px)
		{
			margin: 0 auto;
			text-align: center;
			float: none !important;
		}
	}

}

.langdown {
	&:hover {
		background: transparent!important;
	}
}

#cart {
	float: right;
	margin-top:0px;
	width: 250px;

	@media(max-width:767px)
	{
		width:100%;
	}

	.btn-inverse {
		margin-top:7px;
		border:2px solid #fff;
		background: transparent;
		color:white;
		border-radius:30px;
		padding:8px 20px;
		@media(max-width:767px)
		{
			margin-top: 10px;
			padding: 12px 20px;
			border: 2px solid #DBDBDB;
			font-size: 14px;
			color: #2E2E2E;
		}		
	}
}

.main-head {
	
	background: url('../image/bgunder.jpg')center top no-repeat;
	min-height:800px;

	@media(max-width:991px)
	{
		background: url('../image/bgunder.jpg') center top -140px no-repeat;
		min-height: 700px;
	}
	@media(max-width:767px)
	{
		background:#3d2e89 url('../image/bgunderxs.jpg') center top 0px no-repeat;
		min-height: 500px;
		padding-bottom:100px;
	}



	#logo {
		margin-top:-30px;
		
		@media (max-width: 767px) {
			margin:20px 0px;
			text-align:center;
		}

		#fb-s {
			display:inline-block;
			margin-left:8px;
			position: relative;top:5px;
			i {
				color:#204b91;
			}
		}
	}


	#cart.open > .btn {
		background: transparent url(../image/cart.png) right 0px center no-repeat;
		border:0px;
		padding:15px;
		border-radius:0px;	
		padding-right: 70px;

		@media(max-width:767px)
		{
			text-align: left;
			border: 1px solid #42a2aa;
			background: transparent url(../image/cart.png) right 5px center no-repeat;
		}
	}
	
	.search-info {
		color:#b7edf7;
		font-size:14px;
		font-family: "Lato";
		margin-top:15px;

		@media(max-width:767px)
		{
			display:none;
		}

		span {
			padding-right:20px;
			margin-right:5px;
			border-right: 1px solid #48a7b8;
		}

		a {
			padding-left:5px;
			color:#b7edf7;
			margin-left:3px;
			img {
				position:relative;top:-2px;
			}
		}
	}


}

.open-menu {
	 display:none;
	 @media(max-width:767px)
	 {
	 	display:inline-block;
	 	float:right;
	 	margin-top:40px;
	 	color:white;
		border:0px;
		background: 0px;
		padding:0px;
		font-size:30px;
		text-decoration: none;
	 }
	 &:hover {
	 	background: none;
	 	color:White;
	 	border:0px;
	 }
	 &:focus {
	 	background: none;
	 	text-decoration: none;
	 	border:0px;
	 }
}

.menuslim {

	@media(min-width:768px)
	{
		display:block!important;
	}


	@media(max-width:767px)
	{
		display:none;
	}

	a {
		padding-left:20px;
		color:white;
		font-size:13px;
		img {
			margin-right:5px;
			@media(max-width:991px)
			{
				display:none;
			}
			@media(max-width:991px)
			{
				display:inline-block;
				margin-right: 3px;
				position:relative;top:-2px;
			}					
		}

		@media (max-width: 1200px) {
			padding-left:10px;
		}

		@media(max-width:991px)
		{
			padding-left:5px;
			font-size:12px;
		}		

		@media(max-width:767px)
		{
			width:100%;
			display: block;
			text-align:left;
			border-bottom:1px solid #8378c4;
			padding:9px 0px;
			font-size:15px;
		}

	}
}

.nav {
	background: none;
}

.navbar {
	border:0px;
}

.navbar-nav {
	@media(max-width:767px)
	{
		margin:0px;
	}
}



.main-menu {
background:#473a99;

	nav {
		padding:0px;
		border:0px;
	}

	.navbar-collapse {
		padding:0px;
	}

	.nav > li > a
	{
		padding:15px 0px;
		color:white;
		font-size:14px;
		letter-spacing:0.3px;
		padding-right:25px;
		font-weight:400;
		@media(max-width:767px)
		{
			padding:10px 15px;
			text-align:left;
		}		
		.lnr {
			font-size:10px;
		}
		&:hover {
			background:transparent!important;

		}
	}

}

.head-info {

	h2 {
		font-size:64px;
		font-weight:700;
		font-family: "Lato";
		color:white;
		margin-bottom:0px;
		margin-top:100px;
		letter-spacing: -1px;

		@media(max-width:1200px)
		{
			font-size:50px;
			margin-top:180px;
		}

		@media(max-width:991px)
		{
			font-size:40px;
			margin-top:70px;
		}

		@media(max-width:767px)
		{
			margin-top:20px;
			font-size:40px;
			text-align:center;
		}

	}

	.image {
		img {
			margin-top:130px;
			max-width:100%;

			@media (max-width:1200px) {
				margin-top:200px;
			}
			@media(max-width:991px)
			{
				margin-top:140px;
			}
		}
	}

	p {
		color:white;
		margin-top:10px;
		font-size:14px;
		line-height:27px;
	}

	.details {
		display:inline-block;
		margin-top:10px;
		padding:12px 30px;
		font-size:16px;
		color:White;
		font-weight:700;
		border:2px solid #fff;
		border-radius:30px;
	}

	.offer {
		display:inline-block;
		margin-top:10px;
		padding:12px 30px;
		font-size:16px;
		color:#50439d;
		margin-left:10px;
		background: white;
		font-weight:700;
		border:2px solid #fff;
		border-radius:30px;
	}

	@media(max-width:767px)
	{
		text-align:center;
	}	
}

.title {
	h2 {
		font-size:45px;
		letter-spacing: -2px;
		color:#3f3867;
		font-weight:700;
		text-align: center;
		margin-top:50px;
	}
	p {
		max-width:700px;
		margin:0 auto;
		text-align: center;
	}
}

.gold-content {
	 background:#fff url('../image/right_gold.png') center no-repeat;
	 min-height:1480px;

	 @media(max-width:767px)
	 {
	 	background:#fff;
	 	text-align:center;
	 	min-height:140px;
	 	padding-bottom:0px;
	 }


	 .inner {
	 	margin-top:150px;
	 	padding-right:50px;

	 	@media(max-width:767px) {
	 		margin-top:50px;
	 		padding-right:15px;
	 	}
	 	h4 {
	 		font-size:24px;
	 		letter-spacing: -1px;
	 		color:#37405a;
	 		font-weight:700;
	 	}

	 	p {
	 		font-size:13px;
	 	}

	 	a {
	 		margin-bottom:30px;
	 		display: inline-block;
	 		padding:5px 10px;
	 		border-radius:30px;
	 		border:2px solid #d4ac16;
	 		color:#d4ac16;
	 	}
	 }
	 
	 .cimage {
	 	img {
	 		margin-top:50px;
	 		@media(max-width:1200px)
	 		{
	 			margin-top:220px;
	 		}
	 		@media(max-width:991px)
	 		{
	 			margin-top:280px;
	 		}
	 	}
	 }

}

#content {
	min-height:0px;
}

.gray-content {
	 background:#dae3e8 url('../image/gray.jpg') center no-repeat;
	 padding: 200px 0px;
	 min-height: 650px;
	 text-align: center;

	 @media(max-width:990px)
	 {
	 	padding: 100px 0px;
		min-height: 350px;
	 }

	 @media(max-width:767px)
	 {
	 	padding:40px 0px;
	 	min-height:100px;
	 }

	 h2 {
	 	font-size:53px;
	 }

	 p {

	 }

	 a {
	 		background:#392c86;
	 		color:white;
	 		display:inline-block;
	 		margin-top:20px;
	 		font-size:19px;
	 		font-weight:700;
	 		border-radius:30px;
	 		padding:14px 40px;
	 }

}

.maps {
	 background:#dae3e8;
	 margin:0px;

	 h2 {
	 	background:url('../image/maps.png')center repeat-x;
	 	padding:15px;
	 	text-align: center;
	 	margin:0px;

	 	span {
	 		background:#dae3e8;
	 		color:#3f3867;
	 		font-size:44px;
	 		font-weight: 700;
	 		padding:0px 30px;
	 		display:inline-block;
	 	}
	 	@media(max-width:767px)
	 	{
	 		span {
	 			font-size:30px;
	 		}
	 	}

	 }

	 iframe {
	 	pointer-events: none;
		filter: gray;
		-webkit-filter: grayscale(99%);
		-webkit-backface-visibility: hidden;
		transition: 1s;
	 }

}

.info-light {
	margin-top:-160px;
	padding:150px 0px;
	padding-bottom:0px;
	background:transparent url('../image/infobg.png')center top no-repeat;
	min-height:700px;

	@media(max-width:991px)
	{
		margin-top:-250px;
	}

	@media(max-width:767px)
	{
		margin-top:0px;
		background:none;
		padding:20px 0px;
	}

	.innerbg {
		background:url("../image/bgb.png")center top no-repeat;
		background-size: cover;

		@media(max-width:767px){
			background: none;
		}
	}

	.inner {
		text-align: center;
		padding:100px 20px;
		margin-top:100px;

		@media(max-width:767px)
		{
			padding:30px 15px;
			margin-top:30px;
		}

		img {
			margin-top:5px;
			max-width:100%;
			margin-bottom:15px;
		}

		p {
			font-size:14px;
			font-weight:400;
			color:#3a3f50;
		}

		h3 {
			font-size:38px;
			font-weight:700px;
		}

		a {
			padding:13px 50px;
			font-size:15px;
			color:white;
			font-weight:400;
			background: url("../image/getmorebg.jpg")center;
			display:inline-block;
			border-radius:30px;
			margin-top:10px;
		}
	}
}

header {
	background: none;
	border:0px;
}

.bbp {
	border-bottom:1px solid #8a7fc9;
	padding-bottom:40px;
}

.heading-title {
	background: #f6f6f6;
	padding: 20px 23px;
	color: #505050;
	font-size:20px;
	font-family: "Lato";
	font-weight: 400;

	span {
		float:right;
	}
}

.list-group-item {
	margin-bottom:0px;
}

.category-module {

	.active {
		padding-left:20px;
		font-weight:bold;
	}

	a {
		color:#414857;
		border:0px;
		background:transparent;
		border-bottom:1px solid #EAEAEA;
		border-left:5px solid transparent;
		transition:0.3s;
		font-size:15px;
		padding:12px 23px;

		&:hover {
			background:white;
			border:0px;
			border-bottom:1px solid #EAEAEA;
			border-left:5px solid #473a99;
			color:#473a99;
		}

		img {
			margin-right:3px;
		}
	}	

}


.leftinfo {
	p {
		background:url(../image/shadowl.png) top center repeat-x;
		padding-top:15px;
		padding-left:15px;
		margin-top:15px;
	}
}

.breadcrumb {
	margin-top:20px;
}

.module-title {
	font-size:26px;
	font-weight:600;
	letter-spacing: -1.5px;
	color:#0f2a2f;
	background: url('../image/under-title.png')bottom left no-repeat;
	margin:30px 0px;
	padding:20px 0px;
}

.product-thumb {
	margin-top:40px;
	margin-bottom:10px;
	background:#fff;
	border:1px solid #d8d9db;


	.show-details {
		position:absolute;
		top:-5px;
		transition:0.3s;
		font-size:14px;
		right:-5px;
		border:3px solid #f7f7f7;
		width:46px;
		padding:10px 0px;
		border-radius:50%;
		color:#fff;
		background:#ed8774;
		text-align:center;
	}

	.price {
		color:#2d3036;
		font-size:12px;
		font-weight:400;
		text-transform: uppercase;
		letter-spacing: 2px;
	}
	.caption {
		min-height:70px;
		padding:20px;		
		h4 {
			padding-bottom:15px;
			min-height:4-px;
			margin-top:10px;
			a {
				color:#2f2f2f;
				font-size:14px;
				letter-spacing:0px;
				font-weight:600;
			}
		}
		.description {
			line-height:16px;
			font-size:12px;
			border-bottom:1px solid #e8e8e8;
			padding-bottom:10px;
		}
	}
}

.featured-add {
	background: #FFFFFF url(../image/cartadd.png) right no-repeat;
	color:#787878;
	font-weight:400;
	font-family:'Lato';
	padding:20px;
	font-size:14px;
	letter-spacing: 0px;
	border:0px;
	border-top:1px solid #DDDDDD;
	text-align:left;
	display: block;
	transition:0.3s;
	width:100%;


	&:hover {
		background: #FFFFFF url(../image/cartadd.png) right no-repeat;
	}
}

footer {
  background:#fefefe;

  @media(max-width:767px)
  {
  	padding:20px 0px;
  }

	h5 {
	color:#596369;
	font-weight:700;
	font-size:18px;

	}

	span {
		font-size:10px;
	}

	.col-md-3 {
		padding-top:20px;
		padding-bottom:20px;
		color:#596369;

		@media (max-width:767px)
		{
			padding-bottom:0px;
			padding:0px 40px;
			border-bottom: 1px solid #E0E0E0;
		}

		a {
			color:#596369;
			margin-top:3px;
			display:inline-block;
			font-size:12px;
			  @media (max-width:767px)
			  {
			  	margin-bottom:5px;
			  }
		}

		p {
			@media (max-width: 767px){
				font-size:13px;
				color:#a1b4b7;

		}
		}
	}
}

.bfoot {
  @media (max-width:767px)
  {
  	text-align:center!important;
  }
	background:#392c86 url('../image/footer.jpg') center top no-repeat;
	padding:36px 0px 20px;

	.author {
		text-align:right;
		padding-top:13px;
		@media (max-width:767px)
		{
		   width:100%;
		   text-align:center;
		}		
	}

	.logo-f {
		a {
			margin-right:10px;
			@media (max-width:767px)
			{
			   margin:0 auto;
			   text-align: center;
			}			
		}
	}

	.copyr {
		color:#FFFFFF;
		font-weight:400;
		font-family: "Lato";
		font-size:14px;
		padding-top:15px;
		
		@media (max-width:767px)
		{
		   width:100%;
		   text-align:center;
		}		
	}

	.container {
		padding:0px;
	}
}

	.newslettersign {
		padding:10px 20px;
		font-size:17px;
		width:100%;
		display: block;
		color:white!important;
		font-weight:700;
		border-radius:30px;
		background:url('../image/newsletter.png') right no-repeat;
	}


.preloader {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0px;
  left: 0px;
  background: #FFFFFF;
  visibility: visible;
  z-index: 99999;
  text-align: center;
}
.preloader img {
  margin-top: 20%;
  width: 150px;
}
@media (max-width: 767px) {
  .preloader img {
    margin-top: 50%;
  }
}	



.modal-bg {
	height:100vh;
	width:100%;
	background:rgba(0,0,0, 0.93);
	position:fixed;top:0px;
	left:0px;
	display:none;
	z-index:999;

	@media(max-width:768px)
	{
		@media(max-height:700px)
		{
			overflow-y: scroll;
		}
	}

	h2 {
		color:white;
		margin-top:100px;
		padding-bottom:20px;
		marrgin-bottom:30px;
		font-size:30px;
		border-bottom:1px solid #2D2D2D;
		text-shadow: 1px 1px 5px #000;

		@media (max-width: 767px) {
			margin-top:30px;
		}

		.lnr-cross-circle {
			float:right;
			color:#7550ff;
			font-size:17px;
			cursor:pointer;
		}
	}

	p {
		color:#D0D0D0;
		font-size: 13px;
		text-shadow: 1px 1px 5px #000;
	}

	a {
		color:#935BF5;
	}

	.subtitle {
		font-size:18px!important;
		color:#935BF5;
	}

	.oprice {
		color:#AFA6D7;
		font-size:15px;
		text-shadow: 1px 1px 5px #000;
	}

}