/* ================ Body =============== */
/* 076b68 */
:root {
    --transition: 0.15s;
    --border-radius: 0.5rem;
    --background: #ffc107;
    --box-shadow: #ffc107;
}


h1,h2,h3,h4{
    font-weight: 600;
}

.hide, .hideflex{
    display: none;
}

.show{
    display: block;
}

div.hideflex[style*="display: block"] {
    display: flex !important;
}

.popover{
    line-height: 1.1;
    font-size: .8rem;
}
.popover-body{
    padding: .5rem, .5rem;
    color: #5c5c5c;
}

.popover a{
    text-decoration: underline;
}

.font-line{
    font-family: 'Roboto';
}

.line_title{
    width: 150px;
    margin: auto;
    background: #000;
    height: 3px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.h5, h5 {
    font-size: 1rem;
    font-weight: 600;
}

.h_info_title{
    font-size: 0.7rem;
    color: #109bec;
}

a:hover {
    color: #06090d;
}

a.link:hover {
    color: #06090d;
}

a.link_white , a.link_white:hover {
    text-decoration: underline;
    color: #ffffff;
}

.topbar_bg{
    background-color: #076b68;
}

.topbar-section {
    font-size: 13px;
    line-height: 1em;
    font-weight: 400;
    position: relative;
    z-index: 101;
}

.scroll_table{
    display: none;
}


.product-title{
    font-family: 'Merriweather', serif;
    font-size: 36px;

    font-weight: 600;
}

.product-title-sm{
    font-size: 40px;
    font-weight: 400;
    line-height: 1.1675;
    margin-bottom: 25px;
    font-weight: 600;
}

.outlet a{
    font-weight: bold;
    color:#ffffff!important;
    background: #fb9701!important;
    text-align: center;
    margin-left: 30px;
}

.site-main-menu>ul>li.outlet>a>.menu-text::after {
    background-color: #ffffff;
}


.outlet_frame a{
    font-weight: bold;
    color:#ffffff!important;
    background: #1fd5a9 !important;
    text-align: center;
    margin-left: 30px;
}

.site-main-menu>ul>li.outlet_frame>a>.menu-text::after {
    background-color: #ffffff;
}








/* Box riquadri */
.riquadro_small{
    text-align: center;
    border: 1px solid #8c8c8c;
    padding: 15px 25px;
    font-size: 12px!important;
    line-height: 14px!important;
}


.header-logo{
    position: relative;
}
.by_centrocornici{
    position: absolute;
    bottom: 1px;
    right: 5px;
    font-size: 10px;
}


.container-products{
    align-items: center;
    justify-content: center;
}


/* ================ Menu =============== */
.site-main-menu > ul > li {
    letter-spacing: 0.5px;
}

.site-main-menu > ul {
    font-size: 14px;
}

.site-main-menu > ul > li > a {
    padding: 20px;
}

.site-main-menu.menu-height-100>ul>li>a {
    padding-top: 8px;
    padding-bottom: 8px;
}


.nav-pills .nav-link {
    border-radius: .25rem;
    border: solid 1px #ccc;
    margin: 0 5px;
}

/* ================ Form =============== */

.capitalize{
    text-transform: uppercase;
}


.select2-container--default .select2-selection--single {
    background-color: #f3f3f3;
    border: 1px solid #aaa;
    border-radius: 4px;
}

.select_evidence .select2-container--default .select2-selection--single {
    background-color: #ffffff !important;
    border: 1px solid #111111!important;
}

.select_evidence .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #111111;
    font-weight: 500;
    font-size: 14px;
}

.select2-container--default .select2-selection--single {
    /*border-radius: 12px!important;*/
    border: 1px solid #e2e2e2!important;
    background: #fbfbfb;
}


.select2-results__options .select2-results__option.select2-results__option--highlighted {
    background-color: #333333;
    color:#ffffff;
}

.select2-selection__rendered {
    padding-left: 8px!important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 20px;
}

.select_style_new .select2-container--default .select2-selection--single{
    border-radius: 0px!important;
    background: #ffffff;
    padding:15px 0;
}


input:not([type="checkbox"]):not([type="radio"]).form-field-base{
    display: inline-block;
    font-size: 16px;
    padding: 6px 12px;
    color: #333333;
    /*border-radius: 12px;*/
    border: 1px solid #e2e2e2 !important;
    background: #fefefe;
}

textarea.form-field-base{
    display: inline-block;
    font-size: 16px;
    padding: 6px 12px;
    color: #333333;
    /*border-radius: 12px;*/
    border: 1px solid #e2e2e2!important;
    background:#fefefe;
}

select.form-field-base{
    display: inline-block;
    font-size: 16px;
    padding: 6px 12px;
    color: #333333;
    border-radius: 12px;
    border: 1px solid #e2e2e2!important;
    background:#fefefe;
}


.offcanvas-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}

.phone_number{
    display:block;
    position: relative;
    width:160px;
    height:52px;
    border-radius: 10px;
    background-color: #f1f1f1;
    color:#000000;
}

.phone_number .title{
    position: absolute;top:5px;left:15px;font-size: 11px;
}

.phone_number .number{
    position: absolute;top:14px;left:15px;font-size: 20px;font-weight: bold;
}

/* ================ Title Text =============== */

.large-text{
    font-size: 18px;
}


.medium-text{
    font-size: 16px;
}

.basic-text{
    font-size: 14px!important;
    line-height: 18px!important;
    /*font-weight: normal!important;*/
}

.small-text{
    font-size: 12px!important;
    line-height: 14px!important;
    font-weight: normal!important;
}

.mini-text{
    font-size: 12px!important;
    line-height: 14px!important;
    font-weight: normal!important;
}

.subtitle{
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    display: block;
    margin-bottom: 5px;
    letter-spacing: 1.6px;
    color: #333333;
}

.evidence{
    color: #20a971;
    text-decoration: underline;
    font-weight: 900;
}

.title-header{
    color:#ffffff;
}

.title_green{
    font-size: 3em;
    color:#20a971;
}


.subtitle-header{
    color:#ffffff;
    margin-bottom: 30px;
    font-size: 34px;
    line-height: 1.1em;
    font-weight: bold;
    text-shadow: 2px 2px 6px #121212;
}


.mini_title{
    font-size: 12px;
    font-weight: 600;
}

h2.title{
    margin-bottom: 20px;
    font-size: 3em;
    font-weight: 600;
    color:#076b68;
}


.text-slogan {
    font-family: 'Roboto';
    font-size: 30px;
    font-weight: 300;
    line-height: 1.2;
    color: #ffffff;
}

.color-white{
    color:#fff;
}

/* ================ Header =============== */
.logo-style{
    /*max-width: 250px;*/
    max-height: 50px;
}

.user-login-name{
    font-size: 12px;
    line-height: 33px;
    font-weight: 600;
    margin: 0 5px;
}

.section-padding {
    padding-top: 50px;
    padding-bottom: 100px;
}

.section-padding-m {
    padding-top: 100px;
    padding-bottom: 100px;
}

.section-padding-s {
    padding-top: 50px;
    padding-bottom: 50px;
}

.page-title .title {
    font-weight: 100;
    text-transform: uppercase;
    font-size: 60px;
}

.btn-video {
    border-color: #fff;
    background-color: #fff;
    color: #272918;
}

.btn-input{
    height: 40px;
    border-radius: 0px;
}

.btn-outline-white {
    color: #fff;
    border-color: #fff;
    background-color: transparent;
}

.btn-outline-white:hover {
    color: #000;
    border-color: #fff;
    background-color: #fff;
}



.btn-outline-red {
    color: #CA0824!important;
    border-color: #CA0824;
    background-color: transparent;
}

/* ================ Footer =============== */
.footer2-section {
    background-color: #076b68;
    color:#ffffff;
}

.footer2-section p{
    color:#ffffff;
}

.footer2-section .widget-list li a:hover {
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.55);
}

.widget-list-footer {
    margin: 0;
    padding-left: 0;
    list-style: none;
}

.widget-list-footer li {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    margin-top:9px;
}

.widget-list-footer li a {
    color: #b1bf8f;
    border-bottom: 1px solid transparent;
}

.widget-list-footer li a:hover {
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.55);
}


/* ================ Language =============== */
.title_lang {
    display: inline-block;
    font-size: 18px;
    line-height: 1;
    color: #333333;
    width:100%;
}

a.btn-language{
    display: inline-block;
    font-size: 16px;
    padding: 5px;
    border: solid 1px #fff;
    width:100%;
    margin-bottom: 7px ;
}

a.btn-language:hover{
    border: solid 1px #ccc;
}

a.btn-language.active{
    background: #b1b1b1;
    color:#ffffff;
}

.flag{
    width:20px;
    margin-right: 5px;
}



/* ============= Button ========= */
.btn-small {
    font-size: 11px;
    padding: 2px 10px;
    border-radius: 10px;
}


.btn-primary.focus, .btn-primary:focus {
    color: #fff;
    background-color: #131313;
    border-color: #131313;
    box-shadow: 0 0 0 0.2rem rgba(26, 26, 26, 0.49);
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #131313;
    border-color: #131313;
}

