@import url('https://fonts.googleapis.com/css?family=Fira+Sans+Condensed:300,600,900&subset=cyrillic');

/* LAXIMO ----------------------------------------------- */
.catalogbox {width: 450px;padding: 14px;height: auto;}
a {
}
.bask_icon {
    position: relative;
    top: -10px;
    background-color: #48ab49;
    width: 18px;
    height: 18px;
    float: right;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    font-style: normal;
}
.footer .col-md-1 a {display:block!important;margin: 0!important;padding: 0!important;}
.laximo input[type='text'], .laximo  input[type='number'], .laximo  input[type='password'], .laximo  textarea, .laximo  select, .filters input .callback input {
    position: relative;
    width: 100%;
    height: 34px;
    padding: 5px 10px;
    color: #051e37;
    border: 1px solid #cecece;
    background: #ffffff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.bodytop {

    overflow: visible!important;
}

.laximo {background: rgb(238, 238, 238);padding: 15px;border: 1px solid #E4E4E4;font-size: 14px;line-height: 24px;/* margin: 10px 0px; */}
.warning {
    padding: 6px;
    background: #FF4836;
    margin-bottom: 10px;
    margin-top: 10px;
    font-size: 12px;
    color: white;
}

.catalogbox h2 {
}

.search-examp a {
    border-bottom: 1px dotted;
    font-size: 12px;
}
.catalog-sel {
    padding: 20px 65px;
    font-size: 13px;
}
#orig-info {padding: 6px;background: rgb(255, 72, 54);margin-bottom: 10px;margin-top: 10px;font-size: 12px;border-radius: 3px;border: 2px solid #D7400C;color: white;}
#vf-example {font-style: italic;}
#setexample {
    border-bottom: 1px #000 dashed;

    cursor: pointer;
}
.orig-vehicle-list {text-align: left;width: 100%;border-spacing: 0;}
.orig-vehicle-list thead > tr > th {text-align: left;color: #454545;font-size: 7pt;}
.orig-vehicle-list  tbody > tr > td {
    font-size: 7pt;
}
.orig-vehicle-list  tbody > tr:hover {}
.orig-vehicle-list  tbody > tr {cursor:pointer;height: 32px;      padding: 2px 4px;      font: bold 11px Arial;      text-align: left;      vertical-align: middle;      color: #454545;      border-left: 1px solid #e8e8e8;}
.orig-chosen {

    padding: 6px;

    background: rgba(221, 221, 221, 1);

    margin-bottom: 5px;

    border-radius: 3px;

    border: 1px solid #B7B7B7;
}
.orig-unit:hover {box-shadow: 0 10px 50px rgba(0,0,0,.07);}
.orig-unit i {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.orig-unit i:before {content: "\f00e";font-size: 144px;opacity: 0;color: #2424246b;display: block;margin: 30px;}
.orig-unit:hover i:before {content: "\f00e";opacity: 0.8;color: #2424246b;transition: all 0.5s linear;-moz-transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-o-transition: all 0.5s linear;}
.orig-unit {
    border: 1px solid #E4E4E4;
    cursor: pointer;
    display: block;
    float: left;
    background-color: #FFF !important;
    height: 290px;
    margin: 0px 0px 15px 15px;
    padding: 0px 0px;
    font-weight: bold;
    min-width: 275px;
    max-width: 275px;
    text-align: center;
    border: 1px solid #f2f2f2;
    border-radius: 5px;
    overflow: hidden;
    transition: box-shadow .2s ease-in-out;
}
.orig-unit span:hover {
    color: #ff4835;
}
.orig-unit span {
    font-style: normal;
    cursor: pointer;
    width: 100%;
    font-family: 'Open Sans', Arial, sans-serif;
    background: #eeeeeed1;
    padding: 10px 10px;
    font-size: 13px;
    position: relative;
    min-height: 75px;
    display: inline-grid;
    align-items: center;
}




/*#orig-categories ul li {
    padding: 5px 15px;
    cursor: pointer;
    margin: 3px 0px;
    list-style: none;
    font-size: 12px;
    text-transform: capitalize;
        }
        #orig-categories ul li:hover {
    background: #EEEEEE;
        }
        #orig-categories ul li.selected {background: #F5F5F5;}
        #orig-categories ul li.enabled {
    background-color:cyan;
}*/

#orig-units {
    margin-left: 0px;
}

div#orig-image {
    float:left;
}

div#orig-image img {
    border: 1px solid #ccc;
    background: white;
    height: auto;
    width: 100%;
}
div#orig-units-list {
    float:left;
    padding-right: 20px;
}
div#orig-image a.selected {border:1px solid red; background:none;}
div#orig-image a {
    position:absolute;
    border: 1px solid #0AB425;
    text-align: center;
}
.units-list {
    min-width: 200px;
}
.units-list tr {display: table;text-decoration: none;color: #575757;height: 45px;width: 100%;border-bottom: 1px solid #ccc;}

.units-list tr td.left-codeonimage {text-align:left;width: 20px;}
.units-list tr td.right {text-align:right;}
.units-list tr td.left a {text-align:left;color: #575757;}

.units-list tr td {
    padding: 5px;
}
.units-list tr.selected {background: #EEEEEE;}

div#tab-tree span.link {
    cursor:pointer;
    background: none;
}

div#tab-vendor ul li span.link {
    cursor:pointer;
    border-bottom: 1px dotted;
}

.orig-unit-list {
    overflow: auto;
    margin-bottom: 10px;
    background: whitesmoke;
    border: 1px solid #C5C5C5;
    margin: 0px 10px;
    margin-bottom: 15px;
}
.unit-plus {
    background: url(/resource/units-plus.png) no-repeat 0px 5px;
}
.unit-minus {
    background: url(/resource/units-minus.png) no-repeat 0px -14px;
}
a#orig-show-list {
}


