@import url('icon-font.css');

/*
	Fonts
*/

@import url('https://fonts.googleapis.com/css?family=Itim|Cookie|Open+Sans&subset=latin-ext');

@font-face {
		font-family: 'Josefin Slab';
	  font-style: normal;
	  font-weight: 400;
    src: url('../fonts/js_regular-webfont.ttf') format('truetype');
}

@font-face {
		font-family: 'Josefin Slab';
		font-style: normal;
		font-weight: 700;
	  src: url('../fonts/js_bold-webfont.ttf') format('truetype');
}

/*
 Container
 */
.wrapper {
	padding: 0px;
	width: 100%;
}

/*
	Base
*/
html {
	overflow-x: hidden;
}
body {
	overflow-x: hidden;
	font-size: 18px;
	line-height: 25px;
	-webkit-font-smoothing: antialiased;
	word-spacing: 0;
	letter-spacing: 0;
	/* background: #242424 url('../images/bg-1.png'); */
	background-color: #242424;
	color: #fff;
}

body, input, button, textarea {
	font-family: 'Josefin Slab', Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1.2em;
}

p {
	margin: 0 0 20px;
}

a, input, textarea, button {
	-webkit-transition: color .3s, background, .3s, border-color .3s, opacity .3s;
	   -moz-transition: color .3s, background, .3s, border-color .3s, opacity .3s;
			transition: color .3s, background, .3s, border-color .3s, opacity .3s;
}

a,
a:focus {
	color: #fff;
}

a:hover {
	color: #c62026;
}

a:hover,
a:focus {
	text-decoration: none;
}

a, .btn {
	outline: none !important;
}

img {
	max-width: 100%;
}

button:focus {
	outline: 0;
}

.productimage {
	cursor: hand; cursor: pointer;
}
.logo {
	cursor: hand; cursor: pointer;
}
.cart-coupon-enabled {
	background-color: #2DCC70!important;
}
/* LAYOUT
================================================== */

/*
	Top bar
*/

.top-bar {
	position: fixed;
	padding: 0px 0px;
	font-size: 14px;
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight: bold;
	color: #fff;
	background: transparent;
  top: 8px;
	right: 30px;
	z-index: 1020;
}
.top-bar .container {

}

.top-bar a {
	color: #fff;
}

.top-bar ul {
	margin: 0;
}

	.top-bar ul li {
		vertical-align: middle;
		padding: 0 15px;
	}
  .top-bar ul li.menu-sep {
		color: #444;
		padding: 0px;
	}
	.top-bar ul li.login-url a {

	}

	.top-bar ul li.status-close,
	.top-bar ul li.status-open {

		position: relative;
		border: 2px solid #f9912e;
		color: #231601;
		background-color: #f9912e;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		border-radius: 50px;
		padding: 4px 10px;
	}
	.top-bar li.menu-cart a {
		position: relative;
		border: 2px solid #f9912e;
		color: #f9912e;
		-webkit-border-radius: 50px;
			 -moz-border-radius: 50px;
		border-radius: 50px;
	  padding: 10px 10px;
	}

	.top-bar li.menu-cart:hover > a {
		color: #c62026;
		border: 2px solid #c62026;
	}

	.top-bar li.menu-cart:hover > a:after {
		display: none;
	}

	.top-bar li.menu-cart a i {
		margin: 2px 10px 0 0;
		font-size: 1.1em;
	}
	.top-bar .circle_container {
		display: block;
    float: left;
		padding-right: 10px;
		margin-top: 3px;
	}
	.top-bar .circle {
		border-radius: 50%;
		width: 16px;
		height: 16px;
		display: inline-block;
	}
	.top-bar .red {
		background-color: #f0390f;
	}
	.top-bar .green {
		background-color: #156921;
	}

