/*
 * Styles for OEM-OIL
 * Made by Oleg Frolov
 * www.artof.pro
 * Copyrights, 2014 - 2015
 *
*/

/* Fonts */

@font-face {
  font-family: 'Rouble';
  font-weight: normal;
  src: url('../fonts/rouble.eot') format('embedded-opentype'),
     url('../fonts/rouble.woff') format('woff'),
     url('../fonts/rouble.ttf') format('truetype'),
     url('../fonts/rouble.svg#ALSRublRegular') format('svg');
}

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,800&subset=cyrillic');

@font-face {
  font-family: 'FontAwesome';
  font-weight: normal;
  font-style: normal;
  src: url('../fonts/fontawesome-webfont.eot') format('embedded-opentype'),
     url('../fonts/fontawesome-webfont.woff') format('woff'),
     url('../fonts/fontawesome-webfont.ttf') format('truetype'),
     url('../fonts/fontawesome-webfont.svg#FontAwesome') format('svg');
}


/* Reset */

body,div,span,h1,h2,h3,h4,h5,h6,pre,a,em,img,strong,b,u,i,button,dl,dt,dd {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%}
p {margin: 0 0 1.071em}
a:focus,
input:focus,
button:focus {outline: none}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {border: none}
button {-webkit-border-fit: lines}

header, footer, article, section, aside, nav {display: block}
div, input, textarea, select {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}

.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0}


/* FontAwesome - iconic font */

[class^="icon-"], [class*="icon-"] {font-family:FontAwesome; font-weight:normal; font-style:normal; text-decoration:inherit; -webkit-font-smoothing:antialiased; display:inline; width:auto; height:auto; line-height:normal; vertical-align:baseline; background-image:none; background-position:0%0%; background-repeat:repeat; margin-top:0} [class^="icon-"]:before, [class*="icon-"]:before {text-decoration:inherit; display:inline-block; speak:none} a[class^="icon-"], a[class*="icon-"] {display:inline-block} .icon-spin {display:inline-block; -moz-animation:spin 2s infinite linear; -o-animation:spin 2s infinite linear; -webkit-animation:spin 2s infinite linear; animation:spin 2s infinite linear} @-moz-keyframes spin { 0% {-moz-transform:rotate(0deg)} 100% {-moz-transform:rotate(359deg)} } @-webkit-keyframes spin { 0% {-webkit-transform:rotate(0deg)} 100% {-webkit-transform:rotate(359deg)} } @-o-keyframes spin { 0% {-o-transform:rotate(0deg)} 100% {-o-transform:rotate(359deg)} } @-ms-keyframes spin { 0% {-ms-transform:rotate(0deg)} 100% {-ms-transform:rotate(359deg)} } @keyframes spin {0% {transform:rotate(0deg)} 100% {transform:rotate(359deg)} } @-moz-document url-prefix() {.icon-spin {height:.9em} .btn .icon-spin {height:auto} .icon-spin.icon-large {height:1.25em} .btn .icon-spin.icon-large {height:.75em} } .icon-glass:before {content:"\f000"} .icon-music:before {content:"\f001"} .icon-search:before {content:"\f002"} .icon-envelope:before {content:"\f003"} .icon-heart:before {content:"\f004"} .icon-star:before {content:"\f005"} .icon-star-empty:before {content:"\f006"} .icon-user:before {content:"\f007"} .icon-film:before {content:"\f008"} .icon-th-large:before {content:"\f009"} .icon-th:before {content:"\f00a"} .icon-th-list:before {content:"\f00b"} .icon-ok:before {content:"\f00c"} .icon-remove:before {content:"\f00d"} .icon-zoom-in:before {content:"\f00e"} .icon-zoom-out:before {content:"\f010"} .icon-off:before {content:"\f011"} .icon-signal:before {content:"\f012"} .icon-cog:before {content:"\f013"} .icon-trash:before {content:"\f014"} .icon-home:before {content:"\f015"} .icon-file:before {content:"\f016"} .icon-time:before {content:"\f017"} .icon-road:before {content:"\f018"} .icon-download-alt:before {content:"\f019"} .icon-download:before {content:"\f01a"} .icon-upload:before {content:"\f01b"} .icon-inbox:before {content:"\f01c"} .icon-play-circle:before {content:"\f01d"} .icon-repeat:before {content:"\f01e"} .icon-refresh:before {content:"\f021"} .icon-list-alt:before {content:"\f022"} .icon-lock:before {content:"\f023"} .icon-flag:before {content:"\f024"} .icon-headphones:before {content:"\f025"} .icon-volume-off:before {content:"\f026"} .icon-volume-down:before {content:"\f027"} .icon-volume-up:before {content:"\f028"} .icon-qrcode:before {content:"\f029"} .icon-barcode:before {content:"\f02a"} .icon-tag:before {content:"\f02b"} .icon-tags:before {content:"\f02c"} .icon-book:before {content:"\f02d"} .icon-bookmark:before {content:"\f02e"} .icon-print:before {content:"\f02f"} .icon-camera:before {content:"\f030"} .icon-font:before {content:"\f031"} .icon-bold:before {content:"\f032"} .icon-italic:before {content:"\f033"} .icon-text-height:before {content:"\f034"} .icon-text-width:before {content:"\f035"} .icon-align-left:before {content:"\f036"} .icon-align-center:before {content:"\f037"} .icon-align-right:before {content:"\f038"} .icon-align-justify:before {content:"\f039"} .icon-list:before {content:"\f03a"} .icon-indent-left:before {content:"\f03b"} .icon-indent-right:before {content:"\f03c"} .icon-facetime-video:before {content:"\f03d"} .icon-picture:before {content:"\f03e"} .icon-pencil:before {content:"\f040"} .icon-map-marker:before {content:"\f041"} .icon-adjust:before {content:"\f042"} .icon-tint:before {content:"\f043"} .icon-edit:before {content:"\f044"} .icon-share:before {content:"\f045"} .icon-check:before {content:"\f046"} .icon-move:before {content:"\f047"} .icon-step-backward:before {content:"\f048"} .icon-fast-backward:before {content:"\f049"} .icon-backward:before {content:"\f04a"} .icon-play:before {content:"\f04b"} .icon-pause:before {content:"\f04c"} .icon-stop:before {content:"\f04d"} .icon-forward:before {content:"\f04e"} .icon-fast-forward:before {content:"\f050"} .icon-step-forward:before {content:"\f051"} .icon-eject:before {content:"\f052"} .icon-chevron-left:before {content:"\f053"} .icon-chevron-right:before {content:"\f054"} .icon-plus-sign:before {content:"\f055"} .icon-minus-sign:before {content:"\f056"} .icon-remove-sign:before {content:"\f057"} .icon-ok-sign:before {content:"\f058"} .icon-question-sign:before {content:"\f059"} .icon-info-sign:before {content:"\f05a"} .icon-screenshot:before {content:"\f05b"} .icon-remove-circle:before {content:"\f05c"} .icon-ok-circle:before {content:"\f05d"} .icon-ban-circle:before {content:"\f05e"} .icon-arrow-left:before {content:"\f060"} .icon-arrow-right:before {content:"\f061"} .icon-arrow-up:before {content:"\f062"} .icon-arrow-down:before {content:"\f063"} .icon-share-alt:before {content:"\f064"} .icon-resize-full:before {content:"\f065"} .icon-resize-small:before {content:"\f066"} .icon-plus:before {content:"\f067"} .icon-minus:before {content:"\f068"} .icon-asterisk:before {content:"\f069"} .icon-exclamation-sign:before {content:"\f06a"} .icon-gift:before {content:"\f06b"} .icon-leaf:before {content:"\f06c"} .icon-fire:before {content:"\f06d"} .icon-eye-open:before {content:"\f06e"} .icon-eye-close:before {content:"\f070"} .icon-warning-sign:before {content:"\f071"} .icon-plane:before {content:"\f072"} .icon-calendar:before {content:"\f073"} .icon-random:before {content:"\f074"} .icon-comment:before {content:"\f075"} .icon-magnet:before {content:"\f076"} .icon-chevron-up:before {content:"\f077"} .icon-chevron-down:before {content:"\f078"} .icon-retweet:before {content:"\f079"} .icon-shopping-cart:before {content:"\f07a"} .icon-folder-close:before {content:"\f07b"} .icon-folder-open:before {content:"\f07c"} .icon-resize-vertical:before {content:"\f07d"} .icon-resize-horizontal:before {content:"\f07e"} .icon-bar-chart:before {content:"\f080"} .icon-twitter-sign:before {content:"\f081"} .icon-facebook-sign:before {content:"\f082"} .icon-camera-retro:before {content:"\f083"} .icon-key:before {content:"\f084"} .icon-cogs:before {content:"\f085"} .icon-comments:before {content:"\f086"} .icon-thumbs-up:before {content:"\f087"} .icon-thumbs-down:before {content:"\f088"} .icon-star-half:before {content:"\f089"} .icon-heart-empty:before {content:"\f08a"} .icon-signout:before {content:"\f08b"} .icon-linkedin-sign:before {content:"\f08c"} .icon-pushpin:before {content:"\f08d"} .icon-external-link:before {content:"\f08e"} .icon-signin:before {content:"\f090"} .icon-trophy:before {content:"\f091"} .icon-github-sign:before {content:"\f092"} .icon-upload-alt:before {content:"\f093"} .icon-lemon:before {content:"\f094"} .icon-phone:before {content:"\f095"} .icon-check-empty:before {content:"\f096"} .icon-bookmark-empty:before {content:"\f097"} .icon-phone-sign:before {content:"\f098"} .icon-twitter:before {content:"\f099"} .icon-facebook:before {content:"\f09a"} .icon-github:before {content:"\f09b"} .icon-unlock:before {content:"\fff7e02"} .icon-credit-card:before {content:"\f09d"} .icon-rss:before {content:"\f09e"} .icon-hdd:before {content:"\f0a0"} .icon-bullhorn:before {content:"\f0a1"} .icon-bell:before {content:"\f0a2"} .icon-certificate:before {content:"\f0a3"} .icon-hand-right:before {content:"\f0a4"} .icon-hand-left:before {content:"\f0a5"} .icon-hand-up:before {content:"\f0a6"} .icon-hand-down:before {content:"\f0a7"} .icon-circle-arrow-left:before {content:"\f0a8"} .icon-circle-arrow-right:before {content:"\f0a9"} .icon-circle-arrow-up:before {content:"\f0aa"} .icon-circle-arrow-down:before {content:"\f0ab"} .icon-globe:before {content:"\f0ac"} .icon-wrench:before {content:"\f0ad"} .icon-tasks:before {content:"\f0ae"}  .icon-filter:before {content:"\f0b0"} .icon-briefcase:before {content:"\f0b1"} .icon-fullscreen:before {content:"\f0b2"}  .icon-group:before {content:"\f0c0"} .icon-link:before {content:"\f0c1"} .icon-cloud:before {content:"\f0c2"} .icon-beaker:before {content:"\f0c3"} .icon-cut:before {content:"\f0c4"} .icon-copy:before {content:"\f0c5"} .icon-paper-clip:before {content:"\f0c6"} .icon-save:before {content:"\f0c7"} .icon-sign-blank:before {content:"\f0c8"} .icon-reorder:before {content:"\f0c9"} .icon-list-ul:before {content:"\f0ca"} .icon-list-ol:before {content:"\f0cb"} .icon-strikethrough:before {content:"\f0cc"}.icon-underline:before {content:"\f0cd"} .icon-table:before {content:"\f0ce"} .icon-magic:before {content:"\f0d0"} .icon-truck:before {content:"\f0d1"} .icon-pinterest:before {content:"\f0d2"} .icon-pinterest-sign:before {content:"\f0d3"} .icon-google-plus-sign:before {content:"\f0d4"} .icon-google-plus:before {content:"\f0d5"} .icon-money:before {content:"\f0d6"} .icon-caret-down:before {content:"\f0d7"} .icon-caret-up:before {content:"\f0d8"} .icon-caret-left:before {content:"\f0d9"} .icon-caret-right:before {content:"\f0da"} .icon-columns:before {content:"\f0db"} .icon-sort:before {content:"\f0dc"} .icon-sort-down:before {content:"\f0dd"} .icon-sort-up:before {content:"\f0de"} .icon-envelope-alt:before {content:"\f0e0"} .icon-linkedin:before {content:"\f0e1"} .icon-undo:before {content:"\f0e2"} .icon-legal:before {content:"\f0e3"} .icon-dashboard:before {content:"\f0e4"} .icon-comment-alt:before {content:"\f0e5"} .icon-comments-alt:before {content:"\f0e6"} .icon-bolt:before {content:"\f0e7"} .icon-sitemap:before {content:"\f0e8"} .icon-umbrella:before {content:"\f0e9"} .icon-paste:before {content:"\f0ea"} .icon-lightbulb:before {content:"\f0eb"} .icon-exchange:before {content:"\f0ec"} .icon-cloud-download:before {content:"\f0ed"} .icon-cloud-upload:before {content:"\f0ee"} .icon-user-md:before {content:"\f0f0"} .icon-stethoscope:before {content:"\f0f1"} .icon-suitcase:before {content:"\f0f2"} .icon-bell-alt:before {content:"\f0f3"} .icon-coffee:before {content:"\f0f4"} .icon-food:before {content:"\f0f5"} .icon-file-alt:before {content:"\f0f6"} .icon-building:before {content:"\f0f7"} .icon-hospital:before {content:"\f0f8"} .icon-ambulance:before {content:"\f0f9"} .icon-medkit:before {content:"\f0fa"} .icon-fighter-jet:before {content:"\f0fb"} .icon-beer:before {content:"\f0fc"} .icon-h-sign:before {content:"\f0fd"} .icon-plus-sign-alt:before {content:"\f0fe"} .icon-double-angle-left:before {content:"\f100"} .icon-double-angle-right:before {content:"\f101"} .icon-double-angle-up:before {content:"\f102"} .icon-double-angle-down:before {content:"\f103"} .icon-angle-left:before {content:"\f104"} .icon-angle-right:before {content:"\f105"} .icon-angle-up:before {content:"\f106"} .icon-angle-down:before {content:"\f107"} .icon-desktop:before {content:"\f108"} .icon-laptop:before {content:"\f109"} .icon-tablet:before {content:"\f10a"} .icon-mobile-phone:before {content:"\f10b"} .icon-circle-blank:before {content:"\f10c"} .icon-quote-left:before {content:"\f10d"} .icon-quote-right:before {content:"\f10e"} .icon-spinner:before {content:"\f110"} .icon-circle:before {content:"\f111"} .icon-reply:before {content:"\f112"} .icon-github-alt:before {content:"\f113"} .icon-folder-close-alt:before {content:"\f114"} .icon-folder-open-alt:before {content:"\f115"}

