@charset "utf-8";
/** - Reset* - Typography* - Forms* - Common* - Pages    * - Header    * - Footer    * - Main    * -     * - * - Responsive* - Print* - IE8*//* - - - - - - - - - - - - - Reset - - - - - - - - - - - - - */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    background: transparent;
    background-repeat: no-repeat;
}

div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    /*position: relative;*/
}

* {
    /*-moz-box-sizing: border-box;    -webkit-box-sizing: border-box;    box-sizing: border-box;*/
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
}

.preload * {
    -webkit-transition: all 0s linear !important;
    -moz-transition: all 0s linear !important;
    -ms-transition: all 0s linear !important;
    -o-transition: all 0s linear !important;
}

body {
    line-height: 1;
    background: #fafafa;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td {
    vertical-align: top;
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

hr, legend, audio:not([controls]), [hidden] {
    display: none;
}

ins {
    text-decoration: none;
}

mark {
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

/* - - - - - - - - - - - - - Typography - - - - - - - - - - - - - */
html {
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

body, button, input, select, textarea {
    font-size: 14px; /*62.5%*/
    font-family: Arial, Helvetica, sans-serif;
    color: #444;
    line-height: 1;
}

a {
    text-decoration: none;
}

:visited {
    text-decoration: none
}

b, strong {
    font-weight: bold;
}

ins {
    background: #ff9;
    color: #000;
    text-decoration: none;
}

mark {
    background: #ff0;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

pre, code, kbd, samp {
    font-family: monospace, monospace;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

q {
    quotes: none;
}

q:before, q:after {
    content: '';
    content: none;
}

small {
    font-size: 85%;
}

big {
    font-size: 115%;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
}

svg:not(:root) {
    overflow: hidden;
}

/* - - - - - - - - - - - - - Forms - - - - - - - - - - - - - */
label, button, input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
}

button, input, select, textarea {
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle;
    outline: none;
}

button, input {
    line-height: normal;
    *overflow: visible;
}

table button, table input {
    *overflow: auto;
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical;
    min-height: 10em;
}

input:invalid, textarea:invalid {
    border: 1px solid red;
    color: red;
    background: red;
}

.error label {
    color: red;
}
.has-error {
    border: 1px solid red !important;
}
.errorMessage {
    padding:20px;
    color: red;
}
textarea, input[type="text"], select {
    border: 1px solid #666;
}

textarea:focus, textarea:active, input[type="text"]:focus, input[type="text"]:active, input[type="password"]:focus, input[type="password"]:active, select:focus, select:active {
    border: 1px solid #000;
}

/* - - - - - - - - - - - - - Common - - - - - - - - - - - - - */
.align-right {
    text-align: right;
}

.align-left {
    text-align: left;
}

.align-center {
    text-align: center;
}

.left {
    float: left;
}

.right {
    float: right;
}

.group:before, .group:after {
    content: "";
    display: table;
}

.group:after {
    clear: both;
}

.group {
    zoom: 1;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.fake {
    font-size: 0;
    line-height: 0;
    height: 0;
    width: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    text-align: left;
    direction: ltr;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
}

.fake br {
    display: none;
}

#skip {
    text-align: left;
    overflow: hidden;
    position: static;
}

#skip a, #skip a:hover, #skip a:visited {
    position: absolute;
    left: 0px;
    top: -500px;
    width: 1px;
    height: 1px;
    overflow: hidden;
    display: block;
    z-index: 100;
}

#skip a:focus, #skip a:active {
    position: absolute;
    top: 10px;
    left: 10px;
    width: auto;
    height: auto;
    background: #333;
    color: #fff;
    font-weight: 700;
    padding: 5px 10px;
}

.chromeframe {
    background: #fff6e3;
    border-bottom: 1px dashed #dec48e;
    padding: 20px 0;
    width: 100%;
    margin: 0 auto 1%;
    text-align: center;
    font-size: 16px;
    line-height: 1.5;
    color: #777;
    position: absolute;
    z-index: 1000;
}

.chromeframe span {
    clear: both;
    display: block;
    font-weight: 700;
    color: red;
}

.chromeframe a {
    color: #3261cc;
    text-decoration: underline;
}

.chromeframe a:hover, .chromeframe a:focus {
    text-decoration: none;
}

.sprite {
    background-image: url("../img/bg-sprite.png");
    background-position: 0 0;
    background-repeat: no-repeat;
}

.header, .footer, #main {
    max-width: 960px;
    margin: 0 auto;
    position: relative;
}

.font {
    font-family: "PT Sans";
}

.font-narrow {
    font-family: "PT Sans narrow";
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - -- - - - - - - - - - - - - Pages - - - - - - - - - - - - - -- - - - - - - - - - - - - - - - - - - - - - - - - - - - - *//* - - - - - - - - - - - - Header - - - - - - - - - - - - - */
#header {
    z-index: 100;
}

.branding {
    float: left;
    padding: 25px 0 0 25px;
}

.site-tools {
}

.site-tools ul {
}

.site-tools li {
}

/* - - - - - - - - - - - - - Footer - - - - - - - - - - - - - */
#footer {
    min-height: 230px;
    padding: 45px 0 0;
    font-size: 12px;
    color: #666;
}

.footer .logoroll {
    text-align: center;
    min-height: 145px;
}

.footer .logoroll li {
    display: inline-block;
    padding: 0 20px;
}

.footer .vcard.terms {
    padding: 0 20px 0 0;
    margin: 0 20px 0 0;
    border-right: 1px solid #CCC;
}

.footer .vcard {
    text-align: center;
    font-size: 12px;
}

.footer .vcard li {
    display: inline-block;
    margin: 0;
}

.footer .vcard li:first-child {
    background: none;
}

.footer .vcard a {
    color: #005bad;
}

.footer .vcard a:hover, footer .vcard a:active {
    text-decoration: underline;
}

.footer abbr[title] {
    border: none;
    cursor: default;
}

/* - - - - - - - - - - - - - Main - - - - - - - - - - - - - */
.content {
    line-height: 1.5;
}

.content a, .content h1, .content h2 {
    color: #0a2c4a;
}

.content h2 {
    font-size: 16px;
    padding: 0 0 1em;
}

.content p {
    margin: 0 0 1.5em;
}

.contact p {
    margin: 0;
}

.content a:hover, .content a:active {
    text-decoration: underline;
}

.content h1, .content h2 {
    line-height: 1.2;
}

.mainbanner {
    margin: 30px 0 0;
    border-radius: 3px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    line-height: 0;
    font-size: 0;
    background: #fff;
}

.mainbanner img {
    border-radius: 3px;
}

.intro {
    padding: 30px 0 0;
}

.intro .item {
    position: relative;
    text-align: center;
    float: left;
    width: 33.333%;
}

.intro .mask {
    position: relative;
    width: 248px;
    margin: 0 auto;
}

.intro .mask:after {
    content: ".";
    text-indent: -1000em;
    overflow: hidden;
    background: url("../img/mask-intro.png") no-repeat 0 0;
    display: block;
    height: 163px;
    width: 248px;
    position: absolute;
    left: 0;
    top: 0;
}

