html {font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
overflow-y: scroll;
-webkit-font-smoothing: antialiased;
-webkit-overflow-scrolling: touch;}

body {margin: 0; 
min-width:0px;}
a:focus {outline: thin dotted;}
a:active, a:hover {outline: 0;}

abbr[title] {border-bottom: 1px dotted;}
#header, header {
width:100%;
font-size:22px;
font-weight:400;}
.nodisplay {display:none;}
#logo, #logo a {border:0px;
height: 76px; background:#213343;}
.namered {
font-weight:800;
color:#990000;
position:relative;}

.page-header {clear:both}

h1 {
font-size: 2.25em;
font-weight: 600;
padding: 0;
margin-bottom:0.4em;
color: #990000;
}

h2 {
font-size: 1.828em;
color:#990000;
font-weight: bold;
padding: 0 0 0.296em 0;
margin:0.1em;
line-height:1em;
}

h3 {
font-size: 1.533em;
color:#990000;
font-weight: bold;
padding: 0 0 0.120em 0;
}

h4 {
  font-size: 1.5em;
  line-height: 1.07867;
  margin-top: 0;
  margin-bottom: 1.07867em; }

h5 {
  font-size: 1.22em;
  line-height: 1.07867;
  margin-top: 0;
  margin-bottom: 1.07867em; }


dfn {
  font-style: italic; }

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

code, kbd, pre, samp {font-family: monospace, serif; font-size: 1em; }
pre {white-space: pre-wrap;}

q {quotes: "\201C" "\201D" "\2018" "\2019";}

sub,
sup {font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }

sup {top: -0.5em;}
sub {bottom: -0.25em;}

img {border: 0;}

figure {
margin: 0; }
.mainwrapper {
position:relative;
/*max-width:1200px;
width:90%;*/
margin : 0 auto 40px auto;
}  
#headerwrapper {
background: #213343;
}
#logowrapper {
position:relative;
margin : 0 auto;
background: #213343;
max-width: 1200px;
width: 90%;}
#menuewrapper {background: #476783;}
#menuewr {position:relative;
margin : 0 auto;
max-width: 1200px;}

