html {
    font-size: 62.5%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html, body, form {
    padding: 0;
    margin: 0;
}

body {
    min-width: 960px;
    color: #444;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    line-height: 1.4;
    position: relative;
    background: #fff;
}

pre {
    color: #000;
}

input[type="search"], input[type="number"] {
    -moz-appearance: textfield;
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


nav ul {
    list-style: none;
}

nav ul, nav ul li {
    padding: 0;
    margin: 0;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 10px;
    padding-right: 10px;
}


@font-face {
    font-family: FuturaNew;
    src: url('/images/fonts/FuturaNewDemi.eot');
    src: url('/images/fonts/FuturaNewDemi.eot?#iefix') format('embedded-opentype'),
    url('/images/fonts/FuturaNewDemi.woff') format('woff'),
    url('/images/fonts/FuturaNewDemi.ttf') format('truetype'),
    url('/images/fonts/FuturaNewDemi.svg#efae0e179268b47973c422a296d7b60f') format('svg');
    font-style: normal;
    font-weight: 700;
}

@font-face {
    font-family: FuturaNew;
    src: url('/images/fonts/FuturaNewDemiOblique.eot');
    src: url('/images/fonts/FuturaNewDemiOblique.eot?#iefix') format('embedded-opentype'),
    url('/images/fonts/FuturaNewDemiOblique.woff') format('woff'),
    url('/images/fonts/FuturaNewDemiOblique.ttf') format('truetype'),
    url('/images/fonts/FuturaNewDemiOblique.svg#1747fbc5f2efc3552ebf10031e008cdd') format('svg');
    font-style: oblique;
    font-weight: 700;
}

@font-face {
    font-family: FuturaNew;
    src: url('/images/fonts/FuturaNewLight.eot');
    src: url('/images/fonts/FuturaNewLight.eot?#iefix') format('embedded-opentype'),
    url('/images/fonts/FuturaNewLight.woff') format('woff'),
    url('/images/fonts/FuturaNewLight.ttf') format('truetype'),
    url('/images/fonts/FuturaNewLight.svg#e33681866e81e6541f26519a8744bdb1') format('svg');
    font-style: normal;
    font-weight: 200;
}

@font-face {
    font-family: FuturaNew;
    src: url('/images/fonts/FuturaNewLightOblique.eot');
    src: url('/images/fonts/FuturaNewLightOblique.eot?#iefix') format('embedded-opentype'),
    url('/images/fonts/FuturaNewLightOblique.woff') format('woff'),
    url('/images/fonts/FuturaNewLightOblique.ttf') format('truetype'),
    url('/images/fonts/FuturaNewLightOblique.svg#3159ed70288902ee8f3d3f3667d7f03b') format('svg');
    font-style: oblique;
    font-weight: 200;
}

@font-face {
    font-family: FuturaNew;
    src: url('/images/fonts/FuturaNewBook.eot');
    src: url('/images/fonts/FuturaNewBook.eot?#iefix') format('embedded-opentype'),
    url('/images/fonts/FuturaNewBook.woff') format('woff'),
    url('/images/fonts/FuturaNewBook.ttf') format('truetype'),
    url('/images/fonts/FuturaNewBook.svg#ac0d4f0615d6dcd6a58895e8812869d9') format('svg');
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: FuturaNew;
    src: url('/images/fonts/FuturaNewBookOblique.eot');
    src: url('/images/fonts/FuturaNewBookOblique.eot?#iefix') format('embedded-opentype'),
    url('/images/fonts/FuturaNewBookOblique.woff') format('woff'),
    url('/images/fonts/FuturaNewBookOblique.ttf') format('truetype'),
    url('/images/fonts/FuturaNewBookOblique.svg#c70673cc9e28d20c72b46bb8b2cb5eb9') format('svg');
    font-style: oblique;
    font-weight: 400;
}




.calc-text-width {
    white-space: nowrap;
}

.noSelect {
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

/* form */
label {
    font-size: 11px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
}

.control-label {
    padding: 0;
}

.form-horizontal, .form-vertical {
    margin-top: 20px;
}

.form-horizontal .form-group {
    margin-left: -10px;
    margin-right: -10px;
}

.form-horizontal .control-label {
    text-align: left;
}

.form-control, .date-control, .date-control[readonly] {
    height: 32px;
    color: #999;
    font: 15px 'Open Sans', sans-serif;
    padding: 6px 10px 4px;
    border-color: #bbc1cc;
    border-radius: 4px;
    box-shadow: none;
    background-color: #fff;
}

.form-control:hover, .date-control:hover, .date-control[readonly]:hover {
    border-color: #979fb0;
}

.form-control:focus, .date-control:focus, .date-control[readonly]:focus {
    color: #485160;
    border-color: #768198;
    box-shadow: 0 0 5px 0 rgba(1, 172, 197, .4);
}

.form-control.smaller[data-fix-fontsize] {
    font-size: 12px;
}

.form-control.input-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn {
    height: 24px;
    font-size: 12px;
    padding: 4px 8px 2px;
    border-radius: 4px;
}


.input-group-sm.input-group-captcha > .input-group-addon {
    padding: 0 8px;
}

.input-group-addon {
    padding: 1px 10px;
    border-color: #bbc1cc;
    border-radius: 4px 0 0 4px;
    background: #bbc1cc;
}

.form-control + .input-group-addon {
    border-left: none;
    border-radius: 0 4px 4px 0;
}

.form-control + .input-group-btn .btn {
    border-radius: 0 4px 4px 0;
}


.radio label, .checkbox label {
    padding-left: 25px;
    color: #444;
    font-size: 13px;
}

.radio input[type="radio"], .radio-inline input[type="radio"],
 .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    opacity: 0;
}

.control-label-text:before {
    content: '';
    position: absolute;
    display: block;
    margin-left: -25px;
    width: 18px;
    height: 18px;
    border-radius: 4px;
    background: url('/images/sprite.png') no-repeat;
}

input[type="checkbox"]:focus + .control-label-text:before, input[type="checkbox"]:not(:disabled):active + .control-label-text:before,
input[type="radio"]:focus + .control-label-text:before, input[type="radio"]:not(:disabled):active + .control-label-text:before {
    box-shadow: 0 0 5px 0 rgba(1, 172, 197, .4);
}

input[type="checkbox"] + .control-label-text:before {
    background-position: -104px 0;
}

input[type="checkbox"]:focus + .control-label-text:before, label:hover input[type="checkbox"] + .control-label-text:before {
    background-position: -104px -24px;
}

input[type="checkbox"]:checked + .control-label-text:before {
    background-position: -128px 0;
}

input[type="checkbox"]:checked:focus + .control-label-text:before, input[type="checkbox"]:checked:active + .control-label-text:before,
label:hover input[type="checkbox"]:checked +  .control-label-text:before {
    background-position: -128px -24px;
}

label input[type="checkbox"]:disabled + .control-label-text:before {
    background-position: -104px -48px;
}

input[type="radio"] + .control-label-text:before {
    border-radius: 9px;
    background-position: -56px 0;
}

input[type="radio"]:focus + .control-label-text:before, label:hover input[type="radio"] + .control-label-text:before {
    background-position: -56px -24px;
}

input[type="radio"]:checked + .control-label-text:before {
    background-position: -80px 0;
}

input[type="radio"]:checked:focus + .control-label-text:before, input[type="radio"]:checked:active + .control-label-text:before,
label:hover input[type="radio"]:checked +  .control-label-text:before {
    background-position: -80px -24px;
}

label input[type="radio"]:disabled + .control-label-text:before {
    background-position: -56px -48px;
}


.noresize {
    resize: none;
}

.v-resize {
    min-width: 100%;
    max-width: 100%;
    min-height: 75px;
}

.help-block {
    color: #999;
}

.help-block:empty {
    display: none;
}


.date-control, .date-control[readonly] {
    text-align: center;
}


input[type="radio"], input[type="checkbox"] {

}


.input-group {
    border-radius: 4px;
}

/*
.input-group-counter .btn {
    width: 22px;
}

.input-group-counter .btn:hover {
    color: #fff;
    background: #407c07;
}

.input-group-counter .btn:active, .input-group-counter .btn:focus {
    color: #fff;
    background: #2f5c05;
}
*/
/* end form */



/* buttons */
.btn {
    max-width: 100%;
    height: 32px;
    font: bold 14px/1.42857 FuturaNew;
    padding: 6px 12px;
    position: relative;
    border-radius: 4px;
    background: none;
}

.btn:hover, .btn:focus {
    text-decoration: none;
    background: none;
}

.btn:active, .btn.active {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn.disabled:after, .btn.disabled:before, .btn[disabled]:after, .btn[disabled]:before {
    opacity: .65;
}


.btn-default {
    color: #fff;
    text-transform: uppercase;
    border-color: #bbc1cc;
    background: #bbc1cc;
}

.btn-default:hover, .btn-default:focus {
    color: #fff;
    border-color: #979fb0;
    background: #979fb0;
}

.btn-default:active {
    color: #fff;
    border-color: #768198;
    background: #768198;
}

.btn-default.disabled, .btn-default[disabled] {
    border-color: #dde0e5;
    background: #dde0e5;
}


.btn-primary {
    color: #fff;
    text-transform: uppercase;
    border-color: #76ac06;
    background: #76ac06;
}

.btn-primary:hover, .btn-primary:focus {
    color: #fff;
    border-color: #649205;
    background: #649205;
}

.btn-primary:active {
    color: #fff;
    border-color: #4a6c04;
    background: #4a6c04;
}

.btn-primary.disabled, .btn-primary[disabled] {
    border-color: #bad582;
    background: #bad582;
}


.btn-success {
    color: #1e89a8;
    text-transform: uppercase;
    border-color: #cfe4f3;
    background: #cfe4f3;
}

.btn-success:hover, .btn-success:focus {
    color: #fff;
    border-color: #1e89a8;
    background: #1e89a8;
}

.btn-success:active {
    color: #2c5b67;
    border-color: #fff;
    background: #fff;
}

.btn-success.disabled, .btn-success[disabled] {
    border-color: #eeefff;
    background: #eeefff;
}


.btn-link {
    color: #1e89a8;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    text-decoration: none;
}

.btn-link:hover, .btn-link:focus {
    color: #004c66;
}

.btn-link:active {
    color: #004c66;
}


.btn-xs, .input-group-xs > .input-group-btn > .btn, .btn-group-xs > .btn {
    height: 24px;
    padding: 3px 12px;
    font-size: 12px;
    border-radius: 4px;
}

.btn-sm, .input-group-sm > .input-group-btn > .btn, .btn-group-sm > .btn {
    height: 24px;
    padding: 3px 12px;
    font-size: 12px;
    border-radius: 4px;
}

.btn-lg, .input-group-lg > .input-group-btn > .btn, .btn-group-lg > .btn {
    height: 52px;
    padding: 3px 24px;
    font-size: 32px;
}


.btn-icon, .input-group > .input-group-btn > .btn-icon {
    width: 32px;
    min-width: 32px;
    padding: 0;
    line-height: 32px;
}

.btn-icon.btn-sm, .input-group-sm > .input-group-btn > .btn-icon, .btn-group-sm > .btn-icon {
    width: 24px;
    min-width: 24px;
    line-height: 24px;
}

.btn-icon.btn-lg, .input-group-lg > .input-group-btn > .btn-icon, .btn-group-lg > .btn-icon {
    width: 52px;
    min-width: 52px;
    line-height: 52px;
}


.btn-underline {
    text-decoration: underline;
}

.btn-underline:hover, .btn-underline:focus, .btn-underline:active {
    text-decoration: none;
}

.btn-thin {
    font-weight: normal;
}

.btn-condensed {
    padding-left: 0;
    padding-right: 0;
}


.wrap-btn-back {
    margin: 20px 0 0;
}

.wrap-btn-send {
    text-align: right;
    margin-top: 23px;
}
/* end buttons */

/* icons */
.siteicon {
    position: relative;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.siteicon:before {
    content: '';
    font-size: 0;
    position: relative;
    background: url('/images/sprite.png') no-repeat;
    display: block;
}

.siteicon-arrow-left:before, .siteicon-arrow-right:before,
.siteicon-arrow-left-sm:before, .siteicon-arrow-right-sm:before,
.siteicon-arrow-up-sm:before, .siteicon-arrow-down-sm:before,
.siteicon-minus:before, .siteicon-plus:before, .siteicon-remove:before, .siteicon-close:before {
    top: 2px;
    width: 16px;
    height: 16px;
}

.siteicon-arrow-left:before {
    background-position: 0 -24px;
}

.siteicon-arrow-right:before {
    background-position: 0 -40px;
}

.siteicon-arrow-left-sm:before, .siteicon-arrow-right-sm:before {
    top: 1px;
}

.siteicon-arrow-left-sm:before {
    background-position: -16px -24px;
}

.siteicon-arrow-right-sm:before {
    background-position: -32px -24px;
}

.siteicon-arrow-up-sm:before {
    background-position: -16px -40px;
}

.siteicon-arrow-down-sm:before {
    background-position: -32px -40px;
}

.siteicon-minus:before, .siteicon-plus:before {
    top: 3px;
}

.siteicon-minus:before {
    background-position: -16px -56px;
}

.siteicon-plus:before {
    background-position: -32px -56px;
}

.siteicon-remove:before {
    top: 3px;
    background-position: 0 -56px;
}

.siteicon-close:before {
    top: 4px;
    background-position: -176px -16px;
}

.siteicon-refresh:before {
    width: 24px;
    height: 24px;
    top: 2px;
    top: .25rem;
    background-position: -24px 0;
}

.siteicon-calendar:before {
    width: 24px;
    height: 24px;
    top: 1px;
    top: .1rem;
    background-position: -112px -136px;
}

.siteicon-search:before {
    width: 24px;
    height: 24px;
    top: 3px;
    top: .3rem;
    background-position: 0 0;
}

.siteicon-login, .siteicon-signup, .siteicon-logout {
    margin-right: 8px;
    vertical-align: top;
}

.siteicon-login:before, .siteicon-signup:before, .siteicon-logout:before {
    width: 24px;
    height: 24px;
    top: -3px;
    top: -.3rem;
}

.siteicon-login:before {
    background-position: -24px -136px;
}

.btn:hover .siteicon-login:before, .btn:focus .siteicon-login:before {
    background-position: -24px -160px;
}

.btn:active .siteicon-login:before {
    background-position: -24px -184px;
}

.siteicon-signup:before {
    background-position: 0 -136px;
}

.btn:hover .siteicon-signup:before, .btn:focus .siteicon-signup:before {
    background-position: 0 -160px;
}

.btn:active .siteicon-signup:before {
    background-position: 0 -184px;
}

.siteicon-logout:before {
    background-position: -48px -136px;
}

.btn:hover .siteicon-logout:before, .btn:focus .siteicon-logout:before {
    background-position: -48px -160px;
}

.btn:active .siteicon-logout:before {
    background-position: -48px -184px;
}


.siteicon-completed:before, .siteicon-canceled:before, .siteicon-in-work:before {
    width: 18px;
    height: 18px;
}

.siteicon-completed:before {
    background-position: -152px 0;
}

.siteicon-canceled:before {
    background-position: -152px -24px;
}

.siteicon-in-work:before {
    background-position: -152px -48px;
}
/* end icons */


/* breadcrumb */
.breadcrumbs-wrapper {
    margin-top: 14px;
}

.breadcrumb, .breadcrumb ul {
    padding: 0;
    margin: 0;
}

.breadcrumb {
    width: 100%;
    border-radius: 0;
    background: none;
}

.breadcrumb a + ul li:before, .breadcrumb li + li:before {
    padding: 0 5px;
}

.breadcrumb, .breadcrumb a, .breadcrumb a:hover, .breadcrumb a + ul li:before, .breadcrumb li + li:before {
    color: #2c5b67;
    font-size: 11px;
    font-weight: bold;
}

.breadcrumb .active {
    font-weight: normal;
}

.breadcrumb a + ul li:before, .breadcrumb li + li:before {
    content: "›";
}
/* end breadcrumb */


/* pagination */
.pagination {
    margin: 0;
    border-radius: 0;
}

.pagination > li > a, .pagination > li > span {
    position: relative;
    min-width: 32px;
    height: 32px;
    padding: 5px;
    color: #999;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    border-color: #bbc1cc;
    background: #fff;
}

.pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li.active > span:hover {
    color: #999;
    border-color: #979fb0;
    background: #fff;
    z-index: 1;
}

.pagination > li > a:active {
    color: #485160;
    border-color: #768198;
    background: #fff;
}

.pagination > li.active > a, .pagination > li.active > span {
    color: #485160;
    font-weight: 600;
    border-color: #bbc1cc;
    background: #fff;
}

.pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span {
    border-color: #bbc1cc;
    background: #bbc1cc;
}

.pagination > li:first-child > a:hover, .pagination > li:first-child > span:hover,
.pagination > li:first-child > a:focus, .pagination > li:first-child > span:focus,
.pagination > li:last-child > a:hover, .pagination > li:last-child > span:hover,
.pagination > li:last-child > a:active, .pagination > li:last-child > span:active {
    border-color: #979fb0;
    background: #979fb0;
}

.pagination > li:first-child > a:active, .pagination > li:first-child > span:active,
.pagination > li:last-child > a:active, .pagination > li:last-child > span:active {
    border-color: #768198;
    background: #768198;
}

/*
.pagination > li:first-child > a:before, .pagination > li:first-child > span:before, .pagination > li:last-child > a:before, .pagination > li:last-child > span:before {
    width: 4px;
    height: 5px;
    content: '';
    position: relative;
    top: 5px;
    background: url(/images/sprite.png) no-repeat;
    display: block;
}*/

.pagination > li.disabled > a, .pagination > li.disabled > span, .pagination > li.disabled > a:hover, .pagination > li.disabled > span:hover {
    border-color: #dde0e5;
    background: #dde0e5;
}

/* end pagination */


/* navbar and nav */
.navbar {
    border: none;
}

.navbar, .nav-pills > li > a {
    border-radius: 0;
}

.navbar-collapse {
    padding-left: 10px;
    padding-right: 10px;
    margin-left: -10px;
    margin-right: -10px;
    clear: both;
}

.navbar-toggle {
    border-radius: 0;
    border-color: #fff;
    cursor: pointer;
}

.navbar-toggle .icon-bar {
    height: 3px;
    border-radius: 0;
}

.navbar-toggle .icon-bar {
    height: 3px;
    border-radius: 0;
    background: #fff;
}

.navbar-toggle:hover {
    border-color: #003399;
    background: #d5dbe4;
}

.navbar-toggle:hover .icon-bar {
    background: #003399;
}

/**
 * mobile
 */
/*@media only screen and (max-width: 767px) {
    .navbar-nav {
        margin: 7.5px -10px;
    }

    .nav-justified {
        width: auto;
    }
}*/

/**
 * not responsive
 */
@media only screen and (max-width: 767px) {
    .navbar-nav {
        margin: 0;
    }

    .navbar-nav > li {
        float: left;
    }

    .nav-justified > li {
        display: table-cell;
        width: 1%;
    }

    .nav-justified > li > a {
        margin-bottom: 0;
    }

    .nav-justified > .dropdown .dropdown-menu {
        position: absolute;
    }
}
/* end nav */


/* dropdown */
.dropdown-menu {
    margin-top: 0;
    border-top: none;
    box-shadow: none;
    border-color: #768198;
    border-radius: 0 0 4px 4px;
    text-align: left;
    background: #fff;
}

.btn-group .btn.dropdown-toggle {
    min-width: 70px;
    height: 32px;
    padding: 5px 25px 5px 12px;
    color: #999;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    text-align: left;
    border-color: #bbc1cc;
    box-shadow: none;
    background: #fff;
}

.btn-group .btn.dropdown-toggle:after {
    width: 8px;
    height: 4px;
    content: '';
    position: absolute;
    right: 11px;
    top: 14px;
    background: url(/images/sprite.png) no-repeat -48px 0;
    display: block;
}

.btn-group .btn.dropdown-toggle:hover {
    border-color: #979fb0;
}

.btn-group.open .btn.dropdown-toggle {
    border-color: #768198;
    border-bottom-color: transparent;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    color: #485160;
}

.btn-group:not(.open) .btn.dropdown-toggle:hover:after {
    background-position: -48px -24px;
}

.btn-group.open .btn.dropdown-toggle:after {
    background-position: -48px -32px;
}

.btn-group .btn.dropdown-toggle + .dropdown-menu {
    min-width: 100%;
    box-shadow: 0 -5px 0 -4px #768198;
}

.btn-group .btn.dropdown-toggle + .dropdown-menu a {
    color: #495161;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 2px 20px;
    overflow: hidden;
}

.btn-group .btn.dropdown-toggle + .dropdown-menu a:hover, .btn-group .btn.dropdown-toggle + .dropdown-menu .active a {
    background: #f0f7f9;
}

/*
TODO: styles for sm
*/
.btn-group-sm .btn.dropdown-toggle {
    min-width: 50px;
    height: 24px;
    font-size: 12px;
    padding: 2px 24px 2px 8px;
}

.btn-group-sm .btn.dropdown-toggle:after {
    right: 8px;
    top: 9px;
}

.btn-group-sm .btn.dropdown-toggle + .dropdown-menu a {
    font-size: 12px;
    padding: 4px 8px;
}



.form-group .btn-group.dropdown-control {
    display: block;
}

.form-group .btn-group.dropdown-control .btn.dropdown-toggle {
    width: 100%;
    float: none;
    display: block;
}

.form-group .btn-group.dropdown-control .btn.dropdown-toggle + .dropdown-menu {
    width: 100%;
}
/* end dropdown */

/* panel elements */
.top-panel {
    margin: 0;
}

.bottom-panel {
    margin: 5px 0 20px;
}

.top-panel:after, .bottom-panel:after {
    content: '';
    display: table;
    clear: both;
}


.top-panel .btn-toolbar {
    float: right;
}

.wrap-btn-group {
    float: left;
}

.wrap-btn-group + .wrap-btn-group {
    margin-left: 20px;
}

.wrap-btn-group-goods-sort:before, .wrap-btn-group-goods-view:before, .wrap-btn-group-iop:before, .wrap-btn-group-iop:after,
.wrap-btn-group-pagination:before {
    color: #5a5a5a;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    float: left;
    margin: 4px 8px 0 0;
}

.wrap-btn-group-goods-sort:before, .wrap-btn-group-goods-view:before, .wrap-btn-group-pagination:before {
    content: attr(aria-label);
}

.wrap-btn-group-goods-sort .dropdown-menu {
    left: auto;
    right: 0;
}

.wrap-btn-group-iop:before {
    content: attr(data-before);
}

.wrap-btn-group-iop:after {
    content: attr(data-after);
    margin-right: 0;
    margin-left: 8px;
    float: none;
}

.wrap-btn-group-iop .btn.dropdown-toggle, .wrap-btn-group-iop .btn.dropdown-toggle + .dropdown-menu {
    width: 50px;
    min-width: 50px;
}
/*
@media only screen and (min-width: 992px) {
    .wrap-btn-group-pagination {
        float: right;
    }
}
*/
/* end panel elements */




.container {
    width: 100%;
    min-width: 960px;
    max-width: 960px;
    margin: 0 auto;
    padding: 0 10px;
    position: relative;
}

.row {
    margin-left: -10px;
    margin-right: -10px;
}



.main, .wrapper {
    padding: 0;
}

.main {
    min-height: 300px;
}

.main > .container {
    background-image: url(/images/ie/bg-960.png);
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA8AAAAABCAIAAACe6FBAAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzMwNkYwRUZCMzk2MTFFNEE5QTVBRUMyOTY2QzMxQzIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzMwNkYwRjBCMzk2MTFFNEE5QTVBRUMyOTY2QzMxQzIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDMzA2RjBFREIzOTYxMUU0QTlBNUFFQzI5NjZDMzFDMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDMzA2RjBFRUIzOTYxMUU0QTlBNUFFQzI5NjZDMzFDMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pm6YFGUAAAAuSURBVHjaYvz//z8DbvD4Bz7ZUTAK6A9kORhHA2EUjIJRMApGwSgYBQMIAAIMALarBf9Pijf2AAAAAElFTkSuQmCC');
    background-position: 0 0;
    background-repeat: repeat-y;
}

@media only screen and (min-width: 1200px) {
    .container {
        max-width: 1180px;
    }

    .main > .container {
        background-image: url(/images/ie/bg-1200.png);
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABJwAAAABCAIAAAAU+yMFAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTVEM0I2QTFCMzk2MTFFNEJEQkFGQjlEOTQ2NjBDMDUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTVEM0I2QTJCMzk2MTFFNEJEQkFGQjlEOTQ2NjBDMDUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxNUQzQjY5RkIzOTYxMUU0QkRCQUZCOUQ5NDY2MEMwNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxNUQzQjZBMEIzOTYxMUU0QkRCQUZCOUQ5NDY2MEMwNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoAdKFYAAAAwSURBVHja7NAhAQAgEARB3lGC/sEogTsKABI1Y9dtJWl3c70qcDR6mQAAwB9bgAEAFIkF/985uAoAAAAASUVORK5CYII=');
    }
}

.main.full-width > .container {
    background: none;
}

.left-aside {

}

.main-content {
    padding-bottom: 20px;
}

.right-aside {

}



h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
    margin: 18px 0 12px;
}

h1, .h1 {
    color: #004c66;
    font-size: 36px;
    font-family: FuturaNew;
    font-weight: 200;
}

h2, .h2 {
    font-size: 16px;
    font-weight: 600;
}

h3, .h3 {
    font-size: 14px;
    font-weight: 600;
}

h4, .h4, h5, .h5, h6, .h6 {
    font-size: 13px;
    font-weight: 600;
}

p {
    margin-bottom: 18px;
}

.page-header {
    padding: 0;
    margin: 18px 0 12px;
    border-bottom: none;
}

.page-header h1, .page-header .h1 {
    margin: 0;
    padding: 0;
}

.block-header {
    margin: 18px 0 12px;
}

.block-header h2, .block-header .h2, .block-header h3, .block-header .h3, .block-header h4, .block-header .h4 {
    color: #004c66;
    font-size: 36px;
    font-family: FuturaNew;
    font-weight: 200;
    margin: 0;
}


.top-panel {

}

.top-panel .page-header {
    border: none;
}

.top-panel .btn-toolbar {
    float: none;
    margin: 15px 0 12px;
}

.wrap-btn-group {
    float: none;
}

.top-panel .btn-toolbar .btn-group, .bottom-panel .btn-toolbar .btn-group {
    float: none;
    display: block;
}

.top-panel .btn-toolbar .btn-group .btn.dropdown-toggle, .bottom-panel .btn-toolbar .btn-group .btn.dropdown-toggle {
    float: none;
}

.top-panel .btn-group .btn.dropdown-toggle + .dropdown-menu, .bottom-panel .btn-group .btn.dropdown-toggle + .dropdown-menu {
    max-width: 100%;
}

.wrap-btn-group-goods-sort:before, .wrap-btn-group-goods-view:before, .wrap-btn-group-iop:before, .wrap-btn-group-iop:after,
.wrap-btn-group-pagination:before {
    display: none;
}

.wrap-btn-group-goods-sort .dropdown-menu {
    left: 0;
    right: auto;
}

.wrap-btn-group-iop .btn.dropdown-toggle, .wrap-btn-group-iop .btn.dropdown-toggle + .dropdown-menu {
    width: 100%;
}


.bottom-panel {
    margin: 5px 0 25px;
}

.bottom-panel .btn-toolbar {
    margin: 0;
}



a, a:hover, a:focus {
    color: #2c5966;
}


.seo {
    padding: 20px 0 0;
}

.seo h1 {
    margin-top: 0;
}

.seo p {
    font-size: inherit;
}

@media only screen and (max-width: 767px) {
    .seo {
        display: none;
    }
}



.main-content p a, .seo p a {
    text-decoration: underline;
}

.main-content p a:hover, .main-content p a:focus, .seo p a:hover, .seo p a:focus {
    text-decoration: none;
}



.left-aside .banner, .right-aside .banner {
    text-align: center;
    margin: 20px 0;
}

.left-aside .banner img, .right-aside .banner img {
    border-radius: 4px;
}

@media only screen and (max-width: 767px) {
    .left-aside .banner, .right-aside .banner {
        display: none;
    }
}


.table-default > thead > tr > th, .table-default > tbody > tr > th, .table-default > tfoot > tr > th,
.table-striped > thead > tr > th, .table-striped > tbody > tr > th, .table-striped > tfoot > tr > th {
    border-bottom-width: 1px;
    border-color: #768198;
    color: #666;
    font-size: 11px;
    font-weight: 600;
}

.table-default > thead > tr > td, .table-default > tbody > tr > td, .table-default > tfoot > tr > td {
    border-color: #bbc1cc;
    background: #fff;
}


.table-striped > tbody > tr:nth-child(odd) > td {
    background-color: #fff;
}

.table-striped > tbody > tr:nth-child(even) > td {
    background-color: #f0f7f9;
}

.table-striped > tbody > tr > td {
    border: none;
}

.table-striped > thead > tr > td:first-child, .table-striped > tbody > tr > td:first-child, .table-striped > tfoot > tr > td:first-child {
    border-radius: 6px 0 0 6px;
}

.table-striped > thead > tr > td:last-child, .table-striped > tbody > tr > td:last-child, .table-striped > tfoot > tr > td:last-child {
    border-radius: 0 6px 6px 0;
}



.table-sm > thead > tr > th, .table-sm > tbody > tr > th, .table-sm > tfoot > tr > th, .table-sm > thead > tr > td, .table-sm > tbody > tr > td, .table-sm > tfoot > tr > td {
    font-size: 11px;
    font-size: 1.1rem;
}



.list-default {
    margin: 10px 0 18px 10px;
    padding: 0;
    list-style: none;
}

.list-default > li {
    position: relative;
    margin: 0;
    padding: 3px 0 3px 20px;
    line-height: 1.8;
}

.list-default > li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
    display: block;
    width: 16px;
    height: 16px;
    background: url(/images/sprite.png) no-repeat -176px 0;
}


hr {
    margin: 10px 0;
    border-color: #bbb;
}



.thumbnail {
    border-color: transparent;
}

.thumbnail-intext {
    border: none;
    padding: 0;
    vertical-align: middle;
    border-radius: 0;
    background: none;
}

.thumbnail-intext img {
    border-radius: 4px;
}

.thumbnail-left {
    float: left;
    margin: 0 20px 10px 0;
}

.thumbnail-right {
    float: right;
    margin: 0 0 10px 20px;
}

@media only screen and (max-width: 767px) {
    .thumbnail-left, .thumbnail-right {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
        float: none;
    }
}


.text-column-2 {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-gap: 20px;
    column-gap: 20px;
}

.text-column-3 {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
    -moz-column-gap: 20px;
    -webkit-column-gap: 20px;
    column-gap: 20px;
}

@media only screen and (max-width: 767px) {
    .text-column-2, .text-column-3 {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
}

.tree ul, .tree li {
    margin: 0;
    padding: 0;
}

.tree ul {
    list-style: none;
}

.tree ul, .tree li, .tree a, .tree .item {
    position: relative;
}

.tree li > ul {
    display: none;
}

.tree li[aria-expanded="true"] > ul {
    display: block;
}




.main-header {
    position: relative;
    height: 92px;
    background: url(/images/ie/bg-header.png) repeat-x top;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(34.7826%, #ececfb), color-stop(34.7826%, #1e89a8));
    background: -webkit-linear-gradient(top, #ececfb 34.7826%, #1e89a8 34.7826%);
    background: -o-linear-gradient(top, #ececfb 34.7826%, #1e89a8 34.7826%);
    background: -ms-linear-gradient(top, #ececfb 34.7826%, #1e89a8 34.7826%);
    background: linear-gradient(to bottom, #ececfb 34.7826%, #1e89a8 34.7826%);
}

.main-header .logo {
    position: absolute;
    display: block;
    width: 140px;
    height: 82px;
    background: #ececfb;
    border-radius: 5px;
    text-align: center;
    line-height: 82px;
}


.main-menu-navbar {
    height: 32px;
    min-height: 32px;
    margin-bottom: 0;
}

.main-menu-navbar .nav > li > a {
    padding: 6px 10px;
    color: #1e89a8;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
}

.main-menu-navbar .nav > li > a:hover, .main-menu-navbar .nav > li.active > a {
    color: #004c66;
}

.main-menu-navbar .nav > li > a:hover, .main-menu-navbar .nav > li > a:focus, .main-menu-navbar .nav > li > a:active {
    background: none;
}


.secondary-menu-navbar {
    min-height: 32px;
    margin: 20px 0 0 -6px;
}

.secondary-menu-navbar .nav > li > a {
    padding: 8px 16px;
    color: #b0e0ed;
    font-size: 18px;
    font-weight: bold;
    font-family: FuturaNew, sans-serif;
}

.secondary-menu-navbar .nav > li > a:hover, .secondary-menu-navbar .nav > li.active > a {
    color: #fff;
}

.secondary-menu-navbar .nav > li > a:hover, .secondary-menu-navbar .nav > li > a:focus, .secondary-menu-navbar .nav > li > a:active {
    background: none;
}


.membership {
    float: right;
    color: #1e89a8;
}

.membership .btn-group > .btn {
    padding-left: 4px;
    padding-right: 4px;
}

.membership .wellcome {
    display: inline-block;
    margin-right: 4px;
    vertical-align: middle;
}

.btn-username {
    max-width: 115px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: underline;
    text-overflow: ellipsis;
    overflow: hidden;
}

.btn-username:hover, .btn-username:focus, .btn-username:active {
    text-decoration: none;
}

@media only screen and (min-width: 1200px) {
    .membership .btn-group .btn + .btn {
        margin-left: 12px;
    }

    .btn-username {
        max-width: 165px;
    }
}


.main-header .cart {
    float: right;
    margin-top: 7px;
}

.main-header .btn-cart {
    border: none;
    width: 80px;
}

.main-header .btn-cart:before, .main-header .btn-cart:after {
    content: '';
    position: absolute;
    top: 10px;
    height: 32px;
    background: url('/images/sprite.png') no-repeat;
}

.main-header .btn-cart:before {
    left: 0;
    top: 11px;
    width: 40px;
    background-position: -64px -72px;
}

.main-header .btn-cart:after {
    right: 0;
    width: 32px;
    color: #1e88a7;
    font: bold 21px/32px FururaNew, Arial;
    text-align: center;
    background-position: -136px -72px;
}

.main-header .cart .btn-cart:hover:before {
    background-position: -64px -104px;
}

.main-header .cart .btn-cart:hover:after {
    background-position: -136px -104px;
}

.main-header .cart.active .btn-cart:after {
    content: '9+';
    background-position: -104px -72px;
}

.main-header .cart.active .btn-cart:hover:after {
    background-position: -104px -104px;
}

.main-header .cart.active[data-quantity="1"] .btn-cart:after,
.main-header .cart.active[data-quantity="2"] .btn-cart:after,
.main-header .cart.active[data-quantity="3"] .btn-cart:after,
.main-header .cart.active[data-quantity="4"] .btn-cart:after,
.main-header .cart.active[data-quantity="5"] .btn-cart:after,
.main-header .cart.active[data-quantity="6"] .btn-cart:after,
.main-header .cart.active[data-quantity="7"] .btn-cart:after,
.main-header .cart.active[data-quantity="8"] .btn-cart:after,
.main-header .cart.active[data-quantity="9"] .btn-cart:after {
    content: attr(data-quantity);
}


.wrap-btn-group-lang {
    float: right;
}

.btn-group-lang .btn.dropdown-toggle {
    min-width: 65px;
    border-color: transparent;
    border-radius: 0;
    background: none;
    color: #1e89a8;
    text-transform: uppercase;
}

.btn-group-lang .btn.dropdown-toggle:after {
    background-position: -48px -24px;
}

.btn-group-lang:not(.open) .btn.dropdown-toggle:hover {
    border-color: transparent;
}

.btn-group-lang.open .btn.dropdown-toggle {
    border-top-color: #edecfa;
    background: #fff;
}

.btn-group-lang.open {
    box-shadow: 0 0 4px rgba(118, 129, 152, .5);
}




@media only screen and (min-width: 768px) {
    .main-footer.fixed {
        width: 100%;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
    }
}

.main-footer {
    position: relative;
    padding: 15px 0;
    color: #e2f7fe;
    background: #2c5b67;
}


.main-footer .block-header {
    margin: 0 0 15px;
}

.main-footer .block-header h2, .main-footer .block-header .h2,
.main-footer .block-header h3, .main-footer .block-header .h3,
.main-footer .block-header h4, .main-footer .block-header .h4 {
    color: #fff;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}


.copyright {
    font-size: 12px;
}


.wedes-copyright a {
    display: block;
    width: 136px;
    height: 32px;
    line-height: 32px;
    text-indent: 200%;
    background: url(/images/wedes.png) no-repeat 0 0;
    overflow: hidden;
}

.wedes-copyright a:hover, .wedes-copyright a:focus {
    background-position: 0 -32px;
}

.wedes-copyright a:active {
    background-position: 0 -64px;
}


.footer-menu-navbar {
    margin: -5px 0 10px;
}

.footer-menu-navbar .nav > li > a {
    display: inline-block;
    padding: 4px 0;
    color: #e2f7fe;
    font: 600 13px 'Open Sans', sans-serif;
}

.footer-menu-navbar .nav > li > a:hover, .footer-menu-navbar .nav > li > a:focus, .footer-menu-navbar .nav > li.active > a {
    color: #fff;
    background: none;
}


.follow-us-navbar {
    margin-bottom: 25px;
}

.follow-us-navbar:before {
    content: attr(aria-label);
    white-space: nowrap;
    display: none;
}

.follow-us-navbar .nav > li + li {
    margin-left: 20px;
}

.follow-us-navbar .nav > li > a {
    width: 32px;
    height: 32px;
    padding: 0;
    background-color: transparent;
    background-image: url('/images/follow-us-icons.png');
    background-repeat: no-repeat;
}

.follow-us-navbar .fb {
    background-position: 0 0;
}

.follow-us-navbar .fb:hover, .follow-us-navbar .fb:focus {
    background-position: 0 -32px;
}

.follow-us-navbar .fb:active {
    background-position: 0 -64px;
}

.follow-us-navbar .vk {
    background-position: -32px 0;
}

.follow-us-navbar .vk:hover, .follow-us-navbar .vk:focus {
    background-position: -32px -32px;
}

.follow-us-navbar .vk:active {
    background-position: -32px -64px;
}



.main-footer .contacts-info .address {
    margin-bottom: 12px;
    line-height: 1.25;
}


.main-footer .phone-items dt:after {
    content: ':';
}

.main-footer .phone-items dd {
    line-height: 1.4;
}

.main-footer .phone-items a {
    color: #e2f7fe;
}


.subscribe-form .form-group {
    margin-bottom: 20px;
}




.search {
    border-bottom: 1px solid #b5dbe7;
    padding: 10px;
}

.search .form-group {
    margin: 0;
}

.search .form-control:focus + .input-group-btn > .btn {
    color: #fff;
    border-color: #979fb0;
    background: #979fb0;
}

.search .input-group-btn > .btn-icon {
    width: 40px;
}



.text-item .date,
.text-item .deadline, .common-items .deadline {
    display: block;
    margin-bottom: 10px;
    color: #333;
    font-size: 11px;
}

.text-item .deadline .left-day, .common-items .deadline .left-day {
    font-weight: 600;
}


.article-item h1, .article-item .h1 {

}



.common-items .name {
    margin-top: 0;
    color: #000;
    font-weight: 600;
    font-size: 15px;
}

.common-items .name a {
    color: #000;
}

.common-items .thumbnail {
    margin: 0;
    border: none;
    padding: 0;
    border-radius: 4px;
    overflow: hidden;
}

.common-items .thumbnail img {
    border-radius: 4px;
}


/*
.contacts-item .phone-items dt {
    float: left;
    display: inline;
    font-weight: normal;
}

.contacts-item .phone-items dt:after {
    content: ': ';
    margin-right: 4px;
}

.contacts-item .phone-items dd:after {
    content: '';
    display: table;
    clear: both;
}
*/




.text-items.s2 {
    padding-top: 20px;
}

.text-items.s2 .item {
    margin-bottom: 30px;
}

.text-items.s2 .thumbnail {
    padding: 0 20px;
}

.text-items.s2 .name {
    margin-bottom: 6px;
}

.text-items.s2 .name, .text-items.s2 .name a {
    color: #444;
}

.text-items.s2 .wrap-btn {
    text-align: right;
}

.text-items.s2 .description p {
    margin: 0;
}


.article-items.s2 .name {
    margin-bottom: 18px;
}



.actual-items.s1 .name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.actual-items.s1 .thumbnail {
    margin-bottom: 6px;
    height: 124px;
}

.actual-items.s1 .description {
    margin-bottom: 10px;
    height: 55px;
    overflow: hidden;
}


@media only screen and (min-width: 1200px) {
    .actual-items.s1 .thumbnail {
        height: 155px;
    }
}


.brand-items.s2 .item {
    position: relative;
    margin: 15px 0 25px;
    height: 225px;
    border: 1px solid #eee;
    padding: 9px;
    border-radius: 6px;
}

.brand-items.s2 .thumbnail {
    margin: 0;
    height: 140px;
    padding: 10px;
    border: none;
    font-size: 0;
    line-height: 0;
    text-align: center;
    background: none;
}

.brand-items.s2 .thumbnail:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.brand-items.s2 .thumbnail img {
    display: inline-block;
    max-height: 100%;
    border-radius: 4px;
    vertical-align: middle;
}

.brand-items.s2 .name {
    height: 40px;
    margin: 25px 0 0;
    font-size: 15px;
    text-align: center;
    overflow: hidden;
}

.brand-items.s2 .name a {
    color: #444;
}


@media only screen and (min-width: 1200px) {
    .brand-items.s2 .item {
        height: 265px;
    }

    .brand-items.s2 .thumbnail {
        height: 180px;
    }
}






/* tree-common-aside */
.tree-common-aside a, .tree-common-aside .item {
    display: block;
    color: #16657b;
    font-family: FuturaNew;
    line-height: 1.2;
}

.tree-common-aside .active > a {
    font-weight: bold;
}

.tree-common-aside .nav > li {
    border-bottom: 1px solid #b5dbe7;
}

.tree-common-aside .nav > li > a, .tree-common-aside .nav > li > .item {
    width: 100%;
    height: 58px;
    display: table;
    padding: 5px 5px 5px 70px;
    font-size: 18px;
}

.tree-common-aside .nav > li > a > span, .tree-common-aside .nav > li > .item > span {
    display: table-cell;
    padding: 0;
    vertical-align: middle;
}

.tree-common-aside .nav > li > a:before, .tree-common-aside .nav > li > .item:before {
    content: '';
    position: absolute;
    top: 5px;
    left: 10px;
    width: 48px;
    height: 48px;
}

.tree-common-aside .nav > li.active,
.tree-common-aside .nav > li.active > a, .tree-common-aside .nav > li > a:hover,
.tree-common-aside .nav > li.active > .item, .tree-common-aside .nav > li > .item:hover {
    color: #fff;
    background: #1e89a8;
}

.tree-common-aside .nav > li > ul {
    padding: 0 10px 10px 70px;
}

.tree-common-aside .nav > li > ul > li > a {
    padding: 6px 8px;
    color: #fff;
    font-size: 15px;
    border-radius: 4px;
}

.tree-common-aside .nav > li > ul > li.active > a {
    color: #1e89a8;
    background: #fff;
}

.tree-common-aside .nav > li > ul > li.active > a:after {
    content: '';
    position: absolute;
    right: -3px;
    top: 50%;
    margin-top: -3px;
    width: 6px;
    height: 6px;
    transform: rotate(45deg);
    background: #fff;
}

.tree-common-aside .nav > li > ul > li.active > a:hover {
    text-decoration: none;
}


/* tree-catalog */
.tree-catalog .nav > li > a:before, .tree-catalog .nav > li > .item:before {
    background: url('/images/catalog-icons.png') no-repeat;
}

.tree-catalog .nav > li > .icon-1:before {
    background-position: 0 0;
}

.tree-catalog .nav > li.active > .icon-1:before, .tree-catalog .nav > li > .icon-1:hover:before {
    background-position: 0 -48px;
}

.tree-catalog .nav > li > .icon-2:before {
    background-position: -48px 0;
}

.tree-catalog .nav > li.active > .icon-2:before, .tree-catalog .nav > li > .icon-2:hover:before {
    background-position: -48px -48px;
}

.tree-catalog .nav > li > .icon-3:before {
    background-position: -96px 0;
}

.tree-catalog .nav > li.active > .icon-3:before, .tree-catalog .nav > li > .icon-3:hover:before {
    background-position: -96px -48px;
}

.tree-catalog .nav > li > .icon-4:before {
    background-position: -144px 0;
}

.tree-catalog .nav > li.active > .icon-4:before, .tree-catalog .nav > li > .icon-4:hover:before {
    background-position: -144px -48px;
}

.tree-catalog .nav > li > .icon-5:before {
    background-position: -192px 0;
}

.tree-catalog .nav > li.active > .icon-5:before, .tree-catalog .nav > li > .icon-5:hover:before {
    background-position: -192px -48px;
}

.tree-catalog .nav > li > .icon-6:before {
    background-position: -240px 0;
}

.tree-catalog .nav > li.active > .icon-6:before, .tree-catalog .nav > li > .icon-6:hover:before {
    background-position: -240px -48px;
}

.tree-catalog .nav > li > .icon-7:before {
    background-position: -288px 0;
}

.tree-catalog .nav > li.active > .icon-7:before, .tree-catalog .nav > li > .icon-7:hover:before {
    background-position: -288px -48px;
}

.tree-catalog .nav > li > .icon-8:before {
    background-position: -336px 0;
}

.tree-catalog .nav > li.active > .icon-8:before, .tree-catalog .nav > li > .icon-8:hover:before {
    background-position: -336px -48px;
}

.tree-catalog .nav > li > .icon-9:before {
    background-position: -384px 0;
}

.tree-catalog .nav > li.active > .icon-9:before, .tree-catalog .nav > li > .icon-9:hover:before {
    background-position: -384px -48px;
}

.tree-catalog .nav > li > .icon-10:before {
    background-position: -432px 0;
}

.tree-catalog .nav > li.active > .icon-10:before, .tree-catalog .nav > li > .icon-10:hover:before {
    background-position: -432px -48px;
}

.tree-catalog .nav > li > .icon-11:before {
    background-position: -480px 0;
}

.tree-catalog .nav > li.active > .icon-11:before, .tree-catalog .nav > li > .icon-11:hover:before {
    background-position: -480px -48px;
}

.tree-catalog .nav > li > .icon-12:before {
    background-position: -528px 0;
}

.tree-catalog .nav > li.active > .icon-12:before, .tree-catalog .nav > li > .icon-12:hover:before {
    background-position: -528px -48px;
}

.tree-catalog .nav > li > .icon-13:before {
    background-position: -576px 0;
}

.tree-catalog .nav > li.active > .icon-13:before, .tree-catalog .nav > li > .icon-13:hover:before {
    background-position: -576px -48px;
}

.tree-catalog .nav > li > .icon-14:before {
    background-position: -624px 0;
}

.tree-catalog .nav > li.active > .icon-14:before, .tree-catalog .nav > li > .icon-14:hover:before {
    background-position: -624px -48px;
}

.tree-catalog .nav > li > .icon-15:before {
    background-position: -672px 0;
}

.tree-catalog .nav > li.active > .icon-15:before, .tree-catalog .nav > li > .icon-15:hover:before {
    background-position: -672px -48px;
}

.tree-catalog .nav > li > .icon-16:before {
    background-position: -720px 0;
}

.tree-catalog .nav > li.active > .icon-16:before, .tree-catalog .nav > li > .icon-16:hover:before {
    background-position: -720px -48px;
}

.tree-catalog .nav > li > .icon-17:before {
    background-position: -768px 0;
}

.tree-catalog .nav > li.active > .icon-17:before, .tree-catalog .nav > li > .icon-17:hover:before {
    background-position: -768px -48px;
}

.tree-catalog .nav > li > .icon-18:before {
    background-position: -816px 0;
}

.tree-catalog .nav > li.active > .icon-18:before, .tree-catalog .nav > li > .icon-18:hover:before {
    background-position: -816px -48px;
}

.tree-catalog .nav > li > .icon-19:before {
    background-position: -864px 0;
}

.tree-catalog .nav > li.active > .icon-19:before, .tree-catalog .nav > li > .icon-19:hover:before {
    background-position: -864px -48px;
}



/*
@media only screen and (max-width: 767px) {
    .tree-catalog {
        display: none;
    }
}
*/


/* tree-user-menu */
.tree-user-menu .nav > li > a:before, .tree-user-menu .nav > li > .item:before {
    background: url('/images/user-menu-icons.png') no-repeat;
}

.tree-user-menu .nav > li > .icon-1:before {
    background-position: 0 0;
}

.tree-user-menu .nav > li.active > .icon-1:before, .tree-user-menu .nav > li > .icon-1:hover:before {
    background-position: 0 -48px;
}

.tree-user-menu .nav > li > .icon-2:before {
    background-position: -48px 0;
}

.tree-user-menu .nav > li.active > .icon-2:before, .tree-user-menu .nav > li > .icon-2:hover:before {
    background-position: -48px -48px;
}



.wrapper-special-goods-block {
    padding-top: 13px;
}



.goods .artno, .goods .brand {
    padding: 2px 0;
    color: #333;
    font-size: 11px;
    font-weight: 600;
}

.goods .artno:before, .goods .brand:before {
    content: attr(data-label) ': ';
    float: left;
    width: 40%;
    margin-right: 10px;
}



.goods .balance {
    color: #999;
}

.goods .price-items {
    margin-bottom: 23px;
    text-align: center;
}

.goods .price-item {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    position: relative;
    white-space: nowrap;
}

.goods .price-item .price {
    font-size: 14px;
}

.goods .price-item .int {
    font-size: 18px;
}

.goods .price-item .penny {
    font-size: 12px;
}

.goods .price-item .currency {
    display: inline-block;
    margin-left: 4px;
    font-size: 12px;
}

.goods .price-old {
    display: inline-block;
    margin-left: 20px;
    color: #999;
}

.goods .price-old:before {
    width: 100%;
    height: 1px;
    content: '';
    position: absolute;
    margin-top: 15px;
    background: #bb403f;
    display: block;
}

.goods .price-old .price {
    font-size: 14px;
}

.goods .price-current {
    display: inline-block;
}


.goods .good-marker {
    position: absolute;
    right: -10px;
    top: -10px;
    width: 60px;
    height: 60px;
    z-index: 10;
    background: url('/images/sprite.png') no-repeat;
}

.goods .marker-novelty {
    background-position: 0 -216px;
}

.goods .marker-sale {
    background-position: -64px -216px;
}

.goods .marker-hit {
    background-position: -128px -216px;
}


.goods-items.s2 .item {
    position: relative;
    margin: 15px 0 25px;
    height: 365px;
    border: 1px solid #eee;
    padding: 9px;
    border-radius: 6px;
}

.goods-items.s2 .item:hover {
    border-color: #768198;
    box-shadow: 0 0 5px 0 rgba(1, 172, 197, .4);
}

.goods-items.s2 .item.is-guest {
    height: 300px;
}

.goods-items.s2 .item:after {
    content: '';
    display: table;
    clear: both;
}

.goods-items.s2 .thumbnail {
    margin: 0;
    height: 200px;
    padding: 0;
    border: none;
    font-size: 0;
    line-height: 0;
    text-align: center;
    background: none;
}

.goods-items.s2 .thumbnail:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.goods-items.s2 .thumbnail img {
    display: inline-block;
    max-height: 100%;
    border-radius: 4px;
    vertical-align: middle;
}

.goods-items.s2 .name {
    height: 40px;
    margin: 25px 0 0;
    font-size: 15px;
    text-align: center;
    overflow: hidden;
}

.goods-items.s2 .name a {
    color: #444;
}


@media only screen and (min-width: 1200px) {
    .goods-items.s2 .item {
        height: 420px;
    }

    .goods-items.s2 .item.is-guest {
        height: 355px;
    }

    .goods-items.s2 .thumbnail {
        height: 255px;
    }
}




.good-item {
    margin: 33px 0 18px;
}

.good-item-general-block {
    position: relative;
    margin-bottom: 15px;
}

.good-item .thumbnail-col {
    position: relative;
}

.good-item .main-col {
    position: relative;
}

.good-item .good-photo-wrap {
    position: relative;
    border: 1px solid #eee;
    height: 330px;
    border-radius: 7px;
    overflow: hidden;
}

.good-item .good-photo {
    position: relative;
    margin: 0 -1px;
    padding: 9px 10px;
}
/*
.good-item .good-photo:before {
    width: 18px;
    height: 18px;
    content: '';
    position: absolute;
    right: 10px;
    bottom: 10px;
    background: url(/images/sprite.png) no-repeat -48px -96px;
    display: block;
    opacity: .5;
}
*/
.good-item .good-photo:hover:before {
    opacity: 1;
}

.good-item .good-photo-wrap .thumbnail {
    padding: 0;
    margin-bottom: 0;
    border: none;
    border-radius: 4px;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
}

.good-item .good-photo-wrap img {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    cursor: pointer;
    border-radius: 5px;
}

.good-item .good-photo-wrap img + img {
    margin-top: -100%;
    opacity: 0;
}

.good-item .good-photo-wrap.video .thumbnail:before {
    width: 40px;
    height: 40px;
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -20px 0 0 -20px;
    background: url(/images/sprite.png) no-repeat -72px -136px;
    display: block;
    opacity: .8;
}

.good-item .good-photo-wrap.video .thumbnail:hover:before {
    opacity: 1;
}

.good-item .general-mobile-block {

}

.good-item .good-marker {
    left: 5px;
    right: auto;
    top: -5px;
}

.good-item h1 {
    margin: 0 0 20px;
    color: #444;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}

.good-item .list-characteristics {
    margin-bottom: 30px;
}

.good-item .price-items {
    margin-bottom: 20px;
    text-align: left;
}

.good-item .price-item {

}



.good-item .form-buy {
    margin-top: 25px;
}

.good-item .wrap-btn-back .btn {
    padding-left: 0;
}


.good-item-general-block .wrap-characteristics {
    padding-top: 17px;
}

.good-item-general-block .wrap-characteristics ul {
    margin: 0;
    padding: 0;
    color: #333;
    font-size: 11px;
    font-weight: 600;
    list-style: none;
}

.good-item-general-block .wrap-characteristics li {
    padding: 2px 0;
}


@media only screen and (min-width: 1200px) {
    .good-item .good-photo-wrap {
        height: 410px;
    }
}





.list-characteristics {
    color: #333;
}

.list-characteristics-caption {
    display: none;
}

.characteristic-items {
    margin: 0 0 15px;
    position: relative;
    z-index: 0;
    overflow: hidden;
}

.characteristic-items:after {
    content: '';
    clear: both;
    display: table;
}

.characteristic-items dt, .characteristic-items dd {
    padding: 6px 12px;
    float: left;
    position: relative;
    border: none;
}

.characteristic-items dt, .characteristic-items dt:before,
 .characteristic-items dd, .characteristic-items dd:before {
    border-radius: 5px;
}

.characteristic-items dt:nth-child(4n+3), .characteristic-items dd:nth-child(4n+4) {
    background: #fcf8fc;
}

.characteristic-items dt:nth-child(4n+3):before, .characteristic-items dd:nth-child(4n+4):before {
    width: 340px;
    height: 100%;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background: #fcf8fc;
    display: block;
}

.characteristic-items dd:nth-child(4n+4):before {
    left: auto;
    right: 0;
}

.characteristic-items dt {
    width: 40%;
    font: 600 13px MyriadPro;
    clear: left;
}

.characteristic-items dd {
    width: 60%;
    font: 13px MyriadPro;
}



/* filter */
.filter-search .tree-catalog a:not([data-count=""]):after, .filter-search .tree-catalog .item:not([data-count=""]):after {
    content: ' (' attr(data-count) ')';
    color: #a97bb6;
}

.filter-search .tree-catalog a:not([data-count]):after, .filter-search .tree-catalog a[data-count=""]:after,
.filter-search .tree-catalog .item:not([data-count]):after, .filter-search .tree-catalog .item[data-count=""]:after {
    display: none;
}
/*end filter*/







.gmap-wrap {
    margin: 0;
}

.gmap {
    width: 100%;
    height: 350px;
    border: 1px solid #eee;
    border-radius: 6px;
}

@media only screen and (max-width: 767px) {
    .gmap {
        height: 250px;
    }
}




.sitemap {
    margin-top: 20px;
}

.sitemap ul {
    list-style: none;
    margin: 0;
    padding-left: 25px;
}

.sitemap ul li {
    padding: 5px 0 5px 15px;
    margin: 0;
    position: relative;
    list-style: none;
}

.sitemap ul li:before {
    content: '•';
    color: #336675;
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 5px;
}




.wrap-media {
    margin: 15px 0;
}



.gallery-items.s2 {
    list-style: none;
    margin: 0;
    padding: 0;
}

.gallery-items.s2 > li {
    margin: 0;
}

.gallery-items.s2 .media-item {
    position: relative;
    margin: 10px 0;
}

.gallery-items.s2 .media-item:hover {
    box-shadow: 0 0 0 5px #e45857;
}

.gallery-items.s2 .thumbnail {
    margin: 0;
    border: none;
    padding: 0;
}

.gallery-items.s2 .thumbnail img {
    cursor: pointer;
}

.gallery-items.s2 .video:before {
    width: 40px;
    height: 40px;
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -20px 0 0 -20px;
    background: url(images/sprite.png) no-repeat -48px -120px;
    display: block;
    opacity: .8;
    cursor: pointer;
}

.gallery-items.s2 .video:hover:before {
    opacity: 1;
}




.docs-list {
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #fff;
    display: table;
}

.docs-list li {
    list-style: none;
    margin: 0;
    display: table-row;
}

.docs-list li + li > div {
    border-top: 1px solid #ddd;
}

.docs-list li > div {
    padding: 10px 12px;
    vertical-align: middle;
    display: table-cell;
}

.docs-list li:hover > div {
    background: #f9f9f9;
}

.docs-list li > div:nth-child(2) {
    width: 100%;
}

.docs-list li p {
    line-height: 13px;
    padding: 2px 0;
    margin: 0;
}

.docs-list li > .ico {
    width: 27px;
    vertical-align: top;
    padding-right: 0;
}

.docs-list li > .ico:before {
    width: 27px;
    height: 32px;
    content: '';
    font-size: 0;
    margin-top: 4px;
    background: url(/images/files-32x32.png) no-repeat -2px 0;
    display: inline-block;
}

.docs-list li.txt > .ico:before {
    background-position: -34px 0;
}

.docs-list li.doc > .ico:before, .docs.list li.docx > .ico:before {
    background-position: -66px 0;
}

.docs-list li.xls > .ico:before, .docs.list li.xlsx > .ico:before {
    background-position: -98px 0;
}

.docs-list li.pds > .ico:before {
    background-position: -130px 0;
}

.docs-list li.rar > .ico:before {
    background-position: -162px 0;
}

.docs-list li.zip > .ico:before {
    background-position: -194px 0;
}

.docs-list li._7z > .ico:before {
    background-position: -226px 0;
}

.docs-list li.htm > .ico:before {
    background-position: -258px 0;
}

.docs-list li.jpg > .ico:before, .docs.list li.jpeg > .ico:before {
    background-position: -290px 0;
}

@media only screen and (max-width: 991px) {
    .docs-list li > div:first-child, .docs-list li > div:last-child {
        padding-left: 0;
        padding-right: 0;
    }

    .docs-list .btn {
        padding: 4px 10px;
    }
}




.tabs {
    position: relative;
}

.tabs > ul {
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
}

.tabs > ul:after {
    content: '';
    display: table;
    clear: both;
}

.tabs > ul > li {
    padding: 0;
    margin: 0;
}

.tabs > ul:first-child {
    height: 32px;
    z-index: 2;
    border-collapse: separate;
}

.tabs > ul:first-child > li {
    color: #272727;
    font: bold 14px/32px ArnoPro, 'Times New Roman', Times, serif;
    text-transform: uppercase;
    padding: 0 10px;
    white-space: nowrap;
    float: left;
    position: relative;
    border: 1px solid transparent;
    border-bottom: none;
    border-radius: 0;
    display: block;
    cursor: pointer;
    overflow: hidden;
}

.tabs > ul:first-child > li + li {
    margin-left: 2px;
}

.tabs > ul:first-child > li.active {
    border-color: #aaa;
    background: #fff;
}

.tabs > ul:first-child > li.active:hover {
    box-shadow: none;
}

.tabs > ul:first-child > li:not(.active):hover {
    color: #e45857;
}

.tabs > ul:first-child > li:not(.active):active {
    color: #bb403f;
}

.tabs > ul:first-child > li span {
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
}

.tabs > ul + ul {
    z-index: 1;
    display: block;
}

.tabs > ul + ul > li {
    font-size: 12px;
    padding: 10px;
    border: 1px solid #aaa;
    border-radius: 0;
    background: #fff;
    display: none;
}





.popover {
    padding: 0;
    border-radius: 0;
}

.popover-content {
    color: #272727;
    padding: 5px;
}



.form-feedback {
    margin-top: 10px;
}



/* cart */
.cart-container {
    position: relative;
}

.cart-container .loading-mask {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    border-radius: 6px;
}

.cart-container .loading-spinner {
    width: 200px;
    margin-left: -100px;
}

.cart-container .summarize {
    margin: 20px 0;
    font-size: 15px;
    font-weight: 600;
    text-align: right;
}

.cart-container .summarize:before {
    content: attr(aria-label) ': ';
    margin-right: 4px;
}

.cart-container .summarize .price {
    font-size: 20px;
}

.cart-container .summarize .currency {
    margin-left: 4px;
}

.cart-container .text-summarize {
    margin-top: 5px;
    text-align: right;
}

.cart-container .text-summarize .quantity, .cart-container .text-summarize .cost {
    font-size: 15px;
    font-weight: 600;
}

.cart-container .bonus-available {

}

.cart-container .checkout-bonus-form-wrap {

}

.wrap-table-cart {
    padding: 0;
    border-radius: 0;
    background: #fff;
    overflow: hidden;
}

.table-cart {
    margin: 0;
    border: none;
    border-collapse: separate;
    border-spacing: 0 8px;
}

.table-cart > thead > tr > th, .table-cart > tbody > tr > th, .table-cart > tfoot > tr > th,
.table-cart > thead > tr > td, .table-cart > tbody > tr > td, .table-cart > tfoot > tr > td {
    border: none;
    padding: 10px;
    vertical-align: middle;
    text-align: center;
}

.table-cart > thead:first-child > tr:first-child > th {
    padding: 0 10px;
    font-size: 11px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    white-space: nowrap;
    vertical-align: bottom;
}

.table-cart > thead > tr > td, .table-cart > tbody > tr > td, .table-cart > tfoot > tr > td {
    border: 1px solid #eee;
    border-width: 1px 0;
}

.table-cart > thead > tr > td:first-child, .table-cart > tbody > tr > td:first-child, .table-cart > tfoot > tr > td:first-child {
    border-left-width: 1px;
    border-radius: 6px 0 0 6px;
}

.table-cart > thead > tr > td:last-child, .table-cart > tbody > tr > td:last-child, .table-cart > tfoot > tr > td:last-child {
    border-right-width: 1px;
    border-radius: 0 6px 6px 0;
}

.table-cart .number-col {
    width: 10px;
    text-align: left;
}

.table-cart .thumbnail-col {
    width: 70px;
    text-align: left;
}

.table-cart .item-name-col {
    width: auto;
    text-align: left;
}

.table-cart .item-price-col {
    width: 150px;
}

.table-cart .item-k-col {
    width: 125px;
    min-width: 125px;
}

.table-cart .item-k-col .input-group {
    border-spacing: 0;
}

.table-cart .item-discount-col {
    width: 50px;
}

.table-cart .item-total-col {
    width: 150px;
}

.table-cart .item-remove-col {
    width: 40px;

}

.table-cart > thead:first-child > tr:first-child > th.item-remove-col {
    padding: 0;
}

.table-cart tbody .number-col:after {
    content: '.';
}

.table-cart tbody .thumbnail-col {
    height: 155px;
    padding: 10px 0;
    text-align: center;
}

.table-cart tbody .item-name-col {
    vertical-align: top;
}

.table-cart tbody .item-price-col,
.table-cart tbody .item-k-col,
.table-cart tbody .item-total-col,
.table-cart tbody .item-remove-col {
    white-space: nowrap;
}

.table-cart tbody > tr:nth-child(odd) > td {
    background: #fff;
}

.table-cart tbody > tr:nth-child(even) > td {
    background: #fff;
}

.table-cart .thumbnail {
    display: table;
    margin: 0;
    width: 100px;
    height: 135px;
    padding: 0;
    border: none;
    background: #fff;
}

.table-cart .thumbnail span {
    vertical-align: middle;
    display: table-cell;
}

.table-cart .name, .table-cart .name a {
    color: #444;
    text-overflow: ellipsis;
    overflow: hidden;
}

.table-cart .param {
    font-size: 11px;
    padding: 1px 0;
    white-space: nowrap;
}

.table-cart .item-price, .table-cart .item-cost, .table-cart .item-quantity, .table-cart .item-discount {
    color: #000;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}

.table-cart .item-price-unit {
    color: #000;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}

.wrap-table-cart.jap .table-cart th, .wrap-table-cart.jap .table-cart td {

}

.wrap-table-cart.jap .thumbnail-col {
    padding: 10px;
}

.wrap-table-cart.jap .thumbnail {
    margin: 10px 0;
}

.wrap-table-cart.jap tbody .item-name-col {
    vertical-align: middle;
}

.wrap-table-cart.jap tbody td {
    background: none;
}


.wrap-table-cart.plic-default {
    margin-top: 0;
    margin-bottom: 12px;
}


.btn-wrap-continue-shopping {
    text-align: left;
}

.btn-wrap-go2cart {
    text-align: right;
}

.plic-short {
    padding-top: 10px;
    margin-top: 10px;
}

.plic-short .table-cart {
    border-collapse: collapse;
}

.plic-short .table-cart td {
    border: none;
    padding: 10px;
    vertical-align: top;
}

.plic-short .item {

}

.plic-short .main-col {
    text-align: left;
}

.plic-short .price-items {
    margin-top: 10px;
    white-space: nowrap;
}

.plic-short .item-price, .plic-short .item-quantity, .plic-short .item-cost {
    font-size: 13px;
}

.plic-short .item-discount {
    margin-top: 10px;
}

.plic-short-wrap {
    margin-bottom: 30px;
}

.plic-short-wrap .row-summarize {
    margin: 10px 0;
    font-size: 15px;
    font-weight: 600;
}

.plic-short-wrap .field-name {

}

.plic-short-wrap .row-final-cost .field-name {
    margin-top: 6px;
}

.plic-short-wrap .row-final-cost .price {

}


.list-plic-short {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.list-plic-short > li {
    padding: 6px 12px;
    border-radius: 4px;
}

.list-plic-short > li:nth-child(odd) {
    background: #f0f7f9;
}

.plic-short .number-col, .plic-short .name, .plic-short .param {
    display: inline-block;
    margin-right: 12px;
}




.checkout-form .block-header {
    margin-top: 12px;
}

.checkout-form form {
    margin-top: 20px;
}

.checkout-form .btn-wrap {
    text-align: right;
    margin-top: 20px;
}
/* end cart */



/* order history */
.orders-history-form .form-group {
    margin: 10px 0;
}

.orders-history-form .form-group + .form-group {
    margin-left: 10px;
}

.orders-history-form .form-control {
    width: 160px;
}

.orders-history-form .input-group-addon {
    cursor: pointer;
}



.orders-history {
    margin: 0 0 30px;
    padding: 0;
    list-style: none;
}

.orders-history .item {
    margin: 8px 0;
    padding: 10px;
    border: 1px solid #eee;
    border-radius: 4px;
}

.orders-history .order-item-header {
    position: relative;
    padding: 0;
    cursor: pointer;
}

.orders-history .order-item-header .siteicon {
    float: left;
    margin-right: 10px;
}

.orders-history .item[aria-expanded="false"] .order-item-body {
    display: none;
}

.orders-history .order-item-header .status:before {
    content: attr(aria-label) ': ';
}

.orders-history .order-item-body {
    padding-top: 10px;
}

.order-history-good-header {
    padding: 8px 12px;
    font-size: 11px;
    font-weight: 600;
}

.order-history-good-items {
    margin-bottom: 15px;
    padding: 0;
    list-style: none;
}

.order-history-good-items > li {
    padding: 6px 12px;
    border-radius: 4px;
}

.order-history-good-items > li:nth-child(odd) {
    background: #f0f7f9;
}

.order-history-good-items .good-name {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.order-history-good-items .param {
    font-size: 11px;
}


.orders-history .total-cost {
    padding: 6px;
    font-weight: 600;
}

.orders-history .total-cost:before {
    content: attr(aria-label) ': ';
    margin-right: 4px;
}

.orders-history .order-item-body .btn-wrap {
    margin: 10px 0;
}
/* end order history */



/*
@media only screen and (max-width: 1024px) {
    .slider-control.btn {
        display: none;
    }
}
*/
.slider, .rotation {
    position: relative;
}

.slider .box, .rotation .box {
    position: relative;
    overflow: hidden;
}

.slider .list, .rotation .list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.slider .list {
    position: absolute;
    left: 0;
    top: 0;
}

.rotation .list {
    position: relative;
}

.slider .list-item, .rotation .list-item {
    padding: 0;
    margin: 0;
}

.slider .thumbnail, .rotation .thumbnail {
    margin: 0;
    padding: 0;
    border: none;
    vertical-align: middle;
    display: table-cell;
    background: none;
}

.slider-control {
    position: absolute;
}

.slider-indicators ul {
    list-style: none;
}

.slider-indicators ul, .slider-indicators li {
    position: relative;
    margin: 0;
    padding: 0;
}


/* main slider */
.slider-main .box {
    width: 940px;
    height: 270px;
}

.slider-main .list-item {
    float: left;
    width: 940px;
    height: 270px;
}

.slider-main .thumbnail {
    display: block;
}

.slider-main .slider-control {
    top: 119px;
}

.slider-main .slider-control.prev {
    left: 10px;
}

.slider-main .slider-control.next {
    right: 10px;
}


@media only screen and (min-width: 1200px) {
    .slider-main .box {
        width: 1160px;
        height: 333px;
    }

    .slider-main .list-item {
        width: 1160px;
        height: 333px;
    }

    .slider-main .slider-control {
        top: 150px;
    }

    .slider-main .slider-control.prev {
        left: -52px;
    }

    .slider-main .slider-control.next {
        right: -52px;
    }
}


/* brands slider */
.slider-brands-wrapper {
    padding-bottom: 28px;
    background: #e7eaec;
}

.slider-brands .box {
    width: 100%;
    height: 120px;
}

.slider-brands .list {
    margin: 0 -10px;
}

.slider-brands .list-item {
    float: left;
    display: table;
    width: 160px;
    height: 120px;
}

.slider-brands .slider-control {
    top: 96px;
}

.slider-brands .slider-control.prev {
    left: 10px;
}

.slider-brands .slider-control.next {
    right: 10px;
}


@media only screen and (min-width: 1200px) {
    .slider-brands .list-item {
        width: 168.5px;
    }

    .slider-brands .slider-control.prev {
        left: -52px;
    }

    .slider-brands .slider-control.next {
        right: -52px;
    }
}

/* good thumbs slider */
.slider-good-thumbs {
    padding: 45px 0;
}

.slider-good-thumbs .box {
    width: 50px;
    height: 240px;
}

.slider-good-thumbs .list-item {
    display: table;
    width: 50px;
    height: 63px;
    padding-bottom: 13px;
    cursor: pointer;
}

.slider-good-thumbs .thumbnail {
    border: 1px solid #eee;
    border-radius: 4px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.slider-good-thumbs .list-item[data-selected="0"] .thumbnail:hover {
    border-color: #979fb0;
}

.slider-good-thumbs .list-item[data-selected="1"] .thumbnail {
    border-color: #768198;
}

.slider-good-thumbs .thumbnail img {
    border-radius: 4px;
}

.slider-good-thumbs .slider-control {
    width: 100%;
}

.slider-good-thumbs .slider-control.prev {
    top: 0;
}

.slider-good-thumbs .slider-control.next {
    bottom: 0;
}

@media only screen and (min-width: 1200px) {
    .slider-good-thumbs {
        padding: 49px 0;
    }

    .slider-good-thumbs .box {
        width: 66px;
        height: 312px;
    }

    .slider-good-thumbs .list-item {
        width: 66px;
        height: 82px;
        padding-bottom: 16px;
    }
}


/* media slider */
.slider-media .box {
    margin-left: 43px;
    width: 614px;
    height: 93px;
}

.slider-media .list {
    margin: 0 -5px;
}

.slider-media .list-item {
    float: left;
    display: table;
    width: 156px;
    height: 92px;
    padding: 0 5px;
}

.slider-media .thumbnail {
    position: relative;
    border: 1px solid #eee;
    padding: 3px;
    border-radius: 4px;
}

.slider-media .video .thumbnail:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    margin: -20px 0 0 -20px;
    width: 40px;
    height: 40px;
    background: url(/images/sprite.png) no-repeat -72px -136px;
    opacity: .8;
    cursor: pointer;
}

.slider-media .list-item:hover .thumbnail {
    border-color: #768198;
}

.slider-media .video:hover .thumbnail:before {
    opacity: 1;
}

.slider-media .thumbnail img {
    border-radius: 2px;
    cursor: pointer;
}

.slider-media .slider-control {
    top: 0;
    height: 93px;
}

.slider-media .slider-control.prev {
    left: 0;
}

.slider-media .slider-control.next {
    right: 0;
}


@media only screen and (min-width: 1200px) {
    .slider-media .box {
        margin-left: 48px;
        width: 770px;
    }
}





.datepicker {
    color: #000;
}

.datepicker:before {
    border-bottom-color: #fff !important;
}

.datepicker:after {
    border-bottom: 6px solid #999;
}




.modal-open .modal {
    min-width: 600px;
}

.modal-backdrop, .modal-backdrop.fade.in {
    position: fixed;
    bottom: 0;
    z-index: 1030;
    background: #000;
}

.modal {
    width: 600px;
    margin-left: -300px;
    padding: 0;
    border: none;
    border-radius: 5px;
    background: #fff;
}

.modal-header {
    border: #fff;
    padding: 10px 20px;
    background: #1e89a8;
}

.modal-header:after {
    content: ' ';
    clear: both;
    display: table;
}

.modal-header .close {
    margin: 0 -10px 0 0;
    color: #1e89a8;
    text-transform: uppercase;
    border-color: #cfe4f3;
    background: #cfe4f3;
    opacity: 1;
    filter: none;
}

.modal-header .close:hover, .modal-header .close:focus {
    color: #fff;
    border-color: #eee;
    background: #eee;
}

.modal-header .close:active {
    color: #2c5b67;
    border-color: #fff;
    background: #fff;
}

.modal-header .modal-title {
    padding-top: 10px;
    color: #fff;
    font-size: 36px;
    font-family: FuturaNew;
    font-weight: 200;
    line-height: 1.1;
}

.modal-body .btn-wrap {
    text-align: right;
}

.modal-body .btn-wrap.form-group {
    margin-bottom: 0;
}

.modal-footer {
    border: none;
}


.modal-body, .modal-footer {
    padding: 20px;
}





.blueimp-gallery {
    background: #000;
    background: rgba(0, 0, 0, .7);
}

.blueimp-gallery-carousel {
    padding-bottom: 100%;
}

@media only screen and (orientation: landscape) {
    .blueimp-gallery-carousel {
        padding-bottom: 56.25%;
    }
}



/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datepicker {
    top: 0;
    left: 0;
    padding: 4px;
    margin-top: 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    /*.dow {
      border-top: 1px solid #ddd !important;
    }*/

}

.datepicker:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: -7px;
    left: 6px;
}

.datepicker:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    /*border-bottom: 6px solid #ffffff;*/
    position: absolute;
    top: -6px;
    left: 7px;
}

.datepicker > div {
    display: none;
}

.datepicker table {
    width: 100%;
    margin: 0;
}

.datepicker td,
.datepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.datepicker td.day:hover {
    background: #eeeeee;
    cursor: pointer;
}

.datepicker td.day.disabled {
    color: #eeeeee;
}

.datepicker td.old,
.datepicker td.new {
    color: #999999;
}

.datepicker td.active,
.datepicker td.active:hover {
    color: #ffffff;
    background-color: #006dcc;
    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
    background-image: linear-gradient(to bottom, #0088cc, #0044cc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #0044cc;
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */

    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker td.active:hover,
.datepicker td.active:hover:hover,
.datepicker td.active:focus,
.datepicker td.active:hover:focus,
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active,
.datepicker td.active.disabled,
.datepicker td.active:hover.disabled,
.datepicker td.active[disabled],
.datepicker td.active:hover[disabled] {
    color: #ffffff;
    background-color: #0044cc;
    *background-color: #003bb3;
}

.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active {
    background-color: #003399 \9;
}

.datepicker td span {
    display: block;
    width: 47px;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 2px;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.datepicker td span:hover {
    background: #eeeeee;
}

.datepicker td span.active {
    color: #ffffff;
    background-color: #006dcc;
    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
    background-image: linear-gradient(to bottom, #0088cc, #0044cc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #0044cc;
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */

    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker td span.active:hover,
.datepicker td span.active:focus,
.datepicker td span.active:active,
.datepicker td span.active.active,
.datepicker td span.active.disabled,
.datepicker td span.active[disabled] {
    color: #ffffff;
    background-color: #0044cc;
    *background-color: #003bb3;
}

.datepicker td span.active:active,
.datepicker td span.active.active {
    background-color: #003399 \9;
}

.datepicker td span.old {

    color: #999999;
}

.datepicker th.switch {
    width: 145px;
}

.datepicker th.next,
.datepicker th.prev {
    font-size: 21px;
}

.datepicker thead tr:first-child th {
    cursor: pointer;
}

.datepicker thead tr:first-child th:hover {
    background: #eeeeee;
}

.input-append.date .add-on i,
.input-prepend.date .add-on i {
    display: block;
    cursor: pointer;
    width: 16px;
    height: 16px;
}

/*!
 * Bootstrap Modal
 *
 * Copyright Jordan Schroter
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Boostrap 3 patch for for bootstrap-modal. Include BEFORE bootstrap-modal.css!
 */

body.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom {
    margin-right: 0;
}

.modal {
    left: 50%;
    bottom: auto;
    right: auto;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    background-clip: padding-box;
    opacity: .5;
}

.modal.container {
    max-width: none;
}

.modal-open {
    overflow: hidden;
}

.modal-open.page-overflow .page-container, .modal-open.page-overflow .page-container .navbar-fixed-top, .modal-open.page-overflow .page-container .navbar-fixed-bottom, .modal-open.page-overflow .modal-scrollable {
    overflow-y: scroll;
}

@media (max-width: 979px) {
    .modal-open.page-overflow .page-container .navbar-fixed-top, .modal-open.page-overflow .page-container .navbar-fixed-bottom {
        overflow-y: visible;
    }
}

.modal-scrollable {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
}

.modal {
    outline: none;
    position: absolute;
    margin-top: 0;
    top: 50%;
    overflow: visible;
}

.modal.fade {
    top: -100%;
    -webkit-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;
    -o-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;
    transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;
}

.modal.fade.in {
    top: 50%;
}

.modal-body {
    max-height: none;
    overflow: visible;
}

.modal.modal-absolute {
    position: absolute;
    z-index: 950;
}

.modal .loading-mask {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    border-radius: 4px;
}

.modal-backdrop.modal-absolute {
    position: absolute;
    z-index: 940;
}

.modal-backdrop, .modal-backdrop.fade.in {
    opacity: .7;
    filter: alpha(opacity=70);
}

.modal.container {
    width: 940px;
    margin-left: -470px;
}

.modal-overflow.modal {
    top: 1%;
}

.modal-overflow.modal.fade {
    top: -100%;
}

.modal-overflow.modal.fade.in {
    top: 1%;
}

.modal-overflow .modal-body {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

@media (min-width: 1200px) {
    .modal.container {
        width: 1170px;
        margin-left: -585px;
    }
}

@media (max-width: 979px) {
    .modal, .modal.container, .modal.modal-overflow {
        top: 1%;
        right: 1%;
        left: 1%;
        bottom: auto;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .modal.fade.in, .modal.container.fade.in, .modal.modal-overflow.fade.in {
        top: 1%;
        bottom: auto;
    }

    .modal-body, .modal-overflow .modal-body {
        position: static;
        margin: 0;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }

    .modal-footer, .modal-overflow .modal-footer {
        position: static;
    }
}

.loading-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -12px 0 0 -12px;
}

/*
Animate.css - http://daneden.me/animate
Licensed under the ☺ license (http://licence.visualidiot.com/)

Copyright (c) 2012 Dan Eden*/

.animated {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
    }
}

@-moz-keyframes shake {
    0%, 100% {
        -moz-transform: translateX(0);
    }
    10%, 30%, 50%, 70%, 90% {
        -moz-transform: translateX(-10px);
    }
    20%, 40%, 60%, 80% {
        -moz-transform: translateX(10px);
    }
}

@-o-keyframes shake {
    0%, 100% {
        -o-transform: translateX(0);
    }
    10%, 30%, 50%, 70%, 90% {
        -o-transform: translateX(-10px);
    }
    20%, 40%, 60%, 80% {
        -o-transform: translateX(10px);
    }
}

@keyframes shake {
    0%, 100% {
        transform: translateX(0);
    }
    10%, 30%, 50%, 70%, 90% {
        transform: translateX(-10px);
    }
    20%, 40%, 60%, 80% {
        transform: translateX(10px);
    }
}

.shake {
    -webkit-animation-name: shake;
    -moz-animation-name: shake;
    -o-animation-name: shake;
    animation-name: shake;
}

/*
 * blueimp Gallery CSS 2.11.1
 * https://github.com/blueimp/Gallery
 *
 * Copyright 2013, Sebastian Tschan
 * https://blueimp.net
 *
 * Licensed under the MIT license:
 * http://www.opensource.org/licenses/MIT
 */

.blueimp-gallery, .blueimp-gallery > .slides > .slide > .slide-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -moz-backface-visibility: hidden;
}

.blueimp-gallery > .slides > .slide > .slide-content {
    margin: auto;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    opacity: 1;
}

.blueimp-gallery {
    position: fixed;
    z-index: 999999;
    overflow: hidden;
    opacity: 0;
    display: none;
    direction: ltr;
    -ms-touch-action: none;
    touch-action: none;
}

.blueimp-gallery-carousel {
    position: relative;
    z-index: auto;
    margin: 1em auto;
    /* Set the carousel width/height ratio to 16/9: */
    /*padding-bottom: 56.25%;*/
    /*padding-bottom:100%;*/
    background: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

.blueimp-gallery-display {
    display: block;
    opacity: 1;
}

.blueimp-gallery > .slides {
    position: relative;
    height: 100%;
    overflow: hidden;
}

.blueimp-gallery-carousel > .slides {
    position: absolute;
}

.blueimp-gallery > .slides > .slide {
    position: relative;
    float: left;
    height: 100%;
    text-align: center;
    -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -ms-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.blueimp-gallery,
.blueimp-gallery > .slides > .slide > .slide-content {
    -webkit-transition: opacity 0.5s linear;
    -moz-transition: opacity 0.5s linear;
    -ms-transition: opacity 0.5s linear;
    -o-transition: opacity 0.5s linear;
    transition: opacity 0.5s linear;
}

.blueimp-gallery > .slides > .slide-loading {
    background: url(/images/blueimp/loading.gif) center no-repeat;
    background-size: 64px 64px;
}

.blueimp-gallery > .slides > .slide-loading > .slide-content {
    opacity: 0;
}

.blueimp-gallery > .slides > .slide-error {
    background: url(/images/blueimp/error.png) center no-repeat;
}

.blueimp-gallery > .slides > .slide-error > .slide-content {
    display: none;
}

.blueimp-gallery > .prev,
.blueimp-gallery > .next {
    position: absolute;
    top: 50%;
    left: 15px;
    width: 40px;
    height: 40px;
    margin-top: -23px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 60px;
    font-weight: 100;
    line-height: 30px;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 2px #000;
    text-align: center;
    background: #222;
    background: rgba(0, 0, 0, 0.5);
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    border: 3px solid #fff;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 23px;
    opacity: 0.5;
    cursor: pointer;
    display: none;
}

.blueimp-gallery > .next {
    left: auto;
    right: 15px;
}

.blueimp-gallery > .close,
.blueimp-gallery > .title {
    position: absolute;
    top: 15px;
    left: 15px;
    margin: 0 40px 0 0;
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    text-shadow: 0 0 2px #000;
    opacity: 0.8;
    display: none;
}

.blueimp-gallery > .close {
    padding: 15px;
    right: 15px;
    left: auto;
    margin: -15px;
    font-size: 30px;
    text-decoration: none;
    cursor: pointer;
}

.blueimp-gallery > .play-pause {
    position: absolute;
    right: 15px;
    bottom: 15px;
    width: 15px;
    height: 15px;
    background: url(/images/blueimp/play-pause.png) 0 0 no-repeat;
    cursor: pointer;
    opacity: 0.5;
    display: none;
}

.blueimp-gallery-playing > .play-pause {
    background-position: -15px 0;
}

.blueimp-gallery > .prev:hover,
.blueimp-gallery > .next:hover,
.blueimp-gallery > .close:hover,
.blueimp-gallery > .title:hover,
.blueimp-gallery > .play-pause:hover {
    color: #fff;
    opacity: 1;
}

.blueimp-gallery-controls > .prev,
.blueimp-gallery-controls > .next,
.blueimp-gallery-controls > .close,
.blueimp-gallery-controls > .title,
.blueimp-gallery-controls > .play-pause {
    display: block;
    /* Fix z-index issues (controls behind slide element) on Android: */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}

.blueimp-gallery-single > .prev,
.blueimp-gallery-left > .prev,
.blueimp-gallery-single > .next,
.blueimp-gallery-right > .next,
.blueimp-gallery-single > .play-pause {
    display: none;
}

.blueimp-gallery > .slides > .slide > .slide-content,
.blueimp-gallery > .prev,
.blueimp-gallery > .next,
.blueimp-gallery > .close,
.blueimp-gallery > .play-pause {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Replace PNGs with SVGs for capable browsers (excluding IE<9) */
body:last-child .blueimp-gallery > .slides > .slide-error {
    background-image: url(/images/blueimp/error.svg);
}

body:last-child .blueimp-gallery > .play-pause {
    width: 20px;
    height: 20px;
    background-size: 40px 20px;
    background-image: url(/images/blueimp/play-pause.svg);
}

body:last-child .blueimp-gallery-playing > .play-pause {
    background-position: -20px 0;
}

/* IE7 fixes */
* + html .blueimp-gallery > .slides > .slide {
    min-height: 300px;
}

* + html .blueimp-gallery > .slides > .slide > .slide-content {
    position: relative;
}

/*
 * blueimp Gallery Indicator CSS 1.1.0
 * https://github.com/blueimp/Gallery
 *
 * Copyright 2013, Sebastian Tschan
 * https://blueimp.net
 *
 * Licensed under the MIT license:
 * http://www.opensource.org/licenses/MIT
 */

.blueimp-gallery > .indicator {
    position: absolute;
    top: auto;
    right: 15px;
    bottom: 15px;
    left: 15px;
    margin: 0 40px;
    padding: 0;
    list-style: none;
    text-align: center;
    line-height: 10px;
    display: none;
}

.blueimp-gallery > .indicator > li {
    display: inline-block;
    width: 9px;
    height: 9px;
    margin: 6px 3px 0 3px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    border: 1px solid transparent;
    background: #ccc;
    background: rgba(255, 255, 255, 0.25) center no-repeat;
    border-radius: 5px;
    box-shadow: 0 0 2px #000;
    opacity: 0.5;
    cursor: pointer;
}

.blueimp-gallery > .indicator > li:hover,
.blueimp-gallery > .indicator > .active {
    background-color: #fff;
    border-color: #fff;
    opacity: 1;
}

.blueimp-gallery-controls > .indicator {
    display: block;
    /* Fix z-index issues (controls behind slide element) on Android: */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}

.blueimp-gallery-single > .indicator {
    display: none;
}

.blueimp-gallery > .indicator {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* IE7 fixes */
* + html .blueimp-gallery > .indicator > li {
    display: inline;
}

/*
 * blueimp Gallery Video Factory CSS 1.3.0
 * https://github.com/blueimp/Gallery
 *
 * Copyright 2013, Sebastian Tschan
 * https://blueimp.net
 *
 * Licensed under the MIT license:
 * http://www.opensource.org/licenses/MIT
 */

.blueimp-gallery > .slides > .slide > .video-content > img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    /* Prevent artifacts in Mozilla Firefox: */
    -moz-backface-visibility: hidden;
}

.blueimp-gallery > .slides > .slide > .video-content > video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.blueimp-gallery > .slides > .slide > .video-content > iframe {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.blueimp-gallery > .slides > .slide > .video-playing > iframe {
    top: 0;
}

.blueimp-gallery > .slides > .slide > .video-content > a {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    margin: -64px auto 0;
    width: 128px;
    height: 128px;
    background: url(/images/blueimp/video-play.png) center no-repeat;
    opacity: 0.8;
    cursor: pointer;
}

.blueimp-gallery > .slides > .slide > .video-content > a:hover {
    opacity: 1;
}

.blueimp-gallery > .slides > .slide > .video-playing > a,
.blueimp-gallery > .slides > .slide > .video-playing > img {
    display: none;
}

.blueimp-gallery > .slides > .slide > .video-content > video {
    display: none;
}

.blueimp-gallery > .slides > .slide > .video-playing > video {
    display: block;
}

.blueimp-gallery > .slides > .slide > .video-loading > a {
    background: url(/images/blueimp/loading.gif) center no-repeat;
    background-size: 64px 64px;
}

/* Replace PNGs with SVGs for capable browsers (excluding IE<9) */
body:last-child .blueimp-gallery > .slides > .slide > .video-content:not(.video-loading) > a {
    background-image: url(/images/blueimp/video-play.svg);
}

/* IE7 fixes */
* + html .blueimp-gallery > .slides > .slide > .video-content {
    height: 100%;
}

* + html .blueimp-gallery > .slides > .slide > .video-content > a {
    left: 50%;
    margin-left: -64px;
}