.intro h2 {
    font-size: 20px;
    margin: 20px 0 0;
}

.intro p {
    margin: .5em 0;
}

.intro h2, .intro p {
    padding: 0 15px;
}

.intro .ext {
    background: url("../img/bg-ext.png") no-repeat 100% 70%;
    padding: 0 25px 0 0;
}

.label {
    text-align: center;
    display: table;
    position: relative;
    z-index: 2;
}

.intro .label {
    background-position: -151px 0;
    height: 74px;
    width: 106px;
    font-size: 21px;
    margin-bottom: -55px;
}

.label span, .label h1 {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    font-weight: normal;
    line-height: 1;
}

.label .facebook {
    background-position: -301px -16px;
    display: inline-block;
    width: 24px;
    height: 40px;
    margin: 15px 0 0;
}

.pages {
    text-align: center;
}

.pages li {
    display: inline-block;
}

.pages li a {
    padding: 2px 7px;
}

.pages .active {
    background: #003479;
    border-radius: 3px;
    color: #fff;
}

.pages .prev {
    background-position: 0 -72px;
    padding: 0 0 0 15px;
    margin: 0 30px 0 0;
}

.pages .prev:hover, .pages .prev:focus {
    background-position: 0 -92px;
}

.pages .next {
    background-position: 100% -115px;
    padding: 0 15px 0 0;
    margin: 0 0 0 30px;
}

.pages .next:hover, .pages .next:focus {
    background-position: 100% -135px;
}

/* - - - - - - - - - - - - -  Responsive - - - - - - - - - - - - - */
@media only screen and (min-width: 480px) {
    /* Style adjustments for viewports 480px and over go here */
}

@media only screen and (min-width: 768px) {
    /* Style adjustments for viewports 768px and over go here */
}

/* - - - - - - - - - - - - - Print - - - - - - - - - - - - - */
@media print {
    * {
        background: transparent !important;
        color: black !important;
        text-shadow: none !important;
        filter: none !important;
        -ms-filter: none !important;
    }

    /* Black prints faster: h5bp.com/s */a, a:visited {
                                             text-decoration: underline;
                                         }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .fake a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
        content: "";
    }

    /* Don't show links for images, or javascript/internal links */pre, blockquote {
                                                                       border: 1px solid #999;
                                                                       page-break-inside: avoid;
                                                                   }

    thead {
        display: table-header-group;
    }

    /* h5bp.com/t */tr, img {
                        page-break-inside: avoid;
                    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3;
    }

    h2, h3 {
        page-break-after: avoid;
    }
}

/* - - - - - - - - - - - - - IE8 - - - - - - - - - - - - - */
.lt-ie9 input[type="text"] {
    line-height: 32px;
}

/* uus.lehepunkt.ee */
#header {
    background: #144d79;
    height: 250px;
    padding: 20px 0 0 0;
}

.front #header {
    height: 180px;
}

#header .header {
    background: url('../images/header.png') top left no-repeat;
    height: 176px;
    padding: 0 0px 0 0;
}

#header .languages {
    float: right;
    line-height: 44px;
    padding-top: 5px;
}

#header .languages li {
    display: inline-block;
    margin: 0 0 0 10px;
}

#header .languages a {
    color: #8a8672;
    font-size: 14px;
}

#header .languages a:hover, #header .languages .active {
    color: #3ab5f4;
}

#header .languages .active {
    font-weight: bold;
}

#header .social {
    float: left;
    margin-top: 10px;
}

#header .social li {
    margin-right: 8px;
}

#header .site-tools .twitter {
    background: url('../images/twitter.png') top left no-repeat;
    display: block;
    height: 32px;
    width: 31px;
}

#header .site-tools {
    float: right;
    margin-right: 20px;
}

#header .site-tools li {
    float: left;
}

#header .site-tools .facebook {
    background: url('../images/facebook.png') top left no-repeat;
    display: block;
    height: 32px;
    width: 31px;
}

.search {
    clear: both;
    display: block;
    padding: 8px 0 0 0;
}

.search input[type="text"] {
    background: url('../images/search-input.png') top left no-repeat;
    border: 0 none;
    color: #888888;
    float: left;
    height: 35px;
    padding: 0 46px 0 8px;
    width: 243px;
}

.search input::-webkit-input-placeholder {
    color: #74c0f4;
}

.search input:-moz-placeholder {
    color: #74c0f4;
}

.search input[type="text"]:focus {
    color: #333;
}

.search input[type="submit"] {
    background: url('../images/search-button.png') top left no-repeat;
    border: none;
    width: 33px;
    display: inline-block;
    height: 35px;
    margin: 0 0 0 -32px;
}

#content a {
    color: #0055a0;
}

nav {
    background: url('../images/menu.png') 0 -3px no-repeat;
    font-size: 0;
    padding: 0px 0 0;
    clear: both;
    margin: 0 auto;
    width: 930px;
    bottom: 2px;
    position: absolute;
    left: 15px;
}

nav ol > li {
    display: inline-block;
    position: relative;
}

nav ol > li > a {
    color: #0056a1;
    font-size: 15px;
    font-weight: bold;
    background-image: url("../images/separator.png");
    background-repeat: no-repeat;
    background-position: 0 50%;
    padding: 0 18px;
    display: block;
    min-height: 58px;
    line-height: 58px;
    border-radius: 3px;
    overflow: hidden;
    text-transform: uppercase;
}

nav ol .current_page_item a {
    color: #e41d2c;
}

nav ol .current_page_item {
    background: url('../images/menu-border.png') 0px 46px repeat-x;
}

nav ol > .last {
    background: url('../images/periods.png') -12px 4px no-repeat;
}

nav ol > .last > a {
    color: #ffffff;
    text-shadow: 1px 1px 1px #4f9fc4;
}

nav ol > .no-separator > a, nav ol > .last > a {
    background: none;
}

nav ol > .last {
    float: right;
}

nav ul {
    display: none;
    background: #e6f4fd;
    box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    border-radius: 5px;
    padding: 14px 40px 14px 25px;
    position: absolute;
    left: 18px;
    top: 50px;
    z-index: 2;
}

nav ol > li:hover ul {
    display: block;
}

nav ul:after {
    content: ".";
    text-indent: -100em;
    overflow: hidden;
    display: block;
    position: absolute;
    left: 14px;
    top: -13px;
    height: 13px;
    width: 20px;
    background: url("../img/bg-nav-arrow.png") no-repeat 0 0;
}

nav ul li {
    display: block;
    clear: both;
    font-size: 14px;
    font-weight: 700;
    padding: 8px 0 8px 12px;
    background: url("../img/bg-nav-bullet.png") no-repeat 0 12px;
    white-space: nowrap;
}

nav ul a {
    background: none;
}

.sidebar {
    background: url('../images/sidebar.png') right 46px no-repeat;
    min-height: 592px;
    padding: 0 20px 0 0;
    float: left;
    width: 200px;
    margin-top: 20px;
}

