@font-face {
    font-family: 'lucida_handwritingitalic';
    src: url('//www.zchocolat.com/shop/modules/perfeodistrib/fonts/lucidahandwriting-webfont.eot');
    src: url('//www.zchocolat.com/shop/modules/perfeodistrib/fonts/lucidahandwriting-webfont.eot?#iefix') format('embedded-opentype'),
    url('//www.zchocolat.com/shop/modules/perfeodistrib/fonts/lucidahandwriting-webfont.woff2') format('woff2'),
    url('//www.zchocolat.com/shop/modules/perfeodistrib/fonts/lucidahandwriting-webfont.woff') format('woff'),
    url('//www.zchocolat.com/shop/modules/perfeodistrib/fonts/lucidahandwriting-webfont.ttf') format('truetype'),
    url('//www.zchocolat.com/shop/modules/perfeodistrib/fonts/lucidahandwriting-webfont.svg#lucida_handwritingitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

#product .columns-container {
    background: #f2f2f2; }
/* product desc */
/* primary_block ***************************************************************************** */

.product-heading-h5 {
    color: #999999;
    font-weight: 200;
    margin: 3px 0 8px;
    font-size: 19px;
    font-family: "Open Sans", sans-serif; }

.box-security .product-heading-h5 {
    margin: 3px 0 -8px; }
@media (max-width: 1199px) {
    .box-security .product-heading-h5 {
        margin-bottom: 8px; } }

#productscategory_list .product-name,
.accessories-block .product-name {
    margin-bottom: 5px; }
#productscategory_list .product-name a,
.accessories-block .product-name a {
    font-size: 15px;
    line-height: 18px;
    color: #3a3939; }
#productscategory_list .product-name a:hover,
.accessories-block .product-name a:hover {
    color: #515151; }

img {
    max-width: 100%;
    height: auto; }

/* .pb-left-column ***************************************************************************** */
.pb-left-column {
    /*width: 643px;
    height: 611px;
    padding: 0;*/
}
.pb-left-column #image-block , .pb-left-column #product_image{
    /*
    display: block;
    cursor: pointer;
    padding: 5px;
    border: 1px solid #dbdbdb;
    background: white;*/
    position: relative;
    /*border-top: 1px solid rgba(0, 0, 0, 0);
    border-right: 1px solid rgba(0, 0, 0, 0);*/
    border: 1px solid #c8c8c8;
    float: left;
    width: 100%;
    /*height: 611px;*/
}
.pb-left-column #product_image.assortmentSlide{
    height: 654px;
}
.pb-left-column #slide_assort_message{
    height: 250px;
    text-align: center;
    padding: 25px;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.pb-left-column #slide_assort_message .slide_message_content{
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.pb-left-column #slide_assort_message .title{
    font-size: 24px;
    display: block;
    margin: 25px 0;
}
.pb-left-column #slide_assort_message .text{
    display: block;
    font-size: 17px;
    line-height: 21px;
    margin: 0 0 15px;
}
.pb-left-column .assortmentSlide #slide_assort_grid img{
    border: 1px solid #e2e2e2;
}
.pb-left-column ul.prod_slider, .pb-left-column ul.prod_slider li,
.pb-left-column ul.assort_slider, .pb-left-column ul.assort_slider li {
    margin: 0;
}
#product_image .bx-wrapper{
    margin: 0;
}
#product_image .bx-wrapper .bx-pager{
    padding: 0;
}
#product_image  .bx-wrapper .bx-pager, #product_image  .bx-wrapper .bx-controls-auto{
    bottom: 20px;
}
#product_image .bx-wrapper .bx-pager.bx-default-pager a{
    background-color: #d1d0ce;
    margin: 0 3px;
}
#product_image .bx-wrapper .bx-pager.bx-default-pager a:hover, #product_image .bx-wrapper .bx-pager.bx-default-pager a.active{
    background-color: #98999a;
}
#product_image .bx-wrapper .bx-controls-direction a {
    opacity: .5;
    position: absolute;
    top: 16px;
    display: block;
    background-position: center;
    bottom: 0; height: auto;
    z-index: 10;
    width: 40px;
}
#product_image .bx-wrapper .bx-controls-direction a.disabled {
    display: none;
}
#product_image .bx-wrapper .bx-controls-direction a:hover {
    opacity: .75;
}
#product_image .bx-wrapper .bx-prev {
    background: url(../img/z/chevron-left.png) no-repeat;
    left: 5px!important;
}
#product_image .bx-wrapper .bx-next {
    background: url(../img/z/chevron-right.png) no-repeat;
    right: 5px!important;
}



/* ////////// customization /////////// */
#customization{
    clear: both;
    margin: 5px 0 0;
    font-size: 17px;
    overflow: hidden;
}
.custo_price_title{
    float: left;
}
.custo_price, .custo_price1{
    float: right;
    text-align: right;
}
#customization ul#custo_options {
    clear: both;
    background: #fff;
    margin: 13px 0 26px;
    border: 1px solid #D6D4D4;
    border-left: 0;
    font-size: 17px;
    float:right;
    line-height: 21px;
    padding:0 0 15px;
}
#customization ul#custo_options li {
    list-style: none;
    position: relative;
}

#customization ul#custo_options li span {
    display: block;
    margin: 0;
    padding: 3px 0 2.9px 35px;
    background: url(../img/z/prod_left.png) 13px center no-repeat;
    text-transform: uppercase;
    font-size: 15px;
    cursor: pointer;
}
#customization ul#custo_options li.selected span {
    cursor: initial;
}
#customization ul#custo_options li a {
    display: block;
    background: rgba(0, 0, 0, 0);
    width: 28px;
    height: 31px;
    position: absolute;
    right: 0; top: 0;
    cursor: pointer;
    margin-right: 5px;
}

#customization ul#custo_options li#card span {
    background-position-y: 7px;
}
#customization ul#custo_options li#card a {
    top: 10px;
}
#customization ul#custo_options li a.move{
    right: 28px;
}
#customization ul#custo_options li a.del{
    background: url(../img/z/check.png) center right 0 no-repeat;
    /*background-position: center right 10px;*/
}
#customization ul#custo_options li.selected:hover a{
    cursor: initial;
}
#customization ul#custo_options li.check{
    margin: 0 31px 0 0;
    /*background: url(../img/z/prod_left.png) 7px center no-repeat,
                url(../img/z/check.png) center right 10px no-repeat;*/
}
#customization ul#custo_options li:hover{
    background-color: #dad9d7;
}
#customization ul#custo_options li:hover a.option_more,
#customization ul#custo_options.touch li a.option_more{
    background: url(../img/z/info25x25.png) no-repeat;
    background-position: center right 3px;
}
#customization ul#custo_options li:hover a.del,
#customization ul#custo_options.touch li a.del{
    background: url(../img/z/close-icon25x25.png) no-repeat;
    background-position: center right 3px;
}
#customization ul#custo_options li.selected{
    z-index: 98;
    position: relative;
    background-color: #fff;
    cursor: initial;
}
#customization ul#custo_options li.selected:hover{
    background-color: #fff;
}
#customization ul#custo_options li.selected:hover a.del{
    background: url(../img/z/check.png) center right 0 no-repeat;
}


div.chameleon_engraving_photo > img#custo {
    position: absolute;
    top: 20px;
    left: 122px;
    height: 270px;
    width: 427px;
}

#box-img-background.rectangle{
    background-size: cover;
    background-position: center center;
    position: relative;
    left: 108px;
    top: 97px;
    width: 424px;
    height: 268px;
}

#box-img-background.square {
    background-size: cover;
    background-position: center center;
    position: relative;
    left: 230px;
    top: 181px;
    width: 186px;
    height: 184px;
}
#box-frame{
    position: relative;
    top: -97px;
    left: -108px;
}
#box-frame.square {
    top: -181px;
    left: -230px;
}
#tab_chameleon {
    min-height: 690px;
}
.black-background{background-color:#000000;}
.black-background:hover,.black-background:focus {background-color:#111;}
.white, .white:hover, .white:focus {color:#ffffff;}

.chameleon-lib-button-align-center{margin-top:7px}

.chameleon_engraving_photo img:hover, #box-img-background{ cursor: pointer;}

.chameleon-box {
    width:640px;height:427px;
}
.chameleon-logoz-rectangle {
    position: absolute;
    right: 23px;
    top: 204px;
    height: 41px;
}
.chameleon-logoz-square {
    position: absolute;
    right: 20px;
    top: 140px;
    height: 24px;
}
.chameleon-gravure-rectangle {
    height: 120px;margin-top:171px
}
.chameleon-gravure-square {
    height: 72px;  margin-top: 236px;  margin-left: 5px;
}
.btn-chameleon-select-color {
    margin: 0 2px 2px 0;
}
.chameleon-button-select-color {
    margin-top: 30px !important;
}
@media (max-width: 930px) {
    #box-frame {
        top: -73px;
        left: -80px;
    }
    .chameleon-box {
        width:480px;height:320px;
    }
    .chameleon-gravure-rectangle {
        height: 102px;margin-top:123px
    }
    .chameleon-logoz-rectangle {
        right: 14px;
        top: 158px;
        height: 30px;
    }
    .chameleon-logoz-square {
        right: 12px;
        top: 105px;
        height: 20px;
    }
    .chameleon-gravure-square {
        height: 55px;margin-top:176px
    }
    #box-img-background.rectangle {
        left: 80px;
        top: 73px;
        width: 320px;
        height: 200px;
    }
    #box-img-background.square{
        left: 173px;
        top: 136px;
        width: 138px;
        height: 137px;
    }
    #box-frame.square {
        top: -136px;
        left: -173px;
    }
}

@media (max-width: 600px) {
    .chameleon-box {
        width:429px;height:285px;
    }
    .chameleon-gravure-rectangle {
        height: 83px;margin-top:114px
    }
    .chameleon-logoz-rectangle {
        right: 11px;
        top: 142px;
        height: 26px;
    }
    .chameleon-logoz-square {
        right: 10px;
        top: 94px;
        height: 17px;
    }

    #box-img-background.rectangle {
        left: 72px;
        top: 65px;
        width: 285px;
        height: 179px;
    }
    #box-frame {
        top: -65px;
        left: -72px;;
    }
    #box-img-background.square{
        left: 155px;
        top: 122px;
        width: 122px;
        height: 121px;
    }
    #box-frame.square {
        top: -122px;
        left: -155px;;
    }
    .chameleon-gravure-square {
        height:49px;
        margin-top: 159px;
    }
}

@media (max-width: 430px) {
    .chameleon-box {
        width:320px;height:214px;
    }
    .chameleon-gravure-rectangle {
        height: 68px;margin-top:83px
    }
    .chameleon-logoz-rectangle {
        right: 9px;
        top: 106px;
        height: 21px;
    }
    .chameleon-logoz-square {
        right: 7px;
        top: 74px;
        height: 9px;
    }

    #box-img-background.rectangle {
        left: 52px;
        top: 48px;
        width: 214px;
        height: 135px;
    }
    #box-frame {
        top: -48px;
        left: -53px;
    }
    #box-img-background.square{
        left: 116px;
        top: 92px;
        width: 91px;
        height: 90px;
    }
    #box-frame.square {
        top: -92px;
        left: -116px;
    }
    .chameleon-gravure-square {
        height: 37px;
        margin-top: 119px;
        margin-left: 4px;
    }
}


@media (max-width: 767px) {
    .pb-left-column #image-block {
        width: 280px;
        margin: 0 auto; } }
.pb-left-column #image-block img {
    background: #fbfbfb;
    width: 100%;
    height: 100%;
}
.pb-left-column #image-block #view_full_size .span_link {
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin-left: -68px;
    display: block;
    padding: 10px 0;
    text-align: center;
    line-height: 22px;
    color: #777676;
    width: 136px;
    text-align: center;
    font-weight: 700;
    background: rgba(255, 255, 255, 0.5);
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16); }
.pb-left-column #image-block #view_full_size .span_link:after {
    font-family: "FontAwesome";
    color: #c0c0c0;
    font-size: 20px;
    line-height: 22px;
    content: "\f00e";
    font-weight: normal;
    margin: 0 0 0 4px; }
.pb-left-column #image-block #view_full_size .span_link:hover:after {
    color: #333333; }
.pb-left-column #image-block a.jqzoom div div img {
    width: auto;
    max-width: 10000px; }
.pb-left-column #image-block a.jqzoom div div .zoomWrapper {
    border: none; }
.pb-left-column #image-block .zoomPad {
    z-index: auto !important; }
.pb-left-column #image-block .new-box,
.pb-left-column #image-block .sale-box {
    z-index: 5002; }

/* miniatures */
.pb-left-column #views_block {
    margin-top: 10px; }
@media (max-width: 767px) {
    .pb-left-column #views_block {
        width: 280px;
        margin: 0 auto; }
}

#thumbs_list {
    overflow: hidden;
    float: left;
    width: 392px; }
@media (min-width: 992px) and (max-width: 1199px) {
    #thumbs_list {
        width: 290px; } }
@media (min-width: 768px) and (max-width: 991px) {
    #thumbs_list {
        width: 164px; } }
@media (max-width: 767px) {
    #thumbs_list {
        width: 194px; } }
#thumbs_list ul#thumbs_list_frame {
    list-style-type: none;
    padding-left: 0;
    overflow: hidden;
    height: 90px; }
#thumbs_list li {
    float: left;
    height: 90px;
    width: 90px;
    cursor: pointer;
    border: 1px solid #dbdbdb;
    margin-right: 8px;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
@media (min-width: 768px) and (max-width: 991px) {
    #thumbs_list li {
        width: 76px;
        height: 76px; } }
#thumbs_list li:first-child {
    margin: 0 9px 0 0; }
#thumbs_list li.last {
    margin-right: 0; }
#thumbs_list li a {
    display: block;
    border: 3px solid white;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #fbfbfb; }
#thumbs_list li a:hover, #thumbs_list li a.shown {
    border-color: #dbdbdb; }
#thumbs_list li img {
    border: 1px solid white;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
@media (min-width: 768px) and (max-width: 991px) {
    #thumbs_list li img {
        width: 68px;
        height: 68px; } }

span.view_scroll_spacer {
    float: left;
    width: 39px;
    padding-left: 12px; }
@media (min-width: 768px) and (max-width: 991px) {
    span.view_scroll_spacer {
        padding-left: 6px;
        width: 28px; } }

#view_scroll_left,
#view_scroll_right {
    margin-top: 38px;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    overflow: hidden; }
@media (min-width: 768px) and (max-width: 991px) {
    #view_scroll_left,
    #view_scroll_right {
        margin-top: 28px; } }
#view_scroll_left:before,
#view_scroll_right:before {
    padding-left: 2px;
    color: silver;
    font-family: "FontAwesome";
    font-size: 20px;
    line-height: 22px; }
#view_scroll_left:hover:before,
#view_scroll_right:hover:before {
    color: #333333; }

#view_scroll_right {
    float: left; }
#view_scroll_right:before {
    content: "\f138"; }

#view_scroll_left {
    margin-top: 0; }
#view_scroll_left:before {
    content: "\f137";
    padding-right: 2px; }

.resetimg {
    padding: 10px 0 0; }
.resetimg #resetImages i {
    margin-right: 6px; }

.view_scroll_spacer {
    margin-top: 38px; }
@media (min-width: 768px) and (max-width: 991px) {
    .view_scroll_spacer {
        margin-top: 28px; } }

/* link list */
#usefull_link_block {
    list-style-type: none; }
#usefull_link_block li {
    margin: 0 0 8px 0; }
@media (min-width: 768px) and (max-width: 991px) {
    #usefull_link_block li {
        float: none !important; } }
#usefull_link_block li:first-child {
    margin: 0 0 8px 0;
    border: none;
    padding: 0; }
#usefull_link_block li a {
    color: #777676;
    font-weight: 700;
    position: relative;
    padding-left: 30px;
    line-height: 22px;
    display: inline-block; }
#usefull_link_block li a:before {
    font-family: "FontAwesome";
    color: #333333;
    font-size: 19px;
    line-height: 24px;
    position: absolute;
    top: -2px;
    left: 0;
    font-weight: normal; }
#usefull_link_block li a:hover {
    color: #000; }
@media (min-width: 768px) and (max-width: 991px) {
    #usefull_link_block li.print {
        margin: 8px 0 0;
        padding: 0;
        border: none; } }
#usefull_link_block li.print a:before {
    content: "\f02f"; }
#usefull_link_block li.sendtofriend a:before {
    content: "\f003"; }
