@font-face {
        font-family: "Sertig";
        font-weight: bold;
        src: url("../fonts/Sertig.otf?") format("opentype");
    }
    
    body {
        background: #FFFFFF;
        font-family: "Quicksand";
        font-size: 14px;
        line-height: 1.42857;
        padding: 0;
    }
    a
    a:active {
        text-decoration: none;
        outline: none;
    }
    
    .container-fluid {
        overflow: hidden;
    }
    
    .hide-menu {
        display: none;
    }
    
    figure .frame-o:hover {
        border-radius: 50%;
        -khtml-border-radius: 50%;
        vertical-align: middle;
    }
    
    .karpenter {
        width: 200px;
        height: auto;
    }
    
    .karpenter img {
        height: auto;
        width: 100%;
    }
    
    .goup {
        cursor: pointer;
        background: rgb(194, 194, 194);
        bottom: 40px;
        position: fixed;
        right: 20px;
        padding: 2px 5px;
        z-index: 9999;
        color: #ffffff;
        border-radius: 5px;
        display: none;
    }
    
    .goup-2 {
        display: none;
        cursor: pointer;
        background: rgb(194, 194, 194);
        /* bottom: 80px;
*/
        position: fixed;
        right: 20px;
        padding: 2px 5px;
        z-index: 9999;
        color: #ffffff;
        border-radius: 5px;
    }
    
    .centering {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
    
    .clear-padd {
        padding: 0
    }
    
    .clear-marg {
        margin: 0;
    }
    
    .boxid {
        display: block;
        float: left;
        margin-right: 0;
        margin-left: 0;
        position: absolute;
        width: 100%;
        z-index: 999;
    }
	.notif-modal {
		border-radius: 0;
	}
	.notif-header {
		background-color: #ECEDE8;
	}
	.notif-header >.close{
		margin-top: -10px;
	}
	.notif-body {
		padding: 0;
	}
	.notif-body img {
		width: 100%;
	}
	.popup {
		padding-left: 15px;
		padding-right: 15px;
	}
	.popup-three {
		padding-left: 0;
		padding-right: 0;
	}
    .kxlogo {
        width: auto;
    }
    .at-brand {
		position: absolute;
		z-index: 999;
		right: 120px;
		top: 16px;
	}
	.at-brand img {
		height: 73px;
	}
	.logo {
        background: url("../images/logos.jpg");
        background-size: 100% 100%;
        background-repeat: no-repeat;
        display: block;
        height: 90px;
        position: absolute;
        width: 90px;
        z-index: 1;
        right: 0;
        margin: 15px;
    }
    
    .kxtag {
        padding-left: 0;
    }
    
    img.kp {
        height: auto;
        width: auto;
    }
    
    .col-trio .fa-facebook-f {
        color: rgb(91, 14, 22);
    }
    
    .col-trio .fa-circle {
        color: #FFFFFF;
    }
    
    .kxtag p {
        font-family: Sertig;
        font-size: 2em;
        color: rgb(91, 14, 22);
        text-align: center;
    }
    
    p.st {
        font-weight: bold;
        margin-bottom: -10px;
    }
    
    p.sc {
        letter-spacing: 0.1em;
        margin-bottom: -10px;
    }
    
    div.footer {
        border-top: 5px solid #ffffff;
        height: auto;
        background-color: rgb(91, 14, 22);
        color: white;
        font-size: 0.75em;
        padding: 0 15px;
    }
    
    .footer > .left p {
        margin: 7px 0;
    }
    
    .footer > .right p {
        text-align: right;
        margin: 7px 0;
    }
    
    .footer > .right p a, .footer > .right p a:hover {
        color: #FFFFFF;
        text-decoration: none;
    }
    
    .footer > .middle {
        text-align: center;
        padding: 3px 0;
    }
    
    .left-col {
        padding: 0;
        background-color: lightgrey;
        overflow: hidden;
    }
    
    .right-col {
        min-height: 180px;
        padding: 0;
        background-color: #000000;
    }
    
    div.menu-col {
        display: block;
        position: relative;
        min-height: 100%;
        min-width: 100%;
    }
    
    .menu-col figure.col-frm {
        position: relative;
    }
    
    #r0 {
        border-right: solid 2px rgb(91, 14, 22)
    }
    
    #flipbook.booklet {
        z-index: 0;
        position: relative;
        float: left;
    }
    
    #frm1 img {
        height: auto;
        position: absolute;
        width: 100%;
        top: -100%;
        -webkit-filter: grayscale(100%);
        -webkit-transition: .5s ease-in-out;
        -moz-filter: grayscale(100%);
        -moz-transition: .5s ease-in-out;
        -o-filter: grayscale(100%);
        -o-transition: .5s ease-in-out;
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    }
    
    #frm1:hover img {
        -webkit-filter: grayscale(0%);
        -webkit-transition: .5s ease-in-out;
        -moz-filter: grayscale(0%);
        -moz-transition: .5s ease-in-out;
        -o-filter: grayscale(0%);
        -o-transition: .5s ease-in-out;
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    }
    
    #r2 {
        overflow: hidden;
    }
    
    #frm2 img {
        -webkit-filter: grayscale(100%);
        -webkit-transition: .5s ease-in-out;
        -moz-filter: grayscale(100%);
        -moz-transition: .5s ease-in-out;
        -o-filter: grayscale(100%);
        -o-transition: .5s ease-in-out;
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
        height: auto;
        position: relative;
        width: 100%;
        top: -200px;
    }
    
    #frm2:hover img {
        -webkit-filter: grayscale(0%);
        -webkit-transition: .5s ease-in-out;
        -moz-filter: grayscale(0%);
        -moz-transition: .5s ease-in-out;
        -o-filter: grayscale(0%);
        -o-transition: .5s ease-in-out;
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    }
    
    #r3 {
        overflow: hidden;
    }
    
    #frm3 img {
        -webkit-filter: grayscale(100%);
        -webkit-transition: .5s ease-in-out;
        -moz-filter: grayscale(100%);
        -moz-transition: .5s ease-in-out;
        -o-filter: grayscale(100%);
        -o-transition: .5s ease-in-out;
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
        height: auto;
        position: relative;
        width: 100%;
        top: -160px;
    }
    
    #frm3:hover img {
        -webkit-filter: grayscale(0%);
        -webkit-transition: .5s ease-in-out;
        -moz-filter: grayscale(0%);
        -moz-transition: .5s ease-in-out;
        -o-filter: grayscale(0%);
        -o-transition: .5s ease-in-out;
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    }
    
    .col-frm > a .caps, #caps-prod > .caps {
        background-color: rgb(91, 14, 22);
        bottom: 20px;
        float: none;
        font-size: 1.6em;
        padding: 0;
        position: absolute;
        left: 0;
        text-align: center;
        transition: width 1700ms ease-in-out;
        z-index: 0;
    }
    
    .article-m {
        min-width: 385px;
        height: 38px;
    }
    
    #caps-prod > .caps {
        bottom: 20px!important;
        z-index: 9999;
    }
    
    #frm1 .caps {
        min-width: 295px;
        width: 0;
        transition: width 1.6s ease-in-out;
    }
    
    #frm1:hover .caps {
        text-align: center;
        width: 100%;
    }
    
    #frm2 .caps {
        min-width: 165px;
        width: 0;
        transition: width 1.6s ease-in-out;
    }
    
    #frm2:hover .caps {
        width: 100%;
    }
    
    #frm3 .caps {
        min-width: 126px;
        width: 0;
        transition: width 1.6s ease-in-out;
    }
    
    #frm3:hover .caps {
        text-align: center;
        width: 100%;
    }
    
    .caps-txt p {
        text-align: center;
        margin-bottom: 0;
        margin-left: 10px;
        margin-right: 10px;
        color: #FFFFFF;
    }
    
    .carousel-home {
        min-height: 400px;
    }
    
    .carousel-home-inner {
        height: 100%;
    }
    
    div.item img.sld-img {
        height: 100%;
        width: 100%;
    }
    
    /*.carousel-inner .item {*/
    /*    height: 100%;*/
    /*    margin: 0!important;*/
    /*    position: relative;*/
    /*    opacity: 0;*/
    /*    transition: none;*/
    /*}*/
    
    /*.carousel-inner .active {*/
    /*    opacity: 1;*/
    /*    transition: opacity 1700ms ease-in-out;*/
    /*}*/
    
    /*.item .active .left, .item .active .right {*/
    /*    left: 0;*/
    /*    opacity: 0;*/
    /*    transition: opacity 1700ms ease-in-out;*/
    /*}*/
    
    /*.item .next .left, .item .prev .right {*/
    /*    transition: opacity 1700ms ease-in-out;*/
    /*    opacity: 1;*/
    /*}*/
    /*### BRANCH PAGE ###*/
    
    .popov {
        cursor: pointer;
    }
    
    .popov-content {
        display: none;
    }
    
    .popover-content div .fa-inverse {
        color: rgb(91, 14, 22);
    }
    
    button.mobile-toggle {
        display: none;
    }
    
    .search-bar > .col-sm-3 {
        padding: 0 !important;
    }
    
    .footer > .col-trio {
        width: 33.3333%;
        float: right;
        display: inline-block;
    }
    
    .menu-bar {
        background-color: #FFFFFF;
        border-bottom: 5px solid rgb(91, 14, 22);
    }
    
    .navbar {
        border: none;
    }
    
    #txt-logo {
        border-right: 1px solid transparent;
    }
    
    .banner-box .banner-fig {
        width: 100%;
        height: 40vh;
        position: relative;
        float: left;
        overflow: hidden;
        background: #000;
    }
    /*.banner-box figure.banner-material {background: rgba(0, 0, 0, 0.39);}*/
    
    .banner-box .banner-bottom {
        width: 100%;
        height: 25vh;
        position: relative;
        float: left;
        overflow: hidden;
        background: #000;
    }
    
    .banner-bottom .banner-img-bottom {
        display: block;
        height: auto;
        position: relative;
        width: 100%;
        opacity: 0.47;
    }
    
    .banner-fig .banner-img {
        display: block;
        height: auto;
        position: relative;
        width: 100%;
    }
    
    .banner-fig figcaption {
        float: none;
        height: auto;
        margin: 0 auto;
        position: absolute;
        top: 40%;
        width: 100%;
        text-shadow: 2px 2px #000;
    }
    
    figure.banner-bottom figcaption {
        float: none;
        height: auto;
        margin: 0 auto;
        position: absolute;
        top: 40%;
        width: 100%;
    }
    
    .banner-box p.st, .banner-box p.sc {
        color: #FFFFFF;
        font-size: 2.5em;
        text-align: center;
    }
    
    .search-bar {
        background-color: transparent;
    }
    
    .search-panel-size {
        width: 89%;
        height: 40px;
    }
    
    .trio-grids {
        background-color: lightgrey;
        padding: 0;
    }
    
    .trio-grids figure {
        height: 100%;
        min-height: 80px;
        width: 100%;
        background: #000;
        overflow: hidden;
    }
    
    .trio-grids img {
        height: 100%;
        opacity: 0.2;
        width: auto;
    }
    
    .trio-grids figure:hover img {
        transition: all 500ms;
        opacity: 1;
    }
    
    .trio-grids figure:hover p {
        text-shadow: 2px 2px #000;
    }
    
    .trio-grids figure figcaption.grid-caps {
        float: none;
        margin: 0 auto;
        position: absolute;
        top: 40%;
        width: 100%;
        min-height: 200px;
        overflow: hidden;
    }
    
    figcaption.grid-caps > p {
        margin-bottom: -16px;
        color: #ffffff;
        font-size: 2em;
        text-align: center;
    }
    
    .thin {
        font-weight: 400;
    }
    
    .thick {
        font-weight: 600;
        text-transform: uppercase;
    }
    
    .grid-tag {
        position: absolute;
        bottom: 0;
        width: 100%;
        min-height: 40px;
    }
    
    .grid-tag p {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0.56);
        color: #ffffff;
        padding: 8px 0;
        font-size: 14px;
        margin-bottom: 0;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        width: 85%;
    }
    
    .col-bar {
        width: 12vw;
        height: 35px;
        padding: 8px 10px;
    }
    
    .form-group {
        margin: 0;
    }
    
    .form-group .dropdown {
        display: inline;
        float: left;
        padding-top: 10px;
        padding-bottom: 5px;
        padding-left: 10px;
        padding-right: 20px;
        width: 61%;
    }
    
    .dropdown .open {
        background-color: #EDEDED;
        width: 61%;
        text-align: left;
    }
    
    .search-panel {
        width: 89%;
        height: 40px;
    }
    
    #brc {
    /*    margin-left: 27px; */
		margin-left: 0;
    }
    
    .ddrop-custom {
        /*   padding: 0;*/
        border: none;
        color: #000;
        line-height: 0;
        font-size: 14px;
        float: left;
        padding-top: 10px;
        padding-bottom: 5px;
        padding-left: 0;
    }
    
    .search-label {
        padding: 10px 0 0 0;
    }
    
    .label-panel {
        height: 40px;
        text-align: right;
        padding-right: 0;
        padding-left: 0;
        border-right: 0 solid rgb(91, 14, 22);
    }
    
    .dropdown-menu {
        border: none;
        border-radius: 0;
        padding: 0;
        margin-top: 0;
        background-color: #EDEDED;
    }
    
    .ddrop-menu li {
        border-bottom: 1px solid rgb(194, 194, 194);
    }
    
    .col-items {
        padding: 1% 8% 5% 8%;
        /*padding: 35px 45px;
    min-height: 580px;*/
    }
    
    ul.subval a {
        color: #000;
        cursor: pointer;
    }
    
    .item-box {
        padding: 5px 37px 5px 37px;
        /*padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 37px;
    padding-left: 37px;*/
        margin-bottom: 40px;
        margin-top: 30px;
        height: 138px;
    }
    
    .item-box a {
        color: #000;
        font-weight: bold;
    }
    
    .item-box a:hover {
        text-decoration: none;
        color: #000;
    }
    
    .bx-item {
        width: 184px;
        height: 138px;
        margin-left: auto;
        margin-right: auto;
        display: block;
        position: relative;
    }
    
    figure.item-frame {
        background-color: rgb(0, 0, 0);
        height: 100%;
        width: auto;
    }
    
    figure.item-frame:hover img {
        opacity: 0.4;
    }
    
    figure.item-frame img {
        display: block;
        height: 100%;
        width: 100%;
        transition: opacity 500ms ease-in-out;
    }
    
    figure.item-frame figcaption.vtp {
        background: transparent none repeat scroll 0 0;
        color: #ffffff;
        font-weight: bold;
        left: 0;
        opacity: 0;
        position: absolute;
        text-align: center;
        top: 45%;
        width: 100%;
        transition: opacity 400ms ease-in-out;
    }
    
    figure.item-frame:hover figcaption.vtp {
        opacity: 1;
    }
    
    .col-badges {
        background-color: transparent;
        float: right;
        /*position: relative;*/
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 1;
    }
    
    #orang {
        background-color: orange;
    }
    /*.set-badges {
    display: block;
    position: relative;
    box-sizing: border-box;
    background-color: grey;
    min-height: 10px;
    height: auto;
    width: auto;
    float: right;
    margin-top: -15px;
    margin-left: 30px;
}*/
    
    .material-badges {
        border: 2px solid #ffffff;
        border-radius: 50%;
        float: right;
        margin-left: 20px;
        /*margin-left: -15px;*/
        margin-right: -15px;
        margin-top: -15px;
        min-height: 25px;
        min-width: 25px;
        position: relative;
        overflow: hidden;
        cursor: default;
        /*    display: inline-block;*/
    }
    
    .badges-dtl {
        margin-top: 0;
    }
    
    .material-badges .img-badges {
        height: 30px;
        max-width: 30px;
        min-width: 30px;
        position: relative;
    }
    
    .plus-opt {
        background-color: #000000;
        bottom: 2px;
        color: #ffffff;
        height: auto;
        min-width: 20px;
        padding: 0;
        position: absolute;
        right: 0;
        text-align: center;
        z-index: 1;
        cursor: pointer;
    }
    
    .item-desc {
        background-color: rgba(0, 0, 0, 0.84);
        color: #FFFFFF;
        display: none;
        font-size: 11px;
        min-height: 94%;
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 15px;
        position: absolute;
        top: 5px;
        box-shadow: 0 0 12px -5px rgba(0, 0, 0, 0.75);
    }
    /*### DETAIL PRODUCT ###*/
    
    a.readmore {
        color: rgb(91, 14, 22);
        width: 100px;
    }
    
    a.readmore:hover {
        color: rgb(91, 14, 22);
        width: 100px;
    }
    
    .select-pan {
        margin-top: 10px;
        background-color: transparent;
        border: none;
        text-transform: uppercase;
    }
    
    .select-pan option {
        text-transform: uppercase;
    }
    
    .prod-name {
        text-transform: uppercase;
        position: absolute;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        font-size: 1em;
    }
    
    .carousel-det {
        min-height: 395px;
    /*    height: auto;*/
    }
    
    .container-info {
        display: block;
        float: left;
        height: auto;
        padding-bottom: 15px;
        position: relative;
        width: 100%;
    }
    
    .nd {
        border-bottom: 2px solid rgb(194, 194, 194);
        margin-bottom: 35px;
    }
    
    .container-info .left {
        padding-left: 0;
        padding-right: 60px;
    }
    
    .container-info .right {
        padding-right: 0;
        padding-left: 60px;
    }
    
    .rows {
        display: block;
        width: 100%;
        height: auto;
        float: left;
        border-bottom: 5px solid blue;
    }
    
    .separator {
        background-color: lightgrey;
        position: relative;
        float: left;
        display: block;
        height: 2px;
        width: 100%;
        margin: 30px 0 45px;
    }
    
    .separator > figcaption {
        background-color: #ffffff;
        display: block;
        float: none;
        height: auto;
        left: 44%;
        margin-top: -10px;
        padding: 0 5px;
        position: absolute;
        text-align: center;
        width: auto;
    }
    
    .separator > figcaption p {
        margin: -7px 0;
    }
    
    .hidden-prev {
        display: none;
    }
    
    .res-empty {
        width: 100%;
        text-align: center;
    }
    
    .res-empty > h3 {
        margin-top: 43%;
    }
    
    .framing {
        display: block;
        float: left;
        height: 100%;
        position: relative;
    }
    
    .framing > h5 {
        text-transform: uppercase;
    }
    
    div.left > .framing .col-xs-10 {
        padding-right: 0;
    }
    
    div.right > .framing .col-xs-10 {
        padding-right: 0;
    }
    
    .product-img {
        width: 100%;
        height: auto;
        position: relative;
    }
    
    .carousel-fade .images {
        position: relative;
        display: block;
        height: auto;
        width: 100%;
    }
    
    .related-img {
        padding: 15px 0;
        min-height: 150px;
        margin-top: -30px;
    }
    
    .frame-sm {
        /*width: 90px;*/
        width: 18%;
        /*height: 90px;*/
        height: auto;
        float: left;
        border: 1px solid rgb(194, 194, 194);
        margin-right: 10px;
        cursor: pointer;
    }
    
    .frame-selected {
        height: 95px;
        width: 120px;
        margin-top: -10px;
    }
    
    .frame-md {
        border: 1px solid rgb(194, 194, 194);
        float: left;
        /*height: 155px;*/
        height: auto;
        margin-right: 6.5px;
        /*width: 32%;*/
        width: 160px;
    }
    