.sidebar h2 {
    color: #0a2c4a;
}

.sidebar ul {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 30px;
    background: url('../images/menu-separator.png') top left no-repeat;
}

.sidebar li a {
    padding-left: 1em;
    text-indent: -.7em;
}

.sidebar li a {
    background: url('../images/menu-separator.png') bottom left no-repeat;
    color: #0056a1;
    display: block;
    font-size: 14px;
    font-weight: bold; /*height: 34px;*/
    line-height: 34px;
}

.sidebar .adm-catalog-menu ul li a:last-child {
    background: none;
}

.sidebar li a:before {


}

.sidebar .active a:before {
    color: #0a2c4a;
}

.sidebar .active a {
    color: #000000;
}

#content {
    margin-bottom: 40px;
}

#content.with-sidebar {
    margin-left: 240px;
    min-height: 540px;
}

#content.with-blank {
    margin-right: 240px;
    min-height: 540px;
}

.breadcrumbs {
    float: left;
}

.breadcrumbs {
    color: #6c6c6c;
    display: inline-block;
    font-size: 12px;
}

.breadcrumbs li {
    display: inline-block;
}

.breadcrumbs a {
    background: url('../images/breadcrumbs.png') center right no-repeat;
    color: #216cad;
    padding-right: 15px;
    margin-right: 8px;
}

.content-tools {
    float: right;
    padding-top: 15px;
}

.pagination, .wp-paginate {
    text-align: center;
}

.wp-paginate {
    margin-top: 30px;
}

.pagination li, .wp-paginate li {
    display: inline-block;
    margin-bottom: 5px;
}

#content  .pagination a, #content  .wp-paginate a {
    color: #0055a0;
}

#content  .pagination .prev, #content  .wp-paginate .prev {
    background: url('../images/prev.png') center left no-repeat;
    display: block;
    padding-left: 15px;
    margin-right: 30px;
    width: 60px;
}

#content  .pagination .next, #content  .wp-paginate .next {
    background: url('../images/next.png') center right no-repeat;
    display: block;
    padding-right: 15px;
    margin-left: 30px;
    width: 60px;
}

#content .pagination li a, #content  .wp-paginate li a {
    background: url('../images/pager.png') top left no-repeat;
    display: block;
    line-height: 24px;
    height: 24px;
    width: 24px;
    margin: 0 6px;
    text-align: center;
}

#content .pagination .active a, #content  .wp-paginate .current {
    background: url('../images/pager-active.png') top left no-repeat;
    color: #ffffff;
}

#content .wp-paginate .current {
    display: block;
    line-height: 24px;
    height: 24px;
    width: 24px;
    margin: 0 6px;
    text-align: center;
}

#main {
    padding-top: 15px;
}

.clear {
    clear: both;
}

a, a:hover {
    text-decoration: none;
}

.products-list {
    margin-top: 20px;
}

.product {
    background: url('../images/product-separator.png') bottom left no-repeat;
    margin-bottom: 30px;
    padding-bottom: 20px;
    position: relative;
}

.product-content {
    margin-left: 155px;
}

.product h1 {
    color: #0056a1;
    margin: 0 0 15px 0;
}

.product img {
    border: 1px solid #cccccc;
    position: absolute;
    left: 0;
}

.product-bottom {
    line-height: 34px;
    margin: 20px 0 0 0;
}

.product-bottom span {
    color: #0a2c4a;
    font-weight: bold;
}

#content .product-view {
    background: url('../images/view.png') top left no-repeat;
    color: #ffffff;
    display: block;
    float: left;
    font-weight: bold;
    text-shadow: 1px 1px 1px #0a2c4a;
    height: 34px;
    width: 84px;
    padding: 0 0 0 10px;
}

#content .product-view-points {
    color: #2b4663;
    display: block;
    float: left;
    font-weight: bold;
    height: 34px;
    width: 124px;
    padding: 0 0 10px 0;
}

.product-compare {
    background: url('../images/compare.png') top left no-repeat;
    display: block;
    float: left;
    height: 34px;
    margin: 0 0 0 15px;
    width: 181px;
    padding: 0 0 0 10px;
    color: #0a2b49;
    font-weight: bold;
    text-shadow: 1px 1px 1px #ffffff;
}

.product-buttons {
    float: left;
}

.content-tools .print a {
    background: url('../images/print.png') top left no-repeat;
    display: block;
    height: 21px;
    width: 20px;
}

.product-display {
    width: 200px;
}

.product-display span {
    position: absolute;
    right: 70px;
    line-height: 25px;
    color: #757575;
    font-size: 12px;
}

.product-display a {
    background: url('../images/product-view.png') top left no-repeat;
    display: block;
    float: right;
    height: 25px;
    width: 58px;
}

.product-display .details {
    background: url('../images/product-details.png') top left no-repeat;
    display: block;
    float: right;
    height: 25px;
    width: 58px;
}

.tools {
    height: 50px;
    line-height: 50px;
}

.tools-right {
    width: 720px;
    float: right;
}

#footer {
    background: url('../images/footer.png') top center no-repeat;
    padding-top: 21px;
    margin-top: 30px;
    margin: 0 auto;
    width: 960px;
}

.vcard {
    float: right;
}

article.page {
    margin-top: 20px;
}

article.page h1 {
    color: #0a2c4a;
    font-size: 24px;
    margin-bottom: 15px;
}