#usefull_link_block li#left_share_fb {
    clear: both;
    float: none; }
#usefull_link_block li#left_share_fb a {
    padding-left: 18px; }
#usefull_link_block li#left_share_fb a:before {
    content: "\f09a"; }
#usefull_link_block li#favoriteproducts_block_extra_remove, #usefull_link_block li#favoriteproducts_block_extra_add, #usefull_link_block li#favoriteproducts_block_extra_removed, #usefull_link_block li#favoriteproducts_block_extra_added {
    cursor: pointer;
    font-weight: 700;
    clear: both;
    float: none;
    margin: 0 0 8px 0;
    border: none;
    padding: 0;
    position: relative; }
#usefull_link_block li#favoriteproducts_block_extra_remove:before, #usefull_link_block li#favoriteproducts_block_extra_add:before, #usefull_link_block li#favoriteproducts_block_extra_removed:before, #usefull_link_block li#favoriteproducts_block_extra_added:before {
    font-family: "FontAwesome";
    color: #333333;
    font-size: 19px;
    line-height: 24px;
    position: absolute;
    top: -2px;
    left: 0;
    font-weight: normal;
    content: "\f08a"; }
#usefull_link_block li#favoriteproducts_block_extra_remove:hover, #usefull_link_block li#favoriteproducts_block_extra_add:hover, #usefull_link_block li#favoriteproducts_block_extra_removed:hover, #usefull_link_block li#favoriteproducts_block_extra_added:hover {
    color: #000; }
#usefull_link_block li#favoriteproducts_block_extra_removed:before {
    content: "\f004"; }

/* pb-right-column ****************************************************************************** */
.pb-right-column {
    padding: 0;
    /* form */ }
.pb-right-column .padding_title{
    padding: 0 12px 0 7px;
    overflow: hidden;
}
#prod_info{
    float: left;
    max-width: 323px;
    margin: 0 0 15px;
    position: relative;
}
.pb-right-column .padding_links {
    padding: 0 0 0 19px;
}
#center_column .pb-right-column h1 {
    padding: 0;
    margin: 0 0 2px;
    background: none;
    color: #161616;
    width: auto;
    font-size: 18px;
    text-align: left;
}
#prod_caracs{
    font-size: 13px;
    line-height: 16px;
}
.pb-right-column .padding_desc{
    padding: 0 12px 0 26px;
}

.pb-right-column #short_description_block {
    clear: both;
    font-size: 17px;
    line-height: 21px;
    text-align: justify;
    padding: 0 0 5px;
    margin: 0 0 15px;
    /*background: url(../img/z/arrow_more.png) bottom right no-repeat;*/
}

@media only screen and (min-width: 414px) {
    .pb-right-column #short_description_block {
        min-height: 205px;
    }
}
.pb-right-column #short_description_block .buttons_bottom_block {
    display: none; }
.pb-right-column #short_description_block #short_description_content {
    margin: 0 0 15px;
    padding: 0;
    word-wrap: break-word;
    /*max-height: 185px;
    overflow-y: auto;*/
}
.pb-right-column #short_description_block #short_description_content.scroll-y{
    max-height: 185px;
    overflow-y: auto;
}
.pb-right-column #short_description_block #short_description_content p {
    line-height: 18px;
    display: inline;
}
.pb-right-column #buy_block {
    margin-top: 10px; }
.pb-right-column #buy_block label {
    display: block;
    font-weight: 400;
    margin: 0;
}
.pb-right-column #buy_block p.price {
    padding: 0; }
.pb-right-column #color_picker p {
    padding-bottom: 5px;
    font-weight: 700; }

#product p#loyalty {
    padding: 17px 0 15px 35px;
    border-top: 1px solid #d6d4d4;
    border-bottom: 1px solid #d6d4d4;
    margin: 10px 0 -5px;
    position: relative; }
#product p#loyalty b {
    color: #333333; }
#product p#loyalty:before {
    content: "\f024";
    font-family: "FontAwesome";
    color: #cfcccc;
    font-size: 26px;
    line-height: 28px;
    position: absolute;
    top: 16px;
    left: 0; }

#page .rte {
    padding: 0 20px 20px;
    word-wrap: break-word; }
#page .rte p {
    margin-bottom: 0; }

#attributes fieldset {
    padding-bottom: 3px; }
#attributes fieldset label {
    vertical-align: top;
    display: block; }
#attributes .attribute_list {
    width: 100%; }
#attributes .attribute_list .form-control {
    max-width: 230px; }
#attributes .attribute_list .form-control option {
    background: white;
    color: #666666; }
#attributes .attribute_list ul {
    clear: both; }
#attributes .attribute_list ul li {
    float: left;
    margin-right: 10px; }
#attributes .attribute_list input.attribute_radio {
    float: left;
    margin-left: 3px; }
#attributes .attribute_list div.radio,
#attributes .attribute_list div.radio span,
#attributes .attribute_list div.radio input {
    float: none;
    display: inline-block; }
#attributes .attribute_list #color_to_pick_list {
    list-style-type: none; }
#attributes .attribute_list #color_to_pick_list li {
    float: left;
    margin: 0 3px 3px 0;
    padding: 1px;
    border: 1px solid #d6d4d4;
    clear: none; }
#attributes .attribute_list #color_to_pick_list li a.color_pick {
    display: block;
    height: 22px;
    width: 22px;
    cursor: pointer; }
#attributes .attribute_list #color_to_pick_list li.selected {
    border: 1px solid #4d4d4d; }

.product_attributes {
    font-size: 17px;
    line-height: 24px;
    float: left;
}

.box-cart-bottom {
    clear: both;
    padding: 0;
}

#short_description_content a,
.page-product-box a {
    color: #333333;
    text-decoration: underline; }
#short_description_content a.btn,
.page-product-box a.btn {
    text-decoration: none; }

.box-info-product {
    overflow: hidden;
}
.box-info-product p {
    margin-bottom: 7px; }
.box-info-product .exclusive,
.add_to_cart_top .exclusive,
.add_to_cart_bottom .exclusive {
    background: #000;
    border: 0;
    outline: 0;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: #FFF;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 0;
    /*margin: 0 0 15px;*/
    font-size: 13px;
    line-height: 13px;
    cursor: pointer;
    border-radius: 0;
    position: relative;
}
/*.box-info-product .exclusive:before {
  font-family: "FontAwesome";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  color: white;
  font-size: 25px;
  line-height: 47px;
  text-shadow: 0 1px #015883;
  content: "\f07a";
  z-index: 2;
  width: 51px;
  text-align: center;
  border: 1px solid #06b2e6;
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  -ms-border-radius: 5px 0 0 5px;
  -o-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px; }*/
@media (max-width: 991px) {
    .box-info-product .exclusive:before {
        display: none; } }
.box-info-product .exclusive.added:before {
    /*content: "\f00c"; */
    content: "";
    background: url(../img/z/z-load.png) no-repeat;
}
.box-info-product .exclusive.added.disabled:before, .box-info-product .exclusive.disabled:before {
    /*content: "\f110";*/
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    left: 10px;
    background: url(../img/z/z-load.png) no-repeat;
    animation: 2s linear 0s normal none infinite spin;
    -webkit-animation: 2s linear 0s normal none infinite spin;
    -moz-animation: 2s linear 0s normal none infinite spin;
    border: none; }
/*.box-info-product .exclusive:after {
  background: url(../img/border-1.gif) repeat-y 0 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 51px;
  content: "";
  width: 1px;
  z-index: 2; }*/
@media (max-width: 480px) {
    .box-info-product {
        overflow: unset;
    }
    .box-info-product #add_to_cart{
        padding-top: 30px;
    }
    .pb-right-column .padding_title {
        padding: 40px 12px 0 7px !important;
    }
}
@media (max-width: 991px) {
    .box-info-product .exclusive:after {
        display: none; } }
.box-info-product .exclusive span {
    /*-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    font-weight: 700;
    font-size: 20px;
    line-height: 22px;
    border-top: 1px solid #06b2e6;
    border-right: 1px solid #06b2e6;
    border-left: 1px solid #06b2e6;
    border-bottom: 1px solid #06b2e6;
    text-shadow: 0 1px #015883;
    padding: 12px 36px 14px 60px;
    color: white;
    display: block !important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; */}
@media (max-width: 1199px) {
    .box-info-product .exclusive span {
        padding: 12px 22px 14px 22px;
        font-size: 14px; } }
@media (max-width: 991px) {
    .box-info-product .exclusive span {
        padding: 8px 12px 10px;
        text-align: left; } }
.box-info-product .exclusive:hover {
    /* background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #007ab7), color-stop(100%, #009ad0));
     background-image: -webkit-linear-gradient(#007ab7, #009ad0);
     background-image: -moz-linear-gradient(#007ab7, #009ad0);
     background-image: -o-linear-gradient(#007ab7, #009ad0);
     background-image: linear-gradient(#007ab7, #009ad0);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007ab7', endColorstr='#009ad0',GradientType=0 );
     background-position: 0 0; */}

#center_column.col-sm-9 .col-md-3 .box-info-product {
    background: #f6f6f6;
    border: 1px solid #d2d0d0;
    border-top: 1px solid #b0afaf;
    border-bottom: 1px solid #b0afaf; }
#center_column.col-sm-9 .col-md-3 .box-info-product p {
    margin-bottom: 7px;
    padding: 15px 10px 0; }
#center_column.col-sm-9 .col-md-3 .box-info-product .exclusive {
    padding: 0;
    border-top: 1px solid #0079b6;
    border-right: 1px solid #006fa8;
    border-left: 1px solid #006fa8;
    border-bottom: 1px solid #012740;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    display: block;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #009ad0), color-stop(100%, #007ab7));
    background-image: -webkit-linear-gradient(#009ad0, #007ab7);
    background-image: -moz-linear-gradient(#009ad0, #007ab7);
    background-image: -o-linear-gradient(#009ad0, #007ab7);
    background-image: linear-gradient(#009ad0, #007ab7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009ad0', endColorstr='#007ab7',GradientType=0 ); }
#center_column.col-sm-9 .col-md-3 .box-info-product .exclusive:before {
    font-family: "FontAwesome";
    position: relative;
    top: 0;
    left: 0;
    bottom: 0;
    color: white;
    font-size: 25px;
    line-height: 47px;
    text-shadow: 0 1px #015883;
    content: "\f07a";
    z-index: 2;
    width: 51px;
    text-align: center;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0; }
@media (max-width: 991px) {
    #center_column.col-sm-9 .col-md-3 .box-info-product .exclusive:before {
        display: none; } }
#center_column.col-sm-9 .col-md-3 .box-info-product .exclusive.added:before {
    content: "\f00c"; }
#center_column.col-sm-9 .col-md-3 .box-info-product .exclusive.added.disabled:before, #center_column.col-sm-9 .col-md-3 .box-info-product .exclusive.disabled:before {
    content: "\f110";
    animation: 2s linear 0s normal none infinite spin;
    -webkit-animation: 2s linear 0s normal none infinite spin;
    -moz-animation: 2s linear 0s normal none infinite spin;
    border: none; }
#center_column.col-sm-9 .col-md-3 .box-info-product .exclusive:after {
    background: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 51px;
    content: "";
    width: 1px;
    z-index: 2; }
@media (max-width: 991px) {
    #center_column.col-sm-9 .col-md-3 .box-info-product .exclusive:after {
        display: none; } }
#center_column.col-sm-9 .col-md-3 .box-info-product .exclusive span {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    border: none;
    border-top: 1px solid #006fa8;
    text-shadow: 0 1px #015883;
    padding: 12px 16px 14px;
    color: white;
    display: block !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
@media (max-width: 1199px) {
    #center_column.col-sm-9 .col-md-3 .box-info-product .exclusive span {
        font-size: 16px; } }
@media (max-width: 991px) {
    #center_column.col-sm-9 .col-md-3 .box-info-product .exclusive span {
        padding: 8px 12px 10px;
        text-align: center; } }
#center_column.col-sm-9 .col-md-3 .box-info-product .exclusive:hover {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #007ab7), color-stop(100%, #009ad0));
    background-image: -webkit-linear-gradient(#007ab7, #009ad0);
    background-image: -moz-linear-gradient(#007ab7, #009ad0);
    background-image: -o-linear-gradient(#007ab7, #009ad0);
    background-image: linear-gradient(#007ab7, #009ad0);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007ab7', endColorstr='#009ad0',GradientType=0 );
    background-position: 0 0; }

/* table_data_sheet */
.table-data-sheet {
    border-bottom: 1px solid #d6d4d4;
    width: 100%;
    margin: 0 0 20px;
    background: white; }
.table-data-sheet tr {
    border-top: 1px solid #d6d4d4; }
.table-data-sheet tr.even {
    background: #fdfdfd; }
.table-data-sheet tr td {
    padding: 10px 20px 11px; }
.table-data-sheet tr td:first-child {
    border-right: 1px solid #d6d4d4;
    width: 30%;
    font-weight: 700;
    color: #333333; }

/* table product-discounts */
table.table-product-discounts {
    border: none;
    border-bottom: 1px solid #d6d4d4;
    border-right: 1px solid #d6d4d4;
    width: 50%;
    margin: 0 0 20px;
    background: white; }
@media (max-width: 767px) {
    table.table-product-discounts {
        width: 100%; } }
table.table-product-discounts tr th {
    background: #fbfbfb;
    color: #333333;
    font-weight: 700;
    border: none;
    font-weight: 700; }
table.table-product-discounts tr td,
table.table-product-discounts tr th {
    border-left: 1px solid #d6d4d4;
    width: 33%;
    padding: 10px 20px 11px;
    border-top: 1px solid #d6d4d4;
    border-right: none;
    text-shadow: none;
    text-transform: none;
    font-weight: 13px;
    line-height: 18px;
    border-bottom: none; }

/* accessories  */
.accessories-block .block_description {
    display: none; }
.accessories-block .exclusive span {
    font-size: 13px;
    line-height: 18px;
    padding: 2px 8px 3px;
    text-decoration: none; }
.accessories-block .exclusive span:focus, .accessories-block .exclusive span:active {
    text-decoration: none; }

/* quantity_wanted */
#quantity_wanted_p input {
    font-size: 13px;
    line-height: 24px;
    text-align: right;
    width: 50px;
    margin: 0 0 0 10px;
    padding: 0;
    border: 0;
    background: rgba(0, 0, 0, 0);
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 1px solid #d6d4d4;
}
#quantity_wanted_p .btn {
    float: left;
    margin-left: 3px; }
#quantity_wanted_p label {
    display: block;
    margin-bottom: 7px; }

/* availability_statut */
#availability_statut span#availability_label,
#availability_date_label {
    display: inline-block;
    width: 125px;
    font-weight: 700;
    font-size: 12px;
    text-align: right; }

#quantityAvailable {
    color: #333333;
    font-size: 13px;
    line-height: 18px;
    font-weight: 700; }

#availability_value,
#last_quantities {
    color: white;
    font-weight: 700;
    line-height: 18px;
    display: inline-block;
    padding: 3px 8px 4px;
    background: #55c65e;
    border: 1px solid #36943e;
    margin-left: 5px; }

#last_quantities {
    background: #fe9126;
    border: 1px solid #e4752b;
    padding: 4px 8px 3px;
    position: relative;
    top: 1px; }

#availability_statut,
#pQuantityAvailable {
    display: inline-block; }

#pQuantityAvailable span {
    font-weight: 700;
    color: #333333; }

#availability_statut #availability_value.warning_inline {
    background-color: #fe9126;
    border-color: #e4752b;
    text-shadow: 1px 1px #e68322;
    margin: 0; }