.flag-switch {
	position: relative;
	display: inline-block;
	top: 2px;
	width: 45px;
	height: 25px;
	margin: 0 20px;
	outline: 0;
	appearance: none;
	-webkit-perspective: 1000;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translate3d(0,0,0);
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.flag-switch:before , .flag-switch:after {
	position: absolute;
	top: 0;
	font-size: 13px;
	font-weight: 700;
	color: #fff;
}

.flag-switch:before {
	left: -22px;
	content: attr(data-first-lang);
}

.flag-switch:after {
	right: -22px;
	content: attr(data-second-lang);
}

	.flag-switch input{
		display: none;
	}

	.flag-switch input + label {
		position: absolute;
		display: block;
		height: 100%;
		width: 100%;
		margin: 0;
		cursor: pointer;
		user-select: none;
	}

	.flag-switch input + label:before, .flag-switch input + label:after {
		position: absolute;
		content: '';
		left: 0;
		-webkit-border-radius: 30px;
		   -moz-border-radius: 30px;
				border-radius: 30px;
		-webkit-transition: all 0.25s ease-in-out;
		   -moz-transition: all 0.25s ease-in-out;
				transition: all 0.25s ease-in-out;
	}

	.flag-switch input + label:before {
		top: 5px;
		height: 15px;
		width: 100%;
		background-color: #ccc;
	}

	.flag-switch input + label:after {
		top: 0;
		left: 0;
		width: 25px;
		height: 25px;
		border: 2px solid #fff;
		background: #000233 url('../images/flags.jpg') -1px center;
		-webkit-transform: translate(20px, 0);
		   -moz-transform: translate(20px, 0);
				transform: translate(20px, 0);
	}

	.flag-switch input:checked + label:after {
		background: #eb3 url('../images/flags.jpg') -26px center;
		transition: all 0.25s ease-in-out;
		-webkit-transform: translate(0, 0);
		   -moz-transform: translate(0, 0);
				transform: translate(0, 0);
	}

	.flag-switch input:checked + label:before {
		background-color: #666;
	}

/*
	Header
*/

.header {
	text-align: center;
}

	.header .logo {
		position: absolute;
		display: block;
		left: 0;
		right: 0;
		top: 40%;
		width: 600px;
		height: 131px;
		margin: -65px auto 0;
		text-indent: -9999px;
	/*	background: url('../images/logo.png') center center no-repeat; */
	}
	
	#sublogo {
		top: 10%;
		margin: -75px auto 0;
	}
	

	.header ul {
		position: absolute;
		right: 0;
		left: 0;
		bottom: 30px;
		margin: 0 auto;
	}

.header .underlogo {
		position: absolute;
		display: block;
		left: 0;
		right: 0;
		bottom: 5%;
		/* max-width: 600px; */
		height: 100px;
		margin: -65px auto 0;
		text-indent: -9999px;
		background-repeat: no-repeat;
		background-position: center;
}

	#subunderlogo {
		bottom: 0%;
	}
	
/*
	Menu
*/

.spparallax {
	height: 350px;
}


.menu {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
  padding: 5px 0;
	margin: 0;
	z-index: 1000;
	-webkit-transition: background .3s;
	   -moz-transition: background .3s;
			transition: background .3s;
	/* background: rgba(0, 0, 0, 0.7); */
}

.menu .menuToggle {
	display: block;
	width: 110px;
	margin: 10px 10px;
	/* padding: 4px 0 0 0px; */
	text-align: right;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 900;
	font-size: 22px;
	color: #fff;
}
.menu .menuclose {
	position: absolute;
	top: 10px;
	right: 40px;
	font-weight: bold;
	font-size: 60px;
	display: none;
	z-index: 1200;
}
.menu .list-unstyled {
	display: none;
}
/*
.menu.fixed {
	position: fixed!important;
	margin-top: 0;
}
*/
.menu.fixed {
	background: rgba(0, 0, 0, 0.7);
}
.menu.fixed .menuToggle {
	margin: 10px 10px;
}
.top-bar.fixed {
	position: fixed;
	top: 8px;
}
.menu.bg {
	background: rgba(0, 0, 0, 0.7);
	height: 100%;
	z-index: 1300;
}

.menu ul {
	position: relative;
	margin: 0;
	text-align: center;
}

	.menu li {
		width: 100%;
		padding: 0;
	}

		.menu li a {
			position: relative;
			display: block;
			padding: 10px 30px;
			font-size: 32px;
			line-height: 25px;
			font-weight: 700;
			color: #fff;
		}

		.menu li:hover > a,
		.menu li.active > a {
			color: #d51b21;
		}

/*
		.menu li a:after {
			position: absolute;
			content: '';
			bottom: 5px;
			left: 30px;
			right: 30px;
			height: 2px;
			background: transparent;
			opacity: 0;
			-webkit-transition: all 0.3s;
			   -moz-transition: all 0.3s;
					transition: all 0.3s;
		} */

		.menu li a:hover:after,
		.menu li.active a:after {
			opacity: 1;
		}

		.menu li.menu-cart a {
			position: relative;
			margin-left: 30px;
			border: 2px solid #c62026;
			font-size: 19px;
			color: #c62026;
			-webkit-border-radius: 50px;
			   -moz-border-radius: 50px;
					border-radius: 50px;
		}

		.menu li.menu-cart:hover > a {
			color: #c62026;
		}

		.menu li.menu-cart:hover > a:after {
			display: none;
		}

			.menu li.menu-cart a i {
				float: left;
				margin: 2px 10px 0 0;
				font-size: 1.1em;
			}