article.page strong, p strong {
    color: #0a2c4a;
    display: block;
    font-size: 18px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.contact {
    margin-top: 20px;
    position: relative;
}

.contact h1, .contact h2, .people h2 {
    margin-bottom: 20px;
}

.contact span {
    display: inline-block;
    width: 100px;
}

.contact .mapp-layout {
    position: absolute;
    top: 0;
    right: 0;
    border: 1px solid #cccccc;
}

.people li {
    display: inline-block;
    margin-bottom: 20px;
    margin-right: 20px;
    vertical-align: top;
    width: 30%;
}

.people img {
    margin-bottom: 20px;
}

.content article h1 {
    margin-bottom: 20px;
}

h3 {
    color: #0a2c4a;
}

hr {
    margin: 15px 0 30px 0;
    display: block;
    border: 0 none;
    height: 2px;
    background: url('../images/border.png') top left repeat-x;
}

.news li {
    margin: 20px 0 30px 0;
}

h4 {
    font-weight: normal;
    font-size: 12px;
    margin-bottom: 10px;
}

.first-news img {
    float: right;
    margin-left: 30px;
}

.adm-catalog-menu {
    z-index: 1000;
}

.adm-catalog-menu ul {
    background: none;
    border: 1px solid #cccccc;
    width: auto;
    padding: 10px;
    background: #fafafa;
}

.slides {
    background: #144d79;
    z-index: 2000;
    padding-bottom: 15px;
}

.slides-container {
    margin: 0 auto;
    max-width: 960px;
}

.sides {
    margin: 0 auto;
    max-width: 960px;
}

.sides .left-side {
    width: 620px;
}

.sides .right-side {
    float: right;
    width: 300px;
}

.recent-news {
    height: 453px;
    margin-top: 40px;
}

.recent-news .news a {
    color: #0055a0;
}

.recent-news .all-news-link {
    float: right;
    margin-top: 11px;
}

.recent-news h1 {
    color: #0a2c4a;
    width: 150px;
}

.recent-news h4 {
    margin-bottom: 5px;
}

.recent-news .recent-title {
}

.recent-title a {
    color: #0056a1;
    display: block;
    padding-right: 15px;
    background: url('../images/next.png') right center no-repeat;
}

.recent-news hr {
    margin-bottom: 0;
}

.top {
    padding-top: 12px;
    height: 481px;
}

.banner-left, .banner-right {
    margin-bottom: 40px;
}

.tabs {
    margin-top: 30px;
    height: 41px;
}

.tabs li {
    z-index: 3;
    float: left;
    height: 40px;
    /*width: 155px;*/
    line-height: 40px;
    border: 1px solid #cccccc;
    background: #efefef;
    margin: 0 0 0 -1px 0;
    /*padding-left: 15px;*/
	padding: 0px 15px 0 15px;
}

.tabs li a {
    color: #0056a1;
    font-weight: bold;
}

.tabs .active a {
    color: #000000;
}

.tabs .tabs-1 {
    border-top-left-radius: 3px;
}

.tabs .tabs-2 {
    border-left: 0 none;
}

.tabs .tabs-3 {
    border-top-right-radius: 3px;
    border-left: 0 none;
}

.tabcontent {
    border: 1px solid #cccccc;
    background: #ffffff;
    padding: 20px 10px;
}

.tabs li.active {
    background: #ffffff;
    border-bottom: 1px solid #ffffff
}

.top div {
    display: none;
}

.top div.active {
    display: block;
}

.catalog-product {
}

.catalog-product-image {
    float: left;
}

.catalog-product-content {
    margin-left: 260px;
    width: 400px;
}

.catalog-product-content-right {
    float: right;
    width: 240px;
}

.catalog-product-content-right table {
    width: 100%;
}


/******* Subscription ********/
.product-options {
    position: relative;
    width: auto;
    height: auto;
    margin-left: 240px;
    clear: both;
}

.product-options__item {
    float: left;
    position: relative;
    min-height: 225px;
    max-width: 161px;
    width: 100%;
    border: 1px #CECECE solid;
    padding: 20px;
    margin-right: 17px;
    box-shadow: 0 0 8px #C4C4C4;
    text-align: center;
    color: #000;
    box-sizing: border-box;
    margin-top: 20px;
}

.periodika:hover, .product-options__item:hover {
    border: 1px #757575 solid;
}

.otsekorraldus .title,
.perioodika .title {
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 0;
}

.otsekorraldus .price1,
.perioodika .price1 {
    font-size: 22px !important;
    text-align: center;
    font-weight: bold;
    margin-bottom: 0;
}

.otsekorraldus .price_sale,
.perioodika .price_sale {
    font-size: 22px !important;
    color:orange;
    text-align: center;
    font-weight: bold;
    margin-bottom: 0;
}

.otsekorraldus .old_price,
.perioodika .old_price {
    font-size: 12px;
    color: black;
    text-align: center;
    font-weight: normal;
    margin-bottom: 0;
}

.cartbutton {
    position: absolute;
    bottom: 25px;
    left: 0;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}

a.addcart2 {
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    border-radius: 3px;
    overflow: visible;
    width: auto;
    border: 0;
    padding: 0;
    margin: 0;
    background: #676666;
    cursor: pointer;
    color: #fff;
    padding: 7px 35px;
    min-width: 93px;
    color: #fff !important;
}

a.addcart2:hover {
    text-decoration: none;
}


button.button {
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    border-radius: 3px;
    overflow: visible;
    width: auto;
    border: 0;
    padding: 0;
    margin: 0;
    background: #676666;
    cursor: pointer;
    color: #fff;
    padding: 7px 10px;
    min-width: 93px;
}

.addcart2.button {
    background-color: #144d79;
}

button.button:hover {
    background-color: #144d79;
}

.pf-tooltip {
    display: none;
    position: absolute;
    bottom: 28px;
    background: #FFC;
    border: 1px #676766 solid;
    padding: 15px;
    min-width: 200px;
    z-index: 1;
    text-align: left;
    font-size: 12px;
    color: #000;
    box-shadow: 0 0 10px #111;
}

.pf-tooltip-visible {
    display: block;
}


.eeldatavamakse span {
    border-bottom: 1px dashed #999;
    font-size: 11px;
}

.eeldatavamakse {
    position: relative;
    color: #666;
    background: url(../images/questionmark.png) right 3px no-repeat;
    padding-right: 5px;
    cursor: help;
}

.piece-price {
    font-size: 12px;
    position: absolute;
    top: 105px;
    width: 120px;
}

.saadavus {
    position: absolute;
    top: 150px;
    width: 120px;
    font-size: 11px;
}

.saadavus-jah {
    color: #067906;
}

.saadavus-ei {
    color: #c51818;
}

.tagatis {
    position: absolute;
    text-align: center;
    bottom: 7px;
    font-size: 11px;
    color: #666;
    background: url(../images/questionmark.png) right center no-repeat;
    padding: 0 17px 0 17px;
    cursor: help;
}

.tagatis span {
    color: #fb9438;
}

.select-period-start {
    display: none;
    position: absolute;
    left: 153px;
    top: 5px;
    background: #E6E6E6;
    padding: 30px 50px;
    height: 104px;
    width: 190px;
    box-shadow: 0 0 8px #505050;
    border: 1px #9B9B9B solid;
    border-radius: 3px;
}

#select-start {
    padding: 5px;
    background: #fff;
    border: 1px solid #d4d4d4;
}

.select-start-error {
    border: 1px solid red!important;
}

.popup-accept {
    padding: 10px 0;
    font-size: 12px;
}

.popup-accept a {
    padding-left: 5px;
    text-decoration: underline;
    vertical-align: middle;
}

.popup-accept-red {
    color: red !important;
}

.popup-accept input {
    vertical-align: middle;
}

.select-period-start .cancel {
    padding-top: 15px;
    float: right;
    color: gray;
    text-decoration: underline;
    cursor: pointer;
    font-size: 12px;
}



/******** Checkout Form ********/

.business_client {
    display: none;
}

.checkout-success {
    text-align: center;
    height: 40%;
    padding: 200px 50px;
}

.shipping-address {
    display: none;
    float: left;
    margin-top: 20px;
}

.checkout-form {
    min-height: 500px;
    padding-bottom: 45px;
}

.checkout-left {
    width: 34%;
    float: left;
    display: inline;
    margin-right: 10px;
}

.checkout-right {
    width: 64%;
    float: left;
}

.checkout-title {
    color: #fff;
    font: 400 12px/30px Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 0 0 0 7px;
    text-transform: uppercase;
    background: #144d79;
    border-radius: 3px 3px 0 0;
}