/* box-security */
.box-security {
    border-top: 1px solid #dfdede;
    padding: 19px 19px 6px;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #fbfbfb));
    background-image: -webkit-linear-gradient(#ffffff, #fbfbfb);
    background-image: -moz-linear-gradient(#ffffff, #fbfbfb);
    background-image: -o-linear-gradient(#ffffff, #fbfbfb);
    background-image: linear-gradient(#ffffff, #fbfbfb);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#fbfbfb',GradientType=0 ); }

/* prices */
.content_prices {
    float: right;
    font-size: 24px;
}

.discount {
    display: none; }

p.our_price_display {
    font-size: 24px;
    line-height: 24px;
    color: #161616;
    margin: 0;
}
@media (max-width: 991px) {
    .our_price_display {
        font-size: 26px;
        line-height: 28px; } }
.previous_price {
    text-decoration: line-through;
}

#old_price {
    padding-bottom: 15px;
    font-size: 17px;
    text-decoration: line-through;
    display: inline-block;
    font-family: "Open Sans", sans-serif;
    line-height: 23px; }

#reduction_percent,
#reduction_amount {
    display: inline-block;
    margin-right: 10px;
    padding: 1px 2px;
    font-weight: 600;
    font-family: "Open Sans", sans-serif;
    font-size: 21px;
    line-height: 23px;
    color: white;
    background: #f13340;
    border: 1px solid #d02a2c; }
#reduction_percent span,
#reduction_amount span {
    display: block; }

/* online_only */
.pb-center-column p.online_only {
    font-weight: 700;
    font-size: 13px;
    color: #f13340;
    text-align: left; }

p.buttons_bottom_block {
    clear: both;
    padding: 0;
    margin: 0;
}
.buttons_bottom_block #wishlist_button {
    font-weight: 700; }

#shipping_cost, #shipping_country,
#z_availability_date{
    font-size: 17px;
    line-height: 21px;
    text-align: center;
}
#shipping_cost span, #shipping_country #countries {
    display: block;
    float: right;
}
#shipping_cost {
    margin: 15px 0 7px;
}
#z_availability_date{
    color: #C41F3A;
    font-size: 15px;
    /*margin-bottom: 18px;*/
}
#shipping_country {
    text-transform: uppercase;
    line-height: 17px;
}
#shipping_country #countries {
    border: 0;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: rgba(0, 0, 0, 0) url(../img/z/ship_count_arrow.png) top 2px right 6px no-repeat;
    padding: 0 16px 0 0;
    margin: 0;
}

/* SEND TO FRIEND (pop-in) ##################################################################### */
#send_friend_form {
    width: 555px;
    overflow: hidden; }
@media (max-width: 767px) {
    #send_friend_form {
        width: 280px; } }
#send_friend_form .product img {
    margin: 0 0 10px 0;
    border: 1px solid #d6d4d4; }
#send_friend_form .product p {
    padding: 0;
    color: #333333; }
#send_friend_form .product p .product_name {
    font-size: 12px;
    color: #000; }
#send_friend_form .form_container {
    padding: 10px 15px;
    border: 1px solid #d6d4d4;
    background: #fbfbfb; }
#send_friend_form .form_container p.intro_form {
    padding-bottom: 6px;
    font-weight: 700;
    font-size: 13px;
    color: #333333; }
#send_friend_form .form_container p.txt_required {
    padding-bottom: 0;
    color: #666; }
#send_friend_form .form_container .text {
    padding-bottom: 10px; }
#send_friend_form .form_container .text label {
    display: block;
    padding: 0;
    width: 100%;
    font-size: 12px; }
#send_friend_form .form_container .text input {
    padding: 0 5px;
    height: 22px;
    width: 100%;
    border: 1px solid base-border-color;
    font-size: 12px;
    color: #666; }
#send_friend_form .submit {
    margin-top: 20px;
    padding-bottom: 0;
    text-align: right; }

/* PERSONNALISATION ##################################################################### */
p.infoCustomizable {
    margin-bottom: 30px; }

ul#uploadable_files,
ul#text_fields {
    list-style-type: none; }

.customizableProductsFile,
.customizableProductsText {
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d6d4d4; }

.customizationUploadLine {
    padding-bottom: 10px; }
.customizationUploadLine label {
    display: block;
    vertical-align: top; }
.customizationUploadLine textarea {
    width: 50%;
    border: 1px solid #d6d4d4;
    color: #777777; }

.customizationUploadBrowse img + a {
    position: relative;
    top: -51px; }

#customizedDatas {
    float: right; }

.accessories_block div ul li a {
    display: inline-block; }
.accessories_block div ul li.s_title_block a,
.accessories_block div ul li.s_title_block span {
    font-weight: 700; }

/******************************************************************
Quick View Styles
******************************************************************/
#product.content_only div.primary_block {
    margin-bottom: 0; }
@media (max-width: 991px) {
    #product.content_only div.primary_block {
        margin-right: 0; } }
#product.content_only div.primary_block div.pb-left-column {
    padding: 20px 20px 5px 35px;
    width: 47%; }
@media (max-width: 479px) {
    #product.content_only div.primary_block div.pb-left-column {
        width: 100%;
        float: none; } }
#product.content_only div.primary_block div.pb-left-column span.view_scroll_spacer {
    width: 38px;
    padding-left: 10px; }
#product.content_only div.primary_block div.pb-left-column #thumbs_list {
    width: 392px; }
#product.content_only div.primary_block div.pb-right-column {
    padding: 20px 20px 60px 0px;
    width: 27.5%;
    margin-bottom: 0;
    min-height: 623px;
    height: 100%; }
@media (max-width: 991px) {
    #product.content_only div.primary_block div.pb-right-column {
        min-height: 440px; } }
@media (max-width: 479px) {
    #product.content_only div.primary_block div.pb-right-column {
        width: 100%;
        float: none; } }
#product.content_only div.primary_block div.pb-right-column .product_comments_block_extra {
    padding-right: 0; }
@media (max-width: 479px) {
    #product.content_only div.primary_block div.pb-right-column .comments_advices li {
        display: block; }
    #product.content_only div.primary_block div.pb-right-column .comments_advices a.reviews {
        margin: 0;
        padding: 0;
        border: none; } }
#product.content_only div.primary_block div.pb-right-column #ShareDiv {
    position: absolute;
    bottom: 8px; }
#product.content_only div.primary_block div.pb-right-column {
    width: 25.5%;
    padding-right: 15px;
    padding-left: 0; }
#product.content_only div.primary_block div.pb-right-column .box-info-product {
    border-top-width: 0px;
    border-right: none;
    border-bottom: none;
    min-height: 623px;
    height: 100%;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    -ms-border-radius: 0 4px 4px 0;
    -o-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    position: relative;
    padding-bottom: 125px; }
@media (max-width: 991px) {
    #product.content_only div.primary_block div.pb-right-column .box-info-product {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
        border: 1px solid #d6d4d4; } }
#product.content_only div.primary_block div.pb-right-column .box-info-product #add_to_cart .exclusive {
    display: block;
    width: 100%; }
#product.content_only div.primary_block div.pb-right-column .box-info-product #add_to_cart .exclusive:before, #product.content_only div.primary_block div.pb-right-column .box-info-product #add_to_cart .exclusive:after {
    display: block; }
#product.content_only div.primary_block div.pb-right-column .box-info-product #add_to_cart .exclusive span {
    font-size: 20px;
    text-align: center; }
@media (max-width: 1199px) {
    #product.content_only div.primary_block div.pb-right-column .box-info-product #add_to_cart .exclusive span {
        padding: 12px 22px 14px 70px;
        font-size: 20px; } }
#product.content_only div.primary_block div.pb-right-column .box-info-product .box-cart-bottom {
    right: 0;
    left: 0; }
#product.content_only div.primary_block div.pb-right-column #attributes .attribute_list .form-control {
    width: 230px; }
#product.content_only div.primary_block div.pb-right-column .product_attributes,
#product.content_only div.primary_block div.pb-right-column .box-cart-bottom {
    -webkit-box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px;
    -moz-box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px;
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px; }
#product.content_only div.primary_block div.pb-right-column .product_attributes {
    padding-top: 0; }

.addsharethisinner .stButton .stArrow {
    display: none !important; }

@media (max-width: 1050px) {
    #product.content_only div.primary_block div.pb-left-column,
    #product.content_only section.primary_block div.pb-left-column {
        width: 100%;
        padding-right: 15px; }
    #product.content_only div.primary_block div.pb-left-column #image-block, #product.content_only div.primary_block div.pb-left-column #views_block,
    #product.content_only section.primary_block div.pb-left-column #image-block,
    #product.content_only section.primary_block div.pb-left-column #views_block {
        max-width: 470px;
        width: 100%;
        margin-left: auto;
        margin-right: auto; }
    #product.content_only div.primary_block div.pb-left-column #thumbs_list li,
    #product.content_only section.primary_block div.pb-left-column #thumbs_list li {
        width: 90px;
        height: 90px; }
    #product.content_only div.primary_block div.pb-left-column #thumbs_list li img,
    #product.content_only section.primary_block div.pb-left-column #thumbs_list li img {
        width: 82px;
        height: 82px; }
    #product.content_only div.primary_block div.pb-right-column,
    #product.content_only section.primary_block div.pb-right-column {
        width: 50%;
        float: left;
        padding-left: 35px; }
    #product.content_only div.primary_block div.pb-right-column,
    #product.content_only section.primary_block div.pb-right-column {
        width: 50%;
        float: left; }
    #product.content_only div.primary_block div.pb-right-column .box-info-product,
    #product.content_only section.primary_block div.pb-right-column .box-info-product {
        border-top-width: 1px;
        min-height: 1px; } }
@media (max-width: 1050px) and (max-width: 479px) {
    #product.content_only div.primary_block,
    #product.content_only section.primary_block {
        margin-left: 0; } }
@media (max-width: 1050px) and (max-width: 479px) {
    #product.content_only div.primary_block div.pb-right-column,
    #product.content_only section.primary_block div.pb-right-column {
        width: 100%;
        float: none;
        padding-left: 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; } }
@media (max-width: 1050px) and (max-width: 479px) {
    #product.content_only div.primary_block div.pb-right-column,
    #product.content_only section.primary_block div.pb-right-column {
        margin-top: 10px;
        width: 100%;
        float: none;
        padding-left: 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; } }
/***** IE code ****/
.ie8 .pb-left-column #image-block #view_full_size .span_link {
    background: #fff;
    border: 1px solid #d6d4d4; }
.ie8 .box-security {
    filter: none; }


/**
* BxSlider v4.0 - Fully loaded, responsive content slider
* http://bxslider.com
*
* Written by: Steven Wanderski, 2012
* http://stevenwanderski.com
* (while drinking Belgian ales and listening to jazz)
*
* CEO and founder of bxCreative, LTD
* http://bxcreative.com
*/


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
    position: relative;
    margin: 0 auto 60px;
    padding: 0;
    *zoom: 1;
}

.bx-wrapper img {
    max-width: 100%;
    display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
    /*-moz-box-shadow: 0 0 5px #ccc;
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
    border: solid #fff 5px;
    left: -5px;
    background: #fff;*/
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -30px;
    width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
    min-height: 50px;
    background: url(../img/bx_loader.gif) center center no-repeat #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 20px;
    line-height: 1;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #666;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
    left: 10px;
    background: url(images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
    right: 10px;
    background: url(images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
    background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
    background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
    text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url(images/controls.png) -86px -11px no-repeat;
    margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
    background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url(images/controls.png) -86px -44px no-repeat;
    margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
    background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666\9;
    background: rgba(80, 80, 80, 0.75);
    width: 100%;
}

.bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: .85em;
    padding: 10px;
}

/* /////////  PERSONNALISATION  //////// */
#personalization{
    background: #fff;
    overflow: hidden;
    position: absolute;
    top: 0;
    /*z-index: 98;*/
    z-index: 10;
    border-left: 1px solid #f2f2f2;
    /*box-sizing: content-box;*/
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1;
}
#personalization .info{
    padding: 15px;
    font-size: 18px;
    line-height: 20px;
    /*text-align: justify;*/
    padding-bottom:5px;
}
#personalization .right-block{
    text-align: left;
    padding: 15px;
    position: absolute;
    top: 0;
    color: #FFF;
    font-size: 17px;
    line-height: 21px;
    display: none;
    pointer-events: none;
}
#personalization .actions{
    text-align: right;
    padding: 0 15px;

    overflow: hidden;
    clear: both;
}
#personalization .actions input[type=button],
#personalization .actions input[type=submit]{
    border: 0;
    display: block;
    float: right;
    padding: 8px 0;
    margin: 0 10px 0 0;
    outline: 0;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 146px;
    background: #161616;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 14px;
    cursor: pointer;
}
#personalization .actions input[type=button]:hover,
#personalization .actions input[type=submit]:hover{
    background: #DAD9D7;
    color: #161616;
}

#personalization .bx-wrapper .bx-controls-direction a{
    top: auto;
    margin: 0;
    width: 25px;
    height: 25px;
}
#personalization .bx-wrapper .bx-prev{
    left: 0;
    background: url(../img/z/perso_left.jpg) no-repeat;
}
#personalization .bx-wrapper .bx-next{
    right: 0;
    background: url(../img/z/perso_right.jpg) no-repeat;
}

/* /////////  PLATEAU  //////// */
#tab_choco{
    /*display: none;*/
    min-height: 611px;
}
/* --------- step 1 ---------- */
#tab_choco .step1{
    /*display: none;*/
}
#tab_choco .paged-plateau{
    /*overflow: hidden;
    margin: 0 -5px;*/
}
.assortment{

    margin: 10px 0 10px 0;
    padding: 0 10px 0 10px;
}

.assortment .title{
    padding: 5px 10px;
    font-size: 15px;
    line-height: 18px;
    background: #e2e2e2;
    position: relative;
}
.assortment .title .tray-number{
    position: absolute;
    display: block;
    top: 5px;
    right: 10px;
}
.assortment .title .title-name{
    display: block;
    width: 100%;
    /*overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;*/
}

.assortment .image:after{
    content: '\A';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: all 1s;
    -webkit-transition: all 1s;
}
.assortment:hover .image:after{
    opacity: 1;
}
#personalization .assortment:hover .right-block{
    display: block;
}
#personalization .assortment:hover .right-block.touch{
    display: none !important;
}
.assortment input[type=button]{
    border: 0;
    /*padding: 8px 0;*/
    padding: 7px 0;
    margin: 0;
    outline: 0;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
    background: #63656a;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 12px;
    cursor: pointer;
    border-radius: 0;
}
.assortment.persocusto input[type=button]{
    padding: 12px 0 13px;
}
.assortment:hover .title,
.assortment.defaultTray .title{
    background: #000;
    color: #fff;
}
.assortment:hover input[type=button]{
    background-color: #000;
    color: #fff;
}
.navi{
    clear: both;
    overflow: hidden;
}
.navi .previous{
    float: left;
    cursor: pointer;
}
.navi .next{
    float: right;
    cursor: pointer;
}
/* --------- step 2 ---------- */
#tab_choco .step2{
    /*display: none;*/
    position: relative;
}
.assort-to-change{
    margin: 8px 22px 0;
    background: #f2f2f2;
    border: 1px solid #c8c8c8;
    overflow: hidden;
}
.assort-to-change .image{
    padding-top:15px;
    padding-bottom:15px;
}
.assort_desc{
    padding: 12px 18px 12px 12px;
    /*float: left;*/
    overflow: hidden;
}
.assort_desc span{
    display: block;
    font-size: 16px;
    line-height: 20px;
    text-align: justify;
    /*background: url(../img/z/arrow_more.png) bottom right no-repeat;*/
}
#personalization .step2 .actions{
    text-align: center;
    margin: 15px 0;
}
.actions span{
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    display: block;
    margin: 0 0 12px;
}
a.change{
    background: black;
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
    text-decoration: none;
    width: 296px;
    display: inline-block;
    padding: 7px 20px;
    box-sizing: border-box;
    margin-bottom: 5px;
}
a.change:hover{
    background: #d1d0ce;
    color: #161616;
}
/* --------- step 3 - default ---------- */
#tab_choco .step3-default{
    /*display: none;*/
}
.step3-default .assortment{
    max-height: 194px;
    overflow: hidden;
    cursor: pointer;
}
.step3-default .assortment .title span{
    display: block;
}
.main{
    margin: 14px 0 0;
}
.main span.intro{
    display: block;
    text-align: center;
    font-size: 18px;
    line-height: 21px;
}
/* --------- step 3 - custo ---------- */
#tab_choco .step3-custo{

}
#personalization #tab_choco .step3-custo .info{
    /*font-size: 17px;*/
}
#personalization #tab_choco .step3-custo .bx-wrapper{
    margin: 0 auto 20px !important;
}
.chocolate{
    float: left;
    margin-top: 10px;
    cursor: pointer;
}
.chocolate.not_stock{
    cursor: initial;
}
.chocolate a:active{
    color:#161616 !important;
}
.chocolate .title{
    padding: 7px 30px 6px 10px;
    font-size: 15px;
    line-height: 15px;
    /*background: #d1d0ce url(../img/z/information.png) no-repeat center right 4px;*/
    background: #e2e2e2;
    text-align: center;
    text-transform: uppercase;
}
.touch .chocolate:active .title,
.chocolate:hover .title {
    /*background: #000 url(../img/z/information-hover.png) no-repeat center right 4px;*/
    background: #000;
    color: #fff;
}
.chocolate a:hover{
    color: #fff !important;
}
.chocolate .image:after{
    content: '\A';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: all 1s;
    -webkit-transition: all 1s;
}
.touch .chocolate:active .image:after,
.chocolate:hover .image:after{
    opacity: 1;
}
.chocolate .right-block{
    position: absolute;
    padding: 15px;
    top: 0;
    color: #FFF;
    font-size: 17px;
    line-height: 21px;
    display: none;
    pointer-events: none;
}
#personalization .chocolate:hover .right-block{
    display: block;
}
#personalization #chocolates.touch .chocolate:hover .right-block,
#personalization .chocolate:hover .right-block.touch{
    display: none !important;
}
#assort_grid{
    float: left;
}
#assort_grid td, .assort_grid td{
    width: 40px;
    max-width: 40px;
    height: 40px;
    max-height: 40px;
    border: 1px solid #c8c8c8;
    padding: 0;
    background: #f2f2f2;
    position: relative;
    /*background: url(images/noirZ.png)no-repeat center center;*/
}
#assort_grid td:after, .assort_grid td:after{
    opacity: 0;
}
#assort_grid td.select:after, .assort_grid td.select:after{
    content:'\A';
    position:absolute;
    width:100%; height:100%;
    top:0; left:0;
    background:rgba(0,0,0,0.6);
    opacity:1;
}
#assort_grid td img, .assort_grid td img{
    cursor: pointer;
}
/*#assort_grid .selected{
	background: #000 url(images/noir1-white.png)no-repeat center center;
}*/
.chocolate_desc{
    padding: 12px 18px 12px 12px;
    /*float: left;*/
    /*overflow: hidden;*/
    overflow-y: scroll;
    height: 121px;
}
.chocolate_desc span{
    display: block;
    font-size: 16px;
    line-height: 20px;
    text-align: justify;
    /*background: url(../img/z/arrow_more.png) bottom right no-repeat;*/
}
.step3-custo .main{
    margin: 2px 0 0;
}
.reset{
    position: relative;
    float: left;
    margin: 6px 0 0;
}
.reset:before{
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-bottom: 6px solid #000;
    border-right: 6px solid transparent;
    position: absolute;
    left: 50%;
    top: -6px;
    margin: 0 0 0 -6px;
}
.reset:hover:before{
    border-bottom: 6px solid #dad9d7;
}
#personalization .step3-custo .actions{
    margin: 9px 0 15px;
}
#personalization .step3-custo .actions  input[type=button],
#personalization .step3-custo .actions  input[type=submit]{
    margin: 6px 10px 0 0;
}
#personalization .actions .reset input[type=button]{
    margin: 0 0 0 7px;
    padding: 8px 20px;
    width: auto;
}
#personalization .touchDelete{
    display: none;
    float: right;
    background: url(../img/z/close-icon25x25.png) center right 3px no-repeat;
    text-indent: -9999px;
    background-size: 18px 18px;
    width: 21px;
}

