/* ============================ Reset css rules ========================== */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
  display: table;
}

/* ============================ Basic Classes ============================ */

.last{ margin-right: 0px !important; }
.fl { float: left !important; }
.fr { float: right !important; }
.right { text-align: right; }
.left { text-align: left; }
.center { text-align: center; }
.justify { text-align: justify; }
.cleaner { clear: both; margin-top: 30px; }
.w-100 { width: 100%; }

.row { width: 100%; display: block; position: relative; clear: both; =zoom: 1; }
.row:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.row-main { width: 980px; margin: 0 auto; }

/* zaporne marginy */
.col { position: relative; float: left; left: 100%; }

.col-left-side { width: 215px; margin-left: -980px; }
.col-right-side { width: 725px; margin-left: -725px; }
.col-full { margin-left: -980px; width: 980px; }

.col-1 { margin-left: -980px; width: 980px; }

.col-1-2 { width: 470px; margin-left: -980px; }
.col-2-2 { width: 470px; margin-left: -470px; }

.col-1-3 { width: 300px; margin-left: -980px; }
.col-2-3 { width: 300px; margin-left: -640px; }
.col-3-3 { width: 300px; margin-left: -300px; } 

.col-1-4 { width: 215px; margin-left: -980px; }
.col-2-4 { width: 215px; margin-left: -720px; }
.col-3-4 { width: 215px; margin-left: -465px; }
.col-4-4 { width: 215px; margin-left: -215px; }

/* ============================ basic style ============================ */