/* Tag list Home */
.tag-list {
    display: block;
    margin-left: calc(50% - 50vw);
    padding: 1.2em 2rem 1.2em 2rem;
    text-align: center;
    white-space: nowrap;
    width: 100vw;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.tag-list::-webkit-scrollbar {
    display: none;
}

.btn-tag{
    margin: 0 5px;
}

.product-filter-toggle.active {
    color: #fff;
}

.btn-style1 {
    background: #e7a916;
    color: #fff;
    -webkit-box-shadow: 3px 8px 7px -8px rgba(112, 112, 112, 0.68);
    box-shadow: 3px 8px 7px -8px rgba(112, 112, 112, 0.68);
}

.btn-style1:hover {
    background: #fbb716;
    color: #fff;
    -webkit-box-shadow: 3px 8px 7px -8px rgba(112, 112, 112, 0.68);
    box-shadow: 3px 8px 7px -8px rgba(112, 112, 112, 0.68);
}



.btn-positive {
    font-size: 14px;
    background: #20a971;
    color: #fff;
    -webkit-box-shadow: 3px 8px 7px -8px rgba(112, 112, 112, 0.68);
    box-shadow: 3px 8px 7px -8px rgba(112, 112, 112, 0.68);
}

.btn-positive:hover {
    background: #9d9d9d;
    color: #fff;
    -webkit-box-shadow: 3px 8px 7px -8px rgba(112, 112, 112, 0.68);
    box-shadow: 3px 8px 7px -8px rgba(112, 112, 112, 0.68);
}


.btn-negative {
    font-size: 14px;
    background: #ca0824;
    color: #fff;
    -webkit-box-shadow: 3px 8px 7px -8px rgba(112, 112, 112, 0.68);
    box-shadow: 3px 8px 7px -8px rgba(112, 112, 112, 0.68);
}

.btn-negative:hover {
    background: #9d9d9d;
    color: #fff;
    -webkit-box-shadow: 3px 8px 7px -8px rgba(112, 112, 112, 0.68);
    box-shadow: 3px 8px 7px -8px rgba(112, 112, 112, 0.68);
}



.btn-buy {
    border-color: #fb9701;
    background-color: #fb7b17;
    color: #ffffff;
    box-shadow: 0px 4px 5px -4px #2c2c2c;
}


/* ============= Frame Config ============= */

.label_icon{
    display: block;
    opacity: 0;
    width:100px;
    height: 40px;
    text-align: right;
    color:#fff;
    font-size: 13px;
    line-height: 40px;
    font-weight: 700;
    position: absolute;
    top:0px;
    right:0px;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    text-shadow: 0.5px 0.5px 4px #1a1a1a;
}

.box_icon:hover .label_icon{
    opacity: 1;
    position: absolute;
    top:0px;
    right:50px;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}




.icon_pos_1{
    position: absolute;top:20px;right:15px;
}

.icon_pos_2{
    position: absolute;top:80px;right:15px;
}

.icon_pos_3{
    position: absolute;top:140px;right:15px;
}

.icon_pos_4{
    position: absolute;top:260px;right:15px;
}

.icon_pos_5{
    position: absolute;top:200px;right:15px;
}

.icon_pos_1_fix{
    position: absolute;top:20px;right:15px;
}

.icon_pos_2_fix{
    position: absolute;top:80px;right:15px;
}





.content_config{
    min-height: 450px;
    overflow: hidden;
    font-family: 'Roboto';
}

.ambient{
    position:relative;
    max-width: 100%;
}

.frame_drag_area{
    position: absolute;
    /*border:dashed 1px #ffffff;*/
}

.frame_drag_area:hover{
    /*border:dashed 1px #ffffff;*/
}

.frame{
    position: absolute;
    cursor: move;
}

.frame img{
    -webkit-box-shadow: 6px 6px 6px -5px rgba(0,0,0,0.5);
    -moz-box-shadow: 6px 6px 6px -5px rgba(0,0,0,0.5);
    box-shadow: 6px 6px 6px -5px rgba(0,0,0,0.5);
    width:100%;
}

.frame_shadow{
    -webkit-box-shadow: 6px 6px 6px -5px rgba(0,0,0,0.5);
    -moz-box-shadow: 6px 6px 6px -5px rgba(0,0,0,0.5);
    box-shadow: 6px 6px 6px -5px rgba(0,0,0,0.5);
}

.menu-config-style{
    background: #ffffff;
    -webkit-box-shadow: 2px 0px 20px -5px rgba(0,0,0,0.26);
    -moz-box-shadow: 2px 0px 20px -5px rgba(0,0,0,0.26);
    box-shadow: 2px 0px 20px -5px rgba(0,0,0,0.26);
    z-index: 10;
}


.offcanvas-config{
    right: auto;
    left: 0;
    padding: 0px!important;

}

.offcanvas-lang{
    box-shadow: 10px 0 28px -2px #888;
}


.product-info:not(:first-child) {
    margin: 15px auto;
    max-width: 350px;
}

.product-info .info {
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.product-info .title{
    min-height: 50px;
}

.product-info .title a {
    color: #1a1a1a;
    font-weight: 600;
}




.product:hover .product-info .title, .product:hover .product-info .price, .product:hover .info {
    visibility: hidden;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 0;
}


.product-info .title_h {
    font-family: "Roboto";
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 12px;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}


.product-disable{
    /*opacity: 0.4;*/
}


.product-split{
    padding:0 5px;
    border-right: solid 1px #ccc;
    margin: 0 5px 0 0;
}

.product-split:last-child{
    border-right: solid 0px #fff;
}


.product-badges span {
    font-weight: 600;
    line-height: 58px;
    z-index: 5;
    width: 58px;
    height: 58px;
    margin-bottom: 12px;
    text-align: center;
    text-transform: lowercase;
    color: #fff;
    border-radius: 50%;
    font-size: 18px;
}

.product-badges span.hot {
    background-color: #ff2343;
}


.detail_frame{
    border:solid 1px #eee;
}

.video_detail_frame{
    width:100%;
    max-width: 500px;
    margin: 0 auto;
}


.widget-list li {
    font-size: 22px;
    font-weight: 400;
    line-height: 0.25;
}

.widget-list li a {
    color: #999999;
    border-bottom: 0px solid transparent;
}

.product-filter{
    position:relative;
}

.product-filter-widget {
    max-height: 490px;
}

.widget-list a.active{
    color:#333333;
}

.widget-list a.active i{
    color: #ff2447;
}

.widget-list a span{
    display: block;
    font-size: 12px;
    margin: 8px 40px;
}


.info-btn {
    margin-left: 8px;
    font-size: 14px;
    color: #818181;
    cursor: pointer;
}

.reset_filter{
    position: absolute;
    bottom:10px;
    right:10px;
    background: #e42726;
    line-height: 25px;
    font-size: 12px;
    padding: 5px 10px;
    border-radius: 18px;
    color:#fff;
}
.reset_filter:hover{
    background: #c62625;
    color:#fff;
}

.close_filter{
    position: absolute;
    top:0px;
    right:20px;
    line-height: 60px;
    font-size: 60px;
    color:#3f3f3f;
    font-weight: lighter;
}




.element_filter{
    padding:0 8px;
    border-right: solid 1px #ccc;
    margin: 0 5px 0 0;
    min-width: 120px;
}

.element_filter:last-child{
    padding: 0 20px;
    border-right: solid 0px #fff;
}

.element_filter span{
    font-size: 12px;
}



.box_artisti_list{
    max-height: 350px;
    overflow-y: auto;
    margin-right: 20px;
}











/* ============= Menu Frame Config ============== */


.accordion .card .card-header .btn:before {
    font-family: "Font Awesome 5 Pro";
    content:"\f07c";
    padding-right: 5px;
}
.accordion .card .card-header .btn.collapsed:before {
    content:"\f07b";
}
.accordion .card .card-header .btn:hover,
.accordion .card .card-header .btn:active,
.accordion .card .card-header .btn:focus  {
    text-decoration:none;
}

.accordion .card .card-header-plus .btn{
    white-space: normal;
}

.accordion .card .card-header-plus .btn:before {
    font-family: "Font Awesome 5 Pro";
    content:"\f068";
    padding-right: 5px;
}
.accordion .card .card-header-plus .btn.collapsed:before {
    content:"\f067";
}
.accordion .card .card-header-plus .btn:hover,
.accordion .card .card-header-plus .btn:active,
.accordion .card .card-header-plus .btn:focus  {
    text-decoration:none;
}




.menu-config-panel{
    padding:20px 20px;
}

.accordion .card .card-body p{
    font-size: 13px;
    line-height: 1.5em;
}


.menu-config-panel label{
    font-size: 12px;
    letter-spacing: normal;
}


.accordion .card .card-body {
    padding: 15px 0;
}

.accordion .card .card-header .btn {
    font-family: "Roboto";
    font-weight: 400;
}


.accordion .card .card-header .btn:not(.collapsed) {
    background-color: rgba(0, 0, 0, 0.44);
    color:#ffffff;
}

.accordion .card .card-header {
    background-color: rgba(116, 116, 116, 0.15);
}

.accordion .card {
    border-color: rgb(0 0 0 / 18%);
}


.accordion_faq .card .card-body p{
    font-size: 15px;
    line-height: 1.5em;
}

.accordion_faq .card .card-body{
    padding: 15px 20px;
}



.accordion-features .card .card-header .btn:not(.collapsed) {
    background-color: rgba(228, 228, 228, 0.43);
    color:#000000;
    font-weight: bold;
}

.accordion-features .card .card-header {
    background-color: #ffffff;
}

.accordion-features .card .card-header .btn{
    font-size: 16px;
    padding: 10px 10px 10px 0px;
}

.accordion .card .card-body p{
    color:#000000;
}




.unit_measure{
    display: inline-block;
    font-size: 11px!important;
}

input:not([type="checkbox"]):not([type="radio"]).form-field-measure{
    display: inline-block;
    font-size: 22px;
    font-weight: 400;
    padding: 6px 0;
    text-align: center;
    color: #333333;
    border: none;
    border-bottom-color: #EDEDED;
    background-color: #f1f1f1;
    width:80px;
}

input:not([type="checkbox"]):not([type="radio"]).form-field-measure{
    /*border-radius: 12px;*/
    border: 1px solid #e2e2e2!important;
    background:#ffffff;
}


.box_input_size{
    position: relative;
}

.unit_size{
    position: absolute;
    top:15px;
    right:10px;
}

input:not([type="checkbox"]):not([type="radio"]).form-field-size{
    display: inline-block;
    font-size: 22px;
    font-weight: 400;
    padding: 6px 40px 6px 5px;
    text-align: center;
    color: #333333;
    border: none;
    border: 1px solid #e2e2e2!important;
    background-color: #ffffff;
}




img.layout_ambient_image{
    width: 100%;
}

.bar_fixed {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #ffffff;
    z-index:999;
    -webkit-box-shadow: 2px 0px 20px -5px rgba(0,0,0,0.26);
    -moz-box-shadow: 2px 0px 20px -5px rgba(0,0,0,0.26);
    box-shadow: 2px 0px 20px -5px rgba(0,0,0,0.26);
    transition-duration: 1s;
}

.bar_fixed p{
    font-size: 16px;
    line-height: 1.4;
}





.box_frame_bar{
    padding:20px;
    position: relative;
}

.hide_bar_fixed{
    position: absolute;
    top:-40px;
    left:0px;
    width:40px;
    height:40px;
    background: #333333;
    color:#fff;
    text-align: center;
    line-height: 40px;
    font-size: 24px;
    cursor: pointer;

}

.hide_bar_fixed .arrow{
    transition-duration: 0.5s;
}

.hide_bar_fixed .arrow_rotate{
    -webkit-transform:rotate(180deg);
}



.box_frame_info_price{
    /*display: flex;
    align-items:center;
    justify-content:center;
    margin-bottom: 30px;*/
    display: block;
}

.box_frame_info_button{
    display: block;
}



.box_frame_info_price .price{
    font-size: 25px;
    line-height: 25px;
    font-weight: bold;
    width: 100%;
    display: block;
}

.box_frame_info_price .price .listino{
    font-size: 15px;
    line-height: 15px;
    text-decoration: line-through;
    color: #aaaaaa;
}

.product-info .price span.old {
    color: #aaaaaa;
    font-size: 12px;
}



.box_frame_info_price .box-quantity{
    display: inline-block;
    text-align: center;
    margin-left: 30px;
}

.box_frame_info_price .product-quantity{
    display: inline-flex;
    border: none;
}


.btn_config{
    display: flex;
    width:40px;
    height:40px;
    padding:10px;
    background: #ffffff;
    text-align: center;
    border-radius: 6px;
    cursor: pointer;
    -webkit-box-shadow: 2px 0px 20px -5px rgba(0,0,0,0.26);
    -moz-box-shadow: 2px 0px 20px -5px rgba(0,0,0,0.26);
    box-shadow: 2px 0px 20px -5px rgba(0,0,0,0.26);
}

.btn_config:hover{
    -webkit-transform:rotate(15deg);
}


.btn_config_iconzoom{
    padding:5px;
}


.frame_preview_info{
    text-align: center;
    margin-bottom: 100px;
}

.card-frame .select2{
    text-align: center;
}



.section_chopservice{
    background: #fff;
    border: solid 2px #000;
}

.section_asta{
    background: #fff;
    border: solid 2px #000;
}

.box_chopservice .price, .box_asta .price {
    font-size: 25px;
    line-height: 25px;
    font-weight: bold;
    width: 100%;
    display: block;
}

.section_asta .select2-selection{
    padding: 15px 0!important;
}




/* === Passepartout === */

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #1a1a1a;
}

.nav-link:focus, .nav-link:hover {
    background: #f3f3f3;
}

.box_pass_info{
    width: 100%;
    padding: 10px;
    display: block;
    border:solid 1px #ccc;
    margin-bottom: 10px;
}

.box_pass_info.active{
    border:solid 4px #e39103;
}

.btn_config_pass{
    display: block;
    position: absolute;
    top:12px;
    left:52px;
    width:30px;
    height:30px;
    padding:5px;
    background: #ffffff;
    text-align: center;
    border-radius:50%;
    cursor: pointer;
    line-height: 22px;
    font-size: 15px;
    -webkit-box-shadow: 2px 0px 20px -5px rgba(0,0,0,0.26);
    -moz-box-shadow: 2px 0px 20px -5px rgba(0,0,0,0.26);
    box-shadow: 2px 0px 20px -5px rgba(0,0,0,0.26);
    transition: all .2s ease-in-out;
}

.btn_config_pass:hover{
    -webkit-transform:scale(1.2);
}



.btn-reset-optional{
    display: block;
    position: absolute;
    top:12px;
    left:90px;
    width:30px;
    height:30px;
    padding:5px;
    background: #ff2b1f;
    color:#ffffff;
    text-align: center;
    border-radius:50%;
    cursor: pointer;
    line-height: 22px;
    font-size: 15px;
    -webkit-box-shadow: 2px 0px 20px -5px rgba(0,0,0,0.26);
    -moz-box-shadow: 2px 0px 20px -5px rgba(0,0,0,0.26);
    box-shadow: 2px 0px 20px -5px rgba(0,0,0,0.26);
    transition: all .2s ease-in-out;
}

.btn-reset-optional:hover{
    -webkit-transform:scale(1.2);
}


.detail-passepartout{
    background: #f9f9f9;
    padding: 20px;
}

.detail-passepartout p{
    font-size: 14px;
    line-height: 1.2em;
}

.widget-colors{
    justify-content: center;
}

.widget-filter {
    justify-content: start;
}


.widget-filter-bottom{
    background: #fff;
    padding: 20px 0 0 0;
    justify-content: center;
    position: fixed;
    width: 100%;
    z-index: 99999;
    bottom: 0;
    left:0;
    -webkit-box-shadow: 2px 0px 20px -5px rgba(0,0,0,0.26);
    -moz-box-shadow: 2px 0px 20px -5px rgba(0,0,0,0.26);
    box-shadow: 2px 0px 20px -5px rgba(0,0,0,0.26);
}



.icon_passepartout img{
    /*
    -webkit-box-shadow: 2px 0px 20px -5px rgba(0,0,0,0.26);
    -moz-box-shadow: 2px 0px 20px -5px rgba(0,0,0,0.26);
    box-shadow: 2px 0px 20px -5px rgba(0,0,0,0.26);
    */
}

.icon_passepartout.active{
    border:4px solid #333333;
}

.card-passepartout .select2{
    text-align: center;
}

.spessore_text{
    font-size: 11px;
    margin-top: 5px;
    text-align: center;
}


.shadow_detail_pass{
    -webkit-box-shadow: 2px 0px 20px -5px rgba(0,0,0,0.26);
    -moz-box-shadow: 2px 0px 20px -5px rgba(0,0,0,0.26);
    box-shadow: 2px 0px 20px -5px rgba(0,0,0,0.26);
}




/* ---- Spacer ---- */

.detail-spacer{
    background: #f9f9f9;;
    padding: 20px;
}

.detail-spacer p{
    font-size: 14px;
    line-height: 1.2em;
}


.card-spacer .select2{
    text-align: center;
}


.spacer_box_standard{
    width:300px;
    height: 300px;
    background-position: center;
    position: relative;
    overflow: hidden;
    margin: auto;
}

.spacer_box_standard .spacer_base{
    position: absolute;
    width:100%;
    top:0px;
    left:0px;
    z-index:1000;
}

.spacer_box_standard .spacer_base img{
    width: 100%;
}

.spacer_box_standard .spacer_lateral{
    width:100%;
    height:40%;
    position: absolute;
    top:21%;
    left:0px;
    z-index:500;
    transform: skew(0deg, 25.4deg);
}


.spacer_mode_btn{
    display:inline-block;
    width:120px;
    border: solid 2px #eeeeee;
    padding:5px;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
}

.spacer_mode_btn:hover{
    background: #474747;
    color:#ffffff!important;
}

.spacer_mode_btn.active{
    border:2px solid #474747;
}










/* ======= OPTION ========= */

.optional-element{
    display: flex;
    align-items: center;
    width:100%;
    padding: 6px 10px;
    margin-bottom: 10px;
    background: #ffffff;
    font-size: 12px;
    line-height: 14px;
    border:2px solid #eeeeee;
    cursor: pointer;
    position: relative;
}

.optional-element .check{
    position: absolute;
    top: 6px;
    right:6px;
}

.optional-element .check img{
    width: 18px;
}

.optional-element .preview{
    display: inline-block;
    margin-right: 10px;
    min-width: 50px;
}

.optional-element .preview img{
    -webkit-box-shadow: 2px 2px 7px -2px rgba(0,0,0,0.26);
    -moz-box-shadow: 2px 2px 7px -2px rgba(0,0,0,0.26);
    box-shadow: 2px 7px 7px -2px rgba(0,0,0,0.26);
}

.optional-element .info{
    display: inline-block;
}

.accordion .card .card-body .optional-element .info p{
    font-size: 11px!important;
    line-height: 12px;
    margin-bottom: 5px;
    margin-top: 5px;
}

.optional-element:hover{
    background: #c5c5c5; /*474747*/
    color:#474747; /*fff*/
}

.optional-element.active{
    border:2px solid #474747;
}




.optional-cover-disabled{
    background: #fff;
    color:#ccc;
    cursor: not-allowed;
}

.optional-cover-disabled p{
    color:#ccc!important;
}

.optional-cover-disabled:hover{
    background: #fff;
    color:#ccc;
}







/* TELE */
.btn_config_tela{
    display: block;
    position: absolute;
    top:12px;
    left:52px;
    width:30px;
    height:30px;
    padding:5px;
    background: #ffffff;
    text-align: center;
    border-radius:50%;
    cursor: pointer;
    line-height: 22px;
    font-size: 15px;
    -webkit-box-shadow: 2px 0px 20px -5px rgba(0,0,0,0.26);
    -moz-box-shadow: 2px 0px 20px -5px rgba(0,0,0,0.26);
    box-shadow: 2px 0px 20px -5px rgba(0,0,0,0.26);
    transition: all .2s ease-in-out;
}

.btn_config_tela:hover{
    -webkit-transform:scale(1.2);
}


.texture_canvas{
    width:100px;
    height:100px;
    border-radius: 50%;
    -webkit-box-shadow: 2px 0px 20px -5px rgba(0,0,0,0.26);
    -moz-box-shadow: 2px 0px 20px -5px rgba(0,0,0,0.26);
    box-shadow: 2px 0px 20px -5px rgba(0,0,0,0.26);
}


.texture_canvas.active{
    border:4px solid #333333;
}


.detail-canvas{
    background: #f9f9f9;
    padding: 20px;
}

.detail-canvas p{
    font-size: 14px;
    line-height: 1.2em;
}


.tela_text{
    font-size: 15px;
    line-height: 18px;
    margin: 15px 10px;
    text-align: center;
}

.widget-canvas li{
    width: 250px;
}

.canvas_shadow{
    -webkit-box-shadow: 2px 2px 10px -5px rgba(0,0,0,0.5);
    -moz-box-shadow: 2px 2px 10px -5px rgba(0,0,0,0.5);
    box-shadow: 2px 2px 10px -5px rgba(0,0,0,0.5);
}


/* ============ Wizard ============== */


.range_int{
    font-size: 60px;
    font-weight: 900;
}

.rang_decimal{
    font-size: 20px;
    font-weight: 900;
}

.range_sp{
    font-size: 25px;
    font-weight: 900;
}







/* ============ Color - Wall - Ambient ============== */

input:not([type="checkbox"]):not([type="radio"]).input-color{
    border: none;
    border-radius: 30px;
    text-align: center;
}

.slider-ambient{
    width: 100%;
    padding: 20px 0;
    background: #eee;
}

.slider-ambient a{
    border-radius: 10px;
    overflow: hidden;
}

.item_layout.active{
    border:4px solid #333333;
}

.item_layout_framewall.active{
    border:4px solid #333333;
}


.slider-ambient a:hover{
    transform: scale(1.1);
    z-index:999;
}

.texture{
    width:50px;
    height:50px;
    border-radius: 50%;
    -webkit-box-shadow: 2px 0px 20px -5px rgba(0,0,0,0.26);
    -moz-box-shadow: 2px 0px 20px -5px rgba(0,0,0,0.26);
    box-shadow: 2px 0px 20px -5px rgba(0,0,0,0.26);
}

.texture-small{
    width:30px;
    height:30px;
    border-radius: 50%;
}

.texture.active{
    border:4px solid #333333;
}

.texture-wall li a:hover{
    transform: scale(1.1);
    z-index:999;
}



/* ========== Modal ============= */

.modal-full .modal-content {
    min-height: 90vh;
}













/* =========== Varie ============ */

#config-accordion-mobile .select2-selection{
    font-size: 14px;
    padding: 3px 0;
}