/* /////////  CARD  //////// */
#tab_card{
    min-height: 611px;
}
#tab_card .main{
    position: relative;
}
/* --------- step 1 ---------- */
#tab_card .step1{
    /*display: none;*/
}
#tab_card .main #card{
    width: 100%;
}
#tab_card #card_form{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index:100;
}
#tab_card #left_page{
    height: 100%;
}
#tab_card #right_page{
    height: 100%;
    top: 0 !important;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000;
}
#tab_card #card_form label{
    color: #fff;
    font-size: 16px;
    line-height: 21px;
}
#tab_card #max-info{
    padding: 0 76px 0 26px;
    font-size: 12px;
}
#tab_card #card_form label span, #field-three .label span{
    display: block;
    width: 22px;
    background: #000;
    height: 22px;
    text-align: center;
    border-radius: 12px;
    float:left;
    margin: 0 4px 0 0;
}
#tab_card #card_form label span::selection,
#field-three .label span::selection,
#tab_card #card_form label span::moz-selection,
#field-three .label span::moz-selection{
    background: transparent;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none;
}
#tab_card #card_form input, #tab_card #card_form textarea {
    float: left;
    margin: 0;
    /*padding: 1px;*/
    padding: 2px;
    /*-webkit-transform:skewY(2deg);
    -moz-transform:skewY(2deg);
    -o-transform:skewY(2deg);
    -ms-transform:skewY(2deg);
    transform:skewY(2deg);*/
    border: 1px solid #ababab;
    background: transparent;
    width: 216px;
    height: 16px;
    font-size: 14px;
    line-height: 16px;
    /*-webkit-transform: rotateY(-10deg) rotateZ(1deg) rotateX(-10deg);
    -moz-transform:rotateY(-10deg) rotateZ(1deg) rotateX(-10deg);
    -o-transform:rotateY(-10deg) rotateZ(1deg) rotateX(-10deg);
    -ms-transform:rotateY(-10deg) rotateZ(1deg) rotateX(-10deg);
    transform:rotateY(-10deg) rotateZ(1deg) rotateX(-10deg);*/
    box-sizing: content-box;
}
#tab_card #card_form input{
    margin: 4px 0 0 0;
    font-family: 'tahoma';
}
#tab_card #card_form textarea{
    height: 245px;
    padding: 2px;
    font-family: 'tahoma';
    /*box-sizing: border-box;*/
}
#tab_card #field-one{
    position: absolute;
    top: 86px;
    left: 309px;
    top: 14% !important;
    left: 31% !important;
    font-family: 'tahoma';

}
#tab_card #field-two{
    position: absolute;
    top: 124px;
    left: 309px;
    top: 23% !important;
    left: 31% !important;
    font-family: 'tahoma';
}
#tab_card #field-three{
    position: absolute;
    /*top: 125px;
    left: 92px;
    /*-webkit-transform:skewY(-8deg) skewX(4deg);
    -moz-transform:skewY(-8deg) skewX(4deg);
    -o-transform:skewY(-8deg) skewX(4deg);
    -ms-transform:skewY(-8deg) skewX(4deg);
    transform:skewY(-8deg) skewX(4deg);	*/
    top: 150px;
    left: 83px;
    top: 20% !important;
    left: 32% !important;
    padding-left:0px;
    -webkit-perspective: 750px;
    -moz-perspective: 750px;
    perspective: 750px;
    cursor: pointer;
}
#field-three table, #field-three .pic{
    /*width: 172px;
    height: 208px;*/
    width: 100%;
    /*width: 195px;*/

    -webkit-transform: rotateY(22deg) rotateZ(-8deg) rotateX(-11deg);
    -moz-transform:rotateY(22deg) rotateZ(-8deg) rotateX(-11deg);
    -o-transform:rotateY(22deg) rotateZ(-8deg) rotateX(-11deg);
    -ms-transform:rotateY(22deg) rotateZ(-8deg) rotateX(-11deg);
    transform:rotateY(22deg) rotateZ(-8deg) rotateX(-11deg);
}
#tab_card #card-message-mobile{
    min-height: 80px;
}

#tab_card  #right_page{
    top:10px;
}

#field-three td{
    padding: 0;
}
#field-three td.pic{
    height:209px;
}
#field-three img{
    display: block;
    /*width: 195px;*/
    height: auto;
}
#field-three img.width{
    display: block;
    width: 195px;
    height: auto;
}
#field-three img.height{
    display: block;
    width: auto;
    height: 195px;
    margin: 0 auto;
}
#field-three .label{
    text-align: center;
    display: block;
    padding: 0;
    color: #161616;
    font-size: 16px;
    font-weight: normal;
    line-height: 21px;
    -webkit-transform: rotateY(22deg) rotateZ(-8deg) rotateX(-11deg);
    -moz-transform:rotateY(22deg) rotateZ(-8deg) rotateX(-11deg);
    -o-transform:rotateY(22deg) rotateZ(-8deg) rotateX(-11deg);
    -ms-transform:rotateY(22deg) rotateZ(-8deg) rotateX(-11deg);
    transform:rotateY(22deg) rotateZ(-8deg) rotateX(-11deg);
}
#field-three .label span{
    float: none;
    color: #fff;
    font-size: 16px;
    margin: 3px auto;
}
#personalization #tab_card .actions{
    margin: 15px 0;
}

/* /////////  PHOTO/LOGO  //////// */
#tab_photo{
    min-height: 611px;
}
/* --------- step 1 ---------- */
#tab_photo .step1{

}
#tab_photo .step1 .main{
    position: relative;
}
#tab_photo .step1 .main img.coffret{
    display: block;
    margin: 0 auto;
}
#tab_photo .step1 .main .engraving_photo{
    position: absolute;
    top: 115px;
    left: 215px;
    top: 27.2% !important;
    left: 34.5% !important;
    /*-webkit-perspective: 900px;
    -moz-perspective: 900px;
    perspective: 900;*/
    cursor: pointer;
}
#tab_photo .step1 .main .engraving_photo.product-type-2:before{
    /*content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(195, 83, 12, 0.88);*/
}
#tab_photo .step1 .main .engraving_photo table{
    width: 48%;
    table-layout: fixed;
    /*-webkit-transform: rotateY(21deg) rotateZ(2deg) rotateX(8deg);
    -moz-transform:rotateY(21deg) rotateZ(2deg) rotateX(8deg);
    -o-transform:rotateY(21deg) rotateZ(2deg) rotateX(8deg);
    -ms-transform:rotateY(21deg) rotateZ(2deg) rotateX(8deg);
    transform:rotateY(21deg) rotateZ(2deg) rotateX(8deg);*/
}
#tab_photo .step1 .main .engraving_photo table td{
    padding: 0;
    /*max-height: 195px;
	max-width: 195px;*/
}
#tab_photo .step1 .main .engraving_photo img{
    display: block;
    /*width: 195px;	*/
    /*height: 95px;*/
}
#tab_photo .step1 .main .product-type-1 img,
#tab_photo .step1 .main .product-type-3 img{
    border-radius: 16px;
}
#tab_photo .step1 .main .product-type-2 img{
    -webkit-filter: sepia(1) grayscale(0.1) hue-rotate(330deg);
    -webkit-filter: sepia(100%) grayscale(10%) hue-rotate(330deg);
    -moz-filter: sepia(100%) grayscale(10%) hue-rotate(330deg);
    -ms-filter: sepia(100%) grayscale(10%) hue-rotate(330deg);
    -o-filter: sepia(100%) grayscale(10%) hue-rotate(330deg);
    filter: sepia(100%) grayscale(10%) hue-rotate(330deg);
}
#tab_photo .step1 .main .engraving_photo #fistTd.width{
    height: 195px;
}
#tab_photo .step1 .main .engraving_photo img.width{
    /*width: 195px;
    height: auto;*/
}
#tab_photo .step1 .main .engraving_photo img.height{
    /*width: auto;
    height: 195px;
    margin: 0 auto;*/
    max-height: 195px;
    margin: 0 auto;
}
#tab_photo .step1 .main .product-type-2 table td.photoLogo_warning{
    height: auto;
    text-align: center;
    padding-top: 5px;
}

/* /////////  GRAVURE  //////// */
#tab_engraving{
    min-height: 611px;
}
/* --------- step 1 ---------- */
#tab_engraving .main{
    position: relative;
}
#tab_engraving .main img.coffret{
    display: block;
    width: 610px;
    margin: 0 auto;
}
#tab_engraving .step1 .main .engraving_text{
    position: absolute;
    /*top: 377px;
    left: 160px;*/
    left: 25% !important;
    top: 69.5% !important;
    width: 50%;
    font-size: 28px;

    /*-webkit-perspective: 200px;
    -moz-perspective: 200px;
    perspective: 200px;*/
}

.engraving_text-mobile{
    margin-top:10px;
}
.engraving_text-mobile input[type=text]{
    width:100%;
    border:1px solid #000;
    text-align: center;
}
#tab_engraving .step1 .main .engraving_text input[type=text]{
    /*width: 170px;
    height: 30px;*/
    /*width: 330px;*/
    width: 100%;
    height: 35px;
    box-sizing: content-box;
    /*-webkit-transform: rotateY(6deg) rotateZ(-1deg) rotateX(0deg);
    -moz-transform:rotateY(6deg) rotateZ(-1deg) rotateX(0deg);
    -o-transform:rotateY(6deg) rotateZ(-1deg) rotateX(0deg);
    -ms-transform:rotateY(6deg) rotateZ(-1deg) rotateX(0deg);
    transform:rotateY(6deg) rotateZ(-1deg) rotateX(0deg);*/
    padding: 1px;
    margin-left:0px;
    background: transparent;
    font-family: 'garamonditalic';
    font-size: 28px;
    line-height: 28px;
    text-align: center;
    text-shadow: -1px -1px rgba(0, 0, 0, 0.5), 1px 1px rgba(255, 255, 255, 0.5);

    border: 1px solid transparent;
}
#tab_engraving .step1 .main .engraving_text.product-type-1 input[type=text]{
    color: #fff;
}
#tab_engraving .step1 .main .engraving_text.product-type-2 input[type=text]{
    color: rgba(195, 83, 12, 0.88);
}
#tab_engraving .step1 .main .engraving_text.product-type-3 input[type=text]{
    color: #310b08;
    text-shadow: -1px -1px rgba(0, 0, 0, 0.5), 1px 1px rgb(138, 66, 49);
    font-size: 32px !important;
}
#tab_engraving .step1 .main .product-type-3 {
    left: 23% !important;
    width: 55% !important;
}
#tab_engraving .step1 .main .engraving_text input[type=text]:focus{
    border: 1px solid #ababab;
}
#tab_photo .step1 .main .product-type-4 table {
    width: 45%;
    table-layout: fixed;
    margin-left: 9px;
}
/* /////////  HABILLAGE  //////// */

#tab_wrap{
    min-height: 611px;
}
/* --------- step 1 ---------- */
#tab_wrap .wrapping, #tab_wrap .initials{
    overflow: hidden;
    position: relative;
}


#tab_wrap .info .selectgift{
    display: block;
    margin-top: 10px;
}

#tab_wrap label{
    display: inline-block;
    font-weight: normal;
    text-align: left;
    position: relative;
    padding-left: 25px;
}
#tab_wrap label:before{
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    top: 1px;
    background-color: #fff;
    border: 1px solid #D6D4D4;
    border-radius: 10px;
}
/*#tab_wrap label[for="wrap_ok"] input[type=radio]{
	float: left;
}
#tab_wrap label[for="wrap_ok"] span{
	display: block;
	float: left;
	width: 90%;
}*/
#tab_wrap input[type=radio]{
    display: none;
}
#tab_wrap input[type=radio]:checked + label:before{
    content: "\2022";
    color: #161616;
    text-align: center;
    line-height: 18px;
    font-size: 18px;
}
#tab_wrap .initials .info div span{
    text-align: left;
}
#tab_wrap .initials #initials_wrap{
    position: relative;
}
#tab_wrap .initials #initials_wrap img{
    width: 275px;
}
#tab_wrap .initials #initials_mess{
    font-family: 'clarendon_blk_btblack';
    font-size: 30px;
    color: #F8F8ED;
    position: absolute;
    top: 50%;
    left : -8%;
    margin-top: -13px;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
}
#tab_wrap .initials input[type=text]{
    width: 65px;
    text-align: center;
    text-transform: uppercase;
}
#tab_wrap .dontShow{
    display: block;
    position: absolute;

    left: 14px;
    right: 0px;
    opacity: 0.3;
    background: #000;
    z-index: 99;
    height: 100%;
    width: 95.5%;
}


/* /////////  COEUR  //////// */
#tab_heart{
    min-height: 611px;
}
/* --------- step 1 ---------- */
#tab_heart .main{
    margin-top: 25px!important;
}
#tab_heart .main .heart-label{
    line-height: 23px;
}
#tab_heart .main img{
    display: block;
    margin: 20px auto;
}
#tab_heart .main input[type=text],
#tab_heart .main input[type=number]{
    width: 36px;
    text-align: center;
    box-sizing: border-box;
}

/* /////////  ACCESSOIRES  //////// */
#tab_accessory{
    min-height: 611px;
}
/* --------- step 1 ---------- */
#tab_accessory .accessory{
    /*width: 207px;*/
    margin: 10px 3px 0;
}
#tab_accessory .accessory.first-in-line{
    margin: 10px 5px 0 0;
}
#tab_accessory .accessory.last-in-line{
    margin: 10px 0 0 5px;
}
#tab_accessory .accessory .title{
    padding: 7px 30px 10px 10px;
    font-size: 15px;
    line-height: 18px;
    background: #e2e2e2;
}

