*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
div {margin:auto;}
a {outline:0;}
a img {border:none; outline:0;}
p {margin-top:0; padding-top:0; }
p:last-child {margin-bottom: 0; padding-bottom: 0;}
html, body {
	margin:0;
	padding:0;
	width: 100%;
	float: left;
}
/*************** body ***************/
body {
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #222;
    font-weight: 200;
    font-style: normal;
	font-smoothing:antialiased; -webkit-font-smoothing:antialiased;
}
body#offline {
	background-image: none;
}
input[type="submit"], input[type="button"] { -webkit-appearance: none; }
/*************** shadows ***************/
.shadow-xs { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); }
.shadow-sm { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); }
.shadow { box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); }
.shadow-md { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); }
.shadow-lg { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); }
.shadow-xl { box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); }
.shadow-2xl { box-shadow: 0 25px 50px -12px rgba(0, 0, 0,f 0.25); }
.shadow-inner { box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); }
.shadow-outline { box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); }
.shadow-none { box-shadow: none; }

.hover-shadow-xs:hover { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); }
.hover-shadow-sm:hover { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); }
.hover-shadow:hover { box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); }
.hover-shadow-md:hover { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); }
.hover-shadow-lg:hover { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); }
.hover-shadow-xl:hover { box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); }
.hover-shadow-2xl:hover { box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); }
.hover-shadow-inner:hover { box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); }
.hover-shadow-outline:hover { box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); }

/*************** a, img, h, etc ***************/
a {
	color:#000;
	text-decoration:underline;
}
a:hover {
	color:#000;
	text-decoration:underline;
}
img {
	border: 0;
}

/* h1, h2, h3, h4 */
h1 {
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	font-size:36px;
	font-weight:normal;
	color: #000000;
}
h2 { font-family: 'Raleway', Arial, Helvetica, sans-serif; margin:0;padding:0;font-size: 20px; color:#000000; text-transform: none; font-weight:normal; }
h3 { font-family: 'Raleway', Arial, Helvetica, sans-serif; margin:0;padding:0;font-size: 18px; color:#000000; text-transform: none; font-weight:normal; }
h4 { font-family: 'Raleway', Arial, Helvetica, sans-serif; margin:0;padding:0;font-size: 16px; color:#000000; text-transform: none; font-weight:normal; }
/*************** radius ***************/
.radius5 {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
/*************** scroll stuff ***************/

.bg-white {
	background-color: white;
}
.bg-orange {
	background-color: #d19444;
}
.bg-gold {
	background-color: #f4cf81;
}
.bg-gray {
	background-color: #e6e6e6;
}
.bg-dark {
	background-color: #333333 !important;
}
body.uluvilt {
	background-color: #333333 !important;
}
body.onWebshop_1 header {
	background-color: rgba(0,0,0,0.9);
}
body.onWebshop_1 #navWebshop {
	display: block;
}
body.onWebshop_1 #navSite {
	display: block;
}

	#scroll-logo {
		opacity: 0;
		position: absolute;
		left: 0;
		top: 15px;
		width: auto;
		height: 20px;
		  -o-transition:.5s;
		  -ms-transition:.5s;
		  -moz-transition:.5s;
		  -webkit-transition:.5s;
		  transition:.5s;
	}
	#scroll-logo img { height: 20px; width: auto; }
	body.scrolling #scroll-logo {
		opacity: 1;
	}

	body.scrolling header #store-logo {
		opacity: 0;
	}
	/*
		body.scrolling header { height: 90px; }
		body.scrolling header #nav {
		    top: 15px;
		}
		body.scrolling header #navWebshop {
			top: 90px;
		}

		body.scrolling header #navSite {
			top: 90px;
		}
		body.scrolling header.clear {
			background-color: rgba(0,0,0,0.7);
		}
	*/


/*************** header ***************/
header {
	background-color: rgba(0,0,0,0.7);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 41px;
	z-index: 999;
	font-weight: 300;
  -o-transition:.2s;
  -ms-transition:.2s;
  -moz-transition:.2s;
  -webkit-transition:.2s;
  transition:.2s;
}
.col-header { position: relative; }

header.clear {
	background-color: transparent;
}

.bg-topheader {
	background-color: transparent;
}
.row-topheader {
	color: white;
	position: relative;
	text-transform: uppercase;
	text-align: right;
	line-height: 40px;
}
.row-topheader a { color: white; text-decoration: none; }
.row-header {
	color: white;
	position: relative;
}
.topheader-content {
	display: inline-block;
	width: auto;
	margin-right: 20px;
}