/*
 Mobil App
 */

.mobilapp {
	/*background-color: #c62026; */
	margin-bottom: 20px;
	color: #000;
}

.mobilapp h3.apptitle,
.mobilapp h4.appsubtitle {
	font-family: 'Itim', cursive;
	line-height: 1em;
}
.mobilapp h3.apptitle {
	padding-top: 11.50%;
	font-size: 4.167em;
	margin-bottom: 0px;
}
.mobilapp h4.appsubtitle {
	font-size: 2.400em;
	margin-bottom: 30px;
	margin-top: 0px;
}
.mobilapp .appcontent {
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 0.889em;
	max-width: 70%;
	padding-bottom: 30px;
}
.mobilapp .appicons {
		text-align: left;
}
.mobilapp .wrap {
    height: 600px;
    position: relative;
}

.mobilapp .wrap img{
    display: block;
    max-width: 100%;
    position: absolute;
    bottom:0;
    left:49%;
    transform:translateX(-50%);
}
.mobilapp .android {
	 margin-right: 10px;
}
.nopadding {
	padding: 0px 0px;
}


/*
	Footer
*/

.footer {
	padding: 80px 0 40px;
	text-align: center;
	background: #191919; /* url('../images/bg-3.png'); */
}

	.footer-logo {
		display: inline-block;
		margin-bottom: 20px;
	}

	.footer-title {
		margin: 0 0 20px;
		font-family: Cookie;
		font-size: 28px;
		color: #c62026;
	}

	.footer-contact {
		margin: 50px 0;
		font-size: 22px;
		line-height: 30px;
	}

		.footer-contact li {
			margin-bottom: 30px;
		}

		.footer-contact li.opening {
			padding: 15px 0 35px;
			background: url('../images/icon-open.png') center top no-repeat;
		}

	.footer .copyright {
		font-size: 14px;
		font-weight: 700;
	}
	.footer a {
		word-wrap: break-word;
	}

	.footer .payments {
		display:inline;
		margin: 5px;
	}
/*
	Form
*/

label {
	font-weight: 400;
}

.form-group {
	margin: 0 0 10px;
}

.form-control,
.form-control:focus {
	border: 1px solid #e5e5e5;
	color: #000;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			border-radius: 0;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
}
.loginform {
	padding-bottom: 0px;
	margin-bottom: 0px!important;
}

/* MODULES
================================================== */
/*
.bg-2 {
	background: url('../images/bg-2.png');
}*/

/*
	Sections
*/

.section {
	padding: 120px 0 50px;
}

.section + .section {
	padding-top: 60px;
}

.section-headline {
	margin-bottom: 50px;
	text-align: center;
}

.section-headline.top-space {
	margin-top: 80px;
}

	.section-headline .title,
	.section-headline .subtitle {
		margin: 0;
		line-height: 1.1em;
	}

	.section-headline .title {
		position: relative;
		display: inline-block;
		font-weight: 700;
		font-size: 47px;
	}

	.section-headline .title:before {
		position: absolute;
		content: "";
		top: -12px;
		width: 24px;
		height: 20px;
		margin-left: -15px;
		background-position: center center;
		background-repeat: no-repeat;
	}

	.section-headline.red .title:before {
		background: url('../images/icon-leaves-red.png');
	}

	.section-headline.yellow .title:before {
		background: url('../images/icon-leaves-yellow.png');
	}

	.section-headline .subtitle {
		font-family: Cookie;
		font-size: 28px;
	}
	.section-headline .subtitlebig {
		font-family: Cookie;
		font-size: 38px;
	}

	.section-headline.red .subtitle {
		color: #c62026;
	}
	.section-headline.red .subtitlebig {
		color: #c62026;
	}

	.section-headline.yellow .subtitle {
		color: #c62026;
	}
	.section-headline.yellow .subtitlebig {
		color: #c62026;
	}
	
	span.red{
		color: #c62026;
		font-weight:700;
	}
	
.section-top-border {
	background: url('../images/bg-border.png') left 7px repeat-x;
	-webkit-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.4);
	   -moz-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.4);
			box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.4);
}

.section-bottom-border {
	background: url('../images/bg-border.png') left bottom repeat-x;
}

/*
	Parallax
*/