.wrapper_main {
position:relative;
max-width:1200px;width:90%;
margin: 0 auto;}
.wrapper_gray {background-color:#dfdede;}
.wrapper_textgray {
position:relative;
max-width:1200px;width:90%;
margin: 0 auto;}
@media only screen and (max-width: 480px) {
.wrapper_main, .wrapper_textgray, {
width:100%; padding:0 0 0 10px;} }


p {
line-height:16pt;}

.wrapper_address {
position:relative;
padding-left:15px;
padding-bottom:10px;
font-size:18px;
font-weight:400;
color:#fff;
background:#213343;}

.upaddress {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#990000; padding-top:7px;}
.phone {line-height:8px;
font-size:22px;}

.wrapper {
display:inline-block;
padding: 0em 1em 0em 1em;
}

.iconsdiv {width:100%;
display:block;}

.iconswrapper {
width:50%;
display:block;
margin-left: auto;
margin-right:auto;
background: #CCCCCC;
}

.item-image {
margin-bottom:20px;
padding-right:20px;
}

.pull-left, .pull-right, .pull-center, img[align="left"], img[align="right"] {
display:block;
max-width:100%;
}

.pull-left {
float:left;
margin-right:2px;}

img[align="left"], .img_caption.left {
float:left;
margin: 0 20px 20px 0 !important;
}
.pull-right {
float:right;}

img[align="right"], .img_caption.right {
float:right;
margin: 0 0 20px 20px !important;
}

.img_caption img {
margin-bottom:4px;
}

.pull-center {
margin-left:auto !important;
margin-right:auto !important;
text-align:center;
}

.pull-left img, .pull-right img, img[align="left"], img[align="right"] {
margin-top:6px;
}

.js-border .pull-left img, .js-border .pull-right img, .js-border img[align="left"], .js-border img[align="right"] {
margin-top:3px;
}

figcaption, p.img_caption {
font-style:italic;
font-size:95%;
text-align:center;
}


@media (max-width: 480px) {
.iconswrapper {
width:100%;} }

.icon_bso {
display:block;
margin-left: auto;
margin-right: auto;
width:98px;
height:40px;
background:url(/images/icon_bso.png) left top no-repeat #E6E6E6;
padding-top:70px;
line-height:16px;font-size:smaller;
margin-bottom:50px;
text-align:center;
float:left;}

.icon_bso:hover {
background:url(/images/icon_bso.png) left top no-repeat #E8ECF2;
}

.icon_journals {
display:block;
width:98px;
height:40px;
background:url(/images/icon_journals.png) left top no-repeat #E6E6E6;
padding-top:70px;
line-height:16px;font-size:smaller;
margin-bottom:50px;
text-align:center;
float:left;}

.icon_journals:hover {
background:url(/images/icon_journals.png) left top no-repeat #E8ECF2;
}

.icon_souvenirs {
display:block;
width:98px;
height:40px;
background:url(/images/icon_souvenirs.png) left top no-repeat #E6E6E6;
padding-top:70px;
line-height:16px;font-size:smaller;
margin-bottom:50px;
text-align:center;
float:left;}

.icon_souvenirs:hover {
background:url(/images/icon_souvenirs.png) left top no-repeat #E8ECF2;
}

.icon_print {
display:block;
width:98px;
height:40px;
background:url(/images/icon_print.png) left top no-repeat #E6E6E6;
padding-top:70px;
line-height:16px;font-size:smaller;
text-align:center;
margin-bottom:50px;
float:left;
}

.icon_print:hover {
background:url(/images/icon_print.png) left top no-repeat #E8ECF2;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/*
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
border: 0;
padding: 0;}
button,input,select,textarea {
font-family: inherit;
font-size: 100%;
margin: 0;}
button,input {
line-height: normal; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;}
button[disabled], html input[disabled] {cursor: default; }

input[type="checkbox"],input[type="radio"] {
box-sizing: border-box;
padding: 0;}

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.btn, .button {
background-color: #BBBBBB;
border-radius: 4px;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
cursor: pointer;
display: inline-block;
font-size: 95%;
line-height: 30px;
margin-bottom: 0;
padding: 4px 12px;
text-align: center;
text-transform: uppercase;
vertical-align: middle;
}

.btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
background-color: transparent;
box-shadow: none;
}

input.btn {
height: 45px;
}

.btn:active,
.btn.active {
 -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	background: #2f4f4f;
	border: solid 1px #203E5F;
}
.btn.readmore {border:0;}
	
.btn-primary {
color: #fff;
  background-color: #2f4f4f;
  border-color: #357ebd;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #2f4f4f;
  border-color: #285e8e;
}
.btn:hover,
.btn:focus {
background: #DCE3E0;	
	text-decoration: none;
}
button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.hide {
    display: none !important;
}
.fade {
    opacity: 0;
    transition: opacity 0.15s linear 0s;
}

/*
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none; }

/*
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0; }

/*
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {overflow: auto; vertical-align: top;}


/* ==========================================================================
   Tables
   ========================================================================== */
/*
 * Remove most spacing between table cells.
 */
table {border-collapse: collapse; border-spacing: 0; }

/* Ethereal items like mixins, and helpers like float or clearfix. */
/* ==========================================================================
    HELPER CLASSES
   ========================================================================== */
/* Clearfix the parent of floated elements to prevent it collapsing. */
.clearfix:before, .media.media-content:before, .well:before, .clearfix:after, .media.media-content:after, .well:after {content: "";  display: table; }
.clearfix:after, .media.media-content:after, .well:after {clear: both; }

/* Hide an element but leave it available to speaking browsers. */
.visuallyhidden {
  overflow: hidden;
  position: absolute;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0; }

/* Make visuallyhidden elements focusable with a keyboard. */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  position: static;
  clip: auto;
  height: auto;
  width: auto;
  margin: 0;
  overflow: visible; }

/* Image replacement. */
.ir {background-color: transparent; border: 0; overflow: hidden; }

.ir:before {content: "";display: block; width: 0; height: 150%; }

/* Mute an object by reducing its opacity. */
.muted, figure figcaption, .article-meta {filter: alpha(opacity=70) !important;opacity: 0.7 !important; }

/* Add/remove floats */
.float-right, .img-right, .media .media-object-right {float: right; }
.float-left, .img-left, .media .media-object {float: left; }
.float-none {float: none !important;}

address, article, blockquote, dl, fieldset, figure, form, hgroup, meter, ol, p, pre, progress, select, small, table, textarea, ul {margin-top: 0;}

*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 -ms-box-sizing: border-box;
box-sizing: border-box; }