.checkout-col {
    border: 1px solid #e2e2e2;
    padding: 15px 0 15px 10px;
    border-radius: 0 0 3px 3px;
}

.checkout-form fieldset, .checkout-form .form-list, .checkout-form .form-list ul, #login-form .form-list, .checkout-form .sp-methods dd ul {
    padding: 0;
    margin: 0;
    border: 0;
    list-style: none;
}

.checkout-form #billing-new-address-form {
    width: auto;
    margin-bottom: 30px;
}

.checkout-form .form-list li, .checkout-form .form-list .input-box {
    margin: 0;
}

.client_switcher .client:first-child {
    margin-right: 33px;
}

.checkout-form .f-left, .checkout-form .left {
    float: left !important;
}

.client_switcher .client input {
    margin: 2px 5px 0 0;
}

.checkout-form input, .checkout-form select, .checkout-form textarea, .checkout-form button, #login-form input, #login-form select, #login-form textarea, #login-form button {
    color: #2F2F2F;
    font: 12px/15px Arial,Helvetica,sans-serif;
    vertical-align: middle;
}

.checkout-form .form-list label.required, .checkout-form .form-list label {
    color: #5f5f5f;
    float: left;
    width: auto;
    padding-right: 0;
    position: relative;
    padding-bottom: 0;
    z-index: 0;
}

.client_switcher label {
    float: right !important;
    margin-right: 10px;
    margin-bottom: 10px;
}

.form-list label {
    float: left;
    color: #111;
    font-weight: bold;
    position: relative;
    z-index: 0;
    display: inline;
}

.clearer:after, .header-container:after, .header-container .top-container:after, .header:after, .header .quick-access:after, #nav:after, .main:after, .footer:after, .footer-container .bottom-container:after, .col-main:after, .col2-set:after, .col3-set:after, .col4-set:after, .search-autocomplete li:after,
.block .block-content:after, .block .actions:after, .block li.item:after, .block-poll li:after, .block-layered-nav .currently li:after, .page-title:after, .products-grid:after, .products-list li.item:after, .box-account .box-head:after, .dashboard .box .box-title:after, .box-reviews li.item:after,
.box-tags li.item:after, .pager:after, .sorter:after, .ratings:after, .add-to-box:after, .add-to-cart:after, .product-essential:after, .product-collateral:after, .product-view .product-img-box .more-views ul:after, .product-view .product-shop .short-description:after,
.product-view .box-description:after, .product-view .box-tags .form-add:after, .product-options .options-list li:after,
.product-options-bottom:after, .product-review:after, .cart:after, .cart-collaterals:after, .cart .crosssell li.item:after, .opc .step-title:after, .checkout-progress:after, .multiple-checkout .place-order:after, .group-select li:after, .form-list li:after, .form-list .field:after,
.buttons-set:after, .page-print .print-head:after, .advanced-search-summary:after, .gift-messages-form .item:after, .send-friend .form-list li p:after {
    display: block;
    content: ".";
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
    overflow: hidden;
}

.checkout-form .form-list label.required, .checkout-form .form-list label {
    color: #5f5f5f;
    float: left;
    width: auto;
    padding-right: 0;
    position: relative;
    padding-bottom: 0;
    z-index: 0;
    line-height: 18px;
    font-size: 12px;
}

.checkout-form, .checkout-form .methods, .checkout-form .delivery-date li, #login-form .actions, .checkout-form .data-table .checkout-form-qtybtn, .delivery-date, .checkout-form .form-list .input-box, .checkout-form-col-in, #login-form .form-list, .checkout-form-content, .checkout-form-login-and-paypal {
    zoom: 1;
}

.checkout-form .form-list .input-box, .checkout-form .form-list li.wide .input-box, .checkout-form .gift-messages-form .item .details .form-list li.wide .input-box {
    width: 100%;
    clear: both;
}

.checkout-form .form-list .input-box, .checkout-form .form-list li.wide .input-box, .checkout-form .gift-messages-form .item .details .form-list li.wide .input-box {
    width: 100%;
    clear: both;
}

.checkout-form .form-list li, .checkout-form .form-list .input-box {
    margin: 0;
}

.checkout-form .form-list input.input-text {
    width: 88%;
}

.checkout-form input.input-text, .checkout-form textarea, #login-form input.input-text {
    padding: 2px;
}

.checkout-form input.input-text, .checkout-form select, .checkout-form textarea, #login-form .form-list li .input-box .input-text {
    border: 1px solid #d7d7d7;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.fields {
    overflow: hidden;
}

.names-description {
    display: none;
    color: #5f5f5f;
    font-weight: 600;
}

.checkout-form .form-list .fields .field {
    width: 49%;
    float: left;
    clear: none;
    padding: 0;
}

.checkout-form .form-list label.required em, #login-form .form-list label.required em {
    color: #EB340A;
    float: right;
    font-style: normal;
    position: absolute;
    right: -8px;
    top: 0;
    margin: 0;
}

.checkout-form .form-list .fields .input-box {
    width: 100%;
}

.checkout-form .form-list .fields input.input-text {
    width: 80%;
}

.checkout-form input.input-text, .checkout-form textarea, #login-form input.input-text {
    padding: 2px;
}

.checkout-form .form-list .input-box {
    padding-bottom: 10px;
}

.form-list .input-box {
    display: block;
    clear: both;
    width: 260px;
}

.control-stta label {
    color: #144d79 !important;
    font-weight: bold !important;
}

.checkout-form .form-list .fields select {
    width: 84%;
}

.checkout-form select option {
    padding-right: 10px;
}

.checkout-tht-message {
    color: red;
    font-size: 10px;
    line-height: 15px;
}

.checkout-form .form-list .input-box select {
    width: 90%;
}

.search-postidex {
    float: left;
    margin-left: 10px;
    line-height: 28px;
    position: relative;
    top: 15px;
}

.search-postidex a {
    font-size: 16px;
    color: #144d79 !important;
    padding-right: 17px;
}

.search-postidex a:hover {
    text-decoration: underline;
}

.checkout-form .form-list li.control {
    margin-bottom: 4px;
}

.checkout-form .form-list li.control label, .checkout-form p.control label {
    float: none;
    display: inline;
    vertical-align: middle;
    padding-left: 3px;
    color: #666;
    font-weight: 400;
}

.checkout-form .review .totals, .customer-comment {
    padding-bottom: 5px;
}

#checkout-review-table-wrapper {
    overflow: auto;
    width: 100%;
}

.checkout-form .data-table {
    border: 1px solid #e1e1e1;
    border-collapse: collapse;
    color: #3e3e3e;
    width: 100%;
    padding: 0;
    margin: 0;
    border-spacing: 0;
    empty-cells: show;
    font-size: 100%;
}

.data-table thead {
    background-color: #f2f2f2;
}

.checkout-form .data-table thead tr.first th {
    border-bottom: 1px solid #E4E4E4;
}