.parallax {
	position: relative;
	overflow: hidden;
	height: 660px;
	padding: 140px 20px;
	z-index: -1;
	/*
	background: url('../pictures/parallax.jpg') center top repeat;
	-webkit-background-size: cover;
			background-size: cover; */
}

.parallax:after {
	position: absolute;
	content: "";
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(0,0,0,0.5) 20%, rgba(0,0,0,0.5) 80%, rgba(0,0,0,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.5) 20%,rgba(0,0,0,0.5) 80%,rgba(0,0,0,1) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.5) 20%,rgba(0,0,0,0.5) 80%,rgba(0,0,0,1) 100%);
	opacity: 0.8;
}

	.parallax > * {
		position: relative;
		z-index: 2;
	}


.gotofelsodiv{
	position: absolute;
	left:48%;
	margin-top:-90px;
	width:80px;
	height:80px;
	/*border:solid 1px #FF0000;	*/
	cursor:pointer;	
}

#mainunderlogo{
	cursor:pointer;	
}

/*
	Item horizontal
*/

.item-section {
	position: relative;
	padding-left: 200px;
}

	.item-section-icon {
		position: absolute;
		top: 0;
		left: 0;
		font-size: 120px;
	}

	.item-section-icon.red {
		color: #c62127;
	}

	.item-section-icon.yellow {
		color: #c62026;
	}

.item-horizontal {
	margin-bottom: 30px;
}

	.item-horizontal .top {
		margin-bottom: 20px;
		padding-bottom: 5px;
		font-weight: 700;
		border-bottom: 1px dashed #373737;
		color: #c62026;
	}

	.item-horizontal.red .top {
		color: #c62127;
	}

	.item-horizontal.yellow .top {
		color: #c62026;
	}

		.item-horizontal .top .title {
			margin: 0;
			font-size: 24px;
			font-weight: inherit;
		}

		.item-horizontal .top .price {
			margin: 0;
			font-size: 29px;
		}

.item-horizontal.has-picture {
	position: relative;
	padding-left: 115px;
}

	.item-horizontal figure {
		position: absolute;
		overflow: hidden;
		top: 0;
		left: 0;
		width: 100px;
		height: 100px;
		-webkit-border-radius: 5px;
		   -moz-border-radius: 5px;
				border-radius: 5px;
	}

/*
	Item box
*/

.item-box {
	margin-bottom: 70px;
	text-align: center;
}

.item-box.space-around {
	padding: 0 50px;
}

	.item-box figure {
		position: relative;
		margin-bottom: 10px;
		z-index: 1;
	}

	.item-box figure:after {
		position: absolute;
		content: "";
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: url('../images/bg-food.png') center center no-repeat;
		z-index: -1;
		opacity: 0.4;
		-webkit-transition: opacity .3s;
		   -moz-transition: opacity .3s;
				transition: opacity .3s;
	}

	.item-box:hover figure:after {
		opacity: 1;
	}

	.item-box figure.no-background {
		margin-bottom: 30px;
	}

	.item-box figure.no-background:after {
		display: none;
	}

	.item-box .title {
		margin: 0 0 20px;
		font-size: 27px;
		font-weight: 700;
		color: #c51b21;
	}

	.item-box .text {
		overflow: hidden;
		height: 70px;
	}

	.item-box .price {
		font-size: 24px;
		font-weight: 700;
		color: #c62026;
	}
	.sale {
		width: 5%;
    left: 50px;
    position: absolute;
    top: -10px;
	}

/*
	Map
*/

.map {
	overflow: hidden;
	margin-bottom: 20px;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
			border-radius: 5px;
}

	.map iframe {
		display: block;
		width: 100%;
		height: 390px;
		border: 0
	}

/* COMPONENTS
================================================== */

/*
	Buttons
*/

.btn {
	padding: 9px 20px 7px;
	font-size: 17px;
	line-height: 20px;
	font-weight: 700;
	border-width: 2px;
	border-style: solid;
	background-color: transparent;
	-webkit-border-radius: 50px;
	   -moz-border-radius: 50px;
			border-radius: 50px;
}

	.btn i {
		margin: 0 5px 0 0;
	}

span.btn {
	cursor: default;
}

.btn-white,
span.btn-white:hover {
	border-color: #fff;
	color: #fff;
}

.btn-white:hover {
	border-color: #c62026;
	color: #c62026;
}

.btn-gray {
	border-color: #666;
	color: #666;
}

.btn-gray:hover {
	border-color: #fff;
	color: #fff;
}