#tab_accessory .accessory .qty{
    width: 100%;
    color: #fff;
    padding: 3px 0;
    font-size: 12px;
    line-height: 12px;
    background: #63656a;
    text-align: center;
}
#tab_accessory .accessory .qty label{
    color: #fff;
    margin-bottom: 0;
}
#tab_accessory .accessory .qty input[type=text],
#tab_accessory .accessory .qty input[type=number]{
    width: 50px;
    text-align: center;
    margin: 0 0 0 5px;
    font-size: 13px;
}

/* /////////  CONCIERGE  //////// */
#tab_concierge{
    min-height: 611px;
}
#tab_concierge .row{
    margin: 0;
}
/* --------- step 1 ---------- */
#tab_concierge .main{
    padding: 0 22px 0 10px;
    overflow: hidden;
}

#tab_concierge .big{
    font-size: 15px;
    line-height: 1;
    text-transform: uppercase;
    display: block;
    margin: 5px 0;
}

#tab_concierge .left label{
    margin: 10px 5px 0;
    display: inline-block;
    font-weight: normal;
    position: relative;
    padding-left: 25px;
}
#tab_concierge .left label:before{
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    bottom: 1px;
    background-color: #fff;
    border: 1px solid #D6D4D4;
    border-radius: 10px;
}
#tab_concierge .left input[type=radio]{
    display: none;
}
#tab_concierge .left input[type=radio]:checked + label:before{
    content: "\2022";
    color: #161616;
    text-align: center;
    line-height: 20px;
    font-size: 18px;
}
#tab_concierge .left img{
    margin: 25px auto 0;
}
#tab_concierge .right textarea{
    margin: 14px 0 0;
    width: 100%;
    height: 100px;
}
#personalization #tab_concierge .actions{
    margin: 15px 0;
}
#tab_concierge .right{
    margin-top: 15px;
}
#tab_concierge .right .big {
    margin-top: 22px;
    margin-bottom: 15px;
}


/* --------- calendar ---------- */
#tab_concierge .ui-datepicker{
    margin: 0 auto;
    width: 100%;
}
#tab_concierge .ui-datepicker-title{
    text-align: left;
}
#tab_concierge .ui-datepicker-header{
    border: 1px solid #000;
    border-bottom: 0;
}
#tab_concierge .ui-datepicker-calendar th, #tab_concierge .ui-datepicker-calendar td{
    width: 14%;
    height: 30px;
    padding: 0;
    text-align: center;
    font-weight: normal;
    vertical-align: middle;
    border: 1px solid #000;
}
#tab_concierge .ui-datepicker-calendar {
    width: 100%;
    text-align: center;
}
#tab_concierge .ui-datepicker-calendar a{
    text-decoration: none;
    color: #161616;
    display: block;
    width: 100%;
    height: 100%;
    line-height: 30px;
}
#tab_concierge .ui-datepicker .ui-datepicker-header{
    position: relative;
    padding: 10px 5px;
}
#tab_concierge .ui-datepicker .ui-datepicker-prev{
    position: absolute;
    right: 40px;
    top: 50%;
    cursor: pointer;
}
#tab_concierge .ui-datepicker .ui-datepicker-next{
    position: absolute;
    right: 10px;
    top: 50%;
    cursor: pointer;
}
#tab_concierge .ui-datepicker .ui-datepicker-prev span, #tab_concierge .ui-datepicker .ui-datepicker-next span{
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}
#tab_concierge .ui-icon{
    width: 9px;
    height: 15px;
    text-indent: -9999px;
    overflow: hidden;
}
#tab_concierge .ui-icon-circle-triangle-w{
    background: url(../img/z/prod_left.png) no-repeat;
}
#tab_concierge .ui-icon-circle-triangle-e{
    background: url(../img/z/prod_right.png) no-repeat;
}
#tab_concierge td.ui-datepicker-other-month{
    border: 0;
    background: none;
}
#tab_concierge .ui-datepicker-current-day{
    background: #000;
    color: #fff;
}
#tab_concierge .ui-datepicker-current-day a{
    color: #fff;
}
#tab_concierge .ui-datepicker-unselectable{
    background: url(../img/z/stripe_2.png) repeat;
}


/* /////////  LIBRARY  //////// */
#library{
    min-height: 611px;
}
#library .step2{

}
#library #predefined-logo{
    overflow: hidden;
}
#library .step2 .info{
    /*padding: 12px 10px 2px 16px;*/
    padding: 12px 10px 2px;
}
#library .step2 .info label{
    display: inline-block;
    font-weight: normal;
    position: relative;
    padding-left: 25px;
    cursor: pointer;
}
#library .step2 .info label:before{
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    bottom: 1px;
    background-color: #fff;
    border: 1px solid #D6D4D4;
    border-radius: 10px;
}
#library .step2 .info input[type=radio]{
    display: none;
    margin: 0 3px 0 0;
}
#library .step2 .info input[type=radio]:checked + label:before{
    content: "\2022";
    color: #161616;
    text-align: center;
    line-height: 22px;
    font-size: 20px;
}
#library .step2 .main{
    margin: 2px 0 0;
}
#library .step2 .main #favorites{
    padding: 0 42px;
}
#library .step2 .main #favorites label{
    font-weight: normal;
}

#favorites select{
    background: #000 url(../img/z/favorites_select.jpg) center right no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0 21px 0 5px;
    border: 0;
    height: 21px;
    color: #fff;
    width: 175px;
    font-size: 13px;
    line-height: 21px;
    cursor: pointer;
}
/*#biblio_images{
	margin: 0 10px 0 35px;
}
*/
#personalization #library .bx-wrapper{
    margin: 0 10px 44px 34px !important;
}
.biblio{
    margin: 10px 0px 10px 0px;
    cursor: pointer;
}

#biblio_images .title{
    padding: 8px;
    position: relative;
    font-size: 15px;
    line-height: 15px;
    background: #e2e2e2 ;
    text-transform: uppercase;
    overflow: hidden;
    cursor: pointer;
    height: 46px;
}
#biblio_images .biblio:hover .title,
#biblio_images .biblio.defaultPic .title{
    background: #000;
    color: #fff;
    padding: 11px 28px 11px 11px;
}
#biblio_images .title div.biblio_title-name{
    float: left;
    /*width: 72%;*/
}
#biblio_images .title div.biblio_title-name .my-img-date{
    font-size: 12px;
}
#biblio_images .title div{
    float: right;
}
#biblio_images .title .my-img-delete{
    position: absolute;
    top: 11px;
    right: 5px;
    display: block;
    width: 25px;
    height: 25px;
    /*background: url(../img/z/close-icon25x25.png) no-repeat;*/
}
/*#biblio_images .defaultPic .title .my-img-delete,*/
#biblio_images .biblio:hover .title .my-img-delete{
    background: url(../img/z/close-icon-white-25x25.png) no-repeat;
}
#biblio_images .defaultPic .title .my-img-delete:hover,
#biblio_images .biblio:hover .title .my-img-delete:hover{
    background: url(../img/z/close-icon-grey-25x25.png) no-repeat;
}
#biblio_images .image{
    height:	169px;
    width: 169px;
    display: table-cell;
    border: 1px solid #e2e2e2;
    vertical-align: middle;
    text-align: center;
}
#biblio_images .customerImg .image{
    background: #000;
    border: 1px solid #000;
}
#biblio_images .biblio:hover .image,
#biblio_images .biblio.defaultPic .image{
    border-top-color: #000;
}
#biblio_images .biblio:hover .image .customer_wrapper{
    -webkit-transition: all 1s;
}
#biblio_images .biblio .image .customer_wrapper:after {
    content: '\A';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    transition: all 1s;
    -webkit-transition: all 1s;
}
#biblio_images .biblio:hover .image .customer_wrapper:after{
    opacity: 1;
}
#biblio_images .image .customer_wrapper{
    max-height: 169px;
    width: auto;
    vertical-align: middle;
}
#biblio_images .image img{
    width: 142px;
    height: 140px;
}
#biblio_images .biblio:hover .right-block{
    display: block;
    word-break: break-word;
}
#client-logo {
    overflow: hidden;
}
.reg{
    font-size: 16px;
    font-weight: normal;
    margin: 0 0 0 34px;
    /*margin: 0 0 0 21px;*/
    display: block;
}
#client-logo #upload{
    margin: 10px 10px 10px 35px;
}
#client-logo #upload input[type=submit], #client-logo #upload input[type=file], #client-logo #mod_options input[type=button]{
    border: 0;
    display: inline-block;
    padding: 6px 10px;
    margin: 0 10px 0 0;
    outline: 0;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: auto;
    background: #161616;
    color: #FFF;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 12px;
    cursor: pointer;
    border-radius: 0;
}
#client-logo #upload input[type=submit]{
    display: none;
}
#client-logo #upload input[type=file]{
    background: #D1D0CE;
    color: #161616;
}
#retouche{
    margin: 0 10px 0 35px;
    overflow: hidden;
}
#retouche span.help{
    display: block;
    margin: 0 0 12px;
}
#mod{
    overflow: hidden;
    padding: 0 5px
}
#mod_options{
    width: 112px;
    float: left;
}
#mod_options.chameleon{
    display:none;
}
#mod_options label{
    display: inline-block;
    font-size: 12px;
    line-height: 12px;
    font-weight: normal;
    position: relative;
    padding: 4px 0 4px 25px;
    color: #161616;
}
#mod_options label:before{
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    bottom: 1px;
    background-color: #fff;
    border: 1px solid #D6D4D4;
}
#mod_options .radio label:before{
    border-radius: 10px;
}
#mod_options input[type=radio]:checked + label:before{
    content: "\2022";
    color: #161616;
    text-align: center;
    line-height: 16px;
    font-size: 18px;
}
#mod_options .checkbox label:before{
    border-radius: 0;
}
#mod_options input[type=checkbox]:checked + label:before{
    content: "\2713";
    font-size: 15px;
    color: #161616;
    background-color: #dad9d7;
    text-align: center;
    line-height: 15px;
}
#mod_options input[type=radio], #mod_options input[type=checkbox]{
    margin: 0 4px 0 0;
    display: none;
}
#client-logo #mod_options input[type=button]{
    padding: 7px 20px;
    margin: 10px 0;
}
#output_container{
    width: 180px;
    height: 180px;
    background-color: #000;
    float: left;
    margin: 0 0 10px;
}
#output_container td{
    padding: 0;
}
#output{
    width: 180px;
    height: 180px;
    text-align: center;
    position: relative;
}
#output img.cropper.width{
    max-width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
#output img.cropper.height{
    max-height: 180px;
    width: auto;
}
#output img.sepia,
#img-preview img.sepia,
#field-three img.sepia,
.engraving_photo img.sepia{
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter     id=\'old-timey\'><feColorMatrix type=\'matrix\' values=\'0.14 0.45 0.05 0 0 0.12 0.39 0.04 0 0 0.08 0.28 0.03 0 0 0 0 0 1 0\'/></filter></svg>#old-timey");
    -webkit-filter: sepia(1);
    -webkit-filter: sepia(100%);
    -moz-filter: sepia(100%);
    -ms-filter: sepia(100%);
    -o-filter: sepia(100%);
    filter: sepia(100%);
}
#output img.bw,
#img-preview img.bw,
#field-three img.bw,
.engraving_photo img.bw{
    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"); /*  Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%);
}
#img-preview{
    width: 180px;
    height: 180px;
    float: left;
    overflow: hidden;
    margin: 0 0 0 40px;
}
#img-preview.preview-chameleon-option-2{
    height: 116px;
}
#img-preview img{
    max-width: none;
}


/* progress bar style */
#progressbox {
    position:relative;
    width: 295px;
    margin: 10px 0;
    padding: 30px 0 0 0;
    display:none;
    text-align:left;
}
#progressbar_wrap{
    height:2px;
    background-color: #b2b2b2;
    width:100%;
}
#progressbar {
    height:2px;
    background-color: #161616;
    width:1%;
}
#statustxt_wrap{
    top: 0px;
    left:50%;
    margin-left: -21px;
    position:absolute;
    display:inline-block;
}
#statustxt {
    position: relative;
    width: 42px;
    box-sizing: border-box;
    color: #000000;
    font-size: 12px;
    line-height: 12px;
    border: 1px solid #000;
    border-radius: 11px;
    padding: 5px 6px 3px;
}
#statustxt:before{
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: 50%;
    margin-left: -5px;
    bottom: -11px;
    border: 5px solid;
    border-color: #000 transparent transparent transparent;
}
#statustxt:after{
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: 53%;
    margin-left: -5px;
    bottom: -8px;
    border: 4px solid;
    border-color: #fff transparent transparent transparent;
}

/* ------------------- */
a.close{
    position: absolute;
    top:0;
    right: 0;
    display: block;
    width: 22px;
    height: 22px;
    background: url(../img/z/close.png) no-repeat;
    text-indent: -9999px;
}
#disable{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    /*background: #fff;*/
    background: #E1E1DF;
    opacity: 0.8;
    /*z-index: 97;*/
    z-index: 1;
    height: 100%;
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
}
#disable:after{
    background-color: #E1E1DF;
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 20px;
    right: 20px;
    bottom: 0;
    z-index: -1;
}

/* /////////  RECAP  //////// */
/*.content_top{
	position: relative;
}*/
#recap_tabs{
    width:100%;
    text-align:center;
    overflow: hidden;
    float:right;
}
#recap_tabs ul{
    margin: 0;
}
#recap_tabs li{
    margin: 0;
    list-style: none;
    padding: 0 15px;
    float: left;
    font-size: 13px;
    text-transform: uppercase;
    color: #98999b;
    background: #e6e6e6;
    height: 32px;
    line-height: 32px;
    cursor: pointer;
}
#recap_tabs li.active{
    background: #F2F2F2;
    color: #161616;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
}
#recap_tabs #recap_persos{
    border-right:0px!important;
}
#recap{
    /*display: none;*/
    overflow: hidden;
    margin-bottom: -10px;
}
#recap .recap_item{
    width: 207px;
    float: left;
    margin: 0px 6px 10px;
    position: relative;
    cursor: initial;
}
#recap .recap_item.disabled{
    cursor: initial;
}
#recap .recap_item.none{
    cursor: pointer;
}
#recap .recap_item.one{
    margin: 0px 5px 10px 0;
}
#recap .recap_item.three{
    margin: 0px 0 10px 11px;
}
@media (min-width: 768px) and (max-width: 991px){
    #recap .recap_item,
    #recap .recap_item.one,
    #recap .recap_item.three{
        margin: 0 10px 10px;
    }
}
#recap .recap_item .title{
    padding: 7px 8px;
    font-size: 12px;
    line-height: 15px;
    background: #161616;
    color: #fff;
    text-transform: uppercase;
    overflow: hidden;
}
#recap .recap_item:hover .title{
    background: #161616;
    color: #fff;
}
#recap .recap_item.none .title,
#recap .recap_item.disabled .title{
    background: #e2e2e2;
    color: #161616 !important;
}
#recap .recap_item .price{
    float:	right;
    color: #fff;
}
#recap .recap_item .image{
    position: relative;
}
#recap .recap_item .image ul{
    margin: 0
}
#recap .recap_item .image img,
#recap .recap_item.disabled .image{
    width: 207px;
    height: 168px;
}
#recap .recap_item.disabled .image{
    padding: 10px 15px;
    background: #f2f2f2;
}
#recap .recap_item.disabled .image span{
    color: #161616 !important;
    text-align: center;
    font-size: 16px;
    display: block;
    padding: 0 20px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