@media only screen and (min-width: 90em) {
html {
font-size: 106.3%; } }

img {
  max-width: 100%;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic; }

/* Don't ignore `width` and/or `height` attributes if they are present. */
img[width],
img[height] {
  max-width: none; }

/*
 * Image placement variations, used in Joomla's article image layouts.
 *
 * Of course, floated images typically need a margin so we extend the
 * generic floatr classes here.
 */
.img-right, .media .media-object-right {
  margin-left: 1.618em; }

.img-left, .media .media-object {
  margin-right: 1.618em; }

.img-center, .img-none img {
  display: block;
  margin-left: auto;
  margin-right: auto; }

/* Joomla has no center option, using "none" instead. Go figure. */
/* ==========================================================================
    LINKS
   ========================================================================== */
a {
  color: #990000;
  border-bottom:#990000 1px dotted;
  text-decoration: none; }
  a:hover, a:focus {
    color: #666666; }

/* Back to top link. */
a.to-top {
  bottom: 0;
  color: #333333;
  cursor: pointer;
  line-height: 1;
  padding: 0.809em;
  position: fixed;
  right: 0; }

/* ==========================================================================
    LISTS
   ========================================================================== */
/*
 * There's a reason it's called 'hanging punctuation', bullets should be indented.
 * See: http://www.markboulton.co.uk/journal/five-simple-steps-to-better-typography-part-2
 * for an explanation why. The following kills browser default indents. Nice.
 */
ul,
ol,
dl {
  padding: 0;line-height:1.5em; }

/* A little style maestro! */
ul {
  list-style-type: circle;
 }

/* We don't need vertical space in nested lists, but we do need to add
* the default indent we removed above! */
li > ul,
li > ol {
  margin-bottom: 0;
  padding-left: 2em;
list-style-position: outside }


.list2 {
    padding:0;
    list-style: none;
    counter-reset: li;
}    
.list2 li {
    position: relative;
    border-left: 4px solid #666666;
    padding:4px 8px 4px 8px;
    margin:0 0 4px 40px;
}

.list2 li:hover {
    border-left:4px solid #FF6600;
}
.list2 li:before {
  
    position: absolute;
    top: 5px;
    left:-50px;
    width:50px;
    text-align:center;
    font-size: 16px;
    font-weight: bold;
    color: #666666;
    counter-increment: li;
    content: counter(li);
    box-sizing: border-box;        
}
.list2 li:hover:before {
    color: #FF6600;
}

/* ==========================================================================
    RULES
   ========================================================================== */
hr {
  border: 0;
  border-top: 1px solid #eeeeee;
  display: block;
  height: 1px;
  margin: 1.618em 0;
  padding: 0; }

/* ==========================================================================
    TABLES
   ========================================================================== 
table {
  width: 100%; }

th,
td {
  padding: 0.809em;
  text-align: left; }

.table-bordered th,
.table-bordered td {
  border: 1px solid #eeeeee; }
  .table-bordered th:empty,
  .table-bordered td:empty {
    border: none; }
.table-bordered thead tr:last-child th {
  border-bottom-width: 2px; }
.table-bordered tbody tr th:last-of-type {
  border-right-width: 2px; }


.table-striped tbody tr:nth-of-type(odd) {
  background-color: #fcfcfc; }
.article p {
  font-variant-numeric: oldstyle-nums; }
  .article p + p {
    text-indent: 1em; }
	*/

.article-info {font-size: 0.6em;
display:block;
float:right;}
	
	/*Responsive tables*/
	
	table {
    border: 1px solid #ccc;
    width: 100%;
    margin:0;
    padding:0;
    border-collapse: collapse;
    border-spacing: 0;
  }

  table tr {
    border: 1px solid #ddd;
    padding: 5px;
  }

  table th, table td {
    padding: 10px;
    text-align: center;
  }

  table th {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
  }

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

    table {
      border: 0;
    }

    table thead {
      display: none;
    }

    table tr {
      margin-bottom: 10px;
      display: block;
      border-bottom: 2px solid #ddd;
    }

    table td {
      display: block;
      text-align: right;
      font-size: 13px;
      border-bottom: 1px dotted #ccc;
    }

    table td:last-child {
      border-bottom: 0;
    }

    table td:before {
      content: attr(data-label);
      float: left;
      text-transform: uppercase;
      font-weight: bold;
    }
  }
	