#cartWrap {
	display: inline-block;
	cursor: pointer;
}
#cart-sum {
	display: inline-block;
	display: none;
	width: auto;
	margin-left: 20px;
}

#cart {
	position: relative;
	display: inline-block;
	width: 32px;
	color: white;
	padding: 5px 0 0 0;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
	line-height: 40px;
}
#cart div {
	display: flex;
	justify-content: center;
	align-items: center;
}
#cart img {
	display: inline-block;
	vertical-align: middle;
	height: 20px;
}
#cart span#cart-count {
	position: absolute;
	left: 0;
	top: 7px;
	width: 14px;
	line-height: 14px;
	height: 14px;
	background-color: #3c2634;
		-webkit-border-radius: 100%;
		-moz-border-radius: 100%;
		border-radius: 100%;
	font-size: 9px;
	text-align: center;
	color: white;
}
#store-logo {
	display: none;
	position: absolute;
	left: 0;
    top: 20px;
    height: 100px;
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;
}
#store-logo img { width: auto; height: 100%; }
/*************** nav ***************/
#nav {
	margin-right: 20px;
	display: inline-block;
	letter-spacing: 2px;
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;
}
#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: right;
}
#nav ul li {
	position: relative;
	display: inline-block;
	list-style: none;
	margin: 0 0 0 50px;
	padding: 0;
}
#nav ul li a {
	position: relative;
	color: white;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 14px;
	  -webkit-transition: all 0.5s ease;
	  -moz-transition: all 0.5s ease;
	  -o-transition: all 0.5s ease;
	  -ms-transition: all 0.5s ease;
	  transition: all 0.5s ease;
}
#nav ul li a:before {
		content:"";
		position: absolute;
		bottom: -10px;
		height: 1px;
		background-color: white;
		width: 0;
	  -webkit-transition: all 0.5s ease;
	  -moz-transition: all 0.5s ease;
	  -o-transition: all 0.5s ease;
	  -ms-transition: all 0.5s ease;
	  transition: all 0.5s ease;
}
#nav ul li > a:hover:before {
	width: 100%;
}
#nav ul li a:hover { color: white; text-decoration: none; }

#nav ul li.active > a { color: white; }





#navIcon {
	display: none;
}
#navIcon i.navClose { display: none; }
#navIcon i.navOpen { display: block; }

div.subNav { display: none; }

#navWebshop {
	display: none;
	position: fixed;
	top: 41px;
	left: 0;
	width: 100%;
	height: 50px;
	background-color: rgba(0,0,0,0.7);
	color: white;
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;
}
#navWebshop nav {
	margin: 0 auto;
	width: 1400px;
	position: relative;
}
#navWebshop ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
}
#navWebshop ul li {
	position: relative;
	display: inline-block;
	list-style: none;
	margin: 0 50px 0 0;
	padding: 0;
}
#navWebshop ul li a {
	position: relative;
	color: white;
	display: inline-block;
	line-height: 50px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 16px;
	  -webkit-transition: all 0.5s ease;
	  -moz-transition: all 0.5s ease;
	  -o-transition: all 0.5s ease;
	  -ms-transition: all 0.5s ease;
	  transition: all 0.5s ease;
}
#navWebshop ul li a:hover { color: white; text-decoration: none; }
#navWebshop ul li.active > a { color: white; }

#navWebshop ul li.gotMegaNavDrop {position: relative;}
#navWebshop ul li.gotMegaNavDrop:hover div.meganav {
	display: block !important;
}
div.meganav {
	display: none;
	position: absolute;
	top: 50px;
	left: -10px;
	width: 200px;
	height: auto;
	background-color: rgba(0,0,0,0.7);
}
div.meganav a { display: block; width: 100%; padding: 5px 20px; color: white; text-decoration: none; text-transform: uppercase; }
div.meganav a:hover { color: white; text-decoration: none; }


#navSite {
	position: fixed;
	top: 200px;
	left: 0;
	width: 100%;
	height: 50px;
	background-color: rgba(0,0,0,0.7);
	color: white;
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;
}
#navSite nav {
	margin: 0 auto;
	width: 1400px;
	position: relative;
}
#navSite ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
}
#navSite ul li {
	position: relative;
	display: inline-block;
	list-style: none;
	margin: 0 50px 0 0;
	padding: 0;
}
#navSite ul li a {
	position: relative;
	color: white;
	display: inline-block;
	line-height: 50px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 16px;
	  -webkit-transition: all 0.5s ease;
	  -moz-transition: all 0.5s ease;
	  -o-transition: all 0.5s ease;
	  -ms-transition: all 0.5s ease;
	  transition: all 0.5s ease;
}
#navSite ul li a:hover { color: white; text-decoration: none; }