#recap .recap_item.none .image:after{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    /*background: rgba(225, 225, 223, 0.8) url(images/plus.png) center no-repeat;*/
    background: rgba(242, 242, 242, 0.8) url(../img/z/plus_black.png) center no-repeat;
    background-size: 30px 30px;
}
/*#recap .recap_item.disabled .image:after{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(116,116,116, 0.8) url(../img/z/not_available25x25.png) center no-repeat;
}*/
#recap .recap_item.none:hover .image:after{
    background: rgba(255,255,255, 0) url(../img/z/plus.png) center no-repeat;
    background-size: 30px 30px;
}
#recap .recap_item .recap_caption, #recap .recap_item .assort-name, #recap .recap_item .concierge-date{
    position: absolute;
    top: -21px;
    left: 0;
    width: 100%;
    text-align: right;
    /*background: #f7f7f7;*/
    color: #fff;
    background: transparent;
    font-size: 12px;
    line-height: 21px;
    padding: 0 8px;
    box-sizing: border-box;
    text-transform: uppercase;
}
#recap .recap_item .recap_caption{
    display: none;
}
#recap #recap-0 .captions div,
#recap #recap-0-1tray .captions div,
#recap #recap-0-assort .captions div{
    text-align: right;
    width: 92%;
}
#recap #recap-0 .image,
#recap #recap-0-1tray .image,
#recap #recap-0-assort .image{
    background: #f2f2f2;
}
#recap #recap-0 .assort_slider li,
#recap #recap-0-1tray .assort_slider li,
#recap #recap-0-assort .assort_slider li{
    height: 168px;
}
#recap #recap-0-1tray .assort_slider li img,
#recap #recap-0 .assort_slider li img{
    height: auto;
    max-width: none;
    position: relative;
    top: 14px;
    border-top: 1px solid #c8c8c8;
    border-bottom: 1px solid #c8c8c8;
}
#recap #recap-0 .assort_slider li .assort_grid img,
#recap #recap-0-1tray .assort_slider li .assort_grid img,
#recap #recap-0-assort .assort_slider li .assort_grid img{
    height: auto;
    width: auto;
    max-width: 100%;
    top: auto;
    border: 0;
}
#recap #recap-0 .assort_slider li .assort_grid table,
#recap #recap-0-1tray .assort_slider li .assort_grid table,
#recap #recap-0-assort .assort_slider li .assort_grid table{
    margin-top: 23px;
}
#recap #recap-1 .card_slider .recap_card_image img,
#recap #recap-2 .image img{
    width: 168px;
    height: auto;
    margin: 0 auto;
    display: block;
}
#recap #recap-3.recap_item .recap_caption{
    text-transform: none;
}
#recap #recap-3.recap_item .product_type_1 .recap_caption{
    color: #fff;
    text-shadow: -1px -1px rgba(0, 0, 0, 0.5), 1px 1px rgba(255, 255, 255, 0.5);
}
#recap #recap-3.recap_item .product_type_2 .recap_caption{
    color: rgba(195, 83, 12, 0.88);
    text-shadow: -1px -1px rgba(0, 0, 0, 0.5), 1px 1px rgba(255, 255, 255, 0.5);
}
#recap #recap-3.recap_item .product_type_3 .recap_caption{
    color: #C2A25A;
    text-shadow: -1px -1px rgba(0, 0, 0, 0.5), 1px 1px rgba(255, 255, 255, 0.5);
}
#recap .recap_item .concierge-date{
    background: transparent;
}
#personalization #recap .bx-wrapper{
    margin: 0 !important;
}
#recap .bx-wrapper .bx-controls-direction a{
    width: 9px;
    height: 100%;
    z-index: 97;
    top: 0;
    margin-top: 0;
    padding: 0 10px;
}
#recap .bx-wrapper .bx-caption{
    top: -21px;
    bottom: auto;
    background: #f7f7f7;
    box-sizing: border-box;
}
#recap .bx-wrapper .bx-caption span{
    text-align: right;
    color: #161616;
    font-family: 'garamondsemibold';
    font-size: 12px;
    line-height: 21px;
    text-transform: uppercase;
    padding: 0 8px;
}
#recap .bx-wrapper .bx-prev{
    left: 0px;
    background-image: url(../img/z/prod_left.png);
    background-repeat: no-repeat;
    background-position: 50%;
}
#recap .bx-wrapper .bx-next{
    right: 0px;
    background-image: url(../img/z/prod_right.png);
    background-repeat: no-repeat;
    background-position: 50%;
}
#recap .image.cropImage{
    overflow: hidden;
    max-width: 207px;
    max-height: 168px;
}
#recap #recap-3 .image.cropImage img{
    width: 320px;
    height: auto;
    max-width: none;
    margin: -56px 0px 0px -56px;
}
#recap #recap-3 .recap_caption{
    top: auto;
    bottom: 45px;
    text-align: center;
    font-family: 'garamonditalic';
    font-size: 15px;
}
#recap #recap-4 .image.cropImage img{
    width: 275px;
    height: 183px;
    max-width: none;
    margin: -8px 0px 0px -37px;
}
#recap #recap-4-ini .image.cropImage img{
    width: 275px;
    height: auto;
    max-width: none;
    margin: -10px 0px 0px -37px;
}
#recap #recap-4-ini .recap_caption{
    top: 50%;
    text-align: center;
    font-family: 'clarendon_blk_btblack';
    font-size: 30px;
    line-height: 30px;
    color: #f8f8ed;
    margin-top: -13px;
    text-transform: uppercase;
}
#recap #recap-6 .image.cropImage img{
    width: 207px;
    height: auto;
    max-width: none;
    margin: -18px 0px 0px 0px;
}
#recap #recap-1,
#recap #recap-2,
#recap #recap-7{
    background: #f2f2f2;
}
#recap .card_recap_mess{
    padding: 10px 20px;
}
#recap .card_recap_mess div{
    overflow-y: auto;
    height: 148px;
}
#recap .concierge_recap_mess{
    padding: 10px 20px;
    overflow-y: auto;
    height: 168px;
}
#recap .captions div{
    position: absolute;
    display: none;
}
#recap .captions div.caption-0{
    display: block;
}





/***

 CSS ADDITIONNELLES

 ***/


#recap {
    margin-top: 20px;
    min-height: 620px;
}

#tab_photo .step1 .main .engraving_photo {
    position: absolute;
    border-radius: 16px;
}

#personalization .actions {
    padding:8px 0;
}




@media only screen and (max-width: 1024px) {

}


@media only screen and (max-width: 320px), screen and (max-width: 360px) {

    .footer-container #footer #social_block ul li {
        margin-right: 4%;
    }

    .pb-left-column #product_image {
        height: auto;
    }





    #tab_choco {
        /*min-height: 1124px;*/
    }


    #personalization .step2 .actions {
        width: 99%;
        margin-left: -6%;
        margin-top: 15%;
    }


    #columns {
        padding-top: 50px;
        margin-top: 30px;
        /*min-height: 1413px;*/
    }


    #personalization .step2 .actions {
        width: 92%;
        margin-left: -6%;
        margin-top: 15%;
    }



    .footer-container.mini_footer {
        width: 100%;
        padding: 0;
    }


    .pb-right-column #short_description_block {
        background: none;
    }


    #customization ul#custo_options {
        border: 1px solid #d6d4d4;
        margin-top: 30%;
    }


    #customization ul#custo_options li span {
        background: url(../img/z/prod_right.png) 7px center no-repeat;
    }

    #shipping_cost {
        margin: 45px 0 7px;
    }

    #recap {
        min-height:1250px;
    }


    .assort-to-change .image {
        width:auto;
    }

    #personalization .step2 .actions {
        width: 100%;
        margin: 58px 0 0 0;
        padding:0;

        /* margin:0; */


    }

    #personalization .step3-custo .actions {
        margin: 0;
    }

    .step3-custo .main {
        margin: 50px 0 40px 0px;
    }

    a.change {
        width: 100%;
    }

    a.close {
        display:none;
        right: 25px;
    }

    .main span.intro {
        width: 100%;
    }

    #recap .recap_item.one {
        /* margin: 0px 6px 10px; */
        margin: 0px 6px 0px;
    }

    #recap .recap_item .image img {
        width: 100%;
        height: auto;
    }

    .chocolate {
        /*width: 42%;*/
        /*  margin: 4% 0 0 1%; */
    }


    #chocolates .first-in-line {
        /* margin: 4% 0 0 2%; */
        margin:none;
    }

    #chocolates .last-in-line {
        /* margin: 11px 11px 0px 0px;
           margin:auto;
         */
        margin:none;
    }

    .step3-custo .main {
        /* margin: 0px 0 40px 0px; */
        margin: 20% 0 0;
    }

    #product_image .bx-wrapper .bx-pager, #product_image .bx-wrapper .bx-controls-auto {
        display: none;
    }



    #product_image .bx-wrapper a.bx-prev {
        top: 50%;
        left: 5%;
        background: url(../img/z/prod_left.png) no-repeat;
    }


    #product_image .bx-wrapper a.bx-next {
        top: 50%;
        /*left: 245px;*/
        background: url(../img/z/prod_right.png) no-repeat;
    }



    #nextprev_links {
        /*display: none;*/

    }


    #shipping_country #countries {
        border: 0;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        background: rgba(0, 0, 0, 0) url(../img/z/ship_count_arrow.png) top 13px right 6px no-repeat;
        padding: 12px 16px 20px 0;
        margin: 0;
    }


    #recap_tabs li {
        border-bottom: 1px solid #c8c8c8;
    }

    #product_image .bx-wrapper {
        z-index: 0;
    }


    #recap {
        min-height: 1345px;

    }




    #personalization .info {
        width: 100%;
    }




    #personalization #tab_card .info {
        width: 100%;
        position: absolute;
        top: 250px;
    }

    body#product p.roduct .product-7
    .product-robe-de-soie-imprimee
    .category-11 .category-robes-d-ete
    .hide-left-column .hide-right-column
    #personalization .info {
        width: 100%;
        position: absolute;
        top: 40%;
    }


    body#product p.roduct .product-7
    .product-robe-de-soie-imprimee
    .category-11 .category-robes-d-ete
    .hide-left-column .hide-right-column
    #personalization .info #tab_card .actions {
        margin: none;
        position: absolute;
        top: 85%;
    }
    #personalization .actions input[type=submit] {
        margin: 10px;
    }

    #tab_concierge .right textarea {
        width: 100%;
        /* width: 85%; */
    }

    /*.pb-right-column {
      margin-top:290px;
    }*/

    #columns {
        padding-top: 50px;
        margin-top: 30px;
    }


    #personalization {

        width: 100%;
        padding-left: 0;
        max-height: none;

        /* padding-left:12%; */
        /* max-height:0; */
        /* padding-bottom: 30%; */
        /* max-height: 984px; */
        /* max-height: none; */

    }


    #details_mobile {
        display:none;
    }

    #tab_concierge {
        padding: 0;
        /* margin-right: 15%; */
        /* background: lime; */
    }


    #tab_concierge .right .big {
        text-align: center;
        width: 100%;
        /* background: orange; */
        /* margin-right: 88px; */
    }

    #tab_concierge .right #calendar {
        /*
          height: 198px;
          margin: 10px 0 15px;
          width: 70%; */
        height: auto;
        margin: 10px 0 15px;
        width: 100%!important;
        /* background: yellow; */
    }
    #tab_concierge .ui-datepicker{
        width:100%!important;
    }

    .row > #center_column {
        /*   min-height: 1228px; */
        /* min-height: 1342px; */
        /* min-height: 1520px;*/
        /* background-color: #FFFFFF;*/
        padding: 0;
    }


    #product_image img {
        /* width: 50%;
         height:auto;*/
    }






    .assortment, #product_assortments .first-in-line, #product_assortments .last-in-line {
        margin-top: 30px;
        margin-left: 5px;
    }


    .assortment {
        width: 80%;
        margin: 10px auto !important;
    }


    .assortment .image {
        width: 100%;
        height:auto;
    }





    #tab_accessory .accessory .title {
        height: 47px;
        line-height: 16px;
    }




    #tab_card #card_form textarea {
        transform: rotateY(0deg) rotateZ(0deg) rotateX(0deg);
        position:absolute;
        top:40px;
    }


    .assort_desc {
        padding: 5%;
    }


    .assortment .title {
        /* height: 100px;*/
    }

    #chocolates .first-in-line{
        margin: none;
    }



}



/* spécificités */
@media only screen and (max-width: 360px)  {


    #columns {
        margin: 0;
        padding: 0px 24px;
        z-index: 1;
    }

    #recap_tabs li {
        padding: 0 27px;
    }


    .footer-container #footer #social_block ul li {
        margin-right: 2%;
        width:9%;
    }





    #personalization #library .bx-wrapper {
        margin: 0 11px 44px 34px !important;
    }








    /* reset */
    /* #tab_engraving .step1 .main .engraving_text,
     #tab_engraving .step1 .main .engraving_text input[type=text] {
       box-sizing:  none;
       -webkit-transform: none;
       -moz-transform: none;
       -o-transform: none;
       -ms-transform:  none;
       transform:  none;
       animation : none;
       animation-delay : 0;
       animation-direction : normal;
       animation-duration : 0;
       animation-fill-mode : none;
       animation-iteration-count : 1;
       animation-name : none;
       animation-play-state : running;
       animation-timing-function : ease;
       backface-visibility : visible;
       background : 0;
       background-attachment : scroll;
       background-clip : border-box;
       background-color : transparent;
       background-image : none;
       background-origin : padding-box;
       background-position : 0 0;
       background-position-x : 0;
       background-position-y : 0;
       background-repeat : repeat;
       background-size : auto auto;
       border : 0;
       border-style : none;
       border-width : medium;
       border-color : inherit;
       border-bottom : 0;
       border-bottom-color : inherit;
       border-bottom-left-radius : 0;
       border-bottom-right-radius : 0;
       border-bottom-style : none;
       border-bottom-width : medium;
       border-collapse : separate;
       border-image : none;
       border-left : 0;
       border-left-color : inherit;
       border-left-style : none;
       border-left-width : medium;
       border-radius : 0;
       border-right : 0;
       border-right-color : inherit;
       border-right-style : none;
       border-right-width : medium;
       border-spacing : 0;
       border-top : 0;
       border-top-color : inherit;
       border-top-left-radius : 0;
       border-top-right-radius : 0;
       border-top-style : none;
       border-top-width : medium;
       bottom : auto;
       box-shadow : none;
       box-sizing : content-box;
       caption-side : top;
       clear : none;
       clip : auto;
       color : inherit;
       columns : auto;
       column-count : auto;
       column-fill : balance;
       column-gap : normal;
       column-rule : medium none currentColor;
       column-rule-color : currentColor;
       column-rule-style : none;
       column-rule-width : none;
       column-span : 1;
       column-width : auto;
       content : normal;
       counter-increment : none;
       counter-reset : none;
       cursor : auto;
       direction : ltr;
       display : inline;
       empty-cells : show;
       float : none;
       font : normal;
       font-family : inherit;
       font-size : medium;
       font-style : normal;
       font-variant : normal;
       font-weight : normal;
       height : auto;
       hyphens : none;
       left : auto;
       letter-spacing : normal;
       line-height : normal;
       list-style : none;
       list-style-image : none;
       list-style-position : outside;
       list-style-type : disc;
       margin : 0;
       margin-bottom : 0;
       margin-left : 0;
       margin-right : 0;
       margin-top : 0;
       max-height : none;
       max-width : none;
       min-height : 0;
       min-width : 0;
       opacity : 1;
       orphans : 0;
       outline : 0;
       outline-color : invert;
       outline-style : none;
       outline-width : medium;
       overflow : visible;
       overflow-x : visible;
       overflow-y : visible;
       padding : 0;
       padding-bottom : 0;
       padding-left : 0;
       padding-right : 0;
       padding-top : 0;
       page-break-after : auto;
       page-break-before : auto;
       page-break-inside : auto;
       perspective : none;
       perspective-origin : 50% 50%;
       position : static;
       /* May need to alter quotes for different locales (e.g fr) */
    /*quotes : '\201C' '\201D' '\2018' '\2019';
    right : auto;
    tab-size : 8;
    table-layout : auto;
    text-align : inherit;
    text-align-last : auto;
    text-decoration : none;
    text-decoration-color : inherit;
    text-decoration-line : none;
    text-decoration-style : solid;
    text-indent : 0;
    text-shadow : none;
    text-transform : none;
    top : auto;
    transform : none;
    transform-style : flat;
    transition : none;
    transition-delay : 0s;
    transition-duration : 0s;
    transition-property : none;
    transition-timing-function : ease;
    unicode-bidi : normal;
    vertical-align : baseline;
    visibility : visible;
    white-space : normal;
    widows : 0;
    width : auto;
    word-spacing : normal;
    z-index : auto;
  }  */

    /* redefinition */
    #tab_engraving .step1 .main .engraving_text {
        width: 100%;
    }

    #tab_engraving .step1 .main .engraving_text input[type=text] {
        position:absolute;
        padding: 0;
        border: 1px #000000 solid;
        margin-top: 10%;
        width: 86%;
        /*     width: 99%; */
        font-size: 26px;
    }


    #tab_card {
        min-height: 1300px;
    }


    #tab_card #card_form input {
        font-size: 16px;
        width: 231px;
        height: 27px;
    }


    #tab_card #card_form textarea {
        font-size: 16px;
        width: 235px;
        height: 225px;
    }


    #field-three table {
        -webkit-transform: rotateY(0deg) rotateZ(0deg) rotateX(0deg);
        transform: rotateY(0deg) rotateZ(0deg) rotateX(0deg);
    }


    #field-one span {
        position: absolute;
        top: 158px;
        right: 259px;
    }


    #field-two span {
        position: absolute;
        top: 158px;
        right: 259px;
    }


    #field-three span {
        position: absolute;
        top: 0px;
        right: 96px;
    }


    #field-three .label {
        font-size: 16px;
        position: absolute;
        top: 532px;
        right: 143px;
    }






    #tab_card #card_form label,
        /*   #field-three span, */
        /*   #tab_card #card_form span,  */
    #tab_card #card_form input,
    #tab_card #card_form textarea  {
        -webkit-transform: rotateY(0deg) rotateZ(0deg) rotateX(0deg);
        transform: rotateY(0deg) rotateZ(0deg) rotateX(0deg);
        position: absolute;
        top: 150px;
        right: 13px;
    }





    #tab_card #card_form #field-three td.pic img {
        -webkit-transform: rotateY(0deg) rotateZ(0deg) rotateX(0deg);
        transform: rotateY(0deg) rotateZ(0deg) rotateX(0deg);
        position: absolute;
        top: 577px;
        right: 144px;
    }







    #personalization #photoLogo_form .actions {
        position: relative;
        bottom: 0;
    }





    #tab_heart {
        z-index:500;
    }



    #personalization .actions {
        padding: 60px 0;
    }


    #tab_card #card_form input, #tab_card #card_form textarea {
        right: 43px;
        min-width: 205px;
    }



}