#scrollUp{
    bottom:100px;
}

.dropzone {
    border: 2px dashed rgba(0, 0, 0, 0.3);
    margin-top: 20px;
    text-align: center;
    min-height: 100px;
}

.dropzone .dz-preview .dz-image {
    border-radius: 0px;
    overflow: hidden;
    position: relative;
    display: block;
    z-index: 10;
}


.msg_upload_image{
    padding: 10px;
    border: solid 1px #d03838;
    color: #d03838;
    font-size: 12px;
    line-height: 16px;
}



/* ============== Cart ================== */

a.cart_detail_btn{
    font-size: 11px!important;
    background: #c7c7c7;
    padding: 2px 10px;
    color: #ffffff!important;
    border-radius: 10px;
}

a.cart_detail_btn:hover{
    background: #9b9b9b;
    color: #ffffff;
}


.cart_detail_info{
    display: none;
    font-size: 11px!important;
    margin-top: 10px;
}

.cart_detail_info .mini-text{
    font-size: 10px!important;
}

.cart_detail_info hr{
    display: none;
}


.minicart-product-list li .content .remove {
    bottom: 0;
    top:auto;
}


.offcanvas .inner .foot .sub-value {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: none;
    color:#333333;
}



.offcanvas .inner .foot .sub-total .amount {
    font-weight: 600;
    color:#333333;
}