.modalDialog {
    position: fixed;
    font-family: Arial, Helvetica, sans-serif;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
    z-index: 99999;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    display: none;
    pointer-events: none;
}

.modalDialog:target {
    display: block;
    pointer-events: auto;
}

.modalDialog > div {
    width: 360px;
    position: relative;
    margin: auto;
    top: 20px;
    padding: 5px 20px 13px 20px;
    border-radius: 5px;
    background: #fff;
}

.close {
    /* top: -10px; */
    /* width: 25px; */
    /* height: 25px; */
    /* text-decoration: none; */
    /* font-weight: bold; */
    /* -webkit-border-radius: 12px; */
    -moz-border-radius: 12px;
    /* border-radius: 20px; */
    -moz-box-shadow: 1px 1px 3px #000;
}

.close:hover {/* background: #FF7300; */}

#tabs.htabs {
    clear: none;
}

#tabs.htabs a {border: 0;padding: 10px;position: relative;margin: 0px;width: 49%;text-align: center;color: #555555;font-size: 12px;border: 0;background: #F5F5F5;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;display: inline-block;}
#tabs .selected {
    background-color: #8C8B8C !important;
    color: white!important;
}
#filter-tree {
    border: 1px solid #8C8B8C;
    margin-top: 5px;
    width: 100%;
    color: black;
    padding: 5px;
}
.parent {
    padding: 0;
}

.topline>table {
    margin: 0 auto;
    width: 1250px;
}
.topline>table tr td {
    color: white;
    padding: 10px;
}
.register {
    padding-top: 15px;
    text-align: right;
    font-size: 14px;
}
.register input {}
.lcol, .rcol {}
.lcol {
}
.rcol {
    width: 30%;
}




/* BODY ---------------------------------------- */
.bodytop {
    position:relative;
    height: auto;
    min-height: 100%;
    overflow: auto;
    padding-bottom: 30px;
}

.bodytop:before,
.bodytop:after {
    content:"";
    position:absolute;
    z-index:-2;
}

.bodytop:before {
    top:50%;
    bottom:0px;
    left:10px;
    right:10px;
    border-radius:100px / 10px;
}

.bodytop p {font-size: 14px;}

.content {
    float: left;
    width: 100%;
}
.container .center {width: 100%;padding-bottom: 20px;}

.container .center .table {text-align: left;}