.btn-red {
	color: #fff;
	background: #e3171d;
	padding-top: 3px;
	padding-bottom: 2px;
	margin-top: 2px;
}

.btn-red:hover {
	color: #fff;
	background: #000;
}

.btn-black {
	color: #fff;
	background: #000;
	padding-top: 3px;
	padding-bottom: 2px;
	margin-top: 2px;
}
/*
	Icon tab
*/

.icon-tab {
	margin: 0 0 50px;
	padding: 0;
	#border-bottom: 2px solid #343434;
	font-weight: 100;
}

	.icon-tab li {
		float: left;
		width: 18.2857143%;
		list-style-type: none;
		font-size: 24px;
		line-height: 1.2em;
		height: 160px;
	}

		.icon-tab li a {
			position: relative;
			display: block;
			padding: 0 0 25px;
			text-align: center;
			color: #616161;
		}


		.icon-tab li a i {
				display: block;
				margin-bottom: 5px;
				font-size: 100px;
			}

		.icon-tab li.active > a,
		.icon-tab li:hover > a {
			color: #c62026;
		}

		.icon-tab li.active a:after {
			position: absolute;
			content: "";
			bottom: 0;
			left: 50%;
			margin-left: -10px;
			border-right: 10px solid transparent;
			border-bottom: 10px solid #c62026;
			border-left: 10px solid transparent;
		}


		/* Popup */

		.modal-content {
			-webkit-border-radius: 0;
			   -moz-border-radius: 0;
					border-radius: 0;
			-webkit-box-shadow: none;
			   -moz-box-shadow: none;
					box-shadow: none;
		}

		.modal-header {
			border: 0;
			padding: 5px 15px 0px 15px;
		}
		.modal-body {
			padding-top: 0px;
		}
		.modal-body .form-group label {
			font-size: 9pt;
		}
		.close {
			padding: 5px 5px;
		}

		#popup-cart .popup-section,
		#mobilpopup-cart .popup-section,
		#infopopup-cart .popup-section  {
			border-top: 1px solid #5f222e;
			padding: 10px 20px 5px;
			color: #000;
		}

		#popup-cart .popup-section .form-group label,
		#mobilpopup-cart .popup-section .form-group label,
		#infopopup-cart .popup-section .form-group label {
			font-weight: 700!important;
			padding-left: 5px;
		}


		#popup-cart .price,
		#mobilpopup-cart .price,
		#infopopup-cart .price {
  		margin: 0 0 20px;
			padding: 13px 0 15px;
			font-size: 18px;
			font-weight: 900;
			border-bottom: 1px solid #efefef;
			color: #000;
		}

		#popup-cart .modal-title,
		#mobilpopup-cart .modal-title,
		#infopopup-cart .modal-title  {
			padding: 0 20px;
			font-size: 20px;
			text-transform: uppercase;
			border-bottom: 1px solid #5f222e;
			color: #000;
			font-weight: bold;
		}

		#popup-cart .modal-header p,
		#mobilpopup-cart .modal-header p,
		#infopopup-cart .modal-header p {
			margin: 0;
			padding: 5px 20px 0px 20px;
			color: #000;
		}

		#popup-cart .input-count,
		#mobilpopup-cart .input-count,
		#infopopup-cart .input-count {
			margin-bottom: 20px;
		}

		#popup-cart .input-count .form-control,
		#mobilpopup-cart .input-count .form-control,
		#infopopup-cart .input-count .form-control {
			width: 40px;
			margin: 0 3px;
			background: #eee;
		}

		#popup-cart .control-label,
		#mobilpopup-cart .control-label,
		#infopopup-cart .control-label {
			font-weight: bold;
			display: block;
			margin: 0 0 8px;
			text-align: center;
			font-size: 18px;
			color: #000;
		}

		.optionitem {
			padding-left: 0px;
			line-height: 15px;
		}
		.optionitemprice {
			padding-top: 5px;
			margin: 0px;
		}
			/*
			 Custom
			 */
			.terms {
					padding-bottom: 15px;
			}
			.item-horizontal .top .price {
			 		line-height: 44px;
			 }
			.head-title {
				text-align: center;
			}
			.icon-tab li.active > a > img {
				opacity: 1;
			}
			.icon-tab li > a > img:hover {
				opacity: 1;
			}
			.icon-tab li > a > img {
				opacity: 0.5;
			}
			 /*
				Cart
			*/
