/* ===== Search block (global) ===== */
@font-face {
    font-family: 'FontAwesomeAS4';
    src: url('//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?v=4.7.0');
    src: url('//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.PM_ASBlockOutput {
    position: relative;
}
.PM_ASBlockOutputHorizontal {
    border-style: solid;
}

/* Link for reseting search */
.PM_ASResetSearch {
    display: none;
    text-decoration: none;
    padding-bottom: 17px;
}
.PM_ASResetSearch:before {
    content: "\f0e2";
    font-family: "FontAwesome", "FontAwesomeAS4";
    padding-right: 5px;
}

/* ===== Search block (vertical) ===== */
/* Separation of criterion block on vertical block */
.PM_ASBlockOutputVertical .PM_ASCriterions .PM_ASCriterionsGroupOuter {
    margin-top: 10px;
}

/* Number products on vertical block */
.PM_ASBlockOutputVertical .PM_ASBlockTitle {
    display: block;
}
.PM_ASBlockOutputVertical .PM_ASBlockNbProductValue {
    font-size: 65%;
}

/* Submit search on vertical block */
.PM_ASBlockOutputVertical .PM_ASSubmitSearch {
    margin-top: 10px;
}

/* ===== Search block (horizontal) ===== */
.PM_ASBlockOutputHorizontal {
    padding: 15px;
    margin-bottom: 10px;
}

/* ===== Criterions group ===== */
/* Reset group link */
.PM_ASResetGroup {
    font-size: 10px;
    float: right;
    margin-top: 5px;
}
.PM_ASResetGroup:before {
    content: "\f00d";
    font-family: "FontAwesome", "FontAwesomeAS4";
    padding-right: 5px;
}
/* Skip group link */
.PM_ASSkipGroup {
    font-size: 10px;
    float: right;
    margin-top: 5px;
}
.PM_ASSkipGroup:after {
    content: "\f051";
    font-family: "FontAwesome", "FontAwesomeAS4";
    padding-left: 5px;
}
/* vertical */
.PM_ASBlockOutputVertical .PM_ASCriterionsGroupList .PM_ASCriterionsGroup {
    margin-bottom: 7.5px; 
}
.PM_ASBlockOutputVertical .PM_ASCriterionsGroupList .PM_ASCriterionsGroup:last-child {
    margin-bottom: 0px;
}
.PM_ASBlockOutputVertical .PM_ASCriterionsGroup select {
    width: 100%;
}
.PM_ASBlockOutputVertical .PM_ASCriterions .PM_ASCriterionsGroupTitle {
    border-bottom: 1px solid #d6d4d4;
    padding-bottom: 9px;
}
/* horizontal */
.PM_ASBlockOutputHorizontal .PM_ASCriterionsGroup {
    padding-top: 15px;
    padding-bottom: 15px;
}
.PM_ASBlockOutputHorizontal .PM_ASCriterionsGroup select {
    width: 96%;
}
/* Chosen */
.PM_ASCriterionsGroup select.chosen {
    width: 100%;
}
.PM_ASCriterionsGroup div.chzn-search input {
    width: 100% !important;
}

/* Hidden criterion group */
.PM_ASShowCriterionsGroupHidden:before {
    font-family: "FontAwesome", "FontAwesomeAS4";
    padding-right: 5px;
}
.PM_ASShowCriterionsGroupHidden:before {
    /* content: "\f105"; */
}
.PM_ASShowCriterionsGroupHidden.PM_ASShowCriterionsGroupHiddenOpen:before {
    /* content: "\f107"; */
}

.PM_ASShowCriterionsGroupHidden {
    text-align: center;
    font-weight: bold;
}
.PM_ASCriterionsGroupHidden {
    display: none;
}

/* Range value for slider */
.PM_ASCritRange {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.PM_ASCritRangeValue {
    display: block;
    text-align: center;
    margin-top: 5px;
}

/* Hide toggle link */
.PM_ASCriterionHideToggleLink {
    font-size: 10px;
    margin-top: 10px;
    display: block;
}

/* ===== Criterions ===== */
ul.PM_ASCriterionGroupImage,
ul.PM_ASCriterionGroupCheckbox {
    list-style-type: none;
}
.PM_ASCriterionsSEOGroupDisabled,
.PM_ASCriterionsSEOGroupDisabled a,
.PM_ASCriterionsSEOGroupDisabled input {
    cursor: default;
}

/* Criterion group display */
ul.PM_ASCriterionGroupImage,
.PM_ASCriterionGroupColor {
    clear: both;
}
ul.PM_ASCriterionGroupImage li,
.PM_ASCriterionGroupColor li {
    display: inline-block;
}
ul.PM_ASCriterionGroupImage li a,
.PM_ASCriterionGroupColor li a {
    display: block;
}

/* Criterion display */
.PM_ASCriterionHide,
li.PM_ASCriterionHide {
    display: none;
}
.PM_ASHide {
    display: none;
}
.PM_ASHide:before, .PM_ASShow:before {
    font-family: "FontAwesome", "FontAwesomeAS4";
    padding-right: 5px;
}
.PM_ASHide:before {
    content: "\f106";
}
.PM_ASShow:before {
    content: "\f107";
}

/* Number of results on criterion */
div.PM_ASCriterionNbProduct {
    opacity: 0.6;
    display: inline;
}

/* Color square size */
.PM_ASCriterionGroupColor li a {
    width: 15px;
    height: 15px;
}
.PM_ASCriterionGroupColor.color_to_pick_list li, .PM_ASCriterionGroupLinkColor span.PM_ASCriterionColorSquare {
    border: 1px solid #D6D4D4;
    display: inline-block;
    float: none;
}
.PM_ASCriterionGroupColor.color_to_pick_list li a, .PM_ASCriterionGroupLinkColor span.PM_ASCriterionColorSquare {
    width: 23px;
    height: 23px;
    margin: 1px!important;
    background-size: 100% 100% !important;
}
.PM_ASCriterionGroupColor.color_to_pick_list li.PM_ASCriterionHide, ul.PM_ASCriterionGroupImage li.PM_ASCriterionHide {
    display: none;
}

/* Selected => image and square color */
.PM_ASCriterionGroupImage .PM_ASCriterionLink,
.PM_ASCriterionGroupColor .PM_ASCriterionLink {
    margin: 4px!important;
}
.PM_ASCriterionGroupImage .PM_ASCriterionLinkSelected,
.PM_ASCriterionGroupColor .PM_ASCriterionLinkSelected {
    /* border: 2px solid #999; */
    margin: 2px!important;
    color: #f88d2d;
}

/* Selected => link */
.PM_ASCriterionGroupLink .PM_ASCriterionLinkSelected,
.PM_ASCriterionGroupLink .PM_ASCriterionLink:hover {
    font-weight: bold;
}
.PM_ASCriterionGroupLink:not(.PM_ASCriterionGroupLinkColor) .PM_ASCriterionLink:before {
    content: "\f105";
    font-family: "FontAwesome", "FontAwesomeAS4";
    padding-right: 5px;
}

/* Criterion group (color, but not square only) */
.PM_ASCriterionGroupLinkColor .PM_ASCriterionLink {
    height: 23px;
    line-height: 23px;
    margin-bottom: 3px;
    display: block;
}
.PM_ASCriterionGroupLinkColor .PM_ASCriterionLink .PM_ASCriterionValue {
    line-height: 23px;
    display: block;
}
.PM_ASCriterionGroupLinkColor span.PM_ASCriterionColorSquare {
    margin: 0 6px 0 0 !important;
    display: block;
    float: left;
}

/* Selected class for label with link to SEO pages */
.PM_ASCriterionGroupCheckbox .PM_ASLabelCheckboxSelected .PM_ASLabelLink,
.PM_ASCriterionGroupCheckbox .PM_ASLabelCheckbox .PM_ASLabelLink:hover {
    font-weight: bold;
}

/* Category page */
.PM_ASCriterionGroupCheckbox.PM_ASCriterionGroupCheckboxCategory .PM_ASCriterionLevel:not(.level1) .PM_ASLabelCheckbox span {
    display: none;
}
.PM_ASCriterionGroupCheckbox.PM_ASCriterionGroupCheckboxCategory .PM_ASCriterionLevel:not(.level1) .PM_ASLabelCheckbox.PM_ASLabelCheckboxSelected a {
    font-weight: bold;
    color: rgb(27 150 222);
}

/* Remove checkbox border for IE */
.PM_ASCriterionCheckbox {
    border: 0;
    vertical-align: middle;
}

/* Hidden criterion */
.PM_ASCriterionDisable {
    -khtml-opacity: .50;
    -moz-opacity: .50;
    -ms-filter: "alpha(opacity=50)";
    filter: alpha(opacity=50);
    opacity: .50;
    zoom: 1
}

/* ===== Criterion => level depth ===== */
.PM_ASLevelDepth {
    /* border-top: 1px solid #d6d4d4; */
}
.PM_ASLevelDepth li {
    position: relative
}
.PM_ASLevelDepth li a {
    font-weight: 700;
    color: #333;
    display: block;
    font-size: 13px;
    line-height: 30px;
    padding: 0 30px 0 19px;
    border-bottom: 1px solid #d6d4d4
}
.PM_ASLevelDepth li a:hover {
    background: #f6f6f6
}
.PM_ASLevelDepth li:not(.level1) a {
    color: #444444;
    font-weight: normal;
    font-size: 13px;
}
.PM_ASLevelDepth li:not(.level1) a:before {
    content: "\f105";
    font-family: "FontAwesome", "FontAwesomeAS4";
    line-height: 29px;
    padding-right: 8px;
    color: #777777;
    font-weight: normal;
}
.PM_ASLevelDepth li span.grower {
    display: block;
    /* background: #f6f6f6; */
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    font-family: "FontAwesome", "FontAwesomeAS4";
    font-size: 14px;
    font-weight: lighter;
    height: 100%;
    line-height: 44px;
}
.PM_ASLevelDepth li span.grower.PM_ASCriterionOpen:before,
.PM_ASLevelDepth li span.grower.PM_ASCriterionOpenClose:before {
    content: "\f068";
    display: block;
    vertical-align: middle;
    width: 30px;
    height: 100%;
    color: #1282d4;
    line-height: 30px;
    text-align: center;
    transform: rotate(0deg);
    line-height: 44px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.PM_ASLevelDepth li span.grower.PM_ASCriterionClose:before {
    content: "\f067";
    color: silver;
    transform: rotate(90deg);
}
.PM_ASLevelDepth li span.grower.PM_ASCriterionOpen:before {
    content: "\f068";
    color: #1282d4;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

/* Selected class for category tree view */
.PM_ASLevelDepth .PM_ASCriterionLevelChoosen .PM_ASCriterionLevelChoose {
    /* font-weight: bold; */
}
.PM_ASLevelDepth .PM_ASCriterionLevelSelected.PM_ASCriterionLevelChoosen span + .PM_ASCriterionLevelChoose,
.PM_ASLevelDepth .PM_ASCriterionLevelSelected.PM_ASCriterionLevelChoosen a.PM_ASCriterionLevelChoose {
    /* text-decoration: underline; */
}

/* Link for removing criterion of selection */
.PM_ASCriterionLevelChoosen a:hover {
    /* text-decoration: line-through!important; */
}

/* ===== Selections block display ===== */
.PM_ASSelectionsBlock {
    padding-top: 10px;
}
.PM_ASSelections ul {
    list-style-type: none;
    margin: 0;
}
.PM_ASSelections ul li {
    display: inline-block;
    padding: 0 5px;
}
.PM_ASBlockOutputVertical .PM_ASSelections > ul li {
    display: block!important;
}
.PM_ASBlockOutputVertical .PM_ASSelections ul.PM_ASSelectionsCriterionsGroup > li {
    padding: 5px 0;
}
#PM_ASearchResults .PM_ASSelections ul li {
    padding: 0 10px;
}
.PM_ASBlockOutputHorizontal .PM_ASSelectionsBlock {
    min-height: 25px;
}
* html .PM_ASBlockOutputHorizontal .PM_ASSelectionsBlock {
    height: 25px;
}
.PM_ASSelectionsDropDown {
    position: relative;
    height: 25px;
    z-index: 2;
}
.PM_ASSelectionsDropDownMenu {
    display: none;
    position: absolute;
    top: 20px;
    left: 0;
    width: 100%;
    padding: 2%;
    z-index: 2;
}

/* Link for showing dropdown selection reminder on vertical block */
.PM_ASBlockOutputVertical a.PM_ASSelectionsDropDownShowLink {
    text-decoration: none;
}
.PM_ASBlockOutputVertical a.PM_ASSelectionsDropDownShowLink:before {
    content: "\f107";
    font-family: "FontAwesome", "FontAwesomeAS4";
    padding-right: 5px;
}
.PM_ASSelectionsResults .PM_ASSelectionsSelectedCriterion {
    display: inline-block;
    padding-right: 5px;
}
.PM_ASSelectionsResults .PM_ASSelectionsCriterionsGroup .PM_ASSelectionsCriterionsGroupName {
    display: block;
}
.PM_ASSelectionsResults .PM_ASSelectionsCriterionsGroupName strong,
.PM_ASSelectionsResults .PM_ASSelectionsCriterionsGroupName > ul {
    display: inline-block;
}

/* Dropdown selection reminder on vertical block */
.PM_ASBlockOutputVertical .PM_ASSelectionsDropDownMenu {
    background: #ffffff;
    border: 1px dashed #9E9E9E;
}

/* Link for removing criterion of selection */
a.PM_ASSelectionsRemoveLink {
    text-decoration: none;
}
a.PM_ASSelectionsRemoveLink:before {
    content: "\f00d";
    font-family: "FontAwesome", "FontAwesomeAS4";
    padding-right: 5px;
}
a.PM_ASSelectionsRemoveLink:hover,
.PM_ASCriterionLinkSelected:hover {
    /* text-decoration: line-through!important; */
}

/* ===== SEO pages ===== */
#PM_ASearchSeoCrossLinks {
    clear: both;
}

/* ===== Others ===== */
.clear {
    clear: both;
}

/* Blur */
.as4-loader-blur {
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='2');
    filter: blur(2px);
}
.as4-loader:before,
.as4-loader:after,
.as4-loader {
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: as4loader 1.8s infinite ease-in-out;
    animation: as4loader 1.8s infinite ease-in-out;
}
.as4-loader {
    margin-left: auto;
    margin-right: auto;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    -webkit-animation-delay: 0.16s;
    animation-delay: 0.16s;
    opacity: 1;
}
.as4-loader:before {
    left: -3.5em;
}
.as4-loader:after {
    left: 3.5em;
    -webkit-animation-delay: 0.32s;
    animation-delay: 0.32s;
}
.as4-loader:before,
.as4-loader:after {
    content: '';
    position: absolute;
    top: 0;
}
@keyframes as4loader { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em #333333; } 40% { box-shadow: 0 2.5em 0 0 #666666; } }@-webkit-keyframes as4loader { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em #333333; } 40% { box-shadow: 0 2.5em 0 0 #666666; } } 
/* /Blur */

.image_3d_title {
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    color: #272727;
    margin: 20px 0;
    padding: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
}

.image_3d_container {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px;
}

.image_3d_content{
    margin-bottom: 20px;
}

.image_3d_container.version_1 .image_3d_column {
    flex: 1 1 100%;
    max-width: 100%;
}

.image_3d_container.version_2 .image_3d_column,
.image_3d_container.version_5 .image_3d_column{
    flex: 0 0 50%;
    max-width: 50%;
}

.image_3d_column {
    padding: 0 8px;
}

.image_3d_container.version_3 .image_3d_column:first-child {
    flex: 0 0 40%;
    max-width: 40%;
}

.image_3d_container.version_3 .image_3d_column:last-child {
    flex: 0 0 60%;
    max-width: 60%;
}

.image_3d_container.version_4 .image_3d_column:first-child {
    flex: 0 0 60%;
    max-width: 60%;
}

.image_3d_container.version_4 .image_3d_column:last-child {
    flex: 0 0 40%;
    max-width: 40%;
}

.image_3d_container .livea-image-wrapper-outer{
    overflow: hidden;
    position: relative;
}
.image_3d_container.version_1 .livea-image-wrapper-outer {
    height: 615px;
    max-width: 100%;
}

.image_3d_container.version_2 .livea-image-wrapper-outer {
    height: 500px;
}

.image_3d_container .livea-image-wrapper-outer img {
    max-width: unset;
    max-height: unset;
    min-width: 100%;
    min-height: 100%;
    height: 100%;

}

/*.image_3d_container.version_1 .livea-image-wrapper-outer img,*/
/*.image_3d_container.version_3 .image_3d_column:last-child .livea-image-wrapper-outer img,*/
/*.image_3d_container.version_4 .image_3d_column:first-child .livea-image-wrapper-outer img,*/
/*.image_3d_container.version_5 .livea-image-wrapper-outer img{*/
/*    width: 100%;*/
/*    height: auto;*/
/*}*/

.image_3d_container .livea-image-wrapper-outer > div {
    height: 100%;
}


.image_3d_container.version_3 .livea-image-wrapper-outer,
.image_3d_container.version_4 .livea-image-wrapper-outer{
    height: 356px;
}

.image_3d_container.version_5 .livea-image-wrapper-outer{
    height: 284px;
}



@media(max-width: 767px){
    .image_3d_container .image_3d_column{
        flex: 1 1 100% !important;
        max-width: 100% !important;
    }
    .image_3d_container .livea-image-wrapper-outer {
        height: 280px !important;
    }
}