.photouser {
    background: #EDEDED;
    width: 170px;
    padding: 10px;


}
.accountbox .icon-large:before {
    font-size: 100px;
    position: absolute;
    opacity: 0.3;
    right: 10px;
    top: 10px;
}
.content blockquote {width: 100%;}
.profile {
    background: #EDEDED;
    padding: 10px;
    margin: 15px 0px;
    position: relative;
    box-sizing: initial;
    min-height: 100px;
    border: 1px solid #E4E4E4;
}
.profilefoto img {box-shadow: 0 0 0px 2px #D3E6F2;}
.profile a {
    font-size: 16px;
}
.profile p {
    padding-left: 15px;
    font-size: 14px;
    padding-top: 5px;
    padding-right: 100px;
    color: #555555;
    line-height: 20px;
}
.profile p:before  {content: '\2014 \00A0';}

.well p {
    float: left;
    padding-right: 5px;
}
.profile .form-control {
    display: block;
    width: 100%;
    height: 30px;}

.logo img {margin: 10px 10px;}


.cart input {
    text-align: center;
}
.href:hover {
    background: #B62A1C;
    color: #FFF;
    border-radius: 0px;
}
.href {
    padding: 4px 7px 4px 6px;
    background: #FF4835;
    color: #FFF;
    border: 1px solid #b43c2f;
}
.history {
    right: 240px;
    margin-top: 10px;
    position: absolute;
    font-size: 16px;
    cursor: pointer;
    z-index: 1;
}
.tablehistory {min-width:300px;}

.tablehistory tr:hover {
    background: rgba(128, 128, 128, 0.28);
}
.tablehistory td {
    padding: 2px 3px;
    border: 1px solid whitesmoke;
    font-size: 12px;
}
.cart .input-sm {
    width: 40px;
}
td.price {
    text-align: center;
    font-weight: bold;
    white-space: nowrap;
    width: 90px;
    vertical-align: top;
}
td.price_c span {}
td.price_c {
    text-align: center;
    font-weight: bold;
    white-space: nowrap;
    width: 75px;

}
td.deliverytime_c {
    text-align: center;
    width: 70px;}

td.deliverytime {
    text-align: center;
    width: 100px;
    vertical-align: top;
    white-space: nowrap;
}

td.stock {
    text-align: center;
    width: 80px;
    white-space: nowrap;
    vertical-align: top;
}
td.article {
    width: 100px;

}
td.check {
    text-align: center;
    width: 10px;
}
td.multiplicity {
    text-align: center;
    width: 50px;
}


td.article_s {
    width: 100px;
    vertical-align: top;
}
td.name_s {vertical-align: top;}

td.brand_s {
    width: 100px;
    font-weight: bolder;
    text-transform: uppercase;
    vertical-align: top;
}
td.brand_s span {
    border-bottom: 1px dashed;
}
td.brand {
    width: 100px;
    font-weight: bolder;

}
td.basket {
    text-align: center;
    width: 70px;
    vertical-align: top;
}
table.search  {
    margin-bottom: 0px;
}

.deliverytime span {
    float: right;
    text-indent: -9999px;
    width: 15px;
    height: 15px;
    border-radius: 3px;
    margin: 0px 11px 0 0;
    cursor: pointer;
}

.good {
    background: #f3d600;
    padding: 2px 5px;
    color: #FFFFFF;
    line-height: 3px;
    border-radius: 3px;
}
.bad {background: #E65427;
      padding: 2px 5px;
      color: #FFFFFF;
      line-height: 3px;
      border-radius: 3px;
}
.excellent {
    background: #27C300;
    padding: 2px 5px;
    color: #FFFFFF;
    line-height: 3px;
    border-radius: 3px;
}
input.quantity-search {
    padding: 5px;
    border-radius: 0px;
    height: 28px;
    border-color: #ccc;
    width: 47px!important;
    margin: auto;
}

input.quantity {
    padding: 0px;
    border-radius: 0px;
    height: 28px;
    width: 40px;
    margin: auto;
}
.brand-select {
    padding: 0px 15px 0px 0px;
}
.photouser div {
    width: 150px;
    height: 130px;
}
.pointer {cursor:pointer;}
.infoart span {
    font-size: 13px;
    color: #777575;
    cursor: pointer;
    vertical-align: top;
}
.infoart {width: 15%;text-align: right;}
.pn {
    float: left;
    width: 85%;
}
.icon-large {
    font-size: 100% !important;
}
.date_o {
    width: 80px;
    text-align: center;
}
.warehouse_o {}
.name_o {
    width: 300px;
}
.pay_o {
    width: 50px;
}
.check_o {width:10px;}
.deliverytime_o {
    width: 90px;
}
.stock_o {
    width: 60px;
}
.price_o {
    width: 60px;
    white-space: nowrap;
}
.total_o {
    width: 60px;
    white-space: nowrap;
}
.status_o {width: 170px;}
.button_o {
    white-space: nowrap;
    width: 100px;
}
.search-select {
    position: absolute;
    padding: 5px;
    right: 280px;
    margin: 3px;
    z-index: 1;
    border: 0;
    cursor: pointer;
}
.garagebox img {
    max-width: 120px;
    float: left;
}
.info-garage {
    padding-left: 130px;
    min-height: 90px;
}
.garagebox {
    background: #fff;
    padding: 10px;
    border: 1px solid #cccccc;
    border-radius: 0px;
    cursor: pointer;
    margin-bottom: 15px;
}
.garagebox:hover {
    box-shadow: 0px 0px 3px 0px #A19898;
}
.garagebox a.pull-righ {
    right: 22px;
    position: absolute;
    padding: 0px;
    top: 3px;
}
.garagebox.no-border{
    border: none;
}
.garagebox.no-border:hover{
    box-shadow: none;
}
.garagebox p {
}

.boxdetail {
    background: #EEE;
    border: 1px solid #E4E4E4;
    padding: 10px;
    margin: 5px 0px;
}
.boxdetail p {
    font-size: 12px!important;
    margin: auto;
}

.boxdetail p .close {
    line-height: 13px;
}
.profilefoto {
    width: 90px;
    float: left;
    margin-right: 20px;
    height: 90px;
}

.order-history {min-width:450px;}

.brandhead {
    /* background: rgba(222, 225, 228, 0.66)!important; */
    /* border: 0!important; */
}

.regbox p {
    padding: 10px 20px;
}
.regbox  {
    background: #EDEDED;
    padding: 10px;
    margin-bottom: 10px;
    position: relative;
    box-sizing: initial;
    min-height: 150px;
    border: 1px solid #E4E4E4;
}
.regbox .checkbox {
    font-size: 17px;
    margin-top: 15px;
    margin-bottom: 25px;
    margin-left: -25px;
}
.regbox .checkbox input {
    display:none;
}
.regbox span
{
    padding: 15px 40px;
    color: #ffffff;
    position: relative;
    border: 3px solid #658e3a;
    background: #72a839;
}
.pcard {
    background: whitesmoke;
    padding: 20px;
}
.pcard img {
    border: 1px solid #ccc;
}
.tosort th[data-sort] { cursor: pointer; }
.clip {
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    max-width: 245px;
    text-overflow: ellipsis;
}
.offices .selected  {color: #FFFFFF;background: #FF4835;padding: 5px;border-radius: 3px;}

.offices {
    background: url('/static/image/russia.png')  center  no-repeat;
    min-height: 300px;
}
.offices ul li {
    padding: 5px;
}

.stock_c {width:70px;text-align: center;}
.half-transparent {color: #999999;}

#back-top{
    position:fixed;
    bottom: 25px;
    right: 20px;
    z-index: 111;
}

#back-top a{
    width:64px;
    display:block;
    text-align:center;
    text-transform:uppercase;
    text-decoration:none;
    color:#bbb;
    /* background color transition */
    -webkit-transition:1s;
    -moz-transition:1s;
    transition:1s;
}

#back-top a:hover{color:#000;}


#back-top span{
    width: 50px;
    height: 50px;
    display:block;
    font-size: 33px;
    background: #e4e4e4;
    /* rounded corners */
    -moz-border-radius:15px;
    border-radius: 5px;
    /* background color transition */
    -webkit-transition:1s;
    -moz-transition:1s;
    transition:1s;
}