.checkout-form .data-table tr.last th, .checkout-form .data-table tr.last td {
    border-bottom: 1px solid #e1e1e1 !important;
}

.checkout-form .data-table thead th {
    border-right: 1px solid #e4e4e4;
    color: #5f6162;
    font-weight: 700;
    vertical-align: middle;
    white-space: nowrap;
}

.checkout-form .nobr {
    white-space: nowrap !important;
}


.checkout-form .data-table tfoot tr, .checkout-form .data-table tfoot tr.first td {
    background: none !important;
}

.checkout-form .data-table tfoot td {
    border-bottom: 0;
    border-right: 1px solid #e4e4e4;
    padding-bottom: 1px;
    padding-top: 1px;
}

.checkout-form .data-table td {
    padding: 6px 8px;
}

.checkout-form caption, th, td {
    vertical-align: top;
    text-align: left;
    font-weight: normal;
}

.checkout-form h3 {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.25;
}

.item-options dt {
    font-weight: bold;
    font-style: italic;
    padding: 4px 0;
}

.item-options dd {
    padding-left: 10px;
}

.checkout-form .a-right {
    text-align: right !important;
}

.checkout-form .data-table tfoot strong {
    font-size: 17px;
    color: #1c1c1c;
}

.checkout-form .data-table tr.last th, .checkout-form .data-table tr.last td {
    border-bottom: 1px solid #e1e1e1 !important;
    border-right: 1px solid #e1e1e1 !important;
}

tr.first {
    line-height: 18px;
}

.checkout-form .checkout-terms {
    text-align: right;
    margin-top: 10px;
}

.checkout-terms a {
    color: #0055a0;
}

.checkout-terms input, .checkout-terms label {
    display: inline;
    vertical-align: middle;
}

.checkout-form .button-set {
    text-align: right;
    border: 0;
    margin-top: 20px;
}

.checkout-form .button-set button {
    background-color: #144d79;
    color: #fff;
    border-radius: 0;
}

.checkout-form .button-set button span {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    padding: 0 5px;
}

table {
    width: 100%;
}

table .odd {
    background: #e8ecf0;
}

table thead th {
    padding: 5px;
    vertical-align: bottom;
    font-weight: normal;
}

#checkout-review-table .product-name {
    font-size: 12px;
}

.checkout-form .data-table .odd, .checkout-form .data-table .even {
    background: #fff;
}

.products-table table td {
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    padding: 5px;
}

.bold {
    font-weight: bold;
}

#content .wp-paginate a, #content .wp-paginate .current {
    border: 0 none;
}

.easingsliderlite-arrows.easingsliderlite-prev {
    background-image: url('../images/arrow-left.png');
    background-position: top right;
}

.easingsliderlite-arrows.easingsliderlite-next {
    background-image: url('../images/arrow-right.png');
    background-position: top left;
}

.easingsliderlite-arrows {
    width: 49px;
    height: 75px;
    top: 33%;
}

.easingsliderlite-icon.active {
    background-image: url(../images/smallpager-active.png);
}

.easingsliderlite-icon {
    background-image: url(../images/smallpager.png);
}

.easingsliderlite-icon {
    width: 17px;
    height: 17px;
}

.search-results {
    margin-top: 30px;
}

.search-results .page-title {
    margin-bottom: 30px;
}

.search-box {
    height: 40px;
    background: url('../images/border.png') 0px 98px repeat-x;
    padding: 30px 0;
    margin-bottom: 30px;
}

.search-results article {
    min-height: 160px;
    margin-bottom: 20px;
}

.search-results article img {
    position: absolute;
}

.search-results .search-right {
    margin-left: 160px;
}

.search-info {
    float: left;
    line-height: 47px;
}

.search-results .search {
    float: right;
    clear: none;
}

.related-products {
    background: #ffffff;
    margin-top: 40px;
    padding: 20px 0px 30px 0px;
    border: 1px solid #cccccc;
    border-radius: 6px;
}

.related-products h2 {
    color: #0a2b49;
    margin-bottom: 20px;
    margin-left: 98px;
}

.related-products .slider-products img {
    margin-left: 15px;
}

.tabcontent {
    height: inherit;
}

.tabcontent a {
    display: block;
    float: left;
    margin: 0 3px 6px 3px;
    width: 110px;
    height: 155px;
}

/**/

#content ul {
    list-style: none;

    margin-left: 20px;
}

.sides .promo_slider {
    height: 120px;
}

.people h3.nopic {
    margin-top:199px;
}

.adm-catalog-menu ul {
    z-index: 1000;
}

.compare-link a {
    color: #0055a0;
}

.compare-link {
    float: left;
    height: 20px;
    margin-top: -13px;
}

.product {
    min-height: 160px;
}

.banner-padding {
	margin-top: 83px;
}


.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative;
}
.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 21px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px;
}
.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: .5em;
    padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer;
}
.ui-dialog .ui-resizable-se {
    width: 12px;
    height: 12px;
    right: -5px;
    bottom: -5px;
    background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

#simplemodal-container a.modalCloseImg {
    background:url('../js/x.png') no-repeat;
    width:25px;
    height:29px;
    display:inline;
    z-index:3200;
    position:absolute;
    top:-15px;
    right:-18px;
    cursor:pointer;
}

.points-data {
    background: #eeeeee;
    padding: 15px;
    box-shadow: 2px 2px 2px #888888;
}

.c-dialog {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    right: 0;
    background-color: #144d79;
}

.c-dialog.c-dialog--open {
    display: block;
}

.c-dialog .text {
    color: #fff;
    font-size: 14px;
    padding-right: 60px;
    line-height: 24px;
}

.c-dialog .text a {
    text-decoration: underline;
    color: #4f9fc4;
}

.c-dialog__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 900px;
    margin: 0 auto;
    padding: 30px;
    font-size: 14px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.c-dialog .btn-accept {
    border: 0;
    background-color: #fff;
    padding: 15px 30px;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.c-dialog .btn-accept:hover {
    background-color: #EEE;
}

#content a.product-view-points, #content .catalog-product-content a.product-view {
    display:inline-block;
    margin-right: 15px;
    width: auto;
    color: #ffffff;
}

.pv-left, .pv-middle, .pv-right{
    float:left;
    height:34px;
    width:100px;
}

.pv-left{
    background: url('../images/view-left.png') top left no-repeat;
    width: 24px;
}

.pv-middle{
    background: url('../images/view-bg.png') top left repeat-x;
    width:auto;
    padding-right: 10px;
    line-height:34px;

}

.pv-middle:hover {
    text-decoration: underline;
}

.pv-right{
    background: url('../images/view-right.png') top right no-repeat;
    width: 26px;
}


.menu-btn div {
	position: absolute;
	left: 100%;
	top: 64%;
	padding-right: 8px;
	margin-top: -0.50em;
	line-height: 1.2;
	font-size: 18px;
	font-weight: 200;
	vertical-align: middle;
	z-index: 99;
}