.blinkcartclass{
    background: rgb(57, 57, 57);
}


			.cart-page {
				padding-left: 50px;
				padding-right: 50px;
			}

			.cart-page .cart {
				margin: 0 0 35px;
				border-width: 1px 1px 0;
				border-style: solid;
				border-color: #ddd;
			}

				.cart-page .cart .cart-row.cart-header {
					padding: 8px 0;
					font-size: 13px;
					font-weight: 700;
					color: #787878;
					background: #f5f5f5;
				}

				.cart-page .cart .cart-row {
					margin: 0;
					padding: 5px 0;
					border-bottom: 1px solid #ddd;
				}

				.cart-page .cart .cart-row .name {
					padding-top: 5px;
					padding-bottom: 5px;
				}

					.cart-page .cart .remove {
						display: inline-block;
						padding: 0 6px;
					}

			.cart-page .all-price {
				margin: 0 0 25px;
				border-width: 1px 1px 0;
				border-style: solid;
				border-color: #ddd;
			}

				.cart-page .all-price > .row {
					margin: 0;
					border-bottom: 1px solid #ddd;
				}

					.cart-page .all-price > .row > div {
						padding-top: 8px;
						padding-bottom: 8px;
					}

					.cart-page .all-price .bg {
						color: #000;
						background: #f5f5f5;
					}

			.cart-page .cart-page h3 {
				margin: 0 0 20px;
				text-transform: uppercase;
			}

			.cart-page form {
				margin-bottom: 60px;
			}

			.cart-page .logo-content {
				/* margin-top: 50px; */
				width: 200px;
			}
			.cart-row .name span {
				display: block;
				font-size: 9pt;
				font-weight: normal;
			}
			/* Required */
			input.required.bad {
				background: #fff url("/images/valid_x.png") no-repeat right;
				padding-right: 26px;
			}
			input.required.good {
				background: #fff url("/images/valid_check.png") no-repeat right;
				padding-right: 26px;
			}
			select.required.bad {
				background: #fff url("/images/valid_x.png") no-repeat right 10px center;
				padding-right: 52px;
			}
			select.required.good {
				background: #fff url("/images/valid_check.png") no-repeat right 10px center;
				padding-right: 52px;
			}

			.optiongroup {
				width: 78%;
				display: inline-block;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
				margin-bottom: 0px;
			}

/* Social icons */


/* Shared */
.social_container {
	margin-bottom: 50px;
}
.socialBtnCont {
	display: inline-block;
}
.loginBtn {
  box-sizing: border-box;
  position: relative;
  width: 15em;
  margin: 0.2em;
  padding: 0 15px 0 46px;
  border: none;
  text-align: left;
  line-height: 34px;
  white-space: nowrap;
  border-radius: 0.2em;
  font-size: 16px;
  color: #FFF;
}
.loginBtn:before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 34px;
  height: 100%;
}
.loginBtn:focus {
  outline: none;
}
.loginBtn:active {
  box-shadow: inset 0 0 0 32px rgba(0,0,0,0.1);
}


/* Facebook */
.loginBtn--facebook {
  background-color: #4C69BA;
  background-image: linear-gradient(#4C69BA, #3B55A0);
  font-family: "Helvetica neue", Helvetica Neue, Helvetica, Arial, sans-serif;
  text-shadow: 0 -1px 0 #354C8C;
}
.loginBtn--facebook:before {
  border-right: #364e92 1px solid;
  background: url('/pictures/icon_facebook.png') 6px 6px no-repeat;
}
.loginBtn--facebook:hover,
.loginBtn--facebook:focus {
  background-color: #5B7BD5;
  background-image: linear-gradient(#5B7BD5, #4864B1);
}


/* Google */
.loginBtn--google {
  font-family: "Roboto", Roboto, arial, sans-serif;
  background: #DD4B39;
}
.loginBtn--google:before {
  border-right: #BB3F30 1px solid;
  background: url('/pictures/icon_google.png') 6px 6px no-repeat;
}
.loginBtn--google:hover,
.loginBtn--google:focus {
  background: #E74B37;
}
.socialLoginSignup {
	margin: 20px 0px;
}

/* RESPONSIVE
================================================== */

/*
	Large devices
*/

@media screen and (max-width: 767px) {
	video {
		display: none;
	}
	.mobilapp h4.appsubtitle {
		font-size: 1.8em;
	}
	.mobilapp h3.apptitle {
		font-size: 3.167em;
	}
	.mobilapp .appcontent {
		max-width: 90%;
		text-align: center;
	}
/*
	.menu > div > ul {
		display: block !important;
	}
*/
}


/*
	Medium devices
*/

@media screen and (max-width: 1500px) {
	#sublogo {
		margin: -55px auto 0;
	}
.gotofelsodiv{
display:none;
}

}

@media screen and (max-width: 1500px) {
	#mainlogo {
		top: 20%;
	}
}

	
@media screen and (max-width: 1201px) {

	.item-box.space-around {
		padding: 0;
	}

	.header .logo {
		top: 35%;
	}

}