#navSite ul li.active > a { color: white; }



/*************** main ***************/
.container { max-width: 1400px !important; }
#start {
	position: relative;
	float: left;
	width: 100%;
}
#main {
	float: left;
	width: 100%;
}
#mainCheckout {
	float: left;
	width: 100%;
}
/*************** start, content, hero etc ***************/
.startPadd { padding-top: 41px; }
.startPaddWebshop { padding-top: 41px; }
.hero {
	position: relative;
	width: 100%;
	display: flex;
	float: left;
	/*max-height: 1000px;*/
	/*height: 75vh;*/
	background-size: cover;
	background-color: black;
	background-position: center center;
	background-repeat: no-repeat;
}
.hero-content {
	z-index: 11;
	width: 100%;
	display: block;
	color: white;
	font-size: 24px;
	line-height: 32px;
	text-align: center;
}
.hero-content.hasVideo {
	padding: 100px 0;
}
.hero-content a { color: white; text-decoration: none; }
.hero-content a:hover { color: white; text-decoration: underline; }
.hero-content h1 { color: white; font-weight: 800; font-size: 64px; line-height: 52px; letter-spacing: 10px; }
.hero-content h2 { color: white; font-size: 24px; line-height: 32px; }
.hero-content h3 { color: white; font-size: 24px; line-height: 32px; }
.hero-content a.hero-btn {
	font-weight: 400;
	display: inline-block;
	padding: 20px 30px;
	background-color: white;
	font-size: 18px;
	color: black;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
}
.hero-content a.hero-btn:hover {
	background-color: #d19444;
	color: white;
	text-decoration: none;
}
.hero-overlay {
		position: absolute;
		z-index: 10;
		left: 0;
		top: 0;
		width: 100%;height: 100%;
		background-color: rgba(0,0,0,0.4);
	  -webkit-transition: all 0.5s ease;
	  -moz-transition: all 0.5s ease;
	  -o-transition: all 0.5s ease;
	  -ms-transition: all 0.5s ease;
	  transition: all 0.5s ease;
}
.hero-inner {
	height: auto;
	padding-bottom: 100px;
	max-height: none;
}
.hero-inner .hero-content { margin-top: 100px; }


	.startRow {
		padding: 100px 0;
	}
	.startRow-image {}
	.startRow-image  img { max-width: 100%; height: auto; }
	.startVideo {
		position: relative;
		background-size: cover;
		padding: 300px 0;
		text-align: center;
	}
	.startRow-video-text {
		position: relative;
		z-index: 11;
		font-size: 48px;
		color: white;
		font-weight: 800;
		letter-spacing: 10px;
	}
	.video-overlay {
		position: absolute;
		z-index: 10;
		left: 0;
		top: 0;
		width: 100%;height: 100%;
		background-color: rgba(0,0,0,0.4);
	}
	.startRow-bg {}
	.startRow-text {
		font-size: 24px;
		line-height: 32px;
		font-weight: 200;
	}
	.startRow-text h2,.startRow-text h1 {
		text-transform: uppercase;
		font-size: 32px;
		font-weight: 800;
		margin-bottom: 20px;
	}
	.startRow-text a {
		cursor: pointer;
		text-align: center;
		display: inline-block;
		padding: 10px 30px;
		background-color: #ee404a;
		font-size: 24px;
		font-weight: bold;
		text-transform: uppercase;
		text-decoration: none;
		color: white;
			-webkit-border-radius: 25px;
			-moz-border-radius: 25px;
			border-radius: 25px;
	}
	.startRow-text a i {
		padding-top: 3px;
		margin-left: 30px;
		vertical-align: middle;
		float: right;
		font-size: 24px;
		font-weight: bold;
	}
	.startRow-text a:hover {
		background-color: black;
		color: white;
		text-decoration: none;
	}

	.startNewsletter {
		padding-bottom: 100px;
		text-align: center;
	}
	.startNewsletter-text {
		font-size: 18px;
		line-height: 24px;
		font-weight: 200;
	}
	.startNewsletter-text h3 {
		text-transform: uppercase;
		font-size: 32px;
		line-height: 38px;
		margin-bottom: 20px;
	}
	p.termsinfo { font-size: 12px; line-height: 18px; color: #666; }
	.start-newsletterInput {
		box-shadow: none;
		width: 100%;
		font-family: Raleway;
		font-weight: 200;
		font-size: 18px;
		border: 1px solid black;
		background-color: white;
		color: black;
		padding: 10px 20px;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px;
			outline: 0;
	}
	.start-newsletterBtn {
		position: absolute;
		right: 5px;
		top: 11px;
		font-family: Raleway;
		background-color: transparent;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			border: 0;
			outline: 0;
	}
	.start-newsletterForm { width: 100%; max-width: 400px; margin: 20px 0; display: inline-block; position: relative; }




/*************** checkout ***************/

#checkout-header {
	position: relative;
	float: left;
	width: 100%;
	margin-bottom: 20px;
	padding: 20px;
	background-color: rgba(0,0,0,0.9);

}
#checkout-logo {
	float: left;
	width: 100%;
	text-align: center;
}
#checkout-logo img { height: 60px; width: auto; }
#checkout-back {
	position: absolute;
	right: 0;
	bottom: 30px;
}