.offcanvas.offcanvas-cart .inner .body {
    max-height: calc(100% - (120px + 390px));
    /*max-height: calc(100% - (120px + 245px));*/
}


.minicart-message{
    text-align: center;
}


.totalvat{
    color:#d8741f!important;
}

.totalvat_small th, .totalvat_small{
    color: #e0b377 !important;
    font-size: 14px!important;
    line-height: 1em;
}









/* ============ Checkout ================ */

.checkout-account-info{
    border: 1px solid #ff0000;
    padding: 5px;
    font-size: 12px;
    line-height: 14px;
    margin-top: 10px;
    color: #ff0000;
}


.customer_type {
    margin-bottom: 10px;
    margin-right: 30px;
    display: inline-block;
}

.single-method input[type=radio]+label {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    position: relative;
    margin: 0;
    padding-left: 30px;
    color: #333;
}


.single-method input[type=radio]:checked+label::before {
    border: 2px solid #333;
}

.single-method input[type=radio]+label::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 20px;
    height: 20px;
    content: '';
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    border: 2px solid #999;
}

.single-method input[type=radio]:checked+label::after {
    opacity: 1;
}

.single-method input[type=radio]+label::after {
    background-color: #ff0000;
}

.single-method input[type=radio]+label::after {
    position: absolute;
    top: 5px;
    left: 5px;
    display: block;
    width: 10px;
    height: 10px;
    content: '';
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    text-align: center;
    opacity: 0;
    background-color: #333;
}

.single-method input[type=radio] {
    display: none;
}


.checkout-cart-total p{
    font-size: 14px;
    font-weight: 600;
    line-height: 30px;
    margin: 0;
    padding: 10px 0;
    border-bottom: 1px solid #999;
}

.checkout-cart-total p span.value
{
    float: right;
}

.checkout-cart-total div {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    margin: 0;
    padding: 10px 0;
}

.checkout-cart-total div span.total {
    float: right;
}

.checkout-cart-total div span.info {
    font-size: 11px;
    font-weight: 400;
}


.box_checkout_cart{
    display: block;
    border-radius: 10px;
    padding:20px;
    -webkit-box-shadow: -1px 1px 15px -1px rgba(212,212,212,0.75);
    -moz-box-shadow: -1px 1px 15px -px rgba(212,212,212,0.75);
    box-shadow: -1px 1px 15px -1px rgba(212,212,212,0.75);
    background: #fbfbfb;

}

.checkout-cart-totals {
    padding: 20px 0px;
    text-align: center;
}


.checkout-cart-totals .sub-value {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: none;
    color: #333333;
}


.checkout-cart-totals .sub-total {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #EEEEEE;
}

.sub-total .amount{
    font-size: 18px;
    font-weight: bold;
}



.label_shipping_address{
    display: inline-block;
    padding: 25px;
    border-radius: 15px;
    border: dashed 2px #ababab;
    background: #fff;
}


.edit_cart{
    position: absolute;
    top:10px;
    right:30px;
    font-size: 11px;
}


.field_province{
    max-width: 80px;
}





/* Check box style */
label {
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    display: block;
    margin-bottom: 5px;
    letter-spacing: 0px;
    color: #606060;
}

.checkout-form .check-box input[type=checkbox] {
    opacity: 0;
    position: absolute;
}

.checkout-form .check-box input[type=checkbox]+label {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    position: relative;
    margin: 0;
    padding-left: 30px;
    color: #333;
}

.checkout-form .check-box input[type=checkbox]:checked+label::before {
    border: 2px solid #009688;
}
.checkout-form .check-box input[type=checkbox]:checked+label::before {
    border: 2px solid #333;
}
.checkout-form .check-box input[type=checkbox]+label::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 20px;
    height: 20px;
    content: '';
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    border: 2px solid #999;
}

.checkout-form .check-box input[type=checkbox]+label::after {
    font-family: 'Font Awesome 5 Pro';
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 22px;
    content: '\f00c';
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    text-align: center;
    opacity: 0;
    color: #333;
}

.checkout-form .check-box input[type=checkbox]:checked+label::after {
    opacity: 1;
}
.checkout-form .check-box input[type=checkbox]+label::after{
    color: #009688;
}
.checkout-form .check-box input[type=checkbox]:checked+label::before {
    border: 2px solid #009688;
}



.check-box-style input[type=checkbox] {
    opacity: 0;
    position: absolute;
}

.check-box-style input[type=checkbox]+label {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    position: relative;
    margin: 0;
    padding-left: 30px;
    color: #333;
    width: auto;
    display: inline-block;
}

.check-box-style input[type=checkbox]:checked+label::before {
    border: 2px solid #009688;
}
.check-box-style input[type=checkbox]:checked+label::before {
    border: 2px solid #333;
}
.check-box-style input[type=checkbox]+label::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 20px;
    height: 20px;
    content: '';
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    border: 2px solid #999;
}

.check-box-style input[type=checkbox]+label::after {
    font-family: 'Font Awesome 5 Pro';
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 22px;
    content: '\f00c';
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    text-align: center;
    opacity: 0;
    color: #333;
}

.check-box-style input[type=checkbox]:checked+label::after {
    opacity: 1;
}
.check-box-style input[type=checkbox]+label::after{
    color: #009688;
}
.check-box-style input[type=checkbox]:checked+label::before {
    border: 2px solid #009688;
}


#create-account-form
{
    display: none;
}

#address-shipping-form
{
    display: none;
}


.help-block-error{
    color:#ff0000;
}

.success-msg{
    font-size: 15px;
    color: #2c8859;
    padding:10px;
    border: solid 1px #2c8859;
}

.error-msg{
    font-size: 15px;
    color: #ff0000;
    padding:10px;
    border: solid 1px #ff0000;
}

.label_order_title{
    font-size: 48px;
    font-weight: bold;
}





/*  Account Customer */

ul.lateral_menu{
    margin: 0;
    padding: 0;
    list-style: outside none none;
}


.lateral_menu li a{
    padding: 5px 10px;
    width:100%;
    border-bottom: 1px solid #eee;
}

.lateral_menu li a:hover{
    background: #373737;
    color:#fff;
}

.lateral_menu li.active{
    background: #eeeeee;
}

.address_box{
    position: relative;
    padding:20px;
    webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .08);
}

.edit_address{
    position: absolute;
    bottom:10px;
    right:10px;
}

.function_address{
    position: absolute;
    top:10px;
    right:10px;
    font-size: 16px;
}



.order_box{
    position: relative;
    padding:20px;
    webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .08);
}

.order_box .item-value{
    font-size: 16px;
    display: block;
    color: #373737;
    font-weight: bold;
}

.order_box .item-info{
    display: block;
    font-size: 13px;
    line-height: 13px;
    color:#989898;
}

.order_box .item-header{
    display: block;
    font-size: 12px;
}

.order_box_canceled{
    opacity: 0.5;
}

.order_box .label_canceled{
    color:#ff0000;
}

.filter_years_orders {
    display: block;
    float: right;
    margin-right: 15px;
}

.table-order-detail thead tr{
    background:#eee;
}

.table-order-detail thead tr th{
    text-align: center;
}

.table-order-detail tr td{
    text-align: center;
    font-size: 14px;
    vertical-align: middle;
}

.table-order-detail thead th {
    vertical-align: bottom;
    border-bottom: 1px solid #dee2e6;
}

.header_order {
    padding: 20px;
    background: #eee;
}


.customer_btn_group{
    text-align: right;
    padding-top: 5px;
}


/* Ticket */
.ticket_response_header{
    position:relative;
    padding: 5px 5px 5px 70px;
    background: #74ab92;
    color: #fff;
    border-radius: 30px;
    font-size: 13px;
}

.ticket_request_header{
    position:relative;
    padding: 5px 5px 5px 70px;
    background: #565656;
    color: #fff;
    border-radius: 30px;
    font-size: 13px;
}

.ticket_header_title{
    font-size: 15px;
    font-weight: bold;
}

.ticket_avatar{
    position: absolute;
    top:9px;
    left:12px;
    background: #fff;
    width:40px;
    height:40px;
    border-radius: 100%;
    color: #373737;
    text-align: center;
}
.ticket_avatar i{
    line-height: 40px;
}

.ticket_response_header .ticket_avatar i{
    color: #74ab92;
}