/* ======================================================================================= */

/* Common */

  body {background: #efefef}
  body, th, td, input, select, textarea, button {font-family: "Open Sans", sans-serif; font-size: 13px; line-height: 1.3em; color: #444}

  a {color: #ff7e02; text-decoration: underline; cursor: pointer}
  a:hover {color: #000; text-decoration: none}


/* Headings */

  h1 {font-size: 1.538em; line-height: 1.1em; font-weight: 600; margin-bottom: 0.75em; text-transform: uppercase}
  h2 {font-size: 1.714em; line-height: 1.1em; font-weight: 600; margin-bottom: 0.75em}
  h3 {font-size: 1.23em; line-height: 1.1em; font-weight: 600; margin-bottom: 1em}
  h4 {font-size: 1.23em; line-height: 1.1em; font-weight: 600; margin-bottom: 0.75em}
  h5 {font-size: 1.077em; line-height: 1.1em; font-weight: normal; margin-bottom: 0.5em}
  h6 {font-size: 1em; line-height: 1.1em; font-weight: 600; margin-bottom: 0.75em}


/* Table */

  table {border:0; border-collapse:collapse; border-spacing:0; empty-cells:show; font-size:100%}
  th, td {vertical-align:top; text-align:left; font-weight:normal}


/* Lists */

  .unstyled, .unstyled > li {margin: 0; padding: 0; list-style: none}


/* Animation */

  .button,
  input[type=text], input[type=password], select, textarea,
  .form-item .qty .minus, .form-item .qty .plus,
  .page-header .button-auth {-webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease}


/* Tools */

  .hidden {display: block !important; border:0 !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; width:0 !important; height:0 !important; overflow:hidden !important}
  .nobr {white-space: nowrap !important}
  .f-left {float: left !important}
  .f-right {float: right !important}
  .no-display {display: none}
  .full-justify {text-align: justify; margin-bottom: -1.35em !important}
  .full-justify > * {display: inline-block; vertical-align: middle}
  .full-justify:after {content: " "; width: 100%; display: inline-block}

  .currency {font-family: 'Rouble', sans-serif; font-weight: normal}

  .product-image {position: relative; display: block; line-height: 0}
  .product-image .loader {position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: block; background: rgba(255,255,255,0.7)}
  .product-image .loader i {position: absolute; top: 50%; margin-top: -0.5em; width: 100%; left: 0; text-align: center; line-height: 1em; font-size: 64px; color: #000}

  .badges {display: block; position: absolute; top: 10px; left: 10px; z-index: 88}
  .badge {display: block; width: 48px; height: 48px; overflow: hidden; -webkit-border-radius: 100%; border-radius: 100%; margin-bottom: 5px; color: #fff; line-height: 46px; text-align: center; font-size: 14px; text-transform: uppercase}
  .badge.red {background: #c00}
  .badge.blue {background: #ff7e02; line-height: 14px; padding-top: 9px; height: 39px}
  .badge.green {background: #85be00}

  .currency {font-size: 14px}
  .price {white-space: nowrap}
  .price-box > * {display: inline-block; font-size: 16px}
  .cart-price > * {display: inline-block; font-size: 16px}
  .price-box .currency {font-size: 16px}
  .price-label {display: none;}
  .price-box p {margin: 0;}
  .price-box .old-price {display: block; color: #c00; font-weight: normal; font-size: 0.82em; text-decoration: line-through; line-height: 1; text-align: left;}
  .price-box .old-price .price .currency {font-size: inherit}

  .color-circle {position: relative; display: inline-block; margin-bottom: 1px; width: 27px; height: 27px; padding: 3px 0 0 3px; text-align: left; overflow: hidden; border: #e4e4e4 1px solid; -webkit-border-radius: 100%; border-radius: 100%}
  .color-circle:after {content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: #fff 3px solid; -webkit-border-radius: 100%; border-radius: 100%}
  .color-circle.selected {border-color: #ff7e02; -webkit-box-shadow: 0 0 3px 0 rgba(0,153,204,0.7); box-shadow: 0 0 3px 0 rgba(0,153,204,0.7)}

  .block-wrapper {margin-bottom: 30px}

  .big-loader {font-size: 5em; color: #e4e4e4; text-align: center}

  .callout {background: #fff; border-left: #e4e4e4 3px solid; padding: 5px 15px 7px}
  .callout p:last-child {margin-bottom: 0}
  .callout.bad {background: #fae5e5; border-color: #eb9999; padding: 10px 15px 12px}
  .callout.good {background: #f3f8e5; border-color: #c2de7f; padding: 10px 15px 12px}


/* Layout */

  .wrapper {width: 1170px; margin: 0 auto; position: relative}

  .col2-right {margin: 30px 0 70px}
  .col2-right .content {float: left; width: 870px}
  .col2-right .sidebar {float: right; width: 270px}

  .col2-left {margin: 30px 0 70px}
  .col2-left .content {float: right; width: 870px}
  .col2-left .sidebar {float: left; width: 270px}

  .col2-set {display: table; width: 100%}
  .col2-set .col {display: table-cell; width: 50%; vertical-align: top}


/* Header */

  .page-header {padding: 20px 0 25px}
  .page-header .button-auth {display: inline-block; background: #d8d8d8; line-height: 30px; padding: 0 12px; color: #444; text-decoration: none}
  .page-header .button-auth i {color: #aaa; font-size: 16px}
  .page-header .button-auth:hover {background: #ff7e02; color: #fff}
  .page-header .button-auth:hover i {color: #fff}
  .page-header .block-phone {margin-top: 6px; padding-left: 45px; position: relative}
  .page-header .block-phone i {color: #bdbdbd; font-size: 36px; line-height: 1em; position: absolute; top: 50%; margin-top: -0.5em; left: 0}
  .page-header .block-phone b {font-size: 24px; display: block; margin-bottom: 10px}
  .page-header .block-phone a {display: inline-block; color: #444; line-height: 1.22em}
  .page-header .logo {display: block; background: url(../images/logo.png) no-repeat; width: 190px; margin: 0 auto; font-size: 12px; color: #7e7e7e; text-decoration: none; padding-top: 40px; text-align: center}
  .page-header nav {text-align: right}
  .page-header nav .unstyled {margin-top: 10px}
  .page-header nav .unstyled li {display: inline-block; margin-left: 25px}
  .page-header nav .unstyled li a {color: #444}

  .page-nav {background: #504943; height: 60px; margin-bottom: 30px; position: relative}
  .page-nav > .clearfix {background: rgba(80,73,67,0.94); height: 60px; position: absolute; top: 0; left: 0; right: 0}
  .page-nav > .sticky {position: fixed; top: 0; left: 50%; margin-left: -585px; width: 1170px; right: auto; z-index: 999}
  .page-nav nav > .unstyled {position: relative}
  .page-nav nav > .unstyled > li {float: left; margin: 0 0 0 20px}
  .page-nav nav > .unstyled > li > a {display: block; line-height: 58px; height: 60px; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 14px; font-weight: 600; color: #b9b7b5; text-decoration: none;}
  .page-nav nav > .unstyled > li:last-child > a {color: #fff;}
  .page-nav nav > .unstyled > li > a i {position: relative; margin: 0 0 0 4px; font-size: 8px; top: -2px}
  .page-nav nav > .unstyled > li > a:hover {color: #fff; border-bottom: #ff7e02 4px solid}
  .page-nav nav > .unstyled > li > a:hover i {color: #b9b7b5}
  .page-nav nav .inner {display: none; position: absolute; z-index: 99; top: 60px; left: 0; min-width: 100%; background: #e0dfdf; border-top: #ff7e02 2px solid; padding: 15px 20px 25px; border-bottom: rgba(216,216,216,0.75) 1px solid; -moz-box-shadow: 0 0 3px 0 rgba(126,126,126,0.2); box-shadow: 0 0 3px 0 rgba(126,126,126,0.2)}
  .page-nav nav .inner .group {display: table-cell; vertical-align: top; border-right: #828282 1px dotted; padding: 0 70px 0 30px; white-space: nowrap}
  .page-nav nav .inner .group .unstyled {display: inline-block; margin-right: 30px; vertical-align: top}
  .page-nav nav .inner .group:first-child {padding-left: 0}
  .page-nav nav .inner .group:last-child {border-right: none; padding-right: 40px}
  .page-nav nav .inner h5 {font-size: 14px; color: #6b6b6b; margin-bottom: 15px; font-weight: 600}
  .page-nav nav .inner li {line-height: 20px}
  .page-nav nav .inner li a {color: #333; text-decoration: none}
  .page-nav nav .inner li a:hover {text-decoration: underline}
  .page-nav nav .inner li .count {color: #999}
  .page-nav nav .inner .group ul li ul {padding-left: 20px; list-style: disc; color: #999; margin: 5px 0}
  .page-nav nav .inner .group ul li ul li {margin: 0}
  .page-nav nav > .unstyled > li:hover > a {color: #fff; border-bottom: #ff7e02 4px solid}
  .page-nav nav > .unstyled > li:hover > a i {color: #b9b7b5}
  .page-nav nav > .unstyled > li:hover .inner {display: table}

  /* search */
  .page-nav .block-search {padding-top: 7px; position: relative; margin-right: 20px}
  .page-nav .block-search input[type="text"] {background: #fff; color: #222; border-color: #e1e1e1; height: 45px; line-height: 44px; width: 340px; padding: 0 40px 0 10px; position: relative; z-index: 2}
  .page-nav .block-search button {position: absolute; color: #ccc; font-size: 20px; right: 10px; top: 50%; margin-top: -7px; line-height: 1em; background: none; z-index: 3}

  .search-autocomplete {display: none; position: absolute; z-index: 1; top: 40px; left: 0; width: 100%; background: #fff; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; padding: 35px 15px 5px; border-bottom: rgba(216,216,216,0.75) 1px solid; -moz-box-shadow: 0 0 3px 0 rgba(126,126,126,0.2); box-shadow: 0 0 3px 0 rgba(126,126,126,0.2)}
  .search-autocomplete li {margin-bottom: 10px; padding-bottom: 10px; border-bottom: #ddd 1px dotted}
  .search-autocomplete li:last-child {margin-bottom: 0}
  .search-autocomplete li a {display: block; font-size: 12px; color: #444; text-decoration: none; height: 40px; padding-top: 5px; line-height: 14px}
  .search-autocomplete li a img {float: left; margin-right: 10px; width: 40px; height: auto; position: relative; margin-top: -5px}
  .search-autocomplete li a:hover {color: #ff7e02}
  .search-autocomplete > a {display: block; font-size: 13px; color: #999; text-decoration: none; line-height: 26px; padding-top: 5px}
  .search-autocomplete > a b {color: #f81018; font-weight: normal}
  .search-autocomplete > a i {float: right; background: #f81018; color: #fff; padding: 0 4px; line-height: 25px}


  /* cart */
  a.block-minicart {position: relative; display: block; margin-right: 40px; text-decoration: none; line-height: 60px; color: #b9b7b5; font-size: 32px}
  a.block-minicart:hover {color: #fff}
  a.block-minicart .count {position: absolute; top: 12px; right: -6px; background: #ff7e02; -webkit-border-radius: 100%; border-radius: 100%; font-size: 11px; font-weight: 600; width: 15px; height: 15px; line-height: 15px; text-align: center; color: #fff}


/* Footer */

  .page-footer {margin-top: 40px; border-top: #ddd 5px solid; padding: 25px 0 0}
  .page-footer h4 {margin-bottom: 1.2em; text-transform: uppercase; font-weight: 600}
  .page-footer .b1,
  .page-footer .b2 {width: 300px}
  .page-footer .b4 {text-align: right}
  .page-footer li {margin-bottom: 6px}
  .page-footer li i {color: #fabd81; margin-right: 4px; width: 24px; text-align: center; display: inline-block}
  .page-footer li a {color: #444; text-decoration: none}
  .page-footer li a:hover {text-decoration: underline}
  .page-footer li.phone,
  .page-footer li.email,
  .page-footer li.vk {font-size: 1.23em; line-height: 22px}
  .page-footer li.email {margin: 10px 0 15px}
  .page-footer li.vk {margin: 10px 0 0}
  .page-footer li.vk img {margin-right: 4px}
  .page-footer li.vk a {color: #666}
  .page-footer li.nds {display: none}
  .page-footer li.nds small,
  .page-footer .b4 small {display: block; margin: 0 0 10px; font-size: 0.846em}
  .page-footer small .star {color: #666}
  .page-footer .star {font-size: 1em}
  .page-footer .b3 li {color: #666}

  .page-footer ul.socials {margin: 0; padding: 0; list-style: none; font-size: 15px; line-height: 1.2}
  .page-footer ul.socials > li {position: relative; padding-left: 30px; margin: 0;}
  .page-footer ul.socials > li > i,
  .page-footer ul.socials > li > img {position: absolute; left: 0; top: 1px;}
  .page-footer ul.socials > li > i {width: 16px;}
  .page-footer ul.socials > li + li {margin-top: 12px;}

  .page-footer .b4 a {text-decoration: none}
  .page-footer .b4 a:hover {text-decoration: underline}
  .page-footer .b4 .snowmobile {display: inline-block; padding-left: 30px; line-height: 24px; background: url(../images/icon-snowmobile.png) no-repeat 0 50%; font-size: 16px}

  .page-footer .copy {margin-top: 30px; padding: 15px 0 20px; border-top: #ddd 1px solid; color: #666; font-size: 0.923em}
  .page-footer .copy a {color: #666; text-decoration: none}
  .page-footer .copy a:hover {text-decoration: underline}


/* Layout: 1 column simple */

  body.simple .page-header {padding: 40px 0 50px}
  body.simple .container {background: #fff; border-bottom: rgba(216,216,216,0.75) 1px solid; -moz-box-shadow: 0 0 3px 0 rgba(126,126,126,0.2); box-shadow: 0 0 3px 0 rgba(126,126,126,0.2)}
  body.simple .page-nav {display: none}

  body.simple .page-footer {margin-top: 100px}
  body.simple .page-footer .b1,
  body.simple .page-footer .b2,
  body.simple .page-footer .b4,
  body.simple .page-footer h4 {display: none}
  body.simple .page-footer .nav {float: left}
  body.simple .page-footer .copy {float: right; margin-top: 0; border-top: none; padding: 0}
  body.simple .page-footer .b3 ul {float: left; width: 270px}
  body.simple .page-footer li.nds {display: list-item; margin-top: 20px}



/* ======================================================================================= */

/* JS elements: popover */

  .popover {display: none; position: absolute; background: #fff; -webkit-border-radius: 5px; border-radius: 5px; border: #ccc 1px solid; z-index: 99999; padding: 20px 20px 10px !important; color: #000; -webkit-box-shadow: 1px 1px 10px 0 rgba(0,0,0,0.15); box-shadow: 1px 1px 10px 0 rgba(0,0,0,0.15)}
  .popover:before {content: ""; display: block; position: absolute; width: 16px; height: 8px; top: -8px; right: 55px; background: url(../images/icon-angle.png) no-repeat 0 0}
  .popover .map {width: 600px; height: 450px; overflow: hidden; position: relative; margin-bottom: 1em}
  .popover .map .icon-spinner {position: absolute; top: 50%; margin-top: -0.5em; font-size: 2.571em; left: 0; right: 0; text-align: center}
  .popover-bg {position: fixed; z-index: 99998; top: 0; bottom: 0; left: 0; right: 0; background: rgba(255,255,255,0.7)}


/* JS elements: slider */

  .jcarousel {position: relative; overflow: hidden}
  .jcarousel ul {width: 20000em; position: relative}
  .jcarousel li {float: left}


/* JS elements: tooltip */

  .tooltip {display: none; position: absolute; max-width: 220px; text-align: center; background: #fff; -webkit-border-radius: 5px; border-radius: 5px; border: #ccc 1px solid; z-index: 999; padding: 6px 8px !important; color: #000; -webkit-box-shadow: 1px 1px 10px 0 rgba(0,0,0,0.15); box-shadow: 1px 1px 10px 0 rgba(0,0,0,0.15)}
  .tooltip:before {content: ""; display: block; position: absolute; width: 16px; height: 8px; bottom: -8px; left: 50%; margin-left: -8px; background: url(../images/icon-angle.png) no-repeat 0 -8px}


/* JS elements: helper */

  .helper {display: none; position: absolute; max-width: 400px; text-align: center; background: #fff; -webkit-border-radius: 5px; border-radius: 5px; border: #ccc 1px solid; z-index: 99999; padding: 6px 8px 10px !important; color: #000; -webkit-box-shadow: 1px 1px 10px 0 rgba(0,0,0,0.15); box-shadow: 1px 1px 10px 0 rgba(0,0,0,0.15)}
  .helper:before {content: ""; display: block; position: absolute; width: 16px; height: 8px; bottom: -8px; left: 50%; margin-left: -8px; background: url(../images/icon-angle.png) no-repeat 0 -8px}
  .helper .gray {color: #777}
  [data-helper] {cursor: help; color: #ff7e02}


/* JS elements: lightbox */

  .lb-overlay {position: absolute; top: 0; left: 0; background: rgba(255,255,255,0.7); z-index: 9999; display: none}
  .lb-box {position: absolute; left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0; font-weight: normal}
  .lb-box .lb-image {display: block; height: auto; max-width: inherit; -webkit-border-radius: 3px; border-radius: 3px}
  .lb-outer {z-index: 100002; position: relative; background: #fff; border-top: #555 4px solid; margin: 0 auto; width: 250px; height: 250px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.25); box-shadow: 0 2px 3px 0 rgba(0,0,0,0.25); line-height: 0}
  .lb-container {padding: 0 0 4px}
  .lb-loader {position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: block; background: rgba(255,255,255,0.7)}
  .lb-cancel {position: absolute; top: 50%; margin-top: -0.5em; width: 100%; left: 0; text-align: center; line-height: 1em; font-size: 64px; color: #ccc; text-decoration: none}
  .lb-prev, .lb-next {position: absolute; font-size: 48px; top: 50%; margin-top: -0.5em; line-height: 1em; color: #000; opacity: 0.5; text-decoration: none}
  .lb-prev:hover, .lb-next:hover {opacity: 1}
  .lb-prev {left: -40px}
  .lb-next {right: -40px}
  .lb-number {position: absolute; bottom: 0; left: 0; line-height: 1.6em; padding: 0 10px 3px; white-space: nowrap; background: #fff; font-size: 13px; -webkit-border-radius: 0 4px 0 0; border-radius: 0 4px 0 0}
  .lb-close {position: absolute; font-size: 24px; width: 24px; height: 24px; line-height: 22px; top: -10px; right: -10px; color: #000; background: #fff; -webkit-border-radius: 100%; border-radius: 100%; text-decoration: none; z-index: 999}
  .lb-points .point {position: absolute; width: 20px;  height: 20px; background: #ff7e02; border: 2px solid #fff; -webkit-border-radius: 100%; border-radius: 100%; cursor: help}
  .lb-points .point:hover {background: #D6340E}
  .lb-fixer {position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 100001}


/* JS elements: UI */

  .ui-helper-hidden {display: none}
  .ui-helper-hidden-accessible {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px}
  .ui-helper-reset {margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none}
  .ui-helper-clearfix:before,
  .ui-helper-clearfix:after {content: ""; display: table; border-collapse: collapse}
  .ui-helper-clearfix:after {clear: both}
  .ui-helper-clearfix {min-height: 0}
  .ui-helper-zfix {width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0}
  .ui-state-disabled {cursor: default !important}

  .ui-widget-overlay {position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(80,73,67,0.7); z-index: 9999}
  .ui-dialog.ui-widget {z-index: 10000; position: absolute; background: #fff; border-top: #e19850 4px solid; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.25); box-shadow: 0 2px 3px 0 rgba(0,0,0,0.25)}
  .ui-dialog .ui-dialog-titlebar {padding: 0; position: relative}
  .ui-dialog .ui-dialog-title {display: none}
  .ui-dialog .ui-dialog-titlebar-close {position: absolute; font-size: 24px; width: 22px; height: 22px; line-height: 22px; top: -10px; right: -10px; color: #ff7e04; background: #fff; -webkit-border-radius: 100%; border-radius: 100%; text-decoration: none; z-index: 999}
  .ui-dialog .ui-dialog-titlebar-close > span {display: none}
  .ui-dialog .ui-dialog-titlebar-close:after {content:"\f057"; font-family: FontAwesome; -webkit-font-smoothing: antialiased; display: inline; color: #ff7e04}
  .ui-dialog .ui-dialog-content {position: relative; padding: 20px; overflow: visible}
  .ui-dialog-content .title {text-align: center; margin-bottom: 1.5em; text-transform: uppercase; color: #777}
  .ui-dialog-content .title b {color: #85be00}
  .ui-dialog-content .summary-simple .product-image {float: left; margin: 5px 0 0}
  .ui-dialog-content .summary-simple .data {margin-left: 130px}
  .ui-dialog-content .summary-simple .data b {font-size: 16px; display: block; margin-bottom: 5px}
  .ui-dialog-content .summary-simple .price {color: #85be00; font-size: 16px; font-weight: normal}
  .ui-dialog-content .summary-simple .continue {display: block; margin: 15px 0 10px}
  .ui-dialog-content .summary-simple .button {padding: 0 10px 2px}
  .ui-dialog {display: none}

  .ui-slider {position: relative; text-align: left; -webkit-border-radius: 4px; border-radius: 4px; background: #d6d6d6; height: 4px; margin: 20px 0}
  .ui-slider .ui-slider-range {position: absolute; z-index: 1; height: 4px; display: block; -webkit-border-radius: 4px; border-radius: 4px; background: #f89536}
  .ui-slider .ui-slider-handle {position: absolute; top: -6px; z-index: 2; width: 5px; height: 16px; cursor: pointer; -ms-touch-action: none; touch-action: none; outline: #fff 2px solid; background: #f89536}
  .ui-slider .ui-slider-handle:last-child {margin-left: -5px}


/* jScrollPane */

  .jspContainer {overflow: hidden; position: relative}
  .jspPane {position: absolute; padding-right: 20px !important; width: 100% !important}
  .jspVerticalBar {position: absolute; top: 0; right: 0; width: 17px; height: 100%}
  .jspCap {display: none}
  .jspTrack {background: #ecf0f1; position: relative; width: 4px; margin: 0 auto}
  .jspDrag {background: #7e7e7e; position: relative; top: 0; left: 0; width: 15px; margin-left: -5px; cursor: pointer; -webkit-border-radius: 4px; border-radius: 4px}
  .jspDrag:after {content: "::"; display: block; position: absolute; top: 0; left: 0; text-align: center; width: 100%; color: #fff; line-height: 24px; font-size: 18px; letter-spacing: 1px; font-weight: 600}
  .jspArrow {background: #50506d; text-indent: -20000px; display: block; cursor: pointer; padding: 0; margin: 0}
  .jspArrow.jspDisabled {cursor: default; background: #80808d}
  .jspVerticalBar .jspArrow {height: 16px}
  .jspVerticalBar .jspArrow:focus {outline: none}
  .jspCorner {background: #eeeef4; float: left; height: 100%}


/* ======================================================================================= */

  .block {background: #fff; padding: 15px 20px; border-bottom: rgba(216,216,216,0.75) 1px solid; -moz-box-shadow: 0 0 3px 0 rgba(126,126,126,0.2); box-shadow: 0 0 3px 0 rgba(126,126,126,0.2)}
  .block h3 {text-transform: uppercase; margin-bottom: 10px}
  .block.banner {padding: 0; line-height: 0}


/* Block: Popular categories */

  .block-cat {width: 270px; padding-bottom: 0; height: 260px; overflow: hidden}
  .block-cat li {border-top: #aaa 1px dotted}
  .block-cat a {display: block; padding-left: 40px; background: url(../images/icon-categories.png) no-repeat 0 0; line-height: 34px; color: #444; text-decoration: none}
  .block-cat a:hover {text-decoration: underline}
  .block-cat .car {background-position: 0 0}
  .block-cat .trans {background-position: 0 -44px}
  .block-cat .moto {background-position: 0 -84px}
  .block-cat .boat {background-position: 0 -124px}
  .block-cat .agr {background-position: 0 -164px}
  .block-cat .other {background-position: 0 -204px}


/* Block: Payment & Delivery */

  .block-delivery {width: 270px; margin-left: 30px; height: 260px; overflow: hidden}
  .block-delivery .unstyled {border-top: #aaa 1px dotted}
  .block-delivery li {line-height: 30px; color: #444}
  .block-delivery li:last-child {border-top: #aaa 1px dotted; padding-top: 20px}
  .block-delivery i {font-size: 16px; color: #fabd81; margin-right: 4px}


/* Block: Manufacturers */

  .block-manuf {width: 270px; height: 300px; overflow: hidden}
  .block-manuf h3 {padding-left: 35px; background: url(../images/icon-manuf.png) no-repeat 0 50%; line-height: 24px; margin-bottom: 15px}
  .block-manuf li {border-top: #aaa 1px dotted; position: relative}
  .block-manuf a {display: block; line-height: 32px; color: #444; text-decoration: none}
  .block-manuf a:hover {text-decoration: underline}
  .block-manuf i {position: absolute; right: 0; top: 50%; height: 24px; line-height: 24px; margin-top: -13px; color: #f81018; padding: 0 4px}
  .block-manuf .all {padding-top: 3px}
  .block-manuf .all a {color: #f81018; font-weight: 600; text-decoration: underline}
  .block-manuf .all a:hover {text-decoration: none}
  .block-manuf .all i {color: #fff; background: #f81018}


/* Block: Badges */

  .block-badges {width: 270px; position: absolute; bottom: 0; left: 0}
  .block-badges > div {float: left; -webkit-border-radius: 80px; border-radius: 80px; width: 80px; height: 80px; color: #fff; text-align: center; overflow: hidden; margin-right: 15px; line-height: 12px; overflow: hidden; padding-top: 13px}
  .block-badges > div:last-child {margin-right: 0}
  .block-badges > div b {font-size: 24px; display: block; line-height: 24px; margin-bottom: 3px; letter-spacing: -1px}
  .block-badges .red {background: #f7262d}
  .block-badges .gold {background: #f2ad21}
  .block-badges .orange {background: #f5861b}
  .block-badges .green {background: #97cd06}


/* Slider: Homepage */

  .block-slider1 {position: relative; width: 870px; padding: 0}
  .block-slider1 .jcarousel li {line-height: 0}
  .block-slider1 .jcarousel-pagination {position: absolute; bottom: 15px; left: 20px; margin: 0}
  .block-slider1 .jcarousel-pagination a {width: 10px; height: 10px; text-indent: -999px; overflow: hidden; -webkit-border-radius: 100%; border-radius: 100%; border: #333 3px solid; display: inline-block; margin-right: 5px; opacity: .5}
  .block-slider1 .jcarousel-pagination a.active {background: #333}


/* Breadcrumbs */

  .breadcrumbs {font-size: 12px; color: #999; margin-bottom: 10px}
  .breadcrumbs li {display: inline}
  .breadcrumbs li:after {content:" \f105 "; font-family: FontAwesome; -webkit-font-smoothing: antialiased; display: inline; margin: 0 5px}
  .breadcrumbs li:last-child:after {display: none}
  .breadcrumbs a {color: #999; text-decoration: none}
  .breadcrumbs a:hover {color: #000; text-decoration: underline}


/* Products: Homepage */

  .block-products {margin: 30px 0; padding: 30px 0 35px; position: relative}
  .block-products	h2 {margin: 0 25px 30px; padding-bottom: 15px; border-bottom: #aaa 1px dotted}
  .block-products .jcarousel {width: 1045px; margin: 0 auto}
  .block-products .jcarousel ul {margin: 0}
  .block-products .jcar-control-prev,
  .block-products .jcar-control-next {position: absolute; top: 50%; margin-top: -0.5em; line-height: 1em; font-size: 64px; color: #f67b04; opacity: 0.5; text-decoration: none}
  .block-products .jcar-control-prev:hover,
  .block-products .jcar-control-next:hover {opacity: 1}
  .block-products .jcar-control-prev {left: 30px}
  .block-products .jcar-control-next {right: 30px}

  aside.sidebar .block-banners .f-left {float: none !important; width: auto; margin: 0 0 30px; height: auto; padding: 30px 0 30px 20px; font-size: 1.142em}
  aside.sidebar .block-banners .f-left b {line-height: 1.1em; margin-bottom: 10px; display: inline-block; font-size: 1.5em}
  aside.sidebar .block-banners .box-blue,
  aside.sidebar .block-banners .box-red {display: none}


/* After main: SEO text */

  .block-seotext {margin: 30px 0 0; color: #777}
  .block-seotext .hide {display: none}


/* Sidebar: Right support box at 1col-simple */

  .block-support {background: #f1f1f1; width: 335px; float: right; padding: 20px; position: relative}
  .block-support i {font-size: 24px; position: absolute; left: 20px; top: 20px; color: #ff7e02}
  .block-support h5 {padding-left: 30px}
  .block-support p {color: #777}
  .block-support a {text-decoration: none; color: #000}
  .block-support a:hover {text-decoration: underline}


/* Pager */

  .pager {text-align: center; padding: 15px 0}
  .pager .unstyled {display: inline-block}
  .pager .unstyled li {display: inline-block; vertical-align: middle}
  .pager .unstyled li a {position: relative; display: block; text-align: center; width: 26px; line-height: 26px; text-decoration: none; color: #111; background-color: #f6f6f6;}
  .pager .unstyled li a.long {width: auto; padding-left: 8px; padding-right: 8px; text-transform: uppercase; font-size: 12px;}
  .pager .unstyled li a:hover {background-color: #ddd}
  .pager .unstyled li a:hover:after {content: ""; position: absolute; top: -5px; left: 0; border-bottom: #ddd 5px solid; border-left: transparent 13px solid; border-right: transparent 13px solid}
  .pager .unstyled li span {position: relative; display: block; text-align: center; width: 26px; line-height: 26px; text-decoration: none; color: #fff; background: #999}
  .pager .unstyled li span:after {content: ""; position: absolute; top: -5px; left: 0; border-bottom: #999 5px solid; border-left: transparent 13px solid; border-right: transparent 13px solid}
  .pager .unstyled li a.long:after {display: none !important;}

  .toolbartop .pager .unstyled li a:hover:after {bottom: -5px; top: auto; border-bottom: none; border-top: #ddd 5px solid;}
  .toolbartop .pager .unstyled li span:after {bottom: -5px; top: auto; border-bottom: none; border-top: #999 5px solid;}

/* ======================================================================================= */

/* Product list */

  .category-products {position: relative}
  .category-products .title {padding-bottom: 5px; border-bottom: #aaa 1px dotted; margin-bottom: 30px}
  .category-products .title h1 {line-height: 28px; margin: 0}
  .category-products .title .amount {line-height: 34px; font-size: 14px; color: #999; margin-left: 15px}
  .category-products .title .sort select {width: 150px; margin: 0 5px 0 10px}
  .category-products .title .sort .switch {display: inline-block; position: relative; font-size: 16px; width: 10px}
  .category-products .title .sort a {color: #7e7e7e; text-decoration: none}
  .category-products .title .sort a:hover,
  .category-products .title .sort a.active {color: #f81018}
  .category-products .title .sort a.active {cursor: default}
  .category-products .title .sort .icon-sort-up {position: absolute; top: -16px}
  .category-products .title .sort .icon-sort-down {position: absolute; bottom: -8px}
  .category-products .title .pages {clear: both; margin: 0 0 10px; padding-top: 10px}
  .category-products .title .pages ol {margin: 0; padding: 0; list-style: none}
  .category-products .title .pages ol li {display: inline-block}
  .category-products .title .pages > strong {display: none}
  .category-products .title .pages ol li.current {display: inline-block; margin-right: 5px; background: #eee; -webkit-border-radius: 4px; border-radius: 4px; color: #888; width: 28px; text-align: center; line-height: 28px; text-decoration: none}
  .category-products .title .pages a.next {display: none}

  .ajax-loader {display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255,255,255,0.85); z-index: 10}
  .ajax-loader i {font-size: 48px; line-height: 1em; position: absolute; top: 30%; left: 0; right: 0; text-align: center; color: #777}


/* Common product list: Grid */

  .products-grid ul {border-bottom: #aaa 1px dotted; padding-bottom: 30px; margin-bottom: 30px}
  .products-grid ul:last-child {border-bottom: none; padding-bottom: 0}
  .products-grid ul li {float: left; width: 185px; margin-right: 30px}
  .products-grid ul li:last-child {margin-right: 0}
  .products-grid ul li .product-name {display: block; text-align: center; color: #444; text-decoration: none; line-height: 1.22em; height: 3.66em; overflow: hidden; font-weight: 600; margin-bottom: 10px}
  .products-grid ul li .product-name:hover {text-decoration: underline}
  .products-grid ul li .product-image {display: block; text-align: right; position: relative; margin-bottom: 10px}
  .products-grid ul li .product-image .usvo {position: absolute; right: 5px; top: 5px;}
  .products-grid ul li .product-image.a-center {text-align: center}
  .products-grid ul li .product-image > a {display: inline-block; line-height: 0; position: relative; z-index: 0}
  .products-grid ul li .product-image .loader {z-index: 1}
  .products-grid ul li .product-image .loader i {color: #f67b04; font-size: 30px; z-index: 2}
  .products-grid ul li .product-image .types {position: absolute; top: 0; left: 0; z-index: 3}
  .products-grid ul li .product-image .types a {display: block; opacity: 0.5; line-height: 0}
  .products-grid ul li .product-image .types a:hover {opacity: 1}
  .products-grid ul li .actions {text-align: center}
  .products-grid ul li .actions .price-box {display: inline-block; vertical-align: middle}
  .products-grid ul li .actions .outofstock {color: #c00; display: inline-block; font-size: 12px; line-height: 1em; vertical-align: middle; width: 75px}
  .products-grid ul li .actions .button {margin-left: 7px}
  .products-grid ul li .per1l {margin-top: 10px; color: #999; text-align: center}
  .products-grid ul li .gift {background: url(../images/icon-gift2.png) no-repeat 0 0; display: block; height: 56px; position: absolute; right: -10px; top: -10px; width: 56px;}

  .block-analog {margin-top: 30px; padding: 20px}
  .block-analog h2 {margin-bottom: 30px; padding-bottom: 20px; border-bottom: #aaa 1px dotted}
  .block-analog .unstyled {width: 1045px; margin: 0 auto}


/* Block - Layered navigation */

  .block-layered {}
  .block-layered dl {margin-bottom: 20px}
  .block-layered dt {border-bottom: #aaa 1px dotted; padding-bottom: 6px; color: #ff7e02; font-size: 12px; text-transform: uppercase; font-weight: 600; position: relative; cursor: pointer}
  .block-layered dt:after {content: "\f105"; font-family: FontAwesome; -webkit-font-smoothing: antialiased; display: block; position: absolute; right: 0; top: 0; font-size: 16px}
  .block-layered dt:hover {color: #222}
  .block-layered dd {display: none; margin-top: 10px; font-size: 12px}
  .block-layered dd li {margin: 2px 0; position: relative}
  .block-layered dd li [type=checkbox] {display: none}
  .block-layered dd li .count {color: #999}
  .block-layered dd li a {display: inline-block; cursor: pointer; padding: 2px 5px; -webkit-border-radius: 3px; border-radius: 3px; text-decoration: none; color: #333}
  .block-layered dd li a:hover {background: #eee}
  .block-layered dd li a.active {color: #fff; background: #ff7e02}
  .block-layered dd li a.active .count {color: #fff}

  .block-layered dd .scroll-pane {max-height: 250px; overflow: auto; overflow-x: hidden; margin-left: -5px; padding-left: 5px}

  .block-layered dd.range b {font-size: 12px; font-weight: 600; color: #333; text-transform: uppercase}
  .block-layered dd.range input[type=text] {width: 55px; font-size: 11px; margin: 0 4px; padding: 0; text-align: center}
  .block-layered dd.range .btn {text-align: right; margin: 15px 0 10px}
  .block-layered dd.range .button.small {line-height: 24px}

  .block-layered .d4:last-child dl:last-child {margin-bottom: 0}
  .block-layered .d4:last-child dl:last-child dt {border-bottom: none}
  .block-layered .d4:last-child dl.open:last-child dt {border-bottom: #aaa 1px dotted}
  .block-layered dl.open dt:after {content: "\f107"}
  .block-layered dl.open dd {display: block}

  .block-state {margin-bottom: 30px}
  .block-state .buttons-set {margin-bottom: 0}
  .block-state ol li {margin-bottom: 5px; line-height: 18px}
  .block-state ol li a {text-decoration: none; color: #c00; font-size: 16px; line-height: 18px}
  .block-state ol li a:hover {color: #000}


/* Modal - add to cart */

  #store_select_popup_dialog .dialog-footer .price-box {padding-top: 6px}
  #store_select_popup_dialog .dialog-footer .price-box > * {font-size: 28px; color: #444}
  #store_select_popup_dialog .dialog-footer .price-box .currency {font-size: 28px}
  #store_select_popup_dialog .dialog-footer .per1l {color: #999}


/* ======================================================================================= */

/* Product view */

  .product-view {margin-top: 30px}
  .product-view .image {line-height: 0; border: #efefef 1px solid; width: 350px; position: relative}
  .product-view .image .usvo {position: absolute; right: 10px; top: 10px;}
  .product-view .image .zoom {display: block; position: absolute; cursor: pointer; right: 10px; bottom: 10px; line-height: 36px; width: 38px; height: 38px; border: #555 2px solid; color: #555; font-size: 28px; text-align: center; -webkit-border-radius: 4px; border-radius: 4px; opacity: 0.7}
  .product-view .image .zoom:hover {opacity: 1}
  .product-view .data {width: 750px; border-bottom: #aaa 1px dotted; padding-bottom: 15px}
  .product-view .data h1 {margin-bottom: 10px}
  .product-view .data .manuf {padding-bottom: 10px; border-bottom: #aaa 1px dotted; color: #666}
  .product-view .data .manuf a {color: #ff810a}
  .product-view .oem-row {display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px;}
  .product-view .oem-row > div {position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px;}
  .product-view .oem-row .oem-col {-webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%;}
  .product-view .oem-row .oem-col-auto {-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none;}
  .product-view .data .box-official {max-width: 120px;}
  .product-view .data .box-official a {display: block; font-size: 12px; text-align: center; line-height: 1;}
  .product-view .data .box-official a img {display: block; border: #fff 1px solid; border-radius: 3px; box-shadow: 0 2px 8px 0 rgba(0,0,0,.4); margin: 0 auto 10px;}
  .product-view .data .descr {color: #666; padding: 20px 0; border-bottom: #aaa 1px dotted; margin-bottom: 30px;}
  .product-view .data .count {vertical-align: middle}
  .product-view .data .count .form-item {margin-bottom: 0}
  .product-view .data .count .form-item dt {line-height: 28px; font-size: 14px; width: 110px}
  .product-view .data .count .form-item dd {margin-left: 110px}
  .product-view .data .price-box {padding-top: 6px; letter-spacing: -0.035em;}
  .product-view .data .price-box > * {font-size: 28px; color: #444}
  .product-view .data .price-box .old-price {display: inline-block; color: #c00; font-size: 22px;}
  .product-view .data .price-box .currency {font-size: 28px}
  .product-view .data .per1l {color: #999}
  .product-view .data .button.primary {width: 120px; padding: 0; text-align: center}
  .product-view h3 {margin: 35px 0 25px}
  .product-view .additional {margin-bottom: 20px}
  .product-view .additional .col {padding: 0 15px 0 0}
  .product-view .additional .col:last-child {padding: 0 0 0 15px}
  .product-view .additional h6 {margin-top: 25px}
  .product-view .additional h6:first-child {margin-top: 0}
  .product-view .striped {width: 100%}
  .product-view .striped tr:nth-child(odd) {background: #f3f2f2}
  .product-view .striped td {padding: 5px}
  .product-view .striped th {font-weight: 600; width: 32%; padding: 5px}

  .product-view .gift {display: block; width: 145px; height: 56px; background: url(../images/icon-gift.png) no-repeat 0 0; position: absolute; top: -17px; right: -15px;}

  .block-params .unstyled {margin-bottom: 12px}
  .block-params .unstyled li {display: inline-block; margin: 0 10px 10px 0}
  .block-params .unstyled li a {display: block; text-decoration: none; color: #5a5a5a; text-align: center}
  .block-params .unstyled li img {border: #ecf0f1 1px solid; padding: 1px}
  .block-params .unstyled li span {display: block}
  .block-params .unstyled li a:hover {color: #ff7e02}
  .block-params .unstyled li a:hover img {border-color: #ff7e02}
  .block-params .unstyled li a.active img {border: #ff7e02 2px solid; padding: 0}
  .block-params .unstyled li a.active {font-weight: 600; color: #ff7e02}

  .block-stock .unstyled {margin-bottom: 12px}
  .block-stock .unstyled li {margin-bottom: 1px}
  .block-stock .unstyled label {display: block; line-height: 24px; padding: 0 10px; cursor: pointer}
  .block-stock .unstyled label.green {background: #e1edd7; color: #5cb100}
  .block-stock .unstyled label.red {background: #ffdbe0; color: #cd3b3b}
  .block-stock .unstyled label.active,
  .block-stock .unstyled label:hover {background: #ff7e02; color: #fff}
  .block-stock .unstyled label input {margin: 0 5px 4px 0; vertical-align: middle}
  .block-stock .unstyled .f-right {width: 130px}


/* ======================================================================================= */

/* Cart page */

  .cart-box {padding: 30px}
  .cart-box .data-table {margin: 35px 0}
  .cart-box .totals {text-align: right}
  .cart-box .totals .summ {line-height: 30px; color: #666; font-size: 14px}
  .cart-box .totals .summ b {font-weight: normal}
  .cart-box .totals .final {font-size: 20px; line-height: 1.3em; margin-top: 10px; color: #000}
  .cart-box .totals .final b {color: #ff7e02}
  .cart-box .totals .final .currency {font-size: 19px}

  .cart-empty {text-align: center; margin-top: 2em; font-size: 16px; color: #777}
  .cart-empty .icon-shopping-cart {font-size: 10em; color: #e4e4e4}

  .cart-after {border-top: 1px dotted #aaa; padding: 20px 0 22px; margin: 0 30px}
  .cart-after .button.gray {text-transform: uppercase}
  .cart-after .block-support {background: none; width: 375px; float: left; padding: 18px 40px 0 35px; border-right: 1px solid #E4E4E4; height: 115px}
  .cart-after .block-support i {left: 0; top: 15px; color: #ccc}
  .cart-after .block-support h5 {display: none}

  .block-discount {width: 270px}
  .block-discount h3 {font-size: 16px; text-transform: uppercase; margin-bottom: 20px}
  .block-discount .button.grayscale {padding: 0 10px; line-height: 34px; vertical-align: top}
  .block-discount input[type=text] {width: 200px; height: 34px; line-height: 34px; vertical-align: top}


/* Checkout page */

  .checkout-box {padding: 30px}
  .checkout-box h1 {border-bottom: #aaa 1px dotted; margin-bottom: 25px; padding-bottom: 30px}
  .checkout-box h2 {font-size: 16px; text-transform: uppercase; color: #666; margin-bottom: 20px}
  .checkout-box .form-item {margin-bottom: 10px}
  .checkout-box .form-item dt {line-height: 32px; padding-top: 0}
  .checkout-box .form-item dd {min-height: 34px}
  .checkout-box input[type=text],
  .checkout-box input[type=password],
  .checkout-box select {line-height: 34px; height: 34px}
  .checkout-box > .col2-set {padding-bottom: 40px; margin-bottom: 30px; border-bottom: #aaa 1px dotted}
  .checkout-box > .col2-set:last-child {padding-bottom: 20px; margin-bottom: 0; border-bottom: none}
  .checkout-box .col label {display: block; margin-bottom: 20px}
  .checkout-box .col label .price {margin-left: 15px; color: #ff7e02; font-weight: 600; font-size: 16px}
  .checkout-box .col label .price .currency {font-size: 16px}
  .checkout-box .new-address {text-decoration: none; display: inline-block; border-bottom: 1px dotted}
  .checkout-box .new-address:hover {border-bottom: none; margin-bottom: 1px}
  .checkout-box .split {margin: 0 10px; color: #999}

  .checkout-box .inform {position: relative; display: inline-block; border: #e5e5e5 1px solid; -webkit-border-radius: 5px; border-radius: 5px; color: #777; padding: 10px 32px 13px 34px}
  .checkout-box .inform i {position: absolute; top: 10px; left: 14px; color: #ccc; margin-right: 4px}

  .checkout-totals {border-top: 1px dotted #aaa; padding: 20px 0 22px; margin: 0 30px}
  .checkout-totals .totals {margin-right: 40px}
  .checkout-totals .totals .line {font-size: 14px; line-height: 30px; color: #666}
  .checkout-totals .totals .line em,
  .checkout-totals .totals .line b {color: #f67b04; font-weight: normal; font-style: normal}
  .checkout-totals .totals .line b,
  .checkout-totals .totals .line b .currency {font-size: 16px}
  .checkout-totals .totals .final {font-size: 20px; color: #333; font-weight: 600; margin-top: 10px}
  .checkout-totals .totals .final b,
  .checkout-totals .totals .final b .currency {font-size: 20px; font-weight: normal}
  .checkout-totals .f-right {text-align: right}
  .checkout-totals .grandtotal {margin-bottom: 15px; font-size: 1.285em; text-align: center; white-space: nowrap}
  .checkout-totals .grandtotal .price {font-size: 1.334em; color: #ff7e02; font-weight: normal}


/* ======================================================================================= */

/* customer */

  .customer-box {padding: 30px 30px 40px}

  .customer-box .col {padding: 30px 30px 40px; border-right: #e4e4e4 1px solid}
  .customer-box .col:last-child {border-right: 0}
  .customer-box .gray {color: #777; margin-bottom: 3em}

  .oneall_social_login {border-top: #e4e4e4 1px solid; padding: 30px; text-align: center}
  .oneall_social_login > h4 {line-height: 36px; margin-right: 10px; display: inline-block; vertical-align: top}
  .oneall_social_login > div {max-height: 40px; overflow: hidden; display: inline-block; vertical-align: top}

  .form-box {float: left; width: 730px}
  .form-box h2 {font-size: 20px; text-transform: uppercase; margin-bottom: 35px}
  .form-box input[type=text],
  .form-box input[type=password] {width: 90%}

  .form-box .avatar-upload {line-height: 0; position: relative; width: 152px; border: #ddd 1px solid; text-align: center}
  .form-box .avatar-upload #uploadPhoto {z-index: 3; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; opacity: 0}
  .form-box .avatar-upload .alt {display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); z-index: 1}
  .form-box .avatar-upload .alt b {position: absolute; bottom: 0; left: 0; width: 100%; line-height: 30px; background: rgba(0,0,0,0.3); color: #fff; font-size: 12px; font-weight: 600; z-index: 2}
  .form-box dd small {display: block; margin-top: 5px; line-height: 1em}

  .customer-after {border-top: #aaa 1px dotted; padding: 20px 0; margin: 0 30px}


/* ======================================================================================= */

/* buttons */

  button {margin: 0; padding: 0; display: inline-block; background: none; cursor: pointer}

  .button {display: inline-block; background: #ccc; font-size: 14px; padding: 0 20px 2px; line-height: 32px; color: #000; text-transform: uppercase; -webkit-border-radius: 4px; border-radius: 4px; text-decoration: none}
  .button:hover {background: #777; color: #fff}
  .button:active {position: relative; top: 1px}

  .button.grayscale {background: #7e7e7e; color: #fff; font-size: 18px}
  .button.grayscale:hover {background: #444; color: #fff}

  .button.lines {background: none; padding: 0 30px 2px; border: #ccc 1px solid; color: #aaa; text-transform: none}
  .button.lines:hover {background: #ccc; color: #444}

  .button.red {background: #c00; color: #fff}
  .button.red:hover {background: #a20707}

  .button.blue {background: #ff7e02; color: #fff}
  .button.blue:hover {background: #0285b1}

  .button.orange {background: #f67b04; color: #fff}
  .button.orange:hover {background: #d45f00}

  .button.gray {background: #b2b2b2; color: #fff; text-transform: none}
  .button.gray:hover {background: #777}

  .button.green {background: #85be00; color: #fff}
  .button.green:hover {background: #68900b}

  .button.small {line-height: 30px; padding: 0 10px 1px; font-size: 13px; text-transform: none}
  .button.x-small {line-height: 24px; padding: 0 8px 1px; font-size: 12px; text-transform: none}
  .button.bigger {font-size: 22px; line-height: 41px}
  .button.primary {font-size: 18px; line-height: 53px}

  header .button.primary {font-size: 16px; line-height: 41px}

  .button.loading {position: relative; cursor: default}
  .button.loading:before {z-index: 2; position: absolute; left: 0; width: 100%; text-align: center; color: #000; content:"\f110"; font-family: FontAwesome; -webkit-font-smoothing: antialiased; display: inline-block; -moz-animation:spin 2s infinite linear; -o-animation:spin 2s infinite linear; -webkit-animation:spin 2s infinite linear; animation:spin 2s infinite linear}
  .button.loading:after {z-index: 1; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.5); display: block}

  .buttons-set {margin: 15px 0}


/* Form elements */

  form {display: inline}

  input[type=text], input[type=password], textarea, select {width: 100%; padding: 0 5px; border: #ccc 1px solid; -webkit-border-radius: 3px; border-radius: 3px; background: #fff; height: 28px; line-height: 28px}
  textarea {padding: 5px; height: 195px; resize: none; line-height: 1.4em}
  select {padding: 2px}

  input[type=text]:is([value='']) {border-color: #AAA; color: #000}
  ::-webkit-input-placeholder {color: #999 !important; font-size: 13px}
  :-moz-placeholder {color: #999 !important; font-size: 13px}
  .placeholder {color: #999 !important; font-size: 13px}

  .form-item {margin-bottom: 15px}
  .form-item dt {float: left; width: 160px; padding-top: 4px}
  .form-item dd {margin-left: 165px; position: relative}
  .form-item.wide dt {float: none; width: auto; padding: 0 0 4px}
  .form-item.wide dd {margin: 0}

  div.qty {display: inline-block; position: relative; padding: 0 30px}
  div.qty .minus,
  div.qty .plus {display: block; position: absolute; top: 0; bottom: 0; width: 30px; border: #ccc 1px solid; text-align: center; line-height: 32px; background: #ecf0f1; text-decoration: none; color: #777; font-size: 24px; font-weight: 600}
  div.qty .minus:hover,
  div.qty .plus:hover {color: #fff; background: #ff7e02}
  div.qty .minus {left: 0; -webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px}
  div.qty .plus {right: 0; -webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0}
  div.qty input[type=text] {width: 60px; -webkit-box-shadow: none !important; box-shadow: none !important; border-color: #ccc !important; -webkit-border-radius: 0; border-radius: 0; text-align: center; height: 34px; line-height: 34px}

  .star {font-size: 1.2em; color: #c00}

  .validation-advice {display: none; bottom: -11px; position: absolute; left: 0; white-space: nowrap; margin: 3px 0 0; padding-left: 10px; font-size: 10px; line-height: 10px; background: url(../images/validation_advice_bg.gif) 0 50% no-repeat; color:#c00; z-index: 10}
  .validation-failed {border-color: #c00; -webkit-box-shadow: 0 0 7px 0 rgba(204,0,0,0.5); box-shadow: 0 0 7px 0 rgba(204,0,0,0.5)}
  .option_images .validation-advice {bottom: -1px}


/* Global Messages  */

  .success {color:#85be00; font-weight: 600}
  .error {color:#c00; font-weight: 600}
  .notice {color:#ff7e02}

  .messages,
  .messages ul,
  .messages li {list-style: none; margin: 0; padding: 0}
  .messages > li {margin: 0 0 10px; padding: 10px 0 12px 20px; border-left: #000 3px solid; text-align: left; color: #000; background: #e4e4e4}
  .messages > .error-msg {background: #f7d9d9; border-color: #c00}
  .messages > .success-msg {background: #edf5d9; border-color: #85be00}
  .messages > .note-msg,
  .messages > .notice-msg {background: #d9f0f7; border-color: #ff7e02}

  .error-empty, .error-email {display: none}


/* ======================================================================================= */

/* Content */

  .cms-home .std {display: none}

  article.content .page-title {margin-top: 20px; border-bottom: #aaa 1px dotted; padding-bottom: 15px; margin-bottom: 30px}
  article.content .page-title h1 {margin-bottom: 0}
  article.content .page-title h1.f-left {line-height: 30px}

  article.content > .std {padding-bottom: 30px}
  article.content > .std ol li,
  article.content > .std ul li {margin-bottom: 0.5em}
  article.content > .std .price {font-size: 1.22em; color: #85BE00}
  article.content > .std .price .currency {font-size: 0.9em}
  article.content > .std h2 {margin-top: 1.5em}
  article.content > .std h2:first-child {margin-top: 0}
  article.content > .std h3 {margin-top: 1.5em; text-transform: none}
  article.content > .std h3:first-child {margin-top: 0}


/* guestbook */

  .guestbook ul li {margin-bottom: 30px}
  .guestbook ul li .text {position: relative; background: #f1f1f1; padding: 15px 20px}
  .guestbook ul li .text:after {content: ""; position: absolute; bottom: -20px; left: 30px; width: 0; height: 0; border-top: 25px solid #f1f1f1; border-left: 25px solid transparent}
  .guestbook ul li .author {line-height: 40px; padding-left: 70px}
  .guestbook ul li .author span {color: #999; margin-left: 5px}

  .guestbook-form {width: 90%; margin: 0 auto 30px}


/* Data Table */

  .data-table {width: 100%; padding: 0; margin: 0; border: none; border-collapse: collapse}
  .data-table > thead > tr > th,
  .data-table > tbody > tr > td {text-align: left; padding: 10px 15px; border-bottom: #e4e4e4 1px solid; border-left: #e4e4e4 1px solid}
  .data-table > thead > tr > th:first-child,
  .data-table > tbody > tr > td:first-child {border-left: none}

  .data-table > thead > tr > th {padding-top: 5px; color: #777; font-weight: normal}
  .data-table td {vertical-align: middle}

  .data-table .a-center {text-align: center}
  .data-table .a-right {text-align: right}
  .data-table div.qty input[type="text"] {width: 40px}
  .data-table .product-image {display: inline-block; margin-bottom: 0; line-height: 0; border: #ecf0f1 1px solid}
  .data-table .product-name {margin-bottom: 10px}
  .data-table .product-name a {font-weight: 600; font-size: 14px; color: #000; text-decoration: none}
  .data-table .product-name a:hover {text-decoration: underline}
  .data-table .item-option {margin-bottom: 5px}
  .data-table .item-option dt {display: inline-block; color: #999}
  .data-table .item-option dd {display: inline-block; font-weight: 600}
  .data-table .remove {text-decoration: none; color: #ccc; font-size: 2.285em}
  .data-table .remove:hover {color: #c00}

  .data-table.stripped tbody tr:nth-child(even) {background: #f5f5f5}
  .data-table.hover tbody tr:hover {background: #fef9f3}
  .data-table.thin > tbody > tr > td,
  .data-table.thin > thead > tr > th {padding: 3px 10px}

  .pdf {display: inline-block; width: 32px; height: 32px; background: url(../images/icon-pdf.png) no-repeat 0 0}
  a:hover .pdf {background-position: 0 100%}

  .grand_total b .price .currency {font-size: 18px}


/* pagination */

  .pages {margin: 30px 0}
  .pages a {display: inline-block; margin-right: 5px; background: #eee; -webkit-border-radius: 4px; border-radius: 4px; color: #888; width: 28px; text-align: center; line-height: 28px; text-decoration: none}
  .pages a:hover {color: #000; background: #ccc}
  .pages a.current {background: #ff7e02; color: #fff}


/* ======================================================================================= */

/* Account - leftnav */

  .block-account {background: #F5F7F8}
  .block-account a {display: block; line-height: 36px; padding: 0 0 2px 15px; border-bottom: #ddd 1px dotted; color: #000; text-decoration: none}
  .block-account .no-display {display: none}
  .block-account a:hover {background: #ff7e02; color: #fff}
  .block-account .active a {font-weight: 600}
  .block-account li:last-child a {border-bottom: none}


/* Account - dashboard */

  .dashboard .welcome-msg {margin-bottom: 30px}
  .dashboard .box {width: 48.5%}
  .dashboard .box .title {border-bottom: #e4e4e4 1px solid; padding: 0 0 5px; margin-bottom: 1em}
  .dashboard .box .title h3 {float: left; margin-bottom: 0; line-height: 30px}
  .dashboard .box .title .edit {float: right; text-decoration: none; line-height: 30px; font-size: 16px}
  .dashboard .form-item input[type=text] {width: 300px}
  .dashboard .form-item input[type=password] {width: 300px}
  .dashboard .form-item dd small {display: block; font-size: 12px; color: #777; line-height: 1em; margin-top: 5px}

  .dashboard .avatar-upload {line-height: 0; position: relative; width: 152px; border: #ddd 1px solid; text-align: center}
  .dashboard .avatar-upload #uploadPhoto {z-index: 3; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; opacity: 0}
  .dashboard .avatar-upload .alt {display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); z-index: 1}
  .dashboard .avatar-upload .alt b {position: absolute; bottom: 0; left: 0; width: 100%; line-height: 30px; background: rgba(0,0,0,0.3); color: #fff; font-size: 12px; font-weight: 600; z-index: 2}

  .box-title {border-bottom: #e4e4e4 1px solid; padding: 0 0 5px; margin-bottom: 20px}
  .box-title h3 {margin-bottom: 0; line-height: 30px}


/* ======================================================================================= */

/* Forum */

  .forum .likes .vote {color: #999; }
  .forum .likes .voted.icon-thumbs-up { color: #0d0 }
  .forum .likes .voted.icon-thumbs-down { color: #d00 }


  .forum {padding-bottom: 50px}
  .forum .title {padding-bottom: 5px; border-bottom: #aaa 1px dotted; margin-bottom: 30px}
  .forum .title h1 {line-height: 28px; margin: 0}
  .forum .title .amount {line-height: 34px; font-size: 14px; color: #999; margin-left: 15px}

  .forum table td.icon i {font-size: 40px; color: #fabd81}
  .forum table td.name h5 {font-size: 1.15em}
  .forum table .inf {color: #999; margin-top: 5px}
  .forum table .inf .links {color: #555}
  .forum table .inf .links a {color: #555}
  .forum table .inf p:last-child {margin-bottom: 0}
  .forum table .editable {margin-top: 5px}
  .forum table .editable a {color: #555; font-size: 12px; text-decoration: none; display: inline-block; margin-right: 10px}
  .forum table .editable a:last-child {margin-right: 0}
  .forum table .editable a span {text-decoration: underline}
  .forum table .editable a:hover span {text-decoration: none}

  .forum table .w80 {width: 80px;}
  .forum table .w60 {width: 60px;}
  .forum table .w30prc {width: 30%;}

  .forum-descr {margin: -15px 0 30px; position: relative}
  .forum-descr .links {display: none}

  .post-text img {max-width: 800px; position: relative}

  .forum .user-info {font-size: 12px}
  .forum .user-info a {color: #999; text-decoration: none; border-bottom: 1px dotted; display: inline-block}
  .forum .user-info a:hover {border-bottom: none; margin-bottom: 1px}
  .forum .username.pointer {cursor: pointer}

  .fastreply {margin-top: 40px; border-top: #eee 5px solid; padding-top: 10px}
  .fastreply h2 {margin: 0 0 30px; font-weight: normal}

  .forum.edit .col2-set .col {padding-left: 15px}
  .forum.edit .col2-set .col:first-child {padding-left: 0; padding-right: 15px}

  .forum .files a {display: inline-block; max-width: 60%}
  .forum .files.list a {max-width: auto; width: auto; line-height: 1.1em; padding: 7px 0 0 40px; height: 25px}
  .forum .files li {padding: 5px}
  .forum .files li:nth-child(odd) {background: #f9f9f8}

  .forum blockquote {border-left: 3px solid #aaa; padding: 5px 15px; margin: 20px 0}
  .forum blockquote:first-child {margin-top: 0}
  .forum blockquote:last-child {margin-bottom: 0}
  .forum blockquote strong {display: block; font-weight: 600; margin-bottom: 10px; font-style: normal; color: #777}
  .forum blockquote p:last-child {margin: 0}

  .forum cite {display: block; font-weight: 600; margin-bottom: 10px; font-style: normal; color: #777}
  .forum .quote {border-left: 3px solid #aaa; padding: 5px 15px}
  .forum .quote p:last-child {margin: 0}

  .forum .scroll {display: block; position: fixed; right: 30px; top: 50%; z-index: 999; margin: 0; padding: 0; width: 40px; height: 40px; border: none; border-radius: 100%; background: #ff7e02; color: #fff; line-height: 40px; font-size: 24px; opacity: .5;}
  .forum .scroll:hover {opacity: 1;}
  .forum .scroll.up {transform: translateY(-100%); margin-top: -10px;}
  .forum .scroll.down {margin-top: 10px;}


/* ======================================================================================= */

  body.cms-no-route {height: 100%}

  .page-404 {position: absolute; top: 50%; left: 50%; width: 800px; height: 300px; margin: -175px 0 0 -400px; overflow: hidden}
  .page-404 em {position: absolute; top: 15px; left: 30px; font-size: 90px; line-height: 1em; color: #DDD; font-style: normal; font-weight: 600; letter-spacing: -8px}
  .page-404 h1 {position: absolute; bottom: -5px; right: 40px; font-size: 120px; line-height: 95px; color: #f67b04; margin-bottom: 0; font-weight: 600; letter-spacing: -10px}
  .page-404 .links {position: absolute; bottom: 40px; left: 20px}
  .page-404 .text {position: absolute; top: 50px; right: 20px; text-align: right}
  .page-404 h2 {font-size: 18px; font-weight: normal}
  .page-404 ul {margin: 0}

  .more-threads {display:none;}

  .forum-search-list .item {margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dotted #ccc}
  .forum-search-list .item:last-child {margin-bottom: 0; border-bottom: none}
  .forum-search-list .item b {color: #c00 !important;}