#checkout-back a {
	border: 0;
	display: inline-block;
	padding: 10px 10px;
	font-size: 16px;
	color: white;
	text-decoration: none;
	color: black;
	cursor: pointer;
	text-transform: uppercase;
	font-weight: 200;
}
#checkout-back a:hover { color: white; text-decoration: underline; }



/*************** toast ***************/


.jq-toast-wrap { width: 100% !important;; max-width: 300px !important; }
.jq-toast-heading { font-size: 18px !important;; line-height: 24px !important; }

/*************** footer ***************/
footer {
	float: left;
	width: 100%;
	background-color: #333;
	color: white;
	padding: 50px 0;
}
footer a { color: white; text-decoration: none; }
footer a:hover { color: white; text-decoration: underline; }
.footer-logo img { width: 100%; height: auto; }
.footer-logo { padding-right: 50px; }
.footer-text {
	font-size: 18px;
	line-height: 32px;
}
.footer-text h1, .footer-text h2, .footer-text h3, .footer-text h4 {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 20px;
}
.footer-credits {
	color: #ccc;
	font-size: 14px;
}
footer div.totop {
	position: absolute;
    right: 0;
    bottom: 0;
    width: 40px;
    height: 20px;
    background-color: white;
    text-align: center;
    color: black;
    cursor: pointer;
    font-size: 12px;
}
footer div.totop i { margin-top: 4px; }

/*************** form ***************/
.field textarea, .form textarea, .field input[type="text"], .field input[type="password"], .form input[type="text"], .form input[type="password"] {
	width: 100%;
	padding: 6px;
	border: 0;
	background-color: #fff;
	resize:none;
	font-size: 14px;
	font-family: 'Raleway', Arial, Tahoma, Helvetica, sans-serif;
	background-image: url(/design/layout-elements/bg-input.png);
	background-position: top left;
	background-repeat: repeat;
	color: #292929;
	margin-bottom: 10px;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ddd;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.075);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.075);
}
.field-readonly {
	background-color: transparent !important;
	background-image: none !important;
	padding: 6px 0 !important;
}
#city {
	cursor: not-allowed;
}
label {
	font-size: 14px;
	width: 100%;
	float: left;
}
.submit {
	float: left;
	border: none;
	margin: 0;
	cursor: pointer;
	font-weight: normal;
	padding: 7px 12px;
	font-family: 'Raleway', Arial, Tahoma, Helvetica, sans-serif;
	font-size: 16px;
	color: #fff;
	background-color: #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.submit:hover {
	border: 0;
	text-decoration: underline;
}
div.error { display: none; }
label.error, .err_msg {
	float: left;
	width: 100%;
	padding-left: 5px;
	color: #941c1e;
	font-size: 12px;
	font-weight: normal;
}
input.product-amount { width: 30px; }
div.cartAmountWrap {
	margin-top: 5px;
	position: relative;
	float: right;
	width: 90px;
	height: 50px;
}
input.cartAmount {
	position: absolute;
	left: 20px;
	top: 0;
	width: 50px;
	line-height: 50px;
	background-color: #fff;
	color: #000;
	border: none;
	padding: 0;
	text-align: center;
	margin: 0;
	height: 40px;
	font-size: 18px;
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
}
input.cartAmountMinus {
	cursor: pointer;
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
	line-height: 40px;
	background-color: #000;
	color: #fff;
	border: none;
	padding: 0;
	margin: 0;
	height: 40px;
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
	font-size: 18px;
}
input.cartAmountPlus {
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0;
	width: 20px;
	line-height: 40px;
	background-color: #000;
	color: #fff;
	border: none;
	padding: 0;
	margin: 0;
	height: 40px;
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
	font-size: 18px;
}