#back-top a:hover span{background-color:#777}

.bestpart {
    padding: 10px;
    background: #eeeeee;
    border: 1px solid #e4e4e4;
    margin-bottom: 10px;
}
.banner img {
    margin-bottom: 15px;
}
.photoffice {    padding: 15px;
                 background: whitesmoke;
                 width:100%;
                 border: 1px solid #e4e4e4;}
/* SAPAM */
.list-body>ul>li {float: left;margin-bottom: 0px;}
.list-body>ul>li a {font-size:12px;display: table;list-style: none;padding: 5px 5px;line-height: 20px;border: 1px solid #e4e4e4;margin-bottom: 5px;width: 250px;margin-right: 5px;text-align: center;word-break: break-all;vertical-align: middle;}
.sapam {
    /* background: rgb(238, 238, 238); */
    /* padding: 10px; */
    /* border: 1px solid #e4e4e4; */
    border-top:none;
    display: flex;
}
.sapam:first-child {/* border-top: 1px solid #E4E4E4; */}

.sapam-catalog .filter-brand {
    background: #eeeeee;
    border: 1px solid #e4e4e4;
    padding: 10px;
    margin-bottom: 5px;
}
.sapam-catalog {
    margin-bottom: 30px;
}
.sapam-catalog .list-body {padding: 0px 5px;width: 100%;}
.list-body ul {margin-bottom:0px;}
.sapam .list-header {
    font-weight: bold;
    margin: 0px;
    font-size: 18px;
    float: left;
    width: 35px;
    text-align: center;
    background: #e4e4e4;
    padding: 5px 10px;
}
.sapam_models {
}
.sapam_models.headers {background: rgb(238, 238, 238);padding: 5px 0px;border: 1px solid #E4E4E4;margin-bottom: 0px;}

.sapam_models > li {
    font: normal 12px/14px 'Arial';
    color: #454545;
    display: inline-block;
    vertical-align: middle;
    width: 33%;
    padding: 5px;
}
.table.sapam_typ {}
.table.sapam_typ > thead > tr {
    border: 1px solid #E4E4E4;
}
.table.sapam_typ > tbody > tr > td {
    border-bottom: 1px solid #E4E4E4;
    padding: 5px;
}
.table.sapam_typ > thead > tr > th {
    text-align: left;
}

.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none;}.select2-container .select2-selection--single .select2-selection__rendered{/* display:block; *//* padding-left:8px; *//* padding-right:20px; *//* overflow:hidden; *//* text-overflow:ellipsis; *//* white-space:nowrap; */}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border: 1px solid #ccc;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051;}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0;margin-top: -7px;}.select2-search--dropdown{display:block;padding:4px;}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important}.select2-container--default .select2-selection--single{
    display: block;
    width: 100%;
    height: 34px;
    padding: 5px 10px;
    margin-bottom: 5px;
    font-size: 14px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.select2.select2-container { width: 100% !important; }
.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height: 32px;position:absolute;top: 0px;right: 0px;width: 30px;}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}
.has-error .select2-selection {
    border: 1px solid #a94442;
    border-radius: 4px;
}
.alert-message {border-left:none; borde-righ:none;}