.menu-btn span {
	display: block;
	width: 19px;
	height: 3px;
	margin: 4px 0;
	background: rgb(0,0,0);
	z-index: 99;
}

.responsive-menu{
	display: none;
}

.expand {
	display: block !important;
}
nav ol > li > a:hover{
	color:#6CA3D4;
}
nav ol > .last a:hover{
	color:#e41d2c;
}
.menu-btn{
	display:none;
}
		.mobile-banners{
			display:none;
		}
.mobile_map{
	display:none;
}
	.contact2{
		padding-top: 35px;
	}
/*MEDIA QUERY*/
.mobile-periodica{
	display:none;
}
@media only screen and (max-width : 920px) {
		#main{
			padding:10px;
			margin:5px!important;
		}
    .related-products{
      display:none;
    }
    .catalog-product-image{
      padding-right:20px;
    }
    .product-buttons{
      float:left;
    }
    .catalog-product-content{
      padding-top:15px;
      margin-left:0;
      float:left;
      width:100%;
    }
    .catalog-product-content-right{
      float:left;
      min-height:200px;
      padding-top:20px;
      padding-bottom:20px;
    }
		.tools{

			width:100%;
		}
		.tools-right{
			display:inline-block;
		}
    .article article p a img{
      width:100%!important;
      height:auto;
    }
		#content.with-blank{
			margin:10px;
			height:100%;

		}
		.mobile-banners{
			display:block;
			text-align:center;
		}
		.mobile-banners img{
			box-shadow: 2px 2px 5px #888;
		}
		.mob-banner-left img{
			padding:15px;
			width:100%;
			height:auto;
		}
		#desktop-menu{
			display:none;
		}
		.slides{
			background:none;
			display:inline-block;
		}
		#header{
			background:none;
		}
		.top div.tabcontent {
			margin-top: 90px
			}
		.search{
			padding: 0 0 0 8px;
			float: left;
			clear:none;
		}
		.search input[type="submit"]{
			margin:2px -37px;
		}
		.search input[type="text"]{
			background:none;
			border:1px solid #888888;
			border-radius:2px;
			-moz-box-shadow:    inset 0 0 2px #888888;
			-webkit-box-shadow: inset 0 0 2px #888888;
			box-shadow:         inset 0 0 2px #888888;

		}
		.menu-btn{
		display:block;
		position:absolute;
		top:10px;
		right:10px;
    cursor:pointer;
		}

		.expand {
		display: block !important;
		position: absolute;
		width: 100%;




		}
		.expand nav ol {
		display: block !important;
		right: 0;
		z-index: 99;

    margin-top: 70px;

		}

		.menu-btn div {
			position: absolute;
			left: 100%;
			top: 20%;
			padding-right: 8px;
			margin-top: -0.50em;
			line-height: 1.2;
			font-size: 18px;
			font-weight: 200;
			vertical-align: middle;
			z-index: 99;
		}

		.menu-btn span {
			display: block;
			width: 40px;
			height: 5px;
			margin: 9px 0;
			background: #888888;
			z-index: 99;
		}

		.responsive-menu{
			display: none;
			}

		nav ol, nav:active ol {
			display: inline-block;
			position: absolute;
			background: #fff;

			box-shadow: 0px 5px 10px #888888;

		}

		nav li {
			background: url('../images/footer.png') top center no-repeat!important;
			text-align: center;
			width: 100%;
			padding: 10px 0;
			margin: 0;

		}

		nav:hover ol {

			display: block;

		}
		nav ol > .last {
			background-color:#61CCFD!important;
		}
		nav ol li a {
			font-size:18px;
		}
		.easingsliderlite-image{
			width:100%!important;
		}
		nav{
			background:none;
			position:relative;
			width:100%;
			left:0;
		}
		.sides .right-side {
			float:inherit;
			width:100%;
		}
		.sides .left-side {
			width:100%;
			display:inline-block;
			padding-bottom:20px;
		    background: url('../images/footer.png') bottom center no-repeat;
		}
		.recent-news {
			margin-left:15px;
			margin-right:15px;

		}
		.banner-right{
			display:none;
		}
		.banner-left{
			display:none;
		}
		.top div.active{
			/*display:inline-block;*/
		}
		.top ul li{
			width:100%;
		}

	#footer {
		margin: 0 auto;
		/* width: 834px; */
		height: auto;
		overflow: hidden;
		position: inherit;
		bottom: 0px;
		width:100%;
	}
	#header{
		padding:0;
		height:170px;
	}
	#header .header{
		height:100%;

	}
	.front #header{
		width:100%;
		height:100%;
		padding-bottom:20px;
		display:inline-block;
		background:url('../images/header.png') bottom center no-repeat;
	}
	#header .languages{
		float:left;
		padding:0;
	}
	.recent-news{
		height:100%;
	}
	.site-tools{
		margin-right:45px !important;
		padding:18px;

	}
	.branding{
		padding:5px 0 5px 5px;

	}.branding img{
		width:100%;
	}
	.footer{
		padding:10px;
	}
	.tabcontent{
		background:none;
		border:none;
	}

	#content.with-sidebar{
		margin:5px;
		float:left;
    width:100%;
}
  .people li{
    margin:0px;
    padding:10px;
    display:list-item;
    list-style-type:none;

	}

  .content-tools{
    height: inherit;
  }
  .product{
    display:block;
  }
  .compare-link{
    height:40px;
    float:none;
  }
  .product-content {
    margin-left:0px;
  }
  .product-image{
    margin-right: 10px;
    clear:both;
  }
  .product-buttons a{
    margin:10px 10px 0 0;

  }
  .product-bottom{
    display:inline-block;
  }
  .product-bottom span{
    display:block;
  }
	.print{
		padding-left:40px;
	}
	.sidebar{
		display:inline-block;
		width:100%;
		background:none;
		min-height:70px;
		margin:0 auto;
		text-align:center;

	}
	.sidebar ul {

		list-style-type: none;
		margin: 0 auto;
		padding: 0;
		overflow: hidden;
		background:none;

	}

	.sidebar li {
		display:inline-block;
		background:url('../images/menu-separator.png') bottom left repeat-x;
	}

	.sidebar li a {
		display: block;
		text-align: left;

		padding: 14px 16px;
		text-decoration: none;
		background:none;

	}
	.desktop_map{
		display:none;
	}

	.mobile_map{
	display:block;
	margin-right:50px;

	}
	.mobile_map .mapp-layout{
	display:block;
	width:100% !important;
	}
	.product-display{
		width:100%;
	}
	.content-tools{

	}
	.desktop-periodica{
		display:none;
	}
	.mobile-periodica{
		display:block;
		width:100%;
    margin-top: 10px;

	}
	.responsive-periodica{
			display: none;
			}
		.periodica-btn{
		border:1px solid black;
    border-radius: 2px;
		padding:10px;
		width:100px;
    cursor:pointer;
    margin:0 auto;
		}
    .periodica-btn:hover{
    border:1px solid #3ab5f4;
    color: #3ab5f4;
    }
		.periodica-btn div {
			position: absolute;
			left: 100%;
			top: 20%;
			padding-right: 8px;
			margin-top: -0.50em;
			line-height: 1.2;
			font-size: 18px;
			font-weight: 200;
			vertical-align: middle;
			z-index: 99;

		}

		.periodica-btn span {
			display: block;
			width: 40px;
			height: 5px;
			margin: 9px 0;
			background: #888888;
			z-index: 99;
		}
		.responsive-periodica.expand{
			display:inline-block;
			position:relative;
		}
		.responsive-periodica.expand ul li{
			display:block;
		}
		.responsive-periodica.expand ul li a:hover{
			/*color:red;*/

      border-left: 5px solid #0056a1

		}
		.responsive-periodica.expand .ui-menu-item ul{
			width:100%;
		}
    .tools-right{
      width:100%;
    }
    .simplemodal-container{

    top:50px!important;

    bottom:50px;

    -webkit-box-shadow: 0px 0px 13px 2px rgba(0,0,0,0.75);

    -moz-box-shadow: 0px 0px 13px 2px rgba(0,0,0,0.75);

    box-shadow: 0px 0px 13px 2px rgba(0,0,0,0.75);

    }

    #simplemodal-data{

      box-shadow: 7px 7px 15px rgba(0, 0, 0, .3);

      border:2px solid grey;

    }

    nav ol > li > a{

      background:none;

    }

    .simplemodal-container li{
      list-style:none;

      margin-left:10px;
      padding:3px;
    }
    #simplemodal-container a.modalCloseImg{
      top:10px;
      right:20px;
    }
    #simplemodal-overlay{

      background:#000;

    }

    .entry-content{
      padding:10px;
    }

    .entry-title{

      padding:10px;

    }

    .entry-content div, p{

      padding-top:5px;

    }

    .entry-content img{

      padding-top:5px;

      width:100%;

      height:auto;

    }

    .entry-meta{
      padding:10px;
    }

    .search-results form {

      display:none;

    }

    .adm-mobile-catalog-menu li>a{

      display:inline-block;

    }

    .arrow-down{

      background:url(../images/arrow_down.png)no-repeat;

      background-size:50px;

      background-position: top right;

      float:right;

      list-style: none;

    }

    .adm-mobile-catalog-menu li>ul{

      display:none;



    }

    .adm-mobile-catalog-menu .show{

      display:block;

      background:grey;

      text-align:left;



    }

    /* =Styles for the lab

    -------------------------------------------------------------- */

    #wrapper {

    	min-width:1000px;

    }

    nav {



    }

    nav ul {

        list-style-type:none;

        margin:0;

        padding:0;

    }

    nav ul li {

        display:inline-block;

        position:relative;

    }



    /* sub navigation */

    nav li ul {

        background-color:rgb(225,75,75);

        position:absolute;

        left:0;

        top:40px; /* make this equal to the line-height of the links (specified below) */

        width:200px;

    }

    nav li li {

        position:relative;

        margin:0;

        display:block;

    }

    nav li li ul {

        position:absolute;

        top:0;

        left:200px; /* make this equal to the width of the sub nav above */

        margin:0;

    }



    /* style all links */

    nav a {

        line-height:40px;

        padding:0 12px;

        margin:0 12px;

    }

    nav a {

        color:#fff;

        text-decoration:none;

        display:block;

    }

    nav a:hover,

    nav a:focus,

    nav a:active {

        color:rgb(50,50,50);

    }



    /* style sub level links */

    nav li li a {

        border-bottom:solid 1px rgb(200,50,50);

        margin:0 10px;

        padding:0;

    }

    nav li li:last-child a {

        border-bottom:none;

    }



    /* hide sub menu links */

    ul.sub-menu {

        display:none;

    }



    /* show arrows for dropdowns */

    nav li.dropdown > a {

        background-image:url('../img/arrow-down.png');

        background-position:right 20px;

        background-repeat:no-repeat;

    }



    nav li li.dropdown > a {

        background-image:url('../img/arrow-right.png');

        background-position:right 16px;

        background-repeat:no-repeat;

    }

    .active .sub-menu{

      display:block;

    }



    .dropdown.active>a{

      padding-left:25px;

      border-left:5px solid #e41a2a;

      letter-spacing: 1px;

    }

    .dropdown a{

      text-transform:uppercase;

    }

    .dropdown.active ul li{

      /*  background:#e1e1e1*/

    }

    .dropdown.active{

    /*  border-bottom:1px solid #61ccfd;*/

      /*border-left:1px solid #61ccfd;*/

      -webkit-box-shadow: -1px 13px 19px -9px rgba(0,0,0,0.91);

      -moz-box-shadow: -1px 13px 19px -9px rgba(0,0,0,0.91);

      box-shadow: -1px 13px 19px -9px rgba(0,0,0,0.91);

    }

    .dropdown.active ul{

      margin-left:30px;

    }

    .dropdown.active .dropdown{

      list-style: none;

    }

    .dropdown.active ul>li>a{

      font-size:14px;

      text-transform:capitalize;

    }

    .sidebar-menu li a{

      font-size:18px;

      font-weight:400;

      border-right:1px solid #cfcfcf;

      text-indent:0em;

      line-height:20px;

      margin:10px;

      text-align:center;

    }

    .sidebar-menu li:last-child a{

      border-right:none;

    }

    .sidebar .active a{

      color:#0056a1;

    }

    #content ul{

      margin-left:0px;



}
.news li {
  background:url('../images/menu-separator.png') bottom left repeat-x;
}
.search input[type="text"]{
  width:155px;
}