/*************** tns ***************/

  .tns-controls {
    position: absolute;
    left: 0;
    width: 100%;
    top: calc(50% - 50px);
  }
  .tns-controls button[data-controls="prev"], .tns-controls button[data-controls="prev"]:focus {
    background-image: url(/_theme/skaugom/assets/layout/slider-left-black.png);
    background-color: transparent;
    position: absolute;
    left: -50px;
    width: 38px;
    height: 100px;
    top: 0;
    background-repeat: no-repeat;
    background-position: center center;
    text-indent: -9999px;
    border: none;
    outline: 0;
  }
  .tns-controls button[data-controls="next"], .tns-controls button[data-controls="next"]:focus {
    background-image: url(/_theme/skaugom/assets/layout/slider-right-black.png);
    background-color: transparent;
    position: absolute;
    right: -50px;
    width: 38px;
    height: 100px;
    top: 0;
    background-repeat: no-repeat;
    background-position: center center;
    text-indent: -9999px;
    border: none;
    outline: 0;
  }
  .rowProductSlider .tns-controls button[data-controls="prev"], .rowProductSlider .tns-controls button[data-controls="prev"]:focus {
    left: 0;
    background-color: white;
    padding:5px;
    width: 40px;
    height: 40px;
    background-position: center center;
    background-size: 10px;
    	-webkit-border-radius: 100%;
    	-moz-border-radius: 100%;
    	border-radius: 100%;
    z-index: 99;
    box-shadow: 2px 2px 2px rgb(0 0 0 / 10%);
  }
  .rowProductSlider .tns-controls button[data-controls="next"], .rowProductSlider .tns-controls button[data-controls="next"]:focus {
    right: 0;
    background-color: white;
    padding:5px;
    width: 40px;
    height: 40px;
    background-position: center center;
    background-size: 10px;
    	-webkit-border-radius: 100%;
    	-moz-border-radius: 100%;
    	border-radius: 100%;
    z-index: 99;
    box-shadow: 2px 2px 2px rgb(0 0 0 / 10%);
  }


  .tns-nav {
    text-align: center;
    margin-top: 20px;
  }
  .tns-nav button {
      width: 15px;
      height: 15px;
      padding: 0;
      display: inline-block;
      margin: 0 5px;
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      border-radius: 100%;
      outline: 0;
      border: 1px solid rgba(0,0,0,0.2);
      background-color: rgba(0,0,0,0.2);
      box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
  }
  .tns-nav button.tns-nav-active {
      border: 1px solid rgba(0,0,0,0.5);
      background-color: white;
  }


/*************** embed ***************/


/*

embed

*/
.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}