/* Table vs Block */


/* Main container */
.cbp-vm-switcher {
    /* padding: 20px; */
    /* border: 3px solid #47a3da; */
}

/* options/select wrapper with switch anchors */
.cbp-vm-options {
    text-align: right;
    background: #eeeeee;
    border-bottom: 3px solid #ccc;
    padding-top: 0px;
}

.cbp-vm-options a {
    display: inline-block;
    width: 40px;
    height: 40px;
    overflow: hidden;
    white-space: nowrap;
    color: #d0d0d0;
    margin: 2px;
}

.cbp-vm-options a:hover,
.cbp-vm-options a.cbp-vm-selected {
    color: #464344;
}

.cbp-vm-options a:before {
    width: 40px;
    height: 40px;
    line-height: 50px;
    font-size: 24px;
    text-align: center;
    display: inline-block;
}

/* General style of switch items' list */

.cbp-vm-switcher ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Clear eventual floats */
.cbp-vm-switcher ul:before,
.cbp-vm-switcher ul:after {
    content: " ";
    display: table;
}

.cbp-vm-switcher ul:after {
    clear: both;
}

.cbp-vm-switcher ul li {
    display: block;
    position: relative;
}

.cbp-vm-image {
    display: block;
    margin: 0 auto;
    min-height: 100px;
}

.cbp-vm-image img {
    display: inline-block;
    border: none;
}

.cbp-vm-title {
    margin: 0;
    padding: 0;
}

.cbp-vm-price {
    color: #887d7d;
}

.cbp-vm-add {
    color: #fff;
    background: #47a3da;
    padding: 10px 20px;
    border-radius: 2px;
    margin: 20px 0 0;
    display: inline-block;
    transition: background 0.2s;
}

.cbp-vm-add:hover {
    color: #fff;
    background: #02639d;
}

.cbp-vm-add:before {
    margin-right: 5px;
}