@media only screen and (max-width: 320px)  {

    #columns {
        margin: 0;
        padding: 0 35px 35px;
    }

    #recap_tabs li {
        padding: 0 13px;
    }

    .footer-container #footer #social_block ul li {
        margin-right: 3%;
    }



    /* reset */
    /* #tab_engraving .step1 .main .engraving_text,
     #tab_engraving .step1 .main .engraving_text input[type=text] {
       box-sizing:  none;
       -webkit-transform: none;
       -moz-transform: none;
       -o-transform: none;
       -ms-transform:  none;
       transform:  none;
       animation : none;
       animation-delay : 0;
       animation-direction : normal;
       animation-duration : 0;
       animation-fill-mode : none;
       animation-iteration-count : 1;
       animation-name : none;
       animation-play-state : running;
       animation-timing-function : ease;
       backface-visibility : visible;
       background : 0;
       background-attachment : scroll;
       background-clip : border-box;
       background-color : transparent;
       background-image : none;
       background-origin : padding-box;
       background-position : 0 0;
       background-position-x : 0;
       background-position-y : 0;
       background-repeat : repeat;
       background-size : auto auto;
       border : 0;
       border-style : none;
       border-width : medium;
       border-color : inherit;
       border-bottom : 0;
       border-bottom-color : inherit;
       border-bottom-left-radius : 0;
       border-bottom-right-radius : 0;
       border-bottom-style : none;
       border-bottom-width : medium;
       border-collapse : separate;
       border-image : none;
       border-left : 0;
       border-left-color : inherit;
       border-left-style : none;
       border-left-width : medium;
       border-radius : 0;
       border-right : 0;
       border-right-color : inherit;
       border-right-style : none;
       border-right-width : medium;
       border-spacing : 0;
       border-top : 0;
       border-top-color : inherit;
       border-top-left-radius : 0;
       border-top-right-radius : 0;
       border-top-style : none;
       border-top-width : medium;
       bottom : auto;
       box-shadow : none;
       box-sizing : content-box;
       caption-side : top;
       clear : none;
       clip : auto;
       color : inherit;
       columns : auto;
       column-count : auto;
       column-fill : balance;
       column-gap : normal;
       column-rule : medium none currentColor;
       column-rule-color : currentColor;
       column-rule-style : none;
       column-rule-width : none;
       column-span : 1;
       column-width : auto;
       content : normal;
       counter-increment : none;
       counter-reset : none;
       cursor : auto;
       direction : ltr;
       display : inline;
       empty-cells : show;
       float : none;
       font : normal;
       font-family : inherit;
       font-size : medium;
       font-style : normal;
       font-variant : normal;
       font-weight : normal;
       height : auto;
       hyphens : none;
       left : auto;
       letter-spacing : normal;
       line-height : normal;
       list-style : none;
       list-style-image : none;
       list-style-position : outside;
       list-style-type : disc;
       margin : 0;
       margin-bottom : 0;
       margin-left : 0;
       margin-right : 0;
       margin-top : 0;
       max-height : none;
       max-width : none;
       min-height : 0;
       min-width : 0;
       opacity : 1;
       orphans : 0;
       outline : 0;
       outline-color : invert;
       outline-style : none;
       outline-width : medium;
       overflow : visible;
       overflow-x : visible;
       overflow-y : visible;
       padding : 0;
       padding-bottom : 0;
       padding-left : 0;
       padding-right : 0;
       padding-top : 0;
       page-break-after : auto;
       page-break-before : auto;
       page-break-inside : auto;
       perspective : none;
       perspective-origin : 50% 50%;
       position : static;
       /* May need to alter quotes for different locales (e.g fr) */
    /*quotes : '\201C' '\201D' '\2018' '\2019';
    right : auto;
    tab-size : 8;
    table-layout : auto;
    text-align : inherit;
    text-align-last : auto;
    text-decoration : none;
    text-decoration-color : inherit;
    text-decoration-line : none;
    text-decoration-style : solid;
    text-indent : 0;
    text-shadow : none;
    text-transform : none;
    top : auto;
    transform : none;
    transform-style : flat;
    transition : none;
    transition-delay : 0s;
    transition-duration : 0s;
    transition-property : none;
    transition-timing-function : ease;
    unicode-bidi : normal;
    vertical-align : baseline;
    visibility : visible;
    white-space : normal;
    widows : 0;
    width : auto;
    word-spacing : normal;
    z-index : auto;
  }  */

    /* redefinition */
    /*#tab_engraving .step1 .main .engraving_text {
      top:306px!important;
      left:14px!important;

    }*/

    #tab_engraving .step1 .main .engraving_text input[type=text] {
        padding: 0;
        border: 1px #000000 solid;
        margin-top: 10%;
        width: 99%;
        font-size: 26px;
    }

    #personalization #tab_card .actions{
        margin:none;
        position: absolute;
        top:90%;
    }



    #tab_card {
        min-height: 1300px;
    }


    #tab_card #card_form input {
        font-size: 16px;
        width: 231px;
        height: 27px;
    }


    #tab_card #card_form textarea {
        font-size: 16px;
        width: 235px;
        height: 225px;
    }


    #field-three table {
        -webkit-transform: rotateY(0deg) rotateZ(0deg) rotateX(0deg);
        transform: rotateY(0deg) rotateZ(0deg) rotateX(0deg);
    }


    #field-one span {
        position: absolute;
        top: 158px;
        right: 259px;
    }


    #field-two span {
        position: absolute;
        top: 158px;
        right: 259px;
    }


    #field-three span {
        position: absolute;
        top: 0px;
        right: 96px;
    }


    #field-three .label {
        font-size: 16px;
        position: absolute;
        top: 532px;
        right: 143px;
    }





    #tab_card #card_form label,
        /*   #field-three span, */
        /*   #tab_card #card_form span,  */
    #tab_card #card_form input,
    #tab_card #card_form textarea  {
        -webkit-transform: rotateY(0deg) rotateZ(0deg) rotateX(0deg);
        transform: rotateY(0deg) rotateZ(0deg) rotateX(0deg);
        position: absolute;
        top: 150px;
        right: 13px;
    }





    #tab_card #card_form #field-three td.pic img {
        -webkit-transform: rotateY(0deg) rotateZ(0deg) rotateX(0deg);
        transform: rotateY(0deg) rotateZ(0deg) rotateX(0deg);
        position: absolute;
        top: 577px;
        right: 144px;
    }






    #tab_card #field-three {
        left: 66px;
    }

    #field-three span {
        right: 85px;
    }

    /*   #tab_card #card_form input,
    #tab_card #card_form textarea  {
      right: 27px;
    }
     */
    #tab_card #card_form input,
    #tab_card #card_form textarea {
        right: 43px;
        min-width: 205px;
    }



    #personalization #photoLogo_form .actions {
        position: relative;
        bottom: 13px;
    }




    #personalization #photoLogo_form .actions {
        position: relative;
        bottom: 0;
    }


    /*#biblio_images .title {
      font-size: 8px;
      height: 68px;
    }*/



}








#personalization {
    /*z-index: 98;*/
    z-index: 10;
}

.paged-library, .paged-library .last-page{
    width: 246px;
}











#biblio_images .title {
    padding: 11px;
    font-size:14px;
}


#biblio_images .image img {
    width: auto;
    height: auto;
    max-height: 169px;
    margin: 0 auto;
    /* border: 1px solid #d1d0ce;*/
}


#product_assortments .first-in-line  {
    margin:none;
}




#personalization .actions {
    text-align: center;
    padding: 0;

    width: 100%;
    overflow: hidden;
    clear: both;
}

/*
#personalization #photoLogo_form .actions {
  position: relative;
  bottom: 87px;
}

 */





#personalization .actions input[type=button], #personalization .actions input[type=submit] {
    border: 0;
    display: initial;
    display: inline-block;
    float: none;
    padding: 8px 0;
    /* margin: 0 0px 0 0; */
    outline: 0;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 35%;
    background: #161616;
    color: #fff;
    text-transform: uppercase;
    font-family: 'garamondsemibold';
    font-size: 14px;
    line-height: 14px;
    cursor: pointer;
    border-radius: 0;
}




#recap .recap_item .title {
    height: 42px;
}



/* add */
#tab_concierge .main {
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}


#tab_concierge .left {

    padding: 0;
}

#tab_concierge .big {
    font-family: 'garamondsemibold';
    font-size: 15px;
    line-height: 1;
    text-transform: uppercase;
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 20%;
}


#tab_concierge .right .big {
    text-align: center;
    width: 100%;
    /*margin-top: 20%;
    margin-bottom: 5%;*/
}



#tab_concierge .right #calendar {
    height: auto;
    width: 100%;
    max-width: 300px;
    margin: 0 auto 28px;
}



#personalization #tab_card .actions {
    margin: 0;
    padding: 0;
    position: relative;
    bottom: 30px;
}


/*


#recap_tabs {
  right: 335px;
}

*/


.reg {
    /*margin:0;*/
}

#library .step2 .main {
    margin: 20px 0 0;
}


.footer-container.mini_footer {
    z-index: 80;
}

#personalization .actions {
    width: 100%;
    margin:0;
}
#personalization #tab_card .actions {
    bottom: 0px;
}

@media screen and (min-width:800px) {





    .pb-right-column {
        position: relative;
        top: 100px;
        min-height: auto; /* 900px */
    }





    #recap {
        margin-top: 0;
        min-height: 600px;
    }

    #tab_concierge .left {
        /*width: 55%;*/
        padding: 0;
        margin: 0;
        float: left;
    }

    #tab_concierge .right {
        /*width: 39%;
        padding: 0;*/
        margin: 0;
        float: left;
    }




    #tab_concierge .big {
        margin-top: 20px;
    }



    #tab_wrap .initials {
        margin-bottom: 20px;
        margin-top:15px;
    }


    #product_image .bx-wrapper .bx-prev {
        left: 230px;
    }

    #product_image .bx-wrapper .bx-next {
        right: 230px;
    }


    #tab_photo .step1 .main .engraving_photo {
        /* top: 114px;*/
    }

    #personalization #photoLogo_form .actions {
        bottom: -39px;
    }

    #tab_engraving .step1 .main .engraving_text {
        /*top: 315px;*/
    }

    .assortment .title {
        /* min-height: 70px;*/
    }





}
@media  screen and (max-width: 1199px) {
    #tab_card #field-one, #personalization #field-two{
        left:298px;
    }
    /*#tab_photo .step1 .main .engraving_photo{
        top:134px;
        left:200px;
    }
    #tab_engraving .step1 .main .engraving_text {
        left:160px;
        top: 368px;
    }*/
    #personalization .info{
        padding-top:5px;
    }
}
@media  screen and (max-width: 991px) {
    #personalization {

        /*z-index: 100;*/
    }
    #tab_card #field-three{
        left: 26%;
        top: 80px
    }
    #tab_card #field-one, #personalization #field-two{
        left:360px;
    }
    #tab_photo .step1 .main .engraving_photo{

        left:35.3%;
    }
    /*#tab_engraving .step1 .main .engraving_text {
        top: 320px;
        left: 109px;
        width: 265px;
    }*/

}

@media  screen and (max-width: 768px){

    #product_assortments img{
        width:100%;
    }
    #product_assortments  .assortment , #chocolates .chocolate {
        padding-left : 0.5%;
        padding-right : 1%;
    }
    #chocolates  .paged-chocolates{
        /*margin-left:23px;
        margin-right:22px;*/
    }
    #assortments_form  .right-block{
        display:none;
    }
    #tab_card #field-three{
        left:9%;
        top:43px;
    }
    #field-three table, #field-three .pic{
        width:100%;
    }
    #personalization #tab_card .actions {
        bottom:0px;
    }
    #mycard_form #card-name-mobile{
        width:100%;
        margin-top:4%;
    }
    #field-three-mobile{
        z-index:101;
    }
    #tab_card{
        min-height:500px;
    }
    #library .biblio {
        padding:10px 0.5% 10px 0.5%;
    }
    #library .biblio .title{
        /*padding:1% 0 0 1%;*/
        font-size:12px;
    }
    #biblio_images .title div.biblio_title-name{


        -o-text-overflow: ellipsis; /* pour Opera 9 */
        text-overflow: ellipsis;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        -o-hyphens: auto;
        hyphens: auto;

    }
    #tab_photo .step1 .main .engraving_photo{
        left:31%;
        top: 60px
    }
    #tab_photo .step1 .main .engraving_photo table{
        /*width: 173px;*/
        height: auto;
    }
    #tab_wrap .wrapping .text{
        padding:0px;
    }
    #tab_accessory .accessory{
        padding: 0 0.5% 0 0.5%;
    }
    #tab_accessory .accessory .title{
        height:42px;
    }
    #tab_concierge .right #calendar .ui-datepicker {
        width:100%!important;

    }
}
/*@media  screen and (max-width: 600px){
	#tab_photo .step1 .main .engraving_photo{

		left:27%;
	}
}
@media  screen and (max-width: 430px){
	#tab_photo .step1 .main .engraving_photo{

		left:22%;
		top:33%;
	}
}
@media  screen and (max-width: 360px){
	#tab_photo .step1 .main .engraving_photo{

		left:20%;
		top:30%;
	}
	#tab_photo .step1 .main .engraving_photo img{
		width:83px;
	}
}
@media  screen and (max-width: 320px){
	#tab_photo .step1 .main .engraving_photo{

		left:21%;
		top:27%;
	}
	#tab_photo .step1 .main .engraving_photo img{
		width:70px;
	}
}*/



@media screen and (min-width:768px) and (max-width:768px) {

    .pb-right-column .padding_title {
        /*padding: 68px 12px 0 7px;*/
    }

    #product_image .bx-wrapper .bx-prev {
        left: 258px;
        bottom: 21px;
    }

    #product_image .bx-wrapper .bx-next {
        right: 250px;
        bottom: 21px;
    }

    .assortment .title {
        height: 64px;
    }


}



#recap_tabs, #product_image .bx-wrapper .bx-controls-direction a {
    z-index: 9;
}


#biblio_images .title {
    /*height: 63px;*/
}

#personalization .actions input[type=button],
#personalization .actions input[type=submit] {
    margin:0;
}

#personalization .actions {
    padding:15px 0 15px 0 !important;
}

.pb-right-column {
    position: relative;
    top: 0;
    height:auto;
}

#product_image .bx-wrapper .bx-pager {
    bottom: 25px;
}

#product_image .bx-wrapper .bx-next,
#product_image .bx-wrapper .bx-prev {
    bottom: 23px;
}

#personalization .actions {
    padding: 0px;
}

/***/