.embed-responsive::before {
  display: block;
  content: "";
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-21by9::before {
  padding-top: 42.857143%;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}
.embed-responsive-9by16::before {
	padding-bottom: 177.78%;
}

.embed-responsive-4by3::before {
  padding-top: 75%;
}

.embed-responsive-1by1::before {
  padding-top: 100%;
}


/*************** class buttons ***************/

	a.btn-md-white {
        cursor: pointer;
        min-width: 250px;
        font-weight: 400;
        text-align: center;
        display: inline-block;
        padding: 20px 30px;
        background-color: white;
        font-size: 18px;
        text-transform: uppercase;
        text-decoration: none;
        color: black;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
	}
	a.btn-xl-white {
        cursor: pointer;
        min-width: 250px;
        font-weight: 400;
        text-align: center;
        display: inline-block;
        padding: 20px 30px;
        background-color: white;
        font-size: 18px;
        text-transform: uppercase;
        text-decoration: none;
        color: black;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
	}

	a.btn-md-green {
	    cursor: pointer;
	    min-width: 300px;
	    font-weight: 200;
	    text-align: center;
	    display: inline-block;
	    padding: 20px 30px;
	    background-color: #ee404a;
	    font-size: 18px;
	    text-transform: uppercase;
	    text-decoration: none;
	    color: white;
	    -webkit-border-radius: 10px;
	    -moz-border-radius: 10px;
	    border-radius: 10px;
	}
	a.btn-xl-green {
	    cursor: pointer;
	    min-width: 300px;
	    font-weight: 200;
	    text-align: center;
	    display: inline-block;
	    padding: 20px 30px;
	    background-color: #ee404a;
	    font-size: 18px;
	    text-transform: uppercase;
	    text-decoration: none;
	    color: white;
	    -webkit-border-radius: 10px;
	    -moz-border-radius: 10px;
	    border-radius: 10px;
	}



/*************** alert messages ***************/
.alert {
	float: left;
	width: 100%;
	padding: 10px 20px;
	font-size: 18px;
	margin-bottom: 20px;
	text-align: center;
  box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.3);
}
.alert-danger {
	color: #fff;
	background-color: #a94442;
	border-color: #a94442;
}
.alert-success {
	color: #fff;
	background-color: #000;
	border-color: #000;
}
.text-danger { color: #a94442;}
.field-error { color: #a94442; display: inline-block; margin-top: -4px; margin-bottom: 8px; }

/*************** custom ***************/
img.max100 { max-width: 100%; height: auto; }
a.clicker { position: absolute;
			left: 0; top: 0; width: 100%; height: 100%; display: block; z-index: 102; }
.relative { position: relative; }
.text-center { text-align: center; }
.p-0 { padding: 0 !important; }
.p-10 { padding: 10px !important; }
.p-20 { padding: 20px !important; }
.p-30 { padding: 30px !important; }
.p-40 { padding: 40px !important; }
.p-50 { padding: 50px !important; }
.p-100 { padding: 100px !important; }

.pl-0 { padding-left: 0 !important; }
.pl-10 { padding-left: 10px !important; }
.pl-20 { padding-left: 20px !important; }
.pl-30 { padding-left: 30px !important; }
.pl-40 { padding-left: 40px !important; }
.pl-50 { padding-left: 50px !important; }
.pl-100 { padding-left: 100px !important; }

.pr-0 { padding-right: 0 !important; }
.pr-10 { padding-right: 10px !important; }
.pr-20 { padding-right: 20px !important; }
.pr-30 { padding-right: 30px !important; }
.pr-40 { padding-right: 40px !important; }
.pr-50 { padding-right: 50px !important; }
.pr-100 { padding-right: 100px !important; }

.pb-0 { padding-bottom: 0 !important; }
.pb-10 { padding-bottom: 10px !important; }
.pb-20 { padding-bottom: 20px !important; }
.pb-30 { padding-bottom: 30px !important; }
.pb-40 { padding-bottom: 40px !important; }
.pb-50 { padding-bottom: 50px !important; }
.pb-100 { padding-bottom: 100px !important; }

.pt-0 { padding-top: 0 !important; }
.pt-10 { padding-top: 10px !important; }
.pt-20 { padding-top: 20px !important; }
.pt-30 { padding-top: 30px !important; }
.pt-40 { padding-top: 40px !important; }
.pt-50 { padding-top: 50px !important; }
.pt-100 { padding-top: 100px !important; }


.m-0 { margin: 0; }

.ml-0 { margin-left: 0; }
.ml-10 { margin-left: 10px; }
.ml-20 { margin-left: 20px; }
.ml-30 { margin-left: 30px; }
.ml-40 { margin-left: 40px; }
.ml-50 { margin-left: 50px; }
.ml-100 { margin-left: 100px; }


.mr-0 { margin-right: 0; }
.mr-10 { margin-right: 10px; }
.mr-20 { margin-right: 20px; }
.mr-30 { margin-right: 30px; }
.mr-40 { margin-right: 40px; }
.mr-50 { margin-right: 50px; }
.mr-100 { margin-right: 100px; }

.mt-0 { margin-top: 0; }
.mt-10 { margin-top: 10px; }
.mt-20 { margin-top: 20px; }
.mt-30 { margin-top: 30px; }
.mt-40 { margin-top: 40px; }
.mt-50 { margin-top: 50px; }
.mt-100 { margin-top: 100px; }

.mb-0 { margin-bottom: 0; }
.mb-10 { margin-bottom: 10px; }
.mb-20 { margin-bottom: 20px; }
.mb-30 { margin-bottom: 30px; }
.mb-40 { margin-bottom: 40px; }
.mb-50 { margin-bottom: 50px; }
.mb-100 { margin-bottom: 100px; }



.mt-0 { margin-top: 0; }
.mt-20 { margin-top: 20px; }
.mt-50 { margin-top: 50px; }
.mt-100 { margin-top: 100px; }

.mb-0 { margin-top: 0; }
.mb-20 { margin-bottom: 20px; }
.mb-50 { margin-bottom: 50px; }

.f24 { font-size: 24px; }
.f20 { font-size: 20px; }
.mart60 { margin-top: 60px; }
.mart50 { margin-top: 50px; }
.mart40 { margin-top: 40px; }
.mart30 { margin-top: 30px; }
.marb60 { margin-bottom: 60px; }
.marb50 { margin-bottom: 50px; }
.marb40 { margin-bottom: 40px; }
.marb30 { margin-bottom: 30px; }
.marb10 { margin-bottom: 10px; }
.w100p { width: 100%; }
.w50p { width: 50%; }
.w50 { width: 50%; }
.tleft{ text-align: left; }
.tright { text-align: right; }
.text-right { text-align: right; }
.tcenter { text-align: center; }
.fright { float: right; }
.fleft { float: left; }
.clean { margin-right: 0 !important; }
.last { margin-right: 0 !important; }
.center-wrap { margin: 0 auto; position: relative; width: 1150px; }
.center { margin: 0 auto; position: relative; width: 1150px; }
.no-overflow { overflow: visible; }
span.req { color: #941c1e; }
.open { display: block; }
.closed { display: none; }
.hidden { display: none; }
.f14 { font-size: 14px; }
.f13 { font-size: 13px; }
.f12 { font-size: 12px; }
.hajd { display: none; }
.show { display: block !important; }
.half-left { float: left; width: 50%; padding-right: 10px; }
.half-right { float: right; width: 50%; padding-left: 10px; }
div.hr { float: left; width: 100%; height: 1px; margin: 20px 0; background-color: #eee; }
.mart0 { margin-top: 0; }
.mart5 { margin-top: 5px; }
.mart10 { margin-top: 10px; }
.mart20 { margin-top: 20px; }
.mart30 { margin-top: 30px; }
.mart40 { margin-top: 40px; }
.mart50 { margin-top: 50px; }

/*************** checkout ***************/
body.checkout { padding-left: 0; }
body.checkout footer { display: none; }
body.checkout header { display: none; }
body.checkout #start { padding-top: 0; }
body.checkout #sideDrawer { display: none; }

/*************** media queries ***************/
.hidedesk { display: none !important; }
@media (min-width: 1200px) {
	.hidedesk { display: none !important; }
}
@media (max-width: 1400px) {
	.container { max-width: 100% !important; }
}
@media (max-width: 1200px) {
}
@media (max-width: 992px) {
	.showmob { display: block !important; }
	.hidelg { display: none; }
}

@media (max-width: 768px) {
	.hidemd { display: none; }

	.text-md-left { text-align: left; }
	.text-md-center { text-align: center; }
	.text-md-right { text-align: right; }

	.mml-0 { margin-left: 0 !important; }
	.mml-10 { margin-left: 10px !important; }
	.mml-20 { margin-left: 20px !important; }
	.mml-30 { margin-left: 30px !important; }
	.mml-40 { margin-left: 40px !important; }
	.mml-50 { margin-left: 50px !important; }

	.mmr-0 { margin-right: 0 !important; }
	.mmr-10 { margin-right: 10px !important; }
	.mmr-20 { margin-right: 20px !important; }
	.mmr-30 { margin-right: 30px !important; }
	.mmr-40 { margin-right: 40px !important; }
	.mmr-50 { margin-right: 50px !important; }

	.mmt-0 { margin-top: 0 !important; }
	.mmt-10 { margin-top: 10px !important; }
	.mmt-20 { margin-top: 20px !important; }
	.mmt-30 { margin-top: 30px !important; }
	.mmt-40 { margin-top: 40px !important; }
	.mmt-50 { margin-top: 50px !important; }
	.mmt-100 { margin-top: 100px !important; }

	.mmb-0 { margin-bottom: 0 !important; }
	.mmb-10 { margin-bottom: 10px !important; }
	.mmb-20 { margin-bottom: 20px !important; }
	.mmb-30 { margin-bottom: 30px !important; }
	.mmb-40 { margin-bottom: 40px !important; }
	.mmb-50 { margin-bottom: 50px !important; }
	.mmb-60 { margin-bottom: 60px !important; }
	.mmb-70 { margin-bottom: 70px !important; }
	.mmb-80 { margin-bottom: 80px !important; }
	.mmb-90 { margin-bottom: 90px !important; }
	.mmb-100 { margin-bottom: 100px !important; }

	.mm-0 { margin: 0 !important; }
	.mm-10 { margin: 10px !important; }
	.mm-20 { margin: 20px !important; }
	.mm-30 { margin: 30px !important; }
	.mm-40 { margin: 40px !important; }
	.mm-50 { margin: 50px !important; }

	.mp-0 { padding: 0 !important; }
	.mp-10 { padding: 10px !important; }
	.mp-20 { padding: 20px !important; }
	.mp-30 { padding: 30px !important; }
	.mp-40 { padding: 40px !important; }
	.mp-50 { padding: 50px !important; }

	.mpt-0 { padding-top: 0 !important; }
	.mpt-10 { padding-top: 10px !important; }
	.mpt-20 { padding-top: 20px !important; }
	.mpt-30 { padding-top: 30px !important; }
	.mpt-40 { padding-top: 40px !important; }
	.mpt-50 { padding-top: 50px !important; }

	.mpb-0 { padding-bottom: 0 !important; }
	.mpb-10 { padding-bottom: 10px !important; }
	.mpb-20 { padding-bottom: 20px !important; }
	.mpb-30 { padding-bottom: 30px !important; }
	.mpb-40 { padding-bottom: 40px !important; }
	.mpb-50 { padding-bottom: 50px !important; }

	.mpl-0 { padding-left: 0 !important; }
	.mpl-5 { padding-left: 5px !important; }
	.mpl-10 { padding-left: 10px !important; }
	.mpl-15 { padding-left: 15px !important; }
	.mpl-20 { padding-left: 20px !important; }

	.mpr-0 { padding-right: 0 !important; }
	.mpr-5 { padding-right: 5px !important; }
	.mpr-10 { padding-right: 10px !important; }
	.mpr-15 { padding-right: 15px !important; }
	.mpr-20 { padding-right: 20px !important; }

	.mt-100 { margin-top: 50px !important; }
	.mb-100 { margin-bottom: 50px !important; }
}

@media (max-width: 576px) {

}

@media (max-width: 320px) {
}


/*************** corebar ***************/
#wrap.corebar-1 {
}
#corebar {
	display: none;
	float: left;
	width: 100%;
	background-color: #fff;
	font-size: 14px;
	color: #111;
}
.corebar-menu {
	float: left;
	width: 100%;
	height: 30px;
	line-height: 30px;
}
.corebar-menu ul {list-style: none; margin: 0; padding: 0; }
.corebar-menu ul li { float: left; list-style: none; margin: 0; padding: 0; }
.corebar-menu ul li a { display: inline-block; padding: 0 20px; }

.corebar-title {
	float: left;
	width: 100%;
	font-size: 24px;
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 20px 0;
}

.corebar-content {
	float: left;
	width: 100%;
	margin: 0 0 20px 0;
	border-top: 2px solid #eee;
	max-height: 300px;
	height: 300px;
	overflow-y:scroll;
}

.corebar-product-list-50 ul.corebar-product-list-50 { list-style: none; margin: 0; padding: 0; }
ul.corebar-product-list-50 li { float: left; width: 50%; list-style: none;
	margin: 0 0 5px 0;
	padding: 0 10px 5px 0;
	border-bottom: 1px solid #eee;
}
ul.corebar-product-list-50 li a { display: inline-block; padding: 0 20px; }

.corebar-product-box-bar {
	position: absolute;
	right: 10px;
	top: 10px;
	text-align: right;
}
.corebar-product-box-bar a {
	display: inline-block;
	margin-left: 5px;
	padding: 5px;
	background-color: #eee;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		color: #111;
}

/* animate */
#whas { -webkit-transition:top 0.3s ease-out, background 0.3s, width 0.1s ease-out, height 0.1s ease-out; -moz-transition:top 0.3s ease-out, background 0.3s, width 0.1s ease-out, height 0.1s ease-out; -ms-transition:top 0.3s ease-out, background 0.3s, width 0.1s ease-out, height 0.1s ease-out; -o-transition:top 0.3s ease-out, background 0.3s, width 0.1s ease-out, height 0.1s ease-out; transition:top 0.3s ease-out, background 0.3s, width 0.1s ease-out, height 0.1s ease-out; }

/* popup / hide_theme */
body#popup_1 { width:1150px; max-width: 1150px; min-width: 1150px; background: #fff; background-image: none; }
body#popup_1 #main { padding: 0; }
body#popup_1 .center { width: 100%; }
body#popup_1 #start { min-width: 100%; }
body#popup_1 #contentbox { margin: 0; }

/* fancybox */
.fancybox-slide--ajax div {
	max-width  : 80%;
}

/* admin, inline */
.edit-image { position: relative; }
.inlineEditImageBtn {
position: absolute;
right: -5px;
top: -5px;
width: 20px;
height: 20px;
background: white;
color: black;
box-shadow: 2px 2px 2px #444;
line-height: 20px;
text-align: center;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	z-index: 11;
}
.sdfg {}
.sdfg {}
.sdfg {}
.sdfg {}
.sdfg {}
.sdfg {}
.sdfg {}
.sdfg {}
.sdfg {}
.sdfg {}
.sdfg {}
.sdfg {}
.sdfg {}
.sdfg {}