.ticket_content{
    padding: 5px 5px 5px 40px;background: #fff;color: #1a1a1a;border-left: solid 2px #eee;margin-left:30px;
}

.ticket_content .text{
    padding:20px 20px 20px 0;
    border-bottom: solid 1px #eee;
}


.ticket_notify{
    font-size: 11px;
    font-weight: 600;
    font-style: normal;
    line-height: 18px;
    width: 18px;
    height: 18px;
    text-align: center;
    color: #fff;
    border-radius: 100%;
    background: #dd3d43;
    position: absolute;
    top: -7px;
    right: -8px;
}

.ticket_request{
    padding:20px;
}


.small_btn {
    display: inline-block;
    color: #cccccc;
    border-radius: 30%;
    background-color: #eee;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

.small_btn:hover {
    color: #ffffff;
    border-color: #eee;
    background-color: #545b62;
}


.account_category_label{
    background: #44afee;
    color: #fff;
    padding: 5px 15px;
    border-radius: 10px;
    text-align: center;
    width: auto;
    font-size: 13px;
    display: inline-block;
    margin-bottom: 15px;
}







/* Wishlist */

.btn-delete-wishlist{
    display: inline-block;
    color: #fff;
    border-radius: 50%;
    background: #ee0d0b;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
}

.btn-delete-wishlist:hover{
    display: inline-block;
    color: #fff;
    border-radius: 50%;
    background: #ba0d0b;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
}


.btn-delete-wishlist-wall{
    display: inline-block;
    color: #fff;
    border-radius: 50%;
    background: #ee0d0b;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
}

.btn-delete-wishlist-wall:hover{
    display: inline-block;
    color: #fff;
    border-radius: 50%;
    background: #ba0d0b;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
}


.btn-duplicate-wishlist-wall{
    display: inline-block;
    color: #cccccc;
    border-radius: 50%;
    background: #ffffff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
}

.btn-duplicate-wishlist-wall:hover{
    display: inline-block;
    color: #fff;
    border-radius: 50%;
    background: #44afee;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
}



.btn-add-element-wall{
    display: inline-block;
    color: #fff;
    border-radius: 50%;
    background: #44afee;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
}

.btn-add-element-wall:hover{
    display: inline-block;
    color: #fff;
    border-radius: 50%;
    background: #2286ee;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
}




.btn-white{
    border-color: #ffffff;
    background-color: #ffffff;
    color: #000000;
}

.btn-white:hover {
    border-color: #ffffff;
    background-color: transparent;
    color: #ffffff;
}


.btn-white-plus{
    border-color: #ffffff;
    background-color: #ffffff;
    color: #000000;
}

.btn-white-plus:hover {
    border-color: #ffffff;
    background-color: rgba(0, 0, 0, 0.3);
    color: #ffffff;
    backdrop-filter: blur(4px);
}




.single-wishlist img.img_preview{
    max-height: 300px;
}


/* Wishlist Wall */
.frame-wall .area_frame_wall_menu{
    display: none;
    position: absolute;
    bottom: -50px;
    background: transparent;
    width: 100%;
    height: 60px;
    padding-top: 20px;
    text-align: center;
    z-index:10;
}

.frame-wall:hover .area_frame_wall_menu{
    display: block!important;
}



/* Specer Configuratore */
.spacer_box{
    width:500px;
    height: 500px;
    background-position: center;
    position: relative;
    background: #f5f8ff;
    overflow: hidden;
}

.spacer_base{
    position: absolute;
    width:500px;
    top:0px;
    left:0px;
    z-index:1000;
}

.spacer_base img{
    width: 100%;
}

.spacer_lateral{
    width:500px;
    height:200px;
    position: absolute;
    top:105px;
    left:0px;
    z-index:500;
    background: #ffffff;
    transform: skew(0deg, 25.5deg);
}

.spacer_box2{
    width:300px;
    height: 300px;
    background-position: center;
    position: relative;
    background: #ff2447;
    overflow: hidden;
}

.spacer_base2{
    position: absolute;
    width:100%;
    top:0px;
    left:0px;
    z-index:1000;
}

.spacer_base2 img{
    width: 100%;
}

.spacer_lateral2{
    width:100%;
    height:40%;
    position: absolute;
    top:21%;
    left:0px;
    z-index:500;
    background: #ff2447;
    transform: skew(0deg, 25.4deg);
}





/*   BLOG */
.blog .content .link_read {
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    color: #333333;
    border-bottom: 1px solid rgba(51, 51, 51, 0.2);
}


.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #333333;
    border-color: #333333;
}


.page-link {
    padding: 1rem 1rem;
    line-height: 1;
    color: #333333;
}










/* Gallery Preview */
.row-gallery {
    display: flex;
    flex-wrap: wrap;
    padding: 0 4px;
}

/* Create four equal columns that sits next to each other */
.column-gallery {
    flex: 25%;
    max-width: 25%;
    padding: 0 4px;
}

.column-gallery-50 {
    flex: 25%;
    max-width: 25%;
    padding: 0 4px;
}

.column-gallery img, .column-gallery-50 img {
    margin-top: 8px;
    vertical-align: middle;
    width: 100%;
}

.column-gallery .item-gallery{
    cursor: pointer;
}


.column-gallery .item-gallery:hover img {
    -webkit-box-shadow: -1px 4px 15px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 4px 15px 0px rgba(0,0,0,0.75);
    box-shadow: -1px 4px 15px 0px rgba(0,0,0,0.75);
}

.column-gallery .item-gallery:hover {
     animation: scale 200ms ease-in-out forwards;
 }
@keyframes scale {
    to {
        transform: scale(1.5);
    }
}


/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
    .column-gallery, .column-gallery-50 {
        flex: 25%;
        max-width: 25%;
    }
}





/*  --- Progress Bar */
.progressbar{
    width:90%;
}
.progressbar li {
    list-style-type: none;
    width: 25%;
    float: left;
    font-size: 14px;
    font-weight: 600;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    color: #7d7d7d;
}

.progressbar li.icon span.step_el {
    width: 50px;
    height: 50px;
    line-height: 50px;
    border: 2px solid #d3d3d3;
    display: block;
    text-align: center;
    margin: 0 auto 10px auto;
    border-radius: 50%;
    background-color: #d3d3d3;
}

.progressbar li.active.icon span.step_el {
    width: 50px;
    height: 50px;
    line-height: 50px;
    border: 2px solid #55b776;
    display: block;
    text-align: center;
    margin: 0 auto 10px auto;
    border-radius: 50%;
    background-color: #55b776;
    color:#fff;
}

.progressbar li.complete.icon span.step_el {
    width: 50px;
    height: 50px;
    line-height: 50px;
    border: 2px solid #91dd97;
    display: block;
    text-align: center;
    margin: 0 auto 10px auto;
    border-radius: 50%;
    background-color: #91dd97;
    color:#fff;
}



.progressbar span.step_title{
    font-size: 12px;
}


.progressbar li:after {
    width: 100%;
    height: 4px;
    content: '';
    position: absolute;
    background-color: #7d7d7d;
    top: 20px;
    left: -50%;
    z-index: -1;
}


.progressbar li:first-child:after {
    content: none;
}


.progressbar li.active {
    color: #55b776;
}

.progressbar li.complete {
    color: #59e09b;
}

.progressbar li.active:before {
    border-color: #55b776;
    background-color: #55b776;
    color:#fff;
}

.progressbar li.active + li:after {
    background-color: #55b776;
}






/* Payment PayPal */
.cardinfo-wrapper {
    display: flex;
    justify-content: space-around;
}

#pp-container {
    background-color: #fff;
    padding: 20px;
    margin-bottom: 2em;
    z-index: 1;
}

.bank-info{
    background-color: #fafafa;
    border-radius: 15px;
    padding: 20px;
    margin-bottom: 2em;
    z-index: 1;
    display: inline-block;
    max-width: 600px;
    text-align: left;
}

#my-payment-form {
    background-color: #fafafa;
    border-radius: 15px;
    padding: 20px;
    margin-bottom: 2em;
    z-index: 1;
    display: inline-block;
    max-width: 600px;
}
#my-payment-form:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.06);
}

.cardinfo-pay{
    text-align: center;
}

#button-pay{
    display: inline-block;
}

@media (max-width: 476px) {
    #my-payment-form {
        box-sizing: border-box;
        padding: 20px;
        width: 100%;
    }

    h2.title {
        font-size: 2.2em;
    }
}

.cardinfo-label {
    display: block;
    font-size: 11px;
    margin-bottom: 0.5em;
    text-transform: uppercase;
}
.cardinfo-exp-date {
    margin-right: 1em;
    width: 100%;
}

.cardinfo-cvv {
    width: 100%;
}

#button-pay {
    cursor: pointer;
    width: 300px ;
    font-size: 15px;
    border: 0;
    line-height: 24px;
    padding: 15px 40px;
    line-height: 24px;
    color: #fff;
    background: #282c37;
    border-radius: 500px;
    z-index: 0;
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    transition: all 500ms cubic-bezier(0.2, 1.3, 0.7, 1);
    opacity: 0;
    -webkit-appearance: none;
}
#button-pay:hover {
    background: #535b72;
}
#button-pay:active {
    -webkit-animation: cardIntro 200ms cubic-bezier(0.2, 1.3, 0.7, 1);
    animation: cardIntro 200ms cubic-bezier(0.2, 1.3, 0.7, 1);
}

#button-pay.show-button {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}
.cardinfo-card-number {
    position: relative;
}

#card-image {
    position: absolute;
    top: 22px;
    right: 1em;
    width: 44px;
    height: 28px;
    background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/346994/card_sprite.png);
    background-size: 86px 458px;
    background-position: -100px 0;
    background-repeat: no-repeat;
    margin-bottom: 1em;
}
#card-image.visa {
    background-position: 0 -398px;
}
#card-image.master-card {
    background-position: 0 -281px;
}
#card-image.american-express {
    background-position: 0 -370px;
}
#card-image.discover {
    background-position: 0 -163px;
}
#card-image.maestro {
    background-position: 0 -251px;
}
#card-image.jcb {
    background-position: 0 -221px;
}
#card-image.diners-club {
    background-position: 0 -133px;
}



/*--------------------
Inputs
--------------------*/
.input-wrapper {
    border-radius: 2px;
    background: rgba(255, 255, 255, 0.86);
    height: 2.75em;
    border: 1px solid #eee;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.06);
    padding: 5px 10px;
    margin-bottom: 1em;
}