#tab_concierge .right textarea {
    margin: 6px 0 0;
    width: 100%;
    height: 81px;
    font-family: 'garamondregular';
}

#tab_concierge .right .big2{
    margin-top: 0px;
    margin-bottom: 8px;
}

#tab_concierge .big {
    margin-top: 7px;
}


@media (max-width: 360px) {
    #product_image .bx-wrapper .bx-next{
        left: auto;
    }
    #product_image .bx-wrapper .bx-prev{
        right: auto;
    }
}
@media (max-width: 690px) {
    #recap .recap_item {
        /* width: 44%;*/
        margin: 0 5px 10px !important;
    }
}
@media (max-width: 474px) {
    #recap .recap_item {
        margin: 0 auto 10px !important;
        float: none;
    }
}
@media (max-width: 768px) {
    .primary_block{
        overflow: initial;
    }
    .pb-right-column .padding_desc{
        padding: 0 26px;
    }
    #customization ul#custo_options li.selected{
        z-index: 9;
    }
    #library .biblio{
        max-width: 169px;
    }
    #field-three .label{
        display: none;
    }
    #disable{
        color: #E1E1DF;
        opacity: 0.8;
    }
    #personalization #tab_choco .step2 .actions{
        padding: 15px 22px !important;
        width: 100%;
        margin: 0;
    }
    #personalization #tab_choco .step3-default{
        margin: 0 0 35px;
    }
    #tab_wrap .info .selectgift{
        text-align: center;
    }
    #tab_accessory .accessory.first-in-line,
    #tab_accessory .accessory.last-in-line{
        margin: 10px 3px 0;
    }
    #tab_concierge .right{
        margin-top: 15px;
    }
    .biblio{
        margin: 10px auto;
    }
    #tab_photo .step1 .main .product-type-2 table td.photoLogo_warning{
        font-size: 12px;
    }

}
@media (max-width: 992px) {
    #product_image .bx-wrapper .bx-next{
        right: 15px;
    }
    #product_image .bx-wrapper .bx-prev{
        left: 15px;
    }
    #tab_concierge .right{
        margin-top: 0;
    }
    #tab_concierge .right .big{
        margin-top: 8px;
    }
    #tab_photo .step1 .main .engraving_photo img.height{
        max-height: 175px;
    }
}

/* MAx heights for custom images non square */
@media (max-width: 885px) {
    #tab_photo .step1 .main .engraving_photo img.height{
        max-height: 165px;
    }
    #tab_photo .step1 .main .engraving_photo #fistTd.width{
        height: 165px;
    }
}
@media (max-width: 845px) {
    #tab_photo .step1 .main .engraving_photo img.height{
        max-height: 155px;
    }
    #tab_photo .step1 .main .engraving_photo #fistTd.width{
        height: 155px;
    }
}
@media (max-width: 768px) {
    #tab_photo .step1 .main .engraving_photo img.height{
        max-height: 195px;
    }
    #tab_photo .step1 .main .engraving_photo #fistTd.width{
        height: 195px;
    }
}
@media (max-width: 670px) {
    #tab_photo .step1 .main .engraving_photo img.height{
        max-height: 185px;
    }
}
@media (max-width: 640px) {
    #tab_photo .step1 .main .engraving_photo img.height{
        max-height: 165px;
    }
    #tab_photo .step1 .main .engraving_photo #fistTd.width{
        height: 165px;
    }
}
@media (max-width: 580px) {
    #tab_photo .step1 .main .engraving_photo img.height{
        max-height: 145px;
    }
    #tab_photo .step1 .main .engraving_photo #fistTd.width{
        height: 145px;
    }
}
@media (max-width: 520px) {
    #tab_photo .step1 .main .engraving_photo img.height{
        max-height: 135px;
    }
    #tab_photo .step1 .main .engraving_photo #fistTd.width{
        height: 135px;
    }
}
@media (max-width: 480px) {
    #tab_photo .step1 .main .engraving_photo img.height{
        max-height: 125px;
    }
    #tab_photo .step1 .main .engraving_photo #fistTd.width{
        height: 125px;
    }
}
@media (max-width: 465px) {
    #tab_photo .step1 .main .engraving_photo img.height{
        max-height: 115px;
    }
    #tab_photo .step1 .main .engraving_photo #fistTd.width{
        height: 115px;
    }
}
@media (max-width: 425px) {
    #tab_photo .step1 .main .engraving_photo img.height{
        max-height: 105px;
    }
    #tab_photo .step1 .main .engraving_photo #fistTd.width{
        height: 105px;
    }
}
@media (max-width: 380px) {
    #tab_photo .step1 .main .engraving_photo img.height{
        max-height: 95px;
    }
    #tab_photo .step1 .main .engraving_photo #fistTd.width{
        height: 95px;
    }
}
@media (max-width: 320px) {
    #tab_photo .step1 .main .engraving_photo img.height{
        max-height: 75px;
    }
    #tab_photo .step1 .main .engraving_photo #fistTd.width{
        height: 75px;
    }
}
.box-info-product .exclusive,
.add_to_cart_top .exclusive,
.add_to_cart_bottom .exclusive {
    background-color: #d63131;
}
.add_to_cart_top{
    position: absolute;
    width: 250px;
    top: -50px;
    right: 35px;
}

.add_to_cart_bottom{
width :250px;
}

#cross_sell_text{
    font-family: 'Isidora SemiBold' !important;
    font-size: 18px;
    color: #707070;
}

.crossellers{
    padding: 0 20px 0 20px;
    margin : 20px -20px 0;
}

/* Tooltip product page */
.product .ui-tooltip, .arrow:after {
    background: #428ac9;
}
.product .arrow {
    width: 70px;
    height: 17px;
    overflow: hidden;
    position: absolute;
    left: 100%;
    margin-left: -39px;
    bottom: 2px;
}
.product .arrow.top {
    top: 43px;
    bottom: auto;
}
.product .arrow.left {
    left: 80%;
}
.product .arrow:after {
    content: "";
    position: absolute;
    left: 12px;
    top: 21px;
    width: 25px;
    height: 44px;
    z-index:-30;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    tranform: rotate(45deg);
}
.product .arrow.top:after {
    bottom: -20px;
    top: auto;
}
.gifting-services .ui-icon {
    background-image: url(../img/icon/close2.gif);
}
.gifting-services{
    background: #428ac8 !important;
    padding: 10px 15px;
    color: white !important;
    border-radius: 4px;
    font-family: 'garamondregular';
    font-size: 17px;
    text-align: center;
    width:180px;
    margin-top: 100px;
}
.gifting-services .ui-icon {
    width: 13px !important;
    height: 16px !important;
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}
.gifting-services .ui-tooltip-content {
    font-size: 14px;
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait){
    .product .ui-widget-content.ui-tooltip{
        display:none !important;
    }
}
@media only screen and (max-width: 767px){
    .product .ui-widget-content.ui-tooltip{
        display:none !important;
    }
}
#product #product_image .bx-wrapper .bx-pager.bx-default-pager a {
    background-color: #333333;
    margin: 0 3px;
    border: 1px solid white;
}
#product #product_image .bx-wrapper .bx-pager.bx-default-pager a.active{
    background-color: #d63131;
}

#product .bx-wrapper .bx-pager.bx-default-pager a {
    background: #666;
    text-indent: -9999px;
    display: block;
    width: 12px;
    height: 12px;
}
#card2{
    border-bottom: 1px solid #D6D4D4;
    margin: 0 0 10px;
    padding: 10px 0;
    background-color: #f2f2f2;
}
#customization ul#custo_options #card2 div{
    font-size: 18px;
    background: none;
    text-align: center;
    display: block;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    font-family: 'garamondsemibold';
}

@media (max-width: 465px) {
    .product .chocolate .col-title,
    .product .chocolate .col-macarons{
        text-align:center;
    }
}
.product-763 #tab_engraving .step1 .main .engraving_text,
.product-762 #tab_engraving .step1 .main .engraving_text{
    top: 67.8% !important;
}

.product-763 #tab_engraving .step1 .main .engraving_text.product-type-2 input[type=text],
.product-762 #tab_engraving .step1 .main .engraving_text.product-type-2 input[type=text] {
    font-size: 59px !important;
    font-family: garamondbold;
    text-transform: uppercase;
    color: #381600c7;
    height: 59px;
    letter-spacing: 3px;
    text-shadow:none;
}

.product-763 .engraving_text-mobile,
.product-762 .engraving_text-mobile{
    width: 70%;
    position: absolute;
    top: 37.5%;
    left: 15%;
}

.product-763 .engraving_text-mobile input[type=text],
.product-762 .engraving_text-mobile input[type=text] {
    background: transparent;
    border: 0;
    text-transform: uppercase;
    font-family: garamondbold;
    font-size: 33px;
    letter-spacing: 1.5px;
    color: #381600c7;
    text-shadow:none;
}

.category-luxurious-mahogany-gift-boxes .engraving_text-mobile,
.product-love-sapphire .engraving_text-mobile{
    width: 70%;
    position: absolute;
    top: 42%;
    left: 15%;
}

.category-luxurious-mahogany-gift-boxes #engraving-input-mobile,
.product-love-sapphire #engraving-input-mobile{
    background: transparent;
    border: 0;
    font-family: garamonditalic;
    letter-spacing: 1.5px;
    color: #C2A25A;
    font-size: 24px;
    text-shadow: -1px -1px rgba(0,0,0,0.5), 1px 1px rgba(255,255,255,0.5);
}

.category-chic-modern-zbox-gift-boxes .engraving_text-mobile,
.category-all-natural-vegan-selection .engraving_text-mobile{
    width: 70%;
    position: absolute;
    top: 42%;
    left: 15%;
}

.category-chic-modern-zbox-gift-boxes #engraving-input-mobile,
.category-all-natural-vegan-selection #engraving-input-mobile{
    background: transparent;
    border: 0;
    font-family: garamonditalic;
    letter-spacing: 1.5px;
    color: #fff;
    font-size: 22px;
    text-shadow: -1px -1px rgba(0,0,0,0.5), 1px 1px rgba(255,255,255,0.5);
}

.category-precious-24-karat-edible-gold .engraving_text-mobile,
.product-love-opal .engraving_text-mobile,
.product-love-opal-gold .engraving_text-mobile{
    width: 70%;
    position: absolute;
    top: 42%;
    left: 15%;
}

.category-precious-24-karat-edible-gold #engraving-input-mobile,
.product-love-opal #engraving-input-mobile,
.product-love-opal-gold #engraving-input-mobile{
    background: transparent;
    border: 0;
    font-family: garamonditalic;
    letter-spacing: 1.5px;
    color: #C2A25A;
    font-size: 21px;
    text-shadow: -1px -1px rgba(0,0,0,0.5), 1px 1px rgba(255,255,255,0.5);
}

.category-larger-than-life-creations .engraving_text-mobile{
    width: 70%;
    position: absolute;
    top: 42.4%;
    left: 15%;
}

.category-larger-than-life-creations #engraving-input-mobile{
    background: transparent;
    border: 0;
    font-family: garamonditalic;
    letter-spacing: 1.5px;
    color: #C2A25A;
    font-size: 19px;
    text-shadow: -1px -1px rgba(0,0,0,0.5), 1px 1px rgba(255,255,255,0.5);

}

.product-z-antidote .engraving_text-mobile,
.product-z-antidote-30 .engraving_text-mobile{
    width: 70%;
    position: absolute;
    top: 42%;
    left: 15%;
}

.product-z-antidote #engraving-input-mobile,
.product-z-antidote-30 #engraving-input-mobile{
    background: transparent;
    border: 0;
    font-family: garamonditalic;
    letter-spacing: 1.5px;
    color: rgba(195,83,12,0.88);
    font-size: 21px;
    text-shadow: -1px -1px rgba(0,0,0,0.5), 1px 1px rgba(255,255,255,0.5);
    border: 1px solid transparent;
}

.product-survival-kit-zbox-45 .engraving_text-mobile,
.product-survival-kit-zbox-60 .engraving_text-mobile{
    width: 70%;
    position: absolute;
    top: 42.5%;
    left: 15%;
}

.product-survival-kit-zbox-45 #engraving-input-mobile,
.product-survival-kit-zbox-60 #engraving-input-mobile{
    background: transparent;
    border: 0;
    font-family: garamonditalic;
    letter-spacing: 1.5px;
    color: #fff;
    font-size: 19px;
    text-shadow: -1px -1px rgba(0,0,0,0.5), 1px 1px rgba(255,255,255,0.5);
    border: 1px solid transparent;
}

.product-z-eternal-rose .engraving_text-mobile{
    width: 60%;
    position: absolute;
    top: 42.5%;
    left: 20%;
}

.product-z-eternal-rose #engraving-input-mobile{
    background: transparent;
    border: 0;
    font-family: garamonditalic;
    letter-spacing: 1.5px;
    color: #fff;
    font-size: 17px;
    text-shadow: -1px -1px rgba(0,0,0,0.5), 1px 1px rgba(255,255,255,0.5);
    border: 1px solid transparent;
}

.product-romantic-zbox-6 .engraving_text-mobile,
.product-romantic-zbox-6-rose .engraving_text-mobile{
    width: 60%;
    position: absolute;
    top: 42.5%;
    left: 20%;
}

.product-romantic-zbox-6 #engraving-input-mobile,
.product-romantic-zbox-6-rose #engraving-input-mobile{
    background: transparent;
    border: 0;
    font-family: garamonditalic;
    letter-spacing: 1.5px;
    color: #fff;
    font-size: 17px;
    text-shadow: -1px -1px rgba(0,0,0,0.5), 1px 1px rgba(255,255,255,0.5);
    border: 1px solid transparent;
}

.product-romantic-zbox-12 .engraving_text-mobile,
.product-romantic-zbox-27 .engraving_text-mobile{
    width: 70%;
    position: absolute;
    top: 42%;
    left: 15%;
}

.product-romantic-zbox-12 #engraving-input-mobile,
.product-romantic-zbox-27 #engraving-input-mobile{
    background: transparent;
    border: 0;
    font-family: garamonditalic;
    letter-spacing: 1.5px;
    color: #fff;
    font-size: 22px;
    text-shadow: -1px -1px rgba(0,0,0,0.5), 1px 1px rgba(255,255,255,0.5);
}

.product-love-zbox-27- .engraving_text-mobile{
    width: 70%;
    position: absolute;
    top: 42.5%;
    left: 15%;
}

.product-love-zbox-27- #engraving-input-mobile{
    background: transparent;
    border: 0;
    font-family: garamonditalic;
    letter-spacing: 1.5px;
    color: #fff;
    font-size: 20px;
    text-shadow: -1px -1px rgba(0,0,0,0.5), 1px 1px rgba(255,255,255,0.5);
}
/* Assortment Text on Image on the Box */
.category-118  #tab_photo .step1 .main .engraving_text input[type=text] {
    /* width: 330px; */
    width: 100%;
    height: 35px;
    box-sizing: content-box;
    padding: 1px;
    margin-left: 0px;
    background: transparent;
    font-family: 'garamonditalic';
    font-size: 28px;
    line-height: 28px;
    text-align: center;
    text-shadow: -1px -1px rgb(0 0 0 / 50%), 1px 1px rgb(255 255 255 / 50%);
    border: 1px solid transparent;
}
.category-118  #tab_photo .step1 .main .engraving_text {
    position: absolute;
    left: 25% !important;
    top: 77.5% !important;
    width: 50%;
    font-size: 28px;
    font-family: 'garamonditalic', sans-serif;
}
.paged-accessories{
    padding-left: 15px;
}
#product #short_description_content em{
    font-style: italic;
}
/* Gravure sur la collection Noel */
.product-615 #tab_engraving .step1 .main .engraving_text.product-type-1 input[type=text],
.product-743 #tab_engraving .step1 .main .engraving_text.product-type-1 input[type=text],
.product-617 #tab_engraving .step1 .main .engraving_text.product-type-1 input[type=text],
.product-618 #tab_engraving .step1 .main .engraving_text.product-type-1 input[type=text],
.product-708 #tab_engraving .step1 .main .engraving_text.product-type-1 input[type=text],
.product-658 #tab_engraving .step1 .main .engraving_text.product-type-1 input[type=text],
.product-804 #tab_engraving .step1 .main .engraving_text.product-type-1 input[type=text],
.product-619 #tab_engraving .step1 .main .engraving_text.product-type-1 input[type=text]{
    color: #000;
}
@media screen and (max-width:718px) {
    #layer_cart{
        width: 132% !important;
        left: -30% !important;
    }
}