/*
	Small devices
*/

@media screen and (max-width: 991px) {

	.icon-tab li {
		font-size: 20px;
	}

		.icon-tab li a i {
			font-size: 80px;
		}

}

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

	/*
		Menu
	*/

	.menu li.menu-cart a img {
		display: none;
	}

	.menu li a {
		/* font-size: 16px; */
		padding-left: 16px;
		padding-right: 16px;
		font-size: 32px;
		line-height: 25px;
		font-weight: 700;
	}

	/*
		Parallax
	*/

	.parallax {
		height: 450px;
	}

	/*
		Item box
	*/

	.item-box figure:after {
		-webkit-background-size: 100% 100%;
				background-size: 100% 100%;
	}
	.item-section {
		padding-left: 0px;
	}
	.header .logo {
		top: 20%;
	}
	.header .underlogo {
		bottom: 5%;
		margin-top: 30px;
		background-repeat: no-repeat;
		background-position: center;
	}


	#mainlogo {
		top: 12%;
	}

}

/*
	Extra small devices
*/

@media screen and (max-width: 767px) {

	/*
		Header
	*/
/*
	.header .logo {
		top: 0;
		margin-top: 40px;
		width: 200px;
		height: 240px!important;
		-webkit-background-size: 200px 86px;
				background-size: 200px 86px;
	}
*/
	.header .logo {
		top: 50px;
		width: 166px!important;
		-webkit-background-size: 166px 160px!important;
				background-size: 166px 160px!important;
		height: 550px!important;
	}
  .spparallax .logo {
		top: 130px;
	}

	.header .underlogo {
		bottom: 5%;
		margin-top: 30px;
		background-repeat: no-repeat;
		background-position: center;
	}


	#mainlogo {
		top: 10%;
	}

	.top-bar {
   top: 10px;
	 right: 10px;
	}
	/*
	.top-bar ul li.status-open,
	.top-bar ul li.status-close  {
		padding: 0px 14px;
	} */
	/*
		Menu
	*/
 /*
	.menu,
	.menu.fixed {
		position: static;
		margin: 0;
	}
	*/
	.menu.fixed .menuToggle {
		/* margin-top: 40px; */
		margin-top: 10px;
	}
	.menu ul {
		display: none;
	}

	.menu li {
		width: 100%;
	}

	.menu li a {
		/* font-size: 20px; */
		font-size: 32px;
		line-height: 25px;
		font-weight: 700;
	}

	.menu li a:after {
		display: none;
	}

	.menu .menu-cart {
		position: fixed;
		right: 0;
		bottom: 0;
		left: 0;
		margin: 0;
		text-align: center;
		background: #000;
		z-index: 1000;
	}

	.menu .menu-cart a {
		display: block;
		padding: 13px 0;
		font-weight: bold;
		font-size: 22px;
	}
	/*
	 Mobil App
	 */
	.appcontainer {
		padding-left: 20px;
	}
	.mobilapp {
		padding-bottom: 20px;
	}
	.mobilapp .appicons {
		text-align: center;
	}
	.mobilapp .wrap {
			height: 450px;
			position: relative;
	}
	/*
		Header
	*/

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

	/*
		Footer
	*/

	.footer-logo img {
		width: 200px;
	}

	/*
		Parallax
	*/

	.parallax {
		height: 350px;
		z-index: -1;
	  margin-top: -100px;
	}

	/*
		Icon tab
	*/

	.icon-tab li {
		width: 33.3333333%
	}

		.icon-tab li.active a:after {
			display: none;
		}

			.icon-tab li a i {
				font-size: 50px;
			}

	/*
		Item horizontal
	*/

	.item-section {
		padding-left: 15px;
	}

		.item-section-icon {
			font-size: 40px;
		}

	.item-horizontal .top .title,
	.item-horizontal .top .price {
		float: none;
	}

	.item-horizontal .top .price {
		margin-top: 5px;
	}

	.item-horizontal .text-right {
		text-align: left;
	}

	.item-horizontal.has-picture {
		padding-top: 90px;
		padding-left: 0;
	}

	.item-horizontal.has-picture figure {
		// width: 80px;
		// height: 80px;
	}
	.item-horizontal figure {
		width: 100%;
		height: 100%;
		position: relative;
		padding-bottom: 15px;
	}
	.productimage {
		margin: auto auto;
    display: block;
	}
	/*
		Map
	*/

	.map iframe {
		height: 250px;
	}

	#popup-cart .popup-section,
	#mobilpopup-cart .popup-section,
	#infopopup-cart .popup-section {
 	 padding-left: 0;
 	 padding-right: 0;
  }

	.btn-black {
		padding-left: 10px;
		padding-right: 10px;
	}

	.sale {
		width: 20%;
		right: 50px;
		left: auto;
		position: absolute;
		top: 12%;
	}
}