.cardinfo-card-number,
.cardinfo-exp-date,
.cardinfo-cvv {
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

#form-container
{
    display:none;
    text-align: center;
}

#pp-container
{
    display:none;
    text-align: center;
}

#bank-container
{
    display:none;
    text-align: center;
}

.box_payment_method{
    width:220px;
    height:90px;
    border: solid 1px #d8d8d8;
    padding: 20px;
    text-align: center;
    border-radius:15px;
    display: inline-block;
    cursor: pointer;
    position: relative;
    margin-bottom: 20px;
    background: #fbfbfb;
}

.box_payment_method.active{
    border: solid 2px #4ab370;
    background: #fff;
    box-shadow: 0 0 10px #88ca8d;
    -moz-box-shadow: 0 0 10px #88ca8d;
    -webkit-box-shadow: 0 0 10px #88ca8d;
}

.box_payment_method input[type="radio"]{
    opacity: 0;
}

.box_payment_method .icon{
    position: absolute;
    top:12px;
    left:18px;
}

.box_payment_method .title{
    position: absolute;
    top:30px;
    left:85px;
    font-weight: bold;
    color:#7b7b7b;
}




/* Video */

.header_video {
    position: relative;
    background-color: black;
    min-height: 25rem;
    width: 100%;
    overflow: hidden;
}

.header_video video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.header_video .container {
    position: relative;
    z-index: 2;
}

.header_video .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: black;
    opacity: 0.4;
    z-index: 1;
    /*background: linear-gradient(-45deg,  #012f29, #5a5005, #343e17, #0f1010);
    animation: gradient 19s ease infinite;
    background-size: 400% 400%;*/
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}


.section_video {
    position: relative;
    background-color: black;
    min-height: 25rem;
    width: 100%;
    overflow: hidden;
}

.section_video video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.section_video .container {
    position: relative;
    z-index: 2;
}

.section_video .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: black;
    opacity: 0.5;
    z-index: 1;
}

.browser{
    width: 100%;
    max-width: 900px;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
}

.video-container {
    width: 100%;
    padding-top: 62.25%;
    height: 0px;
    position: relative;
}

.video-browser {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}




/* Modal Marketing */
.modal-marketing{
    border:0px;
    -webkit-box-shadow: 0px 0px 35px -9px rgba(0,0,0,0.57);
    -moz-box-shadow: 0px 0px 35px -9px rgba(0,0,0,0.57);
    box-shadow: 0px 0px 35px -9px rgba(0,0,0,0.57);
}
.modal-marketing-close {
    position: absolute;
    top: -20px;
    right: -20px;
    width:40px;
    padding: 0.6rem;
    background: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0px 0px 35px -9px rgba(0,0,0,0.57);
    -moz-box-shadow: 0px 0px 35px -9px rgba(0,0,0,0.57);
    box-shadow: 0px 0px 35px -9px rgba(0,0,0,0.57);
}



/* Shortcode From */

.shortcode_form_style_1{
     padding:50px 30px;
     background: #fff;
     border-radius: 8px;
     -webkit-box-shadow: 3px 3px 20px -6px rgba(0,0,0,0.45);
     -moz-box-shadow: 3px 3px 20px -6px rgba(0,0,0,0.45);
     box-shadow: 3px 3px 20px -6px rgba(0,0,0,0.45);
 }

.shortcode_form_style_2{
    padding:50px 30px;
    border: solid 1px #d8d8d8;
}

.element-carousel-shortcode{
    width: 100%;
    display: inline-block;
    background: #ffffff;
    text-align: center;
}

.product-shortcode .product-thumb{
    margin: 0 auto;
    max-width: 80%;
}

.product-info-shortcode {
    margin-top: 15px;
    text-align: center;
}

.product-info-shortcode .title {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    margin: 0 auto 12px auto;
    line-height: 1.1em;
    text-align: center;
    max-width: 300px;

}

.product-info-shortcode .title a {
    color: #1a1a1a;
    font-weight: 600;
}






/* ============================================================== */

.slick-slider{
    width: 100%;
    margin: 0px;
    padding: 0px;
}


.size-td-link {
    cursor: pointer;
    width: 100%;
    text-align: center;
}



/* ------- switch --------- */

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
    line-height: 1.6rem;
}

.btn_switch_area{
    position: absolute;
    top:20px;
    left:20px;
    z-index:9;
    height: 50px;
    background: #ffffff;
}


.btn_switch {
    border: 3px solid #1a1a1a;
    display: inline-block;
    padding: 10px;
    position: relative;
    text-align: center;
    transition: background 600ms ease, color 600ms ease;
    min-height: 50px;
}

.btn_switch_area input[type=radio].toggle {
    display: none;
}
.btn_switch_area input[type=radio].toggle + label {
    cursor: pointer;
    width: 120px;
    font-size: 11px;
    line-height: 13px;
}
.btn_switch_area input[type=radio].toggle + label:hover {
    background: none;
    color: #1a1a1a;
}
.btn_switch_area input[type=radio].toggle + label:after {
    background: #262626;
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    transition: left 200ms cubic-bezier(0.77, 0, 0.175, 1);
    width: 100%;
    z-index: -1;
}
.btn_switch_area input[type=radio].toggle.toggle-left + label {
    border-right: 0;
}
.btn_switch_area input[type=radio].toggle.toggle-left + label:after {
    left: 100%;
}
.btn_switch_area input[type=radio].toggle.toggle-right + label {
    margin-left: -5px;
}
.btn_switch_area input[type=radio].toggle.toggle-right + label:after {
    left: -100%;
}
.btn_switch_area input[type=radio].toggle:checked + label {
    cursor: default;
    color: #fff;
    transition: color 200ms;
}
.btn_switch_area input[type=radio].toggle:checked + label:after {
    left: 0;
}










/* -------------- Passepartout Multi -------------- */
a.btn-applica_fori{
    font-size: 10px;
    font-weight: bold;
    line-height: 12px;
    margin: 5px 0 0 0;
    background: #44afee;
    color:#fff;
    padding: 4px 15px;
    border-radius: 8px;
}

a.btn-applica_fori:hover{
    background: #2286ee;
    color:#fff;
}

.m_foro{
    display: inline-block;
    width:70px;
    font-size: 10px;
    text-align: left;
}

.custom-control-label{
    cursor: pointer;
}



/* ---- Grid Chooser ----- */

.grid-chooser-contenitor{
    text-align: center;
    position: relative;
}

.grid_system, .grid_system * {
    box-sizing: border-box;
}

.grid-chooser{
    text-align: center;
}

.grid-chooser + .grid_system {
    background: rgba(0,0,0,0.2);
    position: relative;
    padding: 2px;
    display: none;
}

.grid-chooser:focus + .grid_system {
    display: block;
}

.grid-chooser + .grid_system .row_grid:first-child .square:first-child .inner {
    background: rgba(0,0,0,0.4);
}

.grid-chooser + .grid_system .square:first-child {
    margin-top: 0;
}

.grid-chooser + .grid_system .square {
    height: 100%;
    float: left;
    padding: 1px;
}
.grid-chooser + .grid_system .square:hover .inner, .grid-chooser + .grid_system .square.highlight .inner {
    background: rgba(0,0,0,0.4)
}

.grid_system .inner {
    height: 100%;
    width: 100%;
    border-radius: 3px;
    background: rgba(0,0,0,0.2);
}


.grid_primary{
    border: 3px dashed #1a1a1a!important;
    }

input:not([type="checkbox"]).form-control-width-grid {
    display: inline-block;
    font-size: 14px;
    padding-left: 26px!important;
    color: #333333;
    border-radius: 0px;
    border: 1px solid #e2e2e2 !important;
    background: #fefefe;
    max-width: 90px;
    min-width: 70px;
    text-align: center;
    background-position: center left 5px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDU3Mi4yIDU3Mi4yIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1NzIuMiA1NzIuMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBvbHlnb24gcG9pbnRzPSI0OTUuNCwyNDEuOCA0MTguNywxOTcuNSA0MTguNywyNTguMSAxNTMuNSwyNTguMSAxNTMuNSwxOTcuNSA3Ni44LDI0MS44IDAsMjg2LjEgNzYuOCwzMzAuNCAxNTMuNSwzNzQuNyANCgkJMTUzLjUsMzE0IDQxOC43LDMxNCA0MTguNywzNzQuNyA0OTUuNCwzMzAuNCA1NzIuMiwyODYuMSAJIi8+DQo8L2c+DQo8L3N2Zz4NCg==);
    background-size: 21px 21px;
    background-repeat: no-repeat;
}

input:not([type="checkbox"]).form-control-height-grid {
    display: inline-block;
    font-size: 14px;
    padding-left: 26px!important;
    color: #333333;
    border-radius: 0px;
    border: 1px solid #e2e2e2 !important;
    background: #fefefe;
    max-width: 90px;
    min-width: 70px;
    text-align: center;
    background-position: center left 5px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDU3Mi4yIDU3Mi4yIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1NzIuMiA1NzIuMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBvbHlnb24gcG9pbnRzPSIzMzAsNDk1LjUgMzc0LjUsNDE4LjggMzEzLjgsNDE4LjcgMzE0LjMsMTUzLjUgMzc0LjksMTUzLjYgMzMwLjcsNzYuOCAyODYuNSwwIDI0Mi4xLDc2LjcgMTk3LjcsMTUzLjQgDQoJCTI1OC4zLDE1My41IDI1Ny45LDQxOC42IDE5Ny4yLDQxOC41IDI0MS40LDQ5NS4zIDI4NS42LDU3Mi4yIAkiLz4NCjwvZz4NCjwvc3ZnPg0K);
    background-size: 21px 21px;
    background-repeat: no-repeat;
}


input:not([type="checkbox"]).form-control-pass {
    display: inline-block;
    font-size: 14px;
    color: #333333;
    border-radius: 0px;
    border: 1px solid #e2e2e2 !important;
    background: #fefefe;
    min-width: 70px;
    max-width: 90px;
    text-align: center;
}


.mm_pass{
    padding: 8px 5px;
    font-size: 12px;
}












/* Search Bar */
/*----------  search bar  ----------*/
.search-bar
{
    position: relative;
}