/* Typically used in the first paragraph of an article, for added awesome. */
.intro {
  font-size: 1.3125em;
  line-height: 1.23276;
  margin-top: 0;
  margin-bottom: 1.23276em; }

/* BLOCK QUOTES */
/* Default margin indent is zeroed out and padded to allow styling of element. */
blockquote {
  margin-left: 0;
  padding: 0.809em 2.427em; }
  blockquote:before, blockquote:after {
    content: '';
    content: none; }
  blockquote p:last-of-type {
    margin-bottom: 0; }
  blockquote > cite,
  blockquote + cite {
    margin-bottom: 0; }

/* CITATIONS */
cite {
  display: block;
  margin-top: 0.809em; }
  cite:before {
    content: "\2014";
    margin-right: 0.809em; }

/* INLINE QUOTES */
q {
  quotes: "\2018" "\2019" "\201C" "\201D"; }
  q:before {
    content: "\2018";
    content: open-quote; }
  q:after {
    content: "\2019";
    content: close-quote; }

/* ABBREVIATIONS */
/*
 * Should use small-caps and be letterspaced, obviously!
 * http://webtypography.net/Rhythm_and_Proportion/Horizontal_Motion/2.1.6/
 */
abbr {
  font-variant: small-caps;
  letter-spacing: 0.1em; }

/*
 * The following are re-usable 'objects' that bring recurring CSS patterns
 * into discrete and easily maintainable modules.
 */
/* ==========================================================================
    BREADCRUMBS
   ========================================================================== */
.breadcrumb-row {
display: inline-block;
clear:both;
float:none;}

.breadcrumb {float:left;}
.breadcrumb > li {
  font-size: 0.831em;
  vertical-align: top;
}
.breadcrumb > li,
.breadcrumb > li > a,
.breadcrumb > li > span {
  display: inline-block;
clear:both;
}
.breadcrumb > li:nth-child(n+2):before {
  content: ">";
  display: inline-block;
  margin: 0 3px;
  color: #660000;
}
/*
 * Disabled
 */
.breadcrumb > li:not(.uk-active) > span {
  color: #660000;
}


@media only screen and (min-width: 90em) {
      [class*="-row"] .content {
        padding: 2.427em 0 0.809em; } }

/* Main horizontal menue*/

#banner {clear:both; text-align:center;}

.siteBody {
clear:both;}
/* Style the links inside the navigation bar */
nav {
	display: block;
	float: none;
}



.tags {
	display: inline-block;

}

.tags ul.menu.nav li {
background-color: #666666;
border-radius: 4px;
cursor: pointer;
display: inline-block;
font-size: 95%;
color:#FFFFFF;
margin:2px 0 0 0;
padding: 4px;
}

.tags ul.menu.nav li:hover {
background-color: #FF9900;
}

.tags a {
color:#FFFFFF;
}

.tag-category ul li {
list-style:none;
margin: 0 0 6px 0;
}

.tags.inline li
{list-style:none;
display:inline-block;
float:left;
padding:4px;}