.mob-banner-right{
  display:none;
}
.product img{
  position:relative;
}


/* Checkout */

.product-options {
    margin-left: 0;
}


}


@media only screen and (max-width : 768px) {
    .checkout-left {
        width: 100%;
        float: none;
        display: block;
    }
    .checkout-right {
        margin-top: 20px;
        width: 100%;
        float: none;
        display: block;
    }

    .shipping-address {
        float: none;
    }
}

@media only screen and (max-width : 640px) {
    .branding img {
        width:70%;
    }
    .select-period-start {
        left: 50%;
        transform: translateX(-50%);
    }
    .c-dialog__content {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .c-dialog__content .text {
        padding: 0 0 20px 0;
    }
}
  @media only screen and (max-width : 424px) {
		#header .site-tools {
		float:left;
    padding-top:5px;
	}
  .footer{
    text-align:center;
  }

  .product-options__item {
      height: 205px;
      max-width: 230px;
      left: 50%;
      transform: translateX(-50%);
  }

    .piece-price {
        left: 50%;
        width: auto;
        transform: translateX(-50%);
    }

    .saadavus {
        left: 50%;
        transform: translateX(-50%);
    }

    .tagatis {
        left: 50%;
        transform: translateX(-50%);
    }

    .checkout-success {
        padding: 100px 0;
    }

    .pf-tooltip {
        left: -30px;
    }

    .eeldatavamakse {
        display: inline-block;
        padding-right: 14px;
    }
}