/*    .frame-md2 {
        float: left;
        min-height: 200px;
        margin-right: 30px;
        width: 40%;
    }*/
	.frame-md2 {
        min-height: 200px;
        margin-right: auto;
		margin-left: auto;
        width: 40%;
    }
	.prev-product {
		float: none;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
	}
    
    .frame-md2 > p {
        min-height: 38px;
        height: 45px;
        font-size: 13px;
    }
    
    .material-frame {
        overflow: hidden;
        border: 1px solid transparent;
        height: 75px;
        width: 75px;
        border-radius: 50%;
    }
    
    img.images-md, img.images-sm {
        height: auto;
        width: 100%;
    }
    
    img.images-mtrl {
        height: 100%;
        width: 100%;
    }
    
    .frame-unmargin {
        margin: 0 !important;
    }
    
    .row-info {
        border-bottom: 0px solid rgb(194, 194, 194);
        margin-bottom: 15px;
        padding-bottom: 15px;
        display: block;
        position: relative;
        float: left;
        width: 100%;
    }
    
    .row-unb {
        border-bottom: 0 solid;
    }
    
    .row-mtr-dtl {
        border: none;
        margin-top: 10px;
        margin-bottom: 15px;
        padding-bottom: 15px;
        display: block;
        position: relative;
        float: left;
        width: 100%;
    }
    
    .row-mtr-dtl a {
        color: #333;
    }
    
    .underline {
        text-decoration: underline;
        font-weight: bold;
    }
    
    .row-info > div h3 {
        margin-top: 0;
        text-transform: uppercase;
        border-bottom: 2px solid;
        width: auto;
        float: left;
        padding-bottom: 1px;
    }
    
    .row-info > article.article-desc {
        letter-spacing: 0.01em;
        line-height: 1;
    }
    
    .row-info > label.col-xs-3 {
        padding-left: 0;
        padding-right: 5px;
        border-right: 2px solid #000;
        width: auto;
        margin: 0;
        height: auto;
        line-height: 1;
    }
    
    .row-mtr-dtl > span.pull-left.col-xs-8 {
        padding-left: 0;
        height: 40px;
        text-transform: uppercase;
    }
    
    span.col-xs-3 {
        padding-left: 5px;
        line-height: 1;
    }
    
    .row-info > label.unborder {
        border: none;
        padding-left: 0;
    }
    
    .row-info > span.col-xs-3, .row-info > span.col-xs-6 {
        color: rgb(194, 194, 194);
        line-height: 1;
        text-transform: uppercase;
    }
    
    .row-info > label.col-sm-8 {
        padding-left: 0;
    }
    
    .row-info > label.col-sm-4 {
        padding-right: 0;
    }
    
    .row-info > p.col-sm-4 {
        color: rgb(194, 194, 194);
        text-align: right;
        padding: 0;
    }
    
    .row-info > .pull-right {
        margin: 0;
    }
    
    .row-info > .col-sm-6 {
        padding-left: 0;
    }
    
    #f1, #f2 {
        height: 45px;
        margin-bottom: 0;
    }
    
    .colorbox {
        height: 30px;
        width: 30px;
        margin-left: 15px;
        margin-bottom: 0;
        display: block;
        float: left;
        cursor: pointer;
    }
    
    .colorbox > .nameof {
        display: none;
    }
    
    .colorbox img.color-images {
        vertical-align: inherit;
        width: 100%;
        height: 100%;
		border-radius: 50%;
    }
    
    .colorbox-selected {
        height: 35px;
        width: 35px;
        margin-top: -2px;
        margin-bottom: 0;
        margin-left: 10px;
    }
    
    .colorbox-selected > .nameof {
        display: block;
        font-weight: bold;
        text-transform: capitalize;
    }
    
    .fng {
        border-bottom: 0px solid rgb(194, 194, 194);
    }
    
    .share {
        /* bottom: -80px;*/
        display: block;
        height: auto;
        left: 0;
        position: relative;
        width: 100%;
        border-bottom: none;
    }
    
    .share span.fa-stack i.fa-facebook-f, .share span.fa-stack i.fa-circle, .share span.fa-stack i.fa-circle-thin {
        color: #000000;
    }
    
    .share span.fa-stack i.fa-share-alt {
        color: #FFFFFF;
    }
    
    .next {
        background: url("../images/right-arrow.png");
        background-size: 92% 80%;
        background-position: 100% 100%;
        background-repeat: no-repeat;
        float: none;
        height: 141px;
        margin-top: 0;
    /*    position: absolute;*/
        right: 0;
        width: 30px;
    }
    
    .next > p {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        margin: 0;
        text-align: center;
        color: #B2B2B2;
        text-transform: uppercase;
        position: absolute;
        right: -65px;
        bottom: 50px;
        width: auto;
        min-width: 255px;
        height: auto;
        font-size: 12px;
    }
    
    .prev {
        background: url("../images/left-arrow.png");
        background-size: 92% 80%;
        background-position: 0 100%;
        background-repeat: no-repeat;
        float: none;
        height: 141px;
        margin-top: 0;
    /*    position: absolute;*/
        left: 0;
        width: 30px;
    }
    
    .prev > p {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        bottom: 50px;
        color: #B2B2B2;
        height: auto;
        left: -65px;
        margin: 0;
        position: absolute;
        text-align: center;
        text-transform: uppercase;
        width: auto;
        min-width: 255px;
        font-size: 12px;
    }
    
    .nameof {
        margin-top: -8px;
        text-align: center;
        margin-left: -50px;
        min-width: 137px;
        position: absolute;
        width: auto;
    }
    /*DETAIL & CRAFTMANSHIP*/
    
    .ar-row {
        min-height: 300px;
        padding: 0 3%;
    }
    
    .ar-row-xl {
        min-height: 250px;
        padding-top: 0;
        padding-bottom: 1%;
        padding-left: 3%;
        padding-right: 3%
    }
    
    .readmore, .readless {
        color: rgb(91, 14, 22);
        cursor: pointer;
        width: 110px;
        text-decoration: underline;
    }
    
    .act.active .readmore {
        display: none;
    }
    
    .readless {
        display: none;
    }
    
    .act.active .readless {
        display: block;
    }
    
    .hidden-txt {
        display: none;
    }
    
    .tag-head {
        color: #ffffff;
        font-size: 1.5em;
        font-weight: 800;
        float: left;
        height: auto;
        left: 3%;
        min-height: 20px;
        padding: 10px;
        position: relative;
        max-width: auto;
        line-height: 1;
    }
    
    .tag-mar {
        background-color: rgb(91, 14, 22);
        margin-left: 15px;
        margin-top: -25px;
        margin-bottom: 25px;
    }
    
    .tag-gre {
        background-color: rgb(138, 200, 50);
        margin-top: -25px;
        margin-bottom: 25px;
        margin-left: auto;
        margin-right: auto;
        left: 45%;
    }
    
    .tag-brw {
        background-color: rgb(182, 152, 113);
        margin-left: 15px;
        margin-top: -25px;
        margin-bottom: 25px;
    }
    
    .skewline {
        display: block;
        float: left;
        height: 110px;
        overflow: hidden;
        position: relative;
        width: 100%;
    }
    
    .deg-line {
        margin-top: -5%;
    }
    
    .border-neg {
        background-color: lightgrey;
        bottom: 50%;
        float: none;
        margin-left: 15px;
        min-height: 2px;
        position: absolute;
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg);
        width: 100%;
    }
    
    .border-pos {
        background-color: lightgrey;
        bottom: 50%;
        float: none;
        margin-left: 15px;
        min-height: 2px;
        position: absolute;
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg);
        width: 100%;
    }
    
    h3.ar-title {
        color: rgb(91, 14, 22);
        margin-top: 0;
        text-transform: uppercase;
    }
    
    article {
        text-align: justify;
    }
    
    .ar-img-frm {
        min-height: 300px;
        width: 100%;
    }
    
    .pullr {
        right: -125px;
    }
    
    .pullle {
        left: -90px;
    }
    
    .ar-img {
        height: 100%;
        margin: 0 auto;
        position: relative;
        width: 100%;
    }
    
    #karp {
        top: 30px;
        right: -165px;
    }
    
    #sketch {
        top: 20px;
    }
    
    #touch {
        top: -20px;
    }
    
    #craft {
        height: 400px;
        left: -25px;
        position: absolute !important;
        top: -270px;
        width: 400px;
		border-radius: 50%;
    }
    
    .banner-box figure.banner-quote {
        width: 100%;
        max-height: 50vh;
        position: relative;
        float: left;
        overflow: hidden;
        background: #000;
    }
    
    blockquote.quote p {
        position: absolute;
        font-size: 1.4em;
        padding-left: 8%;
        padding-right: 8%;
        left: 0;
        color: #FFFFFF;
    }
    
    figure.banner-quote blockquote.quote {
        border-left: 0 solid #eee;
        float: none;
        height: auto;
        margin: 0 auto;
        position: absolute;
        left: 0;
        top: 10%;
        width: 47%;
    }
    
    figure.banner-quote img.img-bann-quote {
        height: auto;
        width: 100%;
        margin-top: -250px;
    }
    
    .red-block {
        background-color: rgb(91, 14, 22);
        position: relative;
        margin-bottom: 30px;
    }
    
    .block-o {
        background-color: rgb(91, 14, 22);
        height: 100px;
        overflow: hidden;
        padding: 20px 26px;
        position: relative;
        top: -45px;
        width: 110px;
    }
    
    .rounded {
        border-radius: 50%;
    }
    
    .red-block figcaption {
        color: #ffffff;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 80px;
        padding: 0;
        text-align: center;
        width: 80%;
        font-size: 16px;
        font-weight: 600;
    }
    
    .block-o i.fa {
        color: #FFFFFF;
        position: absolute;
    }
    
    .box-o {
        position: relative;
        height: 350px;
        overflow: hidden;
        margin: 30px auto;
    }
    /*.box-o figure.frameo:hover {
    position: relative;
    height:350px;
    width:350px;
    overflow: hidden;
    margin: 30px auto;
    border-radius: 50%;
    border: 2px solid yellow;
}*/
    
    #wrap-o {
        border: 3px solid transparent;
        overflow: hidden;
        z-index: 2;
        height: 320px;
        width: 320px;
        border-radius: 50%;
        transition: all 1s ease;
        border-color: rgb(91, 14, 22);
    }
    
    .frame-o {
        z-index: 2;
        transition: all 1s ease;
    }
    
    .frame-o #ar-img {
        height: 100%;
        width: 100%;
        z-index: -2;
        transition: all 1s ease;
    }
    
    .frame-o:hover #ar-img {
        /*   -moz-transform: scale3d(2, 2, 1); */
        -webkit-transform: scale3d(2, 2, 1);
        transform: scale3d(2, 2, 1);
        height: auto;
        left: 0;
        position: relative;
        /*    -webkit-transition: all 1.5s ease, -webkit-transform 0.35s ease 0s;*/
        /*    transition: all 1.5s ease, transform 0.35s ease 0s; */
        transition: 1s ease-out;
    }
    /** ENVIRONMENT **/
    
    #wrap-e {
        border: 3px solid transparent;
        overflow: hidden;
        z-index: 2;
        height: 400px;
        width: 400px;
        border-radius: 50%;
        transition: all 1s ease;
        border-color: rgb(138, 200, 50);
    }
    
    .e-left {
        position: absolute;
        left: -5%;
    }
    
    .e-right {
        position: absolute;
        right: -5%;
    }
    
    #commit {
        background-image: url("../images/environment/commitment.jpg");
        background-position: 200px -6px;
        background-size: 90% 90%;
        height: 500px;
        right: 2px;
        width: 500px;
    }
    
    #strategy {
        background-image: url("../images/environment/new-strategy.jpg");
        background-position: -50px 0;
        background-size: 105% auto;
        height: 400px;
        left: -16%;
        top: 0;
        width: 570px;
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        -webkit-filter: FlipH;
        filter: FlipH;
        -ms-filter: "FlipH";
    }
    
    #impact {
        background-image: url("../images/environment/lowimpact.png");
        background-position: 180px -53px;
        background-size: 135% auto;
        height: 600px;
        right: 0;
        top: -280px;
        width: 500px;
    }
    
    #timeless {
        border: 1px solid transparent;
        overflow: hidden;
        z-index: 2;
        height: 400px;
        width: 400px;
        border-radius: 50%;
        transition: all 1s ease;
        left: -5%;
    }
    
    #timeless:hover {
        background-image: url("../images/environment/timeless.png");
        height: 415px;
        left: -73px;
        top: -80px;
        width: 415px;
    }
    
    #superq {
        background-image: url("../images/environment/superiorquality.png");
        height: 400px;
        right: -80px;
        top: -80px;
        width: 400px;
        transition: all 1s ease 0s;
    }
    
    #superq:hover {
        background-image: url("../images/environment/superiorquality.png");
        height: 415px;
        right: -80px;
        top: -80px;
        width: 415px;
    }
    
    #cango {
        background-image: url("../images/environment/materialscango.png");
        height: 400px;
        left: -73px;
        top: -80px;
        width: 400px;
        transition: all 1s ease 0s;
    }
    
    #cango:hover {
        background-image: url("../images/environment/materialscango.png");
        height: 415px;
        left: -73px;
        top: -80px;
        width: 415px;
    }
    
    .ev-row {
        min-height: 400px;
        padding: 0 3%;
    }
    
    h3.ev-title {
        color: rgb(138, 200, 50);
    }
    
    .img-left {
        /* background-image: url("../images/timber/Americanblackwalnut.png");
*/
        background-position: 0 0;
        background-repeat: no-repeat;
        background-size: 100% auto;
        display: block;
        height: 245px;
        left: 70px;
        position: absolute;
        top: 0;
        width: 19%;
    }
    
    .img-right {
        /* background-image: url("../images/timber/Americanblackwalnut.png");*/
        background-position: 0 0;
        background-repeat: no-repeat;
        background-size: 100% auto;
        display: block;
        height: 245px;
        right: 70px;
        position: absolute;
        top: 0;
        width: 19%;
    }
    
    .ev-caps figcaption {
        border-top: solid 1px #000;
        border-bottom: solid 1px #000;
        color: #898c90;
        margin-bottom: 35px;
        padding: 15px 0;
        width: 50%;
        font-size: 16px;
    }
    
    .ev-img-frm {
        height: 190px;
        overflow: hidden;
        width: auto;
    }
    
    .ev-img {
        height: 124px;
        margin: 0 auto;
        position: absolute;
        top: 20px;
        width: auto;
    }
    
    .ev-img.r {
        right: 0;
    }
    
    .ev-img.l {
        left: 0;
    }
    
    div.ev-row .col-md-1 {
        padding: 0;
    }
    
    div.box-glog {
        height: auto;
        width: 290px;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    
    img.glog {
        height: 190px;
        width: auto;
        /*margin-left: auto;
    margin-right: auto;*/
        position: relative;
        display: inline-block;
    }
    
    .act > .readmore, .act > .readless {
        font-size: 1.1em;
    }
    /** MATERIAL **/
    
    .article-right {
        padding-left: 400px;
    }
    
    .article-left {
        padding-right: 400px;
    }
    
    #blacknut {
        /* background-image: url("../images/timber/Americanblackwalnut.png");*/
        height: 335px;
        right: 0px;
        top: 0px;
        width: 285px;
        transition: all 1s ease;
    }
    
    #wrap {
        border: 1px solid transparent;
        overflow: hidden;
        z-index: 2;
        height: 350px;
        width: 350px;
        border-radius: 50%;
        transition: all 1s ease 0s;
    }
    
    figure.fo {
        /*   border:2px solid red;*/
        z-index: 2;
    }
    
    figure.fo img#ro-img {
        height: 100%;
        width: 100%;
        z-index: -2;
        transition: all 1s ease;
        /*height: auto;
    width: auto;
    transition: all 1s ease;
    position: absolute;
    left: -20%;
    top: -10%;*/
    }
    
    figure.fo:hover img {
        height: auto;
        left: 0;
        position: relative;
        -webkit-transform: scale3d(1.5, 1.5, 1.5);
        transform: scale3d(1.5, 1.5, 1.5);
        -webkit-transform 0.35s ease 0s;
        transition: all 1s ease;
        transform 0.35s ease 0s;
        width: 100%;
    }
    
    #whiteoak {
        /*background-image: url("../images/timber/whiteoak.png");*/
        height: 335px;
        right: 2px;
        top: 0px;
        width: 285px;
        transition: all 1s ease 0s;
    }
    
    #teak {
        /*background-image: url("../images/timber/teak.png");*/
        height: 335px;
        right: 2px;
        top: 0px;
        width: 285px;
        transition: all 1s ease 0s;
    }
    
    .mt-row {
        min-height: 400px;
        padding: 0 3%;
    }
    
    .brown {
        color: rgb(182, 152, 113);
    }
    
    ul.material-branch {
        margin-left: 0px;
        margin-top: 45px;
        padding-left: 4%;
    }
    
    ul.material-branch li {
        list-style: none;
        display: inline;
    }
    
    ul.material-branch li a {
        padding: 5px;
        border: solid 1px transparent;
        color: #000;
    }
    
    ul.material-branch li a:hover, ul.material-branch li a.active {
        padding: 5px;
        border: solid 1px rgb(182, 152, 113);
        color: rgb(182, 152, 113);
        text-decoration: none;
        outline: none;
    }
    
    .dual-wood .dual-left {
        background-color: rgb(182, 152, 113);
        color: #FFFFFF;
        min-height: 350px;
    }
    
    .dual-wood .col-xs-5 {
        margin: 0 15px;
        padding: 3%;
        width: 46%;
    }
    
    .dual-wood .dual-right {
        border: solid 1px rgb(182, 152, 113);
        float: right;
        min-height: 350px;
    }
    
    .dual-wood h3 {
        margin-top: 10px;
    }
    
    h3.brown {
        text-transform: uppercase;
    }
    
    .mt-row .media {
        padding: 0 15px;
    }
    
    .media-object {
        height: 200px;
    }
    
    .wood-flow {
        position: relative;
        width: 65%;
    }
    
    .frame-schema {
        margin-top: 5px;
        margin-bottom: 15px;
    }
    
    .frame-schema .img-cycle {
        display: inline;
        float: left;
        margin: 0 53px;
    }
    
    .frame-schema .cycle-right {
        margin: 0 0 0 171px;
    }
    
    .next-page {
        margin-top: 15px;
        height: 30px;
        width: auto;
    }
    
    .next-page a {
        color: rgb(182, 152, 113);
        border: solid 1px rgb(182, 152, 113);
        padding: 5px;
    }
    
    .next-page a:hover, .next-page a:active {
        color: #FFFFFF;
        background-color: rgb(182, 152, 113);
        text-decoration: none;
        outline: none;
    }
    
    .grey {
        color: grey;
    }
    
    .numgrey {
        color: rgb(204, 204, 204);
        font-size: 6em;
        letter-spacing: -0.1em;
    }
    
    .opened {
        display: block;
    }
    /*other material*/
    
    .blue {
        color: rgb(112, 160, 179);
        text-transform: uppercase;
    }
    
    .maroon {
        color: rgb(92, 14, 23);
        text-transform: uppercase;
    }
    
    div.contain-mat {
        height: 440px;
        width: 100%;
        position: relative
    }
    
    div.contain-mat img.mat-img {
        height: 100%;
        position: relative;
        width: auto;
        margin-top: 15px;
    }
    
    #leather {
        background-image: url("../images/othermat/leather.png");
        height: 400px;
        right: 0px;
        top: 0px;
        width: 400px;
    }
    
    #remetal {
        background-image: url("../images/othermat/remetal.png");
        height: 400px;
        right: -80px;
        top: 0px;
        width: 400px;
    }
    
    #fabrics {
        background-image: url("../images/othermat/fabrics.png");
        height: 400px;
        right: 0px;
        top: 0px;
        width: 400px;
    }
    /*about-page*/
    
    .skew-pos {
        background-color: maroon;
        bottom: 50%;
        float: none;
        margin-left: 15px;
        min-height: 2px;
        position: absolute;
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
        width: 102%;
        z-index: 2;
        left: -20px;
    }
    
    #about-bg {
        /*    background-image: url("../images/about-bg.jpg"); */
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }
    
    #abt-top {
        /*background-image: url("../images/top-banner.jpg");*/
        background-repeat: repeat-x;
        background-origin: content-box;
        background-clip: content-box;
        background-position: top left;
        height: 350px;
        margin-bottom: 0;
        width: 100%;
        position: relative;
        display: block;
        z-index: 1;
    }
    
    #abt-top img {
        width: 100%;
    }
    /*#abt-top {
    -webkit-shape-outside: polygon(0% 0%, 100% 0, 100% 100%, 100% 100%, 0% 77%, 0% 0%);
    -webkit-clip-path: polygon(0% 0%, 100% 0, 100% 100%, 100% 100%, 0% 77%, 0% 0%);
}*/
    
    #abt-middle {
        background-image: url("../images/sketches.jpg");
        background-repeat: no-repeat;
        background-origin: content-box;
        background-clip: content-box;
        /*background-color: orange;*/
        /* margin-top: -5.5%;*/
        z-index: -1;
        /*-webkit-shape-outside: polygon(0% 0%, 100% 0, 100% 100%, 100% 100%, 0% 88%, 0% 0%);
    -webkit-clip-path: polygon(0% 0%, 100% 0, 100% 100%, 100% 100%, 0% 88%, 0% 0%);*/
        background-position: center;
    }
    
    .arrow img {
        width: 100%;
    }
    
    .abt-bottom {
        /*background-image: url("../images/bottom-banner.jpg");*/
        /* background-color: orangered;*/
        background-repeat: repeat-x;
        background-origin: content-box;
        background-clip: content-box;
        background-position: top left;
        height: 270px;
        margin-top: 0;
        width: 100%;
        position: relative;
        display: block;
        z-index: 1;
        /*-webkit-shape-outside: polygon(0% 0%, 100% 24%, 100% 100%, 0% 100%, 0% 100%, 0% 0%);
    -webkit-clip-path: polygon(0% 0%, 100% 24%, 100% 100%, 0% 100%, 0% 100%, 0% 0%);
*/
    }
    
    .abt-bottom img {
        width: 100%;
    }
    
    .content {
        padding-top: 70px;
        padding-bottom: 257px;
    }
    /*****/
    /*about-page*/
    
    .chapter {
        /*background-color: maroon;*/
        position: relative;
        height: 185px;
        width: 180px;
        /*bottom: -150px;*/
        bottom: -138px;
        right: -7%;
        display: block;
        float: left;
        padding: 0 5px;
    }
    
    .chapter .line {
        display: block;
        position: relative;
        width: 100%;
        height: 1px;
        background: #fff;
        margin-top: 20px;
        margin-bottom: 40px;
    }
    
    .chapter figcaption {
        width: 90px;
        height: 20px;
        color: white;
        text-align: center;
        position: absolute;
        left: 25%;
        top: -10px;
        background-color: white;
        color: maroon;
        font-weight: 600;
    }
    
    .radio {
        margin-bottom: 30px;
    }
    
    .radio label {
        color: maroon;
    }
    /*news-page*/
    
    #tag-news {
        background-color: rgb(131, 139, 63);
        left: 0;
        margin-left: auto;
        margin-right: auto;
        height: auto;
        width: 280px;
        float: none;
        text-align: center;
    }
    
    #block-news {
        background-image: url("../images/Background_bubbles.jpg");
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-origin: border-box;
        min-height: 300px;
        height: auto;
        padding: 30px;
        position: relative;
        float: left;
        display: block;
        width: 100%;
    }
    
    #frame-list, #frame-article {
        display: block;
        height: auto;
        background: #fff;
        padding: 15px;
        box-shadow: inset 0 0 11px -2px #000000;
    }
    
    #latest-list, #article-latest {
        padding: 0;
        height: 375px;
        overflow-y: scroll;
        width: 100%;
    }
    
    .np-separator {
        background-color: lightgrey;
        position: relative;
        display: block;
        height: 2px;
        width: 75%;
        margin-top: 30px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 45px;
    }
    
    .np-separator > figcaption {
        background-color: #ffffff;
        display: block;
        float: none;
        height: auto;
        top: -14px;
        padding: 0 5px;
        position: relative;
        text-align: center;
        width: 75px;
        min-height: 10px;
        margin-left: auto;
        margin-right: auto
    }
    
    .np-separator > figcaption p {
        margin: -7px 0;
        color: rgb(131, 139, 63);
    }
    /*#article-latest {
    width: 100%;
    padding: 0;
    height: 365px;
    overflow-y: scroll; 
}*/
    
    #latest-list::-webkit-scrollbar, #article-latest::-webkit-scrollbar {
        width: 10px;
        margin-right: 15px;
    }
    
    ::-webkit-scrollbar-track {
        background-color: rgb(93, 98, 43);
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        border-radius: 10px;
    }
    
    ::-webkit-scrollbar-thumb {
        background-color: rgb(131, 139, 63);
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
    }
    
    .list-row {
        width: 100%;
        float: left;
        position: relative;
        display: block;
        margin-bottom: 15px;
        padding-left: 0;
        cursor: pointer;
    }
    
    .list-row img {
        height: 40px;
        width: 40px;
        position: relative;
        display: block;
        float: left;
        margin-right: 15px;
    }
    
    .list-row .dsc {
        position: relative;
        float: left;
        display: block;
        border-bottom: 2px solid #ededed;
        width: 73%;
    }
    
    #block-news h1 {
        font-size: 14px;
        color: rgb(131, 139, 63);
        text-align: center;
        margin-top: 0;
    }
    /*#frame-article {
    background-color: #ffffff;
    padding: 15px;
    display: block;
}*/
    
    #article-latest .fm-img {
    /*    height: 190px;*/
		height: auto;
        width: 100%;
        overflow: hidden;
		margin-bottom: 20px;
    }
    
    .fm-img img {
        height: auto;
        width: 100%;
    }
    /*.shape {
/*0.67px 153.00px,397.33px 195.00px,397.67px 0.53px,0.33px 0.53px*/
    /*-webkit-shape-outside:  polygon(40% 0, 100% 0, 100% 100%, 40% 100%, 45% 60%, 45% 40%);
    float: left;
    width: 100%;
    height: 30ex;
    background-color: maroon;
    -webkit-clip-path:  polygon(40% 0, 100% 0, 100% 100%, 40% 100%, 45% 60%, 45% 40%);
}*/
    
    #bx-news-stand {
        width: 88%;
        height: 320px;
        margin-left: auto;
        margin-right: auto;
    }
    
    #bx-news-stand .caroufredsel_wrapper {
        width: 100%!important;
        height: 320px!important;
    }
    
    #news-stand {
        /*    the HTML element that will be turned into a carousel */
        width: 870px;
        /*    depending on your situation */
        height: 320px!important;
        /*    depending on your situation */
        overflow: hidden;
    }
    
    #next-news {
        background: url("../images/right-arrow.png");
        background-size: 92% 80%;
        background-position: 100% 100%;
        background-repeat: no-repeat;
        float: none;
        height: 130px;
        top: 22%;
        position: absolute;
        right: 5%;
        width: 30px;
        opacity: 0.3;
    }
    
    #next-news:hover {
        opacity: 1;
    }
    
    #prev-news {
        background: url("../images/left-arrow.png");
        background-size: 92% 80%;
        background-position: 0% 100%;
        background-repeat: no-repeat;
        float: none;
        height: 130px;
        position: absolute;
        left: 5%;
        width: 30px;
        top: 22%;
        opacity: 0.3;
    }
    
    #prev-news:hover {
        opacity: 1;
    }
    
    #bx-news-stand img {
        height: 270px;
        margin: 0 17px;
        width: 195px!important;
    }
    
    #bx-view {
        height: 600px!important;
        width: 400px;
        overflow: hidden;
    }
    
    #bx-view .caroufredsel_wrapper {
        height: 566px!important;
    }
    
    img.sld-nw {
        width: auto!important;
        height: auto!important;
        /*width: 600px!important
    height: auto!important;*/
    }
    
    #news-view {
        height: 600px!important;
    }
    
    #news-view .az-wrap {
        height: 566px!important;
    }
    
    .row-nw label {
        color: rgb(131, 139, 63);
    }
    
    .row-nw span.fa-stack i.fa-facebook-f, .row-nw span.fa-stack i.fa-circle, .row-nw span.fa-stack i.fa-circle-thin, .row-nw .sh {
        color: rgb(131, 139, 63);
    }
    
    #edition label.col-xs-3 {
        border-color: rgb(131, 139, 63);
    }
    
    .mdz-dialog {
        width: 1000px;
    }
    
    .mdz-content {
        border-radius: 0;
    }
    
    .mdz-body {
        padding: 0;
    }
    
    .big-img img {
        width: 100%;
        height: auto;
    }
    /*contact us*/
    
    .section {
        float: left;
        position: relative;
        width: 100%;
    }
    
    #c-bg {
        background: url("../images/contact-bg.jpg");
        /*  background-size: 27%;*/
        background-size: 34%;
        background-repeat: repeat;
    }
    
    #c-bg:before {
        opacity: 0.2;
        filter: alpha(opacity=20);
    }
    
    #head-map {
        background: url("../images/Chairs-b.png");
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: 100%;
        float: none;
        height: 100%;
        min-height: 400px;
        width: 500px;
    }
    
    .caption-box {
        height: 100%;
        padding-top: 37%;
        text-align: center;
    }
    
    .brw {
        color: rgb(104, 66, 38);
    }
    
    .caption-box h3 {
        font-size: 20px;
        margin: 0;
    }
    
    #map {
        background: url("../images/map-blanc.png");
        background-position: 50% -30%;
        background-size: 72%;
        background-repeat: no-repeat;
        height: 500px;
        width: 100%;
    }
    
    .m-point {
        height: 25px;
        width: 25px;
        background-color: transparent;
        position: absolute;
        cursor: pointer;
        border: 1px solid maroon;
    }
    
    .a {
        top: 29.4%;
        left: 21.2%;
    }
    
    .b {
        top: 28.5%;
        left: 28.7%;
    }
    
    .c {
        top: 36.5%;
        left: 46.6%;
    }
    
    .d {
        top: 33.5%;
        left: 48.7%;
    }
    
    .e {
        top: 41%;
        left: 73.2%;
    }
    
    .f {
        top: 41%;
        left: 75.4%;
    }
    
    .g {
        top: 47%;
        left: 71.7%;
    }
    
    .h {
        top: 46.6%;
        left: 74%;
    }
    
    .i {
        top: 57%;
        left: 70%;
    }
    
    .j {
        top: 61.5%;
        left: 70.5%;
    }
    
    .k {
        top: 80.5%;
        left: 80.5%;
    }
    
    .rond {
        height: 83px;
        left: 0;
        position: absolute;
        width: 100%;
    }
    
    .rond.top {
        top: 10px;
    }
    
    .rond.btm {
        bottom: -62px;
        left: 0;
        transform: rotate(180deg);
        /* IE 9 */
        -webkit-transform: rotate(180deg);
        /* Chrome, Safari, Opera */
        transform: rotate(180deg);
        /*   margin-left: 40px;*/
    }
    
    .val-tag a {
        color: #595959;
    }
    
    .bx-db {
        background-color: #fff;
        display: block;
        width: 850px;
        height: 355px;
        box-shadow: inset 0px 0px 8px 1px rgba(0, 0, 0, 0.75);
        z-index: 1;
        margin-bottom: 30px;
    }
    
    .db-img {
        padding: 30px 15px 15px 15px;
    }
    
    .db-img img.dbimg {
        height: auto;
        width: 375px;
        box-shadow: 5px 5px 10px -2px rgba(60, 59, 59, 0.75);
    }
    
    #db-name {
        border-bottom: 2px solid #000;
        width: 200px;
        position: relative;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 30px;
        margin-top: 15px;
    }
    
    .db-dtl {
        margin-bottom: 15px;
    }
    
    .db-dsc div.label-tag h4 {
        color: #4B000F;
        font-size: 15px;
        font-weight: 600;
        text-align: center;
        margin: 0;
    }
    
    .db-dsc div.val-tag h5 {
        text-align: center;
        font-size: 14px;
        margin-top: 5px;
    }
    
    .contactus {
        margin-top: 95px;
        margin-bottom: 0;
    }
    
    .box-form {
        /*font-family: Sertig;*/
        letter-spacing: 0.5px;
        background: #fff;
        border: 1px solid #4B000F;
        padding: 15px;
        margin-bottom: 60px;
    }
    
    .form-contact .control-label {
        padding-top: 0;
    }
    
    .form-group {
        margin-bottom: 15px;
    }
    
    .form-control {
        border-color: #4B000F;
    }
    
    #btn-se {
        position: absolute;
        right: 1.5%;
        bottom: 2%;
    }
    
    #btn-se button.btn-default {
        letter-spacing: 0.7px;
        border-color: #4B000F;
        background-color: #4B000F;
        color: #FFFFFF;
    }
    /*&&&&&&&&&&&&&&&&&
         MENU 
  &&&&&&&&&&&&&&&&&*/
    
    #panel-menu-desk .container-menu ul.navbar {
        border: none;
    }
    
    ul.nav li a {
        color: #000;
    }
    
    ul.nav li a:focus, ul.nav li a:active, ul.nav li a.active, ul.nav li a:hover {
        background-color: #4B000F;
        color: #FFF;
        outline: none;
    }
    
    a.navbar-brand {
        padding: 0;
    }
    
    a.navbar-brand img {
        display: block;
        height: auto;
        max-height: 100%;
        max-width: 200px;
        position: relative;
        width: 100%;
    }
    
    ul.ddrop-menu li:hover .subval {
        display: block;
    }
    
    .ddrop-menu > li > a:focus, .ddrop-menu > li > a:hover {
        background-color: rgb(218, 218, 218);
        color: #262626;
        text-decoration: none;
    }
    
    .subval {
        background-color: rgb(218, 218, 218);
        display: none;
        left: 155px;
        list-style: outside none none;
        margin-top: -26px;
        padding: 3px 20px;
        position: absolute;
        text-align: right;
        width: 90%;
    }
    /*&&&&&&&---&&&&&&&*/
    /*&&&&&&&&&&&&&&&&&
  FADE SLIDE EFFECT 
 &&&&&&&&&&&&&&&&&&*/
    
    .carousel-fade .carousel-det > .item {
        opacity: 0;
        transition: opacity 500ms ease-in-out;
    }
    
    .carousel-fade .carousel-det > .active {
        transition: opacity 500ms ease-in-out;
        opacity: 1;
    }
    
    .carousel-fade .carousel-det > .item.active.left {
        padding-right: 0;
    }
    /*home slide*/
    
    .flexslider {
        border: 0px solid #fff;
        height: 100%;
        margin: 0;
    }
    
    .flexslider .slides {
        zoom: 1;
        height: 100%;
        position: relative;
    }
    
    .flexslider .slides > li {
        height: 100%;
    }
    
    .flexcustom .slides img {
        height: 100%;
    }
    
    .flexslider .slides img {
        width: 100%;
        display: block;
        height: 100%;
    }
    /*Custom screen*/
    
    @media only screen and (min-width: 2560px) {
        .chapter {
            bottom: 35%;
            top: 123px;
            right: -11%;
            float: left;
        }
        #strategy {
            left: -7%;
        }
        .e-left {
            left: 3%;
        }
        .e-right {
            right: 3%;
        }
        .tag-gre {
            left: 47%;
        }
        .related-img {
            margin-top: 15px;
        }
        .frame-selected {
            height: auto;
            width: 180px;
            margin-top: -14px;
        }
		.banner-box p.sc {
			font-size: 4.5em;
		}
		.carousel-det {
			height: auto;
		}
    }
    
    @media only screen and (min-width: 1367px) {
        .chapter {
            bottom: 0;
            top: 6vh;
        }
        #flipbook {
            margin-top: -10px;
        }
        .dropdown.open {
            width: 44%;
        }
    }
    
    @media only screen and (max-width: 1366px) {
        #warp {
            height: 300px;
            width: 300px;
        }
        .img-right {
            right: 0;
        }
        .img-left {
            left: 0;
        }
        .img-right-material {
            right: 0;
            top: 30px;
        }
        .img-left-material {
            left: 0;
            top: 30px;
        }
        .search-panel {
            margin-left: 0;
        }
        .related-img {
            margin-top: -95px;
        }
        .article-left {
            padding-right: 340px;
        }
        .article-right {
            padding-left: 340px;
        }
		.article-m {
			height: 52px;
		}
        /*  .form-group .dropdown {
        padding-right: 20px;
    }*/
    }
    
    @media only screen and (min-device-width:1040px) {
        #map {
            background: url("../images/map-blanc.png");
            background-position: 49% 12px;
            background-size: 72% 100%;
            background-repeat: no-repeat;
            height: 600px;
            width: 100%;
        }
        .tag-gre {
            left: 40%;
        }
    }
	
	@media only screen and (max-device-width:1024px) {
        #brc {
            margin-left: 0;
        }
    }
	
    @media only screen and (min-device-width:1024px) {
        .tag-gre {
            left: 40%;
        }
        .frame-schema .img-cycle {
            margin: 0 -139px;
        }
        .frame-schema .cycle-right {
            width: 100%;
            margin: 0 0 0 171px;
        }
        #btn-se {
            right: 42.5%;
        }
    /*    #coll {
            width: 127px;
			width: 50%;
        }*/
    }
    
    @media only screen and (max-device-width:991px) {
        .tag-gre {
            left: 38%;
        }
    }
	
	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){
		.frame-md2 {
			min-height: 150px;
			margin-right: 0;
		}
		.article-m {
			min-width: 100%;
			height: auto;
		}
		.container-info > .left-sm, .container-info > .right-sm {
			padding-left: 15px!important;
			padding-right: 15px!important;
		}
		.container-info .left {
			padding-right: 0;
		}
		.container-info .right {
			padding-left: 0;
		}
		.carousel-fade .images {
			padding-top: 50px;
		}
		.related-img {
			margin-top: -200px;
		}
		.prev > p {
			left: -85px;
		}
		.separator > figcaption {
			left: 40%;
		}
		/* material */
		div.contain-mat {
			height: auto;
		}
		div.contain-mat img.mat-img {
			width: 100%;
			height: auto;
		}
		.banner-box .banner-fig {
			height: 32vh;
		}
		/*environment*/
		.ev-row {
			min-height: auto;
		}
		/* about us */
		.chapter {
			bottom: 37px;
			right: -38%;
		}
		#flipbook.booklet {
			float: none;
		}
		/* news */
		.list-row .dsc {
			width: 60%;
		}
		#article-latest .fm-img {
		/*	height: 130px;*/
			height: auto;
		}
		/* contact */
		.jvectormap-zoomin {
			top: 114px;
		}
		.jvectormap-zoomout {
			top: 142px;
		}
	}
	
	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
		.related-img {
			margin-top: -125px;
		}
		#article-latest .fm-img {
		/*	height: 160px;*/
			height: auto;
		}
		#abt-middle {
			background-size: 160%;
		}
		.content {
			padding-bottom: 150px;
		}
		.jvectormap-zoomin {
			top: 0;
		}
		.jvectormap-zoomout {
			top: 30px;
		}
	}
	
	@media only screen and (max-device-width: 720px) and (orientation: portrait){
		.frame-md2 {
			margin-left: auto;
			margin-right: auto;
			float: none;
		}
	}
	
	@media only screen and (min-device-width:640px) and (max-device-width:767px){
        .chapter {
			bottom: 45px;
			right: -37%;
		}
		#flipbook.booklet {
			float: none;
		}
		#abt-middle {
			background-size: 162%;
		}
    }
	
	@media only screen and (min-device-width:568px) and (max-device-width:736px) and (orientation: landscape) {
		#block-news {
			background-size: auto 100%;
		}
		#frame-list {
			height: 300px;
		}
		#latest-list {
			height: 238px;
		}
		.image {
			float: none !important;
		}
		.image img {
			margin-left: auto;
			margin-right: auto;
		}
		.separator > figcaption {
			left: 35%;
		}
		.frame-md2 {
			float: none;
			margin-left: auto;
			margin-right: auto;
		}
		/* contact */
		.rond.top {
			top: 42px;
		}
		.rond.btm {
			bottom: -256px;
		}
		.contactus {
			margin-top: 280px;
		}
		.bx-db {
			margin-top: 200px;
			width: 100vw;
			height: 600px;
			margin-bottom: 0;
		}
		.db-img {
			text-align: center;
		}
		/* search bar */
		.search-panel {
			width: 100%;
		}
		.label-panel {
			border-right: none;
		}
		#category,#category-xs {
			padding-left: 0;
		}
		#mater {
			padding-left: 0;
		}
		/* product */
		.banner-box .banner-fig {
			height: 50vh;
		}
		.banner-fig figcaption {
			top: 28%;
		}
		.banner-box p.st, .banner-box p.sc {
			font-size: 2em;
		}
		/* aboutus */
		#abt-middle {
			background-size: 160%;
		}
		#flipbook.booklet {
			float: none;
		}
		.chapter-xs {
			bottom: 48px;
			right: -34%;
		}
	}
	
    @media only screen and (min-width: 320px) and (max-width: 480px) {
        .np-separator {
            width: 90%;
        }
        .separator > figcaption {
            left: 26%;
        }
        .frame-md2 {
            min-height: 140px;
            margin-left: auto;
			margin-right: auto;
			width: 40%;
        }
        .frame-md2 > p {
            min-height: 25px;
        }
        .nd {
            margin-bottom: 15px;
        }
        .mdz-dialog {
            width: 357px;
        }
        /* contact us*/
        #head-map {
            min-height: 280px;
            width: 347px;
            margin-left: -6px;
        }
        .captio-box {
            padding-top: 35%;
        }
        .search-panel {
            margin-left: 0%;
            width: 100%;
        }
        .brw {
            font-size: 15px;
        }
        .jvectormap-zoomin {
            top: 170px;
        }
        .jvectormap-zoomout {
            top: 193px;
        }
		.rond {
			height: 50px;
		}
		.rond.top {
			top: 42px;
		}
		.rond.btm {
			bottom: -37px;
		}
        /* news */
        #block-news {
            background-size: auto 100%;
        }
        #latest-list {
            height: 150px;
        }
        #article-latest {
            height: 200px;
        }
        #article-latest .fm-img {
		/*	height: 82px;*/
			height: auto;
        }
		/* about */
		.chapter {
			bottom: 220px;
			right: 28%;
		}
		.abt-bottom {
			margin-top: -122px;
		}
		.bottom {
			margin-top: -296px;
		}
		.chapter-xs {
			bottom: 51px;
			right: -25%;
		}
		#flipbook.booklet {
			float: none;
		}
		#abt-middle {
			background-size: 158%;
		}
    }
	
	@media only screen and (min-width: 480px) and (max-width: 480px) {
		.jvectormap-zoomin {
			top: 120px;
		}
		.jvectormap-zoomout {
			top: 145px;
		}
	}
	
    @media only screen and (max-device-width:480px) {
        .boxid {
            display: block;
            float: left;
            height: 65px;
        }
        .logo {
            height: 45px;
            width: 45px;
            z-index: 9999;
            right: 30px;
        }
        .kxlogo {
            min-width: 65px;
            width: auto;
            float: left;
            position: relative;
            margin: 0 15px;
        }
        .kxtag {
            padding-left: 0px;
            padding-top: 0%;
        }
        .left-col {
            max-height: 250px;
            overflow: hidden;
        }
        .right-col {
            min-height: 120px
        }
        img.kp {
            height: 100%;
            width: 100%;
        }
        .kxtag p {
            font-size: 0.9em;
            color: maroon;
            margin: 0;
            line-height: 1;
        }
        button.mobile-toggle {
            width: auto;
            display: block;
            float: right;
            margin-top: 15px;
            margin-right: 10px;
            z-index: 1;
        }
        #list-menu {
            display: none;
            width: auto;
        }
        div.footer {
            font-size: 0.6em;
        }
        .footer > .right p {
            text-align: center;
        }
        .footer > .left p {
            text-align: center;
        }
        #r0 {
            border-right: none;
            border-bottom: solid 2px maroon;
        }
        #frm1 .caps {
            min-width: 188px;
            font-size: 14px;
        }
        #frm2 .caps {
            min-width: 105px;
            font-size: 14px;
        }
        #frm3 .caps {
            min-width: 80px;
            font-size: 14px;
        }
        #frm1 img {
            height: 113%;
            margin-top: 70px;
        }
		.carousel-home-inner {
            height: 100%;
        }
        div.item > img.sld-img {
            height: 250px;
            width: 100%;
        }
        .col-frm > .caps, #caps-prod > .caps {
            font-size: 1em;
        }
        #panel-search-dsk, #panel-search-dsk a {
            font-size: 0.8em;
        }
        .col-bar {
            height: 25px;
            padding: 4px 7px;
            width: 18vw;
        }
        .col-trio {
            width: 100%!important;
        }
        .trio-grids {
            margin: 0;
        }
        .trio-grids figure {
            background: none repeat scroll 0 0 #000;
            height: 200px;
            min-height: 150px;
            overflow: hidden;
            width: 100%;
        }
        .trio-grids img {
            height: auto;
            opacity: 0.5;
            width: 100%;
        }
        .trio-grids figure figcaption.grid-caps {
            top: 25%;
            min-height: 100px;
        }
        figcaption.grid-caps > p {
            margin-bottom: -8px;
            font-size: 1.6em;
        }
        .grid-tag p {
            font-size: 0.8em;
            width: 75%;
        }
        .banner-box figure.banner-fig {
            width: 100%;
            height: 35vh;
        }
        figure.banner-fig img.banner-img {
            height: 100%;
            width: 100%;
        }
        .banner-box p.st, .banner-box p.sc {
            font-size: 1.3em;
            margin-bottom: -5px;
        }
        .item-box {
            margin-top: 10px;
            margin-bottom: 60px;
        }
        .col-badges {
            background-color: rgba(255, 255, 255, 1);
        }
        .plus-opt {
            padding-top: 5px;
        }
        .tag-mar, .tag-gre {
            font-size: 1em;
        }
        .ar-row-xl .col-xs-9 {
            padding: 0;
        }
        .tag-gre {
            left: 30%;
        }
        h3.ev-title {
            padding-left: 0;
            font-size: 1.2em;
        }
        .ev-caps figcaption {
            width: 100%;
            margin-left: auto;
            margin-right: auto;
            margin-top: 0px;
            margin-bottom: 0px;
        }
        .ev-img-frm {
            height: 150px;
            margin: 30px auto;
            overflow: hidden;
            width: 70px
        }
        .ev-img {
            height: auto;
            margin: 0 auto;
            position: relative;
            top: 30px;
            width: 100%;
        }
        .ev-row {
            min-height: auto;
        }
        .separator > figcaption {
            left: 20%;
        }
		.framing {
			float: none;
		}
		.frame-md {
			float: none;
			margin-right: auto;
			margin-left: auto;
		}
		.frame-unmargin {
			margin: auto !important;
		}
		.nameof {
			text-align: left;
			margin-left: 56px;
			left: 0;
			min-width: 65px;
		}
		.fin-xs p {
			margin-bottom: 25px;
		}
		#f1, #f2 {
			margin-bottom: 30px;
		}
		.finishing-p {
			margin-bottom: 30px;
		}
        #wrap-o {
            height: 300px;
            width: 300px;
        }
        .dual-wood .dual-left {
            height: 100%;
        }
        .article-left {
            padding-right: 0;
        }
        .article-right {
            padding-left: 0;
        }
        .mt-row {
            min-height: 100%;
        }
        .mt-row .media {
            padding: 15px 15px;
        }
        .contain-mat .mat-img {
            height: 40%;
        }
        #btn-se {
            bottom: -2%;
        }
        .rond.top {
            top: 20px;
        }
        .bx-db {
            width: 100vw;
            height: 550px;
        }
        .db-img img.dbimg {
            width: 290px;
        }
        .contactus {
            margin-top: 70px;
        }
        .db-img {
            text-align: center;
        }
        .label-panel {
            height: auto;
            text-align: right;
            padding-right: 0;
            padding-left: 0;
            border: none;
        }
		.dropdown-xs {
			padding-right: 0;
			padding-left: 0;
		}
		#category,#category-xs {
			padding-left: 0;
			width: 48%;
		}
		#subcategory,#subcategory-xs {
			padding-left: 20px;
			width: 52%;
			padding-right: 0;
		}
		#subcategory-xs{
			padding-left: 15px;
		}
		#mater, #mater-xs {
			padding-left: 0;
			width: 50%;
		}
		.material-xs {
			padding-left: 0;
		}
		.select-pan {
            margin-bottom: 10px;
        }
        .ddrop-custom {
            padding-top: 0;
            padding-left: 0;
            font-size: 1.2em;
        }
        .container-info .left {
            padding-right: 0;
			float: none;
        }
        .container-info .right {
            padding-left: 0;
			float: none;
        }
        .related-img {
            margin-top: -265px;
        }
        .article-m {
            min-width: 100%;
        }
        .framing-xs {
            margin-bottom: 20px;
        }
        .act-xs {
            margin-top: 40px;
			margin-bottom: 30px;
        }
        #head-map {
            min-height: 280px;
            width: 347px;
            margin-left: -6px;
        }
        .frame-md2  figure {
            margin-left: 15px;
        }
        .prod-name {
            font-size: 0.8em;
        }
        .frame-o:hover #ar-img {
             -moz-transform: none; 
             -webkit-transform: none; 
             transform: none; 
            height: auto;
            left: 0;
            position: relative;
             -webkit-transition:none; 
             transition: none; 
            transition: none;
        }
		div.contain-mat {
			height: 250px;
		}
		div.contain-mat img.mat-img {
			width: 100%;
			height: auto;
		}
		.arrow-xs {
			margin-top: -35px;
		}
		.next-xs img {
			float: left;
			width: 12px;
			margin-top: 17px;
		}
		.next-xs p {
			width: 50px;
			position: absolute;
			right: 33px;
			top: 7px;
			text-align: center;
		}
		.prev-xs img {
			float: right;
			width: 12px;
			margin-top: 17px;
		}
		.prev-xs p {
			width: 50px;
			position: absolute;
			left: 33px;
			top: 7px;
			text-align: center;
		}
		.material-frame {
			margin-left: auto;
			margin-right: auto;
		}
		#brc-xs {
			padding-left: 15px;
		}
		.row-mtr-dt1 > span.pull-left.col-xs-8 {
			height: 63px;
		}
		.container-info {
			float: none;
		}
		.act > .readmore, .act > .readless {
			z-index: 999;
			position: relative;
		}
		.nd {
			border-bottom: none;
		}
    }
	
	@media only screen and (min-device-width: 375px) and (max-device-width: 375px){
		#head-map {
			margin-left: 0;
		}
		.img-left {
			left: 30px;
		}
		.img-right {
			right: 30px;
		}
		.separator > figcaption {
			left: 25%;
		}
		.nameof {
			margin-left: 80px;
		}
	}
	
	@media only screen and (min-device-width: 360px) and (max-device-width: 360px){
		.img-left {
			left: 20px;
		}
		.img-right {
			right: 20px;
		}
		.nameof {
			margin-left: 70px;
		}
		.next-xs p {
			right: 50px;
		}
		.prev-xs p {
			left: 50px;
		}
	}
	
	@media only screen and (max-width: 320px){
		#head-map {
			margin-left: -27px;
		}
		#subcategory,#subcategory-xs {
			padding-left: 22px;
		}
		.separator > figcaption {
			left: 24%;
		}
		.mdz-dialog {
			width: 300px;
		}
		.article-m {
			min-width: 100%;
		}
	}