/* Common icon styles */
.cbp-vm-icon:before {
    font-family: 'fontawesome';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.cbp-vm-grid:before {
    content: "\f00a";
}

.cbp-vm-list:before {
    content: "\f00b";
}

.cbp-vm-add:before {
    content: "\f055";
}

/* Individual view mode styles */

/* Large grid view */
.cbp-vm-view-grid ul {text-align: center;}

.cbp-vm-view-grid ul li {
    width: 23%;
    text-align: center;
    margin: 20px 5px 0;
    background: #fff;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 0px;
    display: inline-block;
    min-height: 270px;
    vertical-align: top;
}

.cbp-vm-view-grid .cbp-vm-title {
    font-size: 1em;
}

.cbp-vm-view-grid .cbp-vm-details {
    max-width: 300px;
    margin: 0 auto;
    padding-top: 5px;
    padding-bottom: 5px;
    min-height: 70px;
    font-size: 12px;
}

.cbp-vm-view-grid .cbp-vm-price {
    margin: 0px 0;
    font-size: 1em;
}


/* List view */
.cbp-vm-view-list li {
    padding: 10px 0;
    white-space: nowrap;
}

.cbp-vm-view-list .cbp-vm-image,
.cbp-vm-view-list .cbp-vm-title,
.cbp-vm-view-list .cbp-vm-details,
.cbp-vm-view-list .cbp-vm-price,
.cbp-vm-view-list .cbp-vm-add {
    display: inline-block;
    vertical-align: middle;
}

.cbp-vm-view-list .cbp-vm-image {
    width: 10%;
}

.cbp-vm-view-list .cbp-vm-title {
    font-size: 1em;
    padding: 0 10px;
    white-space: normal;
    width: 10%;
}

.cbp-vm-view-list .cbp-vm-price {
    font-size: 1em;
    width: 13%;
}

.cbp-vm-view-list .cbp-vm-details {
    width: 25%;
    padding: 0 15px;
    overflow: hidden;
    white-space: normal;
}

.cbp-vm-view-list .cbp-vm-add {
    margin: 0;
}

@media screen and (max-width: 66.7em) {
    .cbp-vm-view-list .cbp-vm-details  {
        width: 30%;
    }
}

@media screen and (max-width: 57em) {
    .cbp-vm-view-grid ul li {
        width: 49%;
    }
}

@media screen and (max-width: 47.375em) {
    .cbp-vm-view-list .cbp-vm-image {
        width: 20%;
    }

    .cbp-vm-view-list .cbp-vm-title {
        width: auto;
    }

    .cbp-vm-view-list .cbp-vm-details  {
        display: block;
        width: 100%;
        margin: 10px 0;
    }

    .cbp-vm-view-list .cbp-vm-add  {
        margin: 10px;
    }
}

@media screen and (max-width: 40.125em) {
    .cbp-vm-view-grid ul li {
        width: 100%;
    }
}

.filter-menu {
    padding: 0px 0px;
    border-radius: 0px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    background: white;
}
.filter-menu i {color: #555555;}
.submenu i {color: #555555;}
ul.filter-menu li {
    border-top: 1px solid #ccc;
    font-size: 14px;
}
ul.filter-menu li:first-child {
    border-top: none;
}

ul.filter-menu li > a {
    color: #555555;
    display: block;
    position: relative;
    min-width: 110px;
    padding: 12px;
    line-height: 16px;
    height: 40px;
}
li.active>a {
    font-weight: bold;
}
ul.filter-menu li:hover {background: rgb(255, 255, 255);}


ul.filter-menu li > ul.submenu  {
    background: #ffffff;
    margin-bottom: 0px;
}
ul.filter-menu li > ul.submenu  li  {
    border: 0;
    box-shadow: none;
}
.padd {padding: 0px 15px 0px 15px;}
.catalog-box:hover {
    /* box-shadow: 0px 0px 3px 0px #A19898; */
}
.catalog-box {
    background: #fff;
    border: 1px solid #ccc;
    position: relative;
    z-index: 1;
    height: 185px;
    padding: 0px;
    margin-bottom: 20px;
}


.catalog-box>div {
    position: absolute;
    top: 0;
    left: 0;
    padding: 15px;
    width: 100%;
    z-index: 999999999;
}
.catalog-box .image {
    position: absolute;
    width: 100px;
    padding-bottom: 5px;
    margin: 0px;
    right: 0px;
    clear: left;
    overflow: hidden;
    text-align: center;
    margin-right: 10px;
}
.catalog-box .catalogtext {overflow: hidden;height: 168px;position: relative;width: calc(100% - 90px);}
.catalogtext h3 {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 18px;
}
.catalogtext p {position: absolute;bottom: -20px;width: 100%;height: 20px;background: white;box-shadow: 0px 0px 21px 16px #fff;}
.catalog-box .button {
    padding: 15px;
    text-align: right;
    position: absolute;
    top: 95px;
    right: 0px;
    display: grid;
}
.catalog-box:hover .catalogtext{height: auto;}
.catalog-box:hover {
    z-index: 8;
}
.catalog-box:hover >div {
    height: auto;
    min-height: 185px;
    background-color: #fff;
    z-index: 999999999;
    border: 1px solid #ccc;
    margin: -1px;
    width: calc(100% + 2px);
    box-shadow: 0px 0px 10px #a39a9a;
}
.criteriatext {
    width: 230px;
}
.catalog-box:hover .catalogtext p {
    display:none;
}
td.warehouse {
    text-align: center;
    vertical-align: top;
    width: 110px;
}
td.warehouse span {
    cursor: pointer;
    border-bottom: 1px dotted;
    color: #b94a48;
}
.hidden-i { display:none!important; }
.recommended_brands {    font-size: 16px!important;
                         line-height: 0px!important;}
.footer {overflow: hidden;}
.dropdown:hover > ul.dropdown-menu {display: block;margin-top: 0px;}
/*callback*/

.callback-bt {
    background:#38a3fd;
    border:2px solid #38a3fd;
    border-radius:50%;
    box-shadow:0 8px 10px rgba(56,163,253,0.3);
    cursor:pointer;
    height:68px;
    text-align:center;
    width:68px;
    position: fixed;
    right: 8%;
    bottom: 18%;
    z-index:999;
    transition:.3s;
    -webkit-animation:hoverWave linear 1s infinite;
    animation:hoverWave linear 1s infinite;
}

.callback-bt .text-call{
    height:68px;
    width:68px;        
    border-radius:50%;
    position:relative;
    overflow:hidden;
}

.callback-bt .text-call span {
    text-align: center;
    color:#38a3fd;
    opacity: 0;
    font-size: 0;
    position:absolute;
    right: 9px;
    top: 20px;
    line-height: 14px;
    font-weight: 600;
    text-transform: uppercase;
    transition: opacity .3s linear;
    font-family: 'montserrat', Arial, Helvetica, sans-serif;
}

.callback-bt .text-call:hover span {
    opacity: 1;
    font-size: 10px;
}
.callback-bt:hover i {
    display:none;
}

.callback-bt:hover {
    z-index:1;
    background:#fff;
    color:transparent;
    transition:.3s;
}
.callback-bt:hover i {
    color:#38a3fd;
    font-size:40px;
    transition:.3s;
}
.callback-bt i {
    color:#fff;
    font-size:34px;
    transition:.3s;
    line-height: 66px;transition: .5s ease-in-out;
}

.callback-bt i  {
    animation: 1200ms ease 0s normal none 1 running shake;
    animation-iteration-count: infinite;
    -webkit-animation: 1200ms ease 0s normal none 1 running shake;
    -webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes hoverWave {
    0% {
        box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 0 rgba(56,163,253,0.2),0 0 0 0 rgba(56,163,253,0.2)
    }
    40% {
        box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 15px rgba(56,163,253,0.2),0 0 0 0 rgba(56,163,253,0.2)
    }
    80% {
        box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 30px rgba(56,163,253,0),0 0 0 26.7px rgba(56,163,253,0.067)
    }
    100% {
        box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 30px rgba(56,163,253,0),0 0 0 40px rgba(56,163,253,0.0)
    }
    }@keyframes hoverWave {
    0% {
        box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 0 rgba(56,163,253,0.2),0 0 0 0 rgba(56,163,253,0.2)
    }
    40% {
        box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 15px rgba(56,163,253,0.2),0 0 0 0 rgba(56,163,253,0.2)
    }
    80% {
        box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 30px rgba(56,163,253,0),0 0 0 26.7px rgba(56,163,253,0.067)
    }
    100% {
        box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 30px rgba(56,163,253,0),0 0 0 40px rgba(56,163,253,0.0)
    }
}

/* animations icon */

@keyframes shake {
    0% {
        transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
    }
    10% {
        transform: rotateZ(-30deg);
        -ms-transform: rotateZ(-30deg);
        -webkit-transform: rotateZ(-30deg);
    }
    20% {
        transform: rotateZ(15deg);
        -ms-transform: rotateZ(15deg);
        -webkit-transform: rotateZ(15deg);
    }
    30% {
        transform: rotateZ(-10deg);
        -ms-transform: rotateZ(-10deg);
        -webkit-transform: rotateZ(-10deg);
    }
    40% {
        transform: rotateZ(7.5deg);
        -ms-transform: rotateZ(7.5deg);
        -webkit-transform: rotateZ(7.5deg);
    }
    50% {
        transform: rotateZ(-6deg);
        -ms-transform: rotateZ(-6deg);
        -webkit-transform: rotateZ(-6deg);
    }
    60% {
        transform: rotateZ(5deg);
        -ms-transform: rotateZ(5deg);
        -webkit-transform: rotateZ(5deg);
    }
    70% {
        transform: rotateZ(-4.28571deg);
        -ms-transform: rotateZ(-4.28571deg);
        -webkit-transform: rotateZ(-4.28571deg);
    }
    80% {
        transform: rotateZ(3.75deg);
        -ms-transform: rotateZ(3.75deg);
        -webkit-transform: rotateZ(3.75deg);
    }
    90% {
        transform: rotateZ(-3.33333deg);
        -ms-transform: rotateZ(-3.33333deg);
        -webkit-transform: rotateZ(-3.33333deg);
    }
    100% {
        transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
    }
}

@-webkit-keyframes shake {
    0% {
        transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
    }
    10% {
        transform: rotateZ(-30deg);
        -ms-transform: rotateZ(-30deg);
        -webkit-transform: rotateZ(-30deg);
    }
    20% {
        transform: rotateZ(15deg);
        -ms-transform: rotateZ(15deg);
        -webkit-transform: rotateZ(15deg);
    }
    30% {
        transform: rotateZ(-10deg);
        -ms-transform: rotateZ(-10deg);
        -webkit-transform: rotateZ(-10deg);
    }
    40% {
        transform: rotateZ(7.5deg);
        -ms-transform: rotateZ(7.5deg);
        -webkit-transform: rotateZ(7.5deg);
    }
    50% {
        transform: rotateZ(-6deg);
        -ms-transform: rotateZ(-6deg);
        -webkit-transform: rotateZ(-6deg);
    }
    60% {
        transform: rotateZ(5deg);
        -ms-transform: rotateZ(5deg);
        -webkit-transform: rotateZ(5deg);
    }
    70% {
        transform: rotateZ(-4.28571deg);
        -ms-transform: rotateZ(-4.28571deg);
        -webkit-transform: rotateZ(-4.28571deg);
    }
    80% {
        transform: rotateZ(3.75deg);
        -ms-transform: rotateZ(3.75deg);
        -webkit-transform: rotateZ(3.75deg);
    }
    90% {
        transform: rotateZ(-3.33333deg);
        -ms-transform: rotateZ(-3.33333deg);
        -webkit-transform: rotateZ(-3.33333deg);
    }
    100% {
        transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
    }
}

div#call_back .modal-content {
    background: url(/static/image/clock.png) white no-repeat  200px 100px;
}
div#call_back .section {border:0;font-weight: 600;margin-bottom: 5px;}
/* Callback */




/*BLOCKS DESIGN*/



.col {
    padding-left: 5px;
    padding-right: 5px;
}

.grid {position: relative;margin: 0 auto;list-style: none;margin-left: -5px;margin-right: -5px;text-align: center;height: 400px;}
.grid figure:hover {
    box-shadow: 0 0 15px rgba(81, 92, 98, 0.3);
    -webkit-box-shadow: 0 0 15px rgba(81, 92, 98, 0.3);
}

/* Common style */
.grid figure {
	position: relative;
	float: left;
	background-size: contain;
	background: white;
	padding-right: 5px;
	background-position-x: right;
	box-shadow: 0 0 15px rgba(81, 92, 98, 0.1);
	-webkit-box-shadow: 0 0 15px rgba(81, 92, 98, 0.1);
	transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
	overflow: hidden;
	margin: 5px 0;
	border: 1px solid #ebe9e9;
	border-radius: 5px;
	width: 100%;
	min-height: 135px;
	text-align: left;
	cursor: pointer;
}

.grid figure img {
	display: block;
	min-height: 100%;
	float: right;
	opacity: 1;
}

.grid figure figcaption {
	padding: 10px 0px 10px  10px;
	float: left;
	font-size: 1.25em;
	/* -webkit-backface-visibility: hidden; */
	/* backface-visibility: hidden; */
}
.grid figure figcaption p {
    padding: 0px 0px 0px;
}
.grid figure figcaption a:before {content:'- ';}
.grid figure figcaption a {font-size: 14px;padding-left: 5px;}
.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: relative;
	width: 70%;
	float: left;
	min-height: inherit;
	z-index: 1;
}

.img {
    float: right;
    position: relative;
    margin: 0px 0px;
    background-size: contain;
    background-position: right;
    width: 30%;
    background-repeat: no-repeat;
    height: 135px;
    }
/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: 0.05em;
	font-weight: 300;
}

.grid figure h2 span {
	font-weight: 900;
}

.grid figure h2,
.grid figure p {
	margin: 0;
	font-size: 1em;
	padding-bottom: 5px;
	white-space: nowrap;
}

.grid figure p {
	/* letter-spacing: 1px; */
	font-size: 72.5%;
}