body { background: url('../img/bg-body.jpg') no-repeat scroll 50% 0 #fff; font-family: 'dinpro-regular', sans-serif; font-size: 13px; letter-spacing: 0; text-align: left; color: #5b5b5b; line-height: 1.4; }
body.hp { background: url('../img/bg-body-hp.jpg') no-repeat scroll 50% 0 #fff; }

.cont { background: url('../img/bg-middle.png') repeat scroll 0 0 transparent; padding: 30px 40px; }

.text-green { color: #71ab38; }
.text-red { color: #d03e1c; }

/* border radius */

.header-middle .cont, .footer-middle .cont, ul.bjqs-markers, ul.side-menu, .tabs ul.tab-links li, .tabs ul.tab-links li a { -webkit-border-radius: 3px; border-radius: 3px; }
.main-menu, .accordion-content, .product-filter, .paging, .contact-slider, .contact form, .preview .info .product-add-to-cart-form, .preview .info, .preview .image, .preview .image img { -webkit-border-radius: 0px 0px 3px 3px; border-radius: 0px 0px 3px 3px; }
.main-menu ul li:first-child a.home, .main-menu ul li:first-child.active { -webkit-border-radius: 0px 0px 0px 3px; border-radius: 0px 0px 0px 3px; }
a.weight { -webkit-border-radius: 3px 0px 0px 3px; border-radius: 3px 0px 0px 3px; }
a.wellness { -webkit-border-radius: 0px 3px 3px 0px; border-radius: 0px 3px 3px 0px; }

/* ============================ header ================================= */

.switcher { position: relative; background: url('../img/bg-input-transparent.png') repeat scroll 0 0 transparent; display: inline-block; }
.switcher span.selected { display: inline-block; width: 100px; cursor: pointer; padding: 5px; background: url('../img/switcher.png') no-repeat scroll 95% 50% #388cab; color: #fff; -webkit-box-shadow: inset 2px 2px 3px 1px #2e6579; box-shadow: inset 2px 2px 3px 1px #2e6579; text-shadow: 1px 1px 2px #00425a; filter: dropshadow(color=#00425a, offx=1, offy=1); }
.switcher span.selected img { vertical-align: middle; }
.switcher ul { width: 100px; display: none; background: #388cab; -webkit-box-shadow: inset 2px -2px 3px 1px #2e6579; box-shadow: inset 2px -2px 3px 1px #2e6579; }
.switcher ul { position: absolute; z-index: 10; width: 100%; }
.switcher ul li { margin: 0; padding: 0; background: none; }
.switcher ul li a img { vertical-align: middle; }
.switcher ul li a { text-decoration: none; color: #fff; padding: 5px; display: block;text-shadow: 1px 1px 2px #00425a; filter: dropshadow(color=#00425a, offx=1, offy=1); }
.switcher ul li a:hover { background: #2e6579; }

.header { /*background: url('../img/bg-header.jpg') no-repeat scroll 50% 0 #fff;*/ min-width: 980px; }
.header-top { padding: 10px 0; }
.header-middle {}
.header-bottom {}

.header-top .page-options { display: inline-block; float: right; position: relative; }
.header-top form { display: inline-block; margin: 0 20px 0 0; background: none; padding: 0; border: none; }
.header-top input { font-size: 13px; background: #388cab; margin: 0; padding: 5px 10px; -webkit-box-shadow: inset 2px 2px 3px 1px #2e6579; box-shadow: inset 2px 2px 3px 1px #2e6579; border-top: 1px solid #2e6579; border-left: 1px solid #2e6579; border-bottom: 1px solid #38778d; border-right: 1px solid #38778d; color: #fff; font-weight: bold; text-shadow: 1px 1px 2px #00425a; filter: dropshadow(color=#00425a, offx=1, offy=1); }
.header-top .site-search { display: inline-block; }

div.snize-ac-results li { background: none; padding: 5px; }
div.snize-ac-results li img { display: block; }
div.snize-ac-results li.snize-view-all-link span { padding: 5px; }

.header-middle .cont { border-bottom: 2px solid #b2b2b2; height: 60px; padding: 30px 20px; }

.logo, .we-are-vikings, .welcome, .cart { display: inline-block; float: left; min-height: 57px; }
.logo { width: 180px; }
.we-are-vikings { padding-left: 20px; background: url('../img/we-are.png') no-repeat scroll 0 0 transparent; width: 260px; margin-right: 15px; }
.we-are-vikings > div { text-transform: uppercase; color: #388cab; font-size: 14px; }
.welcome { width: 195px; margin-right: 15px; }
.welcome a.icon { display: inline-block; float: left; margin-right: 8px; width: 57px; }
.welcome a { font-family: 'dinpro-bold', sans-serif; font-size: 112%; }
.cart { width: 255px; }
.cart a.icon { display: inline-block; float: left; margin-right: 8px; width: 57px; }
.cart span.count, .cart span.sum { font-size: 18px; color: #388cab; font-family: 'dinpro-bold', sans-serif; }
.cart ul { margin: 0; padding: 0; }
.cart ul li:first-child { margin: 0; }
.cart ul li { float: left; background: url('../img/bg-li-small.png') no-repeat scroll 0 5px transparent; padding-left: 8px; margin: 0 0 0 10px; }
.cart ul li a { font-size: 110%; }

/* main menu */

a.fb, a.tw, a.yt { display: block; float: left; margin-right: 10px; width: 36px; height: 36px; background: url('../img/bg-social.png') no-repeat scroll 0 0 transparent; }
a.fb { background-position: 0 0; }
a.tw { background-position: -36px 0; }
a.yt { background-position: -72px 0; }
a.fb:hover { background-position: 0 -36px; }
a.tw:hover { background-position: -36px -36px; }
a.yt:hover { background-position: -72px -36px; }

.main-menu { background: url('../img/main-menu-shawow.png') repeat-x scroll 0 0 #39393d; display: inline-block; width: 970px; margin: 0 5px; line-height: 1; position: relative; z-index: 2; }
.main-menu ul { margin: 0; }
.main-menu ul li { background: none; float: left; padding: 0; margin: 0; }
.main-menu ul li.active { color: #fff; background: url('../img/main-menu-shawow.png') repeat-x scroll 0 0 #388cab; }
.main-menu ul li a { border-bottom: 2px solid #000; padding: 30px 15px; text-decoration: none; display: block; color: #fff; font-size: 15px; text-transform: uppercase; font-family: 'dinpro-medium', sans-serif; }
.main-menu ul li a.home { text-indent: -9999px; width: 28px }
.main-menu ul li a.home:after { position: absolute; width: 15px; height: 15px; content: " "; top: 30px; left: 22px; background: url('../img/home.png') no-repeat scroll 0 0 transparent; }
.main-menu ul li a:hover { color: #fff; background: url('../img/main-menu-shawow.png') repeat-x scroll 0 0 #388cab; border-color: #286277; }
.main-menu ul li.active a { border-color: #286277; }

/* hp slider */
.slider-container { position: relative; z-index: 0; top: -8px; }
ul.bjqs { position: relative; list-style: none;padding: 0;margin: 0;overflow: hidden; display: none; }
li.bjqs-slide { position: absolute; display: none; padding: 0; margin: 0; background: none; }
ul.bjqs-controls { list-style: none;margin: 0;padding: 0;z-index: 9999; }
ul.bjqs-controls.v-centered li a { position: absolute; }
ul.bjqs-controls.v-centered li.bjqs-next a { right: -60px;  }
ul.bjqs-controls.v-centered li.bjqs-prev a { left: -60px; }
li.bjqs-next a, li.bjqs-prev a { text-indent: -9999px; display: block; width: 43px; height: 43px; background: url('../img/bg-slider-controls.png') no-repeat scroll 0 0 transparent; }
li.bjqs-next a { background-position: -43px 0; }
li.bjqs-prev a { background-position: 0 0; }
li.bjqs-next a:hover { background-position: -43px -43px; }
li.bjqs-prev a:hover { background-position: 0 -43px; }
li.bjqs-next a:active { background-position: -43px -86px; }
li.bjqs-prev a:active { background-position: 0 -86px; }
ul.bjqs-markers { list-style:  none; padding:  0; margin: 0; position: absolute; bottom: 70px; left: 0; padding: 5px; background: #fff; display: inline-block; }
ul.bjqs-markers.h-centered { text-align:  center; }
ul.bjqs-markers { border-bottom: 2px solid #d0cfce; }
ul.bjqs-markers li:first-child { margin: 0; }
ul.bjqs-markers li { display: inline; background: none; float: left; margin: 0 0 0 5px; padding: 0; }
ul.bjqs-markers li a { display: block; width: 10px; height: 10px; background: #d7d7d7; text-indent: -9999px; }
ul.bjqs-markers li.active-marker a { background: #388cab; }
p.bjqs-caption { display: block; width: 96%;margin: 0;padding: 2%;position: absolute;bottom: 0; }

.sections { position: absolute; bottom: -100px; height: 165px; z-index: 1000; }
.sections ul { text-align: center; display: table; }
.sections ul li { float: left; width: 245px; margin: 0; padding: 0; background: none; }
.sections ul li a { padding: 105px 0 15px 0; text-transform: uppercase; text-shadow: 1px 1px 1px #12374b; filter: dropshadow(color=#12374b, offx=1, offy=1); display: block; width: 100%; height: 100%; font-size: 30px; font-family: 'dinpro-bold', sans-serif; color: #fff; text-decoration: none; background: url('../img/sections.png') no-repeat scroll 0 0; }
.sections ul li a.weight { background-color: #388cab; background-position: 0 0; border-bottom: 2px solid #3e7285; }
.sections ul li a.strength { background-color: #2f7fa0; background-position: -245px 0; border-bottom: 2px solid #305f72; }
.sections ul li a.condition { background-color: #277294; background-position: -490px 0; border-bottom: 2px solid #244d5f; }
.sections ul li a.wellness { background-color: #206588; background-position: -735px 0; border-bottom: 2px solid #1b3d4d; }
.sections ul li a:hover { background-color: #71ab38 !important; border-bottom: 2px solid #4a6f25; }
.sections ul li a.weight:hover { background-position: 0 -165px; }
.sections ul li a.strength:hover { background-position: -245px -165px; }
.sections ul li a.condition:hover { background-position: -490px -165px; }
.sections ul li a.wellness:hover { background-position: -735px -165px; }

/* breadcrumb menu */

.breadcrumb { padding: 10px 0 10px 25px; font-size: 13px; margin-bottom: 10px; }
.breadcrumb a { background: url("../img/breadcrumb-arrow.png") no-repeat scroll right 50% transparent; margin-right: 15px; padding-right: 25px; }

/* ============================ content ================================ */

.content { /*background: url('../img/bg-content.jpg') no-repeat scroll 50% 0 #fff;*/ display: inline-block; width: 100%; min-width: 980px; padding: 0 0 20px 0; }

.content .col-right-side { padding-top: 20px; }

.content .col-left-side h2 { font-size: 20px; }

.content .col-full { padding-top: 50px; }

.hp .content { padding-top: 50px; }
.hp .content h1 { padding: 40px 0 20px 0; text-align: left; }

/* side menu */

ul.side-menu { background: #f5f5f0; border-top: 2px solid #e2e2dd; border-bottom: 2px solid #e2e2dd; margin-bottom: 40px; }
ul.side-menu li { margin: 0; padding: 0; background: none; }
ul.side-menu li a { display: block; text-decoration: none; color: #39393d; }
ul.side-menu li a:hover { text-decoration: underline; }
ul.side-menu > li:first-child { border-top: none; }
ul.side-menu > li:first-child a { border-top: none; }
ul.side-menu > li { border-top: 1px solid #e4e2d9; border-left: 2px solid #e2e2dd; border-right: 2px solid #e2e2dd; }
ul.side-menu > li > a { border-top: 1px solid #fff; padding: 15px 10px 15px 15px; font-size: 15px; }
ul.side-menu > li.active { background: #e2e2e2; border-left: 3px solid #fff; border-right: 3px solid #fff; border-top: 1px solid #fff; }
ul.side-menu > li.active > a { border-top: 2px solid #d0d0cc; color: #388cab; font-family: 'dinpro-medium', sans-serif; }
ul.side-menu > li.active > ul { margin: 0; padding: 0 0 10px 0; }
ul.side-menu > li.active > ul > li { padding-left: 18px;  }
ul.side-menu > li.active > ul > li > a { padding: 3px 20px 3px 10px; color: #39393d; background: url('../img/bg-li-small.png') no-repeat scroll 0 7px transparent; }
ul.side-menu > li.active > ul > li.active a { color: #388cab; }

/* side info menu */

ul.information {  }
ul.information li { border-bottom: 1px solid #e2e2dd; margin: 0; background: url('../img/bg-li-small.png') no-repeat scroll 0 15px; }
ul.information li a { text-decoration: none; padding: 10px 0; display: block; color: #39393d; }
ul.information li a:hover { text-decoration: underline; }

/* side items */

.side-items { margin-bottom: 30px; }
.side-items .item { border-bottom: 2px solid #e2e2dd; padding: 30px 0; }
.side-items .item img { display: inline-block; width: 60px; margin-right: 25px; vertical-align: top; }
.side-items .item .info { display: inline-block; width: 125px; }
.side-items .item .info h4 { font-size: 15px; font-family: 'dinpro-regular', sans-serif; margin: 0; }
.side-items .item .info h4 a { text-decoration: none; color: inherit; }
.side-items .item .info h4 a:hover { text-decoration: underline; }
.side-items .item .info span.price { font-size: 20px; font-family: 'dinpro-bold', sans-serif; }
.side-items .item .info .btn { display: block; margin-top: 3px; margin-right: 0; text-align: center; }

/* ambasadors */

.ambasador { margin: 80px 0 0 0; }
.ambasador .amb-link { text-transform: uppercase; text-align: center; color: #388cab; text-decoration: none; font-size: 24px; font-family: 'dinpro-bold', sans-serif; display: block; margin-bottom: 10px; }
.ambasador ul li { background-position: 0 5px; }
.ambasador a { color: #393939; font-size: 15px; }
.ambasador a:hover { color: #388cab; }
.ambasador .text { width: 385px; float: left; }
.ambasador .image { width: 555px; float: right; }
.ambasador .image img { width: 100%; }

.col-full .ambasador { margin-top: 20px; }

/* hp product list */

.product-filter { margin-bottom: 30px; }
.product-filter .display { display: block; height: 48px; }
.product-filter { background: #f5f5f0; border-bottom: 2px solid #e2e2dd; }
.product-filter a.grid, .product-filter a.list { height: 21px; display: inline-block; padding-left: 25px; margin: 13px 10px; line-height: 21px; }
.product-filter a.grid { background: url('../img/bg-filter-grid.png') no-repeat scroll 0 0 transparent; }
.product-filter a.list { background: url('../img/bg-filter-list.png') no-repeat scroll 0 0 transparent; }
.product-filter a.grid.active, .product-filter a.list.active { background-position: 0 -21px; text-decoration: none; cursor: default; color: #39393d; }
.product-filter .display-mode { display: inline-block; float: left; }
.product-filter .sort { display: inline-block; float: right; margin: 10px; }
.product-filter .sort .switcher ul, .product-filter .sort .switcher span.selected { background: #e2e2de !important; -webkit-box-shadow: inset 2px 2px 3px 1px #c6c6c2; box-shadow: inset 2px 2px 3px 1px #c6c6c2;}
.product-filter .sort .switcher ul li a:hover { background: #c6c6c2; }
.product-filter .sort .switcher ul li a, .product-filter .sort .switcher span.selected { color: #39393d; text-shadow: none; filter: dropshadow(color=#e2e2de, offx=0, offy=0); }
.product-filter .sort .label { display: inline-block; margin-right: 5px; margin-left: 25px; } 

h3 + .product-list { margin-top: 40px; }
.product-list { margin-bottom: 40px; }

.product-list ul { margin: 0; padding: 0; display: inline-block; }
.product-list ul + ul { margin-top: 50px; }
.product-list ul li:hover h3 a { text-decoration: underline; }
.product-list ul li:first-child { margin: 0; }
.product-list ul li { margin: 0 0 0 40px; background: none; padding: 0; float: left; width: 215px; text-align: center; }
.product-list ul li .image a { background: url('../img/no-image.jpg') no-repeat scroll 0 0 transparent; display: block; width: 180px; height: 180px; }
.product-list ul li a { text-decoration: none; position: relative; display: block; } 
.product-list ul li a, .product-list ul li a span { display: block; }
.product-list ul li a span.price { text-shadow: 1px 1px 2px #00425a; filter: dropshadow(color=#00425a, offx=1, offy=1); position: absolute; right: 0; bottom: 0; padding-top: 28px; line-height: 1.2; font-family: 'dinpro-bold', sans-serif; font-size: 25px; width: 95px; height: 67px; background: url('../img/bg-price.png') no-repeat scroll 0 0 transparent; color: #fff; text-align: center; }
.product-list ul li a span.currency { font-family: 'dinpro-regular', sans-serif; font-size: 15px; }
.product-list ul li h3 { margin: 0; font-family: 'dinpro-regular', sans-serif; font-size: 16px; }
.product-list ul li h3 a { padding: 20px 0; text-decoration: none; }
.product-list ul li h3 a:hover { text-decoration: underline; color: inherit; }
.product-list ul li a.btn { display: block; margin: 0; }

.product-list.flat ul { width: 100%; }
.product-list.flat ul + ul { margin-top: 0; }
.product-list.flat li { width: 100%; padding: 25px 0; margin: 0; border-bottom: 2px solid #e2e2dd; }
.product-list.flat li .image { width: 169px; display: inline-block; float: left; }
.product-list.flat ul li a span.price { bottom: -20px; right: -25px; }
.product-list.flat li .text { width: 510px; float: right; display: inline-block; text-align: left; float: right; }
.product-list.flat li h3 a { margin: 0 0 10px 0; padding: 0; font-size: 16px; }
.product-list.flat li .btn { display: inline-block; }
.product-list.flat li select { min-width: 30%; width: auto; }

.product-list .formbox form { margin: 0; background: none; border: none; padding: 0; } 
.product-list .formbox select { margin-bottom: 30px; } 

/* products paging */

.paging { border-bottom: 2px solid #e2e2dd; width: 100%; min-height: 33px; background: #f5f5f5; line-height: 0; padding: 5px 0; }
.paging ul { display: inline-block; margin: 0 0 0 5px; }
.paging ul li { background: none; margin: 0 5px 0 0; padding: 0; float: left; }
.paging ul li a { border-top: 1px solid #c6c6c6; border-left: 1px solid #c6c6c6; border-bottom: 1px solid #d9d9d5; border-right: 1px solid #d9d9d5; display: block; padding: 18px 13px 13px 13px; text-decoration: none; color: #39393d; background: #e2e2de; -webkit-box-shadow: inset 2px 2px 8px 0px #c6c6c6; box-shadow: inset 2px 2px 3px 0px #c6c6c6; }
.paging ul li a.next, .paging ul li a.prev, .paging ul li a.start, .paging ul li a.end { text-indent: -9999px; padding: 18px 15px 13px 15px; }
.paging ul li a.next { background: url('../img/bg-paging-next.png') no-repeat scroll 50% 50% #e2e2de; margin-left: 15px; }
.paging ul li a.prev { background: url('../img/bg-paging-prev.png') no-repeat scroll 50% 50% #e2e2de; margin-right: 15px; }
.paging ul li a.end { background: url('../img/bg-paging-end.png') no-repeat scroll 50% 50% #e2e2de; }
.paging ul li a.start { background: url('../img/bg-paging-start.png') no-repeat scroll 50% 50% #e2e2de; }
.paging ul li a:hover { text-decoration: underline; }
.paging ul li.active a { background: #388cab; color: #fff; border: 1px solid #388cab; border-bottom: 2px solid #286277; -webkit-box-shadow: none; box-shadow: none; }
.paging ul li.active a:hover { text-decoration: none; }
.paging span { float: right; margin-right: 20px; margin-top: 18px; }

/* product preview */
.preview .image, .preview .info { margin-bottom: 15px; }
.preview .image { width: 300px; margin-right: 40px; float: left; }
.preview .image img { border: 1px solid #f5f5f0; border-bottom: 3px solid #f5f5f0; display: block; width: 298px; margin-bottom: 30px; }
.preview .info { width: 385px; float: left; background: #f5f5f0; }
.preview .info .label, .preview .info .cost, .preview .info .availability { display: inline-block; vertical-align: top; margin: 0; }
.preview .info .label { width: 60px; margin-right: 10px; }
.preview .info .cost { width: 160px; margin-right: 10px; }
.preview .info .availability { width: 95px; }
.preview .info .availability .warehouse { height: 28px; line-height: 28px; font-size: 13px; display: inline-block; }
.preview .info .availability .warehouse img { vertical-align: middle; margin-right: 5px; }
.preview .info .price { padding: 20px; border-bottom: 1px solid #e2e2dd; }
.preview .info .price .cost span { display: block; }
.preview .info .price .cost span.tax-full { font-size: 25px; color: #388cab; }
.preview .info .price .cost span.tax-full strong { font-size: 35px; line-height: 0; }
.preview .info .product-add-to-cart-form { border-bottom: none; border-top: 1px solid #fff; margin: 0; padding: 0; background: none; color: inherit; }
.preview .info .product-add-to-cart-form h5 { padding: 20px 20px 0 20px; margin: 0; }
.preview .info .product-add-to-cart-form p { margin: 0; padding: 20px; border-bottom: 1px solid #e4e2d9; }
.preview .info .product-add-to-cart-form p + p { border-top: 1px solid #fff; }
.preview .info .product-add-to-cart-form input { padding: 5px; }
.preview .info .product-add-to-cart-form input[name="quantity"] { width: 25px; margin: 0 20px 20px 0; }
.preview .info .product-add-to-cart-form select { padding: 5px; margin-bottom: 20px; width: 130px; vertical-align: middle; }
.preview .info .product-add-to-cart-form label { width: 60px; margin: 0 10px 15px 0; vertical-align: middle; display: inline-block; }
.preview .info .btn { display: block; text-align: center; font-size: 24px; padding: 20px 0; }
.preview .info .btn.ico span { background-position: 0 5px; }
.preview .info table { width: 100%; font-size: 15px; margin: 0; background: #fff; border-top: 2px solid #e2e2dd; }
.preview .info table td { padding: 12px 0; text-align: right; }
.preview .info table td:first-child { text-align: left; }
.preview .info table td img { vertical-align: middle; margin: 0 5px; }
.preview .info .tester { padding: 20px; border-top: 1px solid #fff; display: inline-block; width: 345px; background: none; color: #5b5b5b; border-bottom: none; margin: 0; }
.preview .info .tester .tester-left { display: inline-block; width: 230px; float: left; }
.preview .info .tester .tester-left span { font-size: 20px; font-family: 'dinpro-regular', sans-serif; }
.preview .info .tester .tester-left span + span { margin-left: 20px; font-size: 25px; font-family: 'dinpro-bold', sans-serif; color: #388cab; }
.preview .info .tester .tester-left p { font-family: 'dinpro-regular', sans-serif; font-size: 13px; margin-bottom: 0px; }
.preview .info .tester .tester-right { width: 100px; float: right; }
.preview .info .tester .btn { padding: 10px 20px; display: inline-block; font-size: 15px; margin: 0; float: right; }

.social { width: 300px; }
.social > div { width: 33%; display: block; float: left; }
.social a, .social span { display: inline-block; }

.write-review { line-height: 28px; height: 28px; float: right; margin-bottom: 30px; font-size: 15px; background: url('../img/bg-review.png') no-repeat scroll 0 0 transparent; display: inline-block; padding-left: 33px; }

.recommend { width: 725px; height: 245px; margin-bottom: 50px; }
.recommend p { padding: 90px 200px 40px 30px; font-size: 18px; }

.tabs ul.tab-links { margin-bottom: 30px; display: inline-block; }
.tabs ul.tab-links li { float: left; width: 385px; background: #f5f5f0; margin: 0; padding: 0; }
.tabs ul.tab-links li:first-child { width: 340px; }
.tabs ul.tab-links li a { display: block; color: #39393d; border-bottom: 2px solid #e2e2dd; border-top: 2px solid #fff; text-align: center; font-size: 22px; font-family: 'dinpro-bold', sans-serif; text-transform: uppercase; padding: 20px; text-decoration: none; }
.tabs ul.tab-links li a.active { background: #388cab; color: #fff; padding: 21px 20px; border-color: #286277; border-top: 2px solid #388cab; text-shadow: 2px 2px 2px #286277; filter: dropshadow(color=#286277, offx=2, offy=2); }
.tab-content { display: none; border-bottom: 1px solid #e4e2d9; }

.tab-content form { background: #388cab; padding: 20px; border-bottom: 2px solid #286277; color: #fff; }

.tab-content form input, .tab-content form textarea { background: #3884a0; border: none; color: #fff; -webkit-box-shadow: inset 2px 2px 5px 2px #2a6378; box-shadow: inset 2px 2px 5px 2px #2a6378; }
.tab-content form p { clear: both; }
.tab-content form p.half { width: 322px; float: left; clear: none; }
.tab-content form p.half + p.half { float: right; }
.tab-content form p.half input { width: 302px; }
.tab-content a.btn { margin-right: 20px; }
.tab-content form label { display: block; }
.tab-content form .req { width: 13px; height: 13px; display: inline-block; margin-left: 5px; position: relative; top: 3px; background: url('../img/label-required.png') no-repeat scroll 0 0 transparent; }
.tab-content form textarea { width: 665px; height: 130px; }
.tab-content form .score { margin: 10px 0; display: inline-block; }
.tab-content form input[type="radio"] { margin: 10px 5px; }

.review-item span { color: #393939; }
.review-item .name, .review-item .date { margin: 0 10px 5px 0; padding-right: 10px; border-right: 1px solid #e4e2d9; display: inline-block; }
.review-item .name { font-family: 'dinpro-bold', sans-serif; }
.review-item p { border-top: 1px solid #f0f0f0; padding-top: 8px;}

.panes { margin-bottom: 30px; }

/* order */

.accordion .accordion-button { width: 100%; font-size: 15px; text-transform: uppercase; float: left; background: #f5f5f0; border-bottom: 2px solid #e2e2dd; cursor: pointer; margin-top: 20px; }
.accordion .accordion-button.on  { background: #388cab; color: #fff; border-bottom: 1px solid #286277; }
.accordion .accordion-button span { font-family: 'dinpro-bold', sans-serif; margin: 10px; display: block; height: 26px; line-height: 26px; padding-left: 33px; background: url('../img/accordion.png') no-repeat scroll 0 0 transparent; }
.accordion .accordion-button.on span { background-position: 0 -26px; }
.accordion-content { width: 100%; float: left; background: #388cab; color: #fff; display: none; border-bottom: 2px solid #286277; }
.accordion-content table td, .accordion-content table th { color: #fff; }
.accordion-content hr { background: #286277; }
.accordion-content .inner { padding: 25px; }
.accordion-content .inner form { margin: 0; padding: 0; border: none; }
.accordion-content .inner form input { margin-bottom: 0; margin-right: 20px; padding: 8px; }
.accordion-content .inner label { display: block; margin-bottom: 5px; font-size: 15px; text-shadow: 1px 1px 1px #225669; filter: dropshadow(color=#225669, offx=1, offy=1); }
.accordion-content .inner .shipping select { padding: 10px; width: 100%; }
.accordion-content .inner .shipping input { margin: 0; }
.accordion-content .inner .shipping p { display: inline-block; width: 280px; }
.accordion-content .inner .shipping p + p { margin-left: 40px; }
.accordion-content .inner .transport label { display: inline-block; vertical-align: bottom; }
.accordion-content .inner .transport input[type="radio"] { display: inline-block; margin: 0 5px 0 0; vertical-align: top; }

.checkout-heading { width: 960px; font-size: 15px; font-family: 'dinpro-bold', sans-serif; text-transform: uppercase; background: #f5f5f0; padding: 10px; border-bottom: 2px solid #e2e2dd; cursor: pointer; margin-top: 20px; }
.checkout-heading a { float: right; }
.checkout-heading strong { margin-right: 10px; }
.checkout-content { width: 940px; background: #388cab; color: #fff; border-bottom: 2px solid #286277; display: inline-block; padding: 20px; }
.checkout-content form { border: none; padding: 0; }
.checkout-content h1, .checkout-content h2, .checkout-content h3, .checkout-content h4, .checkout-content a { color: #fff; }
.checkout-content hr { background: #286277; }
.checkout-content .w50 { width: 450px; float: left; }
.checkout-content .w50 + .w50 { margin-left: 40px; }
.checkout-content p.s_total { margin: 0; }
.checkout-content p.s_total:last-of-type { font-size: 2em; text-align: right; }

.order table { width: 100%; margin: 0; color: #5b5b5b; }
.order table td, .order table th { padding: 20px; }
.order table td.cell-name a { display: block; font-size: 16px; text-decoration: none; }
.order table td.cell-name a:hover { text-decoration: underline; }
.order table td.cell-price, .order table td.cell-total { color: #388cab; }
.order table td.cell-price strong, .order table td.cell-total strong { font-size: 20px; }
.order table td.cell-quantity input { margin: 0; -webkit-box-shadow: none; box-shadow: none; }
.order table td.cell-quantity input[type="text"] { background: #e2e2dd; width: 20px; text-align: center; margin-right: 10px; }
.order table td.cell-quantity input[name="reload"] { padding: 0; border: none; background: none; }

.order .total { padding: 40px 0; font-size: 15px; display: inline-block; width: 100%; position: relative; }
.order .total p { margin-bottom: 10px; }
.order .total p.total-price { color: #388cab; font-size: 30px; position: relative; top: 110px; font-family: 'dinpro-bold', sans-serif; text-align: right; }

.order .buttons { border-top: 1px solid #e2e2dd; padding-top: 40px; }

.msg { padding: 14px 15px 10px 40px; margin-bottom: 20px; border-width: 1px; border-style: solid; font-weight: bold; display: block; }
.suc { background: url("../img/msg-success.png") scroll 10px 50% no-repeat #E4FFCA; border-color: #4f8a10; color: #4f8a10; }
.err { background: url("../img/msg-error.png") scroll 10px 50% no-repeat #FFCFD1; border-color: #d5121d; color: #d5121d; }
.war { background: url("../img/msg-warning.png") scroll 10px 50% no-repeat #feefb3; border-color: #9f6000; color: #9f6000; }
.inf { background: url("../img/msg-info.png") scroll 10px 50% no-repeat #bde5f8; border-color: #00529b; color: #00529b; }

span.msg { margin: 15px 0 0 0; }

#cart_form { padding: 0; background: none; border: none; }

/* modal window */

#cart-light-box { display: none; }
.cart-modal { width: 810px; margin: 0 auto; background: #fff; display: inline-block; }
.cart-modal .cart-header { background: #388cab; padding: 20px 30px; border-bottom: 2px solid #286277; font-family: 'dinpro-bold', sans-serif; font-size: 40px; text-transform: uppercase; color: #fff; }
.cart-modal .cart-content { padding: 20px 40px; }
.cart-modal .cart-content span.title { font-size: 40px; color: #388cab; text-transform: uppercase; margin-bottom: 30px; display: block; font-family: 'dinpro-bold', sans-serif; }
.cart-modal .cart-content > .btn { font-size: 20px; padding: 20px; margin: 0; width: 320px; text-align: center; }
.cart-modal.error .cart-header { background: #d5121d; border-color: #b3000a; }

/* Overlay */
#simplemodal-overlay { background-color: #000; }
#simplemodal-container a.modalCloseImg { background: url('../img/cart-modal-close.png') no-repeat scroll 0 0 transparent; width: 36px; height: 36px; display: block; z-index: 100; position: absolute; top: 30px; right: 30px; cursor:pointer; }


/* contact */

.contact .address { width: 255px; font-size: 15px; float: left; }
.contact .map { float: right; }
.contact .map .gmap { width: 425px; height: 380px; margin-bottom: 40px; }
.contact .images { margin-bottom: 40px; }
.contact .images a { display: block; float: left; }
.contact .images a + a { margin-left: 40px; }
.contact .images a img { width: 151px; display: block; }
.contact form { background: #388cab; padding: 20px; border-bottom: 2px solid #286277; color: #fff; }
.contact form input, .contact form textarea { background: #3884a0; border: none; color: #fff; -webkit-box-shadow: inset 2px 2px 5px 2px #2a6378; box-shadow: inset 2px 2px 5px 2px #2a6378; }
.content .form { width: 684px; }
.content form p.half { width: 322px; display: inline-block; float: none; clear: none; }
.content form p.half + p.half { margin: 0 0 0 0; float: right; }
.content form p.half input[type="text"], .content form p.half input[type="password"] { width: 302px; }
.content a.btn { margin-right: 20px; }
.contact form label { display: block; }
form .req { width: 13px; height: 13px; display: inline-block; margin-left: 5px; position: relative; top: 3px; background: url('../img/label-required.png') no-repeat scroll 0 0 transparent; }
.contact form textarea { width: 665px; height: 130px; }

.captcha { margin-top: 52px; }

.contact-slider { border: 1px solid #f5f5f5; border-bottom: 3px solid #e2e2e2; padding: 20px; position: relative; margin-bottom: 30px; }
.list-carousel { margin: 20px auto; width: 640px; }
.list-carousel ul { margin: 0; padding: 0; list-style: none; display: block; }
.list-carousel li { font-size: 15px; text-align: center; color: #388cab; font-family: 'dinpro-bold', sans-serif; background: none; width: 150px; padding: 0; margin: 0 5px; display: block; float: left; }
.list-carousel li span { width: 130px; margin: 0 10px; display: block; }
.list-carousel.responsive { width: auto; margin-left: 0; }
.list-carousel .prev, .list-carousel .next { position: absolute; top: 40%; display: block; width: 26px; height: 26px; background: url('../img/bg-slider-controls-small.png') no-repeat scroll 0 0 transparent; }
.list-carousel .prev { left: 10px; }
.list-carousel .next { right: 10px; background-position: -26px 0; }
.list-carousel .prev:hover { background-position: 0 -26px; }
.list-carousel .next:hover { background-position: -26px -26px; }

/* ============================ page not found ========================= */

body.not-found { background: url('../img/bg-body-nf.jpg') no-repeat scroll 50% 0 #fff; }
.not-found .header-top { padding: 25px 0 0 0; }
.not-found .we-are-vikings, .not-found .we-are-vikings > div { color: #fff; }
.not-found .content { position: relative; z-index: 10; }
.not-found .footer { position: relative; margin-top: -159px; }

.page-not-found { text-align: center; padding:  }
.page-not-found h1 { font-size: 30px; margin-bottom: 0; font-family: 'dinpro-regular', sans-serif; color: #393939; }
.page-not-found h2 { font-size: 70px; margin-top: 0; font-family: 'dinpro-bold', sans-serif; }
.page-not-found p.annot { font-size: 15px; margin-bottom: 60px; }
.page-not-found img  { display: block; float: left; }
.page-not-found .search-bubble  { display: block; text-align: left; float: right; font-family: 'dinpro-light', sans-serif; padding: 80px 0 0 90px; width: 332px; height: 333px; background: url('../img/search-bubble.png') no-repeat scroll 0 0 transparent; }
.page-not-found .search-bubble p { font-size: 20px; margin-bottom: 5px; }
.page-not-found .search-bubble form { background: none; padding: 0; border: none; }
.page-not-found .search-bubble form label { font-size: 20px; color: #5b5b5b; margin-bottom: 10px; }
.page-not-found .search-bubble form input[type="text"] { padding: 7px; background: #ebebeb; margin-right: 6px; }
.page-not-found .search-bubble form .btn { margin: 0; }
.page-not-found .btn { margin-bottom: 20px; font-size: 15px; padding-left: 20px; padding-right: 20px; }

/* ============================ footer ================================= */

.footer { padding: 230px 0 0 0; background: url('../img/bg-footer.jpg') no-repeat scroll 50% 0 transparent; min-width: 980px; }

.footer-top { margin-bottom: 25px; }
.footer-top ul.tip-links { display: inline-block; width: 100%; padding: 0; text-transform: uppercase; text-align: center; font-family: 'dinpro-bold', sans-serif; }
.footer-top ul.tip-links li:first-child { margin: 0; }
.footer-top ul.tip-links li { width: 215px; float: left; margin: 0 0 0 40px; padding: 0; background: none; }
.footer-top ul.tip-links li a { width: 175px; height: 85px; display: block; padding: 130px 20px 0 20px; font-size: 20px; text-decoration: none; background: url('../img/bg-foot-big-links.png') no-repeat scroll 0 0 transparent; }
.footer-top ul.tip-links li a.nutrition { background-position: 0 0; }
.footer-top ul.tip-links li a.advice { background-position: -215px 0; }
.footer-top ul.tip-links li a.fitness { background-position: -430px 0; }
.footer-top ul.tip-links li a.catalog { background-position: -645px 0; }
.footer-top ul.tip-links li a:hover { color: #39393d; }
.footer-top ul.tip-links li a:hover.nutrition { background-position: 0 -215px; }
.footer-top ul.tip-links li a:hover.advice { background-position: -215px -215px; }
.footer-top ul.tip-links li a:hover.fitness { background-position: -430px -215px; }
.footer-top ul.tip-links li a:hover.catalog { background-position: -645px -215px; }

.footer-middle { margin-bottom: 30px; }
.footer-middle .cont { border-bottom: 2px solid #000; }
.footer-middle .text { width: 255px; float: left; margin-right: 30px; font-size: 13px; }
.footer-middle .text p { margin: 0; }
.footer-middle .contact { width: 215px; float: left; margin-right: 30px; }
.footer-middle .contact ul { padding: 0; margin: 0; }
.footer-middle .contact ul li { background: none; padding: 0; margin: 7px 0; }
.footer-middle .email, .footer-middle .phone, .footer-middle .faddress { padding-left: 32px; display: inline-block; min-height: 26px; }
.footer-middle .email { background: url('../img/bg-mail.png') no-repeat scroll 0 0 transparent; }
.footer-middle .faddress { background: url('../img/bg-address.png') no-repeat scroll 0 0 transparent; }
.footer-middle .phone { background: url('../img/bg-phone.png') no-repeat scroll 0 0 transparent; }
.footer-middle .facebook { width: 360px; overflow: hidden; }

.footer-bottom { padding-bottom: 30px; background: url('../img/bg-footer-bottom.jpg') repeat scroll 0 0 transparent; }
.footer-bottom h4 { color: #fff; }
.footer-bottom ul { margin: 30px 0; }
.footer-bottom ul li { background: url('../img/bg-footer-bottom-li.png') no-repeat scroll 0 0 transparent; padding-left: 25px; }
.footer-bottom ul li a { color: #a3a3a3; }
.footer-bottom ul li a:hover { color: #e4e4e4; text-decoration: none; }
.footer-bottom .info { vertical-align: bottom; color: #a3a3a5; font-size: 13px; padding-top: 30px; border-top: 1px solid #2a2a2a; }
.footer-bottom .info span { display: block; padding-top: 10px; }
.footer-bottom img { margin-top: 20px; }
.developed-by { vertical-align: bottom; color: #a3a3a5; float: right; margin: 0; }
a.creator { margin-left: 10px; width: 75px; height:0; padding: 10px 0 17px 0; display: inline-block; background: url("../img/sherwood.png") no-repeat scroll 0 0 transparent; text-indent: -9999px; }
a.creator:hover { background-position: 0 -27px; }

/* ============================ lightbox =============================== */
#lightboxOverlay { position: absolute; top: 0; left: 0; z-index: 9999; background-color: #000; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.80; display: none; }
#lightbox { position: absolute; left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0; font-weight: normal; }
#lightbox img { width: auto; height: auto; }
#lightbox a img { border: none; }
.lb-outerContainer { position: relative; background-color: white; *zoom: 1; width: 250px; height: 250px; margin: 0 auto; }
.lb-outerContainer:after { content: ""; display: table; clear: both; }
.lb-container { padding: 10px; }
.lb-loader { position: absolute; top: 40%; left: 45%; height: 25%; width: 100%; text-align: center; line-height: 0; }
.lb-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
.lb-container > .nav { left: 0; }
.lb-nav a { outline: none; }
.lb-prev, .lb-next { width: 49%; height: 100%; background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); display: block; cursor: pointer; }
.lb-prev { left: 0; float: left; }
.lb-next { right: 0; float: right; }
.lb-prev:hover { background: url(../img/prev.png) left 48% no-repeat; }
.lb-next:hover { background: url(../img/next.png) right 48% no-repeat; }
.lb-dataContainer { margin: 0 auto; padding-top: 5px; *zoom: 1; width: 100%; background: #fff; }
.lb-dataContainer:after { content: ""; display: table; clear: both; }
.lb-data { padding: 0 10px; color: #bbbbbb; }
.lb-data .lb-details { width: 85%; float: left; text-align: left; line-height: 1.1em; }
.lb-data .lb-caption { font-size: 13px; font-weight: bold; line-height: 1em; }
.lb-data .lb-number { display: block; clear: left; padding-bottom: 1em; font-size: 11px; }
.lb-data .lb-close { width: 35px; float: right; padding-bottom: 0.7em; outline: none; }
.lb-data .lb-close:hover { cursor: pointer; }


/* ======================== Buttons styling ======================= */

a.btn { 
   display: inline-block;
   font-family: 'dinpro-bold', sans-serif;
   padding: 10px 20px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   color: #fff;
   text-transform: uppercase;
   text-decoration: none;
   vertical-align: middle;
   margin-right: 5px;
   line-height: 1;
   font-size: 15px;
   cursor: pointer;
  }

a.btn:hover { color: #fff; }

/* Normal state */
  
.green {
  background: #71ab38;
  border-bottom: 2px solid #4a6f25;
  text-shadow: 1px 2px 1px #4a6f25;
  filter: dropshadow(color=#4a6f25, offx=1, offy=2);
}

.gray {
  background: #f5f5f0;
  border-bottom: 2px solid #e2e2dd;
  color: #39393d !important;
}

.blue {
  background: #388cab;
  border-bottom: 2px solid #286277;
  color: #fff !important;
}

/* hover state */

.green:hover {
  background: #4a9600;
}

.gray:hover {
  background: #eaeaea;
}

.blue:hover {
  background: #2a7d9c;
}


/* active state */

.green:active {
  background: #428600; 
}

.gray:active {
  background: #dfdfdf;
}

.blue:active {
  background: #2f728a;
}

/* other buttons style */

a.small { padding: 8px 10px; font-size: 13px; }
a.medium { padding: 15px 20px; }
a.big { font-size: 22px; }

a.btn.ico { padding-left: 15px; }
a.btn.small.ico { padding-left: 10px; }
a.btn.ico span { background: url("../img/bg-btn-add.png") no-repeat scroll 0 50% transparent; padding-left: 26px; display: inline-block; }