@media screen and (max-width: 407px) {
	/* .header .logo {
		height: 180px!important;
	} */
	/*
	.menu .menuToggle {
		margin-top: 80px;
	}
	.menu.fixed .menuToggle {
		margin-top: 80px;
	} */
	.header .logo {
		top: 30px !important;
	}
	.section-top-border {
		padding-top: 20px;
	}
	.menu .menuToggle {
		margin-left: 5px;
		text-align: left;
	}
	.header .logo {
		top: 20px;
	}
	.mobilapp .wrap {
	    height: 250px;
	    position: relative;
	}
	.cart-page {
	 padding-left: 20px;
	 padding-right: 20px;
	}
	.item-section {
	 padding-left: 0px;
	}
	.item-horizontal .top .price {
	 float:left;
	 max-width: 160px;
	 font-size: 22px;
	}
	.item-horizontal .top .price s {
	 display: block;
	}
	.login-urlhidden-xs {
	  display: none;
	}
	.top-bar ul li.status-close, .top-bar ul li.status-open {
	 padding-left: 4px;
	 padding-right: 4px;
	}
}

.videof {
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    /* background: url(/assets/start.jpg) no-repeat 50%; */
    background-size: cover;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.videolayer {

	z-index: 1;
	background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(0,0,0,0.5) 20%, rgba(0,0,0,0.5) 80%, rgba(0,0,0,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.5) 20%,rgba(0,0,0,0.5) 80%,rgba(0,0,0,1) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.5) 20%,rgba(0,0,0,0.5) 80%,rgba(0,0,0,1) 100%);
	opacity: 0.5;
}

.styled-select {
  background: url('../images/arrow.jpg') no-repeat right center;
  background-color: #dbdfe2;
	height: 33px;
	overflow: hidden;
	border-radius: 5px;
}

.selectTabCategory {
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 background: transparent;
}



.cart-row-title{
display:none;	
}


.cart-page form {
    margin-bottom: 0px;
}

@media screen and (max-width: 767px) {

.cart-header{
display:none;	
}

.cart-row-title{
display:inline-block;
font-weight:bold;	
}

.cart-row .name div.cart-row-title {
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
}

.cart .col-xs-4{
width:100%	
}

}



.calendar input.form-control{
    display: inline-block!important;
	width:80%
}

.calendar input.form-control, .calendar input.form-control:focus {
font-family: 'Josefin Slab', Arial, sans-serif!important;
}
.discount input.form-control, .discount input.form-control:focus {
font-family: 'Josefin Slab', Arial, sans-serif!important;
}

.discount textarea{
color: #000;	
}

.textfield{display:inline-block!important;padding:4px 6px!important;margin-bottom:10px!important; }

.bigfont{
font-size:20px;	
}

.input-append .add-on, .input-prepend .add-on {
    display: inline-block!important;
   /* width: auto!important;
    height: 16px!important;
    min-width: 16px!important; */
    padding: 4px 5px!important;
    font-size: 14px!important;
    font-weight: normal!important;
    line-height: 16px!important;
    text-align: center!important;
    text-shadow: 0 1px 0 #ffffff!important;
    background-color: #eeeeee!important;
    border: 1px solid #ccc!important;
}


[class^="icon-calendar"], [class*=" icon-calendar"] {
    display: inline-block!important;
    width: 14px!important;
    height: 14px!important;
    *margin-right: .3em!important;
    line-height: 14px!important;
    vertical-align: text-top!important;
    background-image: url("../js/glyphicons-halflings.png")!important;
    background-position: 14px 14px!important;
    background-repeat: no-repeat!important;
    margin-top: 1px!important;
}
.icon-calendar {
    background-position: -192px -120px!important;
}

.footercard img{
	height:50px;
}

@media screen and (max-width: 767px) {
.footercard img{
	height:30px;
}
}