/*
@media screen and (max-width: 600px) {
  .menu. li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .menu li {
    float: none;
    display: block;
	width:100%;
    text-align: left;
  }
  
  fa {display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;}
  .fa-bars:before {
  content: "\f0c9";
}
}
*/
#cart {font-size: 0.831em;display:inline-block;float:right; color: #999999; padding-bottom:5px;}
a.btn_cart {font-size: 0.831em;
padding-bottom:3px; 
border:none;}
.djc_title h3 a {color: #FF6600}
.djc_title h3 a:hover {color: #FF9900; border:0}
div.span6 {display:block; border:1px; border-radius:6px;}

.djc_sku {color:#666666; padding:5px 0 4px 0;}
.djc_price {color: #990000; padding-bottom:5px; font-size:1.5em;}
.verstka_price {color: darkslategray; padding-top:40px; font-size:1.5em;}

.pagination {
display: inline-block;
*display:inline;
*zoom:1;
padding-left: 0;
margin: 50px 0 10px 0;
border-radius: 4px;
}

.pagination .pull-right {
float:none !important;
}

.pagination ul {
padding-left:2px;
}

.pagination li {
display: inline-block;
*display:inline;
*zoom:1;
}

.pagination li > a,
.pagination li > span {
position: relative;
float: left;
padding: 6px 12px;
line-height: 1.42857143;
text-decoration: none;
background-color: rgba(0,0,0,0.03);
border: 1px solid #ddd;
border-color:rgba(0,0,0,0.10);
}


/**		navigation inside Blog articles for Joomla 2.5 		**/

.pagenav {
list-style: outside none none;
margin: 20px 0;
padding-left: 0;
text-align: center;
*zoom: 1;
}

.pagenav:before, .pagenav:after {
content: none;
display: table;
line-height: 0;
}

.pagenav:after {
clear: both;
}

.pagenav li {
display: inline;
}

.pagenav li > a, .pagenav li > span {
background:inherit;
border: 1px solid #ddd;
border-radius: 15px;
display: inline-block;
*display:inline;
*zoom:1;
padding: 5px 14px;
}

.pagenav-prev > a, .pagenav-prev > span {
float: left;
}
.pagenav-next > a, .pagenav-next > span {
float: right;
}

.rTable {display: table;
width: 100%;font-size:0.8em}
.rTableRow {
display: table-row;
}
.rTableHeading {
display: table-header-group;
background-color: #ddd;
}
.rTableCell, .rTableHead {
display: table-cell;
padding: 3px 10px;
border: 1px solid #999999;
}
.rTableHeading {
display: table-header-group;
background-color: #ddd;
font-weight: bold;
}
.rTableFoot {
display: table-footer-group;
font-weight: bold;
background-color: #ddd;
}
.rTableBody {
display: table-row-group;
}

.middletable {display:block; clear:left;}
.middlerow {display:block;box-sizing: border-box;}
.middlecolumn1 {
width:50%;
display: block;box-sizing: border-box;
float:left;
border-right-width:2px;
padding:5px;
border-right-style:dotted; 
border-color:#666666;
font-size:16px;
color:#333333;
}
.middlecolumn2 {
width:50%;
display: block;box-sizing: border-box;
float:left;
border-right-width:2px;
padding:5px;
border-right-style:dotted; 
border-color:#666666;
font-size:16px;
color:#333333;
clear:right;}
.middlecolumn1 a, .middlecolumn2 a{
display:block; width:100%;
background-color: #fff4de;
border:none;
line-height:2.8;
margin:3px;
}

.middlecolumn1 a:hover, .middlecolumn2 a:hover{
background-color: #663300;
color: #ffffff;
}

.middlecolumn1 p, middlecolumn2 p {line-height:11pt; margin-top:0.3em}

.middleolumn1 hr, .middlecolumncolumn2 hr {border: 0;
border-top: 1px solid #eeeeee;
margin:0.3em 0;}

@media (max-width: 767px) {

.middlerow {display: inline-block;}
.middlecolumn1 {
display: inline-block;
float:none;
width:100%;
border-right:none;
border-bottom-style:dotted;
border-bottom-width:2px; 
border-bottom-color:#666666;
background: #F4F4F4;}
.middlecolumn2 {
display: inline-block;
float:none;
width:100%;
border-right:none;
border-bottom-style:dotted;
border-bottom-width:2px; 
border-bottom-color:#666666;}
 }
 
 #system-message-container {
padding:0;
}

#system-message-container > div {
background-color : rgba(0,0,0,0.1);
padding:14px 12px 8px 16px ;
margin: 12px 4px 120px 0;
-moz-box-shadow:2px 2px 4px #ccc;
-webkit-box-shadow:2px 2px 4px #ccc;
box-shadow:2px 2px 4px #ccc;
font-size:100%;
}

#system-message-container h4 {
padding-top:5px;
font-size:140%;
color: red ;
}

#system-message-container ul {
margin : 0 !important;
}

#system-message-container li {
background-image : none !important;
padding : 8px 0 0 0 !important;
}

#system-message a.close {
display:none;
}
.txtblock {font-size: 0.80em;
display: block;
background: #EEEAE4;
border-radius: 10px;
padding:10px}
.priceblock {color: #990000; padding-bottom:3px; font-size: 0.9em}




.buy .icons{display: block; width:100%; background: #F8F8F8; text-align:center;}
.buy ul {text-align:left; list-style-position:inside}
.buy p {text-align:left; padding:10px 0 0 10px;} 
.buy h3 {font-size: 1.4em; line-height: 1.07867; margin-top: 0; margin-bottom: 1.07867em; }


@media only screen and (min-width: 800px){
.buy .wrapper {display:table; width:100%}
.buy .row {display: table-row;}
.buy .icons{display: table-cell; width:20%; background: #F8F8F8;border-left: 1px dotted #777;}
.buy .icons.column {float:none; }
.buy .icons.column:nth-child(1) {background: #ebebeb;}
.buy .icons.column:nth-child(2) {background: #F6F6F6;}
.buy .icons.column:nth-child(3) {background: #ebebeb;}
.buy .wrapper {display:table; width:100%}

}

.balcron .icons{display: block; width:100%; background: #F8F8F8; text-align:center;}
.balcron ul {text-align:left; list-style-position:inside}
.balcron p {text-align:left; padding:0 0 0 10px;}

@media only screen and (min-width: 640px) {
 
.balcron .wrapper {display:table; width:100%}
.balcron .row {display: table-row;}
.balcron .icons{display: table-cell; width:20%; background: #F8F8F8;border-left: 1px dotted #777;}
.balcron .icons.column {float:none; }
.balcron .icons.column:nth-child(1) {background: #ebebeb;}
.balcron .icons.column:nth-child(2) {background: #F6F6F6;}
.balcron .icons.column:nth-child(3) {background: #ebebeb;}
.balcron .wrapper {display:table; width:100%}
}

.redbold {font-size:1.5em; color:#AA0000; font-weight:bold}

.formats {display:inline-block; float:left; width:259px;}
.formats_right {display:inline-block; float:left; margin:10px; width:60%}

.design {display:inline-block;  margin:0 10px 0 0;float:left;}
.design_right {display:inline-block; margin:10px; width:60%; font-style:italic;}


blockquote {
margin: 0;
background: #F0F0F0;
color: #000;
padding: 20px 30px;
position: relative;
border-left: 35px solid #DFDEDE;
font-family: sans-serif;
}
blockquote:before {
content: "\201C";
font-family: serif;
position: absolute;
left: -29px;
top: 5px;
color: #BCBCBC;
font-size: 50px;
text-shadow: 1px 2px 0 white;
}
blockquote p {
margin: 0 0 16px;
font-size: 14px;
letter-spacing: .05em;
line-height: 1.4;
}
blockquote cite {
font-style: normal;
font-weight: 300;
}

.shelf {margin: -30px auto 10px;
padding: 0;
height: 50px;
border: none;
border-bottom: 0;
box-shadow: 0 20px 20px -20px #333;
clear:both;}

.booktags {background-color: #666666;
border-radius: 4px;
cursor: pointer;
display: inline-block;
font-size: 95%;
color: #FFFFFF;
margin: 2px 0 0 0;
padding: 4px;}

.booktags:hover {background-color: #FFCE81;}
.booktags a {color:#ffffff;}

.booktags_ext {background-color: #ffc94f;
border-radius: 4px;
cursor: pointer;
display: inline-block;
font-size: 95%;
color: #000;
margin: 2px 3px 0 0;
padding: 4px;}

.booktags_ext:hover {background-color: #dddddd;}
.booktags_ext a {color:#ffffff;}


.hrsmall {margin:5px;}

.up {
display: block;
float: right;
font-size: 0.9em;
color: #000;}

.hrdashed {border-style:dashed; 
border-width: 0 0 1px 0;
margin:0;}

.buyfirst .icons{display: block; width:100%; background: #F8F8F8; text-align:center;}
.buyfirst ul {text-align:left; list-style-position:inside; padding-left:10px;}
.buyfirst p {text-align:left; padding:10px 0 0 10px;} 
.buyfirst h2 {margin:0; color:#990000; font-weight:600; font-size:1.5em; margin-top:5px;}


@media only screen and (min-width: 740px){
.buyfirst .wrapper {display:table; width:100%}
.buyfirst .row {display: table-row;}
.buyfirst .icons{display: table-cell; width:20%; background: #F8F8F8;border: 1px dotted #777; border-radius:10px;}
.buyfirst .icons.column {float:none; }
.buyfirst .icons.column:nth-child(1) {background: #ebebeb;}
.buyfirst .icons.column:nth-child(2) {background: #F6F6F6;}
.buyfirst .icons.column:nth-child(3) {background: #ebebeb;}
.buyfirst .wrapper {display:table; width:100%}
}

#product_code {position: relative;}
.extra_fields {
display:inline-block;
font-size: 1.1em;
border: 1px dotted #ccc;
}

.extra_fields_el{
  display:inline-block;
  padding:4px;
  border-bottom:1px dotted #ccc;
  width:100%;
  background:seashell;
}

@media screen and (max-width: 600px) {
  .extra_fields {
width: 100%;
}
}
/*--------------------------FOOTER----------------------------*/
footer.example-3 {
  background-color: #213343;
  padding: 10px 10px;
}
footer.example-3 .container {
  max-width: 1200px;
  margin: 0 auto;
}
footer.example-3 .main-content-area {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  grid-gap: 20px;
}
footer.example-3 .main-content-area .holder h3 {
  color: #FFFFFF;
  text-transform: capitalize;
  font-size: 1.5em;
  margin: 0;
}
footer.example-3 .main-content-area .holder ul {
  padding: 0;
}
footer.example-3 .main-content-area .holder ul li {
  list-style: none;
}
footer.example-3 .main-content-area .holder ul li a {
  font-size: 0.85rem;
  font-weight: bold;
  color: #b6c7d6;
  text-decoration: none;
  text-transform: capitalize;
  padding: 0.3rem 0;
  display: inline-block;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
footer.example-3 .main-content-area .holder ul li a:hover {
  text-decoration: underline;
  color: #95ECEC;
}
footer.example-3 .social-media-links {
  position: relative;
  margin-top: 60px;
}
footer.example-3 .social-media-links ul {
  max-width: 60%;
  margin: 0 auto;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
footer.example-3 .social-media-links ul::before {
  width: 20%;
  position: absolute;
  content: "";
  border-top: 1px solid #FF0000;
  top: 50%;
  left: 0;
}
footer.example-3 .social-media-links ul::after {
  width: 20%;
  position: absolute;
  content: "";
  border-top: 1px solid #FF0000;
  top: 50%;
  right: 0;
}
footer.example-3 .social-media-links ul li {
  list-style: none;
}
footer.example-3 .social-media-links ul li a img {
  max-width: 20px;
}
@media (min-width: 768px) {
  footer.example-3 .social-media-links ul li a img {
    max-width: 30px;
  }
}
footer.example-3 .copyright {
  font-family: Verdana, sans-serif;
  margin-top: 45px;
  text-align: center;
}
footer.example-3 .copyright img {
  max-width: 200px;
}
footer.example-3 .copyright p {
  color: #b6c7d6;
  font-weight: bold;
  font-size: 0.9em;
}
footer.example-3 .copyright ul {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
footer.example-3 .copyright ul li {
  list-style: none;
}
footer.example-3 .copyright ul li a {
  color: #FFFFFF;
  font-weight: bold;
  -webkit-transition: color 0.4s ease-in-out;
  transition: color 0.4s ease-in-out;
  margin-right: 20px;
}
footer.example-3 .copyright ul li a:hover {
  color: #95ECEC;
  text-decoration: none;
}/*# sourceMappingURL=style.css.map */
/*-------------------------END OF FOOTER----------------------------*/