.search-bar form input:not([type=checkbox]):not([type=radio])
{
    font-size: 16px;
    font-weight: 400;
    /*width: 100%;*/
    height: 54px;
    padding: 0 65px 0 20px;
    color: #666666;
    border: 0;
    border-radius: 20px;
    background: rgba(245, 245, 245, .8);
}
.search-bar form button
{
    font-size: 20px;
    font-weight: 400;
    line-height: 36px;
    position: absolute;
    top: 0;
    right: 0;
    width: 36px;
    border-radius: 50%;
    margin: 9px 14px;
    padding: 0;
    color: #1a1a1a;
    border: 0;
    background:transparent;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.search-bar form button:hover
{
    color: #ffffff;
    background: #5d5d5d;
}


[class*=hintT-special]::before {
    width: 150px;
    white-space: normal;
}



/* Filter Laterale BrowseFrame */
/* ---------------------------- */

.btn_filter_config{
    display: flex;
    width:60px;
    height:60px;
    padding:15px;
    background: #ffffff;
    text-align: center;
    border-radius: 6px;
    cursor: pointer;
}

.frame_filter_side .widget-filter{
    padding: 0 5px 0 0;
}

.frame_filter_side .widget-list li {
    font-size: 15px;
    font-weight: 400;
    line-height: 0.25;
}

.frame_filter_side .widget-list li+li {
    margin-top: 5px;
}

.frame_filter_side .product-filter-widget-title {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 600;
}

.frame_filter_side .widget-list a span {
    font-size: 12px;
    display: initial;
    margin: 0 0 0 10px;
}

.frame_filter_side .texture {
    width: 35px;
    height: 35px;
}



/*  Scroll Custom */
.scroll_element::-webkit-scrollbar {
    width: 5px;
}

.scroll_element::-webkit-scrollbar-track {
    background: #eee;
}

.scroll_element::-webkit-scrollbar-thumb {
    background: #9d9d9d;
}

.cart-coupon .btn i {
    font-size: 25px;
}

.border_box{
    border: solid 1px #999999;
    padding: 10px;
}

















/* Artwork */
.product-artwork{
    height: 340px;
    display: flex;
}

.artwork-landscape{width: 95%;}
.artwork-portrait{width: 80%;}
.artwork-square{width:90%}

/*
.image-artwork{
    -webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.5);
    box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.5);
}
*/

.product-info .title-artwork {
    font-family: Roboto;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 12px;
    line-height: 1.2em;
}
.product-info .title-artwork a {
    color: #1a1a1a;
}


.product-info .title-product {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 12px;
    line-height: 22px;
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;

}
.product-info .title-product a {
    color: #1a1a1a;
}


.product-info-shortcode .title_small {
    font-family: Roboto;
    font-size: 14px;
    line-height: 1.1em;
    font-weight: bold;
}

.breadcrumb-artwork {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
}

.img_artwork{
    /*border: solid #1a1a1a 2px;*/
}

.img_rounded{
    border-radius: 50%;
}


.product-artwork-related:hover .product-info .title, .product-artwork-related:hover .product-info .price, .product-artwork-related:hover .info {
    visibility: visible;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
}

.product:hover .product-thumb .image img.image-art {
    z-index: 0;
    visibility: hidden;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 0;
}

.price_art_listino{
    color: #ccc;
    font-size: 15px;
    text-decoration: line-through;
    display: block;
}

.price_art{
    color: #fb9701;
    font-size: 30px;
    display: block;
}

.product-thumb .image-artwork-frame{
    display: inline-block;
}


.product-info .artwork-button-select{
    top:70px;
}
.product-info .artwork-button-select .btn{
    min-width: 130px;
}


.widget-box-active{
    border: solid 3px #000;
    padding: 5px;
}


/* Artwork preview home */

#homeartwork ul {
    list-style: none;
    padding-left: 0;
}

#homeartwork .featured-category {
    box-shadow: none;
    padding: 0px;
    background: #f7f7f7;
    margin-bottom: 15px;
}

#homeartwork .category_name {
    padding: 10px 0px 0px;
    overflow: hidden;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 0;
}

#homeartwork .author_name {
    padding: 10px 0px 10px;
    overflow: hidden;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 0;
}


#homeartwork .morelink {
    text-align: center;
    padding: 0px 0px 15px;
}


.artwork_link_category{
    position: relative;
    margin: 5px;
    width: 250px;
    height: 150px;
}


.artwork_link_category img{
    width: 100%;
    filter: brightness(90%);
}

.artwork_link_category .title{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    color:#fff;
    font-size: 18px;
    line-height: 20px;
    font-weight: bold;
    text-align: center;
    text-shadow: 1px 1px 2px #1a1a1a;
}










/* Checkbox Radio Cart */

.cont-title {
    color: #333;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
}

.cont-main {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: left;
    margin-bottom: 20px;
}

.cont-checkbox {
    width: 150px;
    height: 140px;
    border-radius: var(--border-radius);
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    background: white;
    transition: transform var(--transition);
}

.cont-checkbox {
    margin-bottom: 0.75rem;
    margin-right: 0.75rem;
}

.cont-checkbox:active {
    transform: scale(0.9);
}

.cont-main input {
    display: none;
}

.cont-main input:checked + label {
    opacity: 1;
    box-shadow: 0 0 0 3px var(--background);
}

.cont-main input:checked + label img {
    -webkit-filter: none;
    filter: none;
}

.cont-main input:checked + label .cover-checkbox {
    opacity: 1;
    transform: scale(1);
}

.cont-main input:checked + label .cover-checkbox svg {
    stroke-dashoffset: 0;
}

.cont-main label {
    display: inline-block;
    cursor: pointer;
    border-radius: var(--border-radius);
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative;
    opacity: 0.6;
}

.cont-main label img {
    width: 100%;
    height: 70%;
    object-fit: cover;
    clip-path: polygon(0% 0%, 100% 0, 100% 81%, 50% 100%, 0 81%);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.cont-main label .cover-checkbox {
    position: absolute;
    right: 5px;
    top: 3px;
    z-index: 1;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: var(--box-shadow);
    border: 2px solid #fff;
    transition: transform var(--transition),
    opacity calc(var(--transition) * 1.2) linear;
    opacity: 0;
    transform: scale(0);
}

.cont-main label .cover-checkbox svg {
    width: 13px;
    height: 11px;
    display: inline-block;
    vertical-align: top;
    fill: none;
    margin: 5px 0 0 3px;
    stroke: #fff;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 16px;
    transition: stroke-dashoffset 0.4s ease var(--transition);
    stroke-dashoffset: 16px;
}

.cont-main label .info {
    text-align: center;
    margin-top: 0.6rem;
    font-weight: 600;
    font-size: 0.8rem;
}
.cont-main label .info span{
    text-align: center;
    margin-top: 0.6rem;
    font-weight: 400;
    font-size: 0.6rem;
}



/* Accordion laterla menu */
.panel-heading {
    padding: 0;
    border:0;
}
.panel-title>a,.panel-title>a:active{
    display:block;
    padding:15px 0px 5px 0px;
    font-size:16px;
    font-weight:500;
    text-decoration:none;
}

.panel-heading  a:before {
    font-family: 'Font Awesome 5 Pro';
    content: "\f107";
    float: right;
    transition: all 0.5s;
    margin-right: 10px;
}
.panel-heading.active a:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

.panel-body ul li{
    list-style: none;
}

.panel-body a:hover{
    text-decoration: underline;
}

.panel-body li.active a{
    font-weight: bold;
    font-size: 15px;

    background: #000;
    color:#fff;
    padding: 0 15px;


}





/* Box home page */
.c-preview {
    background: #000;
    display: flex;
    width: 100%;
    height: 350px;
    max-width: 100vw;
    max-height: 100vh;
    justify-content: center;
    align-items: flex-end;
    color: #fff;
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

.c-preview__img {
    position: absolute;
    left: 0;
    top: 0;
    background-position: center center;
    background-color: #000000;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    opacity: 1;
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .5s ease-in-out;
}

.c-preview:hover .c-preview__img{
    -webkit-transform: rotate(0) scale(1.2);
    transform: rotate(0) scale(1.2);
    opacity: 1;
}

.c-preview__title {
    position: relative;
    z-index: 10;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 16px;
    color: #000000;
    background: #fff;
    font-weight: 600;
    margin-bottom: 30px;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    padding-left: 8%;
    padding-right: 8%;
    padding-top: 12px;
    padding-bottom: 12px;
}


.menu_box_mobile{
    margin-right: 40px;
}

.menu_box_mobile .m_preview{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-size: cover;
    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
    margin: auto;
}

.menu_box_mobile .m_title{
    font-size: 14px;
    font-weight: 600;
    padding: 8px;
    margin: auto;
}





/* Project Kiosk */
/*
.box_order_kiosk{
    display: inline-block;
    background: #303030;
    padding: 20px;
    margin: 20px 0;
    color:#fff;
    border-radius: 14px;
}

.box_order_kiosk h6{
    color:#fb9701;
}

.custom-file-upload {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
    margin-top: 20px;
}

*/


.header-tools>div a.area_riservata_title{
    color: #fb9701;
}
.header-tools>div a.area_riservata_title span{
    position: relative;
    margin: 6px 0 0 5px;
    display: inline-block;
    line-height: 20px;
    height: 20px;
    background-color: #fb9701;
    padding: 0 6px;
}






/* ===== Products===== */

.pre_price{
    text-decoration: line-through;
    color: red;
}


.price_product_listino{
    color: #ccc;
    font-size: 15px;
    text-decoration: line-through;
}

.price_prodotto{
    color: #fb9701;
    font-size: 30px;
    display: block;
    margin-top: 10px;
}

.sconto_prc{
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 0;
    padding: 1px 2px;
    font-weight: 600;
    font-size: 21px;
    line-height: 23px;
    color: white;
    background: #f13340;
    border: 1px solid #d02a2c;
}

#sidebar_products {
    min-width: 250px;
    max-width: 300px;
    background: #ffffff;
    color: #000000;
    transition: all 0.3s;
    position: sticky;
    top: 100px;
}

#sidebar_products .sidebar-header {
    padding: 10px;
}

#sidebar_products ul p {
    padding: 10px;
}

#sidebar_products ul li a {
    padding: 5px;
    font-size: 1em;
    display: block;
    text-decoration: none;
    border-bottom: solid 1px #eee;
}

#sidebar_products ul li a:hover {
    color: #000;
    background: #eee;
    text-decoration: underline;
}

#sidebar_products ul ul a {
    padding-left: 30px !important;
}

#sidebar_products ul ul ul a {
    padding-left: 60px !important;
}

#sidebar_products li a.active{
    background: #eee;
    font-weight: bold;
}

#sidebar_products li a span{
    float: right;
    font-weight: bold;
    background: #eee;
    color: #000;
    width: 22px;
    height: 22px;
    text-align: center;
    border-radius: 50%;
    font-size: 12px;
    line-height: 22px;
    margin-left: 0px;

}



.home_menu_box ul{
    padding-left:0px;
}

.home_menu_box li{
    list-style: none;
}

.home_menu_box a{
    text-decoration: underline;
    font-size: 16px;
    -moz-transition: .2s ease-in;
    -o-transition: .2s ease-in;
    -webkit-transition: .2s ease-in;
    transition: .2s ease-in;
}

.home_menu_box a:hover{
    padding-left: 10px;
    font-weight: bold;

}



.dot_label{
    font-weight: bold;
    font-size: 18px;
    display: block;
    margin-top: 20px;
}

.dot {
    height: 15px;
    width: 15px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
}

.dot_green{
    background-color: #17ba2d;
}

.dot_yellow{
    background-color: #ffde11;
}

.dot_red{
    background-color: #ff1c06;
}

.dot_text_green{
    color: #17ba2d;
}

.dot_text_yellow{
    color: #dcbd11;
}

.dot_text_red{
    color: #ff1c06;
}





/* ============================================= */
/* ================ Animation ================= */
/* ============================================= */
.reveal{
    position: relative;
    transform: translateY(150px);
    opacity: 0;
    transition: 2s all ease;
}
.reveal.active{
    transform: translateY(0);
    opacity: 1;
}







/* ============================================= */
/* ================ Grid Box ================= */
/* ============================================= */
.container-artists .content {
    width: 100%;
    height: 250px;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    border-radius: 10px;
}
.container-artists .content img {
    transition: transform 0.3s ease-in-out;
}

.container-artists .content .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0.5;
    z-index: 1;
    background: rgb(0,0,0);
    background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0, 0, 0, 0) 89%);
    background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0, 0, 0, 0) 89%);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0, 0, 0, 0) 89%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}

/* The Transformation */
.container-artists  .content:hover img {
    transform: scale(1.4);
}

.container-artists .content .title {
    position: absolute;
    bottom: 30px;
    left: 20px;
    transition: all 0.2s linear;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    z-index: 10;
}

.container-artists .content:hover .title {
    bottom: 30px;
    left: 20px;
}

.container-artists .content .title:after {
    background: none repeat scroll 0 0 transparent;
    bottom: -5px;
    content: "";
    display: block;
    height: 2px;
    left: 50%;
    position: absolute;
    background: #fff;
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
    width: 0;
    z-index: 999999;
}

.container-artists .content:hover .title:after {
    width: 100%;
    left: 0;
}

.container-artists .content .subtitle_artist {
    position: absolute;
    bottom: 10px;
    left: 20px;
    font-size: 12px;
    color: #ffffff;
    z-index: 10;
}



/* ============================================= */
/* ================ Article Read More ================= */
/* ============================================= */

.article {
    border-bottom: 1px solid #ccc;
    padding: 10px 0 0 0;
    margin: 5px 0;
    min-height: 170px;
}
.article .text {
    font-size: 14px;
    line-height: 18px;
}

.article .text.short {
    height: 140px;
    overflow: hidden;
}
.article .text.full {
}

.read-more {
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    padding: 3px;
    background-color: #eeeeee;
    color: #878787;
    margin: 8px 0;
    width: 100%;
    text-align: center;
}



.box_bg_image{
    margin-right: 0px!important;
    height: 650px;
    background-image: url(https://www.martecgallery.com/theme/media/images/background_white.jpg);
    background-size: cover!important;
    background-repeat: no-repeat;
}

.title_small {
    font-family: Roboto;
    font-size: 18px;
    line-height: 1.2em;
    font-weight: bold;
    margin-bottom: 8px;
}


.video_box_martec_1{
    position: absolute;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
}


.rwd-video {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    position: relative;
}
.rwd-video iframe,
.rwd-video object,
.rwd-video embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}


.box_select_artist_open{
    max-width: 500px!important;
    min-width: 400px;
}


.single-artist img{
    max-width: none!important;
}




.text_home_right{
    padding:20px 8em;text-align: right;
}

.text_home_left{
    padding:20px 8em;text-align: left;
}


.home-section-left{
    position: relative;
    margin: 0 8px 0 0;
}

.home-section-right{
    position: relative;
    margin: 0 0 0 8px;
}


.page-title{
    position:relative;
    z-index:100;
}

.overlay-box {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0.9;
    z-index: 1;
    background: rgb(0,0,0);
    background: -moz-linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0, 0, 0, 0) 89%);
    background: -webkit-linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0, 0, 0, 0) 89%);
    background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0, 0, 0, 0) 89%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}




/* ============================================= */
/* ================ Responsive ================= */
/* ============================================= */

@media (max-width: 1500px) {

    .site-main-menu > ul {
        font-size: 12px;
    }
}


@media (max-width: 1398px) {

    .phone_number{
        display: none;
    }
}



@media (max-width: 1300px) {

    .site-main-menu > ul {
        font-size: 12px;
    }

    .bar_fixed p{
        font-size: 12px;
        line-height: 1.2;
    }

    .text_home_right{
        padding:20px 5em;text-align: right;
    }

    .text_home_left{
        padding:20px 5em;text-align: left;
    }
}



@media (max-width: 1199.98px) {

    .content_config{
        min-height: 50px;
        overflow: hidden;
    }

    .box_frame_info{
        padding:20px;
        background: #ffffff;
        margin-top: 0px;
        position: relative;
        z-index:100;
        -webkit-box-shadow: 2px 0px 20px -5px rgba(0,0,0,0);
        -moz-box-shadow: 2px 0px 20px -5px rgba(0,0,0,0);
        box-shadow: 2px 0px 20px -5px rgba(0,0,0,0);
    }


    .box_frame_info_button .btn{
        padding: 12px 20px;
        font-size: 0.9rem;
    }

    .icon_pos_1{
        top:60px;right:10px;
    }

    .icon_pos_2{
        top:110px;right:10px;
    }

    .icon_pos_3{
        top:160px;right:10px;
    }

    .icon_pos_4{
        top:10px;right:10px;
    }

    .icon_pos_5{
        top:210px;right:10px;
    }

    .outlet a{
        margin-left: 0px;
        margin-bottom: 8px;
    }

    .outlet_frame a{
        margin-left: 0px;
        margin-bottom: 8px;
    }
}



@media (max-width: 991px)  {

    .box_frame_select_button .btn{
        padding: 10px 18px!important;
        font-size: 0.8rem;
        letter-spacing: 0.5px;
    }

    .text_home_right{
        padding:20px 3em;text-align: right;
    }

    .text_home_left{
        padding:20px 3em;text-align: left;
    }

    .home-section-left{
        margin: 0 0px 10px 0;
    }

    .home-section-right{
        margin: 0 0 10px 0px;
    }
}





@media (max-width: 768px)  {

    .header-logo a {
        display: block;
    }

    .frame img{
        -webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.5);
        -moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.5);
        box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.5);
        width:100%;
    }

    .widget-list li {
        font-size: 18px;
        font-weight: 400;
        line-height: 0.25;
    }

    .cart-wishlist-table tbody tr td.remove{
        position: relative;
    }

    .border-hide-sm{border:0px solid !important}


    .progressbar span.step_title{
        font-size: 9px;
    }


    .video_detail_frame{
        display: contents;
    }


    .product-info .product-buttons {
        display: none;
    }

    .product-info .area_btn_frame{
        display: block!important;
    }


    h3{
        font-size: 16px;
        font-weight: bold;
    }


    .box_bg_image{
        height: 400px;
    }

    .title_small {
        font-size: 14px;
        line-height: 1.2em;
    }

    .product-info .title-artwork {
        font-size: 14px;
        font-weight: bold;
        line-height: 1.1em;
        margin-bottom: 8px;
        min-height: 45px;
    }


    .text_home_right{
        padding:20px 2em;text-align: center;
    }

    .text_home_left{
        padding:20px 2em;text-align: center;
    }
}




@media (max-width: 576px)  {

    body{
        font-size: 0.8em;
    }


    .logo-style{
        max-width: 150px;
    }

    .large-text{
        font-size: 14px;
        text-align: left;
    }

    .box_frame_info_button .btn{
        padding: 10px 8px;
        font-size: 0.7rem;
    }

    .box_frame_bar{
        padding:10px 0;
    }

    .box_frame_info_price{
        margin-bottom: 5px;
        padding-top: 10px;
    }


    .box_frame_select_button .btn{
        padding: 8px 8px!important;
        font-size: 0.6rem;
        letter-spacing: 0.5px;
    }

    .widget-list li {
        font-size: 18px;
    }

    .mini-text{
        font-size: 10px!important;
        line-height: 12px!important;
        font-weight: normal!important;
    }


    .icon_pos_1{
        top:60px;right:10px;
    }

    .icon_pos_2{
        top:110px;right:10px;
    }

    .icon_pos_3{
        top:160px;right:10px;
    }

    .icon_pos_4{
        top:10px;right:10px;
    }

    .icon_pos_5{
        top:210px;right:10px;
    }

    .product-info .title {
        font-size: 14px;
    }


    .btn {
        padding: 10px 10px;
        font-size: 0.8rem;
    }

    .btn-small {
        font-size: 10px;
        padding: 2px 8px;
    }


    .btn-sm {
        padding: 5px 8px;
        font-size: 0.6rem;
    }

    .by_centrocornici{
        position: absolute;
        bottom: 14px;
        left: 72px;
        font-size: 10px;
    }

    input:not([type="checkbox"]):not([type="radio"]).form-field-size{
        padding: 6px 20px 6px 5px;
    }

    .btn-video {
        padding: 15px 30px;
    }

    h2.title {
        font-size: 2.4em;
    }

    .product-artwork{
        height: 200px;
    }


    .cont-main{
        justify-content: center;
    }

    .cont-main label img{
        height:45%;
    }

    .cont-checkbox{
        width:90px;
        margin-right: 8px;
    }


    .page-title .title {
        font-size: 40px;
    }

    .page-title .subtitle-header {
        font-size: 20px;
    }

    .header_video{
        min-height: auto;
    }

    .search-bar form input:not([type=checkbox]):not([type=radio]){
        font-size: 14px;
    }

    .scroll_table{
        display: block;
    }

    li.breadcrumb-item{
        width: 100%;
    }
}



@media only screen and (max-width: 479px){
    .offcanvas {
        width: